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

@bikdotai/bik-component-library 0.0.807-beta.2 → 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 (1549) hide show

package/dist/esm/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":["TemplateSelectModalContent","~~_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":"+KAuBMA,MAAAA,~~EAA6BC~~,~~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,~~EAAK,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,cAAe,IAAG,CAAAC,SAC/BC,mBACEnB,IAAYoB,EAAaC,OACzBR,EAACS,EAAM,CAACnB,gBAAiBA,IAE1BU,EAACU,EAAI,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":"+KAuBMA,MAAAA,EAA6BA,EAClCC,UACAC,sBACAC,wBACAC,kBACAC,6BACAC,oBACAC,eACAC,kBACAC,uBACAC,mBACAC,WACAC,cACAC,gCAGCC,EAAK,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,cAAe,IAAG,CAAAC,SAC/BC,mBACEnB,IAAYoB,EAAaC,OACzBR,EAACS,EAAM,CAACnB,gBAAiBA,IAE1BU,EAACU,EAAI,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/esm/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","VariableConnector","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","style","marginBottom","BodySecondary","color","content","negative","primary","children","display","border","borderRadius","padding","justifyContent","backgroundColor","base","BodyPrimary","numberOfLines","truncate","_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","VariableConnector","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","style","marginBottom","BodySecondary","color","content","negative","primary","children","display","border","borderRadius","padding","justifyContent","backgroundColor","base","BodyPrimary","numberOfLines","truncate","_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/esm/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":["VariableConnectorWhatsApp","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","BodySecondary","color","COLORS","content","primary","Input","state","placeholder","variableName","onChangeText","VariableConnector","index","componentType","_c","header","expiryDate","_e","_d","example","limited_time_offer","Date","toISOString","_g","_f","text","updatedValue"],"mappings":"uZA+BMA,MAAAA,EAA6BC,sBAClC,MAAMC,qBACLA,EAAoBC,KACpBA,EAAIC,kBACJA,EAAiBC,aACjBA,EAAYC,QACZA,GACGL,GAEHM,qBAAsBC,EAAiBC,oBACvCA,EAAmBC,sBACnBA,EAAqBC,sBACrBA,GACGC,IACJ,IAAIL,EAAuBC,EAG1BF,IACCA,GAAWO,EAAaC,UAAYR,GAAWO,EAAaE,MAC7DV,IAEAE,EAAuBF,GAGxB,MAAMW,EAAWd,EAAqBC,KAEtC,GAAiB,SAAba,GAAwD,UAAjCA,EAASC,oBACnC,OACCC,EACE,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,EAAK,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,~~OAAkB~~,~~aAC/B~~,CAAAf,SAAA,CAAAW,EAACK,EAAaJ,OAAAC,OAAA,CAACC,MAAO,CAAEG,MAAOC,EAAOC,QAAQC,UAAS,CAAApB,SAAA,CAC5C,WAAThB,EAAoB,SAAW,GAAqB,oBAAAyB,EAAI,MAE1DV,EAACsB,EACA,CAAAC,MAAO,WACPC,YAAaf,EAASgB,aACtBC,aAAcA,KACb,OARsChB,GAe1CV,EAAC2B,EAAiB,CACjBC,MAAOlB,EACPD,SAAUA,EAEVvB,kBAAmBA,EACnB2C,cACC/B,~~GAHO~~,~~GAAAY~~,KAAKD,EAASmB,aAUrB,GAAiB,WAAb9B,EACV,OACCE,EACE,MAAA,CAAAC,SAKA,QALA6B,EAA0B3B,MAAzBX,GAAsCA,GAAyB,EAC7DH,EAA2De,MAC5DZ,GACEuC,OACD1C,aAAoB,EAApBA,EAAoD0C,cACvD,IAAAD,OAAA,EAAAA,EAAEtB,KAAI,CAACC,EAAUC,IACbD,EAASE,mBAEXX,EAAC2B,EAAiB,CACjBC,MAAOlB,EACPD,SAAUA,EAEVvB,kBAAmBA,EACnB2C,cAAe/B,~~GAFP~~,~~GAAAY~~,KAAKD,EAASmB,SAOvBhB,EAAK,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,~~OAAkB~~,~~aAC/B~~,CAAAf,SAAA,CAAAW,EAACK,EAAaJ,OAAAC,OAAA,CAACC,MAAO,CAAEG,MAAOC,EAAOC,QAAQC,UAAS,CAAApB,SAAA,CAC5C,WAAThB,EAAoB,SAAW,GAAqB,oBAAAyB,EAAI,MAE1DV,EAACsB,EACA,CAAAC,MAAO,WACPC,YAAaf,EAASgB,aACtBC,aAAcA,KACb,OARsChB,OAiBxC,GAAiB,uBAAbZ,EAAmC,CAC7C,IAAIkC,EAC6C,QAAhDC,EAA4B,QAA5BC,EAAAlD,EAAqBmD,eAAO,IAAAD,OAAA,EAAAA,EAAEE,0BAAkB,IAAAH,EAAAA,GAChD,IAAII,MAAOC,cAIZ,OAHI7C,IACHuC,EAAa,IAAIK,KAAK5C,GAAuB6C,eAG7CtC,EACC,MAAA,CAAAC,SAAAD,EAAC2B,EAAiB,CACjBC,MAAO,EACPnB,SAAU,CACTgB,qBACCc,EAA0C,QAA1CC,EAAAxD,aAAA,EAAAA,EAAsBoD,0BAAoB,IAAAI,OAAA,EAAAA,EAAAC,oBAAQ,gBACnDC,aAAcV,EACd/C,KAAM,YACN0B,oBAAoB,EACpBiB,MAAO,GAGR1C,kBAAmBA,EACnB2C,cAAe/B,GAFV,GAAGA,MAMX,CAAM,OAAOE,OAAK"}
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":["VariableConnectorWhatsApp","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","BodySecondary","color","COLORS","content","primary","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/esm/components/template-context-mapper/modalElements/VariableConnectorsPanel.js CHANGED Viewed

