feat(inputs): ✨ Add buttons input

packages/models/src/publicTypebot.ts

@@ -1,5 +1,5 @@
 import { PublicTypebot as PublicTypebotFromPrisma } from 'db'
-import { Block, Settings, Step, Theme } from './typebot'
+import { Block, ChoiceItem, Settings, Step, Theme } from './typebot'
 import { Table } from './utils'
 
 export type PublicTypebot = Omit<
@@ -8,6 +8,7 @@ export type PublicTypebot = Omit<
 > & {
   blocks: Table<Block>
   steps: Table<Step>
+  choiceItems: Table<ChoiceItem>
   theme: Theme
   settings: Settings
 }

packages/models/src/typebot/steps/inputs.ts

@@ -1,3 +1,4 @@
+import { Target } from '.'
 import { StepBase } from './steps'
 
 export type InputStep =
@@ -7,6 +8,7 @@ export type InputStep =
   | UrlInputStep
   | DateInputStep
   | PhoneNumberInputStep
+  | ChoiceInputStep
 
 export enum InputStepType {
   TEXT = 'text input',
@@ -15,6 +17,7 @@ export enum InputStepType {
   URL = 'url input',
   DATE = 'date input',
   PHONE = 'phone number input',
+  CHOICE = 'choice input',
 }
 
 export type TextInputStep = StepBase & {
@@ -44,7 +47,25 @@ export type DateInputStep = StepBase & {
 
 export type PhoneNumberInputStep = StepBase & {
   type: InputStepType.PHONE
-  options?: InputOptionsBase
+  options?: InputTextOptionsBase
+}
+
+export type ChoiceInputStep = StepBase & {
+  type: InputStepType.CHOICE
+  options: ChoiceInputOptions
+}
+
+export type ChoiceInputOptions = {
+  itemIds: string[]
+  isMultipleChoice?: boolean
+  buttonLabel?: string
+}
+
+export type ChoiceItem = {
+  id: string
+  stepId: string
+  content?: string
+  target?: Target
 }
 
 export type DateInputOptions = {
@@ -53,19 +74,19 @@ export type DateInputOptions = {
   isRange?: boolean
 }
 
-export type EmailInputOptions = InputOptionsBase
+export type EmailInputOptions = InputTextOptionsBase
 
-export type UrlInputOptions = InputOptionsBase
+export type UrlInputOptions = InputTextOptionsBase
 
-type InputOptionsBase = {
+type InputTextOptionsBase = {
   labels?: { placeholder?: string; button?: string }
 }
 
-export type TextInputOptions = InputOptionsBase & {
+export type TextInputOptions = InputTextOptionsBase & {
   isLong?: boolean
 }
 
-export type NumberInputOptions = InputOptionsBase & {
+export type NumberInputOptions = InputTextOptionsBase & {
   min?: number
   max?: number
   step?: number

packages/models/src/typebot/typebot.ts

@@ -1,4 +1,5 @@
 import { Typebot as TypebotFromPrisma } from 'db'
+import { ChoiceItem } from './steps/inputs'
 import { Table } from '../utils'
 import { Settings } from './settings'
 import { Step } from './steps/steps'
@@ -10,6 +11,7 @@ export type Typebot = Omit<
 > & {
   blocks: Table<Block>
   steps: Table<Step>
+  choiceItems: Table<ChoiceItem>
   theme: Theme
   settings: Settings
 }