@bikdotai/bik-component-library 0.0.838-beta.6 → 0.0.839-0

package/dist/esm/components/add-variableV2/AddVariableV2.js

@@ -1,18 +1,18 @@
-import { jsx as l, jsxs as c, Fragment as u } from "react/jsx-runtime";
+import { jsx as l, jsxs as d, Fragment as b } from "react/jsx-runtime";
 import Z from "../../assets/icons/back_icon.svg.js";
 import ee from "../../assets/icons/chevronRightAlt.svg.js";
 import P from "../../assets/icons/cross.svg.js";
 import ae from "../../assets/icons/plus.svg.js";
 import ie from "../../assets/icons/undo.svg.js";
-import { memo as te, useState as b, useEffect as N } from "react";
+import { memo as te, useState as u, useEffect as N } from "react";
 import { AddVariableStyled as le } from "./AddVariableV2.styled.js";
 import { COLORS as F } from "../../constants/Theme.js";
 import { CloseButtonContainer as ne } from "../modals/modal.styled.js";
 import { BodySecondary as se, TitleSmall as W, BodyCaption as v } from "../TypographyStyle.js";
 import { IconButton as j } from "../icon-button/IconButton.js";
 import { SearchBar as re } from "../searchBar/searchBar.js";
-import { Switch as ce } from "../switch/Switch.js";
-import { Tooltip as de } from "../tooltips/Tooltip.js";
+import { Switch as de } from "../switch/Switch.js";
+import { Tooltip as ce } from "../tooltips/Tooltip.js";
 import { Button as oe } from "../button/Button.js";
 const Le = te(
   (t) => {
@@ -22,9 +22,9 @@ const Le = te(
       needsBorder: M = !0,
       styledCloseBtn: I = !1,
       readonly: x = !1
-    } = t, [o, K] = b({}), [w, y] = b(), [s, C] = b(""), [d, g] = b(""), [U, m] = b(!0), D = /.*\..*/, [q, L] = b(
+    } = t, [o, K] = u({}), [w, y] = u(), [s, C] = u(""), [c, g] = u(""), [U, m] = u(!0), D = /.*\..*/, [q, L] = u(
       t.data
-    ), [f, R] = b(!0);
+    ), [f, R] = u(!0);
     N(() => {
       const e = {};
       h.forEach((i) => {
@@ -44,9 +44,9 @@ const Le = te(
     }, [t.reRender]), N(() => {
       let e = t.data;
       s && (e = [o[s]]), T(e, f).length > 0 ? m(!0) : m(!1);
-    }, [d]);
+    }, [c]);
     const T = (e, i = !1) => e.flatMap((a) => Object.keys(a.variables).filter(
-      (n) => a.variables[n].displayName?.toLowerCase().includes(d.toLowerCase()) && (!i || a.variables[n].isAvailable === i) || V(a.variables[n])
+      (n) => a.variables[n].displayName?.toLowerCase().includes(c.toLowerCase()) && (!i || a.variables[n].isAvailable === i) || V(a.variables[n])
     )), S = (e, i) => {
       const a = h.find((n) => n.displayName === i);
       if (a) {
@@ -64,7 +64,7 @@ const Le = te(
         const a = Object.keys(e.variables);
         for (let n = 0; n < a.length; n++) {
           const r = a[n];
-          if (e.variables && e.variables[r].displayName.toLowerCase().includes(d.toLowerCase()) && e.variables[r].isAvailable === f) {
+          if (e.variables && e.variables[r].displayName.toLowerCase().includes(c.toLowerCase()) && e.variables[r].isAvailable === f) {
             i = !0;
             break;
           }
@@ -80,9 +80,9 @@ const Le = te(
           const n = o[s];
           a = t.data.filter((r) => r.displayName === s).map((r) => _(r, n)).filter((r) => r != null);
         }
-        L(a), d && (a = T(a, e)), a.length > 0 ? m(!0) : m(!1);
+        L(a), c && (a = T(a, e)), a.length > 0 ? m(!0) : m(!1);
       } else
-        L(t.data), d ? T(t.data, e).length > 0 ? m(!0) : m(!1) : m(!0);
+        L(t.data), c ? T(t.data, e).length > 0 ? m(!0) : m(!1) : m(!0);
     };
     function _(e, i, a = {}) {
       if (i)
@@ -103,8 +103,8 @@ const Le = te(
     }
     const B = (e) => {
       const i = e.item.description;
-      return e.readonly ? /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(E, { item: e.item, readonly: e.readonly }) }) : /* @__PURE__ */ l(u, { children: /* @__PURE__ */ l(
-        de,
+      return e.readonly ? /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(E, { item: e.item, readonly: e.readonly }) }) : /* @__PURE__ */ l(b, { children: /* @__PURE__ */ l(
+        ce,
         {
           body: "",
           tooltipContent: /* @__PURE__ */ l(
@@ -129,10 +129,10 @@ const Le = te(
         size: "chip",
         disabled: e.readonly ? !e.item.isSubHeader : !1,
         LeadingIcon: e.item.isSubHeader || e.readonly ? void 0 : ae,
-        TrailingIcon: () => e.item.isSubHeader ? /* @__PURE__ */ l("div", { className: "icon-trailing", style: { display: "flex" }, children: /* @__PURE__ */ l(ee, {}) }) : /* @__PURE__ */ l(u, {}),
+        TrailingIcon: () => e.item.isSubHeader ? /* @__PURE__ */ l("div", { className: "icon-trailing", style: { display: "flex" }, children: /* @__PURE__ */ l(ee, {}) }) : /* @__PURE__ */ l(b, {}),
         buttonText: e.item.displayName
       }
-    ), O = (e, i) => f && !e.isAvailable ? /* @__PURE__ */ l(u, {}) : /* @__PURE__ */ l(
+    ), O = (e, i) => f && !e.isAvailable ? /* @__PURE__ */ l(b, {}) : /* @__PURE__ */ l(
       "div",
       {
         onClick: e.isSubHeader ? () => {
@@ -214,7 +214,7 @@ const Le = te(
       top: `${t.topPosition ? t.topPosition : t.pickerSize === "small" ? "300px" : "60px"}`,
       left: `${t.leftPosition ? t.leftPosition + 24 : 430}px`
     };
-    return /* @__PURE__ */ l("div", { id: "varList", tabIndex: -1, children: /* @__PURE__ */ c(
+    return /* @__PURE__ */ l("div", { id: "varList", tabIndex: -1, children: /* @__PURE__ */ d(
       le,
       {
         style: J,
@@ -246,13 +246,14 @@ const Le = te(
               )
             }
           ),
-          t.showVariable && /* @__PURE__ */ c("div", { className: "popup", children: [
-            /* @__PURE__ */ c("div", { className: "sticky__bar", children: [
-              $ && /* @__PURE__ */ c("div", { className: "header__bar", children: [
+          t.showVariable && /* @__PURE__ */ d("div", { className: "popup", children: [
+            /* @__PURE__ */ d("div", { className: "sticky__bar", children: [
+              $ && /* @__PURE__ */ d("div", { className: "header__bar", children: [
                 /* @__PURE__ */ l("div", { className: "add__variable", children: "Add a new variable" }),
                 !I && /* @__PURE__ */ l(
                   "div",
                   {
+                    "data-test": "add-variable-close",
                     onClick: () => {
                       t.setShowVariable(!1);
                     },
@@ -271,7 +272,7 @@ const Le = te(
                   }
                 )
               ] }),
-              /* @__PURE__ */ c(
+              /* @__PURE__ */ d(
                 "div",
                 {
                   className: "search__bar",
@@ -289,12 +290,12 @@ const Le = te(
                         },
                         onEnter: () => {
                         },
-                        reset: !d,
+                        reset: !c,
                         placeholder: "Search...",
                         variant: "default"
                       }
                     ),
-                    /* @__PURE__ */ c(
+                    /* @__PURE__ */ d(
                       "div",
                       {
                         style: {
@@ -306,8 +307,9 @@ const Le = te(
                         children: [
                           /* @__PURE__ */ l(se, { style: { color: F.content.secondary }, children: "Show only recommended variables" }),
                           /* @__PURE__ */ l(
-                            ce,
+                            de,
                             {
+                              "data-test": "add-variable-recommended-toggle",
                               value: f,
                               onValueChange: async (e) => await A(e)
                             }
@@ -318,8 +320,8 @@ const Le = te(
                   ]
                 }
               ),
-              s && w[s].length > 0 && /* @__PURE__ */ c("div", { className: "nav__bar", children: [
-                /* @__PURE__ */ c("div", { className: "left__nav", children: [
+              s && w[s].length > 0 && /* @__PURE__ */ d("div", { className: "nav__bar", children: [
+                /* @__PURE__ */ d("div", { className: "left__nav", children: [
                   /* @__PURE__ */ l(
                     j,
                     {
@@ -338,12 +340,12 @@ const Le = te(
                       }
                     }
                   ),
-                  /* @__PURE__ */ c("div", { className: "block", children: [
+                  /* @__PURE__ */ d("div", { className: "block", children: [
                     /* @__PURE__ */ l(W, { children: o[s].displayName }),
                     o[s].description && /* @__PURE__ */ l(v, { children: o[s].description })
                   ] })
                 ] }),
-                /* @__PURE__ */ c("div", { className: "right__nav", children: [
+                /* @__PURE__ */ d("div", { className: "right__nav", children: [
                   /* @__PURE__ */ l(
                     j,
                     {
@@ -361,7 +363,7 @@ const Le = te(
                 ] })
               ] })
             ] }),
-            !U && /* @__PURE__ */ c(
+            !U && /* @__PURE__ */ d(
               "div",
               {
                 style: {
@@ -373,17 +375,17 @@ const Le = te(
                 },
                 children: [
                   /* @__PURE__ */ l(W, { children: "No results found!" }),
-                  f ? /* @__PURE__ */ l(v, { children: "Sorry we could not find any recommended variables" }) : /* @__PURE__ */ l(v, { children: `Sorry we could not find any results for "${d}"` })
+                  f ? /* @__PURE__ */ l(v, { children: "Sorry we could not find any recommended variables" }) : /* @__PURE__ */ l(v, { children: `Sorry we could not find any results for "${c}"` })
                 ]
               }
             ),
-            /* @__PURE__ */ l("div", { className: "wrapper", children: /* @__PURE__ */ l("div", { className: "list__map", children: /* @__PURE__ */ c("div", { className: "items", children: [
+            /* @__PURE__ */ l("div", { className: "wrapper", children: /* @__PURE__ */ l("div", { className: "list__map", children: /* @__PURE__ */ d("div", { className: "items", children: [
               !s && q.map((e) => {
                 let i = [];
-                return d && (i = Object.keys(e.variables).filter(
-                  (a) => e.variables[a].displayName?.toLowerCase().includes(d.toLowerCase()) || V(e.variables[a])
-                )), /* @__PURE__ */ c(u, { children: [
-                  d ? i.length > 0 ? /* @__PURE__ */ c("div", { className: "block", children: [
+                return c && (i = Object.keys(e.variables).filter(
+                  (a) => e.variables[a].displayName?.toLowerCase().includes(c.toLowerCase()) || V(e.variables[a])
+                )), /* @__PURE__ */ d(b, { children: [
+                  c ? i.length > 0 ? /* @__PURE__ */ d("div", { className: "block", children: [
                     /* @__PURE__ */ l("div", { className: "heading__font", children: e?.displayName }),
                     /* @__PURE__ */ l(
                       v,
@@ -395,7 +397,7 @@ const Le = te(
                         children: e?.description
                       }
                     )
-                  ] }) : /* @__PURE__ */ l(u, {}) : /* @__PURE__ */ c("div", { className: "block", children: [
+                  ] }) : /* @__PURE__ */ l(b, {}) : /* @__PURE__ */ d("div", { className: "block", children: [
                     /* @__PURE__ */ l("div", { className: "heading__font", children: e?.displayName }),
                     /* @__PURE__ */ l(
                       v,
@@ -405,7 +407,7 @@ const Le = te(
                       }
                     )
                   ] }),
-                  Object.keys(e.variables).map((a) => d ? e.variables[a].displayName?.toLowerCase().includes(d.toLowerCase()) || V(
+                  Object.keys(e.variables).map((a) => c ? e.variables[a].displayName?.toLowerCase().includes(c.toLowerCase()) || V(
                     e.variables[a]
                   ) ? /* @__PURE__ */ l(
                     "div",
@@ -419,7 +421,7 @@ const Le = te(
                         }
                       )
                     }
-                  ) : /* @__PURE__ */ l(u, {}) : /* @__PURE__ */ l(
+                  ) : /* @__PURE__ */ l(b, {}) : /* @__PURE__ */ l(
                     "div",
                     {
                       onClick: e.variables[a].isSubHeader ? () => H(e, a) : () => z(e, a),
@@ -435,12 +437,12 @@ const Le = te(
                 ] });
               }),
               s && /* @__PURE__ */ l("div", { className: "list__map", children: /* @__PURE__ */ l("div", { className: "items", style: { marginTop: 16 }, children: Object.keys(o[s].variables).map(
-                (e, i) => d ? o[s].variables[e].displayName?.toLowerCase().includes(d.toLowerCase()) || V(
+                (e, i) => c ? o[s].variables[e].displayName?.toLowerCase().includes(c.toLowerCase()) || V(
                   o[s].variables[e]
                 ) ? O(
                   o[s].variables[e],
                   e
-                ) : /* @__PURE__ */ l(u, {}) : O(
+                ) : /* @__PURE__ */ l(b, {}) : O(
                   o[s].variables[e],
                   e
                 )

package/dist/esm/components/add-variableV2/AddVariableV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddVariableV2.js","sources":["../../../../src/components/add-variableV2/AddVariableV2.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\n\n/* eslint-disable react/prop-types */\nimport BackIcon from '@src/assets/icons/back_icon.svg';\nimport RightFilled from '@src/assets/icons/chevronRightAlt.svg';\nimport CloseIcon from '@src/assets/icons/cross.svg';\nimport PlusIcon from '@src/assets/icons/plus.svg';\nimport UndoIcon from '@src/assets/icons/undo.svg';\nimport React, { memo, useEffect, useState } from 'react';\nimport { AddVariableStyled } from '@src/components/add-variableV2/AddVariableV2.styled';\nimport { Button } from '@src/components/button';\nimport { IconButton } from '@src/components/icon-button';\nimport { SearchBar } from '@src/components/searchBar';\nimport { Tooltip } from '@src/components/tooltips';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { CloseButtonContainer } from '../modals/modal.styled';\nimport { Switch } from '../switch';\nimport { BodyCaption, BodySecondary, TitleSmall } from '../TypographyStyle';\n\nexport interface VariableListInterfaceV2 {\n\tdisplayName: string;\n\tdescription: string;\n\torderId: number;\n\tvariables?: any;\n}\n\nexport interface Variable {\n\tdescription?: string;\n\tdefaultValue?: string;\n\tdisplayName: string;\n\tactualValue: string;\n\tvariableType: string;\n\tisAvailable: boolean;\n\tactualValueEval?: string;\n\tisSubHeader?: boolean;\n\tvariables?: { [key: string]: Variable };\n\tneedsFetching?: boolean;\n}\n\nexport interface AddVariableProps {\n\tdata: VariableListInterfaceV2[];\n\tshowVariable: any;\n\tsetShowVariable: any;\n\tvariableValue?: any;\n\tsetVariableValue?: any;\n\tplaceholder: string;\n\tcustomTrigger?: any;\n\tisSearchRequired?: boolean;\n\tisModalState?: boolean;\n\tleftPosition?: number;\n\ttopPosition?: string;\n\tpickerSize?: string;\n\tenableVariable?: boolean;\n\tisEvaluationList?: boolean;\n\tonSearchBlur?: (e: any) => void;\n\tid?: string;\n\tselectWithTypes?: boolean;\n\tpositionStrategy?: 'static' | 'fixed';\n\tzindex?: number;\n\thasHeader?: boolean;\n\theight?: string;\n\tneedsBorder?: boolean;\n\treRender?: string;\n\tstyledCloseBtn?: boolean;\n\twidth?: string;\n\treadonly?: boolean;\n}\n\ntype Props = AddVariableProps;\n\nexport interface VariableBoxProps {\n\titem: Variable;\n\traw?: string;\n\tparentKey?: string;\n\treadonly?: boolean;\n}\n\nexport const AddVariableV2: React.FC<Props> = memo(\n\t(props) => {\n\t\tconst {\n\t\t\tdata,\n\t\t\thasHeader = true,\n\t\t\tneedsBorder = true,\n\t\t\tstyledCloseBtn = false,\n\t\t\treadonly = false,\n\t\t} = props;\n\t\tconst [payloadVar, setPayloadVar] = useState<any>({});\n\t\tconst [navigationStack, setNavigationStack] = useState<any>();\n\t\tconst [variableKey, setVariableKey] = useState<string>('');\n\t\tconst [searchWord, setSearchWord] = useState<string>('');\n\t\tconst [variableFound, setVariableFound] = useState<boolean>(true);\n\t\tconst variableRegex = /.*\\..*/;\n\n\t\tconst [variableList, setVariableList] = useState<VariableListInterfaceV2[]>(\n\t\t\tprops.data,\n\t\t);\n\t\tconst [showOnlyRecommended, setShowOnlyRecommended] =\n\t\t\tuseState<boolean>(true);\n\n\t\tuseEffect(() => {\n\t\t\tconst navStack: any = {};\n\t\t\tdata.forEach((value) => {\n\t\t\t\tnavStack[value.displayName] = [];\n\t\t\t});\n\t\t\tsetNavigationStack(navStack);\n\t\t}, [data]);\n\n\t\tuseEffect(() => {\n\t\t\thandleRecommendedToggle(true);\n\t\t}, []);\n\n\t\tuseEffect(() => {\n\t\t\tconst isFirstPage = !variableKey;\n\t\t\thandleRecommendedToggle(showOnlyRecommended, isFirstPage);\n\t\t}, [payloadVar, variableKey]);\n\n\t\tuseEffect(() => {\n\t\t\tsetShowOnlyRecommended(true);\n\t\t\tsetSearchWord('');\n\t\t\tupdatePayloadvar([], variableKey);\n\t\t\tsetNavigationStack((prev: any) => {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\t[variableKey]: [],\n\t\t\t\t};\n\t\t\t});\n\t\t\tsetVariableKey('');\n\n\t\t\t// for recommended variables\n\t\t\tconst newList = props.data\n\t\t\t\t.map((value) => {\n\t\t\t\t\treturn removeUnavailableVariables(value);\n\t\t\t\t})\n\t\t\t\t.filter((value) => value !== null);\n\t\t\tsetVariableList(newList);\n\t\t\tif (newList.length > 0) {\n\t\t\t\tsetVariableFound(true);\n\t\t\t} else {\n\t\t\t\tsetVariableFound(false);\n\t\t\t}\n\t\t}, [props.reRender]);\n\n\t\tuseEffect(() => {\n\t\t\t// For showing empty UI when no results are found\n\t\t\tlet data = props.data;\n\t\t\tif (variableKey) {\n\t\t\t\tdata = [payloadVar[variableKey]];\n\t\t\t}\n\t\t\tconst newList = shouldShowNoResult(data, showOnlyRecommended);\n\t\t\tif (newList.length > 0) {\n\t\t\t\tsetVariableFound(true);\n\t\t\t} else {\n\t\t\t\tsetVariableFound(false);\n\t\t\t}\n\t\t}, [searchWord]);\n\n\t\tconst shouldShowNoResult = (data: any[], showOnlyRecommended = false) => {\n\t\t\treturn data.flatMap((value) => {\n\t\t\t\treturn Object.keys(value.variables).filter(\n\t\t\t\t\t(key) =>\n\t\t\t\t\t\t(value.variables[key].displayName\n\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t.includes(searchWord.toLowerCase()) &&\n\t\t\t\t\t\t\t(!showOnlyRecommended ||\n\t\t\t\t\t\t\t\tvalue.variables[key].isAvailable === showOnlyRecommended)) ||\n\t\t\t\t\t\thasVariablesInSubheader(value.variables[key]),\n\t\t\t\t);\n\t\t\t});\n\t\t};\n\n\t\tconst updatePayloadvar = (stack: Array<string>, key: string) => {\n\t\t\tconst variable = data.find((variable) => variable.displayName === key);\n\t\t\tif (variable) {\n\t\t\t\tlet temp = variable;\n\t\t\t\tstack.forEach((level, key) => {\n\t\t\t\t\ttemp = temp.variables[level];\n\t\t\t\t});\n\t\t\t\tsetPayloadVar((prev: any) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t[key]: temp,\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t}\n\t\t};\n\n\t\tconst hasVariablesInSubheader = (variable: Variable) => {\n\t\t\tlet isAvailable = false;\n\t\t\tif (variable.isSubHeader && variable.variables) {\n\t\t\t\tconst keys = Object.keys(variable.variables);\n\t\t\t\tfor (let i = 0; i < keys.length; i++) {\n\t\t\t\t\tconst key = keys[i];\n\t\t\t\t\tif (\n\t\t\t\t\t\tvariable.variables &&\n\t\t\t\t\t\tvariable.variables[key].displayName\n\t\t\t\t\t\t\t.toLowerCase()\n\t\t\t\t\t\t\t.includes(searchWord.toLowerCase()) &&\n\t\t\t\t\t\tvariable.variables[key].isAvailable === showOnlyRecommended\n\t\t\t\t\t) {\n\t\t\t\t\t\tisAvailable = true;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn isAvailable;\n\t\t};\n\n\t\tconst handleRecommendedToggle = (val: boolean, firstPage = false) => {\n\t\t\tsetShowOnlyRecommended(val);\n\t\t\tif (val) {\n\t\t\t\tlet newList: any[] = [];\n\t\t\t\tif (!variableKey || firstPage) {\n\t\t\t\t\tnewList = props.data\n\t\t\t\t\t\t.map((value) => {\n\t\t\t\t\t\t\treturn removeUnavailableVariables(value);\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.filter((value) => value !== null);\n\t\t\t\t} else {\n\t\t\t\t\tconst selectedSubHeader = payloadVar[variableKey];\n\t\t\t\t\tnewList = props.data\n\t\t\t\t\t\t.filter((value) => value.displayName === variableKey)\n\t\t\t\t\t\t.map((value) => {\n\t\t\t\t\t\t\treturn removeUnavailableVariables(value, selectedSubHeader);\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.filter((value) => value !== null && value !== undefined);\n\t\t\t\t}\n\t\t\t\tsetVariableList(newList);\n\t\t\t\tif (searchWord) {\n\t\t\t\t\tnewList = shouldShowNoResult(newList, val);\n\t\t\t\t}\n\t\t\t\tif (newList.length > 0) {\n\t\t\t\t\tsetVariableFound(true);\n\t\t\t\t} else {\n\t\t\t\t\tsetVariableFound(false);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tsetVariableList(props.data);\n\t\t\t\tif (searchWord) {\n\t\t\t\t\tconst newList = shouldShowNoResult(props.data, val);\n\t\t\t\t\tif (newList.length > 0) {\n\t\t\t\t\t\tsetVariableFound(true);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetVariableFound(false);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tsetVariableFound(true);\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tfunction removeUnavailableVariables(\n\t\t\tcustomerVariables: any,\n\t\t\tselectedSubHeader?: any,\n\t\t\tnewVariables: any = {},\n\t\t) {\n\t\t\tif (!selectedSubHeader) {\n\t\t\t\tfor (const key in customerVariables.variables) {\n\t\t\t\t\tif (customerVariables.variables[key].isAvailable) {\n\t\t\t\t\t\tnewVariables[key] = customerVariables.variables[key];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tfor (const key in customerVariables.variables) {\n\t\t\t\t\tif (\n\t\t\t\t\t\tcustomerVariables.variables[key].displayName ===\n\t\t\t\t\t\tselectedSubHeader.displayName\n\t\t\t\t\t) {\n\t\t\t\t\t\tfor (const subKey in customerVariables.variables[key].variables) {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tcustomerVariables.variables[key].variables[subKey].isAvailable\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tnewVariables[subKey] =\n\t\t\t\t\t\t\t\t\tcustomerVariables.variables[key].variables[subKey];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// recursively find the match and available variables if its a subheader\n\t\t\t\t\t\tif (customerVariables.variables[key].isSubHeader) {\n\t\t\t\t\t\t\tremoveUnavailableVariables(\n\t\t\t\t\t\t\t\tcustomerVariables.variables[key],\n\t\t\t\t\t\t\t\tselectedSubHeader,\n\t\t\t\t\t\t\t\tnewVariables,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (Object.keys(newVariables).length === 0) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t\treturn { ...customerVariables, variables: newVariables };\n\t\t}\n\n\t\tconst VariableBoxWithToolTip: React.FC<VariableBoxProps> = (props) => {\n\t\t\tconst description = props.item.description;\n\n\t\t\treturn props.readonly ? (\n\t\t\t\t<div>\n\t\t\t\t\t<VariableBox item={props.item} readonly={props.readonly} />\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<Tooltip\n\t\t\t\t\t\tbody={''}\n\t\t\t\t\t\ttooltipContent={\n\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\tcolor={COLORS.content.primaryInverse}\n\t\t\t\t\t\t\t\tstyle={{ whiteSpace: 'pre-line', padding: 8 }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{props.item.isAvailable\n\t\t\t\t\t\t\t\t\t? description\n\t\t\t\t\t\t\t\t\t\t? `• ${description}\\n• Recommended here`\n\t\t\t\t\t\t\t\t\t\t: 'Recommended here'\n\t\t\t\t\t\t\t\t\t: 'Not recommended here'}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t}\n\t\t\t\t\t\twidth={300}\n\t\t\t\t\t\tdelay={300}\n\t\t\t\t\t\tplacement={'bottom'}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<VariableBox item={props.item} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t</>\n\t\t\t);\n\t\t};\n\n\t\tconst VariableBox: React.FC<VariableBoxProps> = (varProps) => {\n\t\t\treturn (\n\t\t\t\t<Button\n\t\t\t\t\tdarkMode={\n\t\t\t\t\t\tprops.enableVariable\n\t\t\t\t\t\t\t? props.enableVariable\n\t\t\t\t\t\t\t: varProps.item.isAvailable\n\t\t\t\t\t}\n\t\t\t\t\tsize=\"chip\"\n\t\t\t\t\tdisabled={\n\t\t\t\t\t\tvarProps.readonly\n\t\t\t\t\t\t\t? varProps.item.isSubHeader\n\t\t\t\t\t\t\t\t? false\n\t\t\t\t\t\t\t\t: true\n\t\t\t\t\t\t\t: false\n\t\t\t\t\t}\n\t\t\t\t\tLeadingIcon={\n\t\t\t\t\t\tvarProps.item.isSubHeader\n\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t: varProps.readonly\n\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t: PlusIcon\n\t\t\t\t\t}\n\t\t\t\t\tTrailingIcon={() =>\n\t\t\t\t\t\tvarProps.item.isSubHeader ? (\n\t\t\t\t\t\t\t<div className=\"icon-trailing\" style={{ display: 'flex' }}>\n\t\t\t\t\t\t\t\t<RightFilled />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\tbuttonText={varProps.item.displayName}\n\t\t\t\t/>\n\t\t\t);\n\t\t};\n\n\t\tconst renderPayloadvars = (variable: Variable, key: string) => {\n\t\t\t// Show only recommended variables\n\t\t\tif (showOnlyRecommended) {\n\t\t\t\tif (!variable.isAvailable) {\n\t\t\t\t\treturn <></>;\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tonClick={\n\t\t\t\t\t\tvariable.isSubHeader\n\t\t\t\t\t\t\t? () => {\n\t\t\t\t\t\t\t\t\t// check if subheader has any available variables\n\t\t\t\t\t\t\t\t\tconst isAvailable = shouldShowNoResult(\n\t\t\t\t\t\t\t\t\t\t[variable],\n\t\t\t\t\t\t\t\t\t\tshowOnlyRecommended,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tif (!isAvailable.length) {\n\t\t\t\t\t\t\t\t\t\tsetVariableFound(false);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t// reset search word when subheader is clicked\n\t\t\t\t\t\t\t\t\tsetSearchWord('');\n\t\t\t\t\t\t\t\t\tconst newStack = [\n\t\t\t\t\t\t\t\t\t\t...(navigationStack as any)[variableKey],\n\t\t\t\t\t\t\t\t\t\tkey,\n\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\tupdatePayloadvar(newStack, variableKey);\n\t\t\t\t\t\t\t\t\tsetNavigationStack((prev: any) => {\n\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\t\t\t\t\t[variableKey]: newStack,\n\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: () => {\n\t\t\t\t\t\t\t\t\tif (props.customTrigger) {\n\t\t\t\t\t\t\t\t\t\tprops.customTrigger(variable);\n\t\t\t\t\t\t\t\t\t\tprops.setShowVariable(false);\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tif (props.isEvaluationList) {\n\t\t\t\t\t\t\t\t\t\t\tmatchVariable(variable);\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\tprops.setVariableValue(\n\t\t\t\t\t\t\t\t\t\t\t\tprops.selectWithTypes\n\t\t\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tactualValue: variable.actualValue,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariableType: variable.variableType,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tneedsFetching: variable.needsFetching,\n\t\t\t\t\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t\t\t\t\t: variable.actualValue,\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<VariableBoxWithToolTip item={variable} readonly={readonly} />\n\t\t\t\t</div>\n\t\t\t);\n\t\t};\n\n\t\tconst variableClick = (value: VariableListInterfaceV2, key: string) => {\n\t\t\tconst newStack = [...(navigationStack as any)[value.displayName], key];\n\t\t\tupdatePayloadvar(newStack, value.displayName);\n\t\t\tsetNavigationStack((prev: any) => {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\t[value.displayName]: newStack,\n\t\t\t\t};\n\t\t\t});\n\t\t\tsetVariableKey(value.displayName);\n\t\t};\n\n\t\tconst checkIfArray = (value: string) => {\n\t\t\tconst regex = /\\w+\\[\\d+\\]/g;\n\t\t\treturn regex.test(value);\n\t\t};\n\n\t\tconst matchVariable = (variable: Variable) => {\n\t\t\tif (variable.actualValue.match(variableRegex)) {\n\t\t\t\tconst path = variable.actualValue\n\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t.split('.');\n\t\t\t\tlet evalVariableValue = path[0];\n\t\t\t\tpath.forEach((value, index) => {\n\t\t\t\t\tif (index === 0) return;\n\t\t\t\t\tconst isArray = checkIfArray(value);\n\t\t\t\t\tif (isArray) {\n\t\t\t\t\t\t// ex: event_memberships[0] -> ['event_memberships'][0]\n\t\t\t\t\t\tconst matches = value.match(/(\\w+)\\[(\\d+)\\]/);\n\t\t\t\t\t\tif (matches) {\n\t\t\t\t\t\t\tconst arrayName = matches[1];\n\t\t\t\t\t\t\tconst index = matches[2];\n\t\t\t\t\t\t\tevalVariableValue =\n\t\t\t\t\t\t\t\tevalVariableValue + `['${arrayName}'][${index}]`;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tevalVariableValue = evalVariableValue + `['${value}']`;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tprops.setVariableValue(\n\t\t\t\t\tprops.selectWithTypes\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tactualValue: evalVariableValue,\n\t\t\t\t\t\t\t\tvariableType: variable.variableType,\n\t\t\t\t\t\t\t\tneedsFetching: variable.needsFetching,\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: evalVariableValue,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tconst value = variable.actualValueEval\n\t\t\t\t\t? variable.actualValueEval\n\t\t\t\t\t: variable.actualValue;\n\t\t\t\tprops.setVariableValue(\n\t\t\t\t\tprops.selectWithTypes\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tactualValue: value,\n\t\t\t\t\t\t\t\tvariableType: variable.variableType,\n\t\t\t\t\t\t\t\tneedsFetching: variable.needsFetching,\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: value,\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\n\t\tconst variableCustomClick = (\n\t\t\tvariableListInterfaceV2: VariableListInterfaceV2,\n\t\t\tkey: string,\n\t\t) => {\n\t\t\tif (props.customTrigger) {\n\t\t\t\tprops.customTrigger(variableListInterfaceV2.variables[key]);\n\t\t\t\tprops.setShowVariable(false);\n\t\t\t} else {\n\t\t\t\tif (props.isEvaluationList) {\n\t\t\t\t\tconst variable = variableListInterfaceV2.variables[key];\n\t\t\t\t\tmatchVariable(variable);\n\t\t\t\t} else {\n\t\t\t\t\tprops.setVariableValue(\n\t\t\t\t\t\tprops.selectWithTypes\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\tactualValue:\n\t\t\t\t\t\t\t\t\t\tvariableListInterfaceV2.variables[key].actualValue,\n\t\t\t\t\t\t\t\t\tvariableType:\n\t\t\t\t\t\t\t\t\t\tvariableListInterfaceV2.variables[key].variableType,\n\t\t\t\t\t\t\t\t\tneedsFetching:\n\t\t\t\t\t\t\t\t\t\tvariableListInterfaceV2.variables[key].needsFetching,\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: variableListInterfaceV2.variables[key].actualValue,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tconst getStyle = !props.isModalState\n\t\t\t? {\n\t\t\t\t\ttop: `${\n\t\t\t\t\t\tprops.topPosition\n\t\t\t\t\t\t\t? props.topPosition\n\t\t\t\t\t\t\t: props.pickerSize === 'small'\n\t\t\t\t\t\t\t? '300px'\n\t\t\t\t\t\t\t: '60px'\n\t\t\t\t\t}`,\n\t\t\t\t\tleft: `${props.leftPosition ? props.leftPosition + 24 : 430}px`,\n\t\t\t  }\n\t\t\t: undefined;\n\n\t\treturn (\n\t\t\t<div id=\"varList\" tabIndex={-1}>\n\t\t\t\t<AddVariableStyled\n\t\t\t\t\tstyle={getStyle}\n\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t}}\n\t\t\t\t\tpickerSize={props.pickerSize || 'large'}\n\t\t\t\t\tisModalState={props.isModalState}\n\t\t\t\t\tpositionStrategy={props.positionStrategy}\n\t\t\t\t\tzIndex={props.zindex}\n\t\t\t\t\theight={props.height}\n\t\t\t\t\tneedsBorder={needsBorder}\n\t\t\t\t\twidth={props.width}\n\t\t\t\t>\n\t\t\t\t\t{styledCloseBtn && (\n\t\t\t\t\t\t<CloseButtonContainer\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tprops.setShowVariable(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tstyle={{ zIndex: 300 }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</CloseButtonContainer>\n\t\t\t\t\t)}\n\t\t\t\t\t{props.showVariable && (\n\t\t\t\t\t\t<div className=\"popup\">\n\t\t\t\t\t\t\t<div className=\"sticky__bar\">\n\t\t\t\t\t\t\t\t{hasHeader && (\n\t\t\t\t\t\t\t\t\t<div className=\"header__bar\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"add__variable\">Add a new variable</div>\n\t\t\t\t\t\t\t\t\t\t{!styledCloseBtn && (\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tprops.setShowVariable(false);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonButtonType={'default'}\n\t\t\t\t\t\t\t\t\t\t\t\t\tIcon={CloseIcon}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName=\"search__bar\"\n\t\t\t\t\t\t\t\t\tonBlur={(e) => {\n\t\t\t\t\t\t\t\t\t\tprops.onSearchBlur && props.onSearchBlur(e);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<SearchBar\n\t\t\t\t\t\t\t\t\t\twidth={'100%'}\n\t\t\t\t\t\t\t\t\t\tisEnabled={true}\n\t\t\t\t\t\t\t\t\t\tonChange={(searchText) => {\n\t\t\t\t\t\t\t\t\t\t\tsetSearchWord(searchText);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonEnter={() => {\n\t\t\t\t\t\t\t\t\t\t\t// Do Nothing\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\treset={!searchWord ? true : false}\n\t\t\t\t\t\t\t\t\t\tplaceholder={'Search...'}\n\t\t\t\t\t\t\t\t\t\tvariant={'default'}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 8,\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t\t\t\tShow only recommended variables\n\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t\t<Switch\n\t\t\t\t\t\t\t\t\t\t\tvalue={showOnlyRecommended}\n\t\t\t\t\t\t\t\t\t\t\tonValueChange={async (val) =>\n\t\t\t\t\t\t\t\t\t\t\t\tawait handleRecommendedToggle(val)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{variableKey && navigationStack[variableKey].length > 0 && (\n\t\t\t\t\t\t\t\t\t<div className=\"nav__bar\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"left__nav\">\n\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\tIcon={BackIcon}\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ color: '#919191', display: 'flex' }}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t// reset search word when back is clicked\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSearchWord('');\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst newStack = navigationStack[variableKey].slice(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t-1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\tupdatePayloadvar(newStack, variableKey);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetNavigationStack((prev: any) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[variableKey]: newStack,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (!newStack.length) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetVariableKey('');\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"block\">\n\t\t\t\t\t\t\t\t\t\t\t\t<TitleSmall>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{payloadVar[variableKey].displayName}\n\t\t\t\t\t\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t\t\t\t\t\t{payloadVar[variableKey].description && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{payloadVar[variableKey].description}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div className=\"right__nav\">\n\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\tIcon={UndoIcon}\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ display: 'flex' }}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t// reset search word when navigating to first page\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSearchWord('');\n\t\t\t\t\t\t\t\t\t\t\t\t\tupdatePayloadvar([], variableKey);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetNavigationStack((prev: any) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[variableKey]: [],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetVariableKey('');\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<div>First page</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{!variableFound && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\tmarginTop: 16,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<TitleSmall>No results found!</TitleSmall>\n\t\t\t\t\t\t\t\t\t{showOnlyRecommended ? (\n\t\t\t\t\t\t\t\t\t\t<BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t{`Sorry we could not find any recommended variables`}\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t{`Sorry we could not find any results for \"${searchWord}\"`}\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<div className=\"wrapper\">\n\t\t\t\t\t\t\t\t<div className=\"list__map\">\n\t\t\t\t\t\t\t\t\t<div className=\"items\">\n\t\t\t\t\t\t\t\t\t\t{!variableKey &&\n\t\t\t\t\t\t\t\t\t\t\tvariableList.map((value) => {\n\t\t\t\t\t\t\t\t\t\t\t\tlet searchList: any = [];\n\t\t\t\t\t\t\t\t\t\t\t\tif (searchWord) {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsearchList = Object.keys(value.variables).filter(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(key) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue.variables[key].displayName\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.includes(searchWord.toLowerCase()) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thasVariablesInSubheader(value.variables[key]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{searchWord ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearchList.length > 0 ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"block\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"heading__font\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{value?.displayName}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmarginBottom: 8,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: '#616161',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{value?.description}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"block\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"heading__font\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{value?.displayName}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ marginBottom: 8, color: '#616161' }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{value?.description}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{Object.keys(value.variables).map((key) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn searchWord ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue.variables[key].displayName\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.includes(searchWord.toLowerCase()) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thasVariablesInSubheader(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue.variables[key],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue.variables[key].isSubHeader\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? () => variableClick(value, key)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: () => variableCustomClick(value, key)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<VariableBoxWithToolTip\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\titem={value.variables[key]}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treadonly={readonly}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue.variables[key].isSubHeader\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? () => variableClick(value, key)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: () => variableCustomClick(value, key)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<VariableBoxWithToolTip\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\titem={value.variables[key]}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treadonly={readonly}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t{variableKey && (\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"list__map\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"items\" style={{ marginTop: 16 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{Object.keys(payloadVar[variableKey].variables).map(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(key, _) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn searchWord ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpayloadVar[variableKey].variables[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t].displayName\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.includes(searchWord.toLowerCase()) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thasVariablesInSubheader(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpayloadVar[variableKey].variables[key],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trenderPayloadvars(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpayloadVar[variableKey].variables[key],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trenderPayloadvars(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpayloadVar[variableKey].variables[key],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"bottom__padding\"></div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</AddVariableStyled>\n\t\t\t</div>\n\t\t);\n\t},\n\t(prev, next) => {\n\t\tif (prev.enableVariable !== next.enableVariable) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (prev.leftPosition !== next.leftPosition) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (prev.reRender !== next.reRender) {\n\t\t\treturn false;\n\t\t}\n\t\treturn true;\n\t},\n);\n"],"names":["AddVariableV2","memo","props","data","hasHeader","needsBorder","styledCloseBtn","readonly","payloadVar","setPayloadVar","useState","navigationStack","setNavigationStack","variableKey","setVariableKey","searchWord","setSearchWord","variableFound","setVariableFound","variableRegex","variableList","setVariableList","showOnlyRecommended","setShowOnlyRecommended","useEffect","navStack","value","handleRecommendedToggle","updatePayloadvar","prev","newList","removeUnavailableVariables","shouldShowNoResult","key","hasVariablesInSubheader","stack","variable","temp","level","isAvailable","keys","i","val","firstPage","selectedSubHeader","customerVariables","newVariables","subKey","VariableBoxWithToolTip","description","jsx","VariableBox","Fragment","Tooltip","BodyCaption","COLORS","varProps","Button","PlusIcon","RightFilled","renderPayloadvars","newStack","matchVariable","variableClick","checkIfArray","path","evalVariableValue","index","matches","arrayName","variableCustomClick","variableListInterfaceV2","getStyle","jsxs","AddVariableStyled","CloseButtonContainer","CrossIcon","IconButton","CloseIcon","SearchBar","searchText","BodySecondary","Switch","BackIcon","TitleSmall","UndoIcon","searchList","_","next"],"mappings":"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"}
+{"version":3,"file":"AddVariableV2.js","sources":["../../../../src/components/add-variableV2/AddVariableV2.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\n\n/* eslint-disable react/prop-types */\nimport BackIcon from '@src/assets/icons/back_icon.svg';\nimport RightFilled from '@src/assets/icons/chevronRightAlt.svg';\nimport CloseIcon from '@src/assets/icons/cross.svg';\nimport PlusIcon from '@src/assets/icons/plus.svg';\nimport UndoIcon from '@src/assets/icons/undo.svg';\nimport React, { memo, useEffect, useState } from 'react';\nimport { AddVariableStyled } from '@src/components/add-variableV2/AddVariableV2.styled';\nimport { Button } from '@src/components/button';\nimport { IconButton } from '@src/components/icon-button';\nimport { SearchBar } from '@src/components/searchBar';\nimport { Tooltip } from '@src/components/tooltips';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { CloseButtonContainer } from '../modals/modal.styled';\nimport { Switch } from '../switch';\nimport { BodyCaption, BodySecondary, TitleSmall } from '../TypographyStyle';\n\nexport interface VariableListInterfaceV2 {\n\tdisplayName: string;\n\tdescription: string;\n\torderId: number;\n\tvariables?: any;\n}\n\nexport interface Variable {\n\tdescription?: string;\n\tdefaultValue?: string;\n\tdisplayName: string;\n\tactualValue: string;\n\tvariableType: string;\n\tisAvailable: boolean;\n\tactualValueEval?: string;\n\tisSubHeader?: boolean;\n\tvariables?: { [key: string]: Variable };\n\tneedsFetching?: boolean;\n}\n\nexport interface AddVariableProps {\n\tdata: VariableListInterfaceV2[];\n\tshowVariable: any;\n\tsetShowVariable: any;\n\tvariableValue?: any;\n\tsetVariableValue?: any;\n\tplaceholder: string;\n\tcustomTrigger?: any;\n\tisSearchRequired?: boolean;\n\tisModalState?: boolean;\n\tleftPosition?: number;\n\ttopPosition?: string;\n\tpickerSize?: string;\n\tenableVariable?: boolean;\n\tisEvaluationList?: boolean;\n\tonSearchBlur?: (e: any) => void;\n\tid?: string;\n\tselectWithTypes?: boolean;\n\tpositionStrategy?: 'static' | 'fixed';\n\tzindex?: number;\n\thasHeader?: boolean;\n\theight?: string;\n\tneedsBorder?: boolean;\n\treRender?: string;\n\tstyledCloseBtn?: boolean;\n\twidth?: string;\n\treadonly?: boolean;\n}\n\ntype Props = AddVariableProps;\n\nexport interface VariableBoxProps {\n\titem: Variable;\n\traw?: string;\n\tparentKey?: string;\n\treadonly?: boolean;\n}\n\nexport const AddVariableV2: React.FC<Props> = memo(\n\t(props) => {\n\t\tconst {\n\t\t\tdata,\n\t\t\thasHeader = true,\n\t\t\tneedsBorder = true,\n\t\t\tstyledCloseBtn = false,\n\t\t\treadonly = false,\n\t\t} = props;\n\t\tconst [payloadVar, setPayloadVar] = useState<any>({});\n\t\tconst [navigationStack, setNavigationStack] = useState<any>();\n\t\tconst [variableKey, setVariableKey] = useState<string>('');\n\t\tconst [searchWord, setSearchWord] = useState<string>('');\n\t\tconst [variableFound, setVariableFound] = useState<boolean>(true);\n\t\tconst variableRegex = /.*\\..*/;\n\n\t\tconst [variableList, setVariableList] = useState<VariableListInterfaceV2[]>(\n\t\t\tprops.data,\n\t\t);\n\t\tconst [showOnlyRecommended, setShowOnlyRecommended] =\n\t\t\tuseState<boolean>(true);\n\n\t\tuseEffect(() => {\n\t\t\tconst navStack: any = {};\n\t\t\tdata.forEach((value) => {\n\t\t\t\tnavStack[value.displayName] = [];\n\t\t\t});\n\t\t\tsetNavigationStack(navStack);\n\t\t}, [data]);\n\n\t\tuseEffect(() => {\n\t\t\thandleRecommendedToggle(true);\n\t\t}, []);\n\n\t\tuseEffect(() => {\n\t\t\tconst isFirstPage = !variableKey;\n\t\t\thandleRecommendedToggle(showOnlyRecommended, isFirstPage);\n\t\t}, [payloadVar, variableKey]);\n\n\t\tuseEffect(() => {\n\t\t\tsetShowOnlyRecommended(true);\n\t\t\tsetSearchWord('');\n\t\t\tupdatePayloadvar([], variableKey);\n\t\t\tsetNavigationStack((prev: any) => {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\t[variableKey]: [],\n\t\t\t\t};\n\t\t\t});\n\t\t\tsetVariableKey('');\n\n\t\t\t// for recommended variables\n\t\t\tconst newList = props.data\n\t\t\t\t.map((value) => {\n\t\t\t\t\treturn removeUnavailableVariables(value);\n\t\t\t\t})\n\t\t\t\t.filter((value) => value !== null);\n\t\t\tsetVariableList(newList);\n\t\t\tif (newList.length > 0) {\n\t\t\t\tsetVariableFound(true);\n\t\t\t} else {\n\t\t\t\tsetVariableFound(false);\n\t\t\t}\n\t\t}, [props.reRender]);\n\n\t\tuseEffect(() => {\n\t\t\t// For showing empty UI when no results are found\n\t\t\tlet data = props.data;\n\t\t\tif (variableKey) {\n\t\t\t\tdata = [payloadVar[variableKey]];\n\t\t\t}\n\t\t\tconst newList = shouldShowNoResult(data, showOnlyRecommended);\n\t\t\tif (newList.length > 0) {\n\t\t\t\tsetVariableFound(true);\n\t\t\t} else {\n\t\t\t\tsetVariableFound(false);\n\t\t\t}\n\t\t}, [searchWord]);\n\n\t\tconst shouldShowNoResult = (data: any[], showOnlyRecommended = false) => {\n\t\t\treturn data.flatMap((value) => {\n\t\t\t\treturn Object.keys(value.variables).filter(\n\t\t\t\t\t(key) =>\n\t\t\t\t\t\t(value.variables[key].displayName\n\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t.includes(searchWord.toLowerCase()) &&\n\t\t\t\t\t\t\t(!showOnlyRecommended ||\n\t\t\t\t\t\t\t\tvalue.variables[key].isAvailable === showOnlyRecommended)) ||\n\t\t\t\t\t\thasVariablesInSubheader(value.variables[key]),\n\t\t\t\t);\n\t\t\t});\n\t\t};\n\n\t\tconst updatePayloadvar = (stack: Array<string>, key: string) => {\n\t\t\tconst variable = data.find((variable) => variable.displayName === key);\n\t\t\tif (variable) {\n\t\t\t\tlet temp = variable;\n\t\t\t\tstack.forEach((level, key) => {\n\t\t\t\t\ttemp = temp.variables[level];\n\t\t\t\t});\n\t\t\t\tsetPayloadVar((prev: any) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t[key]: temp,\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t}\n\t\t};\n\n\t\tconst hasVariablesInSubheader = (variable: Variable) => {\n\t\t\tlet isAvailable = false;\n\t\t\tif (variable.isSubHeader && variable.variables) {\n\t\t\t\tconst keys = Object.keys(variable.variables);\n\t\t\t\tfor (let i = 0; i < keys.length; i++) {\n\t\t\t\t\tconst key = keys[i];\n\t\t\t\t\tif (\n\t\t\t\t\t\tvariable.variables &&\n\t\t\t\t\t\tvariable.variables[key].displayName\n\t\t\t\t\t\t\t.toLowerCase()\n\t\t\t\t\t\t\t.includes(searchWord.toLowerCase()) &&\n\t\t\t\t\t\tvariable.variables[key].isAvailable === showOnlyRecommended\n\t\t\t\t\t) {\n\t\t\t\t\t\tisAvailable = true;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn isAvailable;\n\t\t};\n\n\t\tconst handleRecommendedToggle = (val: boolean, firstPage = false) => {\n\t\t\tsetShowOnlyRecommended(val);\n\t\t\tif (val) {\n\t\t\t\tlet newList: any[] = [];\n\t\t\t\tif (!variableKey || firstPage) {\n\t\t\t\t\tnewList = props.data\n\t\t\t\t\t\t.map((value) => {\n\t\t\t\t\t\t\treturn removeUnavailableVariables(value);\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.filter((value) => value !== null);\n\t\t\t\t} else {\n\t\t\t\t\tconst selectedSubHeader = payloadVar[variableKey];\n\t\t\t\t\tnewList = props.data\n\t\t\t\t\t\t.filter((value) => value.displayName === variableKey)\n\t\t\t\t\t\t.map((value) => {\n\t\t\t\t\t\t\treturn removeUnavailableVariables(value, selectedSubHeader);\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.filter((value) => value !== null && value !== undefined);\n\t\t\t\t}\n\t\t\t\tsetVariableList(newList);\n\t\t\t\tif (searchWord) {\n\t\t\t\t\tnewList = shouldShowNoResult(newList, val);\n\t\t\t\t}\n\t\t\t\tif (newList.length > 0) {\n\t\t\t\t\tsetVariableFound(true);\n\t\t\t\t} else {\n\t\t\t\t\tsetVariableFound(false);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tsetVariableList(props.data);\n\t\t\t\tif (searchWord) {\n\t\t\t\t\tconst newList = shouldShowNoResult(props.data, val);\n\t\t\t\t\tif (newList.length > 0) {\n\t\t\t\t\t\tsetVariableFound(true);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetVariableFound(false);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tsetVariableFound(true);\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tfunction removeUnavailableVariables(\n\t\t\tcustomerVariables: any,\n\t\t\tselectedSubHeader?: any,\n\t\t\tnewVariables: any = {},\n\t\t) {\n\t\t\tif (!selectedSubHeader) {\n\t\t\t\tfor (const key in customerVariables.variables) {\n\t\t\t\t\tif (customerVariables.variables[key].isAvailable) {\n\t\t\t\t\t\tnewVariables[key] = customerVariables.variables[key];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tfor (const key in customerVariables.variables) {\n\t\t\t\t\tif (\n\t\t\t\t\t\tcustomerVariables.variables[key].displayName ===\n\t\t\t\t\t\tselectedSubHeader.displayName\n\t\t\t\t\t) {\n\t\t\t\t\t\tfor (const subKey in customerVariables.variables[key].variables) {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tcustomerVariables.variables[key].variables[subKey].isAvailable\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tnewVariables[subKey] =\n\t\t\t\t\t\t\t\t\tcustomerVariables.variables[key].variables[subKey];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// recursively find the match and available variables if its a subheader\n\t\t\t\t\t\tif (customerVariables.variables[key].isSubHeader) {\n\t\t\t\t\t\t\tremoveUnavailableVariables(\n\t\t\t\t\t\t\t\tcustomerVariables.variables[key],\n\t\t\t\t\t\t\t\tselectedSubHeader,\n\t\t\t\t\t\t\t\tnewVariables,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (Object.keys(newVariables).length === 0) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t\treturn { ...customerVariables, variables: newVariables };\n\t\t}\n\n\t\tconst VariableBoxWithToolTip: React.FC<VariableBoxProps> = (props) => {\n\t\t\tconst description = props.item.description;\n\n\t\t\treturn props.readonly ? (\n\t\t\t\t<div>\n\t\t\t\t\t<VariableBox item={props.item} readonly={props.readonly} />\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<Tooltip\n\t\t\t\t\t\tbody={''}\n\t\t\t\t\t\ttooltipContent={\n\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\tcolor={COLORS.content.primaryInverse}\n\t\t\t\t\t\t\t\tstyle={{ whiteSpace: 'pre-line', padding: 8 }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{props.item.isAvailable\n\t\t\t\t\t\t\t\t\t? description\n\t\t\t\t\t\t\t\t\t\t? `• ${description}\\n• Recommended here`\n\t\t\t\t\t\t\t\t\t\t: 'Recommended here'\n\t\t\t\t\t\t\t\t\t: 'Not recommended here'}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t}\n\t\t\t\t\t\twidth={300}\n\t\t\t\t\t\tdelay={300}\n\t\t\t\t\t\tplacement={'bottom'}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<VariableBox item={props.item} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t</>\n\t\t\t);\n\t\t};\n\n\t\tconst VariableBox: React.FC<VariableBoxProps> = (varProps) => {\n\t\t\treturn (\n\t\t\t\t<Button\n\t\t\t\t\tdarkMode={\n\t\t\t\t\t\tprops.enableVariable\n\t\t\t\t\t\t\t? props.enableVariable\n\t\t\t\t\t\t\t: varProps.item.isAvailable\n\t\t\t\t\t}\n\t\t\t\t\tsize=\"chip\"\n\t\t\t\t\tdisabled={\n\t\t\t\t\t\tvarProps.readonly\n\t\t\t\t\t\t\t? varProps.item.isSubHeader\n\t\t\t\t\t\t\t\t? false\n\t\t\t\t\t\t\t\t: true\n\t\t\t\t\t\t\t: false\n\t\t\t\t\t}\n\t\t\t\t\tLeadingIcon={\n\t\t\t\t\t\tvarProps.item.isSubHeader\n\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t: varProps.readonly\n\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t: PlusIcon\n\t\t\t\t\t}\n\t\t\t\t\tTrailingIcon={() =>\n\t\t\t\t\t\tvarProps.item.isSubHeader ? (\n\t\t\t\t\t\t\t<div className=\"icon-trailing\" style={{ display: 'flex' }}>\n\t\t\t\t\t\t\t\t<RightFilled />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\tbuttonText={varProps.item.displayName}\n\t\t\t\t/>\n\t\t\t);\n\t\t};\n\n\t\tconst renderPayloadvars = (variable: Variable, key: string) => {\n\t\t\t// Show only recommended variables\n\t\t\tif (showOnlyRecommended) {\n\t\t\t\tif (!variable.isAvailable) {\n\t\t\t\t\treturn <></>;\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tonClick={\n\t\t\t\t\t\tvariable.isSubHeader\n\t\t\t\t\t\t\t? () => {\n\t\t\t\t\t\t\t\t\t// check if subheader has any available variables\n\t\t\t\t\t\t\t\t\tconst isAvailable = shouldShowNoResult(\n\t\t\t\t\t\t\t\t\t\t[variable],\n\t\t\t\t\t\t\t\t\t\tshowOnlyRecommended,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tif (!isAvailable.length) {\n\t\t\t\t\t\t\t\t\t\tsetVariableFound(false);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t// reset search word when subheader is clicked\n\t\t\t\t\t\t\t\t\tsetSearchWord('');\n\t\t\t\t\t\t\t\t\tconst newStack = [\n\t\t\t\t\t\t\t\t\t\t...(navigationStack as any)[variableKey],\n\t\t\t\t\t\t\t\t\t\tkey,\n\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\tupdatePayloadvar(newStack, variableKey);\n\t\t\t\t\t\t\t\t\tsetNavigationStack((prev: any) => {\n\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\t\t\t\t\t[variableKey]: newStack,\n\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: () => {\n\t\t\t\t\t\t\t\t\tif (props.customTrigger) {\n\t\t\t\t\t\t\t\t\t\tprops.customTrigger(variable);\n\t\t\t\t\t\t\t\t\t\tprops.setShowVariable(false);\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tif (props.isEvaluationList) {\n\t\t\t\t\t\t\t\t\t\t\tmatchVariable(variable);\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\tprops.setVariableValue(\n\t\t\t\t\t\t\t\t\t\t\t\tprops.selectWithTypes\n\t\t\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tactualValue: variable.actualValue,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariableType: variable.variableType,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tneedsFetching: variable.needsFetching,\n\t\t\t\t\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t\t\t\t\t: variable.actualValue,\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<VariableBoxWithToolTip item={variable} readonly={readonly} />\n\t\t\t\t</div>\n\t\t\t);\n\t\t};\n\n\t\tconst variableClick = (value: VariableListInterfaceV2, key: string) => {\n\t\t\tconst newStack = [...(navigationStack as any)[value.displayName], key];\n\t\t\tupdatePayloadvar(newStack, value.displayName);\n\t\t\tsetNavigationStack((prev: any) => {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\t[value.displayName]: newStack,\n\t\t\t\t};\n\t\t\t});\n\t\t\tsetVariableKey(value.displayName);\n\t\t};\n\n\t\tconst checkIfArray = (value: string) => {\n\t\t\tconst regex = /\\w+\\[\\d+\\]/g;\n\t\t\treturn regex.test(value);\n\t\t};\n\n\t\tconst matchVariable = (variable: Variable) => {\n\t\t\tif (variable.actualValue.match(variableRegex)) {\n\t\t\t\tconst path = variable.actualValue\n\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t.split('.');\n\t\t\t\tlet evalVariableValue = path[0];\n\t\t\t\tpath.forEach((value, index) => {\n\t\t\t\t\tif (index === 0) return;\n\t\t\t\t\tconst isArray = checkIfArray(value);\n\t\t\t\t\tif (isArray) {\n\t\t\t\t\t\t// ex: event_memberships[0] -> ['event_memberships'][0]\n\t\t\t\t\t\tconst matches = value.match(/(\\w+)\\[(\\d+)\\]/);\n\t\t\t\t\t\tif (matches) {\n\t\t\t\t\t\t\tconst arrayName = matches[1];\n\t\t\t\t\t\t\tconst index = matches[2];\n\t\t\t\t\t\t\tevalVariableValue =\n\t\t\t\t\t\t\t\tevalVariableValue + `['${arrayName}'][${index}]`;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tevalVariableValue = evalVariableValue + `['${value}']`;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tprops.setVariableValue(\n\t\t\t\t\tprops.selectWithTypes\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tactualValue: evalVariableValue,\n\t\t\t\t\t\t\t\tvariableType: variable.variableType,\n\t\t\t\t\t\t\t\tneedsFetching: variable.needsFetching,\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: evalVariableValue,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tconst value = variable.actualValueEval\n\t\t\t\t\t? variable.actualValueEval\n\t\t\t\t\t: variable.actualValue;\n\t\t\t\tprops.setVariableValue(\n\t\t\t\t\tprops.selectWithTypes\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tactualValue: value,\n\t\t\t\t\t\t\t\tvariableType: variable.variableType,\n\t\t\t\t\t\t\t\tneedsFetching: variable.needsFetching,\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: value,\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\n\t\tconst variableCustomClick = (\n\t\t\tvariableListInterfaceV2: VariableListInterfaceV2,\n\t\t\tkey: string,\n\t\t) => {\n\t\t\tif (props.customTrigger) {\n\t\t\t\tprops.customTrigger(variableListInterfaceV2.variables[key]);\n\t\t\t\tprops.setShowVariable(false);\n\t\t\t} else {\n\t\t\t\tif (props.isEvaluationList) {\n\t\t\t\t\tconst variable = variableListInterfaceV2.variables[key];\n\t\t\t\t\tmatchVariable(variable);\n\t\t\t\t} else {\n\t\t\t\t\tprops.setVariableValue(\n\t\t\t\t\t\tprops.selectWithTypes\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\tactualValue:\n\t\t\t\t\t\t\t\t\t\tvariableListInterfaceV2.variables[key].actualValue,\n\t\t\t\t\t\t\t\t\tvariableType:\n\t\t\t\t\t\t\t\t\t\tvariableListInterfaceV2.variables[key].variableType,\n\t\t\t\t\t\t\t\t\tneedsFetching:\n\t\t\t\t\t\t\t\t\t\tvariableListInterfaceV2.variables[key].needsFetching,\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: variableListInterfaceV2.variables[key].actualValue,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tconst getStyle = !props.isModalState\n\t\t\t? {\n\t\t\t\t\ttop: `${\n\t\t\t\t\t\tprops.topPosition\n\t\t\t\t\t\t\t? props.topPosition\n\t\t\t\t\t\t\t: props.pickerSize === 'small'\n\t\t\t\t\t\t\t? '300px'\n\t\t\t\t\t\t\t: '60px'\n\t\t\t\t\t}`,\n\t\t\t\t\tleft: `${props.leftPosition ? props.leftPosition + 24 : 430}px`,\n\t\t\t  }\n\t\t\t: undefined;\n\n\t\treturn (\n\t\t\t<div id=\"varList\" tabIndex={-1}>\n\t\t\t\t<AddVariableStyled\n\t\t\t\t\tstyle={getStyle}\n\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t}}\n\t\t\t\t\tpickerSize={props.pickerSize || 'large'}\n\t\t\t\t\tisModalState={props.isModalState}\n\t\t\t\t\tpositionStrategy={props.positionStrategy}\n\t\t\t\t\tzIndex={props.zindex}\n\t\t\t\t\theight={props.height}\n\t\t\t\t\tneedsBorder={needsBorder}\n\t\t\t\t\twidth={props.width}\n\t\t\t\t>\n\t\t\t\t\t{styledCloseBtn && (\n\t\t\t\t\t\t<CloseButtonContainer\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tprops.setShowVariable(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tstyle={{ zIndex: 300 }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</CloseButtonContainer>\n\t\t\t\t\t)}\n\t\t\t\t\t{props.showVariable && (\n\t\t\t\t\t\t<div className=\"popup\">\n\t\t\t\t\t\t\t<div className=\"sticky__bar\">\n\t\t\t\t\t\t\t\t{hasHeader && (\n\t\t\t\t\t\t\t\t\t<div className=\"header__bar\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"add__variable\">Add a new variable</div>\n\t\t\t\t\t\t\t\t\t\t{!styledCloseBtn && (\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tdata-test=\"add-variable-close\"\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tprops.setShowVariable(false);\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonButtonType={'default'}\n\t\t\t\t\t\t\t\t\t\t\t\t\tIcon={CloseIcon}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName=\"search__bar\"\n\t\t\t\t\t\t\t\t\tonBlur={(e) => {\n\t\t\t\t\t\t\t\t\t\tprops.onSearchBlur && props.onSearchBlur(e);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<SearchBar\n\t\t\t\t\t\t\t\t\t\twidth={'100%'}\n\t\t\t\t\t\t\t\t\t\tisEnabled={true}\n\t\t\t\t\t\t\t\t\t\tonChange={(searchText) => {\n\t\t\t\t\t\t\t\t\t\t\tsetSearchWord(searchText);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonEnter={() => {\n\t\t\t\t\t\t\t\t\t\t\t// Do Nothing\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\treset={!searchWord ? true : false}\n\t\t\t\t\t\t\t\t\t\tplaceholder={'Search...'}\n\t\t\t\t\t\t\t\t\t\tvariant={'default'}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 8,\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t\t\t\tShow only recommended variables\n\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t\t<Switch\n\t\t\t\t\t\t\t\t\t\t\tdata-test=\"add-variable-recommended-toggle\"\n\t\t\t\t\t\t\t\t\t\t\tvalue={showOnlyRecommended}\n\t\t\t\t\t\t\t\t\t\t\tonValueChange={async (val) =>\n\t\t\t\t\t\t\t\t\t\t\t\tawait handleRecommendedToggle(val)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{variableKey && navigationStack[variableKey].length > 0 && (\n\t\t\t\t\t\t\t\t\t<div className=\"nav__bar\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"left__nav\">\n\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\tIcon={BackIcon}\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ color: '#919191', display: 'flex' }}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t// reset search word when back is clicked\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSearchWord('');\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst newStack = navigationStack[variableKey].slice(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t-1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\tupdatePayloadvar(newStack, variableKey);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetNavigationStack((prev: any) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[variableKey]: newStack,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (!newStack.length) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetVariableKey('');\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"block\">\n\t\t\t\t\t\t\t\t\t\t\t\t<TitleSmall>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{payloadVar[variableKey].displayName}\n\t\t\t\t\t\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t\t\t\t\t\t{payloadVar[variableKey].description && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{payloadVar[variableKey].description}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div className=\"right__nav\">\n\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\tIcon={UndoIcon}\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ display: 'flex' }}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t// reset search word when navigating to first page\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSearchWord('');\n\t\t\t\t\t\t\t\t\t\t\t\t\tupdatePayloadvar([], variableKey);\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetNavigationStack((prev: any) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[variableKey]: [],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetVariableKey('');\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<div>First page</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{!variableFound && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\tmarginTop: 16,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<TitleSmall>No results found!</TitleSmall>\n\t\t\t\t\t\t\t\t\t{showOnlyRecommended ? (\n\t\t\t\t\t\t\t\t\t\t<BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t{`Sorry we could not find any recommended variables`}\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t{`Sorry we could not find any results for \"${searchWord}\"`}\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<div className=\"wrapper\">\n\t\t\t\t\t\t\t\t<div className=\"list__map\">\n\t\t\t\t\t\t\t\t\t<div className=\"items\">\n\t\t\t\t\t\t\t\t\t\t{!variableKey &&\n\t\t\t\t\t\t\t\t\t\t\tvariableList.map((value) => {\n\t\t\t\t\t\t\t\t\t\t\t\tlet searchList: any = [];\n\t\t\t\t\t\t\t\t\t\t\t\tif (searchWord) {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsearchList = Object.keys(value.variables).filter(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(key) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue.variables[key].displayName\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.includes(searchWord.toLowerCase()) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thasVariablesInSubheader(value.variables[key]),\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{searchWord ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearchList.length > 0 ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"block\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"heading__font\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{value?.displayName}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmarginBottom: 8,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: '#616161',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{value?.description}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"block\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"heading__font\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{value?.displayName}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ marginBottom: 8, color: '#616161' }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{value?.description}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{Object.keys(value.variables).map((key) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn searchWord ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue.variables[key].displayName\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.includes(searchWord.toLowerCase()) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thasVariablesInSubheader(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue.variables[key],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue.variables[key].isSubHeader\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? () => variableClick(value, key)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: () => variableCustomClick(value, key)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<VariableBoxWithToolTip\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\titem={value.variables[key]}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treadonly={readonly}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue.variables[key].isSubHeader\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? () => variableClick(value, key)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: () => variableCustomClick(value, key)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<VariableBoxWithToolTip\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\titem={value.variables[key]}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treadonly={readonly}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t{variableKey && (\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"list__map\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"items\" style={{ marginTop: 16 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{Object.keys(payloadVar[variableKey].variables).map(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(key, _) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn searchWord ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpayloadVar[variableKey].variables[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t].displayName\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.includes(searchWord.toLowerCase()) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thasVariablesInSubheader(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpayloadVar[variableKey].variables[key],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trenderPayloadvars(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpayloadVar[variableKey].variables[key],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trenderPayloadvars(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpayloadVar[variableKey].variables[key],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"bottom__padding\"></div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</AddVariableStyled>\n\t\t\t</div>\n\t\t);\n\t},\n\t(prev, next) => {\n\t\tif (prev.enableVariable !== next.enableVariable) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (prev.leftPosition !== next.leftPosition) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (prev.reRender !== next.reRender) {\n\t\t\treturn false;\n\t\t}\n\t\treturn true;\n\t},\n);\n"],"names":["AddVariableV2","memo","props","data","hasHeader","needsBorder","styledCloseBtn","readonly","payloadVar","setPayloadVar","useState","navigationStack","setNavigationStack","variableKey","setVariableKey","searchWord","setSearchWord","variableFound","setVariableFound","variableRegex","variableList","setVariableList","showOnlyRecommended","setShowOnlyRecommended","useEffect","navStack","value","handleRecommendedToggle","updatePayloadvar","prev","newList","removeUnavailableVariables","shouldShowNoResult","key","hasVariablesInSubheader","stack","variable","temp","level","isAvailable","keys","i","val","firstPage","selectedSubHeader","customerVariables","newVariables","subKey","VariableBoxWithToolTip","description","jsx","VariableBox","Fragment","Tooltip","BodyCaption","COLORS","varProps","Button","PlusIcon","RightFilled","renderPayloadvars","newStack","matchVariable","variableClick","checkIfArray","path","evalVariableValue","index","matches","arrayName","variableCustomClick","variableListInterfaceV2","getStyle","jsxs","AddVariableStyled","CloseButtonContainer","CrossIcon","IconButton","CloseIcon","SearchBar","searchText","BodySecondary","Switch","BackIcon","TitleSmall","UndoIcon","searchList","_","next"],"mappings":";;;;;;;;;;;;;;;;AA8EO,MAAMA,KAAiCC;AAAA,EAC7C,CAACC,MAAU;AACV,UAAM;AAAA,MACL,MAAAC;AAAA,MACA,WAAAC,IAAY;AAAA,MACZ,aAAAC,IAAc;AAAA,MACd,gBAAAC,IAAiB;AAAA,MACjB,UAAAC,IAAW;AAAA,IAAA,IACRL,GACE,CAACM,GAAYC,CAAa,IAAIC,EAAc,CAAA,CAAE,GAC9C,CAACC,GAAiBC,CAAkB,IAAIF,EAAA,GACxC,CAACG,GAAaC,CAAc,IAAIJ,EAAiB,EAAE,GACnD,CAACK,GAAYC,CAAa,IAAIN,EAAiB,EAAE,GACjD,CAACO,GAAeC,CAAgB,IAAIR,EAAkB,EAAI,GAC1DS,IAAgB,UAEhB,CAACC,GAAcC,CAAe,IAAIX;AAAA,MACvCR,EAAM;AAAA,IAAA,GAED,CAACoB,GAAqBC,CAAsB,IACjDb,EAAkB,EAAI;AAEvB,IAAAc,EAAU,MAAM;AACf,YAAMC,IAAgB,CAAA;AACtB,MAAAtB,EAAK,QAAQ,CAACuB,MAAU;AACvB,QAAAD,EAASC,EAAM,WAAW,IAAI,CAAA;AAAA,MAC/B,CAAC,GACDd,EAAmBa,CAAQ;AAAA,IAC5B,GAAG,CAACtB,CAAI,CAAC,GAETqB,EAAU,MAAM;AACf,MAAAG,EAAwB,EAAI;AAAA,IAC7B,GAAG,CAAA,CAAE,GAELH,EAAU,MAAM;AAEf,MAAAG,EAAwBL,GADJ,CAACT,CACmC;AAAA,IACzD,GAAG,CAACL,GAAYK,CAAW,CAAC,GAE5BW,EAAU,MAAM;AACf,MAAAD,EAAuB,EAAI,GAC3BP,EAAc,EAAE,GAChBY,EAAiB,CAAA,GAAIf,CAAW,GAChCD,EAAmB,CAACiB,OACZ;AAAA,QACN,GAAGA;AAAA,QACH,CAAChB,CAAW,GAAG,CAAA;AAAA,MAAC,EAEjB,GACDC,EAAe,EAAE;AAGjB,YAAMgB,IAAU5B,EAAM,KACpB,IAAI,CAACwB,MACEK,EAA2BL,CAAK,CACvC,EACA,OAAO,CAACA,MAAUA,MAAU,IAAI;AAClC,MAAAL,EAAgBS,CAAO,GACnBA,EAAQ,SAAS,IACpBZ,EAAiB,EAAI,IAErBA,EAAiB,EAAK;AAAA,IAExB,GAAG,CAAChB,EAAM,QAAQ,CAAC,GAEnBsB,EAAU,MAAM;AAEf,UAAIrB,IAAOD,EAAM;AACjB,MAAIW,MACHV,IAAO,CAACK,EAAWK,CAAW,CAAC,IAEhBmB,EAAmB7B,GAAMmB,CAAmB,EAChD,SAAS,IACpBJ,EAAiB,EAAI,IAErBA,EAAiB,EAAK;AAAA,IAExB,GAAG,CAACH,CAAU,CAAC;AAEf,UAAMiB,IAAqB,CAAC7B,GAAamB,IAAsB,OACvDnB,EAAK,QAAQ,CAACuB,MACb,OAAO,KAAKA,EAAM,SAAS,EAAE;AAAA,MACnC,CAACO,MACCP,EAAM,UAAUO,CAAG,EAAE,aACnB,cACD,SAASlB,EAAW,YAAA,CAAa,MACjC,CAACO,KACDI,EAAM,UAAUO,CAAG,EAAE,gBAAgBX,MACvCY,EAAwBR,EAAM,UAAUO,CAAG,CAAC;AAAA,IAAA,CAE9C,GAGIL,IAAmB,CAACO,GAAsBF,MAAgB;AAC/D,YAAMG,IAAWjC,EAAK,KAAK,CAACiC,MAAaA,EAAS,gBAAgBH,CAAG;AACrE,UAAIG,GAAU;AACb,YAAIC,IAAOD;AACX,QAAAD,EAAM,QAAQ,CAACG,GAAOL,MAAQ;AAC7B,UAAAI,IAAOA,EAAK,UAAUC,CAAK;AAAA,QAC5B,CAAC,GACD7B,EAAc,CAACoB,OACP;AAAA,UACN,GAAGA;AAAA,UACH,CAACI,CAAG,GAAGI;AAAA,QAAA,EAER;AAAA,MACF;AAAA,IACD,GAEMH,IAA0B,CAACE,MAAuB;AACvD,UAAIG,IAAc;AAClB,UAAIH,EAAS,eAAeA,EAAS,WAAW;AAC/C,cAAMI,IAAO,OAAO,KAAKJ,EAAS,SAAS;AAC3C,iBAASK,IAAI,GAAGA,IAAID,EAAK,QAAQC,KAAK;AACrC,gBAAMR,IAAMO,EAAKC,CAAC;AAClB,cACCL,EAAS,aACTA,EAAS,UAAUH,CAAG,EAAE,YACtB,YAAA,EACA,SAASlB,EAAW,YAAA,CAAa,KACnCqB,EAAS,UAAUH,CAAG,EAAE,gBAAgBX,GACvC;AACD,YAAAiB,IAAc;AACd;AAAA,UACD;AAAA,QACD;AAAA,MACD;AACA,aAAOA;AAAA,IACR,GAEMZ,IAA0B,CAACe,GAAcC,IAAY,OAAU;AAEpE,UADApB,EAAuBmB,CAAG,GACtBA,GAAK;AACR,YAAIZ,IAAiB,CAAA;AACrB,YAAI,CAACjB,KAAe8B;AACnB,UAAAb,IAAU5B,EAAM,KACd,IAAI,CAACwB,MACEK,EAA2BL,CAAK,CACvC,EACA,OAAO,CAACA,MAAUA,MAAU,IAAI;AAAA,aAC5B;AACN,gBAAMkB,IAAoBpC,EAAWK,CAAW;AAChD,UAAAiB,IAAU5B,EAAM,KACd,OAAO,CAACwB,MAAUA,EAAM,gBAAgBb,CAAW,EACnD,IAAI,CAACa,MACEK,EAA2BL,GAAOkB,CAAiB,CAC1D,EACA,OAAO,CAAClB,MAAUA,KAAU,IAA2B;AAAA,QAC1D;AACA,QAAAL,EAAgBS,CAAO,GACnBf,MACHe,IAAUE,EAAmBF,GAASY,CAAG,IAEtCZ,EAAQ,SAAS,IACpBZ,EAAiB,EAAI,IAErBA,EAAiB,EAAK;AAAA,MAExB;AACC,QAAAG,EAAgBnB,EAAM,IAAI,GACtBa,IACaiB,EAAmB9B,EAAM,MAAMwC,CAAG,EACtC,SAAS,IACpBxB,EAAiB,EAAI,IAErBA,EAAiB,EAAK,IAGvBA,EAAiB,EAAI;AAAA,IAGxB;AAEA,aAASa,EACRc,GACAD,GACAE,IAAoB,CAAA,GACnB;AACD,UAAKF;AAOJ,mBAAWX,KAAOY,EAAkB;AACnC,cACCA,EAAkB,UAAUZ,CAAG,EAAE,gBACjCW,EAAkB;AAElB,uBAAWG,KAAUF,EAAkB,UAAUZ,CAAG,EAAE;AACrD,cACCY,EAAkB,UAAUZ,CAAG,EAAE,UAAUc,CAAM,EAAE,gBAEnDD,EAAaC,CAAM,IAClBF,EAAkB,UAAUZ,CAAG,EAAE,UAAUc,CAAM;AAAA;AAKpD,YAAIF,EAAkB,UAAUZ,CAAG,EAAE,eACpCF;AAAA,cACCc,EAAkB,UAAUZ,CAAG;AAAA,cAC/BW;AAAA,cACAE;AAAA,YAAA;AAAA;AAzBJ,mBAAWb,KAAOY,EAAkB;AACnC,UAAIA,EAAkB,UAAUZ,CAAG,EAAE,gBACpCa,EAAab,CAAG,IAAIY,EAAkB,UAAUZ,CAAG;AA6BtD,aAAI,OAAO,KAAKa,CAAY,EAAE,WAAW,IACjC,OAED,EAAE,GAAGD,GAAmB,WAAWC,EAAA;AAAA,IAC3C;AAEA,UAAME,IAAqD,CAAC9C,MAAU;AACrE,YAAM+C,IAAc/C,EAAM,KAAK;AAE/B,aAAOA,EAAM,WACZ,gBAAAgD,EAAC,OAAA,EACA,4BAACC,GAAA,EAAY,MAAMjD,EAAM,MAAM,UAAUA,EAAM,UAAU,EAAA,CAC1D,IAEA,gBAAAgD,EAAAE,GAAA,EACC,UAAA,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACA,MAAM;AAAA,UACN,gBACC,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACA,OAAOC,EAAO,QAAQ;AAAA,cACtB,OAAO,EAAE,YAAY,YAAY,SAAS,EAAA;AAAA,cAEzC,UAAArD,EAAM,KAAK,cACT+C,IACC,KAAKA,CAAW;AAAA,sBAChB,qBACD;AAAA,YAAA;AAAA,UAAA;AAAA,UAGL,OAAO;AAAA,UACP,OAAO;AAAA,UACP,WAAW;AAAA,UAEX,4BAAC,OAAA,EACA,UAAA,gBAAAC,EAACC,KAAY,MAAMjD,EAAM,MAAM,EAAA,CAChC;AAAA,QAAA;AAAA,MAAA,GAEF;AAAA,IAEF,GAEMiD,IAA0C,CAACK,MAE/C,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QACA,UACCvD,EAAM,iBACHA,EAAM,iBACNsD,EAAS,KAAK;AAAA,QAElB,MAAK;AAAA,QACL,UACCA,EAAS,WACN,CAAAA,EAAS,KAAK,cAGd;AAAA,QAEJ,aACCA,EAAS,KAAK,eAEXA,EAAS,WADT,SAGAE;AAAAA,QAEJ,cAAc,MACbF,EAAS,KAAK,cACb,gBAAAN,EAAC,SAAI,WAAU,iBAAgB,OAAO,EAAE,SAAS,OAAA,GAChD,4BAACS,IAAA,EAAY,EAAA,CACd,IAEA,gBAAAT,EAAAE,GAAA,EAAE;AAAA,QAGJ,YAAYI,EAAS,KAAK;AAAA,MAAA;AAAA,IAAA,GAKvBI,IAAoB,CAACxB,GAAoBH,MAE1CX,KACC,CAACc,EAAS,cACN,gBAAAc,EAAAE,GAAA,EAAE,IAIV,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,SACCd,EAAS,cACN,MAAM;AAMN,UAJoBJ;AAAA,YACnB,CAACI,CAAQ;AAAA,YACTd;AAAA,UAAA,EAEgB,UAChBJ,EAAiB,EAAK,GAGvBF,EAAc,EAAE;AAChB,gBAAM6C,IAAW;AAAA,YAChB,GAAIlD,EAAwBE,CAAW;AAAA,YACvCoB;AAAA,UAAA;AAED,UAAAL,EAAiBiC,GAAUhD,CAAW,GACtCD,EAAmB,CAACiB,OACZ;AAAA,YACN,GAAGA;AAAA,YACH,CAAChB,CAAW,GAAGgD;AAAA,UAAA,EAEhB;AAAA,QACD,IACA,MAAM;AACN,UAAI3D,EAAM,iBACTA,EAAM,cAAckC,CAAQ,GAC5BlC,EAAM,gBAAgB,EAAK,KAEvBA,EAAM,mBACT4D,EAAc1B,CAAQ,IAEtBlC,EAAM;AAAA,YACLA,EAAM,kBACH;AAAA,cACA,aAAakC,EAAS;AAAA,cACtB,cAAcA,EAAS;AAAA,cACvB,eAAeA,EAAS;AAAA,YAAA,IAExBA,EAAS;AAAA,UAAA;AAAA,QAIf;AAAA,QAGJ,UAAA,gBAAAc,EAACF,GAAA,EAAuB,MAAMZ,GAAU,UAAA7B,EAAA,CAAoB;AAAA,MAAA;AAAA,IAAA,GAKzDwD,IAAgB,CAACrC,GAAgCO,MAAgB;AACtE,YAAM4B,IAAW,CAAC,GAAIlD,EAAwBe,EAAM,WAAW,GAAGO,CAAG;AACrE,MAAAL,EAAiBiC,GAAUnC,EAAM,WAAW,GAC5Cd,EAAmB,CAACiB,OACZ;AAAA,QACN,GAAGA;AAAA,QACH,CAACH,EAAM,WAAW,GAAGmC;AAAA,MAAA,EAEtB,GACD/C,EAAeY,EAAM,WAAW;AAAA,IACjC,GAEMsC,IAAe,CAACtC,MACP,cACD,KAAKA,CAAK,GAGlBoC,IAAgB,CAAC1B,MAAuB;AAC7C,UAAIA,EAAS,YAAY,MAAMjB,CAAa,GAAG;AAC9C,cAAM8C,IAAO7B,EAAS,YACpB,QAAQ,MAAM,EAAE,EAChB,QAAQ,MAAM,EAAE,EAChB,MAAM,GAAG;AACX,YAAI8B,IAAoBD,EAAK,CAAC;AAC9B,QAAAA,EAAK,QAAQ,CAACvC,GAAOyC,MAAU;AAC9B,cAAIA,MAAU,EAAG;AAEjB,cADgBH,EAAatC,CAAK,GACrB;AAEZ,kBAAM0C,IAAU1C,EAAM,MAAM,gBAAgB;AAC5C,gBAAI0C,GAAS;AACZ,oBAAMC,IAAYD,EAAQ,CAAC,GACrBD,IAAQC,EAAQ,CAAC;AACvB,cAAAF,IACCA,IAAoB,KAAKG,CAAS,MAAMF,CAAK;AAAA,YAC/C;AAAA,UACD;AACC,YAAAD,IAAoBA,IAAoB,KAAKxC,CAAK;AAAA,QAEpD,CAAC,GACDxB,EAAM;AAAA,UACLA,EAAM,kBACH;AAAA,YACA,aAAagE;AAAA,YACb,cAAc9B,EAAS;AAAA,YACvB,eAAeA,EAAS;AAAA,UAAA,IAExB8B;AAAA,QAAA;AAAA,MAEL,OAAO;AACN,cAAMxC,IAAQU,EAAS,kBACpBA,EAAS,kBACTA,EAAS;AACZ,QAAAlC,EAAM;AAAA,UACLA,EAAM,kBACH;AAAA,YACA,aAAawB;AAAA,YACb,cAAcU,EAAS;AAAA,YACvB,eAAeA,EAAS;AAAA,UAAA,IAExBV;AAAA,QAAA;AAAA,MAEL;AAAA,IACD,GAEM4C,IAAsB,CAC3BC,GACAtC,MACI;AACJ,UAAI/B,EAAM;AACT,QAAAA,EAAM,cAAcqE,EAAwB,UAAUtC,CAAG,CAAC,GAC1D/B,EAAM,gBAAgB,EAAK;AAAA,eAEvBA,EAAM,kBAAkB;AAC3B,cAAMkC,IAAWmC,EAAwB,UAAUtC,CAAG;AACtD,QAAA6B,EAAc1B,CAAQ;AAAA,MACvB;AACC,QAAAlC,EAAM;AAAA,UACLA,EAAM,kBACH;AAAA,YACA,aACCqE,EAAwB,UAAUtC,CAAG,EAAE;AAAA,YACxC,cACCsC,EAAwB,UAAUtC,CAAG,EAAE;AAAA,YACxC,eACCsC,EAAwB,UAAUtC,CAAG,EAAE;AAAA,UAAA,IAExCsC,EAAwB,UAAUtC,CAAG,EAAE;AAAA,QAAA;AAAA,IAI9C,GAEMuC,IAAYtE,EAAM,eAWrB,SAVA;AAAA,MACA,KAAK,GACJA,EAAM,cACHA,EAAM,cACNA,EAAM,eAAe,UACrB,UACA,MACJ;AAAA,MACA,MAAM,GAAGA,EAAM,eAAeA,EAAM,eAAe,KAAK,GAAG;AAAA,IAAA;AAI9D,WACC,gBAAAgD,EAAC,OAAA,EAAI,IAAG,WAAU,UAAU,IAC3B,UAAA,gBAAAuB;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,OAAOF;AAAA,QACP,SAAS,CAAC,MAAM;AACf,YAAE,gBAAA;AAAA,QACH;AAAA,QACA,YAAYtE,EAAM,cAAc;AAAA,QAChC,cAAcA,EAAM;AAAA,QACpB,kBAAkBA,EAAM;AAAA,QACxB,QAAQA,EAAM;AAAA,QACd,QAAQA,EAAM;AAAA,QACd,aAAAG;AAAA,QACA,OAAOH,EAAM;AAAA,QAEZ,UAAA;AAAA,UAAAI,KACA,gBAAA4C;AAAA,YAACyB;AAAA,YAAA;AAAA,cACA,SAAS,MAAM;AACd,gBAAAzE,EAAM,gBAAgB,EAAK;AAAA,cAC5B;AAAA,cACA,OAAO,EAAE,QAAQ,IAAA;AAAA,cAEjB,UAAA,gBAAAgD;AAAA,gBAAC0B;AAAAA,gBAAA;AAAA,kBACA,QAAQ;AAAA,kBACR,OAAO;AAAA,kBACP,OAAOrB,EAAO,QAAQ;AAAA,gBAAA;AAAA,cAAA;AAAA,YACvB;AAAA,UAAA;AAAA,UAGDrD,EAAM,gBACN,gBAAAuE,EAAC,OAAA,EAAI,WAAU,SACd,UAAA;AAAA,YAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,cAAArE,KACA,gBAAAqE,EAAC,OAAA,EAAI,WAAU,eACd,UAAA;AAAA,gBAAA,gBAAAvB,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA,sBAAkB;AAAA,gBAChD,CAAC5C,KACD,gBAAA4C;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACA,aAAU;AAAA,oBACV,SAAS,MAAM;AACd,sBAAAhD,EAAM,gBAAgB,EAAK;AAAA,oBAC5B;AAAA,oBACA,OAAO;AAAA,sBACN,SAAS;AAAA,sBACT,YAAY;AAAA,sBACZ,gBAAgB;AAAA,oBAAA;AAAA,oBAGjB,UAAA,gBAAAgD;AAAA,sBAAC2B;AAAA,sBAAA;AAAA,wBACA,gBAAgB;AAAA,wBAChB,MAAMC;AAAAA,sBAAA;AAAA,oBAAA;AAAA,kBACP;AAAA,gBAAA;AAAA,cACD,GAEF;AAAA,cAED,gBAAAL;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACA,WAAU;AAAA,kBACV,QAAQ,CAAC,MAAM;AACd,oBAAAvE,EAAM,gBAAgBA,EAAM,aAAa,CAAC;AAAA,kBAC3C;AAAA,kBAEA,UAAA;AAAA,oBAAA,gBAAAgD;AAAA,sBAAC6B;AAAA,sBAAA;AAAA,wBACA,OAAO;AAAA,wBACP,WAAW;AAAA,wBACX,UAAU,CAACC,MAAe;AACzB,0BAAAhE,EAAcgE,CAAU;AAAA,wBACzB;AAAA,wBACA,SAAS,MAAM;AAAA,wBAEf;AAAA,wBACA,OAAQ,CAAAjE;AAAA,wBACR,aAAa;AAAA,wBACb,SAAS;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAEV,gBAAA0D;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACA,OAAO;AAAA,0BACN,SAAS;AAAA,0BACT,YAAY;AAAA,0BACZ,WAAW;AAAA,0BACX,gBAAgB;AAAA,wBAAA;AAAA,wBAGjB,UAAA;AAAA,0BAAA,gBAAAvB,EAAC+B,IAAA,EAAc,OAAO,EAAE,OAAO1B,EAAO,QAAQ,UAAA,GAAa,UAAA,kCAAA,CAE3D;AAAA,0BACA,gBAAAL;AAAA,4BAACgC;AAAA,4BAAA;AAAA,8BACA,aAAU;AAAA,8BACV,OAAO5D;AAAA,8BACP,eAAe,OAAOoB,MACrB,MAAMf,EAAwBe,CAAG;AAAA,4BAAA;AAAA,0BAAA;AAAA,wBAEnC;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACD;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGA7B,KAAeF,EAAgBE,CAAW,EAAE,SAAS,KACrD,gBAAA4D,EAAC,OAAA,EAAI,WAAU,YACd,UAAA;AAAA,gBAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,aACd,UAAA;AAAA,kBAAA,gBAAAvB;AAAA,oBAAC2B;AAAA,oBAAA;AAAA,sBACA,MAAMM;AAAAA,sBACN,OAAO,EAAE,OAAO,WAAW,SAAS,OAAA;AAAA,sBACpC,SAAS,MAAM;AAEd,wBAAAnE,EAAc,EAAE;AAChB,8BAAM6C,IAAWlD,EAAgBE,CAAW,EAAE;AAAA,0BAC7C;AAAA,0BACA;AAAA,wBAAA;AAED,wBAAAe,EAAiBiC,GAAUhD,CAAW,GACtCD,EAAmB,CAACiB,OACZ;AAAA,0BACN,GAAGA;AAAA,0BACH,CAAChB,CAAW,GAAGgD;AAAA,wBAAA,EAEhB,GACIA,EAAS,UACb/C,EAAe,EAAE;AAAA,sBAEnB;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAED,gBAAA2D,EAAC,OAAA,EAAI,WAAU,SACd,UAAA;AAAA,oBAAA,gBAAAvB,EAACkC,GAAA,EACC,UAAA5E,EAAWK,CAAW,EAAE,aAC1B;AAAA,oBACCL,EAAWK,CAAW,EAAE,iCACvByC,GAAA,EACC,UAAA9C,EAAWK,CAAW,EAAE,YAAA,CAC1B;AAAA,kBAAA,EAAA,CAEF;AAAA,gBAAA,GACD;AAAA,gBACA,gBAAA4D,EAAC,OAAA,EAAI,WAAU,cACd,UAAA;AAAA,kBAAA,gBAAAvB;AAAA,oBAAC2B;AAAA,oBAAA;AAAA,sBACA,MAAMQ;AAAAA,sBACN,OAAO,EAAE,SAAS,OAAA;AAAA,sBAClB,SAAS,MAAM;AAEd,wBAAArE,EAAc,EAAE,GAChBY,EAAiB,CAAA,GAAIf,CAAW,GAChCD,EAAmB,CAACiB,OACZ;AAAA,0BACN,GAAGA;AAAA,0BACH,CAAChB,CAAW,GAAG,CAAA;AAAA,wBAAC,EAEjB,GACDC,EAAe,EAAE;AAAA,sBAClB;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAED,gBAAAoC,EAAC,SAAI,UAAA,aAAA,CAAU;AAAA,gBAAA,EAAA,CAChB;AAAA,cAAA,EAAA,CACD;AAAA,YAAA,GAEF;AAAA,YACC,CAACjC,KACD,gBAAAwD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACA,OAAO;AAAA,kBACN,SAAS;AAAA,kBACT,eAAe;AAAA,kBACf,YAAY;AAAA,kBACZ,gBAAgB;AAAA,kBAChB,WAAW;AAAA,gBAAA;AAAA,gBAGZ,UAAA;AAAA,kBAAA,gBAAAvB,EAACkC,KAAW,UAAA,oBAAA,CAAiB;AAAA,kBAC5B9D,sBACCgC,GAAA,EACC,UAAA,oDAAA,CACF,IAEA,gBAAAJ,EAACI,GAAA,EACC,UAAA,4CAA4CvC,CAAU,IAAA,CACxD;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAIH,gBAAAmC,EAAC,OAAA,EAAI,WAAU,WACd,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,aACd,UAAA,gBAAAuB,EAAC,OAAA,EAAI,WAAU,SACb,UAAA;AAAA,cAAA,CAAC5D,KACDO,EAAa,IAAI,CAACM,MAAU;AAC3B,oBAAI4D,IAAkB,CAAA;AACtB,uBAAIvE,MACHuE,IAAa,OAAO,KAAK5D,EAAM,SAAS,EAAE;AAAA,kBACzC,CAACO,MACAP,EAAM,UAAUO,CAAG,EAAE,aAClB,YAAA,EACD,SAASlB,EAAW,aAAa,KACnCmB,EAAwBR,EAAM,UAAUO,CAAG,CAAC;AAAA,gBAAA,IAI9C,gBAAAwC,EAAArB,GAAA,EACE,UAAA;AAAA,kBAAArC,IACAuE,EAAW,SAAS,IACnB,gBAAAb,EAAC,OAAA,EAAI,WAAU,SACd,UAAA;AAAA,oBAAA,gBAAAvB,EAAC,OAAA,EAAI,WAAU,iBACb,UAAAxB,GAAO,aACT;AAAA,oBACA,gBAAAwB;AAAA,sBAACI;AAAA,sBAAA;AAAA,wBACA,OAAO;AAAA,0BACN,cAAc;AAAA,0BACd,OAAO;AAAA,wBAAA;AAAA,wBAGP,UAAA5B,GAAO;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACT,EAAA,CACD,IAEA,gBAAAwB,EAAAE,GAAA,EAAE,IAGH,gBAAAqB,EAAC,OAAA,EAAI,WAAU,SACd,UAAA;AAAA,oBAAA,gBAAAvB,EAAC,OAAA,EAAI,WAAU,iBACb,UAAAxB,GAAO,aACT;AAAA,oBACA,gBAAAwB;AAAA,sBAACI;AAAA,sBAAA;AAAA,wBACA,OAAO,EAAE,cAAc,GAAG,OAAO,UAAA;AAAA,wBAEhC,UAAA5B,GAAO;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACT,GACD;AAAA,kBAEA,OAAO,KAAKA,EAAM,SAAS,EAAE,IAAI,CAACO,MAC3BlB,IACNW,EAAM,UAAUO,CAAG,EAAE,aAClB,YAAA,EACD,SAASlB,EAAW,YAAA,CAAa,KACnCmB;AAAA,oBACCR,EAAM,UAAUO,CAAG;AAAA,kBAAA,IAEnB,gBAAAiB;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACA,SACCxB,EAAM,UAAUO,CAAG,EAAE,cAClB,MAAM8B,EAAcrC,GAAOO,CAAG,IAC9B,MAAMqC,EAAoB5C,GAAOO,CAAG;AAAA,sBAGxC,UAAA,gBAAAiB;AAAA,wBAACF;AAAA,wBAAA;AAAA,0BACA,MAAMtB,EAAM,UAAUO,CAAG;AAAA,0BACzB,UAAA1B;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBACD;AAAA,kBAAA,2BAGC,IAGH,gBAAA2C;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACA,SACCxB,EAAM,UAAUO,CAAG,EAAE,cAClB,MAAM8B,EAAcrC,GAAOO,CAAG,IAC9B,MAAMqC,EAAoB5C,GAAOO,CAAG;AAAA,sBAGxC,UAAA,gBAAAiB;AAAA,wBAACF;AAAA,wBAAA;AAAA,0BACA,MAAMtB,EAAM,UAAUO,CAAG;AAAA,0BACzB,UAAA1B;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBACD;AAAA,kBAAA,CAGF;AAAA,gBAAA,GACF;AAAA,cAEF,CAAC;AAAA,cACDM,uBACC,OAAA,EAAI,WAAU,aACd,UAAA,gBAAAqC,EAAC,OAAA,EAAI,WAAU,SAAQ,OAAO,EAAE,WAAW,MACzC,UAAA,OAAO,KAAK1C,EAAWK,CAAW,EAAE,SAAS,EAAE;AAAA,gBAC/C,CAACoB,GAAKsD,MACExE,IACNP,EAAWK,CAAW,EAAE,UACvBoB,CACD,EAAE,aACC,YAAA,EACD,SAASlB,EAAW,YAAA,CAAa,KACnCmB;AAAA,kBACC1B,EAAWK,CAAW,EAAE,UAAUoB,CAAG;AAAA,gBAAA,IAErC2B;AAAA,kBACCpD,EAAWK,CAAW,EAAE,UAAUoB,CAAG;AAAA,kBACrCA;AAAA,gBAAA,2BAGC,IAGH2B;AAAA,kBACCpD,EAAWK,CAAW,EAAE,UAAUoB,CAAG;AAAA,kBACrCA;AAAA,gBAAA;AAAA,cAGH,GAEF,EAAA,CACD;AAAA,YAAA,EAAA,CAEF,GACD,GACD;AAAA,YACA,gBAAAiB,EAAC,OAAA,EAAI,WAAU,kBAAA,CAAkB;AAAA,UAAA,EAAA,CAClC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAGH;AAAA,EAEF;AAAA,EACA,CAACrB,GAAM2D,MACF,EAAA3D,EAAK,mBAAmB2D,EAAK,kBAI7B3D,EAAK,iBAAiB2D,EAAK,gBAI3B3D,EAAK,aAAa2D,EAAK;AAK7B;"}

package/dist/esm/components/agent-builder/components/AiTextArea.js

@@ -1,45 +1,44 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { stripHtmlTags as u } from "../../../helpers/sanitize.js";
-import { useState as h } from "react";
-import { TitleSmall as A, BodyCaption as x } from "../../TypographyStyle.js";
-import { COLORS as i } from "../../../constants/Theme.js";
-import { FieldBlock as T, FieldLabelRow as F, AiTextAreaShell as S, AiTextAreaInput as g } from "../AgentBuilder.styled.js";
-const b = ({
-  label: n,
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { TitleSmall as h, BodyCaption as A } from "../../TypographyStyle.js";
+import { COLORS as n } from "../../../constants/Theme.js";
+import { FieldBlock as x, FieldLabelRow as F, AiTextAreaShell as S, AiTextAreaInput as T } from "../AgentBuilder.styled.js";
+const O = ({
+  label: i,
   value: o,
   onChange: a,
   maxLength: r,
-  placeholder: s,
-  minHeight: c,
-  disabled: m,
-  ...d
+  placeholder: c,
+  minHeight: s,
+  disabled: d,
+  ...m
 }) => {
-  const [p, l] = h(!1);
-  return /* @__PURE__ */ t(T, { children: [
-    /* @__PURE__ */ t(F, { children: [
-      /* @__PURE__ */ e(A, { color: i.content.primary, children: n }),
-      /* @__PURE__ */ t(x, { color: i.content.secondary, children: [
+  const [p, l] = u(!1);
+  return /* @__PURE__ */ e(x, { children: [
+    /* @__PURE__ */ e(F, { children: [
+      /* @__PURE__ */ t(h, { color: n.content.primary, children: i }),
+      /* @__PURE__ */ e(A, { color: n.content.secondary, children: [
         o.length,
         "/",
         r
       ] })
     ] }),
-    /* @__PURE__ */ e(S, { focused: p, minHeight: c, children: /* @__PURE__ */ e(
-      g,
+    /* @__PURE__ */ t(S, { focused: p, minHeight: s, children: /* @__PURE__ */ t(
+      T,
       {
-        "data-test": d["data-test"],
+        "data-test": m["data-test"],
         value: o,
-        placeholder: s,
+        placeholder: c,
         maxLength: r,
-        disabled: m,
+        disabled: d,
         onFocus: () => l(!0),
         onBlur: () => l(!1),
-        onChange: (f) => a(u(f.target.value))
+        onChange: (f) => a(f.target.value)
       }
     ) })
   ] });
 };
 export {
-  b as AiTextArea
+  O as AiTextArea
 };
 //# sourceMappingURL=AiTextArea.js.map

package/dist/esm/components/agent-builder/components/AiTextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"AiTextArea.js","sources":["../../../../../src/components/agent-builder/components/AiTextArea.tsx"],"sourcesContent":["import { stripHtmlTags } from '@src/helpers/sanitize';\nimport React, { useState } from 'react';\nimport { BodyCaption, TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tAiTextAreaInput,\n\tAiTextAreaShell,\n\tFieldBlock,\n\tFieldLabelRow,\n} from '../AgentBuilder.styled';\n\ninterface AiTextAreaProps {\n\tlabel: string;\n\tvalue: string;\n\tonChange: (value: string) => void;\n\tmaxLength: number;\n\tplaceholder?: string;\n\tminHeight?: string;\n\tdisabled?: boolean;\n\t'data-test'?: string;\n}\n\n/** Labelled textarea with a live character counter. */\nexport const AiTextArea: React.FC<AiTextAreaProps> = ({\n\tlabel,\n\tvalue,\n\tonChange,\n\tmaxLength,\n\tplaceholder,\n\tminHeight,\n\tdisabled,\n\t...rest\n}) => {\n\tconst [focused, setFocused] = useState(false);\n\n\treturn (\n\t\t<FieldBlock>\n\t\t\t<FieldLabelRow>\n\t\t\t\t<TitleSmall color={COLORS.content.primary}>{label}</TitleSmall>\n\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t{value.length}/{maxLength}\n\t\t\t\t</BodyCaption>\n\t\t\t</FieldLabelRow>\n\n\t\t\t<AiTextAreaShell focused={focused} minHeight={minHeight}>\n\t\t\t\t<AiTextAreaInput\n\t\t\t\t\tdata-test={rest['data-test']}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\tmaxLength={maxLength}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tonFocus={() => setFocused(true)}\n\t\t\t\t\tonBlur={() => setFocused(false)}\n\t\t\t\t\tonChange={(e) => onChange(stripHtmlTags(e.target.value))}\n\t\t\t\t/>\n\t\t\t</AiTextAreaShell>\n\t\t</FieldBlock>\n\t);\n};\n"],"names":["AiTextArea","label","value","onChange","maxLength","placeholder","minHeight","disabled","rest","focused","setFocused","useState","FieldBlock","jsxs","FieldLabelRow","jsx","TitleSmall","COLORS","BodyCaption","AiTextAreaShell","AiTextAreaInput","e","stripHtmlTags"],"mappings":";;;;;;AAuBO,MAAMA,IAAwC,CAAC;AAAA,EACrD,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACJ,MAAM;AACL,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,2BACEC,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EACA,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAW,OAAOC,EAAO,QAAQ,SAAU,UAAAhB,GAAM;AAAA,MAClD,gBAAAY,EAACK,GAAA,EAAY,OAAOD,EAAO,QAAQ,WACjC,UAAA;AAAA,QAAAf,EAAM;AAAA,QAAO;AAAA,QAAEE;AAAA,MAAA,EAAA,CACjB;AAAA,IAAA,GACD;AAAA,IAEA,gBAAAW,EAACI,GAAA,EAAgB,SAAAV,GAAkB,WAAAH,GAClC,UAAA,gBAAAS;AAAA,MAACK;AAAA,MAAA;AAAA,QACA,aAAWZ,EAAK,WAAW;AAAA,QAC3B,OAAAN;AAAA,QACA,aAAAG;AAAA,QACA,WAAAD;AAAA,QACA,UAAAG;AAAA,QACA,SAAS,MAAMG,EAAW,EAAI;AAAA,QAC9B,QAAQ,MAAMA,EAAW,EAAK;AAAA,QAC9B,UAAU,CAACW,MAAMlB,EAASmB,EAAcD,EAAE,OAAO,KAAK,CAAC;AAAA,MAAA;AAAA,IAAA,EACxD,CACD;AAAA,EAAA,GACD;AAEF;"}
+{"version":3,"file":"AiTextArea.js","sources":["../../../../../src/components/agent-builder/components/AiTextArea.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { BodyCaption, TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tAiTextAreaInput,\n\tAiTextAreaShell,\n\tFieldBlock,\n\tFieldLabelRow,\n} from '../AgentBuilder.styled';\n\ninterface AiTextAreaProps {\n\tlabel: string;\n\tvalue: string;\n\tonChange: (value: string) => void;\n\tmaxLength: number;\n\tplaceholder?: string;\n\tminHeight?: string;\n\tdisabled?: boolean;\n\t'data-test'?: string;\n}\n\n/** Labelled textarea with a live character counter. */\nexport const AiTextArea: React.FC<AiTextAreaProps> = ({\n\tlabel,\n\tvalue,\n\tonChange,\n\tmaxLength,\n\tplaceholder,\n\tminHeight,\n\tdisabled,\n\t...rest\n}) => {\n\tconst [focused, setFocused] = useState(false);\n\n\treturn (\n\t\t<FieldBlock>\n\t\t\t<FieldLabelRow>\n\t\t\t\t<TitleSmall color={COLORS.content.primary}>{label}</TitleSmall>\n\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t{value.length}/{maxLength}\n\t\t\t\t</BodyCaption>\n\t\t\t</FieldLabelRow>\n\n\t\t\t<AiTextAreaShell focused={focused} minHeight={minHeight}>\n\t\t\t\t<AiTextAreaInput\n\t\t\t\t\tdata-test={rest['data-test']}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\tmaxLength={maxLength}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tonFocus={() => setFocused(true)}\n\t\t\t\t\tonBlur={() => setFocused(false)}\n\t\t\t\t\tonChange={(e) => onChange(e.target.value)}\n\t\t\t\t/>\n\t\t\t</AiTextAreaShell>\n\t\t</FieldBlock>\n\t);\n};\n"],"names":["AiTextArea","label","value","onChange","maxLength","placeholder","minHeight","disabled","rest","focused","setFocused","useState","FieldBlock","jsxs","FieldLabelRow","jsx","TitleSmall","COLORS","BodyCaption","AiTextAreaShell","AiTextAreaInput","e"],"mappings":";;;;;AAsBO,MAAMA,IAAwC,CAAC;AAAA,EACrD,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACJ,MAAM;AACL,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,2BACEC,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EACA,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAW,OAAOC,EAAO,QAAQ,SAAU,UAAAhB,GAAM;AAAA,MAClD,gBAAAY,EAACK,GAAA,EAAY,OAAOD,EAAO,QAAQ,WACjC,UAAA;AAAA,QAAAf,EAAM;AAAA,QAAO;AAAA,QAAEE;AAAA,MAAA,EAAA,CACjB;AAAA,IAAA,GACD;AAAA,IAEA,gBAAAW,EAACI,GAAA,EAAgB,SAAAV,GAAkB,WAAAH,GAClC,UAAA,gBAAAS;AAAA,MAACK;AAAA,MAAA;AAAA,QACA,aAAWZ,EAAK,WAAW;AAAA,QAC3B,OAAAN;AAAA,QACA,aAAAG;AAAA,QACA,WAAAD;AAAA,QACA,UAAAG;AAAA,QACA,SAAS,MAAMG,EAAW,EAAI;AAAA,QAC9B,QAAQ,MAAMA,EAAW,EAAK;AAAA,QAC9B,UAAU,CAACW,MAAMlB,EAASkB,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA,EACzC,CACD;AAAA,EAAA,GACD;AAEF;"}