@@ -2,7 +2,7 @@ import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"../../../assets/
 	display: flex;
 	flex-direction: column;
 	height: 100%;
-`,x=n=>{let{onFocus:x,showVariableModal:v,discountCode:j,setDiscountCode:O}=n;const{originalVariableList:k,disableEditVariable:w,setVariableCallback:V,setShowVariablePicker:C}=b(),[T,B]=o(!1),[E,L]=o(!1),[D,F]=o(""),[I,M]=o(!1),N=a(),S=a();r((()=>{O&&O(j+D)}),[D]);r((()=>{k.some((e=>"checkout.checkoutUrl"===e.updatedValue.replace("{{","").replace("}}","")))?(B(!0),j&&M(!0)):(B(!1),null==M||M(!1),null==O||O(""))}),[k]);const A=e=>{F(e.actualValue)};return e(f,{children:[e("div",Object.assign({style:{padding:8}},{children:[e("div",Object.assign({style:{display:"flex",gap:8,alignItems:"center",marginBottom:4}},{children:[i(d,Object.assign({style:{color:m.content.primary}},{children:"Edit variables and links"})),i(c,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:i("div",Object.assign({style:{display:"flex"}},{children:i(t,{width:20,height:20,color:m.content.placeholder})}))}))]})),i(p,Object.assign({style:{color:m.content.secondary}},{children:"You can view variables and links on the left underlined in purple colour."}))]})),null==k?void 0:k.map(((t,o)=>!t.isEditableVariable||w?e("div",Object.assign({style:{margin:"16px 8px"}},{children:[e(p,Object.assign({style:{color:m.content.primary}},{children:["Locked variable ",o+1]})),i(s,{state:"disabled",placeholder:t.variableName,onChangeText:()=>{}})]}),o):i("div",Object.assign({style:{marginTop:16}},{children:i(u,{index:o,variable:t,onFocus:()=>null==x?void 0:x(o),showVariableModal:v,setShowDiscountCheckBox:B})}),o))),(T||j)&&e("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8}},{children:[i(l,{isChecked:I,onValueChange:()=>{I&&O&&O(""),M(!I)}}),i(h,Object.assign({style:{marginLeft:8}},{children:"Add discount code"}))]})),I&&e("div",Object.assign({ref:N,style:{margin:10}},{children:[i(s,{placeholder:"Enter your discount code",onChangeText:e=>{O&&O(e)},value:j,onFocus:()=>{L(!0)},onBlur:e=>{var i;"addVar"===(null===(i=e.relatedTarget)||void 0===i?void 0:i.id)?(N.current&&N.current.focus(),L(!0)):L(!1)},noErrorHint:!0,validate:e=>[!0,""]}),E&&i(y,Object.assign({ref:S,id:"addVar",onClick:e=>{e.stopPropagation(),V((()=>A)),C(!0)}},{children:e("div",Object.assign({className:"add"},{children:[i(g,{width:20,height:20,color:"white"}),i("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))]}))]})},y=n.button`
+`,x=({onFocus:n,showVariableModal:x,discountCode:v,setDiscountCode:j})=>{const{originalVariableList:O,disableEditVariable:k,setVariableCallback:w,setShowVariablePicker:V}=b(),[C,T]=o(!1),[B,E]=o(!1),[L,D]=o(""),[F,I]=o(!1),M=a(),N=a();r((()=>{j&&j(v+L)}),[L]);r((()=>{O.some((e=>"checkout.checkoutUrl"===e.updatedValue.replace("{{","").replace("}}","")))?(T(!0),v&&I(!0)):(T(!1),null==I||I(!1),null==j||j(""))}),[O]);const S=e=>{D(e.actualValue)};return e(f,{children:[e("div",Object.assign({style:{padding:8}},{children:[e("div",Object.assign({style:{display:"flex",gap:8,alignItems:"center",marginBottom:4}},{children:[i(d,Object.assign({style:{color:m.content.primary}},{children:"Edit variables and links"})),i(c,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:i("div",Object.assign({style:{display:"flex"}},{children:i(t,{width:20,height:20,color:m.content.placeholder})}))}))]})),i(p,Object.assign({style:{color:m.content.secondary}},{children:"You can view variables and links on the left underlined in purple colour."}))]})),null==O?void 0:O.map(((t,o)=>!t.isEditableVariable||k?e("div",Object.assign({style:{margin:"16px 8px"}},{children:[e(p,Object.assign({style:{color:m.content.primary}},{children:["Locked variable ",o+1]})),i(s,{state:"disabled",placeholder:t.variableName,onChangeText:()=>{}})]}),o):i("div",Object.assign({style:{marginTop:16}},{children:i(u,{index:o,variable:t,onFocus:()=>null==n?void 0:n(o),showVariableModal:x,setShowDiscountCheckBox:T})}),o))),(C||v)&&e("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8}},{children:[i(l,{isChecked:F,onValueChange:()=>{F&&j&&j(""),I(!F)}}),i(h,Object.assign({style:{marginLeft:8}},{children:"Add discount code"}))]})),F&&e("div",Object.assign({ref:M,style:{margin:10}},{children:[i(s,{placeholder:"Enter your discount code",onChangeText:e=>{j&&j(e)},value:v,onFocus:()=>{E(!0)},onBlur:e=>{var i;"addVar"===(null===(i=e.relatedTarget)||void 0===i?void 0:i.id)?(M.current&&M.current.focus(),E(!0)):E(!1)},noErrorHint:!0,validate:e=>[!0,""]}),B&&i(y,Object.assign({ref:N,id:"addVar",onClick:e=>{e.stopPropagation(),w((()=>S)),V(!0)}},{children:e("div",Object.assign({className:"add"},{children:[i(g,{width:20,height:20,color:"white"}),i("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))]}))]})},y=n.button`
 	padding: 2px 8px;
 	cursor: pointer;
 	color: white;

