🚸 (variables) Allow null values in variable list

apps/viewer/src/features/blocks/inputs/buttons/injectVariableValuesInButtonsInputBlock.ts

@@ -19,7 +19,7 @@ export const injectVariableValuesInButtonsInputBlock =
       if (!variable || typeof variable.value === 'string') return block
       return {
         ...block,
-        items: variable.value.map((item, idx) => ({
+        items: variable.value.filter(isDefined).map((item, idx) => ({
           id: idx.toString(),
           type: ItemType.BUTTON,
           blockId: block.id,

apps/viewer/src/features/blocks/integrations/sendEmail/executeSendEmailBlock.tsx

@@ -9,10 +9,11 @@ import {
   SendEmailOptions,
   SessionState,
   SmtpCredentials,
+  Variable,
 } from '@typebot.io/schemas'
 import { createTransport } from 'nodemailer'
 import Mail from 'nodemailer/lib/mailer'
-import { byId, isEmpty, isNotDefined, omit } from '@typebot.io/lib'
+import { byId, isDefined, isEmpty, isNotDefined, omit } from '@typebot.io/lib'
 import { parseAnswers } from '@typebot.io/lib/results'
 import { decrypt } from '@typebot.io/lib/api'
 import { defaultFrom, defaultTransportOptions } from './constants'
@@ -51,8 +52,7 @@ export const executeSendEmailBlock = async (
       replyTo: options.replyTo
         ? parseVariables(variables)(options.replyTo)
         : undefined,
-      fileUrls:
-        variables.find(byId(options.attachmentsVariableId))?.value ?? undefined,
+      fileUrls: getFileUrls(variables)(options.attachmentsVariableId),
       isCustomBody: options.isCustomBody,
       isBodyCode: options.isBodyCode,
     })
@@ -238,3 +238,12 @@ const parseEmailRecipient = (
     email: recipient,
   }
 }
+
+const getFileUrls =
+  (variables: Variable[]) =>
+  (variableId: string | undefined): string | string[] | undefined => {
+    const fileUrls = variables.find(byId(variableId))?.value
+    if (!fileUrls) return
+    if (typeof fileUrls === 'string') return fileUrls
+    return fileUrls.filter(isDefined)
+  }

apps/viewer/src/features/blocks/integrations/webhook/parseSampleResult.ts

@@ -83,7 +83,7 @@ const parseResultSample = (
   headerCells: ResultHeaderCell[],
   variables: Variable[]
 ) =>
-  headerCells.reduce<Record<string, string | string[] | undefined>>(
+  headerCells.reduce<Record<string, string | (string | null)[] | undefined>>(
     (resultSample, cell) => {
       const inputBlock = inputBlocks.find((inputBlock) =>
         cell.blocks?.some((block) => block.id === inputBlock.id)

apps/viewer/src/features/blocks/logic/condition/executeCondition.ts

@@ -41,8 +41,8 @@ const executeComparison =
     if (isNotDefined(value)) return false
     switch (comparison.comparisonOperator) {
       case ComparisonOperators.CONTAINS: {
-        const contains = (a: string, b: string) => {
-          if (b === '') return false
+        const contains = (a: string | null, b: string | null) => {
+          if (b === '' || !b || !a) return false
           return a.toLowerCase().trim().includes(b.toLowerCase().trim())
         }
         return compare(contains, inputValue, value)
@@ -55,14 +55,20 @@ const executeComparison =
       }
       case ComparisonOperators.GREATER: {
         return compare(
-          (a, b) => parseFloat(a) > parseFloat(b),
+          (a, b) =>
+            isDefined(a) && isDefined(b)
+              ? parseFloat(a) > parseFloat(b)
+              : false,
           inputValue,
           value
         )
       }
       case ComparisonOperators.LESS: {
         return compare(
-          (a, b) => parseFloat(a) < parseFloat(b),
+          (a, b) =>
+            isDefined(a) && isDefined(b)
+              ? parseFloat(a) < parseFloat(b)
+              : false,
           inputValue,
           value
         )
@@ -74,10 +80,11 @@ const executeComparison =
   }
 
 const compare = (
-  func: (a: string, b: string) => boolean,
-  a: string | string[],
-  b: string | string[]
+  func: (a: string | null, b: string | null) => boolean,
+  a: Variable['value'],
+  b: Variable['value']
 ): boolean => {
+  if (!a || !b) return false
   if (typeof a === 'string') {
     if (typeof b === 'string') return func(a, b)
     return b.some((b) => func(a, b))