npm - @bikdotai/bik-component-library - Versions diffs - 0.0.807 → 0.0.808-beta.0 - Mend

@bikdotai/bik-component-library 0.0.807 → 0.0.808-beta.0

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 (1557) hide show

package/dist/cjs/components/template-context-mapper/modalElements/TemplateSelectModalContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TemplateSelectModalContent.js","sources":["../../../../../src/components/template-context-mapper/modalElements/TemplateSelectModalContent.tsx"],"sourcesContent":["import type { VariableListInterfaceV2 } from '@src/components/add-variableV2/AddVariableV2';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport type { WhatsAppPickerMeta } from '@src/components/template-preview/models/WhatsAppTemplate';\nimport Body from './Body';\nimport Header from './Header';\n\nexport interface TemplateSelectModalContentProps {\n\tchannel: CHANNEL_TYPE;\n\tshowVariableMapping?: boolean;\n\thideHeader?: boolean;\n\tshowOnlyContent?: boolean;\n\twhatsappSpecificPickerMeta?: WhatsAppPickerMeta;\n\tshowVariableModal?: boolean;\n\tvariableListForImage?: VariableListInterfaceV2[];\n\tdiscountCode?: string;\n\tsetDiscountCode?: (code: string) => void;\n\tshowSampleValues?: boolean;\n\tfileName?: string;\n\tsetFileName?: (name: string) => void;\n\tvariableListFromProps?: VariableListInterfaceV2[];\n\tskipDefaultVariableContent?: boolean;\n}\n\nconst TemplateSelectModalContent = ({\n\tchannel,\n\tshowVariableMapping,\n\tvariableListFromProps,\n\tshowOnlyContent,\n\twhatsappSpecificPickerMeta,\n\tshowVariableModal,\n\tdiscountCode,\n\tsetDiscountCode,\n\tvariableListForImage,\n\tshowSampleValues,\n\tfileName,\n\tsetFileName,\n\tskipDefaultVariableContent,\n}: TemplateSelectModalContentProps) => {\n\treturn (\n\t\t<div style={{ paddingBottom: 0 }}>\n\t\t\t<div>\n\t\t\t\t{channel === CHANNEL_TYPE.EMAIL && (\n\t\t\t\t\t<Header showOnlyContent={showOnlyContent} />\n\t\t\t\t)}\n\t\t\t\t<Body\n\t\t\t\t\tvariableListFromProps={variableListFromProps}\n\t\t\t\t\twhatsappSpecificPickerMeta={whatsappSpecificPickerMeta}\n\t\t\t\t\tshowVariableMapping={!!showVariableMapping}\n\t\t\t\t\tshowOnlyContent={showOnlyContent}\n\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\tdiscountCode={discountCode}\n\t\t\t\t\tsetDiscountCode={setDiscountCode}\n\t\t\t\t\tvariableListForImage={variableListForImage}\n\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\tfileName={fileName}\n\t\t\t\t\tsetFileName={setFileName}\n\t\t\t\t\tskipDefaultVariableContent={skipDefaultVariableContent}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default TemplateSelectModalContent;\n"],"names":["~~_ref~~","channel","showVariableMapping","variableListFromProps","showOnlyContent","whatsappSpecificPickerMeta","showVariableModal","discountCode","setDiscountCode","variableListForImage","showSampleValues","fileName","setFileName","skipDefaultVariableContent","_jsx","Object","assign","style","paddingBottom","children","_jsxs","CHANNEL_TYPE","EMAIL","Header","Body"],"mappings":"8NAuBmCA,~~IAcG~~,~~IAdFC~~,~~QACnCA~~,~~EAAOC~~,~~oBACPA~~,~~EAAmBC~~,~~sBACnBA~~,~~EAAqBC~~,~~gBACrBA~~,~~EAAeC~~,~~2BACfA~~,~~EAA0BC~~,~~kBAC1BA~~,~~EAAiBC~~,~~aACjBA,EAAYC,gBACZA,EAAeC,qBACfA,EAAoBC,iBACpBA,EAAgBC,SAChBA,EAAQC,YACRA,EAAWC,2BACXA,GACiCb,EACjC,OACCc,~~MAAK,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,cAAe,IAAG,CAAAC,SAC/BC,wBACEnB,IAAYoB,EAAAA,aAAaC,OACzBR,EAAAA,IAACS,EAAAA,QAAM,CAACnB,gBAAiBA,IAE1BU,MAACU,UAAI,CACJrB,sBAAuBA,EACvBE,2BAA4BA,EAC5BH,sBAAuBA,EACvBE,gBAAiBA,EACjBE,kBAAmBA,EACnBC,aAAcA,EACdC,gBAAiBA,EACjBC,qBAAsBA,EACtBC,iBAAkBA,EAClBC,SAAUA,EACVC,YAAaA,EACbC,2BAA4BA~~,SAGzB~~"}
1	+ {"version":3,"file":"TemplateSelectModalContent.js","sources":["../../../../../src/components/template-context-mapper/modalElements/TemplateSelectModalContent.tsx"],"sourcesContent":["import type { VariableListInterfaceV2 } from '@src/components/add-variableV2/AddVariableV2';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport type { WhatsAppPickerMeta } from '@src/components/template-preview/models/WhatsAppTemplate';\nimport Body from './Body';\nimport Header from './Header';\n\nexport interface TemplateSelectModalContentProps {\n\tchannel: CHANNEL_TYPE;\n\tshowVariableMapping?: boolean;\n\thideHeader?: boolean;\n\tshowOnlyContent?: boolean;\n\twhatsappSpecificPickerMeta?: WhatsAppPickerMeta;\n\tshowVariableModal?: boolean;\n\tvariableListForImage?: VariableListInterfaceV2[];\n\tdiscountCode?: string;\n\tsetDiscountCode?: (code: string) => void;\n\tshowSampleValues?: boolean;\n\tfileName?: string;\n\tsetFileName?: (name: string) => void;\n\tvariableListFromProps?: VariableListInterfaceV2[];\n\tskipDefaultVariableContent?: boolean;\n}\n\nconst TemplateSelectModalContent = ({\n\tchannel,\n\tshowVariableMapping,\n\tvariableListFromProps,\n\tshowOnlyContent,\n\twhatsappSpecificPickerMeta,\n\tshowVariableModal,\n\tdiscountCode,\n\tsetDiscountCode,\n\tvariableListForImage,\n\tshowSampleValues,\n\tfileName,\n\tsetFileName,\n\tskipDefaultVariableContent,\n}: TemplateSelectModalContentProps) => {\n\treturn (\n\t\t<div style={{ paddingBottom: 0 }}>\n\t\t\t<div>\n\t\t\t\t{channel === CHANNEL_TYPE.EMAIL && (\n\t\t\t\t\t<Header showOnlyContent={showOnlyContent} />\n\t\t\t\t)}\n\t\t\t\t<Body\n\t\t\t\t\tvariableListFromProps={variableListFromProps}\n\t\t\t\t\twhatsappSpecificPickerMeta={whatsappSpecificPickerMeta}\n\t\t\t\t\tshowVariableMapping={!!showVariableMapping}\n\t\t\t\t\tshowOnlyContent={showOnlyContent}\n\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\tdiscountCode={discountCode}\n\t\t\t\t\tsetDiscountCode={setDiscountCode}\n\t\t\t\t\tvariableListForImage={variableListForImage}\n\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\tfileName={fileName}\n\t\t\t\t\tsetFileName={setFileName}\n\t\t\t\t\tskipDefaultVariableContent={skipDefaultVariableContent}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default TemplateSelectModalContent;\n"],"names":["TemplateSelectModalContent","channel","showVariableMapping","variableListFromProps","showOnlyContent","whatsappSpecificPickerMeta","showVariableModal","discountCode","setDiscountCode","variableListForImage","showSampleValues","fileName","setFileName","skipDefaultVariableContent","_jsx","Object","assign","style","paddingBottom","children","_jsxs","CHANNEL_TYPE","EMAIL","Header","Body"],"mappings":"8NAuBmCA,EAClCC,UACAC,sBACAC,wBACAC,kBACAC,6BACAC,oBACAC,eACAC,kBACAC,uBACAC,mBACAC,WACAC,cACAC,gCAGCC,MAAK,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,cAAe,IAAG,CAAAC,SAC/BC,wBACEnB,IAAYoB,EAAAA,aAAaC,OACzBR,EAAAA,IAACS,EAAAA,QAAM,CAACnB,gBAAiBA,IAE1BU,MAACU,UAAI,CACJrB,sBAAuBA,EACvBE,2BAA4BA,EAC5BH,sBAAuBA,EACvBE,gBAAiBA,EACjBE,kBAAmBA,EACnBC,aAAcA,EACdC,gBAAiBA,EACjBC,qBAAsBA,EACtBC,iBAAkBA,EAClBC,SAAUA,EACVC,YAAaA,EACbC,2BAA4BA"}

package/dist/cjs/components/template-context-mapper/modalElements/VariableConnector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VariableConnector.js","sources":["../../../../../src/components/template-context-mapper/modalElements/VariableConnector.tsx"],"sourcesContent":["/** CONSTANTS /\nimport EditIcon from '@src/assets/icons/edit.svg';\nimport InfoIcon from '@src/assets/icons/info.svg';\nimport { format } from 'date-fns';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport type { VariableListInterfaceV2 } from '@src/components/add-variableV2/AddVariableV2';\nimport { Alert } from '@src/components/alerts/Alert';\nimport { ALERT_TYPES } from '@src/components/alerts/AlertHelper';\nimport { CustomDateTime } from '@src/components/custom-date-time/CustomDateTime';\nimport { Dropdown } from '@src/components/dropdown/Dropdown';\nimport type {\n\tDropdownOption,\n\tSingleOption,\n} from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input/Input';\nimport { truncate } from '@src/components/product-picker-v2/collectionScreen';\nimport { placeHolderNamePattern } from '@src/components/template-preview/constants/regexPatterns';\nimport { isCarouselComponent } from '@src/components/template-preview/helpers/templateMiscHelper';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport {\n\tButtonPlaceHolderOptions,\n\tCUSTOM_VARIABLE,\n\ttype globalNormalizedPlaceholdersType,\n\ttype QueryParamtype,\n} from '@src/components/template-preview/models/TemplateMeta';\nimport {\n\tWEB_PUSH_COMPONENT_TYPE,\n\ttype WebpushTemplateType,\n\ttype WebpushTemplateVariables,\n} from '@src/components/template-preview/models/WebpushTemplate';\nimport type {\n\tWhatsAppCarouselTemplate,\n\tWhatsAppCarouselTemplateVariables,\n} from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport {\n\tBUTTON_TYPE,\n\tPOD,\n\ttype WhatsAppTemplate,\n\ttype WhatsAppTemplateVariables,\n} from '@src/components/template-preview/models/WhatsAppTemplate';\nimport { BodyPrimary, BodySecondary } from '@src/components/TypographyStyle';\nimport StringUtils from '@src/utils/StringUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport { updateVariables } from '../custom-hooks/useAdditionalVariables';\nimport { getVariableNameForEmailByIndex } from '../utils/getVariableNameEmail';\nimport { ComponentType } from './modal';\nimport { QueryParamsComponent } from './QueryParamsComponent';\n\nexport const Container = styled.div<{\n\tfocused?: boolean;\n\tchannel?: CHANNEL_TYPE;\n}>`\n\t/ surface/$color-background-warning-light /\n\n\tbackground: ${(props) =>\n\t\tprops.focused && props.channel === CHANNEL_TYPE.EMAIL\n\t\t\t? COLORS.background.warning.light\n\t\t\t: 'transparent'};\n\tborder-radius: 4px;\n\tpadding: 8px 10px;\n`;\n\nconst Overlay = styled.div`\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\tz-index: 1000;\n\tcursor: not-allowed;\n`;\nconst OverlayContent = styled.div`\n\theight: 100%;\n\twidth: 48%;\n\tbackground: rgba(0, 0, 0, 0.1);\n`;\n\ntype DropdownType = {\n\tlabel: string;\n\tvalue?: string;\n\toptions: SingleOption[];\n};\n\nconst CUSTOM_LINK: SingleOption = {\n\tvalue: 'custom_link',\n\tlabel: 'Custom URL',\n};\nconst CUSTOM_TEXT: SingleOption = {\n\tvalue: 'custom_text',\n\tlabel: 'Custom text',\n};\nconst STATIC_EXPIRY: SingleOption = {\n\tvalue: 'static_expiry',\n\tlabel: 'Static Expiry',\n};\n\n/* COMPONENT BELOW /\n\nexport interface VariableConnectorProps {\n\tonFocus?: () => void;\n\tvariable: CUSTOM_VARIABLE;\n\tindex: number;\n\tshowVariableModal?: boolean;\n\tsetShowDiscountCheckBox?: any;\n\tbuttonType?: BUTTON_TYPE;\n\tcomponentType?: ComponentType['type'] \| WEB_PUSH_COMPONENT_TYPE;\n\tCTAoptions?: ButtonPlaceHolderOptions[];\n}\n\nconst VariableConnector: React.FC<VariableConnectorProps> = (props) => {\n\tconst {\n\t\tonFocus,\n\t\tvariable,\n\t\tindex,\n\t\tshowVariableModal,\n\t\tsetShowDiscountCheckBox,\n\t\tcomponentType,\n\t\tCTAoptions,\n\t\tbuttonType,\n\t} = props;\n\n\tconst [focused, setFocusState] = useState(false);\n\tconst [enteredVariableValue, setEnteredVariableValue] = useState('');\n\tconst [options, setOptions] = useState<\n\t\tDropdownType[] \| globalNormalizedPlaceholdersType[]\n\t>([]);\n\tconst [selectedOption, setSelectedOption] = useState<SingleOption>();\n\tconst [renderFirstTime, setRenderFirstTime] = useState<boolean>(false);\n\tconst urlRegex =\n\t\t/^https?:\\/\\/(?:www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b(?:[-a-zA-Z0-9()@:%_\\+.~#?&\\/=])$/;\n\n\tconst {\n\t\tvariableList,\n\t\tsetVariableList,\n\t\tsetVariableCallback,\n\t\tsetShowVariablePicker,\n\t\tdevice,\n\t\tchannel,\n\t\tisError,\n\t\toriginalVariableList,\n\t\ttemplate,\n\t\ttemplateSelectionTriggered,\n\t\tsetTemplate,\n\t\tsetDisplayContent,\n\t\tsetOriginalVariableList,\n\t\tglobalNormalizedPlaceholders,\n\t\tenabledCustomText,\n\t\tpod,\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\tisWhatsappCarousel,\n\t\tdisableEditVariable,\n\t\tdisableEditExpiry,\n\t\ttemplateErrorIndexes,\n\t\tmaxCharLimit,\n\t\tdisableDatePicker,\n\t\tshowDiscountCodeExpiryInfo,\n\t\tcardIndex = 1,\n\t} = useTemplateModalContext();\n\n\tuseEffect(() => {\n\t\tif (focused) {\n\t\t\tonFocus?.();\n\t\t}\n\t}, [focused]);\n\n\tuseEffect(() => {\n\t\tupdateNewVariables();\n\t}, [templateSelectionTriggered]);\n\n\tuseEffect(() => {\n\t\trenderVariableConnector();\n\t}, [selectedCarouselIndex]);\n\n\tfunction renderVariableConnector() {\n\t\tconst defaultOptions: DropdownType[] = [];\n\t\tlet allOptions: DropdownType[] \| globalNormalizedPlaceholdersType[] = [];\n\t\tif (channel === CHANNEL_TYPE.MESSAGE && !enabledCustomText) {\n\t\t\tconst globalOptions = globalNormalizedPlaceholders ?? [];\n\t\t\tsetOptions([\n\t\t\t\t{\n\t\t\t\t\tlabel: '',\n\t\t\t\t\toptions: [CUSTOM_TEXT, CUSTOM_LINK],\n\t\t\t\t},\n\t\t\t\t...globalOptions,\n\t\t\t]);\n\n\t\t\tallOptions = [\n\t\t\t\t{\n\t\t\t\t\tlabel: '',\n\t\t\t\t\toptions: [CUSTOM_TEXT, CUSTOM_LINK],\n\t\t\t\t},\n\t\t\t\t...globalOptions,\n\t\t\t];\n\t\t} else {\n\t\t\tif (variable?.type === 'link') {\n\t\t\t\tdefaultOptions.push({\n\t\t\t\t\tlabel: '',\n\t\t\t\t\toptions: [CUSTOM_LINK, CUSTOM_TEXT],\n\t\t\t\t});\n\t\t\t\tsetSelectedOption(CUSTOM_LINK);\n\t\t\t} else if (variable?.type === 'date_time') {\n\t\t\t\tdefaultOptions.push({\n\t\t\t\t\tlabel: '',\n\t\t\t\t\toptions: [CUSTOM_LINK, CUSTOM_TEXT],\n\t\t\t\t});\n\t\t\t\tsetSelectedOption(STATIC_EXPIRY);\n\t\t\t} else {\n\t\t\t\tdefaultOptions.push({\n\t\t\t\t\tlabel: '',\n\t\t\t\t\toptions: [CUSTOM_LINK, CUSTOM_TEXT, STATIC_EXPIRY],\n\t\t\t\t});\n\t\t\t\tsetSelectedOption(CUSTOM_TEXT);\n\t\t\t}\n\t\t\tconst globalOptions = globalNormalizedPlaceholders ?? [];\n\n\t\t\tsetOptions([\n\t\t\t\t...defaultOptions,\n\t\t\t\t...globalOptions.map((globalOption) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...globalOption,\n\t\t\t\t\t\tlabel: StringUtils.toCapitilize(\n\t\t\t\t\t\t\tglobalOption.label?.replace(/([A-Z])/g, ' $1')?.toLowerCase(),\n\t\t\t\t\t\t),\n\t\t\t\t\t} as DropdownType;\n\t\t\t\t}),\n\t\t\t]);\n\t\t\tallOptions = [...defaultOptions, ...globalOptions];\n\t\t}\n\n\t\tif (\n\t\t\tchannel === CHANNEL_TYPE.WHATSAPP \|\|\n\t\t\tchannel === CHANNEL_TYPE.EMAIL \|\|\n\t\t\tchannel === CHANNEL_TYPE.MESSAGE \|\|\n\t\t\tchannel === CHANNEL_TYPE.WEBPUSH \|\|\n\t\t\tchannel === CHANNEL_TYPE.RCS\n\t\t) {\n\t\t\tif (variable.updatedValue) {\n\t\t\t\tif (\n\t\t\t\t\t(placeHolderNamePattern.test(variable.updatedValue) &&\n\t\t\t\t\t\t(channel === CHANNEL_TYPE.WHATSAPP \|\|\n\t\t\t\t\t\t\tchannel === CHANNEL_TYPE.RCS)) \|\|\n\t\t\t\t\t(variable.updatedValue.startsWith('{{') &&\n\t\t\t\t\t\tchannel !== CHANNEL_TYPE.WHATSAPP &&\n\t\t\t\t\t\tchannel !== CHANNEL_TYPE.RCS)\n\t\t\t\t) {\n\t\t\t\t\tconst preSelectedOption = checkVariableOptions(\n\t\t\t\t\t\tvariable,\n\t\t\t\t\t\tallOptions,\n\t\t\t\t\t\tchannel,\n\t\t\t\t\t);\n\t\t\t\t\tif (preSelectedOption.value) {\n\t\t\t\t\t\tsetSelectedOption(preSelectedOption);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (variable.type === 'date_time') {\n\t\t\t\t\t\tsetSelectedOption(STATIC_EXPIRY);\n\t\t\t\t\t\tsetEnteredVariableValue(variable.updatedValue);\n\t\t\t\t\t\tupdateEditableVarForSelectedComponentBody(\n\t\t\t\t\t\t\tvariable.index ?? 0,\n\t\t\t\t\t\t\tvariable.updatedValue,\n\t\t\t\t\t\t);\n\t\t\t\t\t} else if (variable.updatedValue?.startsWith('https')) {\n\t\t\t\t\t\tsetSelectedOption(CUSTOM_LINK);\n\t\t\t\t\t\tsetEnteredVariableValue(variable.updatedValue.split('https://')[1]);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetSelectedOption(CUSTOM_TEXT);\n\t\t\t\t\t\tsetEnteredVariableValue(variable.updatedValue);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction checkVariableOptions(\n\t\tvariable: CUSTOM_VARIABLE,\n\t\tallOptions: DropdownType[] \| globalNormalizedPlaceholdersType[],\n\t\tchannel: CHANNEL_TYPE,\n\t): SingleOption {\n\t\tlet preSelectedOption: SingleOption = { label: '', value: '' };\n\t\tconst variableUpdatedValue =\n\t\t\tchannel === (CHANNEL_TYPE.WHATSAPP \|\| CHANNEL_TYPE.RCS)\n\t\t\t\t? variable.updatedValue.replace('[[', '').replace(']]', '')\n\t\t\t\t: variable.updatedValue.replace('{{', '').replace('}}', '');\n\n\t\tif (showVariableModal) {\n\t\t\tlet variableLabel = variable.updatedValue;\n\n\t\t\t// For Backward Compatibility - Previously dropdown was used and this code is used to have a consistent display name when you select variable and already stored values.\n\t\t\tif (pod === POD.CHATBOT && componentType === 'BUTTONS') {\n\t\t\t\tconst isVariableInCtaOptions = CTAoptions?.filter(\n\t\t\t\t\t(opt) => opt.placeHolder === variable.updatedValue,\n\t\t\t\t);\n\n\t\t\t\tif (isVariableInCtaOptions && isVariableInCtaOptions.length > 0) {\n\t\t\t\t\tvariableLabel = isVariableInCtaOptions[0].label;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tpreSelectedOption = {\n\t\t\t\tlabel: variableLabel\n\t\t\t\t\t? variableLabel\n\t\t\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t\t\t.trim()\n\t\t\t\t\t\t\t.replace('.', ' ')\n\t\t\t\t\t: '',\n\t\t\t\tvalue: variable.updatedValue ?? '',\n\t\t\t};\n\t\t} else {\n\t\t\tallOptions.map((optionCategory) => {\n\t\t\t\toptionCategory.options.map((op) => {\n\t\t\t\t\tif (\n\t\t\t\t\t\top.value?.replace('{{', '').replace('}}', '').trim() ===\n\t\t\t\t\t\tvariableUpdatedValue.trim()\n\t\t\t\t\t) {\n\t\t\t\t\t\tpreSelectedOption = op;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t\treturn preSelectedOption;\n\t}\n\n\tfunction handleOptionSelect(\n\t\toption:\n\t\t\t\| (SingleOption & { bikPlaceholderType?: 'url' \| 'string' })\n\t\t\t\| SingleOption[],\n\t\tselectedIndex?: number,\n\t) {\n\t\tconst singleOption = option as SingleOption & {\n\t\t\tbikPlaceholderType?: 'url' \| 'string';\n\t\t};\n\t\tsetEnteredVariableValue('');\n\t\tsetSelectedOption(singleOption);\n\n\t\tif (channel === CHANNEL_TYPE.WHATSAPP \|\| channel === CHANNEL_TYPE.RCS) {\n\t\t\tif (\n\t\t\t\tsingleOption.value !== 'custom_text' &&\n\t\t\t\tsingleOption.value !== 'custom_link' &&\n\t\t\t\tsingleOption.value !== 'static_expiry'\n\t\t\t) {\n\t\t\t\tupdateVariableList(singleOption.value ?? '', 'string');\n\t\t\t\tupdateEditableVarForSelectedComponentBody?.(\n\t\t\t\t\tvariable.index ?? 0,\n\t\t\t\t\tsingleOption.value,\n\t\t\t\t\ttrue,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tupdateEditableVarForSelectedComponentBody?.(\n\t\t\t\t\tvariable.index ?? 0,\n\t\t\t\t\t'',\n\t\t\t\t\ttrue,\n\t\t\t\t\tsingleOption.value,\n\t\t\t\t);\n\t\t\t\tupdateVariableList(\n\t\t\t\t\t'',\n\t\t\t\t\tsingleOption.bikPlaceholderType === 'url' ? 'link' : 'string',\n\t\t\t\t);\n\t\t\t}\n\t\t} else {\n\t\t\tif (\n\t\t\t\tsingleOption.value !== 'custom_text' &&\n\t\t\t\tsingleOption.value !== 'custom_link'\n\t\t\t) {\n\t\t\t\tupdateVariableList(\n\t\t\t\t\tsingleOption.value!,\n\t\t\t\t\tsingleOption.bikPlaceholderType === 'url' ? 'link' : 'string',\n\t\t\t\t);\n\t\t\t\tif (channel == CHANNEL_TYPE.WEBPUSH) {\n\t\t\t\t\tupdateWebpushBroadcastConfig?.(\n\t\t\t\t\t\tvariable.index ?? 0,\n\t\t\t\t\t\tsingleOption.value,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tsetEnteredVariableValue('');\n\t\t\t\tupdateVariableList('', singleOption.value);\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction handleCustomInputUpdate(\n\t\ttype: 'custom_text' \| 'custom_link' \| 'static_expiry',\n\t\tvalue: string,\n\t) {\n\t\tsetEnteredVariableValue(value);\n\t\tconst inputValue =\n\t\t\tselectedOption?.value === 'custom_link' && value\n\t\t\t\t? value.includes('https')\n\t\t\t\t\t? value\n\t\t\t\t\t: `https://${value}`\n\t\t\t\t: value;\n\n\t\tconst variableType = type === 'static_expiry' ? 'string' : type;\n\t\tupdateVariableList(inputValue, variableType);\n\t\tif (channel === CHANNEL_TYPE.WHATSAPP \|\| channel === CHANNEL_TYPE.RCS) {\n\t\t\tupdateEditableVarForSelectedComponentBody?.(\n\t\t\t\tvariable.index ?? 0,\n\t\t\t\tinputValue,\n\t\t\t\ttype === 'custom_link' \|\|\n\t\t\t\t\t(pod === POD.CHATBOT && type === 'custom_text'),\n\t\t\t\ttype,\n\t\t\t);\n\t\t}\n\t\tif (channel === CHANNEL_TYPE.WEBPUSH) {\n\t\t\tupdateWebpushBroadcastConfig?.(variable.index ?? 0, inputValue);\n\t\t}\n\t}\n\n\tfunction updateVariableList(\n\t\tupdateValue: string,\n\t\ttype: 'link' \| 'string' \| 'custom_text' \| 'custom_link' \| 'date_time',\n\t\tqueryParams?: QueryParamtype[],\n\t) {\n\t\tconst normalizedType =\n\t\t\ttype === 'custom_link'\n\t\t\t\t? 'link'\n\t\t\t\t: type === 'custom_text'\n\t\t\t\t? 'string'\n\t\t\t\t: type;\n\t\tif (\n\t\t\tchannel !== CHANNEL_TYPE.WHATSAPP &&\n\t\t\tchannel !== CHANNEL_TYPE.WEBPUSH &&\n\t\t\tchannel !== CHANNEL_TYPE.RCS\n\t\t) {\n\t\t\tconst variableId = getVariableNameForEmailByIndex(index + 1);\n\t\t\tconst iframe = document?.getElementById(\n\t\t\t\tdevice === 'mobile' ? 'template_html_mobile' : 'template_html_desktop',\n\t\t\t) as HTMLIFrameElement;\n\n\t\t\tconst element =\n\t\t\t\tchannel === CHANNEL_TYPE.EMAIL\n\t\t\t\t\t? iframe?.contentWindow?.document.getElementById(variableId)\n\t\t\t\t\t: document.getElementById(variableId);\n\t\t\tif (element) {\n\t\t\t\tif ((type === 'custom_text' \|\| type === 'custom_link') && !updateValue)\n\t\t\t\t\telement.textContent = variable.variableName;\n\t\t\t\telse element.textContent = updateValue;\n\t\t\t}\n\n\t\t\tconst updatedVariables = (originalVariableList as CUSTOM_VARIABLE[]).map(\n\t\t\t\t(currVar, ind) => {\n\t\t\t\t\treturn ind === index\n\t\t\t\t\t\t? { ...currVar, type: normalizedType, updatedValue: updateValue }\n\t\t\t\t\t\t: currVar;\n\t\t\t\t},\n\t\t\t);\n\t\t\tsetOriginalVariableList?.(updatedVariables);\n\t\t}\n\t\tif (channel === CHANNEL_TYPE.WEBPUSH) {\n\t\t\tconst variableList = originalVariableList as WebpushTemplateVariables;\n\t\t\tconst updateVariableListLocal = (list: any[]) =>\n\t\t\t\tlist?.map((currVar, ind) =>\n\t\t\t\t\tind === index\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t...currVar,\n\t\t\t\t\t\t\t\ttype: normalizedType,\n\t\t\t\t\t\t\t\tupdatedValue: updateValue,\n\t\t\t\t\t\t }\n\t\t\t\t\t\t: currVar,\n\t\t\t\t);\n\t\t\tconst updatedLists = {\n\t\t\t\tBODY:\n\t\t\t\t\tcomponentType === 'BODY'\n\t\t\t\t\t\t? updateVariableListLocal(variableList.body)\n\t\t\t\t\t\t: variableList.body,\n\t\t\t\tTITLE:\n\t\t\t\t\tcomponentType === WEB_PUSH_COMPONENT_TYPE.TITLE.toUpperCase()\n\t\t\t\t\t\t? updateVariableListLocal(variableList.title)\n\t\t\t\t\t\t: variableList.title,\n\t\t\t};\n\t\t\tsetOriginalVariableList?.((prevState) => ({\n\t\t\t\t...prevState,\n\t\t\t\ttitle: updatedLists.TITLE,\n\t\t\t\tbody: updatedLists.BODY,\n\t\t\t\tbuttons: variableList.buttons,\n\t\t\t}));\n\t\t}\n\n\t\tif (channel === CHANNEL_TYPE.WHATSAPP \|\| channel === CHANNEL_TYPE.RCS) {\n\t\t\tif (\n\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\tselectedCarouselIndex > -1 &&\n\t\t\t\tisProductCarouselType\n\t\t\t) {\n\t\t\t\tconst cardBodyVariableList = {\n\t\t\t\t\t...(originalVariableList as WhatsAppCarouselTemplateVariables),\n\t\t\t\t}.cards.map((card, i) => {\n\t\t\t\t\tif (componentType === 'BODY') {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\tbody: card.body?.map((body, i) => {\n\t\t\t\t\t\t\t\tif (index === i) {\n\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t...body,\n\t\t\t\t\t\t\t\t\t\ttype: normalizedType,\n\t\t\t\t\t\t\t\t\t\tupdatedValue: updateValue,\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\treturn body;\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t};\n\t\t\t\t\t} else if (componentType === 'TITLE') {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\ttitle: card['title']?.map((title, i) => {\n\t\t\t\t\t\t\t\tif (index === i) {\n\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t...title,\n\t\t\t\t\t\t\t\t\t\ttype: normalizedType,\n\t\t\t\t\t\t\t\t\t\tupdatedValue: updateValue,\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\treturn title;\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t};\n\t\t\t\t\t} else if (componentType === 'BUTTONS') {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\tbuttons: card.buttons?.map((currVar, ind) => {\n\t\t\t\t\t\t\t\treturn ind === index\n\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t...currVar,\n\t\t\t\t\t\t\t\t\t\t\tbuttonVariable:\n\t\t\t\t\t\t\t\t\t\t\t\ttype === 'custom_link'\n\t\t\t\t\t\t\t\t\t\t\t\t\t? '((customPlaceholderName))'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: updateValue,\n\t\t\t\t\t\t\t\t\t\t\texample:\n\t\t\t\t\t\t\t\t\t\t\t\tcurrVar.type === 'COPY_CODE'\n\t\t\t\t\t\t\t\t\t\t\t\t\t? updateValue\n\t\t\t\t\t\t\t\t\t\t\t\t\t: [updateValue],\n\t\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t\t: currVar;\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\treturn card;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tsetOriginalVariableList?.((prevState) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...prevState,\n\t\t\t\t\t\tcards: cardBodyVariableList as any,\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst variableList =\n\t\t\t\tselectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t\t ]\n\t\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables);\n\n\t\t\tlet bodyVariableList = variableList.body;\n\t\t\tlet titleVariableList = variableList.title;\n\t\t\tlet headerVariableList = variableList.header;\n\t\t\tlet buttonVariableList = variableList.buttons;\n\n\t\t\tif (componentType === 'BODY') {\n\t\t\t\tbodyVariableList = variableList.body?.map((currVar, ind) => {\n\t\t\t\t\treturn ind === index\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t...currVar,\n\t\t\t\t\t\t\t\ttype: normalizedType,\n\t\t\t\t\t\t\t\tupdatedValue: updateValue,\n\t\t\t\t\t\t }\n\t\t\t\t\t\t: currVar;\n\t\t\t\t});\n\t\t\t} else if (componentType === 'TITLE') {\n\t\t\t\ttitleVariableList = variableList?.['title']?.map((currVar, ind) => {\n\t\t\t\t\treturn ind === index\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t...currVar,\n\t\t\t\t\t\t\t\ttype: normalizedType,\n\t\t\t\t\t\t\t\tupdatedValue: updateValue,\n\t\t\t\t\t\t }\n\t\t\t\t\t\t: currVar;\n\t\t\t\t});\n\t\t\t} else if (componentType === 'HEADER') {\n\t\t\t\theaderVariableList = variableList.header?.map((currVar, ind) => {\n\t\t\t\t\treturn ind === index\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t...currVar,\n\t\t\t\t\t\t\t\ttype: normalizedType,\n\t\t\t\t\t\t\t\tupdatedValue: updateValue,\n\t\t\t\t\t\t }\n\t\t\t\t\t\t: currVar;\n\t\t\t\t});\n\t\t\t} else if (componentType === 'BUTTONS') {\n\t\t\t\tbuttonVariableList = variableList.buttons?.map((currVar, ind) => {\n\t\t\t\t\treturn ind === index\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t...currVar,\n\t\t\t\t\t\t\t\tbuttonVariable:\n\t\t\t\t\t\t\t\t\ttype === 'custom_link'\n\t\t\t\t\t\t\t\t\t\t? '((customPlaceholderName))'\n\t\t\t\t\t\t\t\t\t\t: updateValue,\n\t\t\t\t\t\t\t\texample:\n\t\t\t\t\t\t\t\t\tcurrVar.type === 'COPY_CODE' ? updateValue : [updateValue],\n\t\t\t\t\t\t\t\tqueryParams: queryParams ?? [],\n\t\t\t\t\t\t }\n\t\t\t\t\t\t: currVar;\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\n\t\t\t\tconst cardsCopy = cloneDeep(\n\t\t\t\t\t(originalVariableList as WhatsAppCarouselTemplateVariables).cards,\n\t\t\t\t);\n\t\t\t\tcardsCopy[selectedCarouselIndex] = {\n\t\t\t\t\theader: headerVariableList,\n\t\t\t\t\tbody: bodyVariableList,\n\t\t\t\t\tbuttons: buttonVariableList,\n\t\t\t\t\ttitle: titleVariableList,\n\t\t\t\t};\n\t\t\t\tsetOriginalVariableList?.((prevState) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...prevState,\n\t\t\t\t\t\tcards: cardsCopy,\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tsetOriginalVariableList?.((prevState) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...prevState,\n\t\t\t\t\t\theader: headerVariableList,\n\t\t\t\t\t\tbody: bodyVariableList,\n\t\t\t\t\t\tbuttons: buttonVariableList,\n\t\t\t\t\t\ttitle: titleVariableList,\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}\n\n\tuseEffect(() => {\n\t\tif (device && selectedOption && enteredVariableValue) {\n\t\t\tsetTimeout(() => {\n\t\t\t\tconst inputValue =\n\t\t\t\t\tselectedOption?.value === 'custom_link' && enteredVariableValue\n\t\t\t\t\t\t? enteredVariableValue.includes('https')\n\t\t\t\t\t\t\t? enteredVariableValue\n\t\t\t\t\t\t\t: `https://${enteredVariableValue}`\n\t\t\t\t\t\t: enteredVariableValue;\n\t\t\t\tupdateVariableList(\n\t\t\t\t\tinputValue,\n\t\t\t\t\tselectedOption.value as 'custom_text' \| 'custom_link',\n\t\t\t\t);\n\t\t\t}, 100);\n\t\t}\n\t}, [device]);\n\n\tuseEffect(() => {\n\t\tif (!renderFirstTime && selectedOption && variable.updatedValue) {\n\t\t\tsetTimeout(() => {\n\t\t\t\tconst inputValue =\n\t\t\t\t\tselectedOption?.value === 'custom_link' && variable.updatedValue\n\t\t\t\t\t\t? variable.updatedValue.includes('https')\n\t\t\t\t\t\t\t? variable.updatedValue\n\t\t\t\t\t\t\t: `https://${variable.updatedValue}`\n\t\t\t\t\t\t: variable.updatedValue;\n\t\t\t\tupdateVariableList(\n\t\t\t\t\tinputValue,\n\t\t\t\t\tselectedOption.value as 'custom_text' \| 'custom_link',\n\t\t\t\t);\n\t\t\t\tsetRenderFirstTime(true);\n\t\t\t}, 100);\n\t\t}\n\t}, [selectedOption]);\n\n\tfunction updateNewVariables() {\n\t\tconst iframeId =\n\t\t\tdevice === 'mobile' ? 'template_html_mobile' : 'template_html_desktop';\n\t\tconst iframe = document.getElementById(iframeId) as HTMLIFrameElement;\n\n\t\tconst updatedHtmlContent =\n\t\t\t(iframe?.contentWindow?.document?.body?.innerHTML ?? '') +\n\t\t\tiframe?.contentWindow?.document.head.innerHTML;\n\t\tif (channel === CHANNEL_TYPE.EMAIL) {\n\t\t\tsetDisplayContent?.(updatedHtmlContent);\n\t\t}\n\t}\n\n\tfunction updateEditableVarForSelectedComponentBody(\n\t\tindex: number,\n\t\tnewValue: string,\n\t\tupdateMapping?: boolean,\n\t\ttype?: 'custom_text' \| 'custom_link' \| 'static_expiry',\n\t) {\n\t\tif (\n\t\t\tselectedCarouselIndex != undefined &&\n\t\t\tselectedCarouselIndex > -1 &&\n\t\t\tisProductCarouselType\n\t\t) {\n\t\t\tconst newComponent = {\n\t\t\t\t...(template as WhatsAppCarouselTemplate),\n\t\t\t}.components.map((component) => {\n\t\t\t\tif (isCarouselComponent(component.type)) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...component,\n\t\t\t\t\t\tcards: component.cards?.map((cardComponent) => {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...cardComponent,\n\t\t\t\t\t\t\t\tcomponents: cardComponent.components.map((card) => {\n\t\t\t\t\t\t\t\t\tif (card.type === 'BODY' && componentType === 'BODY') {\n\t\t\t\t\t\t\t\t\t\tif (card.example?.body_text?.[0]) {\n\t\t\t\t\t\t\t\t\t\t\tconst bodyVals = [\n\t\t\t\t\t\t\t\t\t\t\t\t...(card.example?.body_text?.[0] ?? []),\n\t\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\t\tbodyVals[index] = newValue\n\t\t\t\t\t\t\t\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t\t\t\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t\t\t\t\t\t\t\t.replace('((', '')\n\t\t\t\t\t\t\t\t\t\t\t\t.replace('))', '');\n\t\t\t\t\t\t\t\t\t\t\tconst componentExample = {\n\t\t\t\t\t\t\t\t\t\t\t\t...card.example,\n\t\t\t\t\t\t\t\t\t\t\t\tbody_text: [bodyVals],\n\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\t\t\t\t\t\texample: componentExample,\n\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\treturn card;\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\tif (card.type === 'TITLE' && componentType === 'TITLE') {\n\t\t\t\t\t\t\t\t\t\tif (card.example?.['title_text']?.[0]) {\n\t\t\t\t\t\t\t\t\t\t\tconst bodyVals = [\n\t\t\t\t\t\t\t\t\t\t\t\t...(card.example?.['title_text']?.[0] ?? []),\n\t\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\t\tbodyVals[index] = newValue\n\t\t\t\t\t\t\t\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t\t\t\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t\t\t\t\t\t\t\t.replace('((', '')\n\t\t\t\t\t\t\t\t\t\t\t\t.replace('))', '');\n\t\t\t\t\t\t\t\t\t\t\tconst componentExample = {\n\t\t\t\t\t\t\t\t\t\t\t\t...card.example,\n\t\t\t\t\t\t\t\t\t\t\t\ttitle_text: [bodyVals],\n\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\t\t\t\t\t\texample: componentExample,\n\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\treturn card;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t} else if (\n\t\t\t\t\t\t\t\t\t\tcard.type === 'BUTTONS' &&\n\t\t\t\t\t\t\t\t\t\tcomponentType === 'BUTTONS'\n\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\tconst updateComponentButtons = card.buttons?.map(\n\t\t\t\t\t\t\t\t\t\t\t(button, i) => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (i === index) {\n\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...button,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\texample: [newValue],\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 button;\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\t\tif (updateComponentButtons) {\n\t\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\t\t\t\t\t\tbuttons: updateComponentButtons,\n\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\treturn card;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\treturn card;\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};\n\t\t\t\t\t\t}),\n\t\t\t\t\t};\n\t\t\t\t} else {\n\t\t\t\t\treturn component;\n\t\t\t\t}\n\t\t\t});\n\t\t\tconst templateCopy = cloneDeep(template as WhatsAppCarouselTemplate);\n\t\t\tif (updateMapping) {\n\t\t\t\tconst mappingComponent = {\n\t\t\t\t\t...(template as WhatsAppCarouselTemplate),\n\t\t\t\t}.mapping.cards?.map((component, indexComp) => {\n\t\t\t\t\tif (componentType === 'BODY') {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...component,\n\t\t\t\t\t\t\tbody: component.body?.map((body, i) => {\n\t\t\t\t\t\t\t\tif (index === i) {\n\t\t\t\t\t\t\t\t\treturn type === 'custom_text'\n\t\t\t\t\t\t\t\t\t\t? `((editableVariable${i + 10}))`\n\t\t\t\t\t\t\t\t\t\t: newValue;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn body;\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t};\n\t\t\t\t\t} else if (componentType === 'TITLE') {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...component,\n\t\t\t\t\t\t\ttitle: component?.['title']?.map((body, i) => {\n\t\t\t\t\t\t\t\tif (index === i) {\n\t\t\t\t\t\t\t\t\treturn type === 'custom_text'\n\t\t\t\t\t\t\t\t\t\t? `((editableVariable${i + 10}))`\n\t\t\t\t\t\t\t\t\t\t: newValue;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn body;\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t};\n\t\t\t\t\t} else if (componentType === 'BUTTONS' && component?.buttons) {\n\t\t\t\t\t\tlet urlMappingCounter = -1;\n\t\t\t\t\t\tlet urlMappingIndex = -1;\n\n\t\t\t\t\t\t(template as WhatsAppCarouselTemplate).components[\n\t\t\t\t\t\t\tcardIndex\n\t\t\t\t\t\t].cards?.[indexComp].components.forEach((comp) => {\n\t\t\t\t\t\t\tif (comp.type === 'BUTTONS') {\n\t\t\t\t\t\t\t\tcomp.buttons?.forEach((button, i) => {\n\t\t\t\t\t\t\t\t\tif (button.type === 'URL') {\n\t\t\t\t\t\t\t\t\t\turlMappingCounter++;\n\n\t\t\t\t\t\t\t\t\t\tif (i === index && button.type == 'URL') {\n\t\t\t\t\t\t\t\t\t\t\turlMappingIndex = urlMappingCounter;\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});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...component,\n\t\t\t\t\t\t\tbuttons: component.buttons?.map((button, i) => {\n\t\t\t\t\t\t\t\tif (i === urlMappingIndex) {\n\t\t\t\t\t\t\t\t\treturn type === 'custom_link'\n\t\t\t\t\t\t\t\t\t\t? `((customPlaceholderName))`\n\t\t\t\t\t\t\t\t\t\t: newValue;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn button;\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\treturn component;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\ttemplateCopy.mapping.cards = mappingComponent as any;\n\t\t\t}\n\t\t\ttemplateCopy.components = newComponent as any;\n\t\t\tsetTemplate?.(templateCopy);\n\t\t\treturn;\n\t\t}\n\t\tconst currentTemplate =\n\t\t\tselectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t? {\n\t\t\t\t\t\tcomponents: ({ ...template } as WhatsAppCarouselTemplate)\n\t\t\t\t\t\t\t.components[cardIndex].cards?.[selectedCarouselIndex]\n\t\t\t\t\t\t\t.components as any,\n\t\t\t\t\t\tmapping: ({ ...template } as WhatsAppCarouselTemplate).mapping\n\t\t\t\t\t\t\t.cards?.[selectedCarouselIndex],\n\t\t\t\t }\n\t\t\t\t: ({ ...template } as WhatsAppTemplate);\n\n\t\tconst updateComponents = currentTemplate?.components?.map((component) => {\n\t\t\tconst updateComponent = { ...component };\n\n\t\t\tif (component.type === 'BODY' && componentType === 'BODY') {\n\t\t\t\tif (\n\t\t\t\t\tArray.isArray(component.example?.body_text) \|\|\n\t\t\t\t\tcomponent.example?.body_text?.[0]\n\t\t\t\t) {\n\t\t\t\t\tconst bodyVals = [...(updateComponent.example?.body_text?.[0] ?? [])];\n\t\t\t\t\tbodyVals[index] = newValue\n\t\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t\t.replace('((', '')\n\t\t\t\t\t\t.replace('))', '');\n\t\t\t\t\tconst componentExample = {\n\t\t\t\t\t\t...updateComponent.example,\n\t\t\t\t\t\tbody_text: [bodyVals],\n\t\t\t\t\t};\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...updateComponent,\n\t\t\t\t\t\texample: componentExample,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (component.type === 'TITLE' && componentType === 'TITLE') {\n\t\t\t\tif (\n\t\t\t\t\tArray.isArray(component.example?.title_text) \|\|\n\t\t\t\t\tcomponent.example?.title_text?.[0]\n\t\t\t\t) {\n\t\t\t\t\tconst bodyVals = [\n\t\t\t\t\t\t...(updateComponent.example?.title_text?.[0] ?? []),\n\t\t\t\t\t];\n\t\t\t\t\tbodyVals[index] = newValue\n\t\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t\t.replace('((', '')\n\t\t\t\t\t\t.replace('))', '');\n\t\t\t\t\tconst componentExample = {\n\t\t\t\t\t\t...updateComponent.example,\n\t\t\t\t\t\ttitle_text: [bodyVals],\n\t\t\t\t\t};\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...updateComponent,\n\t\t\t\t\t\texample: componentExample,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t} else if (component.type === 'HEADER' && componentType === 'HEADER') {\n\t\t\t\tif (component.example?.header_text) {\n\t\t\t\t\tconst headerVals = [...(updateComponent.example?.header_text ?? [])];\n\t\t\t\t\theaderVals[index] = newValue\n\t\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t\t.replace('((', '')\n\t\t\t\t\t\t.replace('))', '');\n\t\t\t\t\tconst componentExample = {\n\t\t\t\t\t\t...updateComponent.example,\n\t\t\t\t\t\theader_text: headerVals,\n\t\t\t\t\t};\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...updateComponent,\n\t\t\t\t\t\texample: componentExample,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t} else if (component.type === 'BUTTONS' && componentType === 'BUTTONS') {\n\t\t\t\tconst updateComponentButtons = component.buttons?.map((button, i) => {\n\t\t\t\t\tif (i === index) {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...button,\n\t\t\t\t\t\t\texample: button.type === 'COPY_CODE' ? newValue : [newValue],\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t\treturn button;\n\t\t\t\t});\n\n\t\t\t\tif (updateComponentButtons) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...updateComponent,\n\t\t\t\t\t\tbuttons: updateComponentButtons,\n\t\t\t\t\t};\n\t\t\t\t} else {\n\t\t\t\t\treturn updateComponent;\n\t\t\t\t}\n\t\t\t} else if (\n\t\t\t\tcomponent.type === 'limited_time_offer' &&\n\t\t\t\tcomponentType === 'limited_time_offer'\n\t\t\t) {\n\t\t\t\treturn {\n\t\t\t\t\t...updateComponent,\n\t\t\t\t\texample: {\n\t\t\t\t\t\t...updateComponent.example,\n\t\t\t\t\t\tlimited_time_offer: newValue,\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn component;\n\t\t});\n\n\t\tcurrentTemplate.components = updateComponents;\n\n\t\tif (updateMapping) {\n\t\t\tif (componentType === 'BODY' && currentTemplate?.mapping?.body) {\n\t\t\t\tcurrentTemplate.mapping = {\n\t\t\t\t\t...currentTemplate.mapping,\n\t\t\t\t\tbody: currentTemplate.mapping?.body?.map((body, i) => {\n\t\t\t\t\t\tif (index === i) {\n\t\t\t\t\t\t\treturn type === 'custom_text'\n\t\t\t\t\t\t\t\t? `((editableVariable${i + 10}))`\n\t\t\t\t\t\t\t\t: newValue;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn body;\n\t\t\t\t\t}),\n\t\t\t\t};\n\t\t\t} else if (\n\t\t\t\tcomponentType === 'TITLE' &&\n\t\t\t\tcurrentTemplate?.mapping?.['title']\n\t\t\t) {\n\t\t\t\t(currentTemplate.mapping as {}) = {\n\t\t\t\t\t...currentTemplate.mapping,\n\t\t\t\t\ttitle: currentTemplate.mapping?.['title']?.map((body, i) => {\n\t\t\t\t\t\tif (index === i) {\n\t\t\t\t\t\t\treturn type === 'custom_text'\n\t\t\t\t\t\t\t\t? `((editableVariable${i + 10}))`\n\t\t\t\t\t\t\t\t: newValue;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn body;\n\t\t\t\t\t}),\n\t\t\t\t};\n\t\t\t} else if (\n\t\t\t\tcomponentType === 'HEADER' &&\n\t\t\t\tcurrentTemplate?.mapping?.header\n\t\t\t) {\n\t\t\t\tcurrentTemplate.mapping = {\n\t\t\t\t\t...currentTemplate.mapping,\n\t\t\t\t\theader: currentTemplate.mapping.header.map((header, i) => {\n\t\t\t\t\t\tif (index === i) {\n\t\t\t\t\t\t\treturn type === 'custom_text'\n\t\t\t\t\t\t\t\t? `((editableVariable${i + 20}))`\n\t\t\t\t\t\t\t\t: newValue;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn header;\n\t\t\t\t\t}),\n\t\t\t\t};\n\t\t\t} else if (\n\t\t\t\tcomponentType === 'BUTTONS' &&\n\t\t\t\tcurrentTemplate?.mapping?.buttons\n\t\t\t) {\n\t\t\t\t// Mapping Object only has URL buttons.\n\t\t\t\t// Component object has all buttons\n\t\t\t\t// When updating component, this updaets corresponding mapping index too.\n\n\t\t\t\tlet urlMappingCounter = -1;\n\t\t\t\tlet urlMappingIndex = -1;\n\n\t\t\t\tupdateComponents.forEach((component) => {\n\t\t\t\t\tif (component.type === 'BUTTONS') {\n\t\t\t\t\t\tcomponent.buttons?.forEach((button, i) => {\n\t\t\t\t\t\t\tif (button.type === 'URL') {\n\t\t\t\t\t\t\t\turlMappingCounter++;\n\n\t\t\t\t\t\t\t\tif (i === index && button.type == 'URL') {\n\t\t\t\t\t\t\t\t\turlMappingIndex = urlMappingCounter;\n\t\t\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});\n\n\t\t\t\tcurrentTemplate.mapping = {\n\t\t\t\t\t...currentTemplate.mapping,\n\t\t\t\t\tbuttons: currentTemplate.mapping.buttons.map((button, i) => {\n\t\t\t\t\t\tif (i === urlMappingIndex) {\n\t\t\t\t\t\t\treturn type === 'custom_link'\n\t\t\t\t\t\t\t\t? `((customPlaceholderName))`\n\t\t\t\t\t\t\t\t: newValue;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn button;\n\t\t\t\t\t}),\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\n\t\tif (\n\t\t\tselectedCarouselIndex != undefined &&\n\t\t\tselectedCarouselIndex > -1 &&\n\t\t\ttemplate\n\t\t) {\n\t\t\tconst templateCopy = cloneDeep(template as WhatsAppCarouselTemplate);\n\t\t\ttemplateCopy.components[cardIndex].cards![\n\t\t\t\tselectedCarouselIndex\n\t\t\t].components = currentTemplate.components;\n\t\t\ttemplateCopy.mapping.cards![selectedCarouselIndex] =\n\t\t\t\tcurrentTemplate.mapping!;\n\t\t\tsetTemplate?.(templateCopy);\n\t\t} else {\n\t\t\tsetTemplate?.({ ...currentTemplate } as WhatsAppTemplate);\n\t\t}\n\t}\n\n\tconst handleVariableCallback = (variable: any) => {\n\t\tsetShowDiscountCheckBox?.(false);\n\t\tif (variable.actualValue === '{{custom.url}}') {\n\t\t\thandleOptionSelect({\n\t\t\t\tlabel: variable.displayName,\n\t\t\t\tselected: true,\n\t\t\t\tvalue: 'custom_link',\n\t\t\t});\n\t\t} else if (variable.actualValue == '{{custom.text}}') {\n\t\t\thandleOptionSelect({\n\t\t\t\tlabel: variable.displayName,\n\t\t\t\tselected: true,\n\t\t\t\tvalue: 'custom_text',\n\t\t\t});\n\t\t} else if (variable.actualValue == '{{static.expiry}}') {\n\t\t\thandleOptionSelect({\n\t\t\t\tlabel: variable.displayName,\n\t\t\t\tselected: true,\n\t\t\t\tvalue: 'static_expiry',\n\t\t\t});\n\t\t} else {\n\t\t\thandleOptionSelect({\n\t\t\t\tlabel: variable.displayName\n\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t.trim()\n\t\t\t\t\t.replace('.', ' '),\n\t\t\t\tselected: true,\n\t\t\t\tvalue: variable.actualValue,\n\t\t\t\tbikPlaceholderType: 'string',\n\t\t\t});\n\t\t}\n\t};\n\n\tconst handleCustomVariableAddition = () => {\n\t\tlet updatedVariableListWithCustomVariables: VariableListInterfaceV2[] =\n\t\t\tArray.isArray(variableList) ? [...variableList] : [];\n\n\t\t// Function to add custom variables if they do not already exist\n\t\t// This is to ensure that custom variables are added only once\n\t\t// and not duplicated in the variable list.\n\t\tconst addIfNotExists = (\n\t\t\tcategoryDisplayName: string,\n\t\t\tvariableDisplayName: string,\n\t\t\tvariableValue: string,\n\t\t) => {\n\t\t\tconst updated = updateVariables({\n\t\t\t\tvariableList: updatedVariableListWithCustomVariables,\n\t\t\t\tcategoryDisplayName,\n\t\t\t\tvariableDisplayName,\n\t\t\t\tvariableValue,\n\t\t\t});\n\t\t\tif (Array.isArray(updated)) {\n\t\t\t\tupdatedVariableListWithCustomVariables = updated;\n\t\t\t}\n\t\t};\n\n\t\tif (\n\t\t\tpod === POD.CHATBOT &&\n\t\t\tbuttonType !== BUTTON_TYPE.URL &&\n\t\t\tcomponentType !== 'limited_time_offer'\n\t\t) {\n\t\t\taddIfNotExists('Custom Variables', 'Custom Text', '{{custom.text}}');\n\t\t}\n\n\t\tif (buttonType === BUTTON_TYPE.URL && pod === POD.CHATBOT) {\n\t\t\taddIfNotExists('Custom Variables', 'Custom URL', '{{custom.url}}');\n\t\t} else if (componentType === 'limited_time_offer') {\n\t\t\taddIfNotExists('Static Variables', 'Static Expiry', '{{static.expiry}}');\n\t\t} else if (buttonType === BUTTON_TYPE.COPY_CODE) {\n\t\t\taddIfNotExists('Custom Variables', 'Custom Text', '{{custom.text}}');\n\t\t}\n\n\t\tsetVariableList(updatedVariableListWithCustomVariables);\n\t};\n\n\tfunction updateWebpushBroadcastConfig(index: number, newValue: string) {\n\t\tconst currentTemplate = cloneDeep(template) as WebpushTemplateType;\n\t\tconst configType = componentType!.toLocaleLowerCase();\n\t\tif (currentTemplate.webpushBroadcastConfig?.[configType]) {\n\t\t\tcurrentTemplate.webpushBroadcastConfig[configType]![index] = newValue;\n\t\t}\n\t\tsetTemplate?.({ ...currentTemplate } as WebpushTemplateType);\n\t}\n\n\treturn (\n\t\t<Container\n\t\t\tchannel={channel}\n\t\t\tfocused={focused}\n\t\t\tonMouseEnter={() => setFocusState(true)}\n\t\t\tonMouseLeave={() => setFocusState(false)}\n\t\t>\n\t\t\t<div style={{ marginBottom: 8 }}>\n\t\t\t\t<BodySecondary\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\tisError && !selectedOption\n\t\t\t\t\t\t\t\t? COLORS.content.negative\n\t\t\t\t\t\t\t\t: COLORS.content.primary,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{variable.variableName?.replace('{{', '').replace('}}', '')}{' '}\n\t\t\t\t\t{variable?.type === 'link' ? 'link' : 'variable'}\n\t\t\t\t</BodySecondary>\n\t\t\t</div>\n\t\t\t<div style={{ marginBottom: 12 }}>\n\t\t\t\t{showVariableModal ? (\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\tborder: '#E0E0E0 1px solid',\n\t\t\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t\t\tpadding: 10,\n\t\t\t\t\t\t\tjustifyContent: selectedOption?.label\n\t\t\t\t\t\t\t\t? 'space-between'\n\t\t\t\t\t\t\t\t: 'flex-end',\n\t\t\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\t\t\tvariable?.type === 'date_time' && disableEditExpiry\n\t\t\t\t\t\t\t\t\t? COLORS.background.base\n\t\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<BodyPrimary numberOfLines={1}>\n\t\t\t\t\t\t\t{pod === POD.CHATBOT\n\t\t\t\t\t\t\t\t? ['static_expiry', 'custom_text', 'custom_link'].includes(\n\t\t\t\t\t\t\t\t\t\tselectedOption?.value ?? '',\n\t\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t\t\t? selectedOption?.label\n\t\t\t\t\t\t\t\t\t: selectedOption?.value\n\t\t\t\t\t\t\t\t: truncate(selectedOption?.label ?? '', 20, true)}\n\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t{disableEditVariable \|\|\n\t\t\t\t\t\t(variable?.type === 'date_time' && disableEditExpiry) ? (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<EditIcon\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\thandleCustomVariableAddition();\n\t\t\t\t\t\t\t\t\tsetVariableCallback(() => handleVariableCallback);\n\t\t\t\t\t\t\t\t\tsetShowVariablePicker(true);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tdisabled={disableEditVariable}\n\t\t\t\t\t\toptions={options}\n\t\t\t\t\t\tisSearchable={false}\n\t\t\t\t\t\tonSelect={\n\t\t\t\t\t\t\thandleOptionSelect as (\n\t\t\t\t\t\t\t\toption: DropdownOption \| DropdownOption[],\n\t\t\t\t\t\t\t) => void\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdefaultOptions={\n\t\t\t\t\t\t\tselectedOption\n\t\t\t\t\t\t\t\t? [{ ...selectedOption, selected: true } as DropdownOption]\n\t\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</div>\n\t\t\t{(selectedOption?.value === 'custom_text' \|\|\n\t\t\t\tselectedOption?.value === 'custom_link') && (\n\t\t\t\t<Input\n\t\t\t\t\tstate={disableEditVariable ? 'disabled' : 'none'}\n\t\t\t\t\tlabelText={\n\t\t\t\t\t\tselectedOption?.value === 'custom_text'\n\t\t\t\t\t\t\t? 'Custom text value'\n\t\t\t\t\t\t\t: selectedOption?.value === 'custom_link'\n\t\t\t\t\t\t\t? 'Custom URL value'\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t\tid={`variable-value-${selectedOption?.value}-${index}`}\n\t\t\t\t\tvalue={enteredVariableValue}\n\t\t\t\t\terrorMessage={\n\t\t\t\t\t\tisError &&\n\t\t\t\t\t\ttemplateErrorIndexes?.buttons?.includes(variable?.index ?? -1)\n\t\t\t\t\t\t\t? !enteredVariableValue \|\|\n\t\t\t\t\t\t\t enteredVariableValue.trim().length === 0\n\t\t\t\t\t\t\t\t? 'Required field'\n\t\t\t\t\t\t\t\t: selectedOption.value === 'custom_link' &&\n\t\t\t\t\t\t\t\t (!urlRegex.test(`https://${enteredVariableValue.trim()}`) \|\|\n\t\t\t\t\t\t\t\t\t\tenteredVariableValue.trim().length === 0)\n\t\t\t\t\t\t\t\t? 'Enter valid URL'\n\t\t\t\t\t\t\t\t: selectedOption.value !== 'custom_link' &&\n\t\t\t\t\t\t\t\t enteredVariableValue.length > 30\n\t\t\t\t\t\t\t\t? 'Length cannot be more than 30'\n\t\t\t\t\t\t\t\t: componentType === 'BUTTONS' &&\n\t\t\t\t\t\t\t\t selectedOption.value !== 'custom_link'\n\t\t\t\t\t\t\t\t? 'Enter valid alpha numeric code'\n\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\tmaxCharLimit={\n\t\t\t\t\t\tmaxCharLimit\n\t\t\t\t\t\t\t? maxCharLimit\n\t\t\t\t\t\t\t: selectedOption?.value === 'custom_link'\n\t\t\t\t\t\t\t? 2000\n\t\t\t\t\t\t\t: componentType === 'BUTTONS'\n\t\t\t\t\t\t\t? 15\n\t\t\t\t\t\t\t: 30\n\t\t\t\t\t}\n\t\t\t\t\tnoKeyDownChange={true}\n\t\t\t\t\tprefixText={selectedOption?.value === 'custom_link' ? 'https://' : ''}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tvariable.type === 'link' \|\| selectedOption.value === 'custom_link'\n\t\t\t\t\t\t\t? 'Enter custom URL here'\n\t\t\t\t\t\t\t: 'Enter custom text here'\n\t\t\t\t\t}\n\t\t\t\t\tonChangeText={(enteredVariableName) => {\n\t\t\t\t\t\thandleCustomInputUpdate(\n\t\t\t\t\t\t\tselectedOption.value as 'custom_text' \| 'custom_link',\n\t\t\t\t\t\t\tenteredVariableName,\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\t{/* When static expiry is selected, Custom date time can be chosen.\n\t\t\tPoints to be noted.\n\t\t\t1. If there is no date Time chosen, current date and time is displayed.\n\t\t\t2. Custom date time is converted to ISO string and parsed from ISO string if there was a previous value */}\n\t\t\t{selectedOption?.value === 'static_expiry' && (\n\t\t\t\t<div style={{ position: 'relative' }}>\n\t\t\t\t\t{(disableEditVariable \|\| disableDatePicker) && (\n\t\t\t\t\t\t<Overlay\n\t\t\t\t\t\t\tonClick={(e) => e.preventDefault()}\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\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<OverlayContent />\n\t\t\t\t\t\t\t<OverlayContent />\n\t\t\t\t\t\t</Overlay>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<CustomDateTime\n\t\t\t\t\t\tplacement={'auto'}\n\t\t\t\t\t\ttime={\n\t\t\t\t\t\t\tenteredVariableValue\n\t\t\t\t\t\t\t\t? format(new Date(enteredVariableValue), 'hh:mm a')\n\t\t\t\t\t\t\t\t: format(new Date(), 'hh:mm a')\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdate={\n\t\t\t\t\t\t\tenteredVariableValue ? new Date(enteredVariableValue) : new Date()\n\t\t\t\t\t\t}\n\t\t\t\t\t\tminDate={new Date()}\n\t\t\t\t\t\terror={''}\n\t\t\t\t\t\tsetError={() => {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonChange={(date: Date): void => {\n\t\t\t\t\t\t\thandleCustomInputUpdate('static_expiry', date.toISOString());\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{selectedOption?.value === 'static_expiry' &&\n\t\t\t\tshowDiscountCodeExpiryInfo && (\n\t\t\t\t\t<div style={{ marginTop: 8 }}>\n\t\t\t\t\t\t<Alert\n\t\t\t\t\t\t\tcontainerStyle={{ padding: '4px 8px' }}\n\t\t\t\t\t\t\ticon={() => (\n\t\t\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\ttype={ALERT_TYPES.NEUTRAL}\n\t\t\t\t\t\t\ttext=\"Please use the same expiration code that you applied when creating\nthe code on Shopify\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t{variable.type === 'link' &&\n\t\t\t\tselectedOption?.value !== 'custom_link' &&\n\t\t\t\t!isProductCarouselType &&\n\t\t\t\t!isWhatsappCarousel &&\n\t\t\t\tpod === POD.CHATBOT && (\n\t\t\t\t\t<QueryParamsComponent\n\t\t\t\t\t\tisError={\n\t\t\t\t\t\t\ttemplateErrorIndexes?.buttons?.includes(variable?.index ?? -1) ??\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t}\n\t\t\t\t\t\tparams={variable.queryParams ?? []}\n\t\t\t\t\t\tonChange={(params) => {\n\t\t\t\t\t\t\tupdateVariableList(variable.updatedValue, 'link', params);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tvariableValue={variable.updatedValue}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t</Container>\n\t);\n};\n\nexport default VariableConnector;\n"],"names":["Container","styled","div","props","focused","channel","CHANNEL_TYPE","EMAIL","COLORS","background","warning","light","Overlay","OverlayContent","CUSTOM_LINK","value","label","CUSTOM_TEXT","STATIC_EXPIRY","onFocus","variable","index","showVariableModal","setShowDiscountCheckBox","componentType","CTAoptions","buttonType","setFocusState","useState","enteredVariableValue","setEnteredVariableValue","options","setOptions","selectedOption","setSelectedOption","renderFirstTime","setRenderFirstTime","variableList","setVariableList","setVariableCallback","setShowVariablePicker","device","isError","originalVariableList","template","templateSelectionTriggered","setTemplate","setDisplayContent","setOriginalVariableList","globalNormalizedPlaceholders","enabledCustomText","pod","selectedCarouselIndex","isProductCarouselType","isWhatsappCarousel","disableEditVariable","disableEditExpiry","templateErrorIndexes","maxCharLimit","disableDatePicker","showDiscountCodeExpiryInfo","cardIndex","useTemplateModalContext","handleOptionSelect","option","selectedIndex","singleOption","WHATSAPP","RCS","updateVariableList","_a","updateEditableVarForSelectedComponentBody","_b","_c","bikPlaceholderType","WEBPUSH","updateWebpushBroadcastConfig","_d","handleCustomInputUpdate","type","inputValue","includes","POD","CHATBOT","updateValue","queryParams","normalizedType","variableId","getVariableNameForEmailByIndex","iframe","document","getElementById","element","contentWindow","textContent","variableName","updatedVariables","map","currVar","ind","Object","assign","updatedValue","updateVariableListLocal","list","updatedLists","BODY","body","TITLE","WEB_PUSH_COMPONENT_TYPE","toUpperCase","title","prevState","buttons","undefined","cardBodyVariableList","cards","card","i","buttonVariable","example","bodyVariableList","titleVariableList","headerVariableList","header","buttonVariableList","_e","cardsCopy","cloneDeep","newValue","updateMapping","newComponent","components","component","isCarouselComponent","cardComponent","body_text","bodyVals","replace","componentExample","_g","_f","_k","_j","_h","title_text","updateComponentButtons","_l","button","templateCopy","mappingComponent","mapping","indexComp","urlMappingCounter","urlMappingIndex","forEach","comp","currentTemplate","updateComponents","updateComponent","Array","isArray","_m","_o","header_text","headerVals","_p","_q","_r","limited_time_offer","useEffect","iframeId","updatedHtmlContent","innerHTML","head","updateNewVariables","defaultOptions","allOptions","MESSAGE","push","globalOptions","globalOption","StringUtils","toCapitilize","toLowerCase","placeHolderNamePattern","test","startsWith","preSelectedOption","variableUpdatedValue","variableLabel","isVariableInCtaOptions","filter","opt","placeHolder","length","trim","optionCategory","op","checkVariableOptions","split","renderVariableConnector","setTimeout","handleVariableCallback","actualValue","displayName","selected","configType","toLocaleLowerCase","webpushBroadcastConfig","_jsxs","onMouseEnter","onMouseLeave","_jsx","jsx","style","marginBottom","jsxs","BodySecondary","color","content","negative","primary","children","display","border","borderRadius","padding","justifyContent","backgroundColor","base","BodyPrimary","numberOfLines","truncate","_Fragment","Fragment","EditIcon","onClick","handleCustomVariableAddition","updatedVariableListWithCustomVariables","addIfNotExists","categoryDisplayName","variableDisplayName","variableValue","updated","updateVariables","BUTTON_TYPE","URL","COPY_CODE","width","height","Dropdown","disabled","isSearchable","onSelect","Input","state","labelText","id","errorMessage","noKeyDownChange","prefixText","placeholder","onChangeText","enteredVariableName","position","e","preventDefault","CustomDateTime","placement","time","format","Date","date","minDate","error","setError","onChange","toISOString","marginTop","Alert","containerStyle","icon","InfoIcon","secondary","ALERT_TYPES","NEUTRAL","text","QueryParamsComponent","params"],"mappings":"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"}
1	+ {"version":3,"file":"VariableConnector.js","sources":["../../../../../src/components/template-context-mapper/modalElements/VariableConnector.tsx"],"sourcesContent":["/** CONSTANTS /\nimport EditIcon from '@src/assets/icons/edit.svg';\nimport InfoIcon from '@src/assets/icons/info.svg';\nimport { format } from 'date-fns';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport type { VariableListInterfaceV2 } from '@src/components/add-variableV2/AddVariableV2';\nimport { Alert } from '@src/components/alerts/Alert';\nimport { ALERT_TYPES } from '@src/components/alerts/AlertHelper';\nimport { CustomDateTime } from '@src/components/custom-date-time/CustomDateTime';\nimport { Dropdown } from '@src/components/dropdown/Dropdown';\nimport type {\n\tDropdownOption,\n\tSingleOption,\n} from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input/Input';\nimport { truncate } from '@src/components/product-picker-v2/collectionScreen';\nimport { placeHolderNamePattern } from '@src/components/template-preview/constants/regexPatterns';\nimport { isCarouselComponent } from '@src/components/template-preview/helpers/templateMiscHelper';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport {\n\tButtonPlaceHolderOptions,\n\tCUSTOM_VARIABLE,\n\ttype globalNormalizedPlaceholdersType,\n\ttype QueryParamtype,\n} from '@src/components/template-preview/models/TemplateMeta';\nimport {\n\tWEB_PUSH_COMPONENT_TYPE,\n\ttype WebpushTemplateType,\n\ttype WebpushTemplateVariables,\n} from '@src/components/template-preview/models/WebpushTemplate';\nimport type {\n\tWhatsAppCarouselTemplate,\n\tWhatsAppCarouselTemplateVariables,\n} from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport {\n\tBUTTON_TYPE,\n\tPOD,\n\ttype WhatsAppTemplate,\n\ttype WhatsAppTemplateVariables,\n} from '@src/components/template-preview/models/WhatsAppTemplate';\nimport { BodyPrimary, BodySecondary } from '@src/components/TypographyStyle';\nimport StringUtils from '@src/utils/StringUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport { updateVariables } from '../custom-hooks/useAdditionalVariables';\nimport { getVariableNameForEmailByIndex } from '../utils/getVariableNameEmail';\nimport { ComponentType } from './modal';\nimport { QueryParamsComponent } from './QueryParamsComponent';\n\nexport const Container = styled.div<{\n\tfocused?: boolean;\n\tchannel?: CHANNEL_TYPE;\n}>`\n\t/ surface/$color-background-warning-light /\n\n\tbackground: ${(props) =>\n\t\tprops.focused && props.channel === CHANNEL_TYPE.EMAIL\n\t\t\t? COLORS.background.warning.light\n\t\t\t: 'transparent'};\n\tborder-radius: 4px;\n\tpadding: 8px 10px;\n`;\n\nconst Overlay = styled.div`\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\tz-index: 1000;\n\tcursor: not-allowed;\n`;\nconst OverlayContent = styled.div`\n\theight: 100%;\n\twidth: 48%;\n\tbackground: rgba(0, 0, 0, 0.1);\n`;\n\ntype DropdownType = {\n\tlabel: string;\n\tvalue?: string;\n\toptions: SingleOption[];\n};\n\nconst CUSTOM_LINK: SingleOption = {\n\tvalue: 'custom_link',\n\tlabel: 'Custom URL',\n};\nconst CUSTOM_TEXT: SingleOption = {\n\tvalue: 'custom_text',\n\tlabel: 'Custom text',\n};\nconst STATIC_EXPIRY: SingleOption = {\n\tvalue: 'static_expiry',\n\tlabel: 'Static Expiry',\n};\n\n/* COMPONENT BELOW /\n\nexport interface VariableConnectorProps {\n\tonFocus?: () => void;\n\tvariable: CUSTOM_VARIABLE;\n\tindex: number;\n\tshowVariableModal?: boolean;\n\tsetShowDiscountCheckBox?: any;\n\tbuttonType?: BUTTON_TYPE;\n\tcomponentType?: ComponentType['type'] \| WEB_PUSH_COMPONENT_TYPE;\n\tCTAoptions?: ButtonPlaceHolderOptions[];\n}\n\nconst VariableConnector: React.FC<VariableConnectorProps> = (props) => {\n\tconst {\n\t\tonFocus,\n\t\tvariable,\n\t\tindex,\n\t\tshowVariableModal,\n\t\tsetShowDiscountCheckBox,\n\t\tcomponentType,\n\t\tCTAoptions,\n\t\tbuttonType,\n\t} = props;\n\n\tconst [focused, setFocusState] = useState(false);\n\tconst [enteredVariableValue, setEnteredVariableValue] = useState('');\n\tconst [options, setOptions] = useState<\n\t\tDropdownType[] \| globalNormalizedPlaceholdersType[]\n\t>([]);\n\tconst [selectedOption, setSelectedOption] = useState<SingleOption>();\n\tconst [renderFirstTime, setRenderFirstTime] = useState<boolean>(false);\n\tconst urlRegex =\n\t\t/^https?:\\/\\/(?:www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b(?:[-a-zA-Z0-9()@:%_\\+.~#?&\\/=])$/;\n\n\tconst {\n\t\tvariableList,\n\t\tsetVariableList,\n\t\tsetVariableCallback,\n\t\tsetShowVariablePicker,\n\t\tdevice,\n\t\tchannel,\n\t\tisError,\n\t\toriginalVariableList,\n\t\ttemplate,\n\t\ttemplateSelectionTriggered,\n\t\tsetTemplate,\n\t\tsetDisplayContent,\n\t\tsetOriginalVariableList,\n\t\tglobalNormalizedPlaceholders,\n\t\tenabledCustomText,\n\t\tpod,\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\tisWhatsappCarousel,\n\t\tdisableEditVariable,\n\t\tdisableEditExpiry,\n\t\ttemplateErrorIndexes,\n\t\tmaxCharLimit,\n\t\tdisableDatePicker,\n\t\tshowDiscountCodeExpiryInfo,\n\t\tcardIndex = 1,\n\t} = useTemplateModalContext();\n\n\tuseEffect(() => {\n\t\tif (focused) {\n\t\t\tonFocus?.();\n\t\t}\n\t}, [focused]);\n\n\tuseEffect(() => {\n\t\tupdateNewVariables();\n\t}, [templateSelectionTriggered]);\n\n\tuseEffect(() => {\n\t\trenderVariableConnector();\n\t}, [selectedCarouselIndex]);\n\n\tfunction renderVariableConnector() {\n\t\tconst defaultOptions: DropdownType[] = [];\n\t\tlet allOptions: DropdownType[] \| globalNormalizedPlaceholdersType[] = [];\n\t\tif (channel === CHANNEL_TYPE.MESSAGE && !enabledCustomText) {\n\t\t\tconst globalOptions = globalNormalizedPlaceholders ?? [];\n\t\t\tsetOptions([\n\t\t\t\t{\n\t\t\t\t\tlabel: '',\n\t\t\t\t\toptions: [CUSTOM_TEXT, CUSTOM_LINK],\n\t\t\t\t},\n\t\t\t\t...globalOptions,\n\t\t\t]);\n\n\t\t\tallOptions = [\n\t\t\t\t{\n\t\t\t\t\tlabel: '',\n\t\t\t\t\toptions: [CUSTOM_TEXT, CUSTOM_LINK],\n\t\t\t\t},\n\t\t\t\t...globalOptions,\n\t\t\t];\n\t\t} else {\n\t\t\tif (variable?.type === 'link') {\n\t\t\t\tdefaultOptions.push({\n\t\t\t\t\tlabel: '',\n\t\t\t\t\toptions: [CUSTOM_LINK, CUSTOM_TEXT],\n\t\t\t\t});\n\t\t\t\tsetSelectedOption(CUSTOM_LINK);\n\t\t\t} else if (variable?.type === 'date_time') {\n\t\t\t\tdefaultOptions.push({\n\t\t\t\t\tlabel: '',\n\t\t\t\t\toptions: [CUSTOM_LINK, CUSTOM_TEXT],\n\t\t\t\t});\n\t\t\t\tsetSelectedOption(STATIC_EXPIRY);\n\t\t\t} else {\n\t\t\t\tdefaultOptions.push({\n\t\t\t\t\tlabel: '',\n\t\t\t\t\toptions: [CUSTOM_LINK, CUSTOM_TEXT, STATIC_EXPIRY],\n\t\t\t\t});\n\t\t\t\tsetSelectedOption(CUSTOM_TEXT);\n\t\t\t}\n\t\t\tconst globalOptions = globalNormalizedPlaceholders ?? [];\n\n\t\t\tsetOptions([\n\t\t\t\t...defaultOptions,\n\t\t\t\t...globalOptions.map((globalOption) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...globalOption,\n\t\t\t\t\t\tlabel: StringUtils.toCapitilize(\n\t\t\t\t\t\t\tglobalOption.label?.replace(/([A-Z])/g, ' $1')?.toLowerCase(),\n\t\t\t\t\t\t),\n\t\t\t\t\t} as DropdownType;\n\t\t\t\t}),\n\t\t\t]);\n\t\t\tallOptions = [...defaultOptions, ...globalOptions];\n\t\t}\n\n\t\tif (\n\t\t\tchannel === CHANNEL_TYPE.WHATSAPP \|\|\n\t\t\tchannel === CHANNEL_TYPE.EMAIL \|\|\n\t\t\tchannel === CHANNEL_TYPE.MESSAGE \|\|\n\t\t\tchannel === CHANNEL_TYPE.WEBPUSH \|\|\n\t\t\tchannel === CHANNEL_TYPE.RCS\n\t\t) {\n\t\t\tif (variable.updatedValue) {\n\t\t\t\tif (\n\t\t\t\t\t(placeHolderNamePattern.test(variable.updatedValue) &&\n\t\t\t\t\t\t(channel === CHANNEL_TYPE.WHATSAPP \|\|\n\t\t\t\t\t\t\tchannel === CHANNEL_TYPE.RCS)) \|\|\n\t\t\t\t\t(variable.updatedValue.startsWith('{{') &&\n\t\t\t\t\t\tchannel !== CHANNEL_TYPE.WHATSAPP &&\n\t\t\t\t\t\tchannel !== CHANNEL_TYPE.RCS)\n\t\t\t\t) {\n\t\t\t\t\tconst preSelectedOption = checkVariableOptions(\n\t\t\t\t\t\tvariable,\n\t\t\t\t\t\tallOptions,\n\t\t\t\t\t\tchannel,\n\t\t\t\t\t);\n\t\t\t\t\tif (preSelectedOption.value) {\n\t\t\t\t\t\tsetSelectedOption(preSelectedOption);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (variable.type === 'date_time') {\n\t\t\t\t\t\tsetSelectedOption(STATIC_EXPIRY);\n\t\t\t\t\t\tsetEnteredVariableValue(variable.updatedValue);\n\t\t\t\t\t\tupdateEditableVarForSelectedComponentBody(\n\t\t\t\t\t\t\tvariable.index ?? 0,\n\t\t\t\t\t\t\tvariable.updatedValue,\n\t\t\t\t\t\t);\n\t\t\t\t\t} else if (variable.updatedValue?.startsWith('https')) {\n\t\t\t\t\t\tsetSelectedOption(CUSTOM_LINK);\n\t\t\t\t\t\tsetEnteredVariableValue(variable.updatedValue.split('https://')[1]);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetSelectedOption(CUSTOM_TEXT);\n\t\t\t\t\t\tsetEnteredVariableValue(variable.updatedValue);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction checkVariableOptions(\n\t\tvariable: CUSTOM_VARIABLE,\n\t\tallOptions: DropdownType[] \| globalNormalizedPlaceholdersType[],\n\t\tchannel: CHANNEL_TYPE,\n\t): SingleOption {\n\t\tlet preSelectedOption: SingleOption = { label: '', value: '' };\n\t\tconst variableUpdatedValue =\n\t\t\tchannel === (CHANNEL_TYPE.WHATSAPP \|\| CHANNEL_TYPE.RCS)\n\t\t\t\t? variable.updatedValue.replace('[[', '').replace(']]', '')\n\t\t\t\t: variable.updatedValue.replace('{{', '').replace('}}', '');\n\n\t\tif (showVariableModal) {\n\t\t\tlet variableLabel = variable.updatedValue;\n\n\t\t\t// For Backward Compatibility - Previously dropdown was used and this code is used to have a consistent display name when you select variable and already stored values.\n\t\t\tif (pod === POD.CHATBOT && componentType === 'BUTTONS') {\n\t\t\t\tconst isVariableInCtaOptions = CTAoptions?.filter(\n\t\t\t\t\t(opt) => opt.placeHolder === variable.updatedValue,\n\t\t\t\t);\n\n\t\t\t\tif (isVariableInCtaOptions && isVariableInCtaOptions.length > 0) {\n\t\t\t\t\tvariableLabel = isVariableInCtaOptions[0].label;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tpreSelectedOption = {\n\t\t\t\tlabel: variableLabel\n\t\t\t\t\t? variableLabel\n\t\t\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t\t\t.trim()\n\t\t\t\t\t\t\t.replace('.', ' ')\n\t\t\t\t\t: '',\n\t\t\t\tvalue: variable.updatedValue ?? '',\n\t\t\t};\n\t\t} else {\n\t\t\tallOptions.map((optionCategory) => {\n\t\t\t\toptionCategory.options.map((op) => {\n\t\t\t\t\tif (\n\t\t\t\t\t\top.value?.replace('{{', '').replace('}}', '').trim() ===\n\t\t\t\t\t\tvariableUpdatedValue.trim()\n\t\t\t\t\t) {\n\t\t\t\t\t\tpreSelectedOption = op;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t\treturn preSelectedOption;\n\t}\n\n\tfunction handleOptionSelect(\n\t\toption:\n\t\t\t\| (SingleOption & { bikPlaceholderType?: 'url' \| 'string' })\n\t\t\t\| SingleOption[],\n\t\tselectedIndex?: number,\n\t) {\n\t\tconst singleOption = option as SingleOption & {\n\t\t\tbikPlaceholderType?: 'url' \| 'string';\n\t\t};\n\t\tsetEnteredVariableValue('');\n\t\tsetSelectedOption(singleOption);\n\n\t\tif (channel === CHANNEL_TYPE.WHATSAPP \|\| channel === CHANNEL_TYPE.RCS) {\n\t\t\tif (\n\t\t\t\tsingleOption.value !== 'custom_text' &&\n\t\t\t\tsingleOption.value !== 'custom_link' &&\n\t\t\t\tsingleOption.value !== 'static_expiry'\n\t\t\t) {\n\t\t\t\tupdateVariableList(singleOption.value ?? '', 'string');\n\t\t\t\tupdateEditableVarForSelectedComponentBody?.(\n\t\t\t\t\tvariable.index ?? 0,\n\t\t\t\t\tsingleOption.value,\n\t\t\t\t\ttrue,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tupdateEditableVarForSelectedComponentBody?.(\n\t\t\t\t\tvariable.index ?? 0,\n\t\t\t\t\t'',\n\t\t\t\t\ttrue,\n\t\t\t\t\tsingleOption.value,\n\t\t\t\t);\n\t\t\t\tupdateVariableList(\n\t\t\t\t\t'',\n\t\t\t\t\tsingleOption.bikPlaceholderType === 'url' ? 'link' : 'string',\n\t\t\t\t);\n\t\t\t}\n\t\t} else {\n\t\t\tif (\n\t\t\t\tsingleOption.value !== 'custom_text' &&\n\t\t\t\tsingleOption.value !== 'custom_link'\n\t\t\t) {\n\t\t\t\tupdateVariableList(\n\t\t\t\t\tsingleOption.value!,\n\t\t\t\t\tsingleOption.bikPlaceholderType === 'url' ? 'link' : 'string',\n\t\t\t\t);\n\t\t\t\tif (channel == CHANNEL_TYPE.WEBPUSH) {\n\t\t\t\t\tupdateWebpushBroadcastConfig?.(\n\t\t\t\t\t\tvariable.index ?? 0,\n\t\t\t\t\t\tsingleOption.value,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tsetEnteredVariableValue('');\n\t\t\t\tupdateVariableList('', singleOption.value);\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction handleCustomInputUpdate(\n\t\ttype: 'custom_text' \| 'custom_link' \| 'static_expiry',\n\t\tvalue: string,\n\t) {\n\t\tsetEnteredVariableValue(value);\n\t\tconst inputValue =\n\t\t\tselectedOption?.value === 'custom_link' && value\n\t\t\t\t? value.includes('https')\n\t\t\t\t\t? value\n\t\t\t\t\t: `https://${value}`\n\t\t\t\t: value;\n\n\t\tconst variableType = type === 'static_expiry' ? 'string' : type;\n\t\tupdateVariableList(inputValue, variableType);\n\t\tif (channel === CHANNEL_TYPE.WHATSAPP \|\| channel === CHANNEL_TYPE.RCS) {\n\t\t\tupdateEditableVarForSelectedComponentBody?.(\n\t\t\t\tvariable.index ?? 0,\n\t\t\t\tinputValue,\n\t\t\t\ttype === 'custom_link' \|\|\n\t\t\t\t\t(pod === POD.CHATBOT && type === 'custom_text'),\n\t\t\t\ttype,\n\t\t\t);\n\t\t}\n\t\tif (channel === CHANNEL_TYPE.WEBPUSH) {\n\t\t\tupdateWebpushBroadcastConfig?.(variable.index ?? 0, inputValue);\n\t\t}\n\t}\n\n\tfunction updateVariableList(\n\t\tupdateValue: string,\n\t\ttype: 'link' \| 'string' \| 'custom_text' \| 'custom_link' \| 'date_time',\n\t\tqueryParams?: QueryParamtype[],\n\t) {\n\t\tconst normalizedType =\n\t\t\ttype === 'custom_link'\n\t\t\t\t? 'link'\n\t\t\t\t: type === 'custom_text'\n\t\t\t\t? 'string'\n\t\t\t\t: type;\n\t\tif (\n\t\t\tchannel !== CHANNEL_TYPE.WHATSAPP &&\n\t\t\tchannel !== CHANNEL_TYPE.WEBPUSH &&\n\t\t\tchannel !== CHANNEL_TYPE.RCS\n\t\t) {\n\t\t\tconst variableId = getVariableNameForEmailByIndex(index + 1);\n\t\t\tconst iframe = document?.getElementById(\n\t\t\t\tdevice === 'mobile' ? 'template_html_mobile' : 'template_html_desktop',\n\t\t\t) as HTMLIFrameElement;\n\n\t\t\tconst element =\n\t\t\t\tchannel === CHANNEL_TYPE.EMAIL\n\t\t\t\t\t? iframe?.contentWindow?.document.getElementById(variableId)\n\t\t\t\t\t: document.getElementById(variableId);\n\t\t\tif (element) {\n\t\t\t\tif ((type === 'custom_text' \|\| type === 'custom_link') && !updateValue)\n\t\t\t\t\telement.textContent = variable.variableName;\n\t\t\t\telse element.textContent = updateValue;\n\t\t\t}\n\n\t\t\tconst updatedVariables = (originalVariableList as CUSTOM_VARIABLE[]).map(\n\t\t\t\t(currVar, ind) => {\n\t\t\t\t\treturn ind === index\n\t\t\t\t\t\t? { ...currVar, type: normalizedType, updatedValue: updateValue }\n\t\t\t\t\t\t: currVar;\n\t\t\t\t},\n\t\t\t);\n\t\t\tsetOriginalVariableList?.(updatedVariables);\n\t\t}\n\t\tif (channel === CHANNEL_TYPE.WEBPUSH) {\n\t\t\tconst variableList = originalVariableList as WebpushTemplateVariables;\n\t\t\tconst updateVariableListLocal = (list: any[]) =>\n\t\t\t\tlist?.map((currVar, ind) =>\n\t\t\t\t\tind === index\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t...currVar,\n\t\t\t\t\t\t\t\ttype: normalizedType,\n\t\t\t\t\t\t\t\tupdatedValue: updateValue,\n\t\t\t\t\t\t }\n\t\t\t\t\t\t: currVar,\n\t\t\t\t);\n\t\t\tconst updatedLists = {\n\t\t\t\tBODY:\n\t\t\t\t\tcomponentType === 'BODY'\n\t\t\t\t\t\t? updateVariableListLocal(variableList.body)\n\t\t\t\t\t\t: variableList.body,\n\t\t\t\tTITLE:\n\t\t\t\t\tcomponentType === WEB_PUSH_COMPONENT_TYPE.TITLE.toUpperCase()\n\t\t\t\t\t\t? updateVariableListLocal(variableList.title)\n\t\t\t\t\t\t: variableList.title,\n\t\t\t};\n\t\t\tsetOriginalVariableList?.((prevState) => ({\n\t\t\t\t...prevState,\n\t\t\t\ttitle: updatedLists.TITLE,\n\t\t\t\tbody: updatedLists.BODY,\n\t\t\t\tbuttons: variableList.buttons,\n\t\t\t}));\n\t\t}\n\n\t\tif (channel === CHANNEL_TYPE.WHATSAPP \|\| channel === CHANNEL_TYPE.RCS) {\n\t\t\tif (\n\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\tselectedCarouselIndex > -1 &&\n\t\t\t\tisProductCarouselType\n\t\t\t) {\n\t\t\t\tconst cardBodyVariableList = {\n\t\t\t\t\t...(originalVariableList as WhatsAppCarouselTemplateVariables),\n\t\t\t\t}.cards.map((card, i) => {\n\t\t\t\t\tif (componentType === 'BODY') {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\tbody: card.body?.map((body, i) => {\n\t\t\t\t\t\t\t\tif (index === i) {\n\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t...body,\n\t\t\t\t\t\t\t\t\t\ttype: normalizedType,\n\t\t\t\t\t\t\t\t\t\tupdatedValue: updateValue,\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\treturn body;\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t};\n\t\t\t\t\t} else if (componentType === 'TITLE') {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\ttitle: card['title']?.map((title, i) => {\n\t\t\t\t\t\t\t\tif (index === i) {\n\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t...title,\n\t\t\t\t\t\t\t\t\t\ttype: normalizedType,\n\t\t\t\t\t\t\t\t\t\tupdatedValue: updateValue,\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\treturn title;\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t};\n\t\t\t\t\t} else if (componentType === 'BUTTONS') {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\tbuttons: card.buttons?.map((currVar, ind) => {\n\t\t\t\t\t\t\t\treturn ind === index\n\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t...currVar,\n\t\t\t\t\t\t\t\t\t\t\tbuttonVariable:\n\t\t\t\t\t\t\t\t\t\t\t\ttype === 'custom_link'\n\t\t\t\t\t\t\t\t\t\t\t\t\t? '((customPlaceholderName))'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: updateValue,\n\t\t\t\t\t\t\t\t\t\t\texample:\n\t\t\t\t\t\t\t\t\t\t\t\tcurrVar.type === 'COPY_CODE'\n\t\t\t\t\t\t\t\t\t\t\t\t\t? updateValue\n\t\t\t\t\t\t\t\t\t\t\t\t\t: [updateValue],\n\t\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t\t: currVar;\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\treturn card;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tsetOriginalVariableList?.((prevState) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...prevState,\n\t\t\t\t\t\tcards: cardBodyVariableList as any,\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst variableList =\n\t\t\t\tselectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t\t ]\n\t\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables);\n\n\t\t\tlet bodyVariableList = variableList.body;\n\t\t\tlet titleVariableList = variableList.title;\n\t\t\tlet headerVariableList = variableList.header;\n\t\t\tlet buttonVariableList = variableList.buttons;\n\n\t\t\tif (componentType === 'BODY') {\n\t\t\t\tbodyVariableList = variableList.body?.map((currVar, ind) => {\n\t\t\t\t\treturn ind === index\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t...currVar,\n\t\t\t\t\t\t\t\ttype: normalizedType,\n\t\t\t\t\t\t\t\tupdatedValue: updateValue,\n\t\t\t\t\t\t }\n\t\t\t\t\t\t: currVar;\n\t\t\t\t});\n\t\t\t} else if (componentType === 'TITLE') {\n\t\t\t\ttitleVariableList = variableList?.['title']?.map((currVar, ind) => {\n\t\t\t\t\treturn ind === index\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t...currVar,\n\t\t\t\t\t\t\t\ttype: normalizedType,\n\t\t\t\t\t\t\t\tupdatedValue: updateValue,\n\t\t\t\t\t\t }\n\t\t\t\t\t\t: currVar;\n\t\t\t\t});\n\t\t\t} else if (componentType === 'HEADER') {\n\t\t\t\theaderVariableList = variableList.header?.map((currVar, ind) => {\n\t\t\t\t\treturn ind === index\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t...currVar,\n\t\t\t\t\t\t\t\ttype: normalizedType,\n\t\t\t\t\t\t\t\tupdatedValue: updateValue,\n\t\t\t\t\t\t }\n\t\t\t\t\t\t: currVar;\n\t\t\t\t});\n\t\t\t} else if (componentType === 'BUTTONS') {\n\t\t\t\tbuttonVariableList = variableList.buttons?.map((currVar, ind) => {\n\t\t\t\t\treturn ind === index\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t...currVar,\n\t\t\t\t\t\t\t\tbuttonVariable:\n\t\t\t\t\t\t\t\t\ttype === 'custom_link'\n\t\t\t\t\t\t\t\t\t\t? '((customPlaceholderName))'\n\t\t\t\t\t\t\t\t\t\t: updateValue,\n\t\t\t\t\t\t\t\texample:\n\t\t\t\t\t\t\t\t\tcurrVar.type === 'COPY_CODE' ? updateValue : [updateValue],\n\t\t\t\t\t\t\t\tqueryParams: queryParams ?? [],\n\t\t\t\t\t\t }\n\t\t\t\t\t\t: currVar;\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\n\t\t\t\tconst cardsCopy = cloneDeep(\n\t\t\t\t\t(originalVariableList as WhatsAppCarouselTemplateVariables).cards,\n\t\t\t\t);\n\t\t\t\tcardsCopy[selectedCarouselIndex] = {\n\t\t\t\t\theader: headerVariableList,\n\t\t\t\t\tbody: bodyVariableList,\n\t\t\t\t\tbuttons: buttonVariableList,\n\t\t\t\t\ttitle: titleVariableList,\n\t\t\t\t};\n\t\t\t\tsetOriginalVariableList?.((prevState) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...prevState,\n\t\t\t\t\t\tcards: cardsCopy,\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tsetOriginalVariableList?.((prevState) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...prevState,\n\t\t\t\t\t\theader: headerVariableList,\n\t\t\t\t\t\tbody: bodyVariableList,\n\t\t\t\t\t\tbuttons: buttonVariableList,\n\t\t\t\t\t\ttitle: titleVariableList,\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}\n\n\tuseEffect(() => {\n\t\tif (device && selectedOption && enteredVariableValue) {\n\t\t\tsetTimeout(() => {\n\t\t\t\tconst inputValue =\n\t\t\t\t\tselectedOption?.value === 'custom_link' && enteredVariableValue\n\t\t\t\t\t\t? enteredVariableValue.includes('https')\n\t\t\t\t\t\t\t? enteredVariableValue\n\t\t\t\t\t\t\t: `https://${enteredVariableValue}`\n\t\t\t\t\t\t: enteredVariableValue;\n\t\t\t\tupdateVariableList(\n\t\t\t\t\tinputValue,\n\t\t\t\t\tselectedOption.value as 'custom_text' \| 'custom_link',\n\t\t\t\t);\n\t\t\t}, 100);\n\t\t}\n\t}, [device]);\n\n\tuseEffect(() => {\n\t\tif (!renderFirstTime && selectedOption && variable.updatedValue) {\n\t\t\tsetTimeout(() => {\n\t\t\t\tconst inputValue =\n\t\t\t\t\tselectedOption?.value === 'custom_link' && variable.updatedValue\n\t\t\t\t\t\t? variable.updatedValue.includes('https')\n\t\t\t\t\t\t\t? variable.updatedValue\n\t\t\t\t\t\t\t: `https://${variable.updatedValue}`\n\t\t\t\t\t\t: variable.updatedValue;\n\t\t\t\tupdateVariableList(\n\t\t\t\t\tinputValue,\n\t\t\t\t\tselectedOption.value as 'custom_text' \| 'custom_link',\n\t\t\t\t);\n\t\t\t\tsetRenderFirstTime(true);\n\t\t\t}, 100);\n\t\t}\n\t}, [selectedOption]);\n\n\tfunction updateNewVariables() {\n\t\tconst iframeId =\n\t\t\tdevice === 'mobile' ? 'template_html_mobile' : 'template_html_desktop';\n\t\tconst iframe = document.getElementById(iframeId) as HTMLIFrameElement;\n\n\t\tconst updatedHtmlContent =\n\t\t\t(iframe?.contentWindow?.document?.body?.innerHTML ?? '') +\n\t\t\tiframe?.contentWindow?.document.head.innerHTML;\n\t\tif (channel === CHANNEL_TYPE.EMAIL) {\n\t\t\tsetDisplayContent?.(updatedHtmlContent);\n\t\t}\n\t}\n\n\tfunction updateEditableVarForSelectedComponentBody(\n\t\tindex: number,\n\t\tnewValue: string,\n\t\tupdateMapping?: boolean,\n\t\ttype?: 'custom_text' \| 'custom_link' \| 'static_expiry',\n\t) {\n\t\tif (\n\t\t\tselectedCarouselIndex != undefined &&\n\t\t\tselectedCarouselIndex > -1 &&\n\t\t\tisProductCarouselType\n\t\t) {\n\t\t\tconst newComponent = {\n\t\t\t\t...(template as WhatsAppCarouselTemplate),\n\t\t\t}.components.map((component) => {\n\t\t\t\tif (isCarouselComponent(component.type)) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...component,\n\t\t\t\t\t\tcards: component.cards?.map((cardComponent) => {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...cardComponent,\n\t\t\t\t\t\t\t\tcomponents: cardComponent.components.map((card) => {\n\t\t\t\t\t\t\t\t\tif (card.type === 'BODY' && componentType === 'BODY') {\n\t\t\t\t\t\t\t\t\t\tif (card.example?.body_text?.[0]) {\n\t\t\t\t\t\t\t\t\t\t\tconst bodyVals = [\n\t\t\t\t\t\t\t\t\t\t\t\t...(card.example?.body_text?.[0] ?? []),\n\t\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\t\tbodyVals[index] = newValue\n\t\t\t\t\t\t\t\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t\t\t\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t\t\t\t\t\t\t\t.replace('((', '')\n\t\t\t\t\t\t\t\t\t\t\t\t.replace('))', '');\n\t\t\t\t\t\t\t\t\t\t\tconst componentExample = {\n\t\t\t\t\t\t\t\t\t\t\t\t...card.example,\n\t\t\t\t\t\t\t\t\t\t\t\tbody_text: [bodyVals],\n\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\t\t\t\t\t\texample: componentExample,\n\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\treturn card;\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\tif (card.type === 'TITLE' && componentType === 'TITLE') {\n\t\t\t\t\t\t\t\t\t\tif (card.example?.['title_text']?.[0]) {\n\t\t\t\t\t\t\t\t\t\t\tconst bodyVals = [\n\t\t\t\t\t\t\t\t\t\t\t\t...(card.example?.['title_text']?.[0] ?? []),\n\t\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\t\tbodyVals[index] = newValue\n\t\t\t\t\t\t\t\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t\t\t\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t\t\t\t\t\t\t\t.replace('((', '')\n\t\t\t\t\t\t\t\t\t\t\t\t.replace('))', '');\n\t\t\t\t\t\t\t\t\t\t\tconst componentExample = {\n\t\t\t\t\t\t\t\t\t\t\t\t...card.example,\n\t\t\t\t\t\t\t\t\t\t\t\ttitle_text: [bodyVals],\n\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\t\t\t\t\t\texample: componentExample,\n\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\treturn card;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t} else if (\n\t\t\t\t\t\t\t\t\t\tcard.type === 'BUTTONS' &&\n\t\t\t\t\t\t\t\t\t\tcomponentType === 'BUTTONS'\n\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\tconst updateComponentButtons = card.buttons?.map(\n\t\t\t\t\t\t\t\t\t\t\t(button, i) => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (i === index) {\n\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...button,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\texample: [newValue],\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 button;\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\t\tif (updateComponentButtons) {\n\t\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\t\t\t\t\t\tbuttons: updateComponentButtons,\n\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\treturn card;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\treturn card;\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};\n\t\t\t\t\t\t}),\n\t\t\t\t\t};\n\t\t\t\t} else {\n\t\t\t\t\treturn component;\n\t\t\t\t}\n\t\t\t});\n\t\t\tconst templateCopy = cloneDeep(template as WhatsAppCarouselTemplate);\n\t\t\tif (updateMapping) {\n\t\t\t\tconst mappingComponent = {\n\t\t\t\t\t...(template as WhatsAppCarouselTemplate),\n\t\t\t\t}.mapping.cards?.map((component, indexComp) => {\n\t\t\t\t\tif (componentType === 'BODY') {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...component,\n\t\t\t\t\t\t\tbody: component.body?.map((body, i) => {\n\t\t\t\t\t\t\t\tif (index === i) {\n\t\t\t\t\t\t\t\t\treturn type === 'custom_text'\n\t\t\t\t\t\t\t\t\t\t? `((editableVariable${i + 10}))`\n\t\t\t\t\t\t\t\t\t\t: newValue;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn body;\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t};\n\t\t\t\t\t} else if (componentType === 'TITLE') {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...component,\n\t\t\t\t\t\t\ttitle: component?.['title']?.map((body, i) => {\n\t\t\t\t\t\t\t\tif (index === i) {\n\t\t\t\t\t\t\t\t\treturn type === 'custom_text'\n\t\t\t\t\t\t\t\t\t\t? `((editableVariable${i + 10}))`\n\t\t\t\t\t\t\t\t\t\t: newValue;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn body;\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t};\n\t\t\t\t\t} else if (componentType === 'BUTTONS' && component?.buttons) {\n\t\t\t\t\t\tlet urlMappingCounter = -1;\n\t\t\t\t\t\tlet urlMappingIndex = -1;\n\n\t\t\t\t\t\t(template as WhatsAppCarouselTemplate).components[\n\t\t\t\t\t\t\tcardIndex\n\t\t\t\t\t\t].cards?.[indexComp].components.forEach((comp) => {\n\t\t\t\t\t\t\tif (comp.type === 'BUTTONS') {\n\t\t\t\t\t\t\t\tcomp.buttons?.forEach((button, i) => {\n\t\t\t\t\t\t\t\t\tif (button.type === 'URL') {\n\t\t\t\t\t\t\t\t\t\turlMappingCounter++;\n\n\t\t\t\t\t\t\t\t\t\tif (i === index && button.type == 'URL') {\n\t\t\t\t\t\t\t\t\t\t\turlMappingIndex = urlMappingCounter;\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});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...component,\n\t\t\t\t\t\t\tbuttons: component.buttons?.map((button, i) => {\n\t\t\t\t\t\t\t\tif (i === urlMappingIndex) {\n\t\t\t\t\t\t\t\t\treturn type === 'custom_link'\n\t\t\t\t\t\t\t\t\t\t? `((customPlaceholderName))`\n\t\t\t\t\t\t\t\t\t\t: newValue;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn button;\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\treturn component;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\ttemplateCopy.mapping.cards = mappingComponent as any;\n\t\t\t}\n\t\t\ttemplateCopy.components = newComponent as any;\n\t\t\tsetTemplate?.(templateCopy);\n\t\t\treturn;\n\t\t}\n\t\tconst currentTemplate =\n\t\t\tselectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t? {\n\t\t\t\t\t\tcomponents: ({ ...template } as WhatsAppCarouselTemplate)\n\t\t\t\t\t\t\t.components[cardIndex].cards?.[selectedCarouselIndex]\n\t\t\t\t\t\t\t.components as any,\n\t\t\t\t\t\tmapping: ({ ...template } as WhatsAppCarouselTemplate).mapping\n\t\t\t\t\t\t\t.cards?.[selectedCarouselIndex],\n\t\t\t\t }\n\t\t\t\t: ({ ...template } as WhatsAppTemplate);\n\n\t\tconst updateComponents = currentTemplate?.components?.map((component) => {\n\t\t\tconst updateComponent = { ...component };\n\n\t\t\tif (component.type === 'BODY' && componentType === 'BODY') {\n\t\t\t\tif (\n\t\t\t\t\tArray.isArray(component.example?.body_text) \|\|\n\t\t\t\t\tcomponent.example?.body_text?.[0]\n\t\t\t\t) {\n\t\t\t\t\tconst bodyVals = [...(updateComponent.example?.body_text?.[0] ?? [])];\n\t\t\t\t\tbodyVals[index] = newValue\n\t\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t\t.replace('((', '')\n\t\t\t\t\t\t.replace('))', '');\n\t\t\t\t\tconst componentExample = {\n\t\t\t\t\t\t...updateComponent.example,\n\t\t\t\t\t\tbody_text: [bodyVals],\n\t\t\t\t\t};\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...updateComponent,\n\t\t\t\t\t\texample: componentExample,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (component.type === 'TITLE' && componentType === 'TITLE') {\n\t\t\t\tif (\n\t\t\t\t\tArray.isArray(component.example?.title_text) \|\|\n\t\t\t\t\tcomponent.example?.title_text?.[0]\n\t\t\t\t) {\n\t\t\t\t\tconst bodyVals = [\n\t\t\t\t\t\t...(updateComponent.example?.title_text?.[0] ?? []),\n\t\t\t\t\t];\n\t\t\t\t\tbodyVals[index] = newValue\n\t\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t\t.replace('((', '')\n\t\t\t\t\t\t.replace('))', '');\n\t\t\t\t\tconst componentExample = {\n\t\t\t\t\t\t...updateComponent.example,\n\t\t\t\t\t\ttitle_text: [bodyVals],\n\t\t\t\t\t};\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...updateComponent,\n\t\t\t\t\t\texample: componentExample,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t} else if (component.type === 'HEADER' && componentType === 'HEADER') {\n\t\t\t\tif (component.example?.header_text) {\n\t\t\t\t\tconst headerVals = [...(updateComponent.example?.header_text ?? [])];\n\t\t\t\t\theaderVals[index] = newValue\n\t\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t\t.replace('((', '')\n\t\t\t\t\t\t.replace('))', '');\n\t\t\t\t\tconst componentExample = {\n\t\t\t\t\t\t...updateComponent.example,\n\t\t\t\t\t\theader_text: headerVals,\n\t\t\t\t\t};\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...updateComponent,\n\t\t\t\t\t\texample: componentExample,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t} else if (component.type === 'BUTTONS' && componentType === 'BUTTONS') {\n\t\t\t\tconst updateComponentButtons = component.buttons?.map((button, i) => {\n\t\t\t\t\tif (i === index) {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...button,\n\t\t\t\t\t\t\texample: button.type === 'COPY_CODE' ? newValue : [newValue],\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t\treturn button;\n\t\t\t\t});\n\n\t\t\t\tif (updateComponentButtons) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...updateComponent,\n\t\t\t\t\t\tbuttons: updateComponentButtons,\n\t\t\t\t\t};\n\t\t\t\t} else {\n\t\t\t\t\treturn updateComponent;\n\t\t\t\t}\n\t\t\t} else if (\n\t\t\t\tcomponent.type === 'limited_time_offer' &&\n\t\t\t\tcomponentType === 'limited_time_offer'\n\t\t\t) {\n\t\t\t\treturn {\n\t\t\t\t\t...updateComponent,\n\t\t\t\t\texample: {\n\t\t\t\t\t\t...updateComponent.example,\n\t\t\t\t\t\tlimited_time_offer: newValue,\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn component;\n\t\t});\n\n\t\tcurrentTemplate.components = updateComponents;\n\n\t\tif (updateMapping) {\n\t\t\tif (componentType === 'BODY' && currentTemplate?.mapping?.body) {\n\t\t\t\tcurrentTemplate.mapping = {\n\t\t\t\t\t...currentTemplate.mapping,\n\t\t\t\t\tbody: currentTemplate.mapping?.body?.map((body, i) => {\n\t\t\t\t\t\tif (index === i) {\n\t\t\t\t\t\t\treturn type === 'custom_text'\n\t\t\t\t\t\t\t\t? `((editableVariable${i + 10}))`\n\t\t\t\t\t\t\t\t: newValue;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn body;\n\t\t\t\t\t}),\n\t\t\t\t};\n\t\t\t} else if (\n\t\t\t\tcomponentType === 'TITLE' &&\n\t\t\t\tcurrentTemplate?.mapping?.['title']\n\t\t\t) {\n\t\t\t\t(currentTemplate.mapping as {}) = {\n\t\t\t\t\t...currentTemplate.mapping,\n\t\t\t\t\ttitle: currentTemplate.mapping?.['title']?.map((body, i) => {\n\t\t\t\t\t\tif (index === i) {\n\t\t\t\t\t\t\treturn type === 'custom_text'\n\t\t\t\t\t\t\t\t? `((editableVariable${i + 10}))`\n\t\t\t\t\t\t\t\t: newValue;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn body;\n\t\t\t\t\t}),\n\t\t\t\t};\n\t\t\t} else if (\n\t\t\t\tcomponentType === 'HEADER' &&\n\t\t\t\tcurrentTemplate?.mapping?.header\n\t\t\t) {\n\t\t\t\tcurrentTemplate.mapping = {\n\t\t\t\t\t...currentTemplate.mapping,\n\t\t\t\t\theader: currentTemplate.mapping.header.map((header, i) => {\n\t\t\t\t\t\tif (index === i) {\n\t\t\t\t\t\t\treturn type === 'custom_text'\n\t\t\t\t\t\t\t\t? `((editableVariable${i + 20}))`\n\t\t\t\t\t\t\t\t: newValue;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn header;\n\t\t\t\t\t}),\n\t\t\t\t};\n\t\t\t} else if (\n\t\t\t\tcomponentType === 'BUTTONS' &&\n\t\t\t\tcurrentTemplate?.mapping?.buttons\n\t\t\t) {\n\t\t\t\t// Mapping Object only has URL buttons.\n\t\t\t\t// Component object has all buttons\n\t\t\t\t// When updating component, this updaets corresponding mapping index too.\n\n\t\t\t\tlet urlMappingCounter = -1;\n\t\t\t\tlet urlMappingIndex = -1;\n\n\t\t\t\tupdateComponents.forEach((component) => {\n\t\t\t\t\tif (component.type === 'BUTTONS') {\n\t\t\t\t\t\tcomponent.buttons?.forEach((button, i) => {\n\t\t\t\t\t\t\tif (button.type === 'URL') {\n\t\t\t\t\t\t\t\turlMappingCounter++;\n\n\t\t\t\t\t\t\t\tif (i === index && button.type == 'URL') {\n\t\t\t\t\t\t\t\t\turlMappingIndex = urlMappingCounter;\n\t\t\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});\n\n\t\t\t\tcurrentTemplate.mapping = {\n\t\t\t\t\t...currentTemplate.mapping,\n\t\t\t\t\tbuttons: currentTemplate.mapping.buttons.map((button, i) => {\n\t\t\t\t\t\tif (i === urlMappingIndex) {\n\t\t\t\t\t\t\treturn type === 'custom_link'\n\t\t\t\t\t\t\t\t? `((customPlaceholderName))`\n\t\t\t\t\t\t\t\t: newValue;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn button;\n\t\t\t\t\t}),\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\n\t\tif (\n\t\t\tselectedCarouselIndex != undefined &&\n\t\t\tselectedCarouselIndex > -1 &&\n\t\t\ttemplate\n\t\t) {\n\t\t\tconst templateCopy = cloneDeep(template as WhatsAppCarouselTemplate);\n\t\t\ttemplateCopy.components[cardIndex].cards![\n\t\t\t\tselectedCarouselIndex\n\t\t\t].components = currentTemplate.components;\n\t\t\ttemplateCopy.mapping.cards![selectedCarouselIndex] =\n\t\t\t\tcurrentTemplate.mapping!;\n\t\t\tsetTemplate?.(templateCopy);\n\t\t} else {\n\t\t\tsetTemplate?.({ ...currentTemplate } as WhatsAppTemplate);\n\t\t}\n\t}\n\n\tconst handleVariableCallback = (variable: any) => {\n\t\tsetShowDiscountCheckBox?.(false);\n\t\tif (variable.actualValue === '{{custom.url}}') {\n\t\t\thandleOptionSelect({\n\t\t\t\tlabel: variable.displayName,\n\t\t\t\tselected: true,\n\t\t\t\tvalue: 'custom_link',\n\t\t\t});\n\t\t} else if (variable.actualValue == '{{custom.text}}') {\n\t\t\thandleOptionSelect({\n\t\t\t\tlabel: variable.displayName,\n\t\t\t\tselected: true,\n\t\t\t\tvalue: 'custom_text',\n\t\t\t});\n\t\t} else if (variable.actualValue == '{{static.expiry}}') {\n\t\t\thandleOptionSelect({\n\t\t\t\tlabel: variable.displayName,\n\t\t\t\tselected: true,\n\t\t\t\tvalue: 'static_expiry',\n\t\t\t});\n\t\t} else {\n\t\t\thandleOptionSelect({\n\t\t\t\tlabel: variable.displayName\n\t\t\t\t\t.replace('{{', '')\n\t\t\t\t\t.replace('}}', '')\n\t\t\t\t\t.trim()\n\t\t\t\t\t.replace('.', ' '),\n\t\t\t\tselected: true,\n\t\t\t\tvalue: variable.actualValue,\n\t\t\t\tbikPlaceholderType: 'string',\n\t\t\t});\n\t\t}\n\t};\n\n\tconst handleCustomVariableAddition = () => {\n\t\tlet updatedVariableListWithCustomVariables: VariableListInterfaceV2[] =\n\t\t\tArray.isArray(variableList) ? [...variableList] : [];\n\n\t\t// Function to add custom variables if they do not already exist\n\t\t// This is to ensure that custom variables are added only once\n\t\t// and not duplicated in the variable list.\n\t\tconst addIfNotExists = (\n\t\t\tcategoryDisplayName: string,\n\t\t\tvariableDisplayName: string,\n\t\t\tvariableValue: string,\n\t\t) => {\n\t\t\tconst updated = updateVariables({\n\t\t\t\tvariableList: updatedVariableListWithCustomVariables,\n\t\t\t\tcategoryDisplayName,\n\t\t\t\tvariableDisplayName,\n\t\t\t\tvariableValue,\n\t\t\t});\n\t\t\tif (Array.isArray(updated)) {\n\t\t\t\tupdatedVariableListWithCustomVariables = updated;\n\t\t\t}\n\t\t};\n\n\t\tif (\n\t\t\tpod === POD.CHATBOT &&\n\t\t\tbuttonType !== BUTTON_TYPE.URL &&\n\t\t\tcomponentType !== 'limited_time_offer'\n\t\t) {\n\t\t\taddIfNotExists('Custom Variables', 'Custom Text', '{{custom.text}}');\n\t\t}\n\n\t\tif (buttonType === BUTTON_TYPE.URL && pod === POD.CHATBOT) {\n\t\t\taddIfNotExists('Custom Variables', 'Custom URL', '{{custom.url}}');\n\t\t} else if (componentType === 'limited_time_offer') {\n\t\t\taddIfNotExists('Static Variables', 'Static Expiry', '{{static.expiry}}');\n\t\t} else if (buttonType === BUTTON_TYPE.COPY_CODE) {\n\t\t\taddIfNotExists('Custom Variables', 'Custom Text', '{{custom.text}}');\n\t\t}\n\n\t\tsetVariableList(updatedVariableListWithCustomVariables);\n\t};\n\n\tfunction updateWebpushBroadcastConfig(index: number, newValue: string) {\n\t\tconst currentTemplate = cloneDeep(template) as WebpushTemplateType;\n\t\tconst configType = componentType!.toLocaleLowerCase();\n\t\tif (currentTemplate.webpushBroadcastConfig?.[configType]) {\n\t\t\tcurrentTemplate.webpushBroadcastConfig[configType]![index] = newValue;\n\t\t}\n\t\tsetTemplate?.({ ...currentTemplate } as WebpushTemplateType);\n\t}\n\n\treturn (\n\t\t<Container\n\t\t\tchannel={channel}\n\t\t\tfocused={focused}\n\t\t\tonMouseEnter={() => setFocusState(true)}\n\t\t\tonMouseLeave={() => setFocusState(false)}\n\t\t>\n\t\t\t<div style={{ marginBottom: 8 }}>\n\t\t\t\t<BodySecondary\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\tisError && !selectedOption\n\t\t\t\t\t\t\t\t? COLORS.content.negative\n\t\t\t\t\t\t\t\t: COLORS.content.primary,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{variable.variableName?.replace('{{', '').replace('}}', '')}{' '}\n\t\t\t\t\t{variable?.type === 'link' ? 'link' : 'variable'}\n\t\t\t\t</BodySecondary>\n\t\t\t</div>\n\t\t\t<div style={{ marginBottom: 12 }}>\n\t\t\t\t{showVariableModal ? (\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\tborder: '#E0E0E0 1px solid',\n\t\t\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t\t\tpadding: 10,\n\t\t\t\t\t\t\tjustifyContent: selectedOption?.label\n\t\t\t\t\t\t\t\t? 'space-between'\n\t\t\t\t\t\t\t\t: 'flex-end',\n\t\t\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\t\t\tvariable?.type === 'date_time' && disableEditExpiry\n\t\t\t\t\t\t\t\t\t? COLORS.background.base\n\t\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<BodyPrimary numberOfLines={1}>\n\t\t\t\t\t\t\t{pod === POD.CHATBOT\n\t\t\t\t\t\t\t\t? ['static_expiry', 'custom_text', 'custom_link'].includes(\n\t\t\t\t\t\t\t\t\t\tselectedOption?.value ?? '',\n\t\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t\t\t? selectedOption?.label\n\t\t\t\t\t\t\t\t\t: selectedOption?.value\n\t\t\t\t\t\t\t\t: truncate(selectedOption?.label ?? '', 20, true)}\n\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t{disableEditVariable \|\|\n\t\t\t\t\t\t(variable?.type === 'date_time' && disableEditExpiry) ? (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<EditIcon\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\thandleCustomVariableAddition();\n\t\t\t\t\t\t\t\t\tsetVariableCallback(() => handleVariableCallback);\n\t\t\t\t\t\t\t\t\tsetShowVariablePicker(true);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tdisabled={disableEditVariable}\n\t\t\t\t\t\toptions={options}\n\t\t\t\t\t\tisSearchable={false}\n\t\t\t\t\t\tonSelect={\n\t\t\t\t\t\t\thandleOptionSelect as (\n\t\t\t\t\t\t\t\toption: DropdownOption \| DropdownOption[],\n\t\t\t\t\t\t\t) => void\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdefaultOptions={\n\t\t\t\t\t\t\tselectedOption\n\t\t\t\t\t\t\t\t? [{ ...selectedOption, selected: true } as DropdownOption]\n\t\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</div>\n\t\t\t{(selectedOption?.value === 'custom_text' \|\|\n\t\t\t\tselectedOption?.value === 'custom_link') && (\n\t\t\t\t<Input\n\t\t\t\t\tstate={disableEditVariable ? 'disabled' : 'none'}\n\t\t\t\t\tlabelText={\n\t\t\t\t\t\tselectedOption?.value === 'custom_text'\n\t\t\t\t\t\t\t? 'Custom text value'\n\t\t\t\t\t\t\t: selectedOption?.value === 'custom_link'\n\t\t\t\t\t\t\t? 'Custom URL value'\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t\tid={`variable-value-${selectedOption?.value}-${index}`}\n\t\t\t\t\tvalue={enteredVariableValue}\n\t\t\t\t\terrorMessage={\n\t\t\t\t\t\tisError &&\n\t\t\t\t\t\ttemplateErrorIndexes?.buttons?.includes(variable?.index ?? -1)\n\t\t\t\t\t\t\t? !enteredVariableValue \|\|\n\t\t\t\t\t\t\t enteredVariableValue.trim().length === 0\n\t\t\t\t\t\t\t\t? 'Required field'\n\t\t\t\t\t\t\t\t: selectedOption.value === 'custom_link' &&\n\t\t\t\t\t\t\t\t (!urlRegex.test(`https://${enteredVariableValue.trim()}`) \|\|\n\t\t\t\t\t\t\t\t\t\tenteredVariableValue.trim().length === 0)\n\t\t\t\t\t\t\t\t? 'Enter valid URL'\n\t\t\t\t\t\t\t\t: selectedOption.value !== 'custom_link' &&\n\t\t\t\t\t\t\t\t enteredVariableValue.length > 30\n\t\t\t\t\t\t\t\t? 'Length cannot be more than 30'\n\t\t\t\t\t\t\t\t: componentType === 'BUTTONS' &&\n\t\t\t\t\t\t\t\t selectedOption.value !== 'custom_link'\n\t\t\t\t\t\t\t\t? 'Enter valid alpha numeric code'\n\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\tmaxCharLimit={\n\t\t\t\t\t\tmaxCharLimit\n\t\t\t\t\t\t\t? maxCharLimit\n\t\t\t\t\t\t\t: selectedOption?.value === 'custom_link'\n\t\t\t\t\t\t\t? 2000\n\t\t\t\t\t\t\t: componentType === 'BUTTONS'\n\t\t\t\t\t\t\t? 15\n\t\t\t\t\t\t\t: 30\n\t\t\t\t\t}\n\t\t\t\t\tnoKeyDownChange={true}\n\t\t\t\t\tprefixText={selectedOption?.value === 'custom_link' ? 'https://' : ''}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tvariable.type === 'link' \|\| selectedOption.value === 'custom_link'\n\t\t\t\t\t\t\t? 'Enter custom URL here'\n\t\t\t\t\t\t\t: 'Enter custom text here'\n\t\t\t\t\t}\n\t\t\t\t\tonChangeText={(enteredVariableName) => {\n\t\t\t\t\t\thandleCustomInputUpdate(\n\t\t\t\t\t\t\tselectedOption.value as 'custom_text' \| 'custom_link',\n\t\t\t\t\t\t\tenteredVariableName,\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\t{/* When static expiry is selected, Custom date time can be chosen.\n\t\t\tPoints to be noted.\n\t\t\t1. If there is no date Time chosen, current date and time is displayed.\n\t\t\t2. Custom date time is converted to ISO string and parsed from ISO string if there was a previous value */}\n\t\t\t{selectedOption?.value === 'static_expiry' && (\n\t\t\t\t<div style={{ position: 'relative' }}>\n\t\t\t\t\t{(disableEditVariable \|\| disableDatePicker) && (\n\t\t\t\t\t\t<Overlay\n\t\t\t\t\t\t\tonClick={(e) => e.preventDefault()}\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\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<OverlayContent />\n\t\t\t\t\t\t\t<OverlayContent />\n\t\t\t\t\t\t</Overlay>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<CustomDateTime\n\t\t\t\t\t\tplacement={'auto'}\n\t\t\t\t\t\ttime={\n\t\t\t\t\t\t\tenteredVariableValue\n\t\t\t\t\t\t\t\t? format(new Date(enteredVariableValue), 'hh:mm a')\n\t\t\t\t\t\t\t\t: format(new Date(), 'hh:mm a')\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdate={\n\t\t\t\t\t\t\tenteredVariableValue ? new Date(enteredVariableValue) : new Date()\n\t\t\t\t\t\t}\n\t\t\t\t\t\tminDate={new Date()}\n\t\t\t\t\t\terror={''}\n\t\t\t\t\t\tsetError={() => {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonChange={(date: Date): void => {\n\t\t\t\t\t\t\thandleCustomInputUpdate('static_expiry', date.toISOString());\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{selectedOption?.value === 'static_expiry' &&\n\t\t\t\tshowDiscountCodeExpiryInfo && (\n\t\t\t\t\t<div style={{ marginTop: 8 }}>\n\t\t\t\t\t\t<Alert\n\t\t\t\t\t\t\tcontainerStyle={{ padding: '4px 8px' }}\n\t\t\t\t\t\t\ticon={() => (\n\t\t\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\ttype={ALERT_TYPES.NEUTRAL}\n\t\t\t\t\t\t\ttext=\"Please use the same expiration code that you applied when creating\nthe code on Shopify\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t{variable.type === 'link' &&\n\t\t\t\tselectedOption?.value !== 'custom_link' &&\n\t\t\t\t!isProductCarouselType &&\n\t\t\t\t!isWhatsappCarousel &&\n\t\t\t\tpod === POD.CHATBOT && (\n\t\t\t\t\t<QueryParamsComponent\n\t\t\t\t\t\tisError={\n\t\t\t\t\t\t\ttemplateErrorIndexes?.buttons?.includes(variable?.index ?? -1) ??\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t}\n\t\t\t\t\t\tparams={variable.queryParams ?? []}\n\t\t\t\t\t\tonChange={(params) => {\n\t\t\t\t\t\t\tupdateVariableList(variable.updatedValue, 'link', params);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tvariableValue={variable.updatedValue}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t</Container>\n\t);\n};\n\nexport default VariableConnector;\n"],"names":["Container","styled","div","props","focused","channel","CHANNEL_TYPE","EMAIL","COLORS","background","warning","light","Overlay","OverlayContent","CUSTOM_LINK","value","label","CUSTOM_TEXT","STATIC_EXPIRY","onFocus","variable","index","showVariableModal","setShowDiscountCheckBox","componentType","CTAoptions","buttonType","setFocusState","useState","enteredVariableValue","setEnteredVariableValue","options","setOptions","selectedOption","setSelectedOption","renderFirstTime","setRenderFirstTime","variableList","setVariableList","setVariableCallback","setShowVariablePicker","device","isError","originalVariableList","template","templateSelectionTriggered","setTemplate","setDisplayContent","setOriginalVariableList","globalNormalizedPlaceholders","enabledCustomText","pod","selectedCarouselIndex","isProductCarouselType","isWhatsappCarousel","disableEditVariable","disableEditExpiry","templateErrorIndexes","maxCharLimit","disableDatePicker","showDiscountCodeExpiryInfo","cardIndex","useTemplateModalContext","handleOptionSelect","option","selectedIndex","singleOption","WHATSAPP","RCS","updateVariableList","_a","updateEditableVarForSelectedComponentBody","_b","_c","bikPlaceholderType","WEBPUSH","updateWebpushBroadcastConfig","_d","handleCustomInputUpdate","type","inputValue","includes","POD","CHATBOT","updateValue","queryParams","normalizedType","variableId","getVariableNameForEmailByIndex","iframe","document","getElementById","element","contentWindow","textContent","variableName","updatedVariables","map","currVar","ind","Object","assign","updatedValue","updateVariableListLocal","list","updatedLists","BODY","body","TITLE","WEB_PUSH_COMPONENT_TYPE","toUpperCase","title","prevState","buttons","undefined","cardBodyVariableList","cards","card","i","buttonVariable","example","bodyVariableList","titleVariableList","headerVariableList","header","buttonVariableList","_e","cardsCopy","cloneDeep","newValue","updateMapping","newComponent","components","component","isCarouselComponent","cardComponent","body_text","bodyVals","replace","componentExample","_g","_f","_k","_j","_h","title_text","updateComponentButtons","_l","button","templateCopy","mappingComponent","mapping","indexComp","urlMappingCounter","urlMappingIndex","forEach","comp","currentTemplate","updateComponents","updateComponent","Array","isArray","_m","_o","header_text","headerVals","_p","_q","_r","limited_time_offer","useEffect","iframeId","updatedHtmlContent","innerHTML","head","updateNewVariables","defaultOptions","allOptions","MESSAGE","push","globalOptions","globalOption","StringUtils","toCapitilize","toLowerCase","placeHolderNamePattern","test","startsWith","preSelectedOption","variableUpdatedValue","variableLabel","isVariableInCtaOptions","filter","opt","placeHolder","length","trim","optionCategory","op","checkVariableOptions","split","renderVariableConnector","setTimeout","handleVariableCallback","actualValue","displayName","selected","configType","toLocaleLowerCase","webpushBroadcastConfig","_jsxs","onMouseEnter","onMouseLeave","_jsx","jsx","style","marginBottom","jsxs","BodySecondary","color","content","negative","primary","children","display","border","borderRadius","padding","justifyContent","backgroundColor","base","BodyPrimary","numberOfLines","truncate","_Fragment","Fragment","EditIcon","onClick","handleCustomVariableAddition","updatedVariableListWithCustomVariables","addIfNotExists","categoryDisplayName","variableDisplayName","variableValue","updated","updateVariables","BUTTON_TYPE","URL","COPY_CODE","width","height","Dropdown","disabled","isSearchable","onSelect","Input","state","labelText","id","errorMessage","noKeyDownChange","prefixText","placeholder","onChangeText","enteredVariableName","position","e","preventDefault","CustomDateTime","placement","time","format","Date","date","minDate","error","setError","onChange","toISOString","marginTop","Alert","containerStyle","icon","InfoIcon","secondary","ALERT_TYPES","NEUTRAL","text","QueryParamsComponent","params"],"mappings":"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"}

package/dist/cjs/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VariableConnectorWhatsApp.js","sources":["../../../../../src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx"],"sourcesContent":["import { Input } from '@src/components/input/Input';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport type { AllTemplateVariables } from '@src/components/template-preview/models/types';\nimport {\n\tWEB_PUSH_COMPONENT_TYPE,\n\ttype WebpushComponentKeyType,\n\ttype WebpushTemplateVariables,\n} from '@src/components/template-preview/models/WebpushTemplate';\nimport type { WhatsAppCarouselTemplateVariables } from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport type { WhatsAppTemplateVariables } from '@src/components/template-preview/models/WhatsAppTemplate';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport { ComponentType } from './modal';\nimport VariableConnector from './VariableConnector';\n\nexport interface VariableConnectorWhatsAppProps {\n\toriginalVariableList:\n\t\t\| WhatsAppTemplateVariables\n\t\t\| WebpushTemplateVariables\n\t\t\| AllTemplateVariables;\n\tdescriptionComponent: ComponentType \| WebpushComponentKeyType;\n\ttype: ComponentType['type'] \| WEB_PUSH_COMPONENT_TYPE;\n\tshowVariableModal?: boolean;\n\toriginalList?:\n\t\t\| WhatsAppTemplateVariables\n\t\t\| WebpushTemplateVariables\n\t\t\| AllTemplateVariables;\n\tchannel?: CHANNEL_TYPE;\n}\n\nconst VariableConnectorWhatsApp = (props: VariableConnectorWhatsAppProps) => {\n\tconst {\n\t\tdescriptionComponent,\n\t\ttype,\n\t\tshowVariableModal,\n\t\toriginalList,\n\t\tchannel,\n\t} = props;\n\tconst {\n\t\toriginalVariableList: templateVariables,\n\t\tdisableEditVariable,\n\t\tselectedCarouselIndex,\n\t\tinitialExpiryDateTime,\n\t} = useTemplateModalContext();\n\tlet originalVariableList = templateVariables;\n\n\tif (\n\t\tchannel &&\n\t\t(channel == CHANNEL_TYPE.WHATSAPP \|\| channel == CHANNEL_TYPE.RCS) &&\n\t\toriginalList\n\t) {\n\t\toriginalVariableList = originalList;\n\t}\n\n\tconst descType = descriptionComponent.type;\n\n\tif (descType === 'BODY' \|\| descType.toLocaleUpperCase() === 'TITLE') {\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t{(selectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t\t? descType.toLocaleUpperCase() === 'TITLE'\n\t\t\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t\t\t ]?.title\n\t\t\t\t\t\t: (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t\t\t ].body\n\t\t\t\t\t: descType.toLocaleUpperCase() === 'TITLE'\n\t\t\t\t\t? channel == CHANNEL_TYPE.RCS\n\t\t\t\t\t\t? (originalVariableList as WhatsAppTemplateVariables)?.title\n\t\t\t\t\t\t: (originalVariableList as WebpushTemplateVariables)?.title\n\t\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)?.body\n\t\t\t\t)?.map((variable, i) => {\n\t\t\t\t\tif (disableEditVariable \|\| !variable.isEditableVariable) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div style={{ margin: `16px 8px` }} key={i}>\n\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t\t{type === 'HEADER' ? 'Header' : ''} Locked variable {i + 1}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\t\t\tplaceholder={variable.variableName}\n\t\t\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t\t\treturn;\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</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<VariableConnector\n\t\t\t\t\t\t\tindex={i}\n\t\t\t\t\t\t\tvariable={variable}\n\t\t\t\t\t\t\tkey={`${i}-${variable.index}`}\n\t\t\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\t\t\tcomponentType={\n\t\t\t\t\t\t\t\tdescType as ComponentType['type'] \| WEB_PUSH_COMPONENT_TYPE\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</div>\n\t\t);\n\t} else if (descType === 'HEADER') {\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t{(selectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t\t ].header\n\t\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)?.header\n\t\t\t\t)?.map((variable, i) => {\n\t\t\t\t\tif (variable.isEditableVariable) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<VariableConnector\n\t\t\t\t\t\t\t\tindex={i}\n\t\t\t\t\t\t\t\tvariable={variable}\n\t\t\t\t\t\t\t\tkey={`${i}-${variable.index}`}\n\t\t\t\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\t\t\t\tcomponentType={descType}\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\treturn (\n\t\t\t\t\t\t\t<div style={{ margin: `16px 8px` }} key={i}>\n\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t\t{type === 'HEADER' ? 'Header' : ''} Locked variable {i + 1}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\t\t\tplaceholder={variable.variableName}\n\t\t\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t\t\treturn;\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</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t})}\n\t\t\t</div>\n\t\t);\n\t} else if (descType === 'limited_time_offer') {\n\t\tlet expiryDate =\n\t\t\tdescriptionComponent.example?.limited_time_offer ??\n\t\t\tnew Date().toISOString();\n\t\tif (initialExpiryDateTime) {\n\t\t\texpiryDate = new Date(initialExpiryDateTime).toISOString();\n\t\t}\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t<VariableConnector\n\t\t\t\t\tindex={0} // Only one expiry component and one expiry variable can be for a single tempalte\n\t\t\t\t\tvariable={{\n\t\t\t\t\t\tvariableName:\n\t\t\t\t\t\t\tdescriptionComponent?.limited_time_offer?.text ?? 'Expires after',\n\t\t\t\t\t\tupdatedValue: expiryDate,\n\t\t\t\t\t\ttype: 'date_time',\n\t\t\t\t\t\tisEditableVariable: true,\n\t\t\t\t\t\tindex: 0,\n\t\t\t\t\t}}\n\t\t\t\t\tkey={`${descType}`}\n\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\tcomponentType={descType}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else return <></>;\n};\n\nexport default VariableConnectorWhatsApp;\n"],"names":["props","descriptionComponent","type","showVariableModal","originalList","channel","originalVariableList","templateVariables","disableEditVariable","selectedCarouselIndex","initialExpiryDateTime","useTemplateModalContext","CHANNEL_TYPE","WHATSAPP","RCS","descType","toLocaleUpperCase","_jsx","children","_b","undefined","cards","_a","title","body","map","variable","i","isEditableVariable","_jsxs","Object","assign","style","margin","jsxs","BodySecondary","color","COLORS","content","primary","jsx","Input","state","placeholder","variableName","onChangeText","VariableConnector","index","componentType","_c","header","expiryDate","_e","_d","example","limited_time_offer","Date","toISOString","_g","_f","text","updatedValue"],"mappings":"mXA+BmCA,sBAClC,MAAMC,qBACLA,EAAoBC,KACpBA,EAAIC,kBACJA,EAAiBC,aACjBA,EAAYC,QACZA,GACGL,GAEHM,qBAAsBC,EAAiBC,oBACvCA,EAAmBC,sBACnBA,EAAqBC,sBACrBA,GACGC,EAAuBA,0BAC3B,IAAIL,EAAuBC,EAG1BF,IACCA,GAAWO,eAAaC,UAAYR,GAAWO,EAAYA,aAACE,MAC7DV,IAEAE,EAAuBF,GAGxB,MAAMW,EAAWd,EAAqBC,KAEtC,GAAiB,SAAba,GAAwD,UAAjCA,EAASC,oBACnC,OACCC,EAAAA,IACE,MAAA,CAAAC,SAaA,QAbAC,EAA0BC,MAAzBX,GAAsCA,GAAyB,EAC7B,UAAjCM,EAASC,oBAGP,UAFAV,EAA2De,MAC5DZ,UACC,IAAAa,OAAA,EAAAA,EAAEC,MACFjB,EAA2De,MAC5DZ,GACEe,KAC8B,UAAjCT,EAASC,qBACEJ,eAAaE,IACtBR,aAAA,EAAAA,EAAoDiB,OAErDjB,aAAoB,EAApBA,EAAoDkB,YACvD,IAAAL,OAAA,EAAAA,EAAEM,KAAI,CAACC,EAAUC,IACbnB,IAAwBkB,EAASE,mBAEnCC,OAAK,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,~~OAAkB~~,~~aAC/B~~,CAAAf,SAAA,CAAAW,EAAAK,KAACC,gBAAaL,OAAAC,OAAA,CAACC,MAAO,CAAEI,MAAOC,EAAAA,OAAOC,QAAQC,UAAS,CAAArB,SAAA,CAC5C,WAAThB,EAAoB,SAAW,GAAqB,oBAAAyB,EAAI,MAE1DV,EAACuB,IAAAC,QACA,CAAAC,MAAO,WACPC,YAAajB,EAASkB,aACtBC,aAAcA,KACb,OARsClB,GAe1CV,EAAAA,IAAC6B,EAAAA,QAAiB,CACjBC,MAAOpB,EACPD,SAAUA,EAEVvB,kBAAmBA,EACnB6C,cACCjC,~~GAHO~~,~~GAAAY~~,KAAKD,EAASqB,aAUrB,GAAiB,WAAbhC,EACV,OACCE,EAAAA,IACE,MAAA,CAAAC,SAKA,QALA+B,EAA0B7B,MAAzBX,GAAsCA,GAAyB,EAC7DH,EAA2De,MAC5DZ,GACEyC,OACD5C,aAAoB,EAApBA,EAAoD4C,cACvD,IAAAD,OAAA,EAAAA,EAAExB,KAAI,CAACC,EAAUC,IACbD,EAASE,mBAEXX,EAAAA,IAAC6B,EAAAA,QAAiB,CACjBC,MAAOpB,EACPD,SAAUA,EAEVvB,kBAAmBA,EACnB6C,cAAejC,~~GAFP~~,~~GAAAY~~,KAAKD,EAASqB,SAOvBlB,OAAK,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,~~OAAkB~~,~~aAC/B~~,CAAAf,SAAA,CAAAW,EAAAK,KAACC,gBAAaL,OAAAC,OAAA,CAACC,MAAO,CAAEI,MAAOC,EAAAA,OAAOC,QAAQC,UAAS,CAAArB,SAAA,CAC5C,WAAThB,EAAoB,SAAW,GAAqB,oBAAAyB,EAAI,MAE1DV,EAACuB,IAAAC,QACA,CAAAC,MAAO,WACPC,YAAajB,EAASkB,aACtBC,aAAcA,KACb,OARsClB,OAiBxC,GAAiB,uBAAbZ,EAAmC,CAC7C,IAAIoC,EAC6C,QAAhDC,EAA4B,QAA5BC,EAAApD,EAAqBqD,eAAO,IAAAD,OAAA,EAAAA,EAAEE,0BAAkB,IAAAH,EAAAA,GAChD,IAAII,MAAOC,cAIZ,OAHI/C,IACHyC,EAAa,IAAIK,KAAK9C,GAAuB+C,eAG7CxC,EAAAA,IACC,MAAA,CAAAC,SAAAD,EAAAuB,IAACM,UAAiB,CACjBC,MAAO,EACPrB,SAAU,CACTkB,qBACCc,EAA0C,QAA1CC,EAAA1D,aAAA,EAAAA,EAAsBsD,0BAAoB,IAAAI,OAAA,EAAAA,EAAAC,oBAAQ,gBACnDC,aAAcV,EACdjD,KAAM,YACN0B,oBAAoB,EACpBmB,MAAO,GAGR5C,kBAAmBA,EACnB6C,cAAejC,GAFV,GAAGA,MAMX,CAAM,OAAOE,oBAAK"}
1	+ {"version":3,"file":"VariableConnectorWhatsApp.js","sources":["../../../../../src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx"],"sourcesContent":["import { Input } from '@src/components/input/Input';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport type { AllTemplateVariables } from '@src/components/template-preview/models/types';\nimport {\n\tWEB_PUSH_COMPONENT_TYPE,\n\ttype WebpushComponentKeyType,\n\ttype WebpushTemplateVariables,\n} from '@src/components/template-preview/models/WebpushTemplate';\nimport type { WhatsAppCarouselTemplateVariables } from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport type { WhatsAppTemplateVariables } from '@src/components/template-preview/models/WhatsAppTemplate';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport { ComponentType } from './modal';\nimport VariableConnector from './VariableConnector';\n\nexport interface VariableConnectorWhatsAppProps {\n\toriginalVariableList:\n\t\t\| WhatsAppTemplateVariables\n\t\t\| WebpushTemplateVariables\n\t\t\| AllTemplateVariables;\n\tdescriptionComponent: ComponentType \| WebpushComponentKeyType;\n\ttype: ComponentType['type'] \| WEB_PUSH_COMPONENT_TYPE;\n\tshowVariableModal?: boolean;\n\toriginalList?:\n\t\t\| WhatsAppTemplateVariables\n\t\t\| WebpushTemplateVariables\n\t\t\| AllTemplateVariables;\n\tchannel?: CHANNEL_TYPE;\n}\n\nconst VariableConnectorWhatsApp = (props: VariableConnectorWhatsAppProps) => {\n\tconst {\n\t\tdescriptionComponent,\n\t\ttype,\n\t\tshowVariableModal,\n\t\toriginalList,\n\t\tchannel,\n\t} = props;\n\tconst {\n\t\toriginalVariableList: templateVariables,\n\t\tdisableEditVariable,\n\t\tselectedCarouselIndex,\n\t\tinitialExpiryDateTime,\n\t} = useTemplateModalContext();\n\tlet originalVariableList = templateVariables;\n\n\tif (\n\t\tchannel &&\n\t\t(channel == CHANNEL_TYPE.WHATSAPP \|\| channel == CHANNEL_TYPE.RCS) &&\n\t\toriginalList\n\t) {\n\t\toriginalVariableList = originalList;\n\t}\n\n\tconst descType = descriptionComponent.type;\n\n\tif (descType === 'BODY' \|\| descType.toLocaleUpperCase() === 'TITLE') {\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t{(selectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t\t? descType.toLocaleUpperCase() === 'TITLE'\n\t\t\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t\t\t ]?.title\n\t\t\t\t\t\t: (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t\t\t ].body\n\t\t\t\t\t: descType.toLocaleUpperCase() === 'TITLE'\n\t\t\t\t\t? channel == CHANNEL_TYPE.RCS\n\t\t\t\t\t\t? (originalVariableList as WhatsAppTemplateVariables)?.title\n\t\t\t\t\t\t: (originalVariableList as WebpushTemplateVariables)?.title\n\t\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)?.body\n\t\t\t\t)?.map((variable, i) => {\n\t\t\t\t\tif (disableEditVariable \|\| !variable.isEditableVariable) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div style={{ margin: `16px 8px` }} key={i}>\n\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t\t{type === 'HEADER' ? 'Header' : ''} Locked variable {i + 1}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\t\t\tplaceholder={variable.variableName}\n\t\t\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t\t\treturn;\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</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<VariableConnector\n\t\t\t\t\t\t\tindex={i}\n\t\t\t\t\t\t\tvariable={variable}\n\t\t\t\t\t\t\tkey={`${i}-${variable.index}`}\n\t\t\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\t\t\tcomponentType={\n\t\t\t\t\t\t\t\tdescType as ComponentType['type'] \| WEB_PUSH_COMPONENT_TYPE\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</div>\n\t\t);\n\t} else if (descType === 'HEADER') {\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t{(selectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t\t ].header\n\t\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)?.header\n\t\t\t\t)?.map((variable, i) => {\n\t\t\t\t\tif (variable.isEditableVariable) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<VariableConnector\n\t\t\t\t\t\t\t\tindex={i}\n\t\t\t\t\t\t\t\tvariable={variable}\n\t\t\t\t\t\t\t\tkey={`${i}-${variable.index}`}\n\t\t\t\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\t\t\t\tcomponentType={descType}\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\treturn (\n\t\t\t\t\t\t\t<div style={{ margin: `16px 8px` }} key={i}>\n\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t\t{type === 'HEADER' ? 'Header' : ''} Locked variable {i + 1}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\t\t\tplaceholder={variable.variableName}\n\t\t\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t\t\treturn;\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</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t})}\n\t\t\t</div>\n\t\t);\n\t} else if (descType === 'limited_time_offer') {\n\t\tlet expiryDate =\n\t\t\tdescriptionComponent.example?.limited_time_offer ??\n\t\t\tnew Date().toISOString();\n\t\tif (initialExpiryDateTime) {\n\t\t\texpiryDate = new Date(initialExpiryDateTime).toISOString();\n\t\t}\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t<VariableConnector\n\t\t\t\t\tindex={0} // Only one expiry component and one expiry variable can be for a single tempalte\n\t\t\t\t\tvariable={{\n\t\t\t\t\t\tvariableName:\n\t\t\t\t\t\t\tdescriptionComponent?.limited_time_offer?.text ?? 'Expires after',\n\t\t\t\t\t\tupdatedValue: expiryDate,\n\t\t\t\t\t\ttype: 'date_time',\n\t\t\t\t\t\tisEditableVariable: true,\n\t\t\t\t\t\tindex: 0,\n\t\t\t\t\t}}\n\t\t\t\t\tkey={`${descType}`}\n\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\tcomponentType={descType}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else return <></>;\n};\n\nexport default VariableConnectorWhatsApp;\n"],"names":["props","descriptionComponent","type","showVariableModal","originalList","channel","originalVariableList","templateVariables","disableEditVariable","selectedCarouselIndex","initialExpiryDateTime","useTemplateModalContext","CHANNEL_TYPE","WHATSAPP","RCS","descType","toLocaleUpperCase","_jsx","children","_b","undefined","cards","_a","title","body","map","variable","i","isEditableVariable","_jsxs","Object","assign","style","margin","jsxs","BodySecondary","color","COLORS","content","primary","jsx","Input","state","placeholder","variableName","onChangeText","VariableConnector","index","componentType","_c","header","expiryDate","_e","_d","example","limited_time_offer","Date","toISOString","_g","_f","text","updatedValue"],"mappings":"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"}

package/dist/cjs/components/template-context-mapper/modalElements/VariableConnectorsPanel.js CHANGED Viewed

@@ -25,5 +25,5 @@
 		align-items: center;
 		gap: 5px;
 	}
-`;exports.AddVariableStyled=g,exports.Container=p,exports.default=s=>{let{onFocus:h,showVariableModal:x,discountCode:j,setDiscountCode:b}=s;const{originalVariableList:f,disableEditVariable:y,setVariableCallback:m,setShowVariablePicker:v}=d.useTemplateModalContext(),[O,C]=i.useState(!1),[k,S]=i.useState(!1),[V,w]=i.useState(""),[q,T]=i.useState(!1),B=i.useRef(),L=i.useRef();i.useEffect((()=>{b&&b(j+V)}),[V]);i.useEffect((()=>{f.some((e=>"checkout.checkoutUrl"===e.updatedValue.replace("{{","").replace("}}","")))?(C(!0),j&&T(!0)):(C(!1),null==T||T(!1),null==b||b(""))}),[f]);const E=e=>{w(e.actualValue)};return e.jsxs(p,{children:[e.jsxs("div",Object.assign({style:{padding:8}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:8,alignItems:"center",marginBottom:4}},{children:[e.jsx(n.TitleRegular,Object.assign({style:{color:o.COLORS.content.primary}},{children:"Edit variables and links"})),e.jsx(l.Tooltip,Object.assign({body:"Variables are placeholder texts which can either be filled by data, eg: customer name or can have any custom text within them"},{children:e.jsx("div",Object.assign({style:{display:"flex"}},{children:e.jsx(t.default,{width:20,height:20,color:o.COLORS.content.placeholder})}))}))]})),e.jsx(n.BodySecondary,Object.assign({style:{color:o.COLORS.content.secondary}},{children:"You can view variables and links on the left underlined in purple colour."}))]})),null==f?void 0:f.map(((t,i)=>!t.isEditableVariable||y?e.jsxs("div",Object.assign({style:{margin:"16px 8px"}},{children:[e.jsxs(n.BodySecondary,Object.assign({style:{color:o.COLORS.content.primary}},{children:["Locked variable ",i+1]})),e.jsx(r.Input,{state:"disabled",placeholder:t.variableName,onChangeText:()=>{}})]}),i):e.jsx("div",Object.assign({style:{marginTop:16}},{children:e.jsx(u.default,{index:i,variable:t,onFocus:()=>null==h?void 0:h(i),showVariableModal:x,setShowDiscountCheckBox:C})}),i))),(O||j)&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8}},{children:[e.jsx(a.CheckBox,{isChecked:q,onValueChange:()=>{q&&b&&b(""),T(!q)}}),e.jsx(n.TitleSmall,Object.assign({style:{marginLeft:8}},{children:"Add discount code"}))]})),q&&e.jsxs("div",Object.assign({ref:B,style:{margin:10}},{children:[e.jsx(r.Input,{placeholder:"Enter your discount code",onChangeText:e=>{b&&b(e)},value:j,onFocus:()=>{S(!0)},onBlur:e=>{var t;"addVar"===(null===(t=e.relatedTarget)||void 0===t?void 0:t.id)?(B.current&&B.current.focus(),S(!0)):S(!1)},noErrorHint:!0,validate:e=>[!0,""]}),k&&e.jsx(g,Object.assign({ref:L,id:"addVar",onClick:e=>{e.stopPropagation(),m((()=>E)),v(!0)}},{children:e.jsxs("div",Object.assign({className:"add"},{children:[e.jsx(c.default,{width:20,height:20,color:"white"}),e.jsx("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))]}))]})};
+`;exports.AddVariableStyled=g,exports.Container=p,exports.default=({onFocus:s,showVariableModal:h,discountCode:x,setDiscountCode:j})=>{const{originalVariableList:b,disableEditVariable:f,setVariableCallback:y,setShowVariablePicker:m}=d.useTemplateModalContext(),[v,O]=i.useState(!1),[C,k]=i.useState(!1),[S,V]=i.useState(""),[w,q]=i.useState(!1),T=i.useRef(),B=i.useRef();i.useEffect((()=>{j&&j(x+S)}),[S]);i.useEffect((()=>{b.some((e=>"checkout.checkoutUrl"===e.updatedValue.replace("{{","").replace("}}","")))?(O(!0),x&&q(!0)):(O(!1),null==q||q(!1),null==j||j(""))}),[b]);const L=e=>{V(e.actualValue)};return e.jsxs(p,{children:[e.jsxs("div",Object.assign({style:{padding:8}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:8,alignItems:"center",marginBottom:4}},{children:[e.jsx(n.TitleRegular,Object.assign({style:{color:o.COLORS.content.primary}},{children:"Edit variables and links"})),e.jsx(l.Tooltip,Object.assign({body:"Variables are placeholder texts which can either be filled by data, eg: customer name or can have any custom text within them"},{children:e.jsx("div",Object.assign({style:{display:"flex"}},{children:e.jsx(t.default,{width:20,height:20,color:o.COLORS.content.placeholder})}))}))]})),e.jsx(n.BodySecondary,Object.assign({style:{color:o.COLORS.content.secondary}},{children:"You can view variables and links on the left underlined in purple colour."}))]})),null==b?void 0:b.map(((t,i)=>!t.isEditableVariable||f?e.jsxs("div",Object.assign({style:{margin:"16px 8px"}},{children:[e.jsxs(n.BodySecondary,Object.assign({style:{color:o.COLORS.content.primary}},{children:["Locked variable ",i+1]})),e.jsx(r.Input,{state:"disabled",placeholder:t.variableName,onChangeText:()=>{}})]}),i):e.jsx("div",Object.assign({style:{marginTop:16}},{children:e.jsx(u.default,{index:i,variable:t,onFocus:()=>null==s?void 0:s(i),showVariableModal:h,setShowDiscountCheckBox:O})}),i))),(v||x)&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8}},{children:[e.jsx(a.CheckBox,{isChecked:w,onValueChange:()=>{w&&j&&j(""),q(!w)}}),e.jsx(n.TitleSmall,Object.assign({style:{marginLeft:8}},{children:"Add discount code"}))]})),w&&e.jsxs("div",Object.assign({ref:T,style:{margin:10}},{children:[e.jsx(r.Input,{placeholder:"Enter your discount code",onChangeText:e=>{j&&j(e)},value:x,onFocus:()=>{k(!0)},onBlur:e=>{var t;"addVar"===(null===(t=e.relatedTarget)||void 0===t?void 0:t.id)?(T.current&&T.current.focus(),k(!0)):k(!1)},noErrorHint:!0,validate:e=>[!0,""]}),C&&e.jsx(g,Object.assign({ref:B,id:"addVar",onClick:e=>{e.stopPropagation(),y((()=>L)),m(!0)}},{children:e.jsxs("div",Object.assign({className:"add"},{children:[e.jsx(c.default,{width:20,height:20,color:"white"}),e.jsx("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))]}))]})};
 //# sourceMappingURL=VariableConnectorsPanel.js.map

package/dist/cjs/components/template-context-mapper/modalElements/VariableConnectorsPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VariableConnectorsPanel.js","sources":["../../../../../src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx"],"sourcesContent":["import InfoIcon from '@src/assets/icons/info.svg';\nimport { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { CheckBox } from '@src/components/checkBox/CheckBox';\nimport { Input } from '@src/components/input/Input';\nimport { CUSTOM_VARIABLE } from '@src/components/template-preview/models/TemplateMeta';\nimport { Tooltip } from '@src/components/tooltips/Tooltip';\nimport {\n\tBodySecondary,\n\tTitleRegular,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport PlusIcon from '../../../assets/icons/plus.svg';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport VariableConnector from './VariableConnector';\n\nexport const Container = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n`;\n\nexport interface VariableConnectorsProps {\n\tonFocus?: (variableIndex: number) => void;\n\tshowVariableModal?: boolean;\n\tdiscountCode?: string;\n\tsetDiscountCode?: (code: string) => void;\n}\n\nconst VariableConnectors = ({\n\tonFocus,\n\tshowVariableModal,\n\tdiscountCode,\n\tsetDiscountCode,\n}: VariableConnectorsProps) => {\n\tconst {\n\t\toriginalVariableList,\n\t\tdisableEditVariable,\n\t\tsetVariableCallback,\n\t\tsetShowVariablePicker,\n\t} = useTemplateModalContext();\n\tconst [showDiscountCheckBox, setShowDiscountCheckBox] =\n\t\tuseState<boolean>(false);\n\tconst [showAddVariable, setShowAddVariable] = useState<boolean>(false);\n\tconst [variableValue, setVariableValue] = useState<string>('');\n\tconst [isChecked, setIsChecked] = useState<boolean>(false);\n\n\tconst superRef = useRef<any>();\n\tconst varRef = useRef<any>();\n\n\tuseEffect(() => {\n\t\tif (setDiscountCode) {\n\t\t\tsetDiscountCode(discountCode + variableValue);\n\t\t}\n\t}, [variableValue]);\n\n\tconst shouldShowDiscountBox = () => {\n\t\treturn (originalVariableList as CUSTOM_VARIABLE[]).some((variable) => {\n\t\t\treturn (\n\t\t\t\tvariable.updatedValue.replace('{{', '').replace('}}', '') ===\n\t\t\t\t'checkout.checkoutUrl'\n\t\t\t);\n\t\t});\n\t};\n\n\tuseEffect(() => {\n\t\tif (shouldShowDiscountBox()) {\n\t\t\tsetShowDiscountCheckBox(true);\n\t\t\tif (discountCode) {\n\t\t\t\tsetIsChecked(true);\n\t\t\t}\n\t\t} else {\n\t\t\tsetShowDiscountCheckBox(false);\n\t\t\tsetIsChecked?.(false);\n\t\t\tsetDiscountCode?.('');\n\t\t}\n\t}, [originalVariableList]);\n\n\tconst handleVariableCallback = (variable: any) => {\n\t\tsetVariableValue(variable.actualValue);\n\t};\n\n\treturn (\n\t\t<Container>\n\t\t\t<div style={{ padding: 8 }}>\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\tgap: 8,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tmarginBottom: 4,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<TitleRegular style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\tEdit variables and links\n\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t<Tooltip\n\t\t\t\t\t\tbody={\n\t\t\t\t\t\t\t'Variables are placeholder texts which can either be filled by data, eg: customer name or can have any custom text within them'\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div style={{ display: 'flex' }}>\n\t\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t</div>\n\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\tYou can view variables and links on the left underlined in purple\n\t\t\t\t\tcolour.\n\t\t\t\t</BodySecondary>\n\t\t\t</div>\n\n\t\t\t{(originalVariableList as CUSTOM_VARIABLE[])?.map((variable, i) => {\n\t\t\t\tif (!variable.isEditableVariable \|\| disableEditVariable) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div style={{ margin: `16px 8px` }} key={i}>\n\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\tLocked variable {i + 1}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\t\t// disableMarginBottom\n\t\t\t\t\t\t\t\tplaceholder={variable.variableName}\n\t\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}} // containerStyle={styles.inputStyle}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<div style={{ marginTop: 16 }} key={i}>\n\t\t\t\t\t\t<VariableConnector\n\t\t\t\t\t\t\tindex={i}\n\t\t\t\t\t\t\tvariable={variable}\n\t\t\t\t\t\t\tonFocus={() => onFocus?.(i)}\n\t\t\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\t\t\tsetShowDiscountCheckBox={setShowDiscountCheckBox}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t\t{(showDiscountCheckBox \|\| discountCode) && (\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\tmarginLeft: 10,\n\t\t\t\t\t\tmarginTop: 8,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<CheckBox\n\t\t\t\t\t\tisChecked={isChecked}\n\t\t\t\t\t\tonValueChange={() => {\n\t\t\t\t\t\t\tif (isChecked && setDiscountCode) {\n\t\t\t\t\t\t\t\tsetDiscountCode('');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsetIsChecked(!isChecked);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t<TitleSmall style={{ marginLeft: 8 }}>Add discount code</TitleSmall>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{isChecked && (\n\t\t\t\t<div ref={superRef} style={{ margin: 10 }}>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tplaceholder={'Enter your discount code'}\n\t\t\t\t\t\tonChangeText={(value) => {\n\t\t\t\t\t\t\tif (setDiscountCode) {\n\t\t\t\t\t\t\t\tsetDiscountCode(value);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tvalue={discountCode}\n\t\t\t\t\t\tonFocus={() => {\n\t\t\t\t\t\t\tsetShowAddVariable(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonBlur={(e) => {\n\t\t\t\t\t\t\tif (e.relatedTarget?.id === 'addVar') {\n\t\t\t\t\t\t\t\tif (superRef.current) {\n\t\t\t\t\t\t\t\t\t(superRef.current as any).focus();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsetShowAddVariable(true);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tsetShowAddVariable(false);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tnoErrorHint\n\t\t\t\t\t\tvalidate={(_) => {\n\t\t\t\t\t\t\treturn [true, ''];\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t{showAddVariable && (\n\t\t\t\t\t\t<AddVariableStyled\n\t\t\t\t\t\t\tref={varRef}\n\t\t\t\t\t\t\tid={'addVar'}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\tsetVariableCallback(() => handleVariableCallback);\n\t\t\t\t\t\t\t\tsetShowVariablePicker(true);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"add\">\n\t\t\t\t\t\t\t\t<PlusIcon width={20} height={20} color=\"white\" />\n\t\t\t\t\t\t\t\t<div className=\"variable\">Add variable</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</AddVariableStyled>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n\nexport default VariableConnectors;\n\nexport const AddVariableStyled = styled.button`\n\tpadding: 2px 8px;\n\tcursor: pointer;\n\tcolor: white;\n\tbackground-color: black;\n\twidth: fit-content;\n\tfloat: right;\n\tmargin-top: 0px;\n\tfont-family: Inter;\n\tfont-style: normal;\n\tfont-weight: 600;\n\tfont-size: 14px;\n\tline-height: 20px;\n\talign-self: flex-end;\n\tborder-radius: 4px;\n\tborder: 1px solid #ccc;\n\tmargin-right: 1px;\n\n\t.add {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 5px;\n\t}\n`;\n"],"names":["Container","styled","div","AddVariableStyled","button","_ref","onFocus","showVariableModal","discountCode","setDiscountCode","originalVariableList","disableEditVariable","setVariableCallback","setShowVariablePicker","useTemplateModalContext","showDiscountCheckBox","setShowDiscountCheckBox","useState","showAddVariable","setShowAddVariable","variableValue","setVariableValue","isChecked","setIsChecked","superRef","useRef","varRef","useEffect","some","variable","updatedValue","replace","handleVariableCallback","actualValue","_jsxs","children","style","padding","jsxs","Object","assign","display","gap","alignItems","marginBottom","_jsx","TitleRegular","color","COLORS","content","primary","jsx","Tooltip","body","InfoIcon","width","height","placeholder","BodySecondary","secondary","map","i","isEditableVariable","margin","Input","state","variableName","onChangeText","marginTop","VariableConnector","index","flexDirection","marginLeft","CheckBox","onValueChange","TitleSmall","ref","value","onBlur","e","relatedTarget","_a","id","current","focus","noErrorHint","validate","_","onClick","stopPropagation","className","PlusIcon"],"mappings":"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"}
1	+ {"version":3,"file":"VariableConnectorsPanel.js","sources":["../../../../../src/components/template-context-mapper/modalElements/VariableConnectorsPanel.tsx"],"sourcesContent":["import InfoIcon from '@src/assets/icons/info.svg';\nimport { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { CheckBox } from '@src/components/checkBox/CheckBox';\nimport { Input } from '@src/components/input/Input';\nimport { CUSTOM_VARIABLE } from '@src/components/template-preview/models/TemplateMeta';\nimport { Tooltip } from '@src/components/tooltips/Tooltip';\nimport {\n\tBodySecondary,\n\tTitleRegular,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport PlusIcon from '../../../assets/icons/plus.svg';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport VariableConnector from './VariableConnector';\n\nexport const Container = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n`;\n\nexport interface VariableConnectorsProps {\n\tonFocus?: (variableIndex: number) => void;\n\tshowVariableModal?: boolean;\n\tdiscountCode?: string;\n\tsetDiscountCode?: (code: string) => void;\n}\n\nconst VariableConnectors = ({\n\tonFocus,\n\tshowVariableModal,\n\tdiscountCode,\n\tsetDiscountCode,\n}: VariableConnectorsProps) => {\n\tconst {\n\t\toriginalVariableList,\n\t\tdisableEditVariable,\n\t\tsetVariableCallback,\n\t\tsetShowVariablePicker,\n\t} = useTemplateModalContext();\n\tconst [showDiscountCheckBox, setShowDiscountCheckBox] =\n\t\tuseState<boolean>(false);\n\tconst [showAddVariable, setShowAddVariable] = useState<boolean>(false);\n\tconst [variableValue, setVariableValue] = useState<string>('');\n\tconst [isChecked, setIsChecked] = useState<boolean>(false);\n\n\tconst superRef = useRef<any>();\n\tconst varRef = useRef<any>();\n\n\tuseEffect(() => {\n\t\tif (setDiscountCode) {\n\t\t\tsetDiscountCode(discountCode + variableValue);\n\t\t}\n\t}, [variableValue]);\n\n\tconst shouldShowDiscountBox = () => {\n\t\treturn (originalVariableList as CUSTOM_VARIABLE[]).some((variable) => {\n\t\t\treturn (\n\t\t\t\tvariable.updatedValue.replace('{{', '').replace('}}', '') ===\n\t\t\t\t'checkout.checkoutUrl'\n\t\t\t);\n\t\t});\n\t};\n\n\tuseEffect(() => {\n\t\tif (shouldShowDiscountBox()) {\n\t\t\tsetShowDiscountCheckBox(true);\n\t\t\tif (discountCode) {\n\t\t\t\tsetIsChecked(true);\n\t\t\t}\n\t\t} else {\n\t\t\tsetShowDiscountCheckBox(false);\n\t\t\tsetIsChecked?.(false);\n\t\t\tsetDiscountCode?.('');\n\t\t}\n\t}, [originalVariableList]);\n\n\tconst handleVariableCallback = (variable: any) => {\n\t\tsetVariableValue(variable.actualValue);\n\t};\n\n\treturn (\n\t\t<Container>\n\t\t\t<div style={{ padding: 8 }}>\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\tgap: 8,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tmarginBottom: 4,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<TitleRegular style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\tEdit variables and links\n\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t<Tooltip\n\t\t\t\t\t\tbody={\n\t\t\t\t\t\t\t'Variables are placeholder texts which can either be filled by data, eg: customer name or can have any custom text within them'\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div style={{ display: 'flex' }}>\n\t\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t</div>\n\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\tYou can view variables and links on the left underlined in purple\n\t\t\t\t\tcolour.\n\t\t\t\t</BodySecondary>\n\t\t\t</div>\n\n\t\t\t{(originalVariableList as CUSTOM_VARIABLE[])?.map((variable, i) => {\n\t\t\t\tif (!variable.isEditableVariable \|\| disableEditVariable) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div style={{ margin: `16px 8px` }} key={i}>\n\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\tLocked variable {i + 1}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\t\t// disableMarginBottom\n\t\t\t\t\t\t\t\tplaceholder={variable.variableName}\n\t\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}} // containerStyle={styles.inputStyle}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<div style={{ marginTop: 16 }} key={i}>\n\t\t\t\t\t\t<VariableConnector\n\t\t\t\t\t\t\tindex={i}\n\t\t\t\t\t\t\tvariable={variable}\n\t\t\t\t\t\t\tonFocus={() => onFocus?.(i)}\n\t\t\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\t\t\tsetShowDiscountCheckBox={setShowDiscountCheckBox}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t\t{(showDiscountCheckBox \|\| discountCode) && (\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\tmarginLeft: 10,\n\t\t\t\t\t\tmarginTop: 8,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<CheckBox\n\t\t\t\t\t\tisChecked={isChecked}\n\t\t\t\t\t\tonValueChange={() => {\n\t\t\t\t\t\t\tif (isChecked && setDiscountCode) {\n\t\t\t\t\t\t\t\tsetDiscountCode('');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsetIsChecked(!isChecked);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t<TitleSmall style={{ marginLeft: 8 }}>Add discount code</TitleSmall>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{isChecked && (\n\t\t\t\t<div ref={superRef} style={{ margin: 10 }}>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tplaceholder={'Enter your discount code'}\n\t\t\t\t\t\tonChangeText={(value) => {\n\t\t\t\t\t\t\tif (setDiscountCode) {\n\t\t\t\t\t\t\t\tsetDiscountCode(value);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tvalue={discountCode}\n\t\t\t\t\t\tonFocus={() => {\n\t\t\t\t\t\t\tsetShowAddVariable(true);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonBlur={(e) => {\n\t\t\t\t\t\t\tif (e.relatedTarget?.id === 'addVar') {\n\t\t\t\t\t\t\t\tif (superRef.current) {\n\t\t\t\t\t\t\t\t\t(superRef.current as any).focus();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsetShowAddVariable(true);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tsetShowAddVariable(false);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tnoErrorHint\n\t\t\t\t\t\tvalidate={(_) => {\n\t\t\t\t\t\t\treturn [true, ''];\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t{showAddVariable && (\n\t\t\t\t\t\t<AddVariableStyled\n\t\t\t\t\t\t\tref={varRef}\n\t\t\t\t\t\t\tid={'addVar'}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\tsetVariableCallback(() => handleVariableCallback);\n\t\t\t\t\t\t\t\tsetShowVariablePicker(true);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"add\">\n\t\t\t\t\t\t\t\t<PlusIcon width={20} height={20} color=\"white\" />\n\t\t\t\t\t\t\t\t<div className=\"variable\">Add variable</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</AddVariableStyled>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n\nexport default VariableConnectors;\n\nexport const AddVariableStyled = styled.button`\n\tpadding: 2px 8px;\n\tcursor: pointer;\n\tcolor: white;\n\tbackground-color: black;\n\twidth: fit-content;\n\tfloat: right;\n\tmargin-top: 0px;\n\tfont-family: Inter;\n\tfont-style: normal;\n\tfont-weight: 600;\n\tfont-size: 14px;\n\tline-height: 20px;\n\talign-self: flex-end;\n\tborder-radius: 4px;\n\tborder: 1px solid #ccc;\n\tmargin-right: 1px;\n\n\t.add {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 5px;\n\t}\n`;\n"],"names":["Container","styled","div","AddVariableStyled","button","VariableConnectors","onFocus","showVariableModal","discountCode","setDiscountCode","originalVariableList","disableEditVariable","setVariableCallback","setShowVariablePicker","useTemplateModalContext","showDiscountCheckBox","setShowDiscountCheckBox","useState","showAddVariable","setShowAddVariable","variableValue","setVariableValue","isChecked","setIsChecked","superRef","useRef","varRef","useEffect","some","variable","updatedValue","replace","handleVariableCallback","actualValue","_jsxs","children","style","padding","jsxs","Object","assign","display","gap","alignItems","marginBottom","_jsx","TitleRegular","color","COLORS","content","primary","jsx","Tooltip","body","InfoIcon","width","height","placeholder","BodySecondary","secondary","map","i","isEditableVariable","margin","Input","state","variableName","onChangeText","marginTop","VariableConnector","index","flexDirection","marginLeft","CheckBox","onValueChange","TitleSmall","ref","value","onBlur","e","relatedTarget","_a","id","current","focus","noErrorHint","validate","_","onClick","stopPropagation","className","PlusIcon"],"mappings":"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"}

package/dist/cjs/components/template-context-mapper/modalElements/VariableEditorHeader.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/info.svg.js"),i=require("styled-components"),s=require("../../tooltips/Tooltip.js"),r=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(i);const a=l.default(r.BodySecondary)`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/info.svg.js"),i=require("styled-components"),s=require("../../tooltips/Tooltip.js"),n=require("../../TypographyStyle.js"),o=require("../../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(i);const a=l.default(n.BodySecondary)`
 	line-height: 1.5 !important;
 `,d=l.default.div`
 	padding-top: 24px;
@@ -6,5 +6,5 @@
 	padding-right: 10px;
 	margin-bottom: 8px;
 	line-height: normal;
-`;exports.default=i=>{let{headerText:o,subText:l,toolTipInfo:c,containerStyle:p}=i;return e.jsxs(d,Object.assign({style:Object.assign({},p)},{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:8}},{children:[e.jsx(r.TitleRegular,Object.assign({style:{color:n.COLORS.content.primary}},{children:o})),c&&e.jsx(s.Tooltip,Object.assign({body:c},{children:e.jsx("div",{children:e.jsx(t.default,{width:20,height:20,color:n.COLORS.content.placeholder})})}))]})),e.jsx(a,Object.assign({style:{color:n.COLORS.content.secondary,marginBottom:0,lineHeight:20,display:"block"}},{children:l}))]}))};
+`;exports.default=({headerText:i,subText:r,toolTipInfo:l,containerStyle:c})=>e.jsxs(d,Object.assign({style:Object.assign({},c)},{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:8}},{children:[e.jsx(n.TitleRegular,Object.assign({style:{color:o.COLORS.content.primary}},{children:i})),l&&e.jsx(s.Tooltip,Object.assign({body:l},{children:e.jsx("div",{children:e.jsx(t.default,{width:20,height:20,color:o.COLORS.content.placeholder})})}))]})),e.jsx(a,Object.assign({style:{color:o.COLORS.content.secondary,marginBottom:0,lineHeight:20,display:"block"}},{children:r}))]}));
 //# sourceMappingURL=VariableEditorHeader.js.map

package/dist/cjs/components/template-context-mapper/modalElements/VariableEditorHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VariableEditorHeader.js","sources":["../../../../../src/components/template-context-mapper/modalElements/VariableEditorHeader.tsx"],"sourcesContent":["import InfoIcon from '@src/assets/icons/info.svg';\nimport { type CSSProperties } from 'react';\nimport styled from 'styled-components';\nimport { Tooltip } from '@src/components/tooltips/Tooltip';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nconst SubTitle = styled(BodySecondary)`\n\tline-height: 1.5 !important;\n`;\n\nconst VariableEditorHeaderContainer = styled.div`\n\tpadding-top: 24px;\n\tpadding-left: 10px;\n\tpadding-right: 10px;\n\tmargin-bottom: 8px;\n\tline-height: normal;\n`;\n\nexport interface VariableEditorHeaderProps {\n\theaderText: string;\n\tsubText: string;\n\ttoolTipInfo?: string;\n\tcontainerStyle?: CSSProperties;\n}\nconst VariableEditorHeader = ({\n\theaderText,\n\tsubText,\n\ttoolTipInfo,\n\tcontainerStyle,\n}: VariableEditorHeaderProps) => {\n\treturn (\n\t\t<VariableEditorHeaderContainer\n\t\t\tstyle={{\n\t\t\t\t...containerStyle,\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tgap: 8,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<TitleRegular style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t{headerText}\n\t\t\t\t</TitleRegular>\n\t\t\t\t{toolTipInfo && (\n\t\t\t\t\t<Tooltip body={toolTipInfo}>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<SubTitle\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\tmarginBottom: 0,\n\t\t\t\t\tlineHeight: 20,\n\t\t\t\t\tdisplay: 'block',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{subText}\n\t\t\t</SubTitle>\n\t\t</VariableEditorHeaderContainer>\n\t);\n};\n\nexport default VariableEditorHeader;\n"],"names":["SubTitle","styled","BodySecondary","VariableEditorHeaderContainer","div","~~_ref~~","headerText","subText","toolTipInfo","containerStyle","_jsxs","Object","assign","style","children","jsxs","display","gap","_jsx","jsx","TitleRegular","color","COLORS","content","primary","Tooltip","body","InfoIcon","width","height","placeholder","secondary","marginBottom","lineHeight"],"mappings":"8XAOA,MAAMA,EAAWC,EAAAA,QAAOC,EAAAA,cAAc;;EAIhCC,EAAgCF,EAAM,QAACG,GAAG;;;;;;kBAcnBC,~~IAKG~~,~~IALFC~~,~~WAC7BA~~,~~EAAUC~~,~~QACVA~~,~~EAAOC,YACPA,EAAWC,eACXA,GAC2BJ,EAC3B,OACCK,~~OAACP,EACAQ,OAAAC,OAAA,CAAAC,uBACIJ,IAAc,CAAAK,SAAA,CAGlBJ,EACCK,KAAA,MAAAJ,OAAAC,OAAA,CAAAC,MAAO,CACNG,QAAS,OACTC,IAAK,IAGN,CAAAH,SAAA,CAAAI,EAAAC,IAACC,eAAYT,OAAAC,OAAA,CAACC,MAAO,CAAEQ,MAAOC,EAAAA,OAAOC,QAAQC,UAC3C,CAAAV,SAAAR,KAEDE,GACAU,EAAAA,IAACO,EAAAA,QAAOd,OAAAC,OAAA,CAACc,KAAMlB,GAAW,CAAAM,SACzBI,sBACCA,EAACC,IAAAQ,UACA,CAAAC,MAAO,GACPC,OAAQ,GACRR,MAAOC,EAAAA,OAAOC,QAAQO,uBAM3BZ,EAACC,IAAAnB,EACAW,OAAAC,OAAA,CAAAC,MAAO,CACNQ,MAAOC,EAAAA,OAAOC,QAAQQ,UACtBC,aAAc,EACdC,WAAY,GACZjB,QAAS,UACT,CAAAF,SAEAP~~,QAE6B~~"}
1	+ {"version":3,"file":"VariableEditorHeader.js","sources":["../../../../../src/components/template-context-mapper/modalElements/VariableEditorHeader.tsx"],"sourcesContent":["import InfoIcon from '@src/assets/icons/info.svg';\nimport { type CSSProperties } from 'react';\nimport styled from 'styled-components';\nimport { Tooltip } from '@src/components/tooltips/Tooltip';\nimport { BodySecondary, TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nconst SubTitle = styled(BodySecondary)`\n\tline-height: 1.5 !important;\n`;\n\nconst VariableEditorHeaderContainer = styled.div`\n\tpadding-top: 24px;\n\tpadding-left: 10px;\n\tpadding-right: 10px;\n\tmargin-bottom: 8px;\n\tline-height: normal;\n`;\n\nexport interface VariableEditorHeaderProps {\n\theaderText: string;\n\tsubText: string;\n\ttoolTipInfo?: string;\n\tcontainerStyle?: CSSProperties;\n}\nconst VariableEditorHeader = ({\n\theaderText,\n\tsubText,\n\ttoolTipInfo,\n\tcontainerStyle,\n}: VariableEditorHeaderProps) => {\n\treturn (\n\t\t<VariableEditorHeaderContainer\n\t\t\tstyle={{\n\t\t\t\t...containerStyle,\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tgap: 8,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<TitleRegular style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t{headerText}\n\t\t\t\t</TitleRegular>\n\t\t\t\t{toolTipInfo && (\n\t\t\t\t\t<Tooltip body={toolTipInfo}>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<SubTitle\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\tmarginBottom: 0,\n\t\t\t\t\tlineHeight: 20,\n\t\t\t\t\tdisplay: 'block',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{subText}\n\t\t\t</SubTitle>\n\t\t</VariableEditorHeaderContainer>\n\t);\n};\n\nexport default VariableEditorHeader;\n"],"names":["SubTitle","styled","BodySecondary","VariableEditorHeaderContainer","div","VariableEditorHeader","headerText","subText","toolTipInfo","containerStyle","_jsxs","Object","assign","style","children","jsxs","display","gap","_jsx","jsx","TitleRegular","color","COLORS","content","primary","Tooltip","body","InfoIcon","width","height","placeholder","secondary","marginBottom","lineHeight"],"mappings":"8XAOA,MAAMA,EAAWC,EAAAA,QAAOC,EAAAA,cAAc;;EAIhCC,EAAgCF,EAAM,QAACG,GAAG;;;;;;kBAcnBC,EAC5BC,aACAC,UACAC,cACAC,oBAGCC,OAACP,EACAQ,OAAAC,OAAA,CAAAC,uBACIJ,IAAc,CAAAK,SAAA,CAGlBJ,EACCK,KAAA,MAAAJ,OAAAC,OAAA,CAAAC,MAAO,CACNG,QAAS,OACTC,IAAK,IAGN,CAAAH,SAAA,CAAAI,EAAAC,IAACC,eAAYT,OAAAC,OAAA,CAACC,MAAO,CAAEQ,MAAOC,EAAAA,OAAOC,QAAQC,UAC3C,CAAAV,SAAAR,KAEDE,GACAU,EAAAA,IAACO,EAAAA,QAAOd,OAAAC,OAAA,CAACc,KAAMlB,GAAW,CAAAM,SACzBI,sBACCA,EAACC,IAAAQ,UACA,CAAAC,MAAO,GACPC,OAAQ,GACRR,MAAOC,EAAAA,OAAOC,QAAQO,uBAM3BZ,EAACC,IAAAnB,EACAW,OAAAC,OAAA,CAAAC,MAAO,CACNQ,MAAOC,EAAAA,OAAOC,QAAQQ,UACtBC,aAAc,EACdC,WAAY,GACZjB,QAAS,UACT,CAAAF,SAEAP"}