package/dist/esm/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","VariableConnectors","_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","Object","assign","display","gap","alignItems","marginBottom","_jsx","TitleRegular","color","COLORS","content","primary","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","_","AddVariableStyled","onClick","stopPropagation","className","PlusIcon","button"],"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","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","Object","assign","display","gap","alignItems","marginBottom","_jsx","TitleRegular","color","COLORS","content","primary","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","_","AddVariableStyled","onClick","stopPropagation","className","PlusIcon","button"],"mappings":"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"}

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

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

package/dist/esm/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","VariableEditorHeader","~~_ref","~~headerText","subText","toolTipInfo","containerStyle","_jsxs","Object","assign","style","children","display","gap","_jsx","TitleRegular","color","COLORS","content","primary","Tooltip","body","InfoIcon","width","height","placeholder","secondary","marginBottom","lineHeight"],"mappings":"wTAOA,MAAMA,EAAWC,EAAOC,EAAc;;EAIhCC,EAAgCF,EAAOG,GAAG;;;;;;EAc1CC,~~EAAuBC~~,~~IAKG~~,~~IALFC~~,~~WAC7BA~~,~~EAAUC~~,~~QACVA~~,~~EAAOC~~,~~YACPA~~,~~EAAWC,eACXA,GAC2BJ,EAC3B,OACCK,EAACR,EACAS,~~OAAAC,OAAA,CAAAC,uBACIJ,IAAc,CAAAK,SAAA,CAGlBJ,EACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNE,QAAS,OACTC,IAAK,IAGN,CAAAF,SAAA,CAAAG,EAACC,EAAYP,OAAAC,OAAA,CAACC,MAAO,CAAEM,MAAOC,EAAOC,QAAQC,UAC3C,CAAAR,SAAAR,KAEDE,GACAS,EAACM,EAAOZ,OAAAC,OAAA,CAACY,KAAMhB,GAAW,CAAAM,SACzBG,kBACCA,EAACQ,EACA,CAAAC,MAAO,GACPC,OAAQ,GACRR,MAAOC,EAAOC,QAAQO,uBAM3BX,~~EAAClB~~,~~EACAY~~,OAAAC,OAAA,CAAAC,MAAO,CACNM,MAAOC,EAAOC,QAAQQ,UACtBC,aAAc,EACdC,WAAY,GACZhB,QAAS,UACT,CAAAD,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","display","gap","_jsx","TitleRegular","color","COLORS","content","primary","Tooltip","body","InfoIcon","width","height","placeholder","secondary","marginBottom","lineHeight"],"mappings":"wTAOA,MAAMA,EAAWC,EAAOC,EAAc;;EAIhCC,EAAgCF,EAAOG,GAAG;;;;;;EAc1CC,EAAuBA,EAC5BC,aACAC,UACAC,cACAC,oBAGCC,EAACP,EACAQ,OAAAC,OAAA,CAAAC,uBACIJ,IAAc,CAAAK,SAAA,CAGlBJ,EACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNE,QAAS,OACTC,IAAK,IAGN,CAAAF,SAAA,CAAAG,EAACC,EAAYP,OAAAC,OAAA,CAACC,MAAO,CAAEM,MAAOC,EAAOC,QAAQC,UAC3C,CAAAR,SAAAR,KAEDE,GACAS,EAACM,EAAOZ,OAAAC,OAAA,CAACY,KAAMhB,GAAW,CAAAM,SACzBG,kBACCA,EAACQ,EACA,CAAAC,MAAO,GACPC,OAAQ,GACRR,MAAOC,EAAOC,QAAQO,uBAM3BX,EAACjB,EACAW,OAAAC,OAAA,CAAAC,MAAO,CACNM,MAAOC,EAAOC,QAAQQ,UACtBC,aAAc,EACdC,WAAY,GACZhB,QAAS,UACT,CAAAD,SAEAP"}