npm - @bikdotai/bik-component-library - Versions diffs - 0.0.817-beta.7 → 0.0.817-beta.8 - Mend

@bikdotai/bik-component-library 0.0.817-beta.7 → 0.0.817-beta.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1816) hide show

package/dist/cjs/components/add-variableV2/AddVariableV2.js.map CHANGED Viewed

	@@ -1 +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","jsxDEV","VariableBox","this","Fragment","Tooltip","BodyCaption","COLORS","varProps","Button","PlusIcon","RightFilled","renderPayloadvars","newStack","matchVariable","variableClick","checkIfArray","path","evalVariableValue","index","matches","arrayName","variableCustomClick","variableListInterfaceV2","getStyle","AddVariableStyled","CloseButtonContainer","CrossIcon","IconButton","CloseIcon","SearchBar","searchText","BodySecondary","Switch","BackIcon","TitleSmall","UndoIcon","searchList","_","next"],"mappings":"4sBA8EaA,GAAiCC,EAAAA,KAC5CC,GAAU,CACV,KAAM,CACL,KAAAC,EACA,UAAAC,EAAY,GACZ,YAAAC,EAAc,GACd,eAAAC,EAAiB,GACjB,SAAAC,EAAW,EAAA,EACRL,EACE,CAACM,EAAYC,CAAa,EAAIC,EAAAA,SAAc,CAAA,CAAE,EAC9C,CAACC,EAAiBC,CAAkB,EAAIF,WAAA,EACxC,CAACG,EAAaC,CAAc,EAAIJ,EAAAA,SAAiB,EAAE,EACnD,CAACK,EAAYC,CAAa,EAAIN,EAAAA,SAAiB,EAAE,EACjD,CAACO,EAAeC,CAAgB,EAAIR,EAAAA,SAAkB,EAAI,EAC1DS,EAAgB,SAEhB,CAACC,EAAcC,CAAe,EAAIX,EAAAA,SACvCR,EAAM,IAAA,EAED,CAACoB,EAAqBC,CAAsB,EACjDb,EAAAA,SAAkB,EAAI,EAEvBc,EAAAA,UAAU,IAAM,CACf,MAAMC,EAAgB,CAAA,EACtBtB,EAAK,QAASuB,GAAU,CACvBD,EAASC,EAAM,WAAW,EAAI,CAAA,CAC/B,CAAC,EACDd,EAAmBa,CAAQ,CAC5B,EAAG,CAACtB,CAAI,CAAC,EAETqB,EAAAA,UAAU,IAAM,CACfG,EAAwB,EAAI,CAC7B,EAAG,CAAA,CAAE,EAELH,EAAAA,UAAU,IAAM,CAEfG,EAAwBL,EADJ,CAACT,CACmC,CACzD,EAAG,CAACL,EAAYK,CAAW,CAAC,EAE5BW,EAAAA,UAAU,IAAM,CACfD,EAAuB,EAAI,EAC3BP,EAAc,EAAE,EAChBY,EAAiB,CAAA,EAAIf,CAAW,EAChCD,EAAoBiB,IACZ,CACN,GAAGA,EACH,CAAChB,CAAW,EAAG,CAAA,CAAC,EAEjB,EACDC,EAAe,EAAE,EAGjB,MAAMgB,EAAU5B,EAAM,KACpB,IAAKwB,GACEK,EAA2BL,CAAK,CACvC,EACA,OAAQA,GAAUA,IAAU,IAAI,EAClCL,EAAgBS,CAAO,EACnBA,EAAQ,OAAS,EACpBZ,EAAiB,EAAI,EAErBA,EAAiB,EAAK,CAExB,EAAG,CAAChB,EAAM,QAAQ,CAAC,EAEnBsB,EAAAA,UAAU,IAAM,CAEf,IAAIrB,EAAOD,EAAM,KACbW,IACHV,EAAO,CAACK,EAAWK,CAAW,CAAC,GAEhBmB,EAAmB7B,EAAMmB,CAAmB,EAChD,OAAS,EACpBJ,EAAiB,EAAI,EAErBA,EAAiB,EAAK,CAExB,EAAG,CAACH,CAAU,CAAC,EAEf,MAAMiB,EAAqB,CAAC7B,EAAamB,EAAsB,KACvDnB,EAAK,QAASuB,GACb,OAAO,KAAKA,EAAM,SAAS,EAAE,OAClCO,GACCP,EAAM,UAAUO,CAAG,EAAE,aACnB,cACD,SAASlB,EAAW,YAAA,CAAa,IACjC,CAACO,GACDI,EAAM,UAAUO,CAAG,EAAE,cAAgBX,IACvCY,EAAwBR,EAAM,UAAUO,CAAG,CAAC,CAAA,CAE9C,EAGIL,EAAmB,CAACO,EAAsBF,IAAgB,CAC/D,MAAMG,EAAWjC,EAAK,KAAMiC,GAAaA,EAAS,cAAgBH,CAAG,EACrE,GAAIG,EAAU,CACb,IAAIC,EAAOD,EACXD,EAAM,QAAQ,CAACG,EAAOL,IAAQ,CAC7BI,EAAOA,EAAK,UAAUC,CAAK,CAC5B,CAAC,EACD7B,EAAeoB,IACP,CACN,GAAGA,EACH,CAACI,CAAG,EAAGI,CAAA,EAER,CACF,CACD,EAEMH,EAA2BE,GAAuB,CACvD,IAAIG,EAAc,GAClB,GAAIH,EAAS,aAAeA,EAAS,UAAW,CAC/C,MAAMI,EAAO,OAAO,KAAKJ,EAAS,SAAS,EAC3C,QAASK,EAAI,EAAGA,EAAID,EAAK,OAAQC,IAAK,CACrC,MAAMR,EAAMO,EAAKC,CAAC,EAClB,GACCL,EAAS,WACTA,EAAS,UAAUH,CAAG,EAAE,YACtB,YAAA,EACA,SAASlB,EAAW,YAAA,CAAa,GACnCqB,EAAS,UAAUH,CAAG,EAAE,cAAgBX,EACvC,CACDiB,EAAc,GACd,KACD,CACD,CACD,CACA,OAAOA,CACR,EAEMZ,EAA0B,CAACe,EAAcC,EAAY,KAAU,CAEpE,GADApB,EAAuBmB,CAAG,EACtBA,EAAK,CACR,IAAIZ,EAAiB,CAAA,EACrB,GAAI,CAACjB,GAAe8B,EACnBb,EAAU5B,EAAM,KACd,IAAKwB,GACEK,EAA2BL,CAAK,CACvC,EACA,OAAQA,GAAUA,IAAU,IAAI,MAC5B,CACN,MAAMkB,EAAoBpC,EAAWK,CAAW,EAChDiB,EAAU5B,EAAM,KACd,OAAQwB,GAAUA,EAAM,cAAgBb,CAAW,EACnD,IAAKa,GACEK,EAA2BL,EAAOkB,CAAiB,CAC1D,EACA,OAAQlB,GAAUA,GAAU,IAA2B,CAC1D,CACAL,EAAgBS,CAAO,EACnBf,IACHe,EAAUE,EAAmBF,EAASY,CAAG,GAEtCZ,EAAQ,OAAS,EACpBZ,EAAiB,EAAI,EAErBA,EAAiB,EAAK,CAExB,MACCG,EAAgBnB,EAAM,IAAI,EACtBa,EACaiB,EAAmB9B,EAAM,KAAMwC,CAAG,EACtC,OAAS,EACpBxB,EAAiB,EAAI,EAErBA,EAAiB,EAAK,EAGvBA,EAAiB,EAAI,CAGxB,EAEA,SAASa,EACRc,EACAD,EACAE,EAAoB,CAAA,EACnB,CACD,GAAKF,EAOJ,UAAWX,KAAOY,EAAkB,UACnC,GACCA,EAAkB,UAAUZ,CAAG,EAAE,cACjCW,EAAkB,YAElB,UAAWG,KAAUF,EAAkB,UAAUZ,CAAG,EAAE,UAEpDY,EAAkB,UAAUZ,CAAG,EAAE,UAAUc,CAAM,EAAE,cAEnDD,EAAaC,CAAM,EAClBF,EAAkB,UAAUZ,CAAG,EAAE,UAAUc,CAAM,QAKhDF,EAAkB,UAAUZ,CAAG,EAAE,aACpCF,EACCc,EAAkB,UAAUZ,CAAG,EAC/BW,EACAE,CAAA,MAzBJ,WAAWb,KAAOY,EAAkB,UAC/BA,EAAkB,UAAUZ,CAAG,EAAE,cACpCa,EAAab,CAAG,EAAIY,EAAkB,UAAUZ,CAAG,GA6BtD,OAAI,OAAO,KAAKa,CAAY,EAAE,SAAW,EACjC,KAED,CAAE,GAAGD,EAAmB,UAAWC,CAAA,CAC3C,CAEA,MAAME,EAAsD9C,GAAU,CACrE,MAAM+C,EAAc/C,EAAM,KAAK,YAE/B,OAAOA,EAAM,SACZgD,EAAAA,OAAC,MAAA,CACA,SAAAA,EAAAA,OAACC,EAAA,CAAY,KAAMjD,EAAM,KAAM,SAAUA,EAAM,QAAA,EAA/C,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAAkD,MAAyD,CAAA,EAD1D,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAEA,EAEAF,EAAAA,OAAAG,EAAAA,SAAA,CACC,SAAAH,EAAAA,OAACI,GAAAA,QAAA,CACA,KAAM,GACN,eACCJ,EAAAA,OAACK,EAAAA,YAAA,CACA,MAAOC,EAAAA,OAAO,QAAQ,eACtB,MAAO,CAAE,WAAY,WAAY,QAAS,CAAA,EAEzC,SAAAtD,EAAM,KAAK,YACT+C,EACC,KAAKA,CAAW;AAAA,oBAChB,mBACD,sBAAA,EARJ,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAAG,MAAA,EAWD,MAAO,IACP,MAAO,IACP,UAAW,SAEX,kBAAC,MAAA,CACA,SAAAF,EAAAA,OAACC,EAAA,CAAY,KAAMjD,EAAM,MAAzB,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAAkD,MAA+B,CAAA,EADhC,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAEA,CAAA,EApBD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAqBA,EAtBD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAuBA,CAEF,EAEMD,EAA2CM,GAE/CP,EAAAA,OAACQ,GAAAA,OAAA,CACA,SACCxD,EAAM,eACHA,EAAM,eACNuD,EAAS,KAAK,YAElB,KAAK,OACL,SACCA,EAAS,SACN,CAAAA,EAAS,KAAK,YAGd,GAEJ,YACCA,EAAS,KAAK,aAEXA,EAAS,SADT,OAGAE,EAAAA,QAEJ,aAAc,IACbF,EAAS,KAAK,YACbP,EAAAA,OAAC,MAAA,CAAI,UAAU,gBAAgB,MAAO,CAAE,QAAS,MAAA,EAChD,kBAACU,UAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAAR,MAAa,CAAA,EADd,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAEA,EAEAF,EAAAA,OAAAG,EAAAA,SAAA,CAAA,EAAA,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAAD,MAAE,EAGJ,WAAYK,EAAS,KAAK,WAAA,EA9B3B,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAAL,MAAA,EAmCIS,EAAoB,CAACzB,EAAoBH,IAE1CX,GACC,CAACc,EAAS,YACNc,EAAAA,OAAAG,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAD,MAAE,EAIVF,EAAAA,OAAC,MAAA,CACA,QACCd,EAAS,YACN,IAAM,CAEcJ,EACnB,CAACI,CAAQ,EACTd,CAAA,EAEgB,QAChBJ,EAAiB,EAAK,EAGvBF,EAAc,EAAE,EAChB,MAAM8C,EAAW,CAChB,GAAInD,EAAwBE,CAAW,EACvCoB,CAAA,EAEDL,EAAiBkC,EAAUjD,CAAW,EACtCD,EAAoBiB,IACZ,CACN,GAAGA,EACH,CAAChB,CAAW,EAAGiD,CAAA,EAEhB,CACD,EACA,IAAM,CACF5D,EAAM,eACTA,EAAM,cAAckC,CAAQ,EAC5BlC,EAAM,gBAAgB,EAAK,GAEvBA,EAAM,iBACT6D,EAAc3B,CAAQ,EAEtBlC,EAAM,iBACLA,EAAM,gBACH,CACA,YAAakC,EAAS,YACtB,aAAcA,EAAS,aACvB,cAAeA,EAAS,aAAA,EAExBA,EAAS,WAAA,CAIf,EAGJ,SAAAc,EAAAA,OAACF,EAAA,CAAuB,KAAMZ,EAAU,SAAA7B,CAAA,EAAxC,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAA6C,MAA4D,CAAA,EAhD7D,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,EAqDIY,EAAgB,CAACtC,EAAgCO,IAAgB,CACtE,MAAM6B,EAAW,CAAC,GAAInD,EAAwBe,EAAM,WAAW,EAAGO,CAAG,EACrEL,EAAiBkC,EAAUpC,EAAM,WAAW,EAC5Cd,EAAoBiB,IACZ,CACN,GAAGA,EACH,CAACH,EAAM,WAAW,EAAGoC,CAAA,EAEtB,EACDhD,EAAeY,EAAM,WAAW,CACjC,EAEMuC,EAAgBvC,GACP,cACD,KAAKA,CAAK,EAGlBqC,EAAiB3B,GAAuB,CAC7C,GAAIA,EAAS,YAAY,MAAMjB,CAAa,EAAG,CAC9C,MAAM+C,EAAO9B,EAAS,YACpB,QAAQ,KAAM,EAAE,EAChB,QAAQ,KAAM,EAAE,EAChB,MAAM,GAAG,EACX,IAAI+B,EAAoBD,EAAK,CAAC,EAC9BA,EAAK,QAAQ,CAACxC,EAAO0C,IAAU,CAC9B,GAAIA,IAAU,EAAG,OAEjB,GADgBH,EAAavC,CAAK,EACrB,CAEZ,MAAM2C,EAAU3C,EAAM,MAAM,gBAAgB,EAC5C,GAAI2C,EAAS,CACZ,MAAMC,EAAYD,EAAQ,CAAC,EACrBD,EAAQC,EAAQ,CAAC,EACvBF,EACCA,EAAoB,KAAKG,CAAS,MAAMF,CAAK,GAC/C,CACD,MACCD,EAAoBA,EAAoB,KAAKzC,CAAK,IAEpD,CAAC,EACDxB,EAAM,iBACLA,EAAM,gBACH,CACA,YAAaiE,EACb,aAAc/B,EAAS,aACvB,cAAeA,EAAS,aAAA,EAExB+B,CAAA,CAEL,KAAO,CACN,MAAMzC,EAAQU,EAAS,gBACpBA,EAAS,gBACTA,EAAS,YACZlC,EAAM,iBACLA,EAAM,gBACH,CACA,YAAawB,EACb,aAAcU,EAAS,aACvB,cAAeA,EAAS,aAAA,EAExBV,CAAA,CAEL,CACD,EAEM6C,EAAsB,CAC3BC,EACAvC,IACI,CACJ,GAAI/B,EAAM,cACTA,EAAM,cAAcsE,EAAwB,UAAUvC,CAAG,CAAC,EAC1D/B,EAAM,gBAAgB,EAAK,UAEvBA,EAAM,iBAAkB,CAC3B,MAAMkC,EAAWoC,EAAwB,UAAUvC,CAAG,EACtD8B,EAAc3B,CAAQ,CACvB,MACClC,EAAM,iBACLA,EAAM,gBACH,CACA,YACCsE,EAAwB,UAAUvC,CAAG,EAAE,YACxC,aACCuC,EAAwB,UAAUvC,CAAG,EAAE,aACxC,cACCuC,EAAwB,UAAUvC,CAAG,EAAE,aAAA,EAExCuC,EAAwB,UAAUvC,CAAG,EAAE,WAAA,CAI9C,EAEMwC,EAAYvE,EAAM,aAWrB,OAVA,CACA,IAAK,GACJA,EAAM,YACHA,EAAM,YACNA,EAAM,aAAe,QACrB,QACA,MACJ,GACA,KAAM,GAAGA,EAAM,aAAeA,EAAM,aAAe,GAAK,GAAG,IAAA,EAI9D,OACCgD,EAAAA,OAAC,MAAA,CAAI,GAAG,UAAU,SAAU,GAC3B,SAAAA,EAAAA,OAACwB,EAAAA,kBAAA,CACA,MAAOD,EACP,QAAU,GAAM,CACf,EAAE,gBAAA,CACH,EACA,WAAYvE,EAAM,YAAc,QAChC,aAAcA,EAAM,aACpB,iBAAkBA,EAAM,iBACxB,OAAQA,EAAM,OACd,OAAQA,EAAM,OACd,YAAAG,EACA,MAAOH,EAAM,MAEZ,SAAA,CAAAI,GACA4C,EAAAA,OAACyB,GAAAA,qBAAA,CACA,QAAS,IAAM,CACdzE,EAAM,gBAAgB,EAAK,CAC5B,EACA,MAAO,CAAE,OAAQ,GAAA,EAEjB,SAAAgD,EAAAA,OAAC0B,EAAAA,QAAA,CACA,OAAQ,GACR,MAAO,GACP,MAAOpB,EAAAA,OAAO,QAAQ,SAAA,EAHvB,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAAJ,MAAA,CAIA,EAVD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,EAaAlD,EAAM,cACNgD,SAAC,MAAA,CAAI,UAAU,QACd,SAAA,CAAAA,EAAAA,OAAC,MAAA,CAAI,UAAU,cACb,SAAA,CAAA9C,GACA8C,EAAAA,OAAC,MAAA,CAAI,UAAU,cACd,SAAA,CAAAA,SAAC,MAAA,CAAI,UAAU,gBAAgB,SAAA,oBAAA,EAA/B,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAE,MAAiD,EAChD,CAAC9C,GACD4C,EAAAA,OAAC,MAAA,CACA,QAAS,IAAM,CACdhD,EAAM,gBAAgB,EAAK,CAC5B,EACA,MAAO,CACN,QAAS,OACT,WAAY,SACZ,eAAgB,QAAA,EAGjB,SAAAgD,EAAAA,OAAC2B,EAAAA,WAAA,CACA,eAAgB,UAChB,KAAMC,EAAAA,OAAA,EAFP,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAA1B,MAAA,CAGA,EAbD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAAA,CAcA,CAAA,EAjBF,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAmBA,EAEDF,EAAAA,OAAC,MAAA,CACA,UAAU,cACV,OAAS,GAAM,CACdhD,EAAM,cAAgBA,EAAM,aAAa,CAAC,CAC3C,EAEA,SAAA,CAAAgD,EAAAA,OAAC6B,GAAAA,UAAA,CACA,MAAO,OACP,UAAW,GACX,SAAWC,GAAe,CACzBhE,EAAcgE,CAAU,CACzB,EACA,QAAS,IAAM,CAEf,EACA,MAAQ,CAAAjE,EACR,YAAa,YACb,QAAS,SAAA,EAXV,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAqC,MAAA,EAaAF,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,WAAY,SACZ,UAAW,EACX,eAAgB,eAAA,EAGjB,SAAA,CAAAA,EAAAA,OAAC+B,EAAAA,cAAA,CAAc,MAAO,CAAE,MAAOzB,EAAAA,OAAO,QAAQ,SAAA,EAAa,SAAA,iCAAA,EAA3D,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAJ,MAEA,EACAF,EAAAA,OAACgC,GAAAA,OAAA,CACA,MAAO5D,EACP,cAAe,MAAOoB,GACrB,MAAMf,EAAwBe,CAAG,CAAA,EAHnC,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAU,MAAA,CAKA,CAAA,EAhBD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAAA,CAiBA,CAAA,EApCD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,EAuCCvC,GAAeF,EAAgBE,CAAW,EAAE,OAAS,GACrDqC,EAAAA,OAAC,MAAA,CAAI,UAAU,WACd,SAAA,CAAAA,EAAAA,OAAC,MAAA,CAAI,UAAU,YACd,SAAA,CAAAA,EAAAA,OAAC2B,EAAAA,WAAA,CACA,KAAMM,EAAAA,QACN,MAAO,CAAE,MAAO,UAAW,QAAS,MAAA,EACpC,QAAS,IAAM,CAEdnE,EAAc,EAAE,EAChB,MAAM8C,EAAWnD,EAAgBE,CAAW,EAAE,MAC7C,EACA,EAAA,EAEDe,EAAiBkC,EAAUjD,CAAW,EACtCD,EAAoBiB,IACZ,CACN,GAAGA,EACH,CAAChB,CAAW,EAAGiD,CAAA,EAEhB,EACIA,EAAS,QACbhD,EAAe,EAAE,CAEnB,CAAA,EApBD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAsC,MAAA,EAsBAF,EAAAA,OAAC,MAAA,CAAI,UAAU,QACd,SAAA,CAAAA,SAACkC,EAAAA,WAAA,CACC,SAAA5E,EAAWK,CAAW,EAAE,WAAA,EAD1B,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAuC,MAEA,EACC5C,EAAWK,CAAW,EAAE,sBACvB0C,EAAAA,YAAA,CACC,SAAA/C,EAAWK,CAAW,EAAE,WAAA,EAD1B,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAuC,MAEA,CAAA,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MASA,CAAA,CAAA,EAhCD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAiCA,EACAF,EAAAA,OAAC,MAAA,CAAI,UAAU,aACd,SAAA,CAAAA,EAAAA,OAAC2B,EAAAA,WAAA,CACA,KAAMQ,EAAAA,QACN,MAAO,CAAE,QAAS,MAAA,EAClB,QAAS,IAAM,CAEdrE,EAAc,EAAE,EAChBY,EAAiB,CAAA,EAAIf,CAAW,EAChCD,EAAoBiB,IACZ,CACN,GAAGA,EACH,CAAChB,CAAW,EAAG,CAAA,CAAC,EAEjB,EACDC,EAAe,EAAE,CAClB,CAAA,EAdD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAsC,MAAA,EAgBAF,EAAAA,OAAC,OAAI,SAAA,YAAA,EAAL,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAE,MAAe,CAAA,CAAA,EAjBhB,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAkBA,CAAA,CAAA,EArDD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAsDA,CAAA,CAAA,EArHF,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAuHA,EACC,CAACnC,GACDiC,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,SACf,WAAY,SACZ,eAAgB,SAChB,UAAW,EAAA,EAGZ,SAAA,CAAAA,EAAAA,OAACkC,EAAAA,YAAW,SAAA,mBAAA,EAAZ,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAhC,MAA6B,EAC5B9B,EACA4B,EAAAA,OAACK,EAAAA,YAAA,CACC,SAAA,mDAAA,EADF,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAH,MAEA,EAEAF,SAACK,EAAAA,YAAA,CACC,SAAA,4CAA4CxC,CAAU,KADxD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAqC,MAEA,CAAA,CAAA,EAjBF,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,EAqBDF,EAAAA,OAAC,MAAA,CAAI,UAAU,UACd,SAAAA,EAAAA,OAAC,MAAA,CAAI,UAAU,YACd,SAAAA,SAAC,MAAA,CAAI,UAAU,QACb,SAAA,CAAA,CAACrC,GACDO,EAAa,IAAKM,GAAU,CAC3B,IAAI4D,EAAkB,CAAA,EACtB,OAAIvE,IACHuE,EAAa,OAAO,KAAK5D,EAAM,SAAS,EAAE,OACxCO,GACAP,EAAM,UAAUO,CAAG,EAAE,aAClB,YAAA,EACD,SAASlB,EAAW,aAAa,GACnCmB,EAAwBR,EAAM,UAAUO,CAAG,CAAC,CAAA,GAI9CiB,EAAAA,OAAAG,WAAA,CACE,SAAA,CAAAtC,EACAuE,EAAW,OAAS,EACnBpC,EAAAA,OAAC,MAAA,CAAI,UAAU,QACd,SAAA,CAAAA,SAAC,MAAA,CAAI,UAAU,gBACb,SAAAxB,GAAO,WAAA,EADT,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAA0B,MAEA,EACAF,EAAAA,OAACK,EAAAA,YAAA,CACA,MAAO,CACN,aAAc,EACd,MAAO,SAAA,EAGP,SAAA7B,GAAO,WAAA,EANT,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAA0B,MAAA,CAOA,CAAA,EAXD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAYA,EAEAF,EAAAA,OAAAG,EAAAA,SAAA,CAAA,EAAA,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAD,MAAE,EAGHF,SAAC,MAAA,CAAI,UAAU,QACd,SAAA,CAAAA,SAAC,MAAA,CAAI,UAAU,gBACb,SAAAxB,GAAO,WAAA,EADT,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAA0B,MAEA,EACAF,EAAAA,OAACK,EAAAA,YAAA,CACA,MAAO,CAAE,aAAc,EAAG,MAAO,SAAA,EAEhC,SAAA7B,GAAO,WAAA,EAHT,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAA0B,MAAA,CAIA,CAAA,EARD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MASA,EAEA,OAAO,KAAK1B,EAAM,SAAS,EAAE,IAAKO,GAC3BlB,EACNW,EAAM,UAAUO,CAAG,EAAE,aAClB,YAAA,EACD,SAASlB,EAAW,YAAA,CAAa,GACnCmB,EACCR,EAAM,UAAUO,CAAG,CAAA,EAEnBiB,EAAAA,OAAC,MAAA,CACA,QACCxB,EAAM,UAAUO,CAAG,EAAE,YAClB,IAAM+B,EAActC,EAAOO,CAAG,EAC9B,IAAMsC,EAAoB7C,EAAOO,CAAG,EAGxC,SAAAiB,EAAAA,OAACF,EAAA,CACA,KAAMtB,EAAM,UAAUO,CAAG,EACzB,SAAA1B,CAAA,EAFD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAA6C,MAAA,CAGA,EAVD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAAA,EAaAF,EAAAA,OAAAG,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAD,MAAE,EAGHF,EAAAA,OAAC,MAAA,CACA,QACCxB,EAAM,UAAUO,CAAG,EAAE,YAClB,IAAM+B,EAActC,EAAOO,CAAG,EAC9B,IAAMsC,EAAoB7C,EAAOO,CAAG,EAGxC,SAAAiB,EAAAA,OAACF,EAAA,CACA,KAAMtB,EAAM,UAAUO,CAAG,EACzB,SAAA1B,CAAA,EAFD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAA6C,MAAA,CAGA,EAVD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAAA,CAaD,CAAA,CAAA,EApEF,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAqEA,CAEF,CAAC,EACDvC,YACC,MAAA,CAAI,UAAU,YACd,SAAAqC,SAAC,MAAA,CAAI,UAAU,QAAQ,MAAO,CAAE,UAAW,IACzC,SAAA,OAAO,KAAK1C,EAAWK,CAAW,EAAE,SAAS,EAAE,IAC/C,CAACoB,EAAKsD,IACExE,EACNP,EAAWK,CAAW,EAAE,UACvBoB,CACD,EAAE,aACC,YAAA,EACD,SAASlB,EAAW,YAAA,CAAa,GACnCmB,EACC1B,EAAWK,CAAW,EAAE,UAAUoB,CAAG,CAAA,EAErC4B,EACCrD,EAAWK,CAAW,EAAE,UAAUoB,CAAG,EACrCA,CAAA,EAGDiB,EAAAA,OAAAG,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAD,MAAE,EAGHS,EACCrD,EAAWK,CAAW,EAAE,UAAUoB,CAAG,EACrCA,CAAA,CAGH,CACD,EA1BD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAmB,MA2BA,CAAA,EA5BD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MA6BA,CAAA,CAAA,EApHF,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAsHA,CAAA,EAvHD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAwHA,CAAA,EAzHD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MA0HA,EACAF,EAAAA,OAAC,MAAA,CAAI,UAAU,iBAAA,EAAf,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAAE,MAAiC,CAAA,CAAA,EA1QlC,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MA2QA,CAAA,CAAA,EAvSF,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAySA,EA1SD,OAAA,GAAA,CAAA,SAAA,qIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MA2SA,CAEF,EACA,CAACvB,EAAM2D,IACF,EAAA3D,EAAK,iBAAmB2D,EAAK,gBAI7B3D,EAAK,eAAiB2D,EAAK,cAI3B3D,EAAK,WAAa2D,EAAK,SAK7B"}
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","jsxDEV","VariableBox","this","Fragment","Tooltip","BodyCaption","COLORS","varProps","Button","PlusIcon","RightFilled","renderPayloadvars","newStack","matchVariable","variableClick","checkIfArray","path","evalVariableValue","index","matches","arrayName","variableCustomClick","variableListInterfaceV2","getStyle","AddVariableStyled","CloseButtonContainer","CrossIcon","IconButton","CloseIcon","SearchBar","searchText","BodySecondary","Switch","BackIcon","TitleSmall","UndoIcon","searchList","_","next"],"mappings":"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"}

