⚡ (setVariable) Add client-side set variable execution

Closes #461

apps/viewer/src/features/blocks/logic/script/executeScript.ts

@@ -2,7 +2,7 @@ import { ExecuteLogicResponse } from '@/features/chat/types'
 import { extractVariablesFromText } from '@/features/variables/extractVariablesFromText'
 import { parseGuessedValueType } from '@/features/variables/parseGuessedValueType'
 import { parseVariables } from '@/features/variables/parseVariables'
-import { ScriptBlock, SessionState } from '@typebot.io/schemas'
+import { ScriptBlock, SessionState, Variable } from '@typebot.io/schemas'
 
 export const executeScript = (
   { typebot: { variables } }: SessionState,
@@ -11,26 +11,37 @@ export const executeScript = (
 ): ExecuteLogicResponse => {
   if (!block.options.content) return { outgoingEdgeId: block.outgoingEdgeId }
 
-  const content = parseVariables(variables, { fieldToParse: 'id' })(
+  const scriptToExecute = parseScriptToExecuteClientSideAction(
+    variables,
     block.options.content
   )
-  const args = extractVariablesFromText(variables)(block.options.content).map(
-    (variable) => ({
-      id: variable.id,
-      value: parseGuessedValueType(variable.value),
-    })
-  )
 
   return {
     outgoingEdgeId: block.outgoingEdgeId,
     clientSideActions: [
       {
-        scriptToExecute: {
-          content,
-          args,
-        },
+        scriptToExecute: scriptToExecute,
         lastBubbleBlockId,
       },
     ],
   }
 }
+
+export const parseScriptToExecuteClientSideAction = (
+  variables: Variable[],
+  contentToEvaluate: string
+) => {
+  const content = parseVariables(variables, { fieldToParse: 'id' })(
+    contentToEvaluate
+  )
+  const args = extractVariablesFromText(variables)(contentToEvaluate).map(
+    (variable) => ({
+      id: variable.id,
+      value: parseGuessedValueType(variable.value),
+    })
+  )
+  return {
+    content,
+    args,
+  }
+}