🐛 (share) Restrict public ID to non-existant only

apps/builder/components/share/ShareContent.tsx

@@ -22,16 +22,22 @@ import { getViewerUrl, isDefined, isNotDefined } from 'utils'
 import { CustomDomainsDropdown } from './customDomain/CustomDomainsDropdown'
 import { EditableUrl } from './EditableUrl'
 import { integrationsList } from './integrations/EmbedButton'
+import { isPublicDomainAvailableQuery } from './queries/isPublicDomainAvailableQuery'
 
 export const ShareContent = () => {
   const { workspace } = useWorkspace()
   const { typebot, updateTypebot } = useTypebot()
   const { showToast } = useToast()
 
-  const handlePublicIdChange = (publicId: string) => {
+  const handlePublicIdChange = async (publicId: string) => {
     if (publicId === typebot?.publicId) return
     if (publicId.length < 4)
       return showToast({ description: 'ID must be longer than 4 characters' })
+
+    const { data } = await isPublicDomainAvailableQuery(publicId)
+    if (!data?.isAvailable)
+      return showToast({ description: 'ID is already taken' })
+
     updateTypebot({ publicId })
   }
 

apps/builder/components/share/queries/isPublicDomainAvailableQuery.ts

@@ -0,0 +1,7 @@
+import { sendRequest } from 'utils'
+
+export const isPublicDomainAvailableQuery = (publicId: string) =>
+  sendRequest<{ isAvailable: boolean }>({
+    method: 'GET',
+    url: `/api/publicIdAvailable?publicId=${publicId}`,
+  })