package/dist/cjs/components/add-variableV2/AddVariableV2SideModal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-dev-runtime"),r=require("react-dom"),l=require("./AddVariableV2.js"),i=require("../side-modal/SideModal.style.js"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=t(r),o=e=>d.default.createPortal(a.jsxDEV(i.SideModalStyle,{zIndex:e.zIndex,children:a.jsxDEV(i.SideModalContainer,{children:a.jsxDEV(l.AddVariableV2,{data:e.data,showVariable:e.showVariable,setShowVariable:e.setShowVariable,variableValue:e.variableValue,setVariableValue:e.setVariableValue,placeholder:"Add a variable",customTrigger:e.customTrigger,isModalState:!0,onSearchBlur:e.onSearchBlur,selectWithTypes:e.selectWithTypes},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2SideModal.tsx",lineNumber:35,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2SideModal.tsx",lineNumber:34,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/add-variableV2/AddVariableV2SideModal.tsx",lineNumber:33,columnNumber:3},void 0),document.body);exports.AddVariableV2SideModal=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-dev-runtime"),l=require("react-dom"),i=require("./AddVariableV2.js"),d=require("../side-modal/SideModal.style.js"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=r(l),t=e=>o.default.createPortal(a.jsxDEV(d.SideModalStyle,{zIndex:e.zIndex,children:a.jsxDEV(d.SideModalContainer,{children:a.jsxDEV(i.AddVariableV2,{data:e.data,showVariable:e.showVariable,setShowVariable:e.setShowVariable,variableValue:e.variableValue,setVariableValue:e.setVariableValue,placeholder:"Add a variable",customTrigger:e.customTrigger,isModalState:!0,onSearchBlur:e.onSearchBlur,selectWithTypes:e.selectWithTypes},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2SideModal.tsx",lineNumber:35,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2SideModal.tsx",lineNumber:34,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/add-variableV2/AddVariableV2SideModal.tsx",lineNumber:33,columnNumber:3},void 0),document.body);exports.AddVariableV2SideModal=t;
 //# sourceMappingURL=AddVariableV2SideModal.js.map

