✨ Add Wait block

Closes #142

apps/builder/src/features/graph/components/Nodes/BlockNode/BlockNodeContent/BlockNodeContent.tsx

@@ -37,6 +37,7 @@ import { SendEmailContent } from '@/features/blocks/integrations/sendEmail'
 import { isInputBlock, isChoiceInput, blockHasItems } from 'utils'
 import { MakeComContent } from '@/features/blocks/integrations/makeCom'
 import { AudioBubbleNode } from '@/features/blocks/bubbles/audio'
+import { WaitNodeContent } from '@/features/blocks/logic/wait/components/WaitNodeContent'
 
 type Props = {
   block: Block | StartBlock
@@ -120,6 +121,9 @@ export const BlockNodeContent = ({ block, indices }: Props): JSX.Element => {
         />
       )
     }
+    case LogicBlockType.WAIT: {
+      return <WaitNodeContent options={block.options} />
+    }
     case LogicBlockType.TYPEBOT_LINK:
       return <TypebotLinkNode block={block} />
 

apps/builder/src/features/graph/components/Nodes/BlockNode/SettingsPopoverContent/HelpDocButton.tsx

@@ -40,6 +40,8 @@ const getHelpDocUrl = (blockType: BlockWithOptions['type']): string | null => {
       return 'https://docs.typebot.io/editor/blocks/logic/redirect'
     case LogicBlockType.CODE:
       return 'https://docs.typebot.io/editor/blocks/logic/code'
+    case LogicBlockType.WAIT:
+      return 'https://docs.typebot.io/editor/blocks/logic/wait'
     case InputBlockType.TEXT:
       return 'https://docs.typebot.io/editor/blocks/inputs/text'
     case InputBlockType.NUMBER:

apps/builder/src/features/graph/components/Nodes/BlockNode/SettingsPopoverContent/SettingsPopoverContent.tsx

@@ -41,6 +41,7 @@ import { ButtonsOptionsForm } from '@/features/blocks/inputs/buttons'
 import { ChatwootSettingsForm } from '@/features/blocks/integrations/chatwoot'
 import { MakeComSettings } from '@/features/blocks/integrations/makeCom'
 import { HelpDocButton } from './HelpDocButton'
+import { WaitSettings } from '@/features/blocks/logic/wait/components/WaitSettings'
 
 type Props = {
   block: BlockWithOptions
@@ -212,6 +213,14 @@ export const BlockSettings = ({
         />
       )
     }
+    case LogicBlockType.WAIT: {
+      return (
+        <WaitSettings
+          options={block.options}
+          onOptionsChange={handleOptionsChange}
+        />
+      )
+    }
     case IntegrationBlockType.GOOGLE_SHEETS: {
       return (
         <GoogleSheetsSettingsBody

apps/builder/src/features/graph/utils.ts

@@ -37,6 +37,7 @@ import {
   Item,
   ItemType,
   LogicBlockType,
+  defaultWaitOptions,
 } from 'models'
 import {
   stubLength,
@@ -434,6 +435,8 @@ const parseDefaultBlockOptions = (type: BlockWithOptionsType): BlockOptions => {
       return defaultRedirectOptions
     case LogicBlockType.CODE:
       return defaultCodeOptions
+    case LogicBlockType.WAIT:
+      return defaultWaitOptions
     case LogicBlockType.TYPEBOT_LINK:
       return {}
     case IntegrationBlockType.GOOGLE_SHEETS: