🐛 (typebotLink) Populate variable value when linked typebot is injected

packages/bot-engine/src/providers/TypebotProvider.tsx

@@ -2,7 +2,7 @@ import { TypebotViewerProps } from '@/components/TypebotViewer'
 import { safeStringify } from '@/features/variables'
 import { sendEventToParent } from '@/utils/chat'
 import { Log } from 'db'
-import { Edge, PublicTypebot, Typebot } from 'models'
+import { Edge, PublicTypebot, Typebot, Variable } from 'models'
 import {
   createContext,
   ReactNode,
@@ -113,11 +113,15 @@ export const TypebotProvider = ({
   }
 
   const injectLinkedTypebot = (typebot: Typebot | PublicTypebot) => {
+    const newVariables = fillVariablesWithExistingValues(
+      typebot.variables,
+      localTypebot.variables
+    )
     const typebotToInject = {
       id: 'typebotId' in typebot ? typebot.typebotId : typebot.id,
       groups: typebot.groups,
       edges: typebot.edges,
-      variables: typebot.variables,
+      variables: newVariables,
     }
     setLinkedTypebots((typebots) => [...typebots, typebotToInject])
     const updatedTypebot = {
@@ -130,6 +134,21 @@ export const TypebotProvider = ({
     return typebotToInject
   }
 
+  const fillVariablesWithExistingValues = (
+    variables: Variable[],
+    variablesWithValues: Variable[]
+  ): Variable[] =>
+    variables.map((variable) => {
+      const matchedVariable = variablesWithValues.find(
+        (variableWithValue) => variableWithValue.name === variable.name
+      )
+
+      return {
+        ...variable,
+        value: matchedVariable?.value ?? variable.value,
+      }
+    })
+
   const pushEdgeIdInLinkedTypebotQueue = (bot: {
     typebotId: string
     edgeId: string