package/dist/cjs/components/add-variableV2/AddVariableV2SideModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddVariableV2SideModal.js","sources":["../../../../src/components/add-variableV2/AddVariableV2SideModal.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n\tAddVariableV2,\n\tVariableListInterfaceV2,\n} from '@src/components/add-variableV2/AddVariableV2';\nimport {\n\tSideModalContainer,\n\tSideModalStyle,\n} from '@src/components/side-modal/SideModal.style';\n\nexport interface VariableV2SideModalProps {\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\tleftPosition?: number;\n\tpickerSize?: string;\n\tzIndex?: number;\n\tonSearchBlur?: (e: any) => void;\n\tid?: string;\n\tselectWithTypes?: boolean;\n}\n\nexport const AddVariableV2SideModal: React.FC<VariableV2SideModalProps> = (\n\tprops,\n) => {\n\treturn ReactDOM.createPortal(\n\t\t<SideModalStyle zIndex={props.zIndex}>\n\t\t\t<SideModalContainer>\n\t\t\t\t<AddVariableV2\n\t\t\t\t\tdata={props.data}\n\t\t\t\t\tshowVariable={props.showVariable}\n\t\t\t\t\tsetShowVariable={props.setShowVariable}\n\t\t\t\t\tvariableValue={props.variableValue}\n\t\t\t\t\tsetVariableValue={props.setVariableValue}\n\t\t\t\t\tplaceholder={'Add a variable'}\n\t\t\t\t\tcustomTrigger={props.customTrigger}\n\t\t\t\t\tisModalState={true}\n\t\t\t\t\tonSearchBlur={props.onSearchBlur}\n\t\t\t\t\tselectWithTypes={props.selectWithTypes}\n\t\t\t\t/>\n\t\t\t</SideModalContainer>\n\t\t</SideModalStyle>,\n\t\tdocument.body,\n\t);\n};\n"],"names":["AddVariableV2SideModal","props","ReactDOM","SideModalStyle","SideModalContainer","jsxDEV","AddVariableV2","this"],"mappings":"6RA4BaA,EACZC,GAEOC,EAAAA,QAAS,sBACdC,EAAAA,eAAA,CAAe,OAAQF,EAAM,OAC7B,kBAACG,EAAAA,mBAAA,CACA,SAAAC,EAAAA,OAACC,EAAAA,cAAA,CACA,KAAML,EAAM,KACZ,aAAcA,EAAM,aACpB,gBAAiBA,EAAM,gBACvB,cAAeA,EAAM,cACrB,iBAAkBA,EAAM,iBACxB,YAAa,iBACb,cAAeA,EAAM,cACrB,aAAc,GACd,aAAcA,EAAM,aACpB,gBAAiBA,EAAM,eAAA,EAVxB,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,CAWA,EAZD,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAA,MAaA,CAAA,EAdD,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAA,MAeA,EACA,SAAS,IAAA"}
1	+ {"version":3,"file":"AddVariableV2SideModal.js","sources":["../../../../src/components/add-variableV2/AddVariableV2SideModal.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n\tAddVariableV2,\n\tVariableListInterfaceV2,\n} from '@src/components/add-variableV2/AddVariableV2';\nimport {\n\tSideModalContainer,\n\tSideModalStyle,\n} from '@src/components/side-modal/SideModal.style';\n\nexport interface VariableV2SideModalProps {\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\tleftPosition?: number;\n\tpickerSize?: string;\n\tzIndex?: number;\n\tonSearchBlur?: (e: any) => void;\n\tid?: string;\n\tselectWithTypes?: boolean;\n}\n\nexport const AddVariableV2SideModal: React.FC<VariableV2SideModalProps> = (\n\tprops,\n) => {\n\treturn ReactDOM.createPortal(\n\t\t<SideModalStyle zIndex={props.zIndex}>\n\t\t\t<SideModalContainer>\n\t\t\t\t<AddVariableV2\n\t\t\t\t\tdata={props.data}\n\t\t\t\t\tshowVariable={props.showVariable}\n\t\t\t\t\tsetShowVariable={props.setShowVariable}\n\t\t\t\t\tvariableValue={props.variableValue}\n\t\t\t\t\tsetVariableValue={props.setVariableValue}\n\t\t\t\t\tplaceholder={'Add a variable'}\n\t\t\t\t\tcustomTrigger={props.customTrigger}\n\t\t\t\t\tisModalState={true}\n\t\t\t\t\tonSearchBlur={props.onSearchBlur}\n\t\t\t\t\tselectWithTypes={props.selectWithTypes}\n\t\t\t\t/>\n\t\t\t</SideModalContainer>\n\t\t</SideModalStyle>,\n\t\tdocument.body,\n\t);\n};\n"],"names":["AddVariableV2SideModal","props","ReactDOM","SideModalStyle","SideModalContainer","jsxDEV","AddVariableV2","this"],"mappings":"6RA4BaA,EACZC,GAEOC,EAAAA,QAAS,sBACdC,EAAAA,eAAA,CAAe,OAAQF,EAAM,OAC7B,kBAACG,EAAAA,mBAAA,CACA,SAAAC,EAAAA,OAACC,EAAAA,cAAA,CACA,KAAML,EAAM,KACZ,aAAcA,EAAM,aACpB,gBAAiBA,EAAM,gBACvB,cAAeA,EAAM,cACrB,iBAAkBA,EAAM,iBACxB,YAAa,iBACb,cAAeA,EAAM,cACrB,aAAc,GACd,aAAcA,EAAM,aACpB,gBAAiBA,EAAM,eAAA,EAVxB,OAAA,GAAA,CAAA,SAAA,+GAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,CAWA,EAZD,OAAA,GAAA,CAAA,SAAA,+GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAaA,CAAA,EAdD,OAAA,GAAA,CAAA,SAAA,+GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAeA,EACA,SAAS,IAAA"}

