feat(inputs): ✨ Add URL input

packages/bot-engine/src/components/ChatBlock/ChatStep/ChatStep.tsx

@@ -54,6 +54,7 @@ const InputChatStep = ({
     case InputStepType.TEXT:
     case InputStepType.NUMBER:
     case InputStepType.EMAIL:
+    case InputStepType.URL:
       return <TextForm step={step} onSubmit={handleSubmit} />
   }
 }

packages/bot-engine/src/components/ChatBlock/ChatStep/inputs/TextForm/TextForm.tsx

@@ -1,10 +1,15 @@
-import { EmailInputStep, NumberInputStep, TextInputStep } from 'models'
+import {
+  EmailInputStep,
+  NumberInputStep,
+  TextInputStep,
+  UrlInputStep,
+} from 'models'
 import React, { FormEvent, useState } from 'react'
 import { SendIcon } from '../../../../../assets/icons'
 import { TextInput } from './TextInputContent'
 
 type TextFormProps = {
-  step: TextInputStep | EmailInputStep | NumberInputStep
+  step: TextInputStep | EmailInputStep | NumberInputStep | UrlInputStep
   onSubmit: (value: string) => void
 }
 

packages/bot-engine/src/components/ChatBlock/ChatStep/inputs/TextForm/TextInputContent.tsx

@@ -3,6 +3,7 @@ import {
   EmailInputStep,
   NumberInputStep,
   InputStepType,
+  UrlInputStep,
 } from 'models'
 import React, {
   ChangeEvent,
@@ -13,7 +14,7 @@ import React, {
 } from 'react'
 
 type TextInputProps = {
-  step: TextInputStep | EmailInputStep | NumberInputStep
+  step: TextInputStep | EmailInputStep | NumberInputStep | UrlInputStep
   onChange: (value: string) => void
 }
 
@@ -77,6 +78,16 @@ export const TextInput = ({ step, onChange }: TextInputProps) => {
         />
       )
     }
+    case InputStepType.URL: {
+      return (
+        <ShortTextInput
+          ref={inputRef}
+          placeholder={step.options?.labels?.placeholder ?? 'Type your URL...'}
+          onChange={handleInputChange}
+          type="url"
+        />
+      )
+    }
   }
 }