♻️ Re-organize workspace folders

packages/embeds/js/src/components/ConversationContainer/PopupBlockedToast.tsx

@@ -0,0 +1,30 @@
+type Props = {
+  url: string
+  onLinkClick: () => void
+}
+
+export const PopupBlockedToast = (props: Props) => {
+  return (
+    <div
+      class="w-full max-w-xs p-4 text-gray-500 bg-white rounded-lg shadow flex flex-col gap-2"
+      role="alert"
+    >
+      <span class="mb-1 text-sm font-semibold text-gray-900">
+        Popup blocked
+      </span>
+      <div class="mb-2 text-sm font-normal">
+        The bot wants to open a new tab but it was blocked by your broswer. It
+        needs a manual approval.
+      </div>
+      <a
+        href={props.url}
+        target="_blank"
+        class="py-1 px-4 justify-center text-sm font-semibold rounded-md text-white focus:outline-none flex items-center disabled:opacity-50 disabled:cursor-not-allowed disabled:brightness-100 transition-all filter hover:brightness-90 active:brightness-75 typebot-button"
+        rel="noreferrer"
+        onClick={() => props.onLinkClick()}
+      >
+        Continue in new tab
+      </a>
+    </div>
+  )
+}