package/dist/cjs/components/ai-modals/ActivateBikAI.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),l=require("../../constants/Theme.js"),m=require("../../assets/icons/graph.svg.js"),c=require("../../assets/icons/sparkle.svg.js"),d=require("../modals/Modal.js"),i=require("../TypographyStyle.js"),r=require("../button/Button.js"),u=({open:o,onModalClose:s,onRightBtnClick:t,onLeftBtnClick:a,source:n})=>e.jsxDEV(d.Modal,{open:o,centralContainerStyles:{height:"430px",width:"464px",borderRadius:"12px"},zIndex:40,onClose:s,closeOnOutsideClick:!0,children:e.jsxDEV("div",{children:[e.jsxDEV("div",{style:{height:"180px",width:"100%",backgroundColor:"rgba(142, 142, 142, 0.2)",display:"flex",justifyContent:"center",alignItems:"center",gap:"18px",padding:"24px"},children:[e.jsxDEV("div",{children:e.jsxDEV(m.default,{width:100,height:90},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:43,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:42,columnNumber:6},void 0),e.jsxDEV("div",{children:n==="CHATBOT"?e.jsxDEV(i.TitleMedium,{children:"Unlock higher conversion and ease agent work with BIK.AI"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:47,columnNumber:8},void 0):e.jsxDEV(i.TitleMedium,{children:"Experience reduced Average Handling Time of your tickets with Bik.AI!"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:51,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:45,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:30,columnNumber:5},void 0),e.jsxDEV("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",gap:"16px",padding:"24px"},children:[e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:"4px"},children:[e.jsxDEV(i.TitleLarge,{children:"Activate BIK AI"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:76,columnNumber:7},void 0),e.jsxDEV(c.default,{width:32,height:32},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:77,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:69,columnNumber:6},void 0),n==="CHATBOT"?e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[e.jsxDEV(i.BodyPrimary,{color:"#888888",children:"Sync your Shopify Data to Bik.AI to supercharge it with"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:89,columnNumber:8},void 0),e.jsxDEV(i.BodyPrimary,{color:"#888888",children:"your store’s data to start personalizing it to your"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:93,columnNumber:8},void 0),e.jsxDEV(i.BodyPrimary,{color:"#888888",children:"customers!"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:97,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:81,columnNumber:7},void 0):e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[e.jsxDEV(i.BodyPrimary,{color:"#888888",children:["Sync your Shopify Data to Bik.AI to supercharge it with"," "]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:108,columnNumber:8},void 0),e.jsxDEV(i.BodyPrimary,{color:"#888888",children:"your store’s data to start responding to customer"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:112,columnNumber:8},void 0),e.jsxDEV(i.BodyPrimary,{color:"#888888",children:"queries right away!"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:116,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:100,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:59,columnNumber:5},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px",paddingBottom:"24px",paddingLeft:"24px",paddingRight:"24px"},children:[e.jsxDEV(r.Button,{buttonText:"Learn More",buttonType:"text",size:"large",onClick:a},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:133,columnNumber:6},void 0),e.jsxDEV(r.Button,{buttonText:"Sync Shopify Data",size:"large",style:{backgroundColor:l.COLORS.background.brand},onClick:t},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:139,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:121,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:29,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:18,columnNumber:3},void 0);exports.ActivateBikAi=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),l=require("../../constants/Theme.js"),d=require("../../assets/icons/graph.svg.js"),c=require("../../assets/icons/sparkle.svg.js"),m=require("../modals/Modal.js"),i=require("../TypographyStyle.js"),o=require("../button/Button.js"),u=({open:r,onModalClose:s,onRightBtnClick:a,onLeftBtnClick:t,source:n})=>e.jsxDEV(m.Modal,{open:r,centralContainerStyles:{height:"430px",width:"464px",borderRadius:"12px"},zIndex:40,onClose:s,closeOnOutsideClick:!0,children:e.jsxDEV("div",{children:[e.jsxDEV("div",{style:{height:"180px",width:"100%",backgroundColor:"rgba(142, 142, 142, 0.2)",display:"flex",justifyContent:"center",alignItems:"center",gap:"18px",padding:"24px"},children:[e.jsxDEV("div",{children:e.jsxDEV(d.default,{width:100,height:90},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:43,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:42,columnNumber:6},void 0),e.jsxDEV("div",{children:n==="CHATBOT"?e.jsxDEV(i.TitleMedium,{children:"Unlock higher conversion and ease agent work with BIK.AI"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:47,columnNumber:8},void 0):e.jsxDEV(i.TitleMedium,{children:"Experience reduced Average Handling Time of your tickets with Bik.AI!"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:51,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:45,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:30,columnNumber:5},void 0),e.jsxDEV("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",gap:"16px",padding:"24px"},children:[e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:"4px"},children:[e.jsxDEV(i.TitleLarge,{children:"Activate BIK AI"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:76,columnNumber:7},void 0),e.jsxDEV(c.default,{width:32,height:32},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:77,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:69,columnNumber:6},void 0),n==="CHATBOT"?e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[e.jsxDEV(i.BodyPrimary,{color:"#888888",children:"Sync your Shopify Data to Bik.AI to supercharge it with"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:89,columnNumber:8},void 0),e.jsxDEV(i.BodyPrimary,{color:"#888888",children:"your store’s data to start personalizing it to your"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:93,columnNumber:8},void 0),e.jsxDEV(i.BodyPrimary,{color:"#888888",children:"customers!"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:97,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:81,columnNumber:7},void 0):e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[e.jsxDEV(i.BodyPrimary,{color:"#888888",children:["Sync your Shopify Data to Bik.AI to supercharge it with"," "]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:108,columnNumber:8},void 0),e.jsxDEV(i.BodyPrimary,{color:"#888888",children:"your store’s data to start responding to customer"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:112,columnNumber:8},void 0),e.jsxDEV(i.BodyPrimary,{color:"#888888",children:"queries right away!"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:116,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:100,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:59,columnNumber:5},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px",paddingBottom:"24px",paddingLeft:"24px",paddingRight:"24px"},children:[e.jsxDEV(o.Button,{buttonText:"Learn More",buttonType:"text",size:"large",onClick:t},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:133,columnNumber:6},void 0),e.jsxDEV(o.Button,{buttonText:"Sync Shopify Data",size:"large",style:{backgroundColor:l.COLORS.background.brand},onClick:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:139,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:121,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:29,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/ActivateBikAI.tsx",lineNumber:18,columnNumber:3},void 0);exports.ActivateBikAi=u;
 //# sourceMappingURL=ActivateBikAI.js.map

package/dist/cjs/components/ai-modals/ActivateBikAI.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivateBikAI.js","sources":["../../../../src/components/ai-modals/ActivateBikAI.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport Graph from '../../assets/icons/graph.svg';\nimport Sparkle from '../../assets/icons/sparkle.svg';\nimport { Button } from '../button';\nimport { Modal } from '../modals/Modal';\nimport { POD } from '../template-preview/models/WhatsAppTemplate';\nimport { BodyPrimary, TitleLarge, TitleMedium } from '../TypographyStyle';\n\nexport const ActivateBikAi: React.FC<{\n\topen: boolean;\n\tonModalClose: () => void;\n\tonRightBtnClick: () => void;\n\tonLeftBtnClick: () => void;\n\tsource: POD.CHATBOT \| POD.CRM;\n}> = ({ open, onModalClose, onRightBtnClick, onLeftBtnClick, source }) => {\n\treturn (\n\t\t<Modal\n\t\t\topen={open}\n\t\t\tcentralContainerStyles={{\n\t\t\t\theight: '430px',\n\t\t\t\twidth: '464px',\n\t\t\t\tborderRadius: '12px',\n\t\t\t}}\n\t\t\tzIndex={40}\n\t\t\tonClose={onModalClose}\n\t\t\tcloseOnOutsideClick\n\t\t>\n\t\t\t<div>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: '180px',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\tbackgroundColor: 'rgba(142, 142, 142, 0.2)',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tgap: '18px',\n\t\t\t\t\t\tpadding: '24px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<Graph width={100} height={90} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{source === 'CHATBOT' ? (\n\t\t\t\t\t\t\t<TitleMedium>\n\t\t\t\t\t\t\t\tUnlock higher conversion and ease agent work with BIK.AI\n\t\t\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<TitleMedium>\n\t\t\t\t\t\t\t\tExperience reduced Average Handling Time of your tickets with\n\t\t\t\t\t\t\t\tBik.AI!\n\t\t\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\tgap: '16px',\n\t\t\t\t\t\tpadding: '24px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tgap: '4px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<TitleLarge>Activate BIK AI</TitleLarge>\n\t\t\t\t\t\t<Sparkle width={32} height={32} />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{source === 'CHATBOT' ? (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BodyPrimary color=\"#888888\">\n\t\t\t\t\t\t\t\tSync your Shopify Data to Bik.AI to supercharge it with\n\t\t\t\t\t\t\t</BodyPrimary>\n\n\t\t\t\t\t\t\t<BodyPrimary color=\"#888888\">\n\t\t\t\t\t\t\t\tyour store’s data to start personalizing it to your\n\t\t\t\t\t\t\t</BodyPrimary>\n\n\t\t\t\t\t\t\t<BodyPrimary color=\"#888888\">customers!</BodyPrimary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BodyPrimary color=\"#888888\">\n\t\t\t\t\t\t\t\tSync your Shopify Data to Bik.AI to supercharge it with{' '}\n\t\t\t\t\t\t\t</BodyPrimary>\n\n\t\t\t\t\t\t\t<BodyPrimary color=\"#888888\">\n\t\t\t\t\t\t\t\tyour store’s data to start responding to customer\n\t\t\t\t\t\t\t</BodyPrimary>\n\n\t\t\t\t\t\t\t<BodyPrimary color=\"#888888\">queries right away!</BodyPrimary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tgap: '12px',\n\t\t\t\t\t\tpaddingBottom: '24px',\n\t\t\t\t\t\tpaddingLeft: '24px',\n\t\t\t\t\t\tpaddingRight: '24px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={'Learn More'}\n\t\t\t\t\t\tbuttonType=\"text\"\n\t\t\t\t\t\tsize=\"large\"\n\t\t\t\t\t\tonClick={onLeftBtnClick}\n\t\t\t\t\t/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={'Sync Shopify Data'}\n\t\t\t\t\t\tsize=\"large\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackgroundColor: COLORS.background.brand,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={onRightBtnClick}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Modal>\n\t);\n};\n"],"names":["ActivateBikAi","open","onModalClose","onRightBtnClick","onLeftBtnClick","source","jsxDEV","Modal","Graph","this","TitleMedium","TitleLarge","Sparkle","BodyPrimary","Button","COLORS"],"mappings":"+VASaA,EAMR,CAAC,CAAE,KAAAC,EAAM,aAAAC,EAAc,gBAAAC,EAAiB,eAAAC,EAAgB,OAAAC,KAE3DC,EAAAA,OAACC,EAAAA,MAAA,CACA,KAAAN,EACA,uBAAwB,CACvB,OAAQ,QACR,MAAO,QACP,aAAc,MAAA,EAEf,OAAQ,GACR,QAASC,EACT,oBAAmB,GAEnB,kBAAC,MAAA,CACA,SAAA,CAAAI,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,OAAQ,QACR,MAAO,OACP,gBAAiB,2BACjB,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,IAAK,OACL,QAAS,MAAA,EAGV,SAAA,CAAAA,EAAAA,OAAC,OACA,SAAAA,EAAAA,OAACE,EAAAA,QAAA,CAAM,MAAO,IAAK,OAAQ,IAA3B,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAC,MAA+B,CAAA,EADhC,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,WACC,MAAA,CACC,SAAAJ,IAAW,UACXC,EAAAA,OAACI,EAAAA,aAAY,SAAA,4DAAb,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAD,MAEA,EAEAH,EAAAA,OAACI,EAAAA,YAAA,CAAY,SAAA,uEAAA,EAAb,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAD,MAGA,CAAA,EATF,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAWA,CAAA,CAAA,EA1BD,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EA6BAH,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,cAAe,SACf,IAAK,OACL,QAAS,MAAA,EAGV,SAAA,CAAAA,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,IAAK,KAAA,EAGN,SAAA,CAAAA,EAAAA,OAACK,EAAAA,YAAW,SAAA,iBAAA,EAAZ,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAF,MAA2B,EAC3BH,SAACM,EAAAA,QAAA,CAAQ,MAAO,GAAI,OAAQ,EAAA,EAA5B,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAgC,CAAA,CAAA,EARjC,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAWCJ,IAAW,UACXC,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,SACf,eAAgB,SAChB,WAAY,QAAA,EAGb,SAAA,CAAAA,SAACO,EAAAA,YAAA,CAAY,MAAM,UAAU,SAAA,yDAAA,EAA7B,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAJ,MAEA,EAEAH,SAACO,EAAAA,YAAA,CAAY,MAAM,UAAU,SAAA,qDAAA,EAA7B,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAJ,MAEA,EAEAH,SAACO,EAAAA,YAAA,CAAY,MAAM,UAAU,SAAA,YAAA,EAA7B,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAJ,MAAuC,CAAA,CAAA,EAhBxC,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAmBAH,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,SACf,eAAgB,SAChB,WAAY,QAAA,EAGb,SAAA,CAAAA,EAAAA,OAACO,EAAAA,YAAA,CAAY,MAAM,UAAU,SAAA,CAAA,0DAC4B,GAAA,CAAA,EADzD,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAJ,MAEA,EAEAH,SAACO,EAAAA,YAAA,CAAY,MAAM,UAAU,SAAA,mDAAA,EAA7B,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAJ,MAEA,EAEAH,SAACO,EAAAA,YAAA,CAAY,MAAM,UAAU,SAAA,qBAAA,EAA7B,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAJ,MAAgD,CAAA,CAAA,EAhBjD,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAiBA,CAAA,EA1DF,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EA8DAH,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,eAAgB,WAChB,WAAY,SACZ,IAAK,OACL,cAAe,OACf,YAAa,OACb,aAAc,MAAA,EAGf,SAAA,CAAAA,EAAAA,OAACQ,EAAAA,OAAA,CACA,WAAY,aACZ,WAAW,OACX,KAAK,QACL,QAASV,CAAA,EAJV,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAK,MAAA,EAMAH,EAAAA,OAACQ,EAAAA,OAAA,CACA,WAAY,oBACZ,KAAK,QACL,MAAO,CACN,gBAAiBC,EAAAA,OAAO,WAAW,KAAA,EAEpC,QAASZ,CAAA,EANV,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAM,MAAA,CAOA,CAAA,EAzBD,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CA0BA,CAAA,EAtHD,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAuHA,CAAA,EAlID,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA"}
1	+ {"version":3,"file":"ActivateBikAI.js","sources":["../../../../src/components/ai-modals/ActivateBikAI.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport Graph from '../../assets/icons/graph.svg';\nimport Sparkle from '../../assets/icons/sparkle.svg';\nimport { Button } from '../button';\nimport { Modal } from '../modals/Modal';\nimport { POD } from '../template-preview/models/WhatsAppTemplate';\nimport { BodyPrimary, TitleLarge, TitleMedium } from '../TypographyStyle';\n\nexport const ActivateBikAi: React.FC<{\n\topen: boolean;\n\tonModalClose: () => void;\n\tonRightBtnClick: () => void;\n\tonLeftBtnClick: () => void;\n\tsource: POD.CHATBOT \| POD.CRM;\n}> = ({ open, onModalClose, onRightBtnClick, onLeftBtnClick, source }) => {\n\treturn (\n\t\t<Modal\n\t\t\topen={open}\n\t\t\tcentralContainerStyles={{\n\t\t\t\theight: '430px',\n\t\t\t\twidth: '464px',\n\t\t\t\tborderRadius: '12px',\n\t\t\t}}\n\t\t\tzIndex={40}\n\t\t\tonClose={onModalClose}\n\t\t\tcloseOnOutsideClick\n\t\t>\n\t\t\t<div>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: '180px',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\tbackgroundColor: 'rgba(142, 142, 142, 0.2)',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tgap: '18px',\n\t\t\t\t\t\tpadding: '24px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<Graph width={100} height={90} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{source === 'CHATBOT' ? (\n\t\t\t\t\t\t\t<TitleMedium>\n\t\t\t\t\t\t\t\tUnlock higher conversion and ease agent work with BIK.AI\n\t\t\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<TitleMedium>\n\t\t\t\t\t\t\t\tExperience reduced Average Handling Time of your tickets with\n\t\t\t\t\t\t\t\tBik.AI!\n\t\t\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\tgap: '16px',\n\t\t\t\t\t\tpadding: '24px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tgap: '4px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<TitleLarge>Activate BIK AI</TitleLarge>\n\t\t\t\t\t\t<Sparkle width={32} height={32} />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{source === 'CHATBOT' ? (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BodyPrimary color=\"#888888\">\n\t\t\t\t\t\t\t\tSync your Shopify Data to Bik.AI to supercharge it with\n\t\t\t\t\t\t\t</BodyPrimary>\n\n\t\t\t\t\t\t\t<BodyPrimary color=\"#888888\">\n\t\t\t\t\t\t\t\tyour store’s data to start personalizing it to your\n\t\t\t\t\t\t\t</BodyPrimary>\n\n\t\t\t\t\t\t\t<BodyPrimary color=\"#888888\">customers!</BodyPrimary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BodyPrimary color=\"#888888\">\n\t\t\t\t\t\t\t\tSync your Shopify Data to Bik.AI to supercharge it with{' '}\n\t\t\t\t\t\t\t</BodyPrimary>\n\n\t\t\t\t\t\t\t<BodyPrimary color=\"#888888\">\n\t\t\t\t\t\t\t\tyour store’s data to start responding to customer\n\t\t\t\t\t\t\t</BodyPrimary>\n\n\t\t\t\t\t\t\t<BodyPrimary color=\"#888888\">queries right away!</BodyPrimary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tgap: '12px',\n\t\t\t\t\t\tpaddingBottom: '24px',\n\t\t\t\t\t\tpaddingLeft: '24px',\n\t\t\t\t\t\tpaddingRight: '24px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={'Learn More'}\n\t\t\t\t\t\tbuttonType=\"text\"\n\t\t\t\t\t\tsize=\"large\"\n\t\t\t\t\t\tonClick={onLeftBtnClick}\n\t\t\t\t\t/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={'Sync Shopify Data'}\n\t\t\t\t\t\tsize=\"large\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackgroundColor: COLORS.background.brand,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={onRightBtnClick}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Modal>\n\t);\n};\n"],"names":["ActivateBikAi","open","onModalClose","onRightBtnClick","onLeftBtnClick","source","jsxDEV","Modal","Graph","this","TitleMedium","TitleLarge","Sparkle","BodyPrimary","Button","COLORS"],"mappings":"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"}

package/dist/cjs/components/ai-modals/AiCreditsExhausted.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),i=require("../../constants/Theme.js"),m=require("../../assets/icons/alert_triangle.svg.js"),n=require("../button/Button.js"),d=require("../modals/Modal.js"),s=require("../TypographyStyle.js"),u=require("../progress-bar/ProgressBarComponent.js"),c=({open:r,onModalClose:o,body:t,onRightBtnClick:a,onLeftBtnClick:l})=>e.jsxDEV(d.Modal,{open:r,centralContainerStyles:{width:"498px",height:"312px",borderRadius:"12px"},onClose:o,closeOnOutsideClick:!0,zIndex:40,children:e.jsxDEV("div",{style:{padding:"24px",display:"flex",flexDirection:"column"},children:[e.jsxDEV("div",{style:{display:"flex",justifyContent:"center"},children:e.jsxDEV(s.TitleLarge,{children:"Free AI Credits Exhausted"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:47,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:41,columnNumber:5},void 0),e.jsxDEV("div",{style:{height:"24px"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:50,columnNumber:5},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"},children:[e.jsxDEV(m.default,{color:i.COLORS.content.negative,width:20,height:20},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:67,columnNumber:7},void 0),e.jsxDEV("div",{style:{width:"8px"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:72,columnNumber:7},void 0),e.jsxDEV(s.TitleRegular,{children:"0/100"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:73,columnNumber:7},void 0),e.jsxDEV(s.BodySecondary,{color:i.COLORS.content.secondary,children:"Free Credits left"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:74,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:59,columnNumber:6},void 0),e.jsxDEV(u.ProgressBarComponent,{completed:100,isAnimated:!1,height:16,color:i.COLORS.content.negative},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:78,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:52,columnNumber:5},void 0),e.jsxDEV("div",{style:{height:"24px"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:85,columnNumber:5},void 0),e.jsxDEV(s.BodyPrimary,{color:i.COLORS.content.secondary,children:t||"Contact support to add credits to generate replies using AI, and enjoy continued AI assistance!"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:87,columnNumber:5},void 0),e.jsxDEV("div",{style:{height:"44px"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:92,columnNumber:5},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"},children:[e.jsxDEV(n.Button,{buttonText:"Learn More",buttonType:"text",size:"small",onClick:l},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:104,columnNumber:6},void 0),e.jsxDEV(n.Button,{buttonText:"Contact Support",size:"small",style:{backgroundColor:i.COLORS.background.brand},onClick:a},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:111,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:94,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:34,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:23,columnNumber:3},void 0);exports.AiCreditsExhausted=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),n=require("../../constants/Theme.js"),l=require("../../assets/icons/alert_triangle.svg.js"),s=require("../button/Button.js"),m=require("../modals/Modal.js"),o=require("../TypographyStyle.js"),u=require("../progress-bar/ProgressBarComponent.js"),c=({open:i,onModalClose:r,body:a,onRightBtnClick:d,onLeftBtnClick:t})=>e.jsxDEV(m.Modal,{open:i,centralContainerStyles:{width:"498px",height:"312px",borderRadius:"12px"},onClose:r,closeOnOutsideClick:!0,zIndex:40,children:e.jsxDEV("div",{style:{padding:"24px",display:"flex",flexDirection:"column"},children:[e.jsxDEV("div",{style:{display:"flex",justifyContent:"center"},children:e.jsxDEV(o.TitleLarge,{children:"Free AI Credits Exhausted"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:47,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:41,columnNumber:5},void 0),e.jsxDEV("div",{style:{height:"24px"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:50,columnNumber:5},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"},children:[e.jsxDEV(l.default,{color:n.COLORS.content.negative,width:20,height:20},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:67,columnNumber:7},void 0),e.jsxDEV("div",{style:{width:"8px"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:72,columnNumber:7},void 0),e.jsxDEV(o.TitleRegular,{children:"0/100"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:73,columnNumber:7},void 0),e.jsxDEV(o.BodySecondary,{color:n.COLORS.content.secondary,children:"Free Credits left"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:74,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:59,columnNumber:6},void 0),e.jsxDEV(u.ProgressBarComponent,{completed:100,isAnimated:!1,height:16,color:n.COLORS.content.negative},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:78,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:52,columnNumber:5},void 0),e.jsxDEV("div",{style:{height:"24px"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:85,columnNumber:5},void 0),e.jsxDEV(o.BodyPrimary,{color:n.COLORS.content.secondary,children:a||"Contact support to add credits to generate replies using AI, and enjoy continued AI assistance!"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:87,columnNumber:5},void 0),e.jsxDEV("div",{style:{height:"44px"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:92,columnNumber:5},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"},children:[e.jsxDEV(s.Button,{buttonText:"Learn More",buttonType:"text",size:"small",onClick:t},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:104,columnNumber:6},void 0),e.jsxDEV(s.Button,{buttonText:"Contact Support",size:"small",style:{backgroundColor:n.COLORS.background.brand},onClick:d},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:111,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:94,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:34,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsExhausted.tsx",lineNumber:23,columnNumber:3},void 0);exports.AiCreditsExhausted=c;
 //# sourceMappingURL=AiCreditsExhausted.js.map

package/dist/cjs/components/ai-modals/AiCreditsExhausted.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AiCreditsExhausted.js","sources":["../../../../src/components/ai-modals/AiCreditsExhausted.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport AlertTriangle from '../../assets/icons/alert_triangle.svg';\nimport { Button } from '../button/Button';\nimport { Modal } from '../modals/Modal';\nimport { ProgressBarComponent } from '../progress-bar';\nimport {\n\tBodyPrimary,\n\tBodySecondary,\n\tTitleLarge,\n\tTitleRegular,\n} from '../TypographyStyle';\n\nexport const AiCreditsExhausted: React.FC<{\n\topen: boolean;\n\tonModalClose: () => void;\n\tbody?: string;\n\tonRightBtnClick: () => void;\n\tonLeftBtnClick: () => void;\n\n}> = ({ open, onModalClose, body, onRightBtnClick, onLeftBtnClick }) => {\n\treturn (\n\t\t<Modal\n\t\t\topen={open}\n\t\t\tcentralContainerStyles={{\n\t\t\t\twidth: '498px',\n\t\t\t\theight: '312px',\n\t\t\t\tborderRadius: '12px',\n\t\t\t}}\n\t\t\tonClose={onModalClose}\n\t\t\tcloseOnOutsideClick\n\t\t\tzIndex={40}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tpadding: '24px',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<TitleLarge>Free AI Credits Exhausted</TitleLarge>\n\t\t\t\t</div>\n\n\t\t\t\t<div style={{ height: '24px' }}></div>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\tgap: '12px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\tgap: '4px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<AlertTriangle\n\t\t\t\t\t\t\tcolor={COLORS.content.negative}\n\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div style={{ width: '8px' }}></div>\n\t\t\t\t\t\t<TitleRegular>0/100</TitleRegular>\n\t\t\t\t\t\t<BodySecondary color={COLORS.content.secondary}>\n\t\t\t\t\t\t\tFree Credits left\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ProgressBarComponent\n\t\t\t\t\t\tcompleted={100}\n\t\t\t\t\t\tisAnimated={false}\n\t\t\t\t\t\theight={16}\n\t\t\t\t\t\tcolor={COLORS.content.negative}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div style={{ height: '24px' }}></div>\n\n\t\t\t\t<BodyPrimary color={COLORS.content.secondary}>\n\t\t\t\t\t{body \|\|\n\t\t\t\t\t\t'Contact support to add credits to generate replies using AI, and enjoy continued AI assistance!'}\n\t\t\t\t</BodyPrimary>\n\n\t\t\t\t<div style={{ height: '44px' }}></div>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tgap: '12px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={'Learn More'}\n\t\t\t\t\t\tbuttonType=\"text\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tonClick={onLeftBtnClick}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={'Contact Support'}\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackgroundColor: COLORS.background.brand,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={onRightBtnClick}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Modal>\n\t);\n};\n"],"names":["AiCreditsExhausted","open","onModalClose","body","onRightBtnClick","onLeftBtnClick","jsxDEV","Modal","TitleLarge","this","AlertTriangle","COLORS","TitleRegular","BodySecondary","ProgressBarComponent","BodyPrimary","Button"],"mappings":"8WAaaA,EAOR,CAAC,CAAE,KAAAC,EAAM,aAAAC,EAAc,KAAAC,EAAM,gBAAAC,EAAiB,eAAAC,KAEjDC,EAAAA,OAACC,EAAAA,MAAA,CACA,KAAAN,EACA,uBAAwB,CACvB,MAAO,QACP,OAAQ,QACR,aAAc,MAAA,EAEf,QAASC,EACT,oBAAmB,GACnB,OAAQ,GAER,SAAAI,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,QAAS,OACT,cAAe,QAAA,EAGhB,SAAA,CAAAA,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,eAAgB,QAAA,EAGjB,SAAAA,EAAAA,OAACE,cAAW,SAAA,2BAAA,EAAZ,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAqC,CAAA,EANtC,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,WASC,MAAA,CAAI,MAAO,CAAE,OAAQ,OAAO,EAA7B,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAgC,EAEhCH,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,SACf,IAAK,MAAA,EAGN,SAAA,CAAAA,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,WAAY,SACZ,IAAK,KAAA,EAGN,SAAA,CAAAA,EAAAA,OAACI,EAAAA,QAAA,CACA,MAAOC,EAAAA,OAAO,QAAQ,SACtB,MAAO,GACP,OAAQ,EAAA,EAHT,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAA,WAKC,MAAA,CAAI,MAAO,CAAE,MAAO,MAAM,EAA3B,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAA8B,EAC9BH,EAAAA,OAACM,EAAAA,cAAa,SAAA,OAAA,EAAd,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAmB,WAClBI,EAAAA,cAAA,CAAc,MAAOF,SAAO,QAAQ,UAAW,SAAA,qBAAhD,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAF,MAEA,CAAA,CAAA,EAjBD,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAmBAH,EAAAA,OAACQ,EAAAA,qBAAA,CACA,UAAW,IACX,WAAY,GACZ,OAAQ,GACR,MAAOH,EAAAA,OAAO,QAAQ,QAAA,EAJvB,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAA,CAKA,CAAA,EA/BD,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,WAiCC,MAAA,CAAI,MAAO,CAAE,OAAQ,OAAO,EAA7B,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAgC,WAE/BM,EAAAA,YAAA,CAAY,MAAOJ,EAAAA,OAAO,QAAQ,UACjC,YACA,mGAFF,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAF,MAGA,WAEC,MAAA,CAAI,MAAO,CAAE,OAAQ,OAAO,EAA7B,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAgC,EAEhCH,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,eAAgB,WAChB,WAAY,SACZ,IAAK,MAAA,EAIN,SAAA,CAAAA,EAAAA,OAACU,EAAAA,OAAA,CACA,WAAY,aACZ,WAAW,OACX,KAAK,QACL,QAASX,CAAA,EAJV,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAI,MAAA,EAOAH,EAAAA,OAACU,EAAAA,OAAA,CACA,WAAY,kBACZ,KAAK,QACL,MAAO,CACN,gBAAiBL,EAAAA,OAAO,WAAW,KAAA,EAEpC,QAASP,CAAA,EANV,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAK,MAAA,CAOA,CAAA,EAxBD,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAyBA,CAAA,EArFD,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAsFA,EAjGD,OAAA,GAAA,CAAA,SAAA,~~qIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA"}
1	+ {"version":3,"file":"AiCreditsExhausted.js","sources":["../../../../src/components/ai-modals/AiCreditsExhausted.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport AlertTriangle from '../../assets/icons/alert_triangle.svg';\nimport { Button } from '../button/Button';\nimport { Modal } from '../modals/Modal';\nimport { ProgressBarComponent } from '../progress-bar';\nimport {\n\tBodyPrimary,\n\tBodySecondary,\n\tTitleLarge,\n\tTitleRegular,\n} from '../TypographyStyle';\n\nexport const AiCreditsExhausted: React.FC<{\n\topen: boolean;\n\tonModalClose: () => void;\n\tbody?: string;\n\tonRightBtnClick: () => void;\n\tonLeftBtnClick: () => void;\n\n}> = ({ open, onModalClose, body, onRightBtnClick, onLeftBtnClick }) => {\n\treturn (\n\t\t<Modal\n\t\t\topen={open}\n\t\t\tcentralContainerStyles={{\n\t\t\t\twidth: '498px',\n\t\t\t\theight: '312px',\n\t\t\t\tborderRadius: '12px',\n\t\t\t}}\n\t\t\tonClose={onModalClose}\n\t\t\tcloseOnOutsideClick\n\t\t\tzIndex={40}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tpadding: '24px',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<TitleLarge>Free AI Credits Exhausted</TitleLarge>\n\t\t\t\t</div>\n\n\t\t\t\t<div style={{ height: '24px' }}></div>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\tgap: '12px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\tgap: '4px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<AlertTriangle\n\t\t\t\t\t\t\tcolor={COLORS.content.negative}\n\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div style={{ width: '8px' }}></div>\n\t\t\t\t\t\t<TitleRegular>0/100</TitleRegular>\n\t\t\t\t\t\t<BodySecondary color={COLORS.content.secondary}>\n\t\t\t\t\t\t\tFree Credits left\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ProgressBarComponent\n\t\t\t\t\t\tcompleted={100}\n\t\t\t\t\t\tisAnimated={false}\n\t\t\t\t\t\theight={16}\n\t\t\t\t\t\tcolor={COLORS.content.negative}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div style={{ height: '24px' }}></div>\n\n\t\t\t\t<BodyPrimary color={COLORS.content.secondary}>\n\t\t\t\t\t{body \|\|\n\t\t\t\t\t\t'Contact support to add credits to generate replies using AI, and enjoy continued AI assistance!'}\n\t\t\t\t</BodyPrimary>\n\n\t\t\t\t<div style={{ height: '44px' }}></div>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tgap: '12px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={'Learn More'}\n\t\t\t\t\t\tbuttonType=\"text\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tonClick={onLeftBtnClick}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={'Contact Support'}\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackgroundColor: COLORS.background.brand,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={onRightBtnClick}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Modal>\n\t);\n};\n"],"names":["AiCreditsExhausted","open","onModalClose","body","onRightBtnClick","onLeftBtnClick","jsxDEV","Modal","TitleLarge","this","AlertTriangle","COLORS","TitleRegular","BodySecondary","ProgressBarComponent","BodyPrimary","Button"],"mappings":"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"}

package/dist/cjs/components/ai-modals/AiCreditsLow.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),i=require("../../constants/Theme.js"),l=require("../../assets/icons/alert_triangle.svg.js"),r=require("../button/Button.js"),m=require("../modals/Modal.js"),o=require("../TypographyStyle.js"),d=({open:s,onModalClose:n,onLeftBtnClick:t,onRightBtnClick:a})=>e.jsxDEV(m.Modal,{open:s,centralContainerStyles:{width:"498px",borderRadius:"12px"},onClose:n,closeOnOutsideClick:!0,zIndex:40,children:e.jsxDEV("div",{style:{padding:"24px",display:"flex",flexDirection:"column",width:"100%"},children:[e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e.jsxDEV("div",{style:{backgroundColor:i.COLORS.background.negative.light,width:"64px",height:"64px",padding:"12px",borderRadius:"40px"},children:e.jsxDEV(l.default,{width:40,height:40,color:i.COLORS.content.negative},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:49,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:40,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:33,columnNumber:5},void 0),e.jsxDEV("div",{style:{height:"32px"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:57,columnNumber:5},void 0),e.jsxDEV(o.TitleLarge,{children:"Your AI Credits are running low"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:59,columnNumber:5},void 0),e.jsxDEV("div",{style:{height:"24px"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:61,columnNumber:5},void 0),e.jsxDEV(o.BodyPrimary,{color:i.COLORS.content.secondary,children:"Recharge your credits now to ensure uninterrupted service."},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:63,columnNumber:5},void 0),e.jsxDEV("div",{style:{height:"12px"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:67,columnNumber:5},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e.jsxDEV(o.BodyPrimary,{color:i.COLORS.content.secondary,children:"Don’t let the growth stop. Add AI Credits"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:76,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:69,columnNumber:5},void 0),e.jsxDEV("div",{style:{height:"32px"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:81,columnNumber:5},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"},children:[e.jsxDEV(r.Button,{buttonText:"Close",buttonType:"text",size:"small",onClick:t},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:92,columnNumber:6},void 0),e.jsxDEV(r.Button,{buttonText:"Contact Support",size:"small",style:{backgroundColor:i.COLORS.background.brand},onClick:a},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:98,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:83,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:25,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:15,columnNumber:3},void 0);exports.AiCreditsLow=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),o=require("../../constants/Theme.js"),t=require("../../assets/icons/alert_triangle.svg.js"),i=require("../button/Button.js"),a=require("../modals/Modal.js"),n=require("../TypographyStyle.js"),m=({open:s,onModalClose:r,onLeftBtnClick:l,onRightBtnClick:d})=>e.jsxDEV(a.Modal,{open:s,centralContainerStyles:{width:"498px",borderRadius:"12px"},onClose:r,closeOnOutsideClick:!0,zIndex:40,children:e.jsxDEV("div",{style:{padding:"24px",display:"flex",flexDirection:"column",width:"100%"},children:[e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e.jsxDEV("div",{style:{backgroundColor:o.COLORS.background.negative.light,width:"64px",height:"64px",padding:"12px",borderRadius:"40px"},children:e.jsxDEV(t.default,{width:40,height:40,color:o.COLORS.content.negative},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:49,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:40,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:33,columnNumber:5},void 0),e.jsxDEV("div",{style:{height:"32px"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:57,columnNumber:5},void 0),e.jsxDEV(n.TitleLarge,{children:"Your AI Credits are running low"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:59,columnNumber:5},void 0),e.jsxDEV("div",{style:{height:"24px"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:61,columnNumber:5},void 0),e.jsxDEV(n.BodyPrimary,{color:o.COLORS.content.secondary,children:"Recharge your credits now to ensure uninterrupted service."},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:63,columnNumber:5},void 0),e.jsxDEV("div",{style:{height:"12px"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:67,columnNumber:5},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e.jsxDEV(n.BodyPrimary,{color:o.COLORS.content.secondary,children:"Don’t let the growth stop. Add AI Credits"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:76,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:69,columnNumber:5},void 0),e.jsxDEV("div",{style:{height:"32px"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:81,columnNumber:5},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"},children:[e.jsxDEV(i.Button,{buttonText:"Close",buttonType:"text",size:"small",onClick:l},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:92,columnNumber:6},void 0),e.jsxDEV(i.Button,{buttonText:"Contact Support",size:"small",style:{backgroundColor:o.COLORS.background.brand},onClick:d},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:98,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:83,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:25,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiCreditsLow.tsx",lineNumber:15,columnNumber:3},void 0);exports.AiCreditsLow=m;
 //# sourceMappingURL=AiCreditsLow.js.map

package/dist/cjs/components/ai-modals/AiCreditsLow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AiCreditsLow.js","sources":["../../../../src/components/ai-modals/AiCreditsLow.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport AlertTriangle from '../../assets/icons/alert_triangle.svg';\nimport { Button } from '../button/Button';\nimport { Modal } from '../modals/Modal';\nimport { BodyPrimary, TitleLarge } from '../TypographyStyle';\n\nexport const AiCreditsLow: React.FC<{\n\topen: boolean;\n\tonModalClose: () => void;\n\tonRightBtnClick: () => void;\n\tonLeftBtnClick: () => void;\n}> = ({ open, onModalClose, onLeftBtnClick, onRightBtnClick }) => {\n\treturn (\n\t\t<Modal\n\t\t\topen={open}\n\t\t\tcentralContainerStyles={{\n\t\t\t\twidth: '498px',\n\t\t\t\tborderRadius: '12px',\n\t\t\t}}\n\t\t\tonClose={onModalClose}\n\t\t\tcloseOnOutsideClick\n\t\t\tzIndex={40}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tpadding: '24px',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\twidth: '100%',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackgroundColor: COLORS.background.negative.light,\n\t\t\t\t\t\t\twidth: '64px',\n\t\t\t\t\t\t\theight: '64px',\n\t\t\t\t\t\t\tpadding: '12px',\n\t\t\t\t\t\t\tborderRadius: '40px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<AlertTriangle\n\t\t\t\t\t\t\twidth={40}\n\t\t\t\t\t\t\theight={40}\n\t\t\t\t\t\t\tcolor={COLORS.content.negative}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div style={{ height: '32px' }}></div>\n\n\t\t\t\t<TitleLarge>Your AI Credits are running low</TitleLarge>\n\n\t\t\t\t<div style={{ height: '24px' }}></div>\n\n\t\t\t\t<BodyPrimary color={COLORS.content.secondary}>\n\t\t\t\t\tRecharge your credits now to ensure uninterrupted service.\n\t\t\t\t</BodyPrimary>\n\n\t\t\t\t<div style={{ height: '12px' }}></div>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<BodyPrimary color={COLORS.content.secondary}>\n\t\t\t\t\t\tDon’t let the growth stop. Add AI Credits\n\t\t\t\t\t</BodyPrimary>\n\t\t\t\t</div>\n\n\t\t\t\t<div style={{ height: '32px' }}></div>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tgap: '12px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={'Close'}\n\t\t\t\t\t\tbuttonType=\"text\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tonClick={onLeftBtnClick}\n\t\t\t\t\t/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={'Contact Support'}\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackgroundColor: COLORS.background.brand,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={onRightBtnClick}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Modal>\n\t);\n};\n"],"names":["AiCreditsLow","open","onModalClose","onLeftBtnClick","onRightBtnClick","jsxDEV","Modal","COLORS","AlertTriangle","this","TitleLarge","BodyPrimary","Button"],"mappings":"yTAOaA,EAKR,CAAC,CAAE,KAAAC,EAAM,aAAAC,EAAc,eAAAC,EAAgB,gBAAAC,KAE1CC,EAAAA,OAACC,EAAAA,MAAA,CACA,KAAAL,EACA,uBAAwB,CACvB,MAAO,QACP,aAAc,MAAA,EAEf,QAASC,EACT,oBAAmB,GACnB,OAAQ,GAER,SAAAG,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,QAAS,OACT,cAAe,SACf,MAAO,MAAA,EAGR,SAAA,CAAAA,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,eAAgB,QAAA,EAGjB,SAAAA,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,gBAAiBE,EAAAA,OAAO,WAAW,SAAS,MAC5C,MAAO,OACP,OAAQ,OACR,QAAS,OACT,aAAc,MAAA,EAGf,SAAAF,EAAAA,OAACG,EAAAA,QAAA,CACA,MAAO,GACP,OAAQ,GACR,MAAOD,EAAAA,OAAO,QAAQ,QAAA,EAHvB,OAAA,GAAA,CAAA,SAAA~~,+HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,CAIA,EAbD,OAAA,GAAA,CAAA,SAAA~~,+HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAcA,EArBD,OAAA,GAAA,CAAA,SAAA~~,+HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,WAwBC,MAAA,CAAI,MAAO,CAAE,OAAQ,OAAO,EAA7B,OAAA,GAAA,CAAA,SAAA~~,+HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAgC,EAEhCJ,EAAAA,OAACK,EAAAA,YAAW,SAAA,iCAAA,EAAZ,OAAA,GAAA,CAAA,SAAA~~,+HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAD,MAA2C,WAE1C,MAAA,CAAI,MAAO,CAAE,OAAQ,OAAO,EAA7B,OAAA,GAAA,CAAA,SAAA~~,+HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAgC,WAE/BE,EAAAA,YAAA,CAAY,MAAOJ,SAAO,QAAQ,UAAW,SAAA,8DAA9C,OAAA,GAAA,CAAA,SAAA~~,+HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAE,MAEA,WAEC,MAAA,CAAI,MAAO,CAAE,OAAQ,OAAO,EAA7B,OAAA,GAAA,CAAA,SAAA~~,+HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAgC,EAEhCJ,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,eAAgB,QAAA,EAGjB,kBAACM,cAAA,CAAY,MAAOJ,EAAAA,OAAO,QAAQ,UAAW,SAAA,6CAA9C,OAAA,GAAA,CAAA,SAAA~~,+HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAE,MAEA,CAAA,EATD,OAAA,GAAA,CAAA,SAAA~~,+HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,WAYC,MAAA,CAAI,MAAO,CAAE,OAAQ,OAAO,EAA7B,OAAA,GAAA,CAAA,SAAA~~,+HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAgC,EAEhCJ,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,eAAgB,WAChB,WAAY,SACZ,IAAK,MAAA,EAGN,SAAA,CAAAA,EAAAA,OAACO,EAAAA,OAAA,CACA,WAAY,QACZ,WAAW,OACX,KAAK,QACL,QAAST,CAAA,EAJV,OAAA,GAAA,CAAA,SAAA~~,+HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,EAMAJ,EAAAA,OAACO,EAAAA,OAAA,CACA,WAAY,kBACZ,KAAK,QACL,MAAO,CACN,gBAAiBL,EAAAA,OAAO,WAAW,KAAA,EAEpC,QAASH,CAAA,EANV,OAAA,GAAA,CAAA,SAAA~~,+HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,CAOA,CAAA,EAtBD,OAAA,GAAA,CAAA,SAAA~~,+HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAuBA,CAAA,EAjFD,OAAA,GAAA,CAAA,SAAA~~,+HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAkFA,EA5FD,OAAA,GAAA,CAAA,SAAA~~,+HAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA"}
1	+ {"version":3,"file":"AiCreditsLow.js","sources":["../../../../src/components/ai-modals/AiCreditsLow.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport AlertTriangle from '../../assets/icons/alert_triangle.svg';\nimport { Button } from '../button/Button';\nimport { Modal } from '../modals/Modal';\nimport { BodyPrimary, TitleLarge } from '../TypographyStyle';\n\nexport const AiCreditsLow: React.FC<{\n\topen: boolean;\n\tonModalClose: () => void;\n\tonRightBtnClick: () => void;\n\tonLeftBtnClick: () => void;\n}> = ({ open, onModalClose, onLeftBtnClick, onRightBtnClick }) => {\n\treturn (\n\t\t<Modal\n\t\t\topen={open}\n\t\t\tcentralContainerStyles={{\n\t\t\t\twidth: '498px',\n\t\t\t\tborderRadius: '12px',\n\t\t\t}}\n\t\t\tonClose={onModalClose}\n\t\t\tcloseOnOutsideClick\n\t\t\tzIndex={40}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tpadding: '24px',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\twidth: '100%',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackgroundColor: COLORS.background.negative.light,\n\t\t\t\t\t\t\twidth: '64px',\n\t\t\t\t\t\t\theight: '64px',\n\t\t\t\t\t\t\tpadding: '12px',\n\t\t\t\t\t\t\tborderRadius: '40px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<AlertTriangle\n\t\t\t\t\t\t\twidth={40}\n\t\t\t\t\t\t\theight={40}\n\t\t\t\t\t\t\tcolor={COLORS.content.negative}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div style={{ height: '32px' }}></div>\n\n\t\t\t\t<TitleLarge>Your AI Credits are running low</TitleLarge>\n\n\t\t\t\t<div style={{ height: '24px' }}></div>\n\n\t\t\t\t<BodyPrimary color={COLORS.content.secondary}>\n\t\t\t\t\tRecharge your credits now to ensure uninterrupted service.\n\t\t\t\t</BodyPrimary>\n\n\t\t\t\t<div style={{ height: '12px' }}></div>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<BodyPrimary color={COLORS.content.secondary}>\n\t\t\t\t\t\tDon’t let the growth stop. Add AI Credits\n\t\t\t\t\t</BodyPrimary>\n\t\t\t\t</div>\n\n\t\t\t\t<div style={{ height: '32px' }}></div>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tgap: '12px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={'Close'}\n\t\t\t\t\t\tbuttonType=\"text\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tonClick={onLeftBtnClick}\n\t\t\t\t\t/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={'Contact Support'}\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackgroundColor: COLORS.background.brand,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={onRightBtnClick}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Modal>\n\t);\n};\n"],"names":["AiCreditsLow","open","onModalClose","onLeftBtnClick","onRightBtnClick","jsxDEV","Modal","COLORS","AlertTriangle","this","TitleLarge","BodyPrimary","Button"],"mappings":"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"}

package/dist/cjs/components/ai-modals/AiSyncProgress.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),i=require("../../constants/Theme.js"),m=require("../../assets/icons/sync.svg.js"),r=require("../button/Button.js"),c=require("../modals/Modal.js"),s=require("../TypographyStyle.js"),u=require("../progress-bar/ProgressBarComponent.js"),d=({open:n,onModalClose:o,completedPercent:a,onLeftBtnClick:t,onRightBtnClick:l})=>e.jsxDEV(c.Modal,{open:n,centralContainerStyles:{width:"498px",height:"324px",borderRadius:"12px"},onClose:o,closeOnOutsideClick:!0,zIndex:40,children:e.jsxDEV("div",{style:{padding:"24px",display:"flex",flexDirection:"column"},children:[e.jsxDEV("div",{style:{display:"flex",justifyContent:"center"},children:e.jsxDEV(s.TitleLarge,{children:"Wait for Sync to complete"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:47,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:41,columnNumber:5},void 0),e.jsxDEV("div",{style:{height:"24px"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:50,columnNumber:5},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:"12px"},children:[e.jsxDEV(m.default,{width:24,height:24},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:66,columnNumber:7},void 0),e.jsxDEV(s.BodyPrimary,{color:"#616161",children:"Syncing Shopify Store Data..."},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:67,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:59,columnNumber:6},void 0),e.jsxDEV(u.ProgressBarComponent,{completed:a,isAnimated:!1,height:16,color:i.COLORS.background.positive.vibrant},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:71,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:52,columnNumber:5},void 0),e.jsxDEV("div",{style:{height:"24px"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:78,columnNumber:5},void 0),e.jsxDEV(s.BodyPrimary,{color:i.COLORS.content.secondary,children:"You can start replying with AI after sync is complete. In the meanwhile, learn how to leverage AI for maximum efficiency"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:80,columnNumber:5},void 0),e.jsxDEV("div",{style:{height:"32px"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:85,columnNumber:5},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"},children:[e.jsxDEV(r.Button,{buttonText:"Close",buttonType:"text",size:"small",onClick:t},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:96,columnNumber:6},void 0),e.jsxDEV(r.Button,{buttonText:"Explore Bik.ai",size:"small",style:{backgroundColor:i.COLORS.background.brand},onClick:l},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:102,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:87,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:34,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:23,columnNumber:3},void 0);exports.AiSyncProgress=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),n=require("../../constants/Theme.js"),d=require("../../assets/icons/sync.svg.js"),s=require("../button/Button.js"),c=require("../modals/Modal.js"),o=require("../TypographyStyle.js"),m=require("../progress-bar/ProgressBarComponent.js"),u=({open:i,onModalClose:r,completedPercent:l,onLeftBtnClick:a,onRightBtnClick:t})=>e.jsxDEV(c.Modal,{open:i,centralContainerStyles:{width:"498px",height:"324px",borderRadius:"12px"},onClose:r,closeOnOutsideClick:!0,zIndex:40,children:e.jsxDEV("div",{style:{padding:"24px",display:"flex",flexDirection:"column"},children:[e.jsxDEV("div",{style:{display:"flex",justifyContent:"center"},children:e.jsxDEV(o.TitleLarge,{children:"Wait for Sync to complete"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:47,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:41,columnNumber:5},void 0),e.jsxDEV("div",{style:{height:"24px"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:50,columnNumber:5},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:"12px"},children:[e.jsxDEV(d.default,{width:24,height:24},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:66,columnNumber:7},void 0),e.jsxDEV(o.BodyPrimary,{color:"#616161",children:"Syncing Shopify Store Data..."},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:67,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:59,columnNumber:6},void 0),e.jsxDEV(m.ProgressBarComponent,{completed:l,isAnimated:!1,height:16,color:n.COLORS.background.positive.vibrant},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:71,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:52,columnNumber:5},void 0),e.jsxDEV("div",{style:{height:"24px"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:78,columnNumber:5},void 0),e.jsxDEV(o.BodyPrimary,{color:n.COLORS.content.secondary,children:"You can start replying with AI after sync is complete. In the meanwhile, learn how to leverage AI for maximum efficiency"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:80,columnNumber:5},void 0),e.jsxDEV("div",{style:{height:"32px"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:85,columnNumber:5},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"},children:[e.jsxDEV(s.Button,{buttonText:"Close",buttonType:"text",size:"small",onClick:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:96,columnNumber:6},void 0),e.jsxDEV(s.Button,{buttonText:"Explore Bik.ai",size:"small",style:{backgroundColor:n.COLORS.background.brand},onClick:t},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:102,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:87,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:34,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ai-modals/AiSyncProgress.tsx",lineNumber:23,columnNumber:3},void 0);exports.AiSyncProgress=u;
 //# sourceMappingURL=AiSyncProgress.js.map

package/dist/cjs/components/ai-modals/AiSyncProgress.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AiSyncProgress.js","sources":["../../../../src/components/ai-modals/AiSyncProgress.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport Sync from '../../assets/icons/sync.svg';\nimport { Button } from '../button/Button';\nimport { Modal } from '../modals/Modal';\nimport { ProgressBarComponent } from '../progress-bar';\nimport { BodyPrimary, TitleLarge } from '../TypographyStyle';\n\nexport const AiSyncProgress: React.FC<{\n\topen: boolean;\n\tonModalClose: () => void;\n\tcompletedPercent: number;\n\tonRightBtnClick: () => void;\n\tonLeftBtnClick: () => void;\n}> = ({\n\topen,\n\tonModalClose,\n\tcompletedPercent,\n\tonLeftBtnClick,\n\tonRightBtnClick,\n}) => {\n\treturn (\n\t\t<Modal\n\t\t\topen={open}\n\t\t\tcentralContainerStyles={{\n\t\t\t\twidth: '498px',\n\t\t\t\theight: '324px',\n\t\t\t\tborderRadius: '12px',\n\t\t\t}}\n\t\t\tonClose={onModalClose}\n\t\t\tcloseOnOutsideClick\n\t\t\tzIndex={40}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tpadding: '24px',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<TitleLarge>Wait for Sync to complete</TitleLarge>\n\t\t\t\t</div>\n\n\t\t\t\t<div style={{ height: '24px' }}></div>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\tgap: '12px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tgap: '12px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Sync width={24} height={24} />\n\t\t\t\t\t\t<BodyPrimary color=\"#616161\">\n\t\t\t\t\t\t\tSyncing Shopify Store Data...\n\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ProgressBarComponent\n\t\t\t\t\t\tcompleted={completedPercent}\n\t\t\t\t\t\tisAnimated={false}\n\t\t\t\t\t\theight={16}\n\t\t\t\t\t\tcolor={COLORS.background.positive.vibrant}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div style={{ height: '24px' }}></div>\n\n\t\t\t\t<BodyPrimary color={COLORS.content.secondary}>\n\t\t\t\t\tYou can start replying with AI after sync is complete. In the\n\t\t\t\t\tmeanwhile, learn how to leverage AI for maximum efficiency\n\t\t\t\t</BodyPrimary>\n\n\t\t\t\t<div style={{ height: '32px' }}></div>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tgap: '12px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={'Close'}\n\t\t\t\t\t\tbuttonType=\"text\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tonClick={onLeftBtnClick}\n\t\t\t\t\t/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={'Explore Bik.ai'}\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackgroundColor: COLORS.background.brand,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={onRightBtnClick}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Modal>\n\t);\n};\n"],"names":["AiSyncProgress","open","onModalClose","completedPercent","onLeftBtnClick","onRightBtnClick","jsxDEV","Modal","TitleLarge","this","Sync","BodyPrimary","ProgressBarComponent","COLORS","Button"],"mappings":"oWAQaA,EAMR,CAAC,CACL,KAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,gBAAAC,CACD,IAEEC,EAAAA,OAACC,EAAAA,MAAA,CACA,KAAAN,EACA,uBAAwB,CACvB,MAAO,QACP,OAAQ,QACR,aAAc,MAAA,EAEf,QAASC,EACT,oBAAmB,GACnB,OAAQ,GAER,SAAAI,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,QAAS,OACT,cAAe,QAAA,EAGhB,SAAA,CAAAA,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,eAAgB,QAAA,EAGjB,SAAAA,EAAAA,OAACE,cAAW,SAAA,2BAAA,EAAZ,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAqC,CAAA,EANtC,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,WASC,MAAA,CAAI,MAAO,CAAE,OAAQ,OAAO,EAA7B,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAgC,EAEhCH,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,SACf,IAAK,MAAA,EAGN,SAAA,CAAAA,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,IAAK,MAAA,EAGN,SAAA,CAAAA,SAACI,EAAAA,QAAA,CAAK,MAAO,GAAI,OAAQ,EAAA,EAAzB,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAD,MAA6B,EAC7BH,SAACK,EAAAA,YAAA,CAAY,MAAM,UAAU,SAAA,+BAAA,EAA7B,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAF,MAEA,CAAA,CAAA,EAVD,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAYAH,EAAAA,OAACM,EAAAA,qBAAA,CACA,UAAWT,EACX,WAAY,GACZ,OAAQ,GACR,MAAOU,EAAAA,OAAO,WAAW,SAAS,OAAA,EAJnC,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAJ,MAAA,CAKA,CAAA,EAxBD,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,WA0BC,MAAA,CAAI,MAAO,CAAE,OAAQ,OAAO,EAA7B,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAgC,WAE/BE,EAAAA,YAAA,CAAY,MAAOE,SAAO,QAAQ,UAAW,SAAA,4HAA9C,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAJ,MAGA,WAEC,MAAA,CAAI,MAAO,CAAE,OAAQ,OAAO,EAA7B,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAgC,EAEhCH,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,eAAgB,WAChB,WAAY,SACZ,IAAK,MAAA,EAGN,SAAA,CAAAA,EAAAA,OAACQ,EAAAA,OAAA,CACA,WAAY,QACZ,WAAW,OACX,KAAK,QACL,QAASV,CAAA,EAJV,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,EAMAH,EAAAA,OAACQ,EAAAA,OAAA,CACA,WAAY,iBACZ,KAAK,QACL,MAAO,CACN,gBAAiBD,EAAAA,OAAO,WAAW,KAAA,EAEpC,QAASR,CAAA,EANV,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAI,MAAA,CAOA,CAAA,EAtBD,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAuBA,CAAA,EA5ED,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA6EA,EAxFD,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA"}
1	+ {"version":3,"file":"AiSyncProgress.js","sources":["../../../../src/components/ai-modals/AiSyncProgress.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport Sync from '../../assets/icons/sync.svg';\nimport { Button } from '../button/Button';\nimport { Modal } from '../modals/Modal';\nimport { ProgressBarComponent } from '../progress-bar';\nimport { BodyPrimary, TitleLarge } from '../TypographyStyle';\n\nexport const AiSyncProgress: React.FC<{\n\topen: boolean;\n\tonModalClose: () => void;\n\tcompletedPercent: number;\n\tonRightBtnClick: () => void;\n\tonLeftBtnClick: () => void;\n}> = ({\n\topen,\n\tonModalClose,\n\tcompletedPercent,\n\tonLeftBtnClick,\n\tonRightBtnClick,\n}) => {\n\treturn (\n\t\t<Modal\n\t\t\topen={open}\n\t\t\tcentralContainerStyles={{\n\t\t\t\twidth: '498px',\n\t\t\t\theight: '324px',\n\t\t\t\tborderRadius: '12px',\n\t\t\t}}\n\t\t\tonClose={onModalClose}\n\t\t\tcloseOnOutsideClick\n\t\t\tzIndex={40}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tpadding: '24px',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<TitleLarge>Wait for Sync to complete</TitleLarge>\n\t\t\t\t</div>\n\n\t\t\t\t<div style={{ height: '24px' }}></div>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\tgap: '12px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tgap: '12px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Sync width={24} height={24} />\n\t\t\t\t\t\t<BodyPrimary color=\"#616161\">\n\t\t\t\t\t\t\tSyncing Shopify Store Data...\n\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ProgressBarComponent\n\t\t\t\t\t\tcompleted={completedPercent}\n\t\t\t\t\t\tisAnimated={false}\n\t\t\t\t\t\theight={16}\n\t\t\t\t\t\tcolor={COLORS.background.positive.vibrant}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div style={{ height: '24px' }}></div>\n\n\t\t\t\t<BodyPrimary color={COLORS.content.secondary}>\n\t\t\t\t\tYou can start replying with AI after sync is complete. In the\n\t\t\t\t\tmeanwhile, learn how to leverage AI for maximum efficiency\n\t\t\t\t</BodyPrimary>\n\n\t\t\t\t<div style={{ height: '32px' }}></div>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tgap: '12px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={'Close'}\n\t\t\t\t\t\tbuttonType=\"text\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tonClick={onLeftBtnClick}\n\t\t\t\t\t/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={'Explore Bik.ai'}\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackgroundColor: COLORS.background.brand,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={onRightBtnClick}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Modal>\n\t);\n};\n"],"names":["AiSyncProgress","open","onModalClose","completedPercent","onLeftBtnClick","onRightBtnClick","jsxDEV","Modal","TitleLarge","this","Sync","BodyPrimary","ProgressBarComponent","COLORS","Button"],"mappings":"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"}