⚡ (date) Add min and max options to date input block

Closes #792

apps/viewer/src/features/blocks/inputs/date/parseDateInput.ts

@@ -0,0 +1,48 @@
+import { getPrefilledInputValue } from '@/features/chat/helpers/getPrefilledValue'
+import { deepParseVariables } from '@/features/variables/deepParseVariable'
+import { parseVariables } from '@/features/variables/parseVariables'
+import {
+  DateInputBlock,
+  DateInputOptions,
+  SessionState,
+  Variable,
+} from '@typebot.io/schemas'
+
+export const parseDateInput =
+  (state: SessionState) => (block: DateInputBlock) => {
+    return {
+      ...block,
+      options: {
+        ...deepParseVariables(state.typebotsQueue[0].typebot.variables)(
+          block.options
+        ),
+        min: parseDateLimit(
+          block.options.min,
+          block.options.hasTime,
+          state.typebotsQueue[0].typebot.variables
+        ),
+        max: parseDateLimit(
+          block.options.max,
+          block.options.hasTime,
+          state.typebotsQueue[0].typebot.variables
+        ),
+      },
+      prefilledValue: getPrefilledInputValue(
+        state.typebotsQueue[0].typebot.variables
+      )(block),
+    }
+  }
+
+const parseDateLimit = (
+  limit: DateInputOptions['min'] | DateInputOptions['max'],
+  hasTime: DateInputOptions['hasTime'],
+  variables: Variable[]
+) => {
+  if (!limit) return
+  const parsedLimit = parseVariables(variables)(limit)
+  const dateIsoNoSecondsRegex = /\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d/
+  const matchDateTime = parsedLimit.match(dateIsoNoSecondsRegex)
+  if (matchDateTime)
+    return hasTime ? matchDateTime[0] : matchDateTime[0].slice(0, 10)
+  return parsedLimit
+}

apps/viewer/src/features/blocks/inputs/date/parseDateReply.ts

@@ -27,6 +27,20 @@ export const parseDateReply = (
 
   if (block.options.isRange && !endDate) return { status: 'fail' }
 
+  if (
+    block.options.max &&
+    (detectedStartDate > new Date(block.options.max) ||
+      (detectedEndDate && detectedEndDate > new Date(block.options.max)))
+  )
+    return { status: 'fail' }
+
+  if (
+    block.options.min &&
+    (detectedStartDate < new Date(block.options.min) ||
+      (detectedEndDate && detectedEndDate < new Date(block.options.min)))
+  )
+    return { status: 'fail' }
+
   return {
     status: 'success',
     reply: block.options.isRange ? `${startDate} to ${endDate}` : startDate,

apps/viewer/src/features/chat/helpers/executeGroup.ts

@@ -11,7 +11,6 @@ import {
 } from '@typebot.io/schemas'
 import {
   isBubbleBlock,
-  isDefined,
   isInputBlock,
   isIntegrationBlock,
   isLogicBlock,
@@ -24,6 +23,8 @@ import { injectVariableValuesInButtonsInputBlock } from '@/features/blocks/input
 import { deepParseVariables } from '@/features/variables/deepParseVariable'
 import { computePaymentInputRuntimeOptions } from '@/features/blocks/inputs/payment/computePaymentInputRuntimeOptions'
 import { injectVariableValuesInPictureChoiceBlock } from '@/features/blocks/inputs/pictureChoice/injectVariableValuesInPictureChoiceBlock'
+import { parseDateInput } from '@/features/blocks/inputs/date/parseDateInput'
+import { getPrefilledInputValue } from './getPrefilledValue'
 
 export const executeGroup =
   (
@@ -152,16 +153,6 @@ const computeRuntimeOptions =
     }
   }
 
-const getPrefilledInputValue =
-  (variables: Variable[]) => (block: InputBlock) => {
-    const variableValue = variables.find(
-      (variable) =>
-        variable.id === block.options.variableId && isDefined(variable.value)
-    )?.value
-    if (!variableValue || Array.isArray(variableValue)) return
-    return variableValue
-  }
-
 const parseBubbleBlock =
   (variables: Variable[]) =>
   (block: BubbleBlock): ChatReply['messages'][0] => {
@@ -227,6 +218,9 @@ export const parseInput =
           },
         }
       }
+      case InputBlockType.DATE: {
+        return parseDateInput(state)(block)
+      }
       default: {
         return deepParseVariables(state.typebotsQueue[0].typebot.variables)({
           ...block,

apps/viewer/src/features/chat/helpers/getPrefilledValue.ts

@@ -0,0 +1,13 @@
+import { isDefined } from '@typebot.io/lib/utils'
+import { InputBlock } from '@typebot.io/schemas/features/blocks/schemas'
+import { Variable } from '@typebot.io/schemas/features/typebot/variable'
+
+export const getPrefilledInputValue =
+  (variables: Variable[]) => (block: InputBlock) => {
+    const variableValue = variables.find(
+      (variable) =>
+        variable.id === block.options.variableId && isDefined(variable.value)
+    )?.value
+    if (!variableValue || Array.isArray(variableValue)) return
+    return variableValue
+  }