feat(engine): ✨ Link typebot step

apps/builder/components/shared/SmartNumberInput.tsx

@@ -6,7 +6,8 @@ import {
   NumberIncrementStepper,
   NumberDecrementStepper,
 } from '@chakra-ui/react'
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
+import { useDebounce } from 'use-debounce'
 
 export const SmartNumberInput = ({
   value,
@@ -17,14 +18,26 @@ export const SmartNumberInput = ({
   onValueChange: (value?: number) => void
 } & NumberInputProps) => {
   const [currentValue, setCurrentValue] = useState(value?.toString() ?? '')
+  const [valueToReturn, setValueToReturn] = useState<number | undefined>(
+    parseFloat(currentValue)
+  )
+  const [debouncedValue] = useDebounce(
+    valueToReturn,
+    process.env.NEXT_PUBLIC_E2E_TEST ? 0 : 1000
+  )
+
+  useEffect(() => {
+    onValueChange(debouncedValue)
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [debouncedValue])
 
   const handleValueChange = (value: string) => {
     setCurrentValue(value)
     if (value.endsWith('.') || value.endsWith(',')) return
-    if (value === '') return onValueChange(undefined)
+    if (value === '') return setValueToReturn(undefined)
     const newValue = parseFloat(value)
     if (isNaN(newValue)) return
-    onValueChange(newValue)
+    setValueToReturn(newValue)
   }
 
   return (