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

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

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

Files changed (1557) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EditWhatsAppTemplateV2.js","sources":["../../../../../src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx"],"sourcesContent":["import { PickerType } from '@src/helpers';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport type { VariableListInterfaceV2 } from '@src/components/add-variableV2/AddVariableV2';\nimport { Input } from '@src/components/input';\nimport { InputWithVariables } from '@src/components/input-with-vars';\nimport {\n\tisCarouselComponent,\n\tisRCSChannel,\n} from '@src/components/template-preview/helpers/templateMiscHelper';\nimport type { EmailTemplateType } from '@src/components/template-preview/models/EmailTemplate';\nimport type { SMSTemplateType } from '@src/components/template-preview/models/SmsTemplate';\nimport {\n\tButtonPlaceHolderOptions,\n\tHEADER_TYPES,\n} from '@src/components/template-preview/models/TemplateMeta';\nimport type {\n\tWhatsAppCarouselTemplate,\n\tWhatsAppCarouselTemplateVariables,\n} from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport {\n\ttype CTABtnValType,\n\tPOD,\n\ttype QRBBtnValType,\n} from '@src/components/template-preview/models/WhatsAppTemplate';\nimport {\n\ttype WhatsAppPickerMeta,\n\ttype WhatsAppTemplate,\n\ttype WhatsAppTemplateVariables,\n} from '@src/components/template-preview/models/WhatsAppTemplate';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport {\n\tSTATIC_URL_VARIABLE_NAME,\n\tUNSUBSCRIBE_URL_VARIABLE,\n} from '../utils/constants';\nimport { getAllDataFromTemplateComponent } from '../utils/getDataFromTemplateComponent';\nimport { isVariable } from '../utils/validateIsUrl';\nimport {\n\tvalidateInputName,\n\tvalidateInputNameChatbot,\n} from '../utils/validateName';\nimport { BackTrackComponent } from './BackTrackComponent';\nimport { DiscountCodeComponent } from './DiscountCodeComponent';\nimport EditMediaModal from './EditMediaModal';\nimport EditMediaV2 from './EditMediaV2';\nimport { EditTemplateMediaContainer } from './EditMediaV2.style';\nimport { useEditWhatsappTemplateMedia } from './useEditWhtasappTemplateMedia';\nimport VariableConnector from './VariableConnector';\nimport { Container } from './VariableConnectorsPanel';\nimport VariableConnectorWhatsApp from './VariableConnectorWhatsApp';\nimport VariableEditorHeader from './VariableEditorHeader';\nimport WhatsAppTemplateCardButtonV2, {\n\tQRBBtnUpdateFunctionType,\n\tURLBtnUpdateFunctionType,\n} from './WhatsAppTemplateCardButtonV2';\n\nexport interface EditWhatsAppTemplateV2Props {\n\twhatsappSpecificPickerMeta?: WhatsAppPickerMeta;\n\ttemplate: WhatsAppTemplate \| WhatsAppCarouselTemplate;\n\tonTemplateChange?: (\n\t\ttemplate:\n\t\t\t\| WhatsAppTemplate\n\t\t\t\| EmailTemplateType\n\t\t\t\| SMSTemplateType\n\t\t\t\| WhatsAppCarouselTemplate,\n\t) => void;\n\tshowVariableModal?: boolean;\n\tvariableListForImage?: VariableListInterfaceV2[];\n\tdiscountCode?: string;\n\tsetDiscountCode?: (code: string) => void;\n\tfileName?: string;\n\tsetFileName?: (name: string) => void;\n}\n\nconst EditWhatsAppTemplateV2 = ({\n\ttemplate,\n\tonTemplateChange,\n\twhatsappSpecificPickerMeta,\n\tshowVariableModal,\n\tvariableListForImage,\n\tsetDiscountCode,\n\tfileName,\n\tsetFileName,\n}: EditWhatsAppTemplateV2Props) => {\n\tconst isCarouselType = (template as WhatsAppCarouselTemplate).isCarouselType;\n\tconst {\n\t\toriginalVariableList,\n\t\tpod,\n\t\textras,\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\tdisableCopyCode,\n\t\tisError,\n\t\tcardIndex,\n\t} = useTemplateModalContext();\n\tconst {\n\t\tdescriptionComponents,\n\t\turlBtns,\n\t\tqrbBtns,\n\t\timageComponent,\n\t\tbodyVariables,\n\t\theaderVariables,\n\t\ttitleVariables,\n\t} = getAllDataFromTemplateComponent(template as WhatsAppTemplate);\n\n\tconst fileRef = useRef<HTMLInputElement>(null);\n\n\tconst [showDiscountCheckBox, setShowDiscountCheckBox] =\n\t\tuseState<boolean>(false);\n\tconst [templateComponentData, setTemplateComponentData] = useState<any>(\n\t\tselectedCarouselIndex === -1\n\t\t\t? {\n\t\t\t\t\tdescriptionComponents,\n\t\t\t\t\turlBtns,\n\t\t\t\t\tqrbBtns,\n\t\t\t\t\timageComponent,\n\t\t\t\t\tbodyVariables,\n\t\t\t\t\theaderVariables,\n\t\t\t\t\ttitleVariables,\n\t\t\t }\n\t\t\t: {},\n\t);\n\n\tconst { uploadMediaLink, uploadMediaFiles, validateMimeType } =\n\t\twhatsappSpecificPickerMeta as WhatsAppPickerMeta;\n\n\tconst useEditWhatsappTemplateMediaResponse = useEditWhatsappTemplateMedia({\n\t\tuploadMediaLink,\n\t\tuploadMediaFiles,\n\t\tupdateTemplateImageUrl,\n\t\tvalidateMimeType,\n\t\tmediaComponent: !isCarouselType\n\t\t\t? imageComponent\n\t\t\t: templateComponentData.imageComponent,\n\t\tfileRef,\n\t});\n\n\tconst [hasNewImageUpload, setHasNewImageUpload] = useState<boolean>(false);\n\tconst [enteredPdf, setEnteredPdf] = useState(fileName);\n\tconst [pdfInputError, setPdfInputError] = useState<string \| undefined>();\n\n\t/*\n\t Whenever template changes, check if we have Checkout URL in the button mapping.\n\t * If yes, show discount check box\n\t /\n\tuseEffect(() => {\n\t\tconst discountCheckboxEnabled = template.mapping.buttons?.find(\n\t\t\t(button) => button.slice(2, -2) === 'checkout.checkoutUrl',\n\t\t);\n\t\tif (discountCheckboxEnabled) {\n\t\t\tsetShowDiscountCheckBox(true);\n\t\t} else {\n\t\t\tsetShowDiscountCheckBox(false);\n\t\t\tconst setDiscountCode = extras?.discountCodeExtra?.[1];\n\t\t\tsetDiscountCode?.('');\n\t\t}\n\t}, [template]);\n\n\tuseEffect(() => {\n\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\n\t\t\tconst currentCarousel = {\n\t\t\t\tcomponents: (template as WhatsAppCarouselTemplate).components[cardIndex]\n\t\t\t\t\t?.cards?.[selectedCarouselIndex].components,\n\t\t\t\tmapping: (template as WhatsAppCarouselTemplate)?.mapping?.cards?.[\n\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t],\n\t\t\t};\n\t\t\tconst {\n\t\t\t\tdescriptionComponents,\n\t\t\t\turlBtns,\n\t\t\t\tqrbBtns,\n\t\t\t\timageComponent,\n\t\t\t\tbodyVariables,\n\t\t\t\theaderVariables,\n\t\t\t\ttitleVariables,\n\t\t\t} = getAllDataFromTemplateComponent(currentCarousel as WhatsAppTemplate);\n\n\t\t\tsetTemplateComponentData({\n\t\t\t\tdescriptionComponents,\n\t\t\t\turlBtns,\n\t\t\t\tqrbBtns,\n\t\t\t\timageComponent,\n\t\t\t\tbodyVariables,\n\t\t\t\theaderVariables,\n\t\t\t\ttitleVariables,\n\t\t\t});\n\t\t} else if (\n\t\t\tselectedCarouselIndex != undefined &&\n\t\t\tselectedCarouselIndex === -1\n\t\t) {\n\t\t\tconst {\n\t\t\t\tdescriptionComponents,\n\t\t\t\turlBtns,\n\t\t\t\tqrbBtns,\n\t\t\t\timageComponent: mediaComponent,\n\t\t\t\tbodyVariables,\n\t\t\t\theaderVariables,\n\t\t\t\ttitleVariables,\n\t\t\t} = getAllDataFromTemplateComponent(template as WhatsAppTemplate);\n\t\t\tsetTemplateComponentData({\n\t\t\t\tdescriptionComponents,\n\t\t\t\turlBtns,\n\t\t\t\tqrbBtns,\n\t\t\t\timageComponent: mediaComponent,\n\t\t\t\tbodyVariables,\n\t\t\t\theaderVariables,\n\t\t\t\ttitleVariables,\n\t\t\t});\n\t\t}\n\t}, [selectedCarouselIndex]);\n\n\tuseEffect(() => {\n\t\tif (\n\t\t\tselectedCarouselIndex != undefined &&\n\t\t\tselectedCarouselIndex > -1 &&\n\t\t\thasNewImageUpload\n\t\t) {\n\t\t\tconst currentCarousel = {\n\t\t\t\tcomponents: (template as WhatsAppCarouselTemplate).components[cardIndex]\n\t\t\t\t\t?.cards?.[selectedCarouselIndex].components,\n\t\t\t\tmapping: (template as WhatsAppCarouselTemplate)?.mapping?.cards?.[\n\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t],\n\t\t\t};\n\t\t\tconst {\n\t\t\t\tdescriptionComponents,\n\t\t\t\turlBtns,\n\t\t\t\tqrbBtns,\n\t\t\t\timageComponent,\n\t\t\t\tbodyVariables,\n\t\t\t\theaderVariables,\n\t\t\t\ttitleVariables,\n\t\t\t} = getAllDataFromTemplateComponent(currentCarousel as WhatsAppTemplate);\n\n\t\t\tsetTemplateComponentData({\n\t\t\t\tdescriptionComponents,\n\t\t\t\turlBtns,\n\t\t\t\tqrbBtns,\n\t\t\t\timageComponent,\n\t\t\t\tbodyVariables,\n\t\t\t\theaderVariables,\n\t\t\t\ttitleVariables,\n\t\t\t});\n\t\t\tsetHasNewImageUpload(false);\n\t\t}\n\t}, [hasNewImageUpload]);\n\n\tfunction updateTemplateImageUrl(\n\t\turl: string,\n\t\tformat: WhatsAppTemplate['components'][0]['format'],\n\t) {\n\t\tlet localTemplate: any;\n\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\n\t\t\tlocalTemplate = {\n\t\t\t\tcomponents: (template as WhatsAppCarouselTemplate).components[cardIndex]\n\t\t\t\t\t?.cards?.[selectedCarouselIndex].components,\n\t\t\t\tmapping: (template as WhatsAppCarouselTemplate)?.mapping?.cards?.[\n\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t],\n\t\t\t};\n\t\t} else {\n\t\t\tlocalTemplate = { ...template };\n\t\t}\n\n\t\tconst imageComponentIndex = localTemplate?.components?.findIndex(\n\t\t\t(component) => {\n\t\t\t\tif (\n\t\t\t\t\tcomponent.type === 'HEADER' &&\n\t\t\t\t\tcomponent.format !== 'NONE' &&\n\t\t\t\t\tcomponent.format !== 'TEXT'\n\t\t\t\t) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t},\n\t\t);\n\n\t\tif (\n\t\t\ttypeof imageComponentIndex !== 'undefined' &&\n\t\t\timageComponentIndex > -1 &&\n\t\t\tlocalTemplate?.components[imageComponentIndex]\n\t\t) {\n\t\t\tconst updatedComponent: WhatsAppTemplate['components'][0] = {\n\t\t\t\t...localTemplate.components[imageComponentIndex],\n\t\t\t\tformat,\n\t\t\t\texample: {\n\t\t\t\t\theader_handle: [url],\n\t\t\t\t},\n\t\t\t};\n\n\t\t\tconst components = [...localTemplate.components];\n\t\t\tcomponents[imageComponentIndex] = updatedComponent;\n\t\t\tlocalTemplate = { ...localTemplate, components };\n\t\t}\n\n\t\tif (localTemplate.mapping) {\n\t\t\tlocalTemplate.mapping = {\n\t\t\t\t...localTemplate.mapping,\n\t\t\t\theader: undefined,\n\t\t\t};\n\t\t}\n\n\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\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 = localTemplate.components;\n\t\t\tif (\n\t\t\t\ttemplateCopy?.mapping?.cards &&\n\t\t\t\ttemplateCopy?.mapping?.cards.length > 0\n\t\t\t) {\n\t\t\t\ttemplateCopy.mapping.cards![selectedCarouselIndex] =\n\t\t\t\t\tlocalTemplate.mapping ?? {};\n\t\t\t}\n\t\t\tonTemplateChange?.({ ...templateCopy });\n\t\t\tsetHasNewImageUpload(true);\n\t\t} else {\n\t\t\tonTemplateChange?.({ ...localTemplate });\n\t\t}\n\t}\n\n\tfunction updateSelectedTemplateURLBtn(\n\t\tval: CTABtnValType,\n\t\tmode: 'custom' \| 'placeholder',\n\t\tbtnIndex: number,\n\t) {\n\t\tconst tempCopy =\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 };\n\t\tconst selectedTemplate = cloneDeep(tempCopy);\n\n\t\tconst isCustom = mode === 'custom' && typeof val === 'string';\n\t\tconst customValue = isCustom\n\t\t\t? val\n\t\t\t: typeof val !== 'string'\n\t\t\t? val.defaultValue\n\t\t\t\t? val.defaultValue\n\t\t\t\t: 'https://d.bik.ai/'\n\t\t\t: 'https://d.bik.ai';\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 === 'BUTTONS') {\n\t\t\t\t\t\t\t\t\t\tconst ctaBtns = card.buttons?.filter(\n\t\t\t\t\t\t\t\t\t\t\t(btn) => btn.type === 'URL',\n\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\t\tlet currentButton: any = ctaBtns?.[btnIndex] ?? {};\n\t\t\t\t\t\t\t\t\t\tcurrentButton = {\n\t\t\t\t\t\t\t\t\t\t\t...currentButton,\n\t\t\t\t\t\t\t\t\t\t\turl: 'https://d.bik.ai/{{1}}',\n\t\t\t\t\t\t\t\t\t\t\texample: [customValue],\n\t\t\t\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\t\t\t\tconst newButtonList = card.buttons?.map((btn) => {\n\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\tbtn.type === 'URL' &&\n\t\t\t\t\t\t\t\t\t\t\t\tbtn?.text === currentButton?.text\n\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn currentButton;\n\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\t\t\t\t\tbuttons: newButtonList,\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 mappingButtonsComponent = {\n\t\t\t\t...(template as WhatsAppCarouselTemplate),\n\t\t\t}.mapping?.cards?.map((card) => {\n\t\t\t\treturn {\n\t\t\t\t\t...card,\n\t\t\t\t\tbuttons: card?.buttons?.map((button, index: number) => {\n\t\t\t\t\t\tif (index === btnIndex) {\n\t\t\t\t\t\t\treturn isCustom\n\t\t\t\t\t\t\t\t? '((customBtnPlaceholder))'\n\t\t\t\t\t\t\t\t: typeof val !== 'string'\n\t\t\t\t\t\t\t\t? val.placeHolder\n\t\t\t\t\t\t\t\t: '';\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\tconst newTemplate = cloneDeep(template as WhatsAppCarouselTemplate);\n\t\t\tnewTemplate.components = newComponent as any;\n\t\t\tnewTemplate.mapping.cards = mappingButtonsComponent;\n\t\t\tonTemplateChange?.({ ...newTemplate });\n\t\t\treturn;\n\t\t}\n\n\t\tconst btnComponentIndex = selectedTemplate?.components.findIndex(\n\t\t\t(component) => component.type === 'BUTTONS',\n\t\t);\n\n\t\tif (typeof btnComponentIndex !== 'undefined' && btnComponentIndex > -1) {\n\t\t\tconst ctaBtns = selectedTemplate?.components[\n\t\t\t\tbtnComponentIndex\n\t\t\t].buttons?.filter((btn) => btn.type === 'URL');\n\n\t\t\tif (ctaBtns?.length > 0) {\n\t\t\t\tconst isCustom = mode === 'custom' && typeof val === 'string';\n\t\t\t\tconst customValue = isCustom\n\t\t\t\t\t? val\n\t\t\t\t\t: typeof val !== 'string'\n\t\t\t\t\t? val.defaultValue\n\t\t\t\t\t\t? val.defaultValue\n\t\t\t\t\t\t: 'https://d.bik.ai/'\n\t\t\t\t\t: 'https://d.bik.ai/';\n\n\t\t\t\tlet currentButton = ctaBtns[btnIndex];\n\t\t\t\tcurrentButton = {\n\t\t\t\t\t...currentButton,\n\t\t\t\t\turl: 'https://d.bik.ai/{{1}}',\n\t\t\t\t\texample: [customValue],\n\t\t\t\t};\n\n\t\t\t\tconst buttons = [\n\t\t\t\t\t...(selectedTemplate.components?.[btnComponentIndex]?.buttons ?? []),\n\t\t\t\t];\n\t\t\t\tconst newButtonList = buttons.map((btn) => {\n\t\t\t\t\tif (btn.type === 'URL' && btn?.text === currentButton?.text) {\n\t\t\t\t\t\treturn currentButton;\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn btn;\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\tconst btnComponent = {\n\t\t\t\t\t...selectedTemplate.components[btnComponentIndex],\n\t\t\t\t\tbuttons: newButtonList,\n\t\t\t\t};\n\n\t\t\t\tconst mappingButtons = selectedTemplate.mapping?.buttons;\n\n\t\t\t\tif (mappingButtons && mappingButtons.length > 0) {\n\t\t\t\t\tmappingButtons[btnIndex] = isCustom\n\t\t\t\t\t\t? '((customBtnPlaceholder))'\n\t\t\t\t\t\t: typeof val !== 'string'\n\t\t\t\t\t\t? val.placeHolder\n\t\t\t\t\t\t: '';\n\t\t\t\t}\n\n\t\t\t\tconst mapping = {\n\t\t\t\t\t...selectedTemplate.mapping,\n\t\t\t\t\tbuttons: mappingButtons,\n\t\t\t\t};\n\n\t\t\t\tselectedTemplate.mapping = mapping;\n\t\t\t\tconst components = [...selectedTemplate.components];\n\t\t\t\tcomponents[btnComponentIndex] = btnComponent;\n\t\t\t\tselectedTemplate.components = components;\n\t\t\t}\n\t\t}\n\n\t\tif (typeof val !== 'string') {\n\t\t\tconst discountCheckBoxEnabled =\n\t\t\t\tval.placeHolder?.slice(2, -2) === 'checkout.checkoutUrl';\n\t\t\tif (discountCheckBoxEnabled) {\n\t\t\t\tsetShowDiscountCheckBox(true);\n\t\t\t} else {\n\t\t\t\tsetShowDiscountCheckBox(false);\n\t\t\t\tsetDiscountCode?.('');\n\t\t\t}\n\t\t}\n\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\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 = selectedTemplate.components;\n\t\t\ttemplateCopy.mapping.cards![selectedCarouselIndex] =\n\t\t\t\tselectedTemplate.mapping!;\n\t\t\tonTemplateChange?.({ ...templateCopy });\n\t\t} else {\n\t\t\tonTemplateChange?.(selectedTemplate as WhatsAppTemplate);\n\t\t}\n\t}\n\n\tfunction updateSelectedTemplateQRBBtn(\n\t\tval: QRBBtnValType,\n\t\tmode: 'custom' \| 'placeholder',\n\t\tbtnIndex: number,\n\t) {\n\t\tconst selectedTemplate =\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 };\n\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 === 'BUTTONS') {\n\t\t\t\t\t\t\t\t\t\tconst qrbButtons = card?.buttons?.filter(\n\t\t\t\t\t\t\t\t\t\t\t(btn) => btn.type === 'QUICK_REPLY',\n\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\t\tlet currentButton: any = qrbButtons?.[btnIndex] ?? {};\n\t\t\t\t\t\t\t\t\t\tcurrentButton = {\n\t\t\t\t\t\t\t\t\t\t\t...currentButton,\n\t\t\t\t\t\t\t\t\t\t\tflowId: val.flowId,\n\t\t\t\t\t\t\t\t\t\t\tflowName: val.flowName,\n\t\t\t\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\t\t\t\tconst newButtonList = card?.buttons?.map((btn) => {\n\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\tbtn.type === 'QUICK_REPLY' &&\n\t\t\t\t\t\t\t\t\t\t\t\tbtn?.text === currentButton?.text\n\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn currentButton;\n\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\t\t\t\t\tbuttons: newButtonList,\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 newTemplate = cloneDeep(template);\n\t\t\tnewTemplate.components = newComponent as any;\n\t\t\tonTemplateChange?.({ ...newTemplate });\n\t\t\treturn;\n\t\t}\n\n\t\tconst btnComponentIndex = selectedTemplate?.components.findIndex(\n\t\t\t(component) => component.type === 'BUTTONS',\n\t\t);\n\t\tif (typeof btnComponentIndex !== 'undefined' && btnComponentIndex > -1) {\n\t\t\tconst qrbButtons = selectedTemplate?.components[\n\t\t\t\tbtnComponentIndex\n\t\t\t]?.buttons?.filter((btn) => btn.type === 'QUICK_REPLY');\n\n\t\t\tif (qrbButtons) {\n\t\t\t\tlet currentButton = qrbButtons[btnIndex];\n\t\t\t\tcurrentButton = {\n\t\t\t\t\t...currentButton,\n\t\t\t\t\tflowId: val.flowId,\n\t\t\t\t\tflowName: val.flowName,\n\t\t\t\t};\n\n\t\t\t\tconst buttons = [\n\t\t\t\t\t...(selectedTemplate.components?.[btnComponentIndex]?.buttons ?? []),\n\t\t\t\t];\n\n\t\t\t\tconst newButtonList = buttons.map((btn) => {\n\t\t\t\t\tif (btn.type === 'QUICK_REPLY' && btn?.text === currentButton?.text) {\n\t\t\t\t\t\treturn currentButton;\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn btn;\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\tconst btnComponent = {\n\t\t\t\t\t...selectedTemplate.components[btnComponentIndex],\n\t\t\t\t\tbuttons: newButtonList,\n\t\t\t\t};\n\t\t\t\tconst components = [...selectedTemplate.components];\n\t\t\t\tcomponents[btnComponentIndex] = btnComponent;\n\t\t\t\tselectedTemplate.components = components;\n\t\t\t}\n\t\t}\n\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\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 = selectedTemplate.components;\n\t\t\tonTemplateChange?.({ ...templateCopy });\n\t\t} else {\n\t\t\tonTemplateChange?.(selectedTemplate as WhatsAppTemplate);\n\t\t}\n\t}\n\n\tconst validatePdfName = () => {\n\t\tif (!enteredPdf) {\n\t\t\tsetFileName?.('');\n\t\t\tsetPdfInputError('PDF name is Required');\n\t\t\treturn;\n\t\t}\n\t\tconst isValid = validateInputName(enteredPdf);\n\t\tsetFileName?.(enteredPdf);\n\n\t\tif (isValid) {\n\t\t\tsetPdfInputError('Please enter a valid PDF name');\n\t\t\treturn;\n\t\t}\n\t\tsetPdfInputError(undefined);\n\t};\n\n\tconst validatePdfNameChatbot = () => {\n\t\tif (!fileName) {\n\t\t\tsetPdfInputError('PDF name is Required');\n\t\t\treturn;\n\t\t}\n\t\tconst isInvalid = validateInputNameChatbot(fileName);\n\n\t\tsetFileName?.(fileName ?? '');\n\t\tif (isInvalid) {\n\t\t\tsetPdfInputError('Please enter a valid PDF name');\n\t\t\treturn;\n\t\t}\n\t\tsetPdfInputError(undefined);\n\t};\n\n\tuseEffect(() => {\n\t\tif (isError && pod === POD.CHATBOT) {\n\t\t\tvalidatePdfNameChatbot();\n\t\t}\n\t}, [isError]);\n\n\tconst _mediaComponent = !isCarouselType\n\t\t? imageComponent\n\t\t: templateComponentData.imageComponent;\n\n\tif (useEditWhatsappTemplateMediaResponse.openEditMedia) {\n\t\treturn (\n\t\t\t<Container\n\t\t\t\tstyle={{\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\twidth: 400,\n\t\t\t\t\tmaxHeight: 460,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<EditMediaModal\n\t\t\t\t\tmediaComponentFormat={_mediaComponent.format ?? HEADER_TYPES.IMAGE}\n\t\t\t\t\tuploadMedia={useEditWhatsappTemplateMediaResponse.uploadMedia}\n\t\t\t\t\tvariableListForImage={variableListForImage \|\| []}\n\t\t\t\t\tuseEditWhatsappTemplateMediaResponse={\n\t\t\t\t\t\tuseEditWhatsappTemplateMediaResponse\n\t\t\t\t\t}\n\t\t\t\t\tsetOpenEditMedia={\n\t\t\t\t\t\tuseEditWhatsappTemplateMediaResponse.setOpenEditMedia\n\t\t\t\t\t}\n\t\t\t\t\topenEditMedia={useEditWhatsappTemplateMediaResponse.openEditMedia}\n\t\t\t\t\teditIconRef={useEditWhatsappTemplateMediaResponse.editIconRef}\n\t\t\t\t\tfileRef={fileRef}\n\t\t\t\t/>\n\t\t\t</Container>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Container\n\t\t\tstyle={{\n\t\t\t\tflexDirection: 'column',\n\t\t\t\twidth: 400,\n\t\t\t\tmaxHeight: 460,\n\t\t\t\tminWidth: isProductCarouselType ? '420px' : 'auto',\n\t\t\t}}\n\t\t>\n\t\t\t{!!templateComponentData.imageComponent &&\n\t\t\t\t!isProductCarouselType &&\n\t\t\t\t!isRCSChannel(template?.channel) && (\n\t\t\t\t\t<EditTemplateMediaContainer>\n\t\t\t\t\t\t<EditMediaV2\n\t\t\t\t\t\t\timageName={_mediaComponent?.example?.header_handle ?? []}\n\t\t\t\t\t\t\thandleImageChange={\n\t\t\t\t\t\t\t\tuseEditWhatsappTemplateMediaResponse.handleImageChange\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmediaType={_mediaComponent?.format}\n\t\t\t\t\t\t\terror={useEditWhatsappTemplateMediaResponse.error}\n\t\t\t\t\t\t\tisLoading={useEditWhatsappTemplateMediaResponse.loading}\n\t\t\t\t\t\t\tsetOpenEditMedia={\n\t\t\t\t\t\t\t\tuseEditWhatsappTemplateMediaResponse.setOpenEditMedia\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tselectedVariable={\n\t\t\t\t\t\t\t\tisVariable(_mediaComponent?.example?.header_handle?.[0] ?? '')\n\t\t\t\t\t\t\t\t\t? _mediaComponent?.example?.header_handle?.[0]\n\t\t\t\t\t\t\t\t\t: template?.mapping?.header?.[0]\n\t\t\t\t\t\t\t\t\t? template?.mapping?.header?.[0]\n\t\t\t\t\t\t\t\t\t: useEditWhatsappTemplateMediaResponse.selectedVariable\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{imageComponent?.['format'] == HEADER_TYPES.DOCUMENT ? (\n\t\t\t\t\t\t\t<PdfContainer>\n\t\t\t\t\t\t\t\t{pod === POD.CHATBOT ? (\n\t\t\t\t\t\t\t\t\t<InputWithVariables\n\t\t\t\t\t\t\t\t\t\tlabelText=\"PDF Name\"\n\t\t\t\t\t\t\t\t\t\tplaceHolder={'Enter the name'}\n\t\t\t\t\t\t\t\t\t\terrorMessage={pdfInputError ? pdfInputError : undefined}\n\t\t\t\t\t\t\t\t\t\tonChange={(name) => {\n\t\t\t\t\t\t\t\t\t\t\tsetPdfInputError('');\n\t\t\t\t\t\t\t\t\t\t\tsetFileName?.(name?.actualValue ?? '');\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tpickerType={PickerType.EMBEDDED}\n\t\t\t\t\t\t\t\t\t\tnoMaxCharCheck={true}\n\t\t\t\t\t\t\t\t\t\tallowMix={true}\n\t\t\t\t\t\t\t\t\t\tshowVarHeader\n\t\t\t\t\t\t\t\t\t\tvarHeaderText=\"Select variable\"\n\t\t\t\t\t\t\t\t\t\tprevVariable={{\n\t\t\t\t\t\t\t\t\t\t\tactualValue: fileName ?? '',\n\t\t\t\t\t\t\t\t\t\t\tvariableType: 'string',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tvariablesList={variableListForImage}\n\t\t\t\t\t\t\t\t\t\tshowAddButton={true}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\tlabelText=\"PDF Name\"\n\t\t\t\t\t\t\t\t\t\tplaceholder=\"Enter the name\"\n\t\t\t\t\t\t\t\t\t\tvalue={enteredPdf}\n\t\t\t\t\t\t\t\t\t\terrorMessage={pdfInputError ? pdfInputError : undefined}\n\t\t\t\t\t\t\t\t\t\tonBlur={validatePdfName}\n\t\t\t\t\t\t\t\t\t\tonChangeText={(name) => {\n\t\t\t\t\t\t\t\t\t\t\tsetPdfInputError('');\n\t\t\t\t\t\t\t\t\t\t\tsetEnteredPdf(name);\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</PdfContainer>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</EditTemplateMediaContainer>\n\t\t\t\t)}\n\n\t\t\t{templateComponentData.bodyVariables?.length > 0 && (\n\t\t\t\t<VariableEditorHeader\n\t\t\t\t\tcontainerStyle={{\n\t\t\t\t\t\tpaddingTop: templateComponentData.mediaComponent ? 24 : 8,\n\t\t\t\t\t}}\n\t\t\t\t\theaderText={'Edit variable values'}\n\t\t\t\t\tsubText={'Edit values for the variables used in template'}\n\t\t\t\t\ttoolTipInfo={\n\t\t\t\t\t\t'Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below'\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{templateComponentData.descriptionComponents?.map(\n\t\t\t\t(descriptionComponent, i) => (\n\t\t\t\t\t<VariableConnectorWhatsApp\n\t\t\t\t\t\toriginalVariableList={\n\t\t\t\t\t\t\tselectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables)\n\t\t\t\t\t\t\t\t\t\t.cards[selectedCarouselIndex]\n\t\t\t\t\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttype={descriptionComponent.type}\n\t\t\t\t\t\tdescriptionComponent={descriptionComponent.component}\n\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t)}\n\n\t\t\t{(selectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t ]?.buttons\n\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)?.buttons\n\t\t\t)?.filter((btn) => btn.type === 'URL')?.length > 0 && (\n\t\t\t\t<VariableEditorHeader\n\t\t\t\t\theaderText={'Edit buttons'}\n\t\t\t\t\tsubText={'Edit the link connected to the CTA button'}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{(selectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t ]?.buttons\n\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)?.buttons\n\t\t\t)\n\t\t\t\t?.filter((btn) => (pod !== POD.CHATBOT ? btn.type === 'URL' : true))\n\t\t\t\t?.map((btn, i) => {\n\t\t\t\t\tconst isStaticUrl = btn.buttonVariable === STATIC_URL_VARIABLE_NAME;\n\t\t\t\t\tconst isUnsubscribeUrl =\n\t\t\t\t\t\tbtn.buttonVariable === UNSUBSCRIBE_URL_VARIABLE;\n\t\t\t\t\tif (btn.type === 'URL') {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<WhatsAppTemplateCardButtonV2\n\t\t\t\t\t\t\t\tvariableListIndex={i}\n\t\t\t\t\t\t\t\tdisableEdit={isStaticUrl \|\| isUnsubscribeUrl}\n\t\t\t\t\t\t\t\tCTAoptions={\n\t\t\t\t\t\t\t\t\twhatsappSpecificPickerMeta?.CTAoptions as ButtonPlaceHolderOptions[]\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tbutton={btn}\n\t\t\t\t\t\t\t\tkey={`${i}_${selectedCarouselIndex}`}\n\t\t\t\t\t\t\t\tcurrentVariableList={\n\t\t\t\t\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\t\t\t\t\tselectedCarouselIndex > -1\n\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\t\toriginalVariableList as WhatsAppCarouselTemplateVariables\n\t\t\t\t\t\t\t\t\t\t\t\t).cards[selectedCarouselIndex],\n\t\t\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t\t\t: { ...(originalVariableList as WhatsAppTemplateVariables) }\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tupdateSelectedURLTemplateBtn={\n\t\t\t\t\t\t\t\t\tupdateSelectedTemplateURLBtn as URLBtnUpdateFunctionType\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{/ If pod is chatbot and qrb button is there, Backtrack should be present */}\n\t\t\t{pod === POD.CHATBOT &&\n\t\t\t\tqrbBtns[0]?.component?.buttons &&\n\t\t\t\tqrbBtns[0]?.component?.buttons?.length > 0 && (\n\t\t\t\t\t<BackTrackComponent\n\t\t\t\t\t\tbackTrackMessage={extras?.backTrackExtra?.[0]}\n\t\t\t\t\t\tsetBackTrackMessage={extras?.backTrackExtra?.[1]}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t{!isRCSChannel(template?.channel) &&\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 ]?.buttons\n\t\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)?.buttons\n\t\t\t\t)?.filter((btn) => btn.type === 'QUICK_REPLY')?.length > 0 &&\n\t\t\t\t(pod !== POD.CHATBOT ? (\n\t\t\t\t\t<VariableEditorHeader\n\t\t\t\t\t\theaderText={'Edit buttons'}\n\t\t\t\t\t\tsubText={'Edit the chatflows triggered on clicking the buttons'}\n\t\t\t\t\t\ttoolTipInfo={\n\t\t\t\t\t\t\t'There is an option to trigger chatflows through the buttons which can keep the user engaged'\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<BackTrackComponent\n\t\t\t\t\t\tbackTrackMessage={extras?.backTrackExtra?.[0]}\n\t\t\t\t\t\tsetBackTrackMessage={extras?.backTrackExtra?.[1]}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\n\t\t\t{!isRCSChannel(template?.channel) &&\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 ]?.buttons\n\t\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)?.buttons\n\t\t\t\t)\n\t\t\t\t\t?.filter((btn) => btn.type === 'QUICK_REPLY')\n\t\t\t\t\t?.map((btn, i) => {\n\t\t\t\t\t\tif (btn.type === 'QUICK_REPLY' && pod !== POD.CHATBOT) {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<WhatsAppTemplateCardButtonV2\n\t\t\t\t\t\t\t\t\tvariableListIndex={i}\n\t\t\t\t\t\t\t\t\tQRBoptions={\n\t\t\t\t\t\t\t\t\t\twhatsappSpecificPickerMeta?.QRBoptions as ButtonPlaceHolderOptions[]\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tbutton={btn}\n\t\t\t\t\t\t\t\t\tkey={`${i}_${selectedCarouselIndex}`}\n\t\t\t\t\t\t\t\t\tcurrentVariableList={\n\t\t\t\t\t\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\t\t\t\t\t\tselectedCarouselIndex > -1\n\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\t...(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\toriginalVariableList as WhatsAppCarouselTemplateVariables\n\t\t\t\t\t\t\t\t\t\t\t\t\t).cards[selectedCarouselIndex],\n\t\t\t\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t...(originalVariableList as WhatsAppTemplateVariables),\n\t\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\tupdateSelectedQRBTemplateBtn={\n\t\t\t\t\t\t\t\t\t\tupdateSelectedTemplateQRBBtn as QRBBtnUpdateFunctionType\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{pod === POD.CHATBOT && showDiscountCheckBox && (\n\t\t\t\t<DiscountCodeComponent\n\t\t\t\t\tdiscountCode={extras?.discountCodeExtra?.[0]}\n\t\t\t\t\tsetDiscountCode={extras?.discountCodeExtra?.[1]}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{(selectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t ]?.buttons\n\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)?.buttons\n\t\t\t)?.map((button, i) => {\n\t\t\t\tif (button.type === 'COPY_CODE') {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{disableCopyCode ? (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t\t\t\t\t\tpadding: '8px 10px',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\t\t\t\tlabelText={button.text ?? 'Copy Code'}\n\t\t\t\t\t\t\t\t\t\tvalue={button.buttonVariable ?? ''}\n\t\t\t\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t\t\t\treturn;\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</div>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<VariableConnector\n\t\t\t\t\t\t\t\t\tindex={i}\n\t\t\t\t\t\t\t\t\tvariable={{\n\t\t\t\t\t\t\t\t\t\tvariableName: button.text ?? 'Copy Code',\n\t\t\t\t\t\t\t\t\t\tupdatedValue: button.buttonVariable ?? '',\n\t\t\t\t\t\t\t\t\t\ttype: 'string',\n\t\t\t\t\t\t\t\t\t\tisEditableVariable: true,\n\t\t\t\t\t\t\t\t\t\tindex: button.index ?? 0, // this index is respect to components -> buttons\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\t\tshowVariableModal={true}\n\t\t\t\t\t\t\t\t\tcomponentType={'BUTTONS'}\n\t\t\t\t\t\t\t\t\tbuttonType={button.type}\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\t\t\t})}\n\t\t</Container>\n\t);\n};\n\nexport default EditWhatsAppTemplateV2;\n\nconst PdfContainer = styled.div`\n\tpadding-top: 24px;\n\tpadding-left: 10px;\n\tpadding-right: 10px;\n\tmargin-bottom: 8px;\n\tline-height: normal;\n`;\n"],"names":["EditWhatsAppTemplateV2","_ref","template","onTemplateChange","whatsappSpecificPickerMeta","showVariableModal","variableListForImage","setDiscountCode","fileName","setFileName","isCarouselType","originalVariableList","pod","extras","selectedCarouselIndex","isProductCarouselType","disableCopyCode","isError","cardIndex","useTemplateModalContext","descriptionComponents","urlBtns","qrbBtns","imageComponent","bodyVariables","headerVariables","titleVariables","getAllDataFromTemplateComponent","fileRef","useRef","showDiscountCheckBox","setShowDiscountCheckBox","useState","templateComponentData","setTemplateComponentData","uploadMediaLink","uploadMediaFiles","validateMimeType","useEditWhatsappTemplateMediaResponse","useEditWhatsappTemplateMedia","updateTemplateImageUrl","url","format","localTemplate","undefined","components","_b","_a","cards","mapping","_d","_c","Object","assign","imageComponentIndex","_e","findIndex","component","type","updatedComponent","example","header_handle","header","templateCopy","cloneDeep","_f","_g","length","_h","setHasNewImageUpload","mediaComponent","hasNewImageUpload","enteredPdf","setEnteredPdf","pdfInputError","setPdfInputError","updateSelectedTemplateURLBtn","val","mode","btnIndex","tempCopy","selectedTemplate","isCustom","customValue","defaultValue","newComponent","map","isCarouselComponent","cardComponent","card","ctaBtns","buttons","filter","btn","currentButton","newButtonList","text","mappingButtonsComponent","button","index","placeHolder","newTemplate","btnComponentIndex","btnComponent","mappingButtons","_j","_k","slice","updateSelectedTemplateQRBBtn","qrbButtons","flowId","flowName","useEffect","find","discountCodeExtra","currentCarousel","POD","CHATBOT","validatePdfNameChatbot","isInvalid","validateInputNameChatbot","_mediaComponent","openEditMedia","_jsx","Container","style","flexDirection","width","maxHeight","children","EditMediaModal","mediaComponentFormat","HEADER_TYPES","IMAGE","uploadMedia","setOpenEditMedia","editIconRef","_jsxs","minWidth","isRCSChannel","channel","EditTemplateMediaContainer","EditMediaV2","imageName","handleImageChange","mediaType","error","isLoading","loading","selectedVariable","isVariable","_m","_l","DOCUMENT","PdfContainer","InputWithVariables","labelText","errorMessage","onChange","name","actualValue","pickerType","PickerType","EMBEDDED","noMaxCharCheck","allowMix","showVarHeader","varHeaderText","prevVariable","variableType","variablesList","showAddButton","Input","placeholder","value","onBlur","validatePdfName","isValid","validateInputName","onChangeText","_Fragment","_o","VariableEditorHeader","containerStyle","paddingTop","headerText","subText","toolTipInfo","_p","descriptionComponent","i","VariableConnectorWhatsApp","_s","_r","_q","_v","_u","_t","isStaticUrl","buttonVariable","STATIC_URL_VARIABLE_NAME","isUnsubscribeUrl","UNSUBSCRIBE_URL_VARIABLE","WhatsAppTemplateCardButtonV2","variableListIndex","disableEdit","CTAoptions","currentVariableList","updateSelectedURLTemplateBtn","_x","_w","_0","_z","_y","BackTrackComponent","backTrackMessage","_1","backTrackExtra","setBackTrackMessage","_2","_5","_4","_3","_6","_7","_10","_9","_8","QRBoptions","updateSelectedQRBTemplateBtn","DiscountCodeComponent","discountCode","_11","_12","_14","_13","marginBottom","borderRadius","padding","state","VariableConnector","variable","variableName","updatedValue","isEditableVariable","componentType","buttonType","styled","div"],"mappings":"2nDA2EMA,MAAAA,EAAyBC,IASG,IATFC,SAC/BA,EAAQC,iBACRA,EAAgBC,2BAChBA,EAA0BC,kBAC1BA,EAAiBC,qBACjBA,EAAoBC,gBACpBA,EAAeC,SACfA,EAAQC,YACRA,GAC6BR,+GAC7B,MAAMS,GAAkBR,EAAsCQ,gBACxDC,qBACLA,GAAoBC,IACpBA,GAAGC,OACHA,GAAMC,sBACNA,GAAqBC,sBACrBA,GAAqBC,gBACrBA,GAAeC,QACfA,GAAOC,UACPA,IACGC,KACEC,sBACLA,GAAqBC,QACrBA,GAAOC,QACPA,GAAOC,eACPA,GAAcC,cACdA,GAAaC,gBACbA,GAAeC,eACfA,IACGC,EAAgCzB,GAE9B0B,GAAUC,EAAyB,OAElCC,GAAsBC,IAC5BC,GAAkB,IACZC,GAAuBC,IAA4BF,GAC9B,IAA3BlB,GACG,CACAM,yBACAC,WACAC,WACAC,kBACAC,iBACAC,mBACAC,mBAEA,CAAE,IAGAS,gBAAEA,GAAeC,iBAAEA,GAAgBC,iBAAEA,IAC1CjC,EAEKkC,GAAuCC,EAA6B,CACzEJ,mBACAC,oBACAI,uBAsHD,SACCC,EACAC,uBAEA,IAAIC,EAEHA,EAD4BC,MAAzB9B,IAAsCA,IAAyB,EAClD,CACf+B,WACW,QADCC,EACT,QADUC,EAAA7C,EAAsC2C,WAAW3B,WAC3D,IAAA6B,OAAA,EAAAA,EAAAC,aAAQ,IAAAF,OAAA,EAAAA,EAAAhC,IAAuB+B,WAClCI,QAA+D,QAAtDC,EAA+C,QAA9CC,EAAAjD,aAAQ,EAARA,EAAuC+C,eAAO,IAAAE,OAAA,EAAAA,EAAEH,aAAK,IAAAE,OAAA,EAAAA,EAC9DpC,KAIWsC,OAAAC,OAAA,CAAA,EAAQnD,GAGtB,MAAMoD,UAAsBC,EAAAZ,aAAA,EAAAA,EAAeE,iCAAYW,WACrDC,IACA,GACoB,WAAnBA,EAAUC,MACW,SAArBD,EAAUf,QACW,SAArBe,EAAUf,OAEV,OAAO,CACP,IAIH,QACgC,IAAxBY,GACPA,GAAuB,IACvBX,aAAa,EAAbA,EAAeE,WAAWS,IACzB,CACD,MAAMK,EAAgBP,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAClBV,EAAcE,WAAWS,IAC5B,CAAAZ,SACAkB,QAAS,CACRC,cAAe,CAACpB,MAIZI,EAAa,IAAIF,EAAcE,YACrCA,EAAWS,GAAuBK,EAClChB,EAAqBS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAV,GAAe,CAAAE,cACpC,CAEGF,EAAcM,UACjBN,EAAcM,QAAOG,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBV,EAAcM,SAAO,CACxBa,YAAQlB,KAIV,GAA6BA,MAAzB9B,IAAsCA,IAAyB,EAAG,CACrE,MAAMiD,EAAeC,EAAU9D,GAC/B6D,EAAalB,WAAW3B,IAAW8B,MAClClC,IACC+B,WAAaF,EAAcE,YAEP,QAArBoB,EAAAF,eAAAA,EAAcd,eAAO,IAAAgB,OAAA,EAAAA,EAAEjB,SACF,QAArBkB,EAAAH,eAAAA,EAAcd,eAAO,IAAAiB,OAAA,EAAAA,EAAElB,MAAMmB,QAAS,IAEtCJ,EAAad,QAAQD,MAAOlC,IACN,QAArBsD,EAAAzB,EAAcM,eAAO,IAAAmB,EAAAA,EAAI,CAAA,GAE3BjE,SAAAA,EAAwBiD,OAAAC,OAAA,GAAAU,IACxBM,IAAqB,EACrB,MACAlE,SAAAA,EAAwBiD,OAAAC,OAAA,GAAAV,GAE1B,EA5LCN,oBACAiC,eAAiB5D,GAEduB,GAAsBV,eADtBA,GAEHK,cAGM2C,GAAmBF,IAAwBrC,GAAkB,IAC7DwC,GAAYC,IAAiBzC,EAASxB,IACtCkE,GAAeC,IAAoB3C,IAqL1C,SAAS4C,GACRC,EACAC,EACAC,2BAEA,MAAMC,EACoBpC,MAAzB9B,IAAsCA,IAAyB,EAC5D,CACA+B,WACgC,QADpBE,EAACK,OAAKC,OAAA,CAAA,EAAAnD,GAChB2C,WAAW3B,IAAW8B,aAAQ,IAAAD,OAAA,EAAAA,EAAAjC,IAC9B+B,WACFI,QACO,QADGH,EAAAM,OAAAC,OAAA,CAAA,EAAKnD,GAAwC+C,QACrDD,aAAK,IAAAF,OAAA,EAAAA,EAAGhC,KAEXsC,OAAAC,OAAA,CAAA,EAAMnD,GACH+E,EAAmBjB,EAAUgB,GAE7BE,EAAoB,WAATJ,GAAoC,iBAARD,EACvCM,EAAcD,EACjBL,EACe,iBAARA,EACPA,EAAIO,aACHP,EAAIO,aACJ,oBACD,mBACH,GAC0BxC,MAAzB9B,IACAA,IAAyB,GACzBC,GACC,CACD,MAAMsE,EAAejC,OAChBC,OAAA,CAAA,EAAAnD,GACH2C,WAAWyC,KAAK7B,UACjB,OAAI8B,EAAoB9B,EAAUC,MACjCN,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACII,GAAS,CACZT,MAAsB,UAAfS,EAAUT,aAAK,IAAAD,OAAA,EAAAA,EAAEuC,KAAKE,GAC5BpC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACImC,GAAa,CAChB3C,WAAY2C,EAAc3C,WAAWyC,KAAKG,cACzC,GAAkB,YAAdA,EAAK/B,KAAoB,CAC5B,MAAMgC,EAAsB,QAAZ3C,EAAA0C,EAAKE,eAAO,IAAA5C,OAAA,EAAAA,EAAE6C,QAC5BC,GAAqB,QAAbA,EAAInC,OAGd,IAAIoC,EAAwC,QAAnBhD,EAAA4C,aAAA,EAAAA,EAAUX,UAAS,IAAAjC,EAAAA,EAAI,GAChDgD,EACI1C,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAyC,GACH,CAAArD,IAAK,yBACLmB,QAAS,CAACuB,KAGX,MAAMY,EAA8B,QAAd5C,EAAAsC,EAAKE,eAAS,IAAAxC,OAAA,EAAAA,EAAAmC,KAAKO,GAE1B,QAAbA,EAAInC,OACJmC,aAAA,EAAAA,EAAKG,SAASF,aAAA,EAAAA,EAAeE,MAEtBF,EAEAD,IAGT,OAAAzC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIoC,GAAI,CACPE,QAASI,GAEV,CACA,OAAON,CACP,UAMEhC,CACP,IAEIwC,UAA0B/C,EAErB,QAFqBC,EAAAC,OAAAC,OAAA,CAAA,EAC3BnD,GACH+C,eAAS,IAAAE,OAAA,EAAAA,EAAAH,4BAAOsC,KAAKG,UACtB,OACIrC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAoC,IACHE,QAAsB,UAAbF,aAAA,EAAAA,EAAME,eAAO,IAAA5C,OAAA,EAAAA,EAAEuC,KAAI,CAACY,EAAQC,IAChCA,IAAUpB,EACNG,EACJ,2BACe,iBAARL,EACPA,EAAIuB,YACJ,GAEGF,KAEP,IAEGG,EAAcrC,EAAU9D,GAI9B,OAHAmG,EAAYxD,WAAawC,EACzBgB,EAAYpD,QAAQD,MAAQiD,OAC5B9F,SAAAA,EAAwBiD,OAAAC,OAAA,GAAAgD,IAExB,CAED,MAAMC,EAAoBrB,aAAA,EAAAA,EAAkBpC,WAAWW,WACrDC,GAAiC,YAAnBA,EAAUC,OAG1B,QAAiC,IAAtB4C,GAAqCA,GAAqB,EAAG,CACvE,MAAMZ,EAEK,QAFKnC,EAAA0B,aAAA,EAAAA,EAAkBpC,WACjCyD,GACCX,eAAS,IAAApC,OAAA,EAAAA,EAAAqC,QAAQC,GAAqB,QAAbA,EAAInC,OAE/B,IAAIgC,aAAO,EAAPA,EAASvB,QAAS,EAAG,CACxB,MAAMe,EAAoB,WAATJ,GAAoC,iBAARD,EACvCM,EAAcD,EACjBL,EACe,iBAARA,GACPA,EAAIO,aACHP,EAAIO,aAEL,oBAEH,IAAIU,EAAgBJ,EAAQX,GAC5Be,EACI1C,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAyC,GACH,CAAArD,IAAK,yBACLmB,QAAS,CAACuB,KAGX,MAGMY,EAHU,IAC8C,QAAzD3B,EAAgD,QAAhDF,EAA8B,QAA9BD,EAAAgB,EAAiBpC,kBAAa,IAAAoB,OAAA,EAAAA,EAAAqC,UAAkB,IAAApC,OAAA,EAAAA,EAAEyB,eAAO,IAAAvB,EAAAA,EAAI,IAEpCkB,KAAKO,GACjB,QAAbA,EAAInC,OAAkBmC,aAAG,EAAHA,EAAKG,SAASF,eAAAA,EAAeE,MAC/CF,EAEAD,IAIHU,EAAYnD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACd4B,EAAiBpC,WAAWyD,IAC/B,CAAAX,QAASI,IAGJS,EAAyC,QAAxBC,EAAAxB,EAAiBhC,eAAO,IAAAwD,OAAA,EAAAA,EAAEd,QAE7Ca,GAAkBA,EAAerC,OAAS,IAC7CqC,EAAezB,GAAYG,EACxB,2BACe,iBAARL,EACPA,EAAIuB,YACJ,IAGJ,MAAMnD,EACFG,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA4B,EAAiBhC,UACpB0C,QAASa,IAGVvB,EAAiBhC,QAAUA,EAC3B,MAAMJ,EAAa,IAAIoC,EAAiBpC,YACxCA,EAAWyD,GAAqBC,EAChCtB,EAAiBpC,WAAaA,CAC9B,CACD,CAED,GAAmB,iBAARgC,EAAkB,CAEO,0BAAnB,QAAf6B,EAAA7B,EAAIuB,mBAAW,IAAAM,OAAA,EAAAA,EAAEC,MAAM,GAAI,IAE3B5E,IAAwB,IAExBA,IAAwB,GACxBxB,SAAAA,EAAkB,IAEnB,CACD,GAA6BqC,MAAzB9B,IAAsCA,IAAyB,EAAG,CACrE,MAAMiD,EAAeC,EAAU9D,GAC/B6D,EAAalB,WAAW3B,IAAW8B,MAClClC,IACC+B,WAAaoC,EAAiBpC,WAChCkB,EAAad,QAAQD,MAAOlC,IAC3BmE,EAAiBhC,QAClB9C,SAAAA,EAAwBiD,OAAAC,OAAA,GAAAU,GACxB,MACA5D,SAAAA,EAAmB8E,EAErB,CAEA,SAAS2B,GACR/B,EACAC,EACAC,qBAEA,MAAME,EACoBrC,MAAzB9B,IAAsCA,IAAyB,EAC5D,CACA+B,WACgC,QADpBE,EAACK,OAAKC,OAAA,CAAA,EAAAnD,GAChB2C,WAAW3B,IAAW8B,aAAQ,IAAAD,OAAA,EAAAA,EAAAjC,IAC9B+B,WACFI,QACO,QADGH,EAAAM,OAAAC,OAAA,CAAA,EAAKnD,GAAwC+C,QACrDD,aAAK,IAAAF,OAAA,EAAAA,EAAGhC,KAEXsC,OAAAC,OAAA,CAAA,EAAMnD,GAET,GAC0B0C,MAAzB9B,IACAA,IAAyB,GACzBC,GACC,CACD,MAAMsE,EAAejC,OAChBC,OAAA,CAAA,EAAAnD,GACH2C,WAAWyC,KAAK7B,UACjB,OAAI8B,EAAoB9B,EAAUC,MACjCN,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACII,GAAS,CACZT,MAAsB,UAAfS,EAAUT,aAAK,IAAAD,OAAA,EAAAA,EAAEuC,KAAKE,GAC5BpC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACImC,GAAa,CAChB3C,WAAY2C,EAAc3C,WAAWyC,KAAKG,cACzC,GAAkB,YAAdA,EAAK/B,KAAoB,CAC5B,MAAMmD,EAA4B,QAAf9D,EAAA0C,aAAA,EAAAA,EAAME,eAAS,IAAA5C,OAAA,EAAAA,EAAA6C,QAChCC,GAAqB,gBAAbA,EAAInC,OAGd,IAAIoC,EAA2C,QAAtBhD,EAAA+D,aAAA,EAAAA,EAAa9B,UAAS,IAAAjC,EAAAA,EAAI,GACnDgD,EACI1C,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAyC,GACH,CAAAgB,OAAQjC,EAAIiC,OACZC,SAAUlC,EAAIkC,WAGf,MAAMhB,UAAgB5C,EAAAsC,aAAA,EAAAA,EAAME,8BAASL,KAAKO,GAE3B,gBAAbA,EAAInC,OACJmC,aAAA,EAAAA,EAAKG,SAASF,aAAA,EAAAA,EAAeE,MAEtBF,EAEAD,IAGT,OAAAzC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIoC,GAAI,CACPE,QAASI,GAEV,CACA,OAAON,CACP,UAMEhC,CACP,IAEI4C,EAAcrC,EAAU9D,GAG9B,OAFAmG,EAAYxD,WAAawC,OACzBlF,SAAAA,EAAwBiD,OAAAC,OAAA,GAAAgD,IAExB,CAED,MAAMC,EAAoBrB,aAAA,EAAAA,EAAkBpC,WAAWW,WACrDC,GAAiC,YAAnBA,EAAUC,OAE1B,QAAiC,IAAtB4C,GAAqCA,GAAqB,EAAG,CACvE,MAAMO,EAEI,QAFS3D,EAElB,QAFkBC,EAAA8B,aAAgB,EAAhBA,EAAkBpC,WACpCyD,UACA,IAAAnD,OAAA,EAAAA,EAAEwC,eAAO,IAAAzC,OAAA,EAAAA,EAAE0C,QAAQC,GAAqB,gBAAbA,EAAInC,OAEhC,GAAImD,EAAY,CACf,IAAIf,EAAgBe,EAAW9B,GAC/Be,EACI1C,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAyC,GACH,CAAAgB,OAAQjC,EAAIiC,OACZC,SAAUlC,EAAIkC,WAGf,MAIMhB,EAJU,IAC8C,QAAzD7B,EAAgD,QAAhDD,EAA8B,QAA9BV,EAAA0B,EAAiBpC,kBAAa,IAAAU,OAAA,EAAAA,EAAA+C,UAAkB,IAAArC,OAAA,EAAAA,EAAE0B,eAAO,IAAAzB,EAAAA,EAAI,IAGpCoB,KAAKO,GACjB,gBAAbA,EAAInC,OAA0BmC,aAAG,EAAHA,EAAKG,SAASF,eAAAA,EAAeE,MACvDF,EAEAD,IAIHU,EAAYnD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACd4B,EAAiBpC,WAAWyD,IAC/B,CAAAX,QAASI,IAEJlD,EAAa,IAAIoC,EAAiBpC,YACxCA,EAAWyD,GAAqBC,EAChCtB,EAAiBpC,WAAaA,CAC9B,CACD,CACD,GAA6BD,MAAzB9B,IAAsCA,IAAyB,EAAG,CACrE,MAAMiD,EAAeC,EAAU9D,GAC/B6D,EAAalB,WAAW3B,IAAW8B,MAClClC,IACC+B,WAAaoC,EAAiBpC,WAChC1C,SAAAA,EAAwBiD,OAAAC,OAAA,GAAAU,GACxB,MACA5D,SAAAA,EAAmB8E,EAErB,CAneA+B,GAAU,aAIT,GAH0D,QAA1BjE,EAAA7C,EAAS+C,QAAQ0C,eAAS,IAAA5C,OAAA,EAAAA,EAAAkE,MACxDf,GAAmC,yBAAxBA,EAAOS,MAAM,GAAI,KAG7B5E,IAAwB,OAClB,CACNA,IAAwB,GACxB,MAAMxB,EAA8C,QAA5BuC,EAAAjC,cAAA,EAAAA,GAAQqG,yBAAoB,IAAApE,OAAA,EAAAA,EAAA,GACpDvC,SAAAA,EAAkB,GAClB,IACC,CAACL,IAEJ8G,GAAU,iBACT,GAA6BpE,MAAzB9B,IAAsCA,IAAyB,EAAG,CACrE,MAAMqG,EAAkB,CACvBtE,WACW,QADCC,EACT,QADUC,EAAA7C,EAAsC2C,WAAW3B,WAC3D,IAAA6B,OAAA,EAAAA,EAAAC,aAAQ,IAAAF,OAAA,EAAAA,EAAAhC,IAAuB+B,WAClCI,QAA+D,QAAtDC,EAA+C,QAA9CC,EAAAjD,aAAQ,EAARA,EAAuC+C,eAAO,IAAAE,OAAA,EAAAA,EAAEH,aAAK,IAAAE,OAAA,EAAAA,EAC9DpC,MAGIM,sBACLA,EAAqBC,QACrBA,EAAOC,QACPA,EAAOC,eACPA,EAAcC,cACdA,EAAaC,gBACbA,EAAeC,eACfA,GACGC,EAAgCwF,GAEpCjF,GAAyB,CACxBd,wBACAC,UACAC,UACAC,iBACAC,gBACAC,kBACAC,kBAED,MAAM,GACmBkB,MAAzB9B,KAC2B,IAA3BA,GACC,CACD,MAAMM,sBACLA,EAAqBC,QACrBA,EAAOC,QACPA,EACAC,eAAgB+C,EAAc9C,cAC9BA,EAAaC,gBACbA,EAAeC,eACfA,GACGC,EAAgCzB,GACpCgC,GAAyB,CACxBd,wBACAC,UACAC,UACAC,eAAgB+C,EAChB9C,gBACAC,kBACAC,kBAED,IACC,CAACZ,KAEJkG,GAAU,iBACT,GAC0BpE,MAAzB9B,IACAA,IAAyB,GACzByD,GACC,CACD,MAAM4C,EAAkB,CACvBtE,WACW,QADCC,EACT,QADUC,EAAA7C,EAAsC2C,WAAW3B,WAC3D,IAAA6B,OAAA,EAAAA,EAAAC,aAAQ,IAAAF,OAAA,EAAAA,EAAAhC,IAAuB+B,WAClCI,QAA+D,QAAtDC,EAA+C,QAA9CC,EAAAjD,aAAQ,EAARA,EAAuC+C,eAAO,IAAAE,OAAA,EAAAA,EAAEH,aAAK,IAAAE,OAAA,EAAAA,EAC9DpC,MAGIM,sBACLA,EAAqBC,QACrBA,EAAOC,QACPA,EAAOC,eACPA,EAAcC,cACdA,EAAaC,gBACbA,EAAeC,eACfA,GACGC,EAAgCwF,GAEpCjF,GAAyB,CACxBd,wBACAC,UACAC,UACAC,iBACAC,gBACAC,kBACAC,mBAED2C,IAAqB,EACrB,IACC,CAACE,KAgaJyC,GAAU,KACL/F,IAAWL,KAAQwG,EAAIC,SAhBGC,MAC9B,IAAK9G,EAEJ,YADAmE,GAAiB,wBAGlB,MAAM4C,EAAYC,EAAyBhH,GAE3CC,SAAAA,EAAcD,QAAAA,EAAY,IAEzBmE,GADG4C,EACc,qCAGD3E,EAAU,EAK1B0E,EACA,GACC,CAACrG,KAEJ,MAAMwG,GAAmB/G,GAEtBuB,GAAsBV,eADtBA,GAGH,OAAIe,GAAqCoF,cAEvCC,EAACC,EAASxE,OAAAC,OAAA,CACTwE,MAAO,CACNC,cAAe,SACfC,MAAO,IACPC,UAAW,MAGZ,CAAAC,SAAAN,EAACO,EAAc,CACdC,qBAA4C,UAAtBV,GAAgB/E,cAAM,IAAAK,EAAAA,EAAIqF,EAAaC,MAC7DC,YAAahG,GAAqCgG,YAClDhI,qBAAsBA,GAAwB,GAC9CgC,qCACCA,GAEDiG,iBACCjG,GAAqCiG,iBAEtCb,cAAepF,GAAqCoF,cACpDc,YAAalG,GAAqCkG,YAClD5G,QAASA,QAOZ6G,EAACb,EAASxE,OAAAC,OAAA,CACTwE,MAAO,CACNC,cAAe,SACfC,MAAO,IACPC,UAAW,IACXU,SAAU3H,GAAwB,QAAU,SAC5C,CAAAkH,SAAA,GAEEhG,GAAsBV,iBACvBR,KACA4H,EAAazI,aAAQ,EAARA,EAAU0I,UACvBH,EAACI,EAA0B,CAAAZ,SAAA,CAC1BN,EAACmB,EAAW,CACXC,UAAkD,QAAvC5F,UAAAL,EAAA2E,cAAe,EAAfA,GAAiB7D,8BAASC,qBAAa,IAAAV,EAAAA,EAAI,GACtD6F,kBACC1G,GAAqC0G,kBAEtCC,UAAWxB,cAAe,EAAfA,GAAiB/E,OAC5BwG,MAAO5G,GAAqC4G,MAC5CC,UAAW7G,GAAqC8G,QAChDb,iBACCjG,GAAqCiG,iBAEtCc,iBACCC,EAAuD,QAA5CrF,EAAuC,kBAAvCf,EAAAuE,cAAe,EAAfA,GAAiB7D,8BAASC,qBAAa,IAAAN,OAAA,EAAAA,EAAG,UAAE,IAAAU,EAAAA,EAAI,IACjB,QAAvCG,EAAwB,QAAxBF,EAAAuD,cAAe,EAAfA,GAAiB7D,eAAO,IAAAM,OAAA,EAAAA,EAAEL,qBAAa,IAAAO,OAAA,EAAAA,EAAG,IACjB,QAAzBsC,EAAiB,QAAjBD,EAAAvG,aAAA,EAAAA,EAAU+C,eAAO,IAAAwD,OAAA,EAAAA,EAAE3C,cAAM,IAAA4C,OAAA,EAAAA,EAAG,IACH,QAAzB6C,EAAiB,QAAjBC,EAAAtJ,aAAQ,EAARA,EAAU+C,eAAO,IAAAuG,OAAA,EAAAA,EAAE1F,cAAM,IAAAyF,OAAA,EAAAA,EAAG,GAC5BjH,GAAqC+G,oBAGzC9H,cAAA,EAAAA,GAAyB,SAAK6G,EAAaqB,SAC3C9B,EAAC+B,EAAY,CAAAzB,SACXrH,KAAQwG,EAAIC,QACZM,EAACgC,EACA,CAAAC,UAAU,WACVxD,YAAa,iBACbyD,aAAcnF,SAAgC9B,EAC9CkH,SAAWC,UACVpF,GAAiB,IACjBlE,SAAAA,EAAmC,UAArBsJ,aAAI,EAAJA,EAAMC,mBAAe,IAAAjH,EAAAA,EAAA,GAAG,EAEvCkH,WAAYC,EAAWC,SACvBC,gBAAgB,EAChBC,UAAU,EACVC,eAAa,EACbC,cAAc,kBACdC,aAAc,CACbR,YAAaxJ,QAAAA,EAAY,GACzBiK,aAAc,UAEfC,cAAepK,EACfqK,eAAe,IAGhBhD,EAACiD,EACA,CAAAhB,UAAU,WACViB,YAAY,iBACZC,MAAOtG,GACPqF,aAAcnF,SAAgC9B,EAC9CmI,OAjIeC,KACvB,IAAKxG,GAGJ,OAFA/D,SAAAA,EAAc,SACdkE,GAAiB,wBAGlB,MAAMsG,EAAUC,EAAkB1G,IAClC/D,SAAAA,EAAc+D,IAGbG,GADGsG,EACc,qCAGDrI,EAAU,EAqHnBuI,aAAepB,IACdpF,GAAiB,IACjBF,GAAcsF,EAAK,MAMvBpC,EAAKyD,EAAA,CAAA,OAK6B,QAArCC,GAAApJ,GAAsBT,qBAAe,IAAA6J,QAAA,EAAAA,GAAAlH,QAAS,GAC9CwD,EAAC2D,EACA,CAAAC,eAAgB,CACfC,WAAYvJ,GAAsBqC,eAAiB,GAAK,GAEzDmH,WAAY,uBACZC,QAAS,iDACTC,YACC,6IAK2C,WAA7C1J,GAAsBb,6BAAuB,IAAAwK,QAAA,EAAAA,GAAAtG,KAC7C,CAACuG,EAAsBC,IACtBnE,EAACoE,GACApL,qBAC0BiC,MAAzB9B,IAAsCA,IAAyB,EAC3DH,GACAqC,MAAMlC,IACNH,GAEL+C,KAAMmI,EAAqBnI,KAC3BmI,qBAAsBA,EAAqBpI,UAE3CpD,kBAAmBA,GADdyL,MAW8B,QALrCE,GAKA,QALAC,GAA0BrJ,MAAzB9B,IAAsCA,IAAyB,EAG7D,WAFAH,GAA2DqC,MAC5DlC,WACC,IAAAoL,QAAA,EAAAA,GAAEvG,QACFhF,cAAoB,EAApBA,GAAoDgF,eACvD,IAAAsG,QAAA,EAAAA,GAAErG,QAAQC,GAAqB,QAAbA,EAAInC,cAAe,IAAAsI,QAAA,EAAAA,GAAE7H,QAAS,GAChDwD,EAAC2D,EACA,CAAAG,WAAY,eACZC,QAAS,sDAIVS,GAKA,QALAC,GAA0BxJ,MAAzB9B,IAAsCA,IAAyB,EAG7D,WAFAH,GAA2DqC,MAC5DlC,WACC,IAAAuL,QAAA,EAAAA,GAAE1G,QACFhF,gBAAAA,GAAoDgF,eACvD,IAAAyG,QAAA,EAAAA,GACExG,QAAQC,GAASjF,KAAQwG,EAAIC,SAAuB,QAAbxB,EAAInC,+BAC3C4B,KAAI,CAACO,EAAKiG,KACX,MAAMQ,EAAczG,EAAI0G,iBAAmBC,EACrCC,EACL5G,EAAI0G,iBAAmBG,EACxB,GAAiB,QAAb7G,EAAInC,KACP,OACCiE,EAACgF,EAA4B,CAC5BC,kBAAmBd,EACnBe,YAAaP,GAAeG,EAC5BK,WACC1M,aAA0B,EAA1BA,EAA4B0M,WAE7B5G,OAAQL,EAERkH,oBAC0BnK,MAAzB9B,IACAA,IAAyB,EACvBsC,OAAAC,OAAA,CAAA,EAEE1C,GACCqC,MAAMlC,KAETsC,OAAAC,OAAA,CAAA,EAAO1C,IAEVqM,6BACCpI,IAZO,GAAAkH,KAAKhL,KAgBf,IAIFF,KAAQwG,EAAIC,UACW,QAAvB4F,GAAY,QAAZC,GAAA5L,GAAQ,UAAI,IAAA4L,QAAA,EAAAA,GAAAzJ,iBAAW,IAAAwJ,QAAA,EAAAA,GAAAtH,WACO,QAA9BwH,GAAqB,QAArBC,GAAU,QAAVC,GAAA/L,GAAQ,UAAE,IAAA+L,QAAA,EAAAA,GAAE5J,iBAAS,IAAA2J,QAAA,EAAAA,GAAEzH,eAAO,IAAAwH,QAAA,EAAAA,GAAEhJ,QAAS,GACxCwD,EAAC2F,EAAkB,CAClBC,iBAA2C,QAAzBC,GAAA3M,cAAA,EAAAA,GAAQ4M,sBAAiB,IAAAD,QAAA,EAAAA,GAAA,GAC3CE,oBAA8C,QAAzBC,GAAA9M,cAAA,EAAAA,GAAQ4M,sBAAiB,IAAAE,QAAA,EAAAA,GAAA,MAI/ChF,EAAazI,aAAA,EAAAA,EAAU0I,WAMsB,QAL9CgF,GAKG,QALHC,GAA0BjL,MAAzB9B,IAAsCA,IAAyB,EAG5D,WAFAH,GAA2DqC,MAC5DlC,WACC,IAAAgN,QAAA,EAAAA,GAAEnI,QACFhF,cAAoB,EAApBA,GAAoDgF,eACrD,IAAAkI,QAAA,EAAAA,GAAAjI,QAAQC,GAAqB,gBAAbA,EAAInC,cAAuB,IAAAkK,QAAA,EAAAA,GAAEzJ,QAAS,IACxDvD,KAAQwG,EAAIC,QACZM,EAAC2D,EAAoB,CACpBG,WAAY,eACZC,QAAS,wDACTC,YACC,gGAIFhE,EAAC2F,EACA,CAAAC,yBAAkBQ,GAAAlN,cAAA,EAAAA,GAAQ4M,uCAAiB,GAC3CC,oBAA2C,QAAtBM,GAAAnN,gBAAAA,GAAQ4M,sBAAc,IAAAO,QAAA,EAAAA,GAAG,OAI/CrF,EAAazI,aAAQ,EAARA,EAAU0I,WAOsB,QAN9CqF,GAKC,QALDC,GAA0BtL,MAAzB9B,IAAsCA,IAAyB,EAG5D,WAFAH,GAA2DqC,MAC5DlC,WACC,IAAAqN,QAAA,EAAAA,GAAExI,QACFhF,cAAA,EAAAA,GAAoDgF,eACvD,IAAAuI,QAAA,EAAAA,GACEtI,QAAQC,GAAqB,gBAAbA,EAAInC,cAAuB,IAAAuK,QAAA,EAAAA,GAC3C3I,KAAI,CAACO,EAAKiG,KACX,GAAiB,gBAAbjG,EAAInC,MAA0B9C,KAAQwG,EAAIC,QAC7C,OACCM,EAACgF,EACA,CAAAC,kBAAmBd,EACnBsC,WACChO,eAAAA,EAA4BgO,WAE7BlI,OAAQL,EAERkH,oBAC0BnK,MAAzB9B,IACAA,IAAyB,EACvBsC,OAAAC,OAAA,CAAA,EAEE1C,GACCqC,MAAMlC,KAETsC,OAAAC,OAAA,CAAA,EACK1C,IAGR0N,6BACCzH,IAdO,GAAAkF,KAAKhL,KAkBf,KAEHF,KAAQwG,EAAIC,SAAWvF,IACvB6F,EAAC2G,EAAqB,CACrBC,aAA0C,QAA5BC,GAAA3N,cAAA,EAAAA,GAAQqG,yBAAoB,IAAAsH,QAAA,EAAAA,GAAA,GAC1CjO,gBAA6C,QAA5BkO,GAAA5N,cAAA,EAAAA,GAAQqG,yBAAoB,IAAAuH,QAAA,EAAAA,GAAA,KAS9C,QALAC,GAA0B9L,MAAzB9B,IAAsCA,IAAyB,EAG7D,WAFAH,GAA2DqC,MAC5DlC,WACC,IAAA6N,QAAA,EAAAA,GAAEhJ,QACFhF,cAAoB,EAApBA,GAAoDgF,eACvD,IAAA+I,QAAA,EAAAA,GAAEpJ,KAAI,CAACY,EAAQ4F,mBACf,GAAoB,cAAhB5F,EAAOxC,KACV,OACCiE,cACE3G,GACA2G,EACC,MAAAvE,OAAAC,OAAA,CAAAwE,MAAO,CACN+G,aAAc,GACdC,aAAc,EACdC,QAAS,aACT,CAAA7G,SAEDN,EAACiD,EACA,CAAAmE,MAAO,WACPnF,UAAsB,QAAX7G,EAAAmD,EAAOF,YAAI,IAAAjD,EAAAA,EAAI,YAC1B+H,MAAgC,QAAzBhI,EAAAoD,EAAOqG,sBAAkB,IAAAzJ,EAAAA,EAAA,GAChCqI,aAAcA,KACb,OAKHxD,EAACqH,GACA7I,MAAO2F,EACPmD,SAAU,CACTC,qBAAc/L,EAAA+C,EAAOF,oBAAQ,YAC7BmJ,qBAAcjM,EAAAgD,EAAOqG,8BAAkB,GACvC7I,KAAM,SACN0L,oBAAoB,EACpBjJ,MAAuB,UAAhBD,EAAOC,aAAS,IAAA5C,EAAAA,EAAA,GAGxBlD,mBAAmB,EACnBgP,cAAe,UACfC,WAAYpJ,EAAOxC,MAHdoI,IAQT,OAES,EAMRpC,EAAe6F,EAAOC,GAAG;;;;;;"}
1	+ {"version":3,"file":"EditWhatsAppTemplateV2.js","sources":["../../../../../src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx"],"sourcesContent":["import { PickerType } from '@src/helpers';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport type { VariableListInterfaceV2 } from '@src/components/add-variableV2/AddVariableV2';\nimport { Input } from '@src/components/input';\nimport { InputWithVariables } from '@src/components/input-with-vars';\nimport {\n\tisCarouselComponent,\n\tisRCSChannel,\n} from '@src/components/template-preview/helpers/templateMiscHelper';\nimport type { EmailTemplateType } from '@src/components/template-preview/models/EmailTemplate';\nimport type { SMSTemplateType } from '@src/components/template-preview/models/SmsTemplate';\nimport {\n\tButtonPlaceHolderOptions,\n\tHEADER_TYPES,\n} from '@src/components/template-preview/models/TemplateMeta';\nimport type {\n\tWhatsAppCarouselTemplate,\n\tWhatsAppCarouselTemplateVariables,\n} from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport {\n\ttype CTABtnValType,\n\tPOD,\n\ttype QRBBtnValType,\n} from '@src/components/template-preview/models/WhatsAppTemplate';\nimport {\n\ttype WhatsAppPickerMeta,\n\ttype WhatsAppTemplate,\n\ttype WhatsAppTemplateVariables,\n} from '@src/components/template-preview/models/WhatsAppTemplate';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport {\n\tSTATIC_URL_VARIABLE_NAME,\n\tUNSUBSCRIBE_URL_VARIABLE,\n} from '../utils/constants';\nimport { getAllDataFromTemplateComponent } from '../utils/getDataFromTemplateComponent';\nimport { isVariable } from '../utils/validateIsUrl';\nimport {\n\tvalidateInputName,\n\tvalidateInputNameChatbot,\n} from '../utils/validateName';\nimport { BackTrackComponent } from './BackTrackComponent';\nimport { DiscountCodeComponent } from './DiscountCodeComponent';\nimport EditMediaModal from './EditMediaModal';\nimport EditMediaV2 from './EditMediaV2';\nimport { EditTemplateMediaContainer } from './EditMediaV2.style';\nimport { useEditWhatsappTemplateMedia } from './useEditWhtasappTemplateMedia';\nimport VariableConnector from './VariableConnector';\nimport { Container } from './VariableConnectorsPanel';\nimport VariableConnectorWhatsApp from './VariableConnectorWhatsApp';\nimport VariableEditorHeader from './VariableEditorHeader';\nimport WhatsAppTemplateCardButtonV2, {\n\tQRBBtnUpdateFunctionType,\n\tURLBtnUpdateFunctionType,\n} from './WhatsAppTemplateCardButtonV2';\n\nexport interface EditWhatsAppTemplateV2Props {\n\twhatsappSpecificPickerMeta?: WhatsAppPickerMeta;\n\ttemplate: WhatsAppTemplate \| WhatsAppCarouselTemplate;\n\tonTemplateChange?: (\n\t\ttemplate:\n\t\t\t\| WhatsAppTemplate\n\t\t\t\| EmailTemplateType\n\t\t\t\| SMSTemplateType\n\t\t\t\| WhatsAppCarouselTemplate,\n\t) => void;\n\tshowVariableModal?: boolean;\n\tvariableListForImage?: VariableListInterfaceV2[];\n\tdiscountCode?: string;\n\tsetDiscountCode?: (code: string) => void;\n\tfileName?: string;\n\tsetFileName?: (name: string) => void;\n}\n\nconst EditWhatsAppTemplateV2 = ({\n\ttemplate,\n\tonTemplateChange,\n\twhatsappSpecificPickerMeta,\n\tshowVariableModal,\n\tvariableListForImage,\n\tsetDiscountCode,\n\tfileName,\n\tsetFileName,\n}: EditWhatsAppTemplateV2Props) => {\n\tconst isCarouselType = (template as WhatsAppCarouselTemplate).isCarouselType;\n\tconst {\n\t\toriginalVariableList,\n\t\tpod,\n\t\textras,\n\t\tselectedCarouselIndex,\n\t\tisProductCarouselType,\n\t\tdisableCopyCode,\n\t\tisError,\n\t\tcardIndex,\n\t} = useTemplateModalContext();\n\tconst {\n\t\tdescriptionComponents,\n\t\turlBtns,\n\t\tqrbBtns,\n\t\timageComponent,\n\t\tbodyVariables,\n\t\theaderVariables,\n\t\ttitleVariables,\n\t} = getAllDataFromTemplateComponent(template as WhatsAppTemplate);\n\n\tconst fileRef = useRef<HTMLInputElement>(null);\n\n\tconst [showDiscountCheckBox, setShowDiscountCheckBox] =\n\t\tuseState<boolean>(false);\n\tconst [templateComponentData, setTemplateComponentData] = useState<any>(\n\t\tselectedCarouselIndex === -1\n\t\t\t? {\n\t\t\t\t\tdescriptionComponents,\n\t\t\t\t\turlBtns,\n\t\t\t\t\tqrbBtns,\n\t\t\t\t\timageComponent,\n\t\t\t\t\tbodyVariables,\n\t\t\t\t\theaderVariables,\n\t\t\t\t\ttitleVariables,\n\t\t\t }\n\t\t\t: {},\n\t);\n\n\tconst { uploadMediaLink, uploadMediaFiles, validateMimeType } =\n\t\twhatsappSpecificPickerMeta as WhatsAppPickerMeta;\n\n\tconst useEditWhatsappTemplateMediaResponse = useEditWhatsappTemplateMedia({\n\t\tuploadMediaLink,\n\t\tuploadMediaFiles,\n\t\tupdateTemplateImageUrl,\n\t\tvalidateMimeType,\n\t\tmediaComponent: !isCarouselType\n\t\t\t? imageComponent\n\t\t\t: templateComponentData.imageComponent,\n\t\tfileRef,\n\t});\n\n\tconst [hasNewImageUpload, setHasNewImageUpload] = useState<boolean>(false);\n\tconst [enteredPdf, setEnteredPdf] = useState(fileName);\n\tconst [pdfInputError, setPdfInputError] = useState<string \| undefined>();\n\n\t/*\n\t Whenever template changes, check if we have Checkout URL in the button mapping.\n\t * If yes, show discount check box\n\t /\n\tuseEffect(() => {\n\t\tconst discountCheckboxEnabled = template.mapping.buttons?.find(\n\t\t\t(button) => button.slice(2, -2) === 'checkout.checkoutUrl',\n\t\t);\n\t\tif (discountCheckboxEnabled) {\n\t\t\tsetShowDiscountCheckBox(true);\n\t\t} else {\n\t\t\tsetShowDiscountCheckBox(false);\n\t\t\tconst setDiscountCode = extras?.discountCodeExtra?.[1];\n\t\t\tsetDiscountCode?.('');\n\t\t}\n\t}, [template]);\n\n\tuseEffect(() => {\n\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\n\t\t\tconst currentCarousel = {\n\t\t\t\tcomponents: (template as WhatsAppCarouselTemplate).components[cardIndex]\n\t\t\t\t\t?.cards?.[selectedCarouselIndex].components,\n\t\t\t\tmapping: (template as WhatsAppCarouselTemplate)?.mapping?.cards?.[\n\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t],\n\t\t\t};\n\t\t\tconst {\n\t\t\t\tdescriptionComponents,\n\t\t\t\turlBtns,\n\t\t\t\tqrbBtns,\n\t\t\t\timageComponent,\n\t\t\t\tbodyVariables,\n\t\t\t\theaderVariables,\n\t\t\t\ttitleVariables,\n\t\t\t} = getAllDataFromTemplateComponent(currentCarousel as WhatsAppTemplate);\n\n\t\t\tsetTemplateComponentData({\n\t\t\t\tdescriptionComponents,\n\t\t\t\turlBtns,\n\t\t\t\tqrbBtns,\n\t\t\t\timageComponent,\n\t\t\t\tbodyVariables,\n\t\t\t\theaderVariables,\n\t\t\t\ttitleVariables,\n\t\t\t});\n\t\t} else if (\n\t\t\tselectedCarouselIndex != undefined &&\n\t\t\tselectedCarouselIndex === -1\n\t\t) {\n\t\t\tconst {\n\t\t\t\tdescriptionComponents,\n\t\t\t\turlBtns,\n\t\t\t\tqrbBtns,\n\t\t\t\timageComponent: mediaComponent,\n\t\t\t\tbodyVariables,\n\t\t\t\theaderVariables,\n\t\t\t\ttitleVariables,\n\t\t\t} = getAllDataFromTemplateComponent(template as WhatsAppTemplate);\n\t\t\tsetTemplateComponentData({\n\t\t\t\tdescriptionComponents,\n\t\t\t\turlBtns,\n\t\t\t\tqrbBtns,\n\t\t\t\timageComponent: mediaComponent,\n\t\t\t\tbodyVariables,\n\t\t\t\theaderVariables,\n\t\t\t\ttitleVariables,\n\t\t\t});\n\t\t}\n\t}, [selectedCarouselIndex]);\n\n\tuseEffect(() => {\n\t\tif (\n\t\t\tselectedCarouselIndex != undefined &&\n\t\t\tselectedCarouselIndex > -1 &&\n\t\t\thasNewImageUpload\n\t\t) {\n\t\t\tconst currentCarousel = {\n\t\t\t\tcomponents: (template as WhatsAppCarouselTemplate).components[cardIndex]\n\t\t\t\t\t?.cards?.[selectedCarouselIndex].components,\n\t\t\t\tmapping: (template as WhatsAppCarouselTemplate)?.mapping?.cards?.[\n\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t],\n\t\t\t};\n\t\t\tconst {\n\t\t\t\tdescriptionComponents,\n\t\t\t\turlBtns,\n\t\t\t\tqrbBtns,\n\t\t\t\timageComponent,\n\t\t\t\tbodyVariables,\n\t\t\t\theaderVariables,\n\t\t\t\ttitleVariables,\n\t\t\t} = getAllDataFromTemplateComponent(currentCarousel as WhatsAppTemplate);\n\n\t\t\tsetTemplateComponentData({\n\t\t\t\tdescriptionComponents,\n\t\t\t\turlBtns,\n\t\t\t\tqrbBtns,\n\t\t\t\timageComponent,\n\t\t\t\tbodyVariables,\n\t\t\t\theaderVariables,\n\t\t\t\ttitleVariables,\n\t\t\t});\n\t\t\tsetHasNewImageUpload(false);\n\t\t}\n\t}, [hasNewImageUpload]);\n\n\tfunction updateTemplateImageUrl(\n\t\turl: string,\n\t\tformat: WhatsAppTemplate['components'][0]['format'],\n\t) {\n\t\tlet localTemplate: any;\n\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\n\t\t\tlocalTemplate = {\n\t\t\t\tcomponents: (template as WhatsAppCarouselTemplate).components[cardIndex]\n\t\t\t\t\t?.cards?.[selectedCarouselIndex].components,\n\t\t\t\tmapping: (template as WhatsAppCarouselTemplate)?.mapping?.cards?.[\n\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t],\n\t\t\t};\n\t\t} else {\n\t\t\tlocalTemplate = { ...template };\n\t\t}\n\n\t\tconst imageComponentIndex = localTemplate?.components?.findIndex(\n\t\t\t(component) => {\n\t\t\t\tif (\n\t\t\t\t\tcomponent.type === 'HEADER' &&\n\t\t\t\t\tcomponent.format !== 'NONE' &&\n\t\t\t\t\tcomponent.format !== 'TEXT'\n\t\t\t\t) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t},\n\t\t);\n\n\t\tif (\n\t\t\ttypeof imageComponentIndex !== 'undefined' &&\n\t\t\timageComponentIndex > -1 &&\n\t\t\tlocalTemplate?.components[imageComponentIndex]\n\t\t) {\n\t\t\tconst updatedComponent: WhatsAppTemplate['components'][0] = {\n\t\t\t\t...localTemplate.components[imageComponentIndex],\n\t\t\t\tformat,\n\t\t\t\texample: {\n\t\t\t\t\theader_handle: [url],\n\t\t\t\t},\n\t\t\t};\n\n\t\t\tconst components = [...localTemplate.components];\n\t\t\tcomponents[imageComponentIndex] = updatedComponent;\n\t\t\tlocalTemplate = { ...localTemplate, components };\n\t\t}\n\n\t\tif (localTemplate.mapping) {\n\t\t\tlocalTemplate.mapping = {\n\t\t\t\t...localTemplate.mapping,\n\t\t\t\theader: undefined,\n\t\t\t};\n\t\t}\n\n\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\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 = localTemplate.components;\n\t\t\tif (\n\t\t\t\ttemplateCopy?.mapping?.cards &&\n\t\t\t\ttemplateCopy?.mapping?.cards.length > 0\n\t\t\t) {\n\t\t\t\ttemplateCopy.mapping.cards![selectedCarouselIndex] =\n\t\t\t\t\tlocalTemplate.mapping ?? {};\n\t\t\t}\n\t\t\tonTemplateChange?.({ ...templateCopy });\n\t\t\tsetHasNewImageUpload(true);\n\t\t} else {\n\t\t\tonTemplateChange?.({ ...localTemplate });\n\t\t}\n\t}\n\n\tfunction updateSelectedTemplateURLBtn(\n\t\tval: CTABtnValType,\n\t\tmode: 'custom' \| 'placeholder',\n\t\tbtnIndex: number,\n\t) {\n\t\tconst tempCopy =\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 };\n\t\tconst selectedTemplate = cloneDeep(tempCopy);\n\n\t\tconst isCustom = mode === 'custom' && typeof val === 'string';\n\t\tconst customValue = isCustom\n\t\t\t? val\n\t\t\t: typeof val !== 'string'\n\t\t\t? val.defaultValue\n\t\t\t\t? val.defaultValue\n\t\t\t\t: 'https://d.bik.ai/'\n\t\t\t: 'https://d.bik.ai';\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 === 'BUTTONS') {\n\t\t\t\t\t\t\t\t\t\tconst ctaBtns = card.buttons?.filter(\n\t\t\t\t\t\t\t\t\t\t\t(btn) => btn.type === 'URL',\n\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\t\tlet currentButton: any = ctaBtns?.[btnIndex] ?? {};\n\t\t\t\t\t\t\t\t\t\tcurrentButton = {\n\t\t\t\t\t\t\t\t\t\t\t...currentButton,\n\t\t\t\t\t\t\t\t\t\t\turl: 'https://d.bik.ai/{{1}}',\n\t\t\t\t\t\t\t\t\t\t\texample: [customValue],\n\t\t\t\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\t\t\t\tconst newButtonList = card.buttons?.map((btn) => {\n\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\tbtn.type === 'URL' &&\n\t\t\t\t\t\t\t\t\t\t\t\tbtn?.text === currentButton?.text\n\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn currentButton;\n\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\t\t\t\t\tbuttons: newButtonList,\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 mappingButtonsComponent = {\n\t\t\t\t...(template as WhatsAppCarouselTemplate),\n\t\t\t}.mapping?.cards?.map((card) => {\n\t\t\t\treturn {\n\t\t\t\t\t...card,\n\t\t\t\t\tbuttons: card?.buttons?.map((button, index: number) => {\n\t\t\t\t\t\tif (index === btnIndex) {\n\t\t\t\t\t\t\treturn isCustom\n\t\t\t\t\t\t\t\t? '((customBtnPlaceholder))'\n\t\t\t\t\t\t\t\t: typeof val !== 'string'\n\t\t\t\t\t\t\t\t? val.placeHolder\n\t\t\t\t\t\t\t\t: '';\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\tconst newTemplate = cloneDeep(template as WhatsAppCarouselTemplate);\n\t\t\tnewTemplate.components = newComponent as any;\n\t\t\tnewTemplate.mapping.cards = mappingButtonsComponent;\n\t\t\tonTemplateChange?.({ ...newTemplate });\n\t\t\treturn;\n\t\t}\n\n\t\tconst btnComponentIndex = selectedTemplate?.components.findIndex(\n\t\t\t(component) => component.type === 'BUTTONS',\n\t\t);\n\n\t\tif (typeof btnComponentIndex !== 'undefined' && btnComponentIndex > -1) {\n\t\t\tconst ctaBtns = selectedTemplate?.components[\n\t\t\t\tbtnComponentIndex\n\t\t\t].buttons?.filter((btn) => btn.type === 'URL');\n\n\t\t\tif (ctaBtns?.length > 0) {\n\t\t\t\tconst isCustom = mode === 'custom' && typeof val === 'string';\n\t\t\t\tconst customValue = isCustom\n\t\t\t\t\t? val\n\t\t\t\t\t: typeof val !== 'string'\n\t\t\t\t\t? val.defaultValue\n\t\t\t\t\t\t? val.defaultValue\n\t\t\t\t\t\t: 'https://d.bik.ai/'\n\t\t\t\t\t: 'https://d.bik.ai/';\n\n\t\t\t\tlet currentButton = ctaBtns[btnIndex];\n\t\t\t\tcurrentButton = {\n\t\t\t\t\t...currentButton,\n\t\t\t\t\turl: 'https://d.bik.ai/{{1}}',\n\t\t\t\t\texample: [customValue],\n\t\t\t\t};\n\n\t\t\t\tconst buttons = [\n\t\t\t\t\t...(selectedTemplate.components?.[btnComponentIndex]?.buttons ?? []),\n\t\t\t\t];\n\t\t\t\tconst newButtonList = buttons.map((btn) => {\n\t\t\t\t\tif (btn.type === 'URL' && btn?.text === currentButton?.text) {\n\t\t\t\t\t\treturn currentButton;\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn btn;\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\tconst btnComponent = {\n\t\t\t\t\t...selectedTemplate.components[btnComponentIndex],\n\t\t\t\t\tbuttons: newButtonList,\n\t\t\t\t};\n\n\t\t\t\tconst mappingButtons = selectedTemplate.mapping?.buttons;\n\n\t\t\t\tif (mappingButtons && mappingButtons.length > 0) {\n\t\t\t\t\tmappingButtons[btnIndex] = isCustom\n\t\t\t\t\t\t? '((customBtnPlaceholder))'\n\t\t\t\t\t\t: typeof val !== 'string'\n\t\t\t\t\t\t? val.placeHolder\n\t\t\t\t\t\t: '';\n\t\t\t\t}\n\n\t\t\t\tconst mapping = {\n\t\t\t\t\t...selectedTemplate.mapping,\n\t\t\t\t\tbuttons: mappingButtons,\n\t\t\t\t};\n\n\t\t\t\tselectedTemplate.mapping = mapping;\n\t\t\t\tconst components = [...selectedTemplate.components];\n\t\t\t\tcomponents[btnComponentIndex] = btnComponent;\n\t\t\t\tselectedTemplate.components = components;\n\t\t\t}\n\t\t}\n\n\t\tif (typeof val !== 'string') {\n\t\t\tconst discountCheckBoxEnabled =\n\t\t\t\tval.placeHolder?.slice(2, -2) === 'checkout.checkoutUrl';\n\t\t\tif (discountCheckBoxEnabled) {\n\t\t\t\tsetShowDiscountCheckBox(true);\n\t\t\t} else {\n\t\t\t\tsetShowDiscountCheckBox(false);\n\t\t\t\tsetDiscountCode?.('');\n\t\t\t}\n\t\t}\n\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\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 = selectedTemplate.components;\n\t\t\ttemplateCopy.mapping.cards![selectedCarouselIndex] =\n\t\t\t\tselectedTemplate.mapping!;\n\t\t\tonTemplateChange?.({ ...templateCopy });\n\t\t} else {\n\t\t\tonTemplateChange?.(selectedTemplate as WhatsAppTemplate);\n\t\t}\n\t}\n\n\tfunction updateSelectedTemplateQRBBtn(\n\t\tval: QRBBtnValType,\n\t\tmode: 'custom' \| 'placeholder',\n\t\tbtnIndex: number,\n\t) {\n\t\tconst selectedTemplate =\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 };\n\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 === 'BUTTONS') {\n\t\t\t\t\t\t\t\t\t\tconst qrbButtons = card?.buttons?.filter(\n\t\t\t\t\t\t\t\t\t\t\t(btn) => btn.type === 'QUICK_REPLY',\n\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\t\tlet currentButton: any = qrbButtons?.[btnIndex] ?? {};\n\t\t\t\t\t\t\t\t\t\tcurrentButton = {\n\t\t\t\t\t\t\t\t\t\t\t...currentButton,\n\t\t\t\t\t\t\t\t\t\t\tflowId: val.flowId,\n\t\t\t\t\t\t\t\t\t\t\tflowName: val.flowName,\n\t\t\t\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\t\t\t\tconst newButtonList = card?.buttons?.map((btn) => {\n\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\tbtn.type === 'QUICK_REPLY' &&\n\t\t\t\t\t\t\t\t\t\t\t\tbtn?.text === currentButton?.text\n\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn currentButton;\n\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\t\t\t\t\tbuttons: newButtonList,\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 newTemplate = cloneDeep(template);\n\t\t\tnewTemplate.components = newComponent as any;\n\t\t\tonTemplateChange?.({ ...newTemplate });\n\t\t\treturn;\n\t\t}\n\n\t\tconst btnComponentIndex = selectedTemplate?.components.findIndex(\n\t\t\t(component) => component.type === 'BUTTONS',\n\t\t);\n\t\tif (typeof btnComponentIndex !== 'undefined' && btnComponentIndex > -1) {\n\t\t\tconst qrbButtons = selectedTemplate?.components[\n\t\t\t\tbtnComponentIndex\n\t\t\t]?.buttons?.filter((btn) => btn.type === 'QUICK_REPLY');\n\n\t\t\tif (qrbButtons) {\n\t\t\t\tlet currentButton = qrbButtons[btnIndex];\n\t\t\t\tcurrentButton = {\n\t\t\t\t\t...currentButton,\n\t\t\t\t\tflowId: val.flowId,\n\t\t\t\t\tflowName: val.flowName,\n\t\t\t\t};\n\n\t\t\t\tconst buttons = [\n\t\t\t\t\t...(selectedTemplate.components?.[btnComponentIndex]?.buttons ?? []),\n\t\t\t\t];\n\n\t\t\t\tconst newButtonList = buttons.map((btn) => {\n\t\t\t\t\tif (btn.type === 'QUICK_REPLY' && btn?.text === currentButton?.text) {\n\t\t\t\t\t\treturn currentButton;\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn btn;\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\tconst btnComponent = {\n\t\t\t\t\t...selectedTemplate.components[btnComponentIndex],\n\t\t\t\t\tbuttons: newButtonList,\n\t\t\t\t};\n\t\t\t\tconst components = [...selectedTemplate.components];\n\t\t\t\tcomponents[btnComponentIndex] = btnComponent;\n\t\t\t\tselectedTemplate.components = components;\n\t\t\t}\n\t\t}\n\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\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 = selectedTemplate.components;\n\t\t\tonTemplateChange?.({ ...templateCopy });\n\t\t} else {\n\t\t\tonTemplateChange?.(selectedTemplate as WhatsAppTemplate);\n\t\t}\n\t}\n\n\tconst validatePdfName = () => {\n\t\tif (!enteredPdf) {\n\t\t\tsetFileName?.('');\n\t\t\tsetPdfInputError('PDF name is Required');\n\t\t\treturn;\n\t\t}\n\t\tconst isValid = validateInputName(enteredPdf);\n\t\tsetFileName?.(enteredPdf);\n\n\t\tif (isValid) {\n\t\t\tsetPdfInputError('Please enter a valid PDF name');\n\t\t\treturn;\n\t\t}\n\t\tsetPdfInputError(undefined);\n\t};\n\n\tconst validatePdfNameChatbot = () => {\n\t\tif (!fileName) {\n\t\t\tsetPdfInputError('PDF name is Required');\n\t\t\treturn;\n\t\t}\n\t\tconst isInvalid = validateInputNameChatbot(fileName);\n\n\t\tsetFileName?.(fileName ?? '');\n\t\tif (isInvalid) {\n\t\t\tsetPdfInputError('Please enter a valid PDF name');\n\t\t\treturn;\n\t\t}\n\t\tsetPdfInputError(undefined);\n\t};\n\n\tuseEffect(() => {\n\t\tif (isError && pod === POD.CHATBOT) {\n\t\t\tvalidatePdfNameChatbot();\n\t\t}\n\t}, [isError]);\n\n\tconst _mediaComponent = !isCarouselType\n\t\t? imageComponent\n\t\t: templateComponentData.imageComponent;\n\n\tif (useEditWhatsappTemplateMediaResponse.openEditMedia) {\n\t\treturn (\n\t\t\t<Container\n\t\t\t\tstyle={{\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\twidth: 400,\n\t\t\t\t\tmaxHeight: 460,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<EditMediaModal\n\t\t\t\t\tmediaComponentFormat={_mediaComponent.format ?? HEADER_TYPES.IMAGE}\n\t\t\t\t\tuploadMedia={useEditWhatsappTemplateMediaResponse.uploadMedia}\n\t\t\t\t\tvariableListForImage={variableListForImage \|\| []}\n\t\t\t\t\tuseEditWhatsappTemplateMediaResponse={\n\t\t\t\t\t\tuseEditWhatsappTemplateMediaResponse\n\t\t\t\t\t}\n\t\t\t\t\tsetOpenEditMedia={\n\t\t\t\t\t\tuseEditWhatsappTemplateMediaResponse.setOpenEditMedia\n\t\t\t\t\t}\n\t\t\t\t\topenEditMedia={useEditWhatsappTemplateMediaResponse.openEditMedia}\n\t\t\t\t\teditIconRef={useEditWhatsappTemplateMediaResponse.editIconRef}\n\t\t\t\t\tfileRef={fileRef}\n\t\t\t\t/>\n\t\t\t</Container>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Container\n\t\t\tstyle={{\n\t\t\t\tflexDirection: 'column',\n\t\t\t\twidth: 400,\n\t\t\t\tmaxHeight: 460,\n\t\t\t\tminWidth: isProductCarouselType ? '420px' : 'auto',\n\t\t\t}}\n\t\t>\n\t\t\t{!!templateComponentData.imageComponent &&\n\t\t\t\t!isProductCarouselType &&\n\t\t\t\t!isRCSChannel(template?.channel) && (\n\t\t\t\t\t<EditTemplateMediaContainer>\n\t\t\t\t\t\t<EditMediaV2\n\t\t\t\t\t\t\timageName={_mediaComponent?.example?.header_handle ?? []}\n\t\t\t\t\t\t\thandleImageChange={\n\t\t\t\t\t\t\t\tuseEditWhatsappTemplateMediaResponse.handleImageChange\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmediaType={_mediaComponent?.format}\n\t\t\t\t\t\t\terror={useEditWhatsappTemplateMediaResponse.error}\n\t\t\t\t\t\t\tisLoading={useEditWhatsappTemplateMediaResponse.loading}\n\t\t\t\t\t\t\tsetOpenEditMedia={\n\t\t\t\t\t\t\t\tuseEditWhatsappTemplateMediaResponse.setOpenEditMedia\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tselectedVariable={\n\t\t\t\t\t\t\t\tisVariable(_mediaComponent?.example?.header_handle?.[0] ?? '')\n\t\t\t\t\t\t\t\t\t? _mediaComponent?.example?.header_handle?.[0]\n\t\t\t\t\t\t\t\t\t: template?.mapping?.header?.[0]\n\t\t\t\t\t\t\t\t\t? template?.mapping?.header?.[0]\n\t\t\t\t\t\t\t\t\t: useEditWhatsappTemplateMediaResponse.selectedVariable\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{imageComponent?.['format'] == HEADER_TYPES.DOCUMENT ? (\n\t\t\t\t\t\t\t<PdfContainer>\n\t\t\t\t\t\t\t\t{pod === POD.CHATBOT ? (\n\t\t\t\t\t\t\t\t\t<InputWithVariables\n\t\t\t\t\t\t\t\t\t\tlabelText=\"PDF Name\"\n\t\t\t\t\t\t\t\t\t\tplaceHolder={'Enter the name'}\n\t\t\t\t\t\t\t\t\t\terrorMessage={pdfInputError ? pdfInputError : undefined}\n\t\t\t\t\t\t\t\t\t\tonChange={(name) => {\n\t\t\t\t\t\t\t\t\t\t\tsetPdfInputError('');\n\t\t\t\t\t\t\t\t\t\t\tsetFileName?.(name?.actualValue ?? '');\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tpickerType={PickerType.EMBEDDED}\n\t\t\t\t\t\t\t\t\t\tnoMaxCharCheck={true}\n\t\t\t\t\t\t\t\t\t\tallowMix={true}\n\t\t\t\t\t\t\t\t\t\tshowVarHeader\n\t\t\t\t\t\t\t\t\t\tvarHeaderText=\"Select variable\"\n\t\t\t\t\t\t\t\t\t\tprevVariable={{\n\t\t\t\t\t\t\t\t\t\t\tactualValue: fileName ?? '',\n\t\t\t\t\t\t\t\t\t\t\tvariableType: 'string',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tvariablesList={variableListForImage}\n\t\t\t\t\t\t\t\t\t\tshowAddButton={true}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\tlabelText=\"PDF Name\"\n\t\t\t\t\t\t\t\t\t\tplaceholder=\"Enter the name\"\n\t\t\t\t\t\t\t\t\t\tvalue={enteredPdf}\n\t\t\t\t\t\t\t\t\t\terrorMessage={pdfInputError ? pdfInputError : undefined}\n\t\t\t\t\t\t\t\t\t\tonBlur={validatePdfName}\n\t\t\t\t\t\t\t\t\t\tonChangeText={(name) => {\n\t\t\t\t\t\t\t\t\t\t\tsetPdfInputError('');\n\t\t\t\t\t\t\t\t\t\t\tsetEnteredPdf(name);\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</PdfContainer>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</EditTemplateMediaContainer>\n\t\t\t\t)}\n\n\t\t\t{templateComponentData.bodyVariables?.length > 0 && (\n\t\t\t\t<VariableEditorHeader\n\t\t\t\t\tcontainerStyle={{\n\t\t\t\t\t\tpaddingTop: templateComponentData.mediaComponent ? 24 : 8,\n\t\t\t\t\t}}\n\t\t\t\t\theaderText={'Edit variable values'}\n\t\t\t\t\tsubText={'Edit values for the variables used in template'}\n\t\t\t\t\ttoolTipInfo={\n\t\t\t\t\t\t'Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below'\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{templateComponentData.descriptionComponents?.map(\n\t\t\t\t(descriptionComponent, i) => (\n\t\t\t\t\t<VariableConnectorWhatsApp\n\t\t\t\t\t\toriginalVariableList={\n\t\t\t\t\t\t\tselectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables)\n\t\t\t\t\t\t\t\t\t\t.cards[selectedCarouselIndex]\n\t\t\t\t\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttype={descriptionComponent.type}\n\t\t\t\t\t\tdescriptionComponent={descriptionComponent.component}\n\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t)}\n\n\t\t\t{(selectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t ]?.buttons\n\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)?.buttons\n\t\t\t)?.filter((btn) => btn.type === 'URL')?.length > 0 && (\n\t\t\t\t<VariableEditorHeader\n\t\t\t\t\theaderText={'Edit buttons'}\n\t\t\t\t\tsubText={'Edit the link connected to the CTA button'}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{(selectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t ]?.buttons\n\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)?.buttons\n\t\t\t)\n\t\t\t\t?.filter((btn) => (pod !== POD.CHATBOT ? btn.type === 'URL' : true))\n\t\t\t\t?.map((btn, i) => {\n\t\t\t\t\tconst isStaticUrl = btn.buttonVariable === STATIC_URL_VARIABLE_NAME;\n\t\t\t\t\tconst isUnsubscribeUrl =\n\t\t\t\t\t\tbtn.buttonVariable === UNSUBSCRIBE_URL_VARIABLE;\n\t\t\t\t\tif (btn.type === 'URL') {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<WhatsAppTemplateCardButtonV2\n\t\t\t\t\t\t\t\tvariableListIndex={i}\n\t\t\t\t\t\t\t\tdisableEdit={isStaticUrl \|\| isUnsubscribeUrl}\n\t\t\t\t\t\t\t\tCTAoptions={\n\t\t\t\t\t\t\t\t\twhatsappSpecificPickerMeta?.CTAoptions as ButtonPlaceHolderOptions[]\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tbutton={btn}\n\t\t\t\t\t\t\t\tkey={`${i}_${selectedCarouselIndex}`}\n\t\t\t\t\t\t\t\tcurrentVariableList={\n\t\t\t\t\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\t\t\t\t\tselectedCarouselIndex > -1\n\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\t\toriginalVariableList as WhatsAppCarouselTemplateVariables\n\t\t\t\t\t\t\t\t\t\t\t\t).cards[selectedCarouselIndex],\n\t\t\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t\t\t: { ...(originalVariableList as WhatsAppTemplateVariables) }\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tupdateSelectedURLTemplateBtn={\n\t\t\t\t\t\t\t\t\tupdateSelectedTemplateURLBtn as URLBtnUpdateFunctionType\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{/ If pod is chatbot and qrb button is there, Backtrack should be present */}\n\t\t\t{pod === POD.CHATBOT &&\n\t\t\t\tqrbBtns[0]?.component?.buttons &&\n\t\t\t\tqrbBtns[0]?.component?.buttons?.length > 0 && (\n\t\t\t\t\t<BackTrackComponent\n\t\t\t\t\t\tbackTrackMessage={extras?.backTrackExtra?.[0]}\n\t\t\t\t\t\tsetBackTrackMessage={extras?.backTrackExtra?.[1]}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t{!isRCSChannel(template?.channel) &&\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 ]?.buttons\n\t\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)?.buttons\n\t\t\t\t)?.filter((btn) => btn.type === 'QUICK_REPLY')?.length > 0 &&\n\t\t\t\t(pod !== POD.CHATBOT ? (\n\t\t\t\t\t<VariableEditorHeader\n\t\t\t\t\t\theaderText={'Edit buttons'}\n\t\t\t\t\t\tsubText={'Edit the chatflows triggered on clicking the buttons'}\n\t\t\t\t\t\ttoolTipInfo={\n\t\t\t\t\t\t\t'There is an option to trigger chatflows through the buttons which can keep the user engaged'\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<BackTrackComponent\n\t\t\t\t\t\tbackTrackMessage={extras?.backTrackExtra?.[0]}\n\t\t\t\t\t\tsetBackTrackMessage={extras?.backTrackExtra?.[1]}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\n\t\t\t{!isRCSChannel(template?.channel) &&\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 ]?.buttons\n\t\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)?.buttons\n\t\t\t\t)\n\t\t\t\t\t?.filter((btn) => btn.type === 'QUICK_REPLY')\n\t\t\t\t\t?.map((btn, i) => {\n\t\t\t\t\t\tif (btn.type === 'QUICK_REPLY' && pod !== POD.CHATBOT) {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<WhatsAppTemplateCardButtonV2\n\t\t\t\t\t\t\t\t\tvariableListIndex={i}\n\t\t\t\t\t\t\t\t\tQRBoptions={\n\t\t\t\t\t\t\t\t\t\twhatsappSpecificPickerMeta?.QRBoptions as ButtonPlaceHolderOptions[]\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tbutton={btn}\n\t\t\t\t\t\t\t\t\tkey={`${i}_${selectedCarouselIndex}`}\n\t\t\t\t\t\t\t\t\tcurrentVariableList={\n\t\t\t\t\t\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\t\t\t\t\t\tselectedCarouselIndex > -1\n\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\t...(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\toriginalVariableList as WhatsAppCarouselTemplateVariables\n\t\t\t\t\t\t\t\t\t\t\t\t\t).cards[selectedCarouselIndex],\n\t\t\t\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t...(originalVariableList as WhatsAppTemplateVariables),\n\t\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\tupdateSelectedQRBTemplateBtn={\n\t\t\t\t\t\t\t\t\t\tupdateSelectedTemplateQRBBtn as QRBBtnUpdateFunctionType\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{pod === POD.CHATBOT && showDiscountCheckBox && (\n\t\t\t\t<DiscountCodeComponent\n\t\t\t\t\tdiscountCode={extras?.discountCodeExtra?.[0]}\n\t\t\t\t\tsetDiscountCode={extras?.discountCodeExtra?.[1]}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{(selectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t ]?.buttons\n\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)?.buttons\n\t\t\t)?.map((button, i) => {\n\t\t\t\tif (button.type === 'COPY_CODE') {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{disableCopyCode ? (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tmarginBottom: 20,\n\t\t\t\t\t\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t\t\t\t\t\tpadding: '8px 10px',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\t\t\t\tlabelText={button.text ?? 'Copy Code'}\n\t\t\t\t\t\t\t\t\t\tvalue={button.buttonVariable ?? ''}\n\t\t\t\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t\t\t\treturn;\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</div>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<VariableConnector\n\t\t\t\t\t\t\t\t\tindex={i}\n\t\t\t\t\t\t\t\t\tvariable={{\n\t\t\t\t\t\t\t\t\t\tvariableName: button.text ?? 'Copy Code',\n\t\t\t\t\t\t\t\t\t\tupdatedValue: button.buttonVariable ?? '',\n\t\t\t\t\t\t\t\t\t\ttype: 'string',\n\t\t\t\t\t\t\t\t\t\tisEditableVariable: true,\n\t\t\t\t\t\t\t\t\t\tindex: button.index ?? 0, // this index is respect to components -> buttons\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\t\tshowVariableModal={true}\n\t\t\t\t\t\t\t\t\tcomponentType={'BUTTONS'}\n\t\t\t\t\t\t\t\t\tbuttonType={button.type}\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\t\t\t})}\n\t\t</Container>\n\t);\n};\n\nexport default EditWhatsAppTemplateV2;\n\nconst PdfContainer = styled.div`\n\tpadding-top: 24px;\n\tpadding-left: 10px;\n\tpadding-right: 10px;\n\tmargin-bottom: 8px;\n\tline-height: normal;\n`;\n"],"names":["EditWhatsAppTemplateV2","template","onTemplateChange","whatsappSpecificPickerMeta","showVariableModal","variableListForImage","setDiscountCode","fileName","setFileName","isCarouselType","originalVariableList","pod","extras","selectedCarouselIndex","isProductCarouselType","disableCopyCode","isError","cardIndex","useTemplateModalContext","descriptionComponents","urlBtns","qrbBtns","imageComponent","bodyVariables","headerVariables","titleVariables","getAllDataFromTemplateComponent","fileRef","useRef","showDiscountCheckBox","setShowDiscountCheckBox","useState","templateComponentData","setTemplateComponentData","uploadMediaLink","uploadMediaFiles","validateMimeType","useEditWhatsappTemplateMediaResponse","useEditWhatsappTemplateMedia","updateTemplateImageUrl","url","format","localTemplate","undefined","components","_b","_a","cards","mapping","_d","_c","Object","assign","imageComponentIndex","_e","findIndex","component","type","updatedComponent","example","header_handle","header","templateCopy","cloneDeep","_f","_g","length","_h","setHasNewImageUpload","mediaComponent","hasNewImageUpload","enteredPdf","setEnteredPdf","pdfInputError","setPdfInputError","updateSelectedTemplateURLBtn","val","mode","btnIndex","tempCopy","selectedTemplate","isCustom","customValue","defaultValue","newComponent","map","isCarouselComponent","cardComponent","card","ctaBtns","buttons","filter","btn","currentButton","newButtonList","text","mappingButtonsComponent","button","index","placeHolder","newTemplate","btnComponentIndex","btnComponent","mappingButtons","_j","_k","slice","updateSelectedTemplateQRBBtn","qrbButtons","flowId","flowName","useEffect","find","discountCodeExtra","currentCarousel","POD","CHATBOT","validatePdfNameChatbot","isInvalid","validateInputNameChatbot","_mediaComponent","openEditMedia","_jsx","Container","style","flexDirection","width","maxHeight","children","EditMediaModal","mediaComponentFormat","HEADER_TYPES","IMAGE","uploadMedia","setOpenEditMedia","editIconRef","_jsxs","minWidth","isRCSChannel","channel","EditTemplateMediaContainer","EditMediaV2","imageName","handleImageChange","mediaType","error","isLoading","loading","selectedVariable","isVariable","_m","_l","DOCUMENT","PdfContainer","InputWithVariables","labelText","errorMessage","onChange","name","actualValue","pickerType","PickerType","EMBEDDED","noMaxCharCheck","allowMix","showVarHeader","varHeaderText","prevVariable","variableType","variablesList","showAddButton","Input","placeholder","value","onBlur","validatePdfName","isValid","validateInputName","onChangeText","_Fragment","_o","VariableEditorHeader","containerStyle","paddingTop","headerText","subText","toolTipInfo","_p","descriptionComponent","i","VariableConnectorWhatsApp","_s","_r","_q","_v","_u","_t","isStaticUrl","buttonVariable","STATIC_URL_VARIABLE_NAME","isUnsubscribeUrl","UNSUBSCRIBE_URL_VARIABLE","WhatsAppTemplateCardButtonV2","variableListIndex","disableEdit","CTAoptions","currentVariableList","updateSelectedURLTemplateBtn","_x","_w","_0","_z","_y","BackTrackComponent","backTrackMessage","_1","backTrackExtra","setBackTrackMessage","_2","_5","_4","_3","_6","_7","_10","_9","_8","QRBoptions","updateSelectedQRBTemplateBtn","DiscountCodeComponent","discountCode","_11","_12","_14","_13","marginBottom","borderRadius","padding","state","VariableConnector","variable","variableName","updatedValue","isEditableVariable","componentType","buttonType","styled","div"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../../assets/icons/info.svg.js";import{useState as r,useEffect as i}from"react";import n from"styled-components";import{Button as l}from"../../button/Button.js";import{Tag as s}from"../../tag/Tag.js";import{isRCSChannel as a}from"../../template-preview/helpers/templateMiscHelper.js";import{CHANNEL_TYPE as d}from"../../template-preview/models/Channels.js";import{TitleRegular as p}from"../../TypographyStyle.js";import{COLORS as m}from"../../../constants/Theme.js";import{Badge as c}from"../Badge/index.js";import{useTemplateModalContext as u}from"../context/templateModalContext.js";const x=n.div`
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../../assets/icons/info.svg.js";import{useState as r,useEffect as i}from"react";import n from"styled-components";import{Button as s}from"../../button/Button.js";import{Tag as l}from"../../tag/Tag.js";import{isRCSChannel as a}from"../../template-preview/helpers/templateMiscHelper.js";import{CHANNEL_TYPE as d}from"../../template-preview/models/Channels.js";import{TitleRegular as p}from"../../TypographyStyle.js";import{COLORS as m}from"../../../constants/Theme.js";import{Badge as c}from"../Badge/index.js";import{useTemplateModalContext as u}from"../context/templateModalContext.js";const x=n.div`
 	background: ${m.surface.standard};
 	border-top-width: 1px;
 	border-top-color: ${m.stroke.primary};
@@ -12,5 +12,5 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../../assets/
 	border-bottom-left-radius: 4px;
 	border-bottom-right-radius: 4px;
 	height: ${e=>e.isWhatsappCarousel?64:80}px;
-`,g=n=>{let{isWhatsappCarousel:g,onSelect:f,footerButtonText:h,footerInfoText:b}=n;var v,j,y,C;const{isError:T,selectedCarouselIndex:S,setSelectedCarouselIndex:w,setErrorIndexes:I,template:k,showVariablePicker:B,hideFooterButton:$,carouselBodyError:O}=u(),[P,W]=r(g?"Next":"Select template");return i((()=>{h?W(h):g&&-1===S?W("Next"):g&&null!=S&&S>-1&&W("Save & Select Template")}),[S]),e(x,Object.assign({isWhatsappCarousel:g,justifyContent:g&&(null===(j=null===(v=null==k?void 0:k.mapping)||void 0===v?void 0:v.body)||void 0===j?void 0:j.length)?"space-between":"end"},{children:[a((null==k?void 0:k.channel)||d.WHATSAPP)?t(p,{}):g&&null!=S&&S>=-1&&!!(null===(C=null===(y=null==k?void 0:k.mapping)||void 0===y?void 0:y.body)||void 0===C?void 0:C.length)&&t(p,Object.assign({color:m.text.secondary},{children:`Step ${-1===S?1:2}/2`})),e("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center"}},{children:[T&&t(c,{errorText:O||"Some inputs are missing or incorrect. Please check"}),!T&&b&&t("div",Object.assign({style:{marginRight:12}},{children:t(s,{tagText:b,LeadingIcon:o})})),!$&&t(l,{disabled:B,id:"select-template-btn",buttonText:P,size:g?"small":"large",onClick:function(){g&&-1===S&&w?w(0):(null==I||I([]),f())}})]}))]}))};export{g as default};
+`,g=({isWhatsappCarousel:n,onSelect:g,footerButtonText:f,footerInfoText:h})=>{var b,v,j,y;const{isError:C,selectedCarouselIndex:T,setSelectedCarouselIndex:S,setErrorIndexes:w,template:I,showVariablePicker:k,hideFooterButton:B,carouselBodyError:$}=u(),[O,P]=r(n?"Next":"Select template");return i((()=>{f?P(f):n&&-1===T?P("Next"):n&&null!=T&&T>-1&&P("Save & Select Template")}),[T]),e(x,Object.assign({isWhatsappCarousel:n,justifyContent:n&&(null===(v=null===(b=null==I?void 0:I.mapping)||void 0===b?void 0:b.body)||void 0===v?void 0:v.length)?"space-between":"end"},{children:[a((null==I?void 0:I.channel)||d.WHATSAPP)?t(p,{}):n&&null!=T&&T>=-1&&!!(null===(y=null===(j=null==I?void 0:I.mapping)||void 0===j?void 0:j.body)||void 0===y?void 0:y.length)&&t(p,Object.assign({color:m.text.secondary},{children:`Step ${-1===T?1:2}/2`})),e("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center"}},{children:[C&&t(c,{errorText:$||"Some inputs are missing or incorrect. Please check"}),!C&&h&&t("div",Object.assign({style:{marginRight:12}},{children:t(l,{tagText:h,LeadingIcon:o})})),!B&&t(s,{disabled:k,id:"select-template-btn",buttonText:O,size:n?"small":"large",onClick:function(){n&&-1===T&&S?S(0):(null==w||w([]),g())}})]}))]}))};export{g as default};
 //# sourceMappingURL=Footer.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Footer.js","sources":["../../../../../src/components/template-context-mapper/modalElements/Footer.tsx"],"sourcesContent":["import InfoIcon from '@src/assets/icons/info.svg';\nimport { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '@src/components/button/Button';\nimport { Tag } from '@src/components/tag/Tag';\nimport { isRCSChannel } from '@src/components/template-preview/helpers/templateMiscHelper';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport { TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { Badge } from '../Badge';\nimport { useTemplateModalContext } from '../context/templateModalContext';\n\nconst Container = styled.div<{\n\tjustifyContent?: string;\n\tisWhatsappCarousel: boolean;\n}>`\n\tbackground: ${COLORS.surface.standard};\n\tborder-top-width: 1px;\n\tborder-top-color: ${COLORS.stroke.primary};\n\tbox-shadow: 0px -4px 12px rgba(0, 0, 0, 0.12);\n\twidth: 100%;\n\tpadding: 0 24px;\n\tdisplay: flex;\n\tjustify-content: ${(props) => props.justifyContent ?? 'end'};\n\talign-items: center;\n\tgap: 12;\n\tborder-bottom-left-radius: 4px;\n\tborder-bottom-right-radius: 4px;\n\theight: ${(props) => (props.isWhatsappCarousel ? 64 : 80)}px;\n`;\n\nexport interface FooterProps {\n\tisWhatsappCarousel: boolean;\n\tonSelect: () => void;\n\tfooterButtonText?: string;\n\tfooterInfoText?: string;\n}\nconst Footer = ({\n\tisWhatsappCarousel,\n\tonSelect,\n\tfooterButtonText,\n\tfooterInfoText,\n}: FooterProps) => {\n\tconst {\n\t\tisError,\n\t\tselectedCarouselIndex,\n\t\tsetSelectedCarouselIndex,\n\t\tsetErrorIndexes,\n\t\ttemplate,\n\t\tshowVariablePicker,\n\t\thideFooterButton,\n\t\tcarouselBodyError,\n\t} = useTemplateModalContext();\n\tconst [buttonText, setButtonText] = useState<string>(\n\t\tisWhatsappCarousel ? 'Next' : 'Select template',\n\t);\n\n\tfunction onButtonClick() {\n\t\tif (\n\t\t\tisWhatsappCarousel &&\n\t\t\tselectedCarouselIndex === -1 &&\n\t\t\tsetSelectedCarouselIndex\n\t\t) {\n\t\t\tsetSelectedCarouselIndex(0);\n\t\t} else {\n\t\t\tsetErrorIndexes?.([]);\n\t\t\tonSelect();\n\t\t}\n\t}\n\n\tuseEffect(() => {\n\t\tif (footerButtonText) {\n\t\t\tsetButtonText(footerButtonText);\n\t\t} else {\n\t\t\tif (isWhatsappCarousel && selectedCarouselIndex === -1) {\n\t\t\t\tsetButtonText('Next');\n\t\t\t} else if (\n\t\t\t\tisWhatsappCarousel &&\n\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\tselectedCarouselIndex > -1\n\t\t\t) {\n\t\t\t\tsetButtonText('Save & Select Template');\n\t\t\t}\n\t\t}\n\t}, [selectedCarouselIndex]);\n\n\treturn (\n\t\t<Container\n\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\tjustifyContent={\n\t\t\t\tisWhatsappCarousel && !!template?.mapping?.body?.length\n\t\t\t\t\t? 'space-between'\n\t\t\t\t\t: 'end'\n\t\t\t}\n\t\t>\n\t\t\t{!isRCSChannel(template?.channel \|\| CHANNEL_TYPE.WHATSAPP) ? (\n\t\t\t\tisWhatsappCarousel &&\n\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\tselectedCarouselIndex >= -1 &&\n\t\t\t\t!!template?.mapping?.body?.length && (\n\t\t\t\t\t<TitleRegular color={COLORS.text.secondary}>{`Step ${\n\t\t\t\t\t\tselectedCarouselIndex === -1 ? 1 : 2\n\t\t\t\t\t}/2`}</TitleRegular>\n\t\t\t\t)\n\t\t\t) : (\n\t\t\t\t<TitleRegular />\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{isError && (\n\t\t\t\t\t<Badge\n\t\t\t\t\t\terrorText={\n\t\t\t\t\t\t\tcarouselBodyError \|\|\n\t\t\t\t\t\t\t'Some inputs are missing or incorrect. Please check'\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{!isError && footerInfoText && (\n\t\t\t\t\t<div style={{ marginRight: 12 }}>\n\t\t\t\t\t\t<Tag tagText={footerInfoText} LeadingIcon={InfoIcon} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{!hideFooterButton && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdisabled={showVariablePicker}\n\t\t\t\t\t\tid=\"select-template-btn\"\n\t\t\t\t\t\tbuttonText={buttonText}\n\t\t\t\t\t\tsize={isWhatsappCarousel ? 'small' : 'large'}\n\t\t\t\t\t\tonClick={onButtonClick}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</Container>\n\t);\n};\n\nexport default Footer;\n"],"names":["Container","styled","div","COLORS","surface","standard","stroke","primary","props","_a","justifyContent","isWhatsappCarousel","Footer","~~_ref","~~onSelect","footerButtonText","footerInfoText","isError","selectedCarouselIndex","setSelectedCarouselIndex","setErrorIndexes","template","showVariablePicker","hideFooterButton","carouselBodyError","useTemplateModalContext","buttonText","setButtonText","useState","useEffect","undefined","_jsxs","Object","assign","_b","mapping","body","length","children","isRCSChannel","channel","CHANNEL_TYPE","WHATSAPP","_jsx","TitleRegular","_d","_c","color","text","secondary","style","display","flexDirection","alignItems","Badge","errorText","marginRight","Tag","tagText","LeadingIcon","InfoIcon","Button","disabled","id","size","onClick"],"mappings":"4oBAYA,MAAMA,EAAYC,EAAOC,GAGvB;eACaC,EAAOC,QAAQC;;qBAETF,EAAOG,OAAOC;;;;;oBAKdC,IAAS,IAAAC,EAAC,OAAoB,QAApBA,EAAAD,EAAME,sBAAc,IAAAD,EAAAA,EAAI,KAAK;;;;;WAKhDD,GAAWA,EAAMG,mBAAqB,GAAK;EASjDC,~~EAASC~~,~~IAKG~~,~~IALFF~~,~~mBACfA~~,~~EAAkBG~~,~~SAClBA~~,~~EAAQC~~,~~iBACRA,EAAgBC,eAChBA,GACaH,cACb,MAAMI,~~QACLA,EAAOC,sBACPA,EAAqBC,yBACrBA,EAAwBC,gBACxBA,EAAeC,SACfA,EAAQC,mBACRA,EAAkBC,iBAClBA,EAAgBC,kBAChBA,GACGC,KACGC,EAAYC,GAAiBC,~~EACnCjB~~,EAAqB,OAAS,mBAgC/B,~~OAhBAkB~~,GAAU,KACLd,EACHY,EAAcZ,~~GAEVJ~~,IAAiD,~~IAA3BO~~,EACzBS,EAAc,~~QAEdhB~~,~~GACyBmB~~,MAAzBZ,GACAA,GAAyB,GAEzBS,EAAc,yBAEf,GACC,CAACT,IAGHa,~~EAAC/~~B,~~EAASgC,~~OAAAC,OAAA,~~CACTtB~~,mBAAoBA,EACpBD,eACCC,IAAiD,~~QAAzBuB~~,EAAmB,~~QAAnBzB~~,~~EAAAY~~,aAAA,EAAAA,EAAUc,eAAS,~~IAAA1B~~,OAAA,EAAAA,~~EAAA2B~~,YAAM,IAAAF,OAAA,EAAAA,EAAAG,QAC9C,gBACA,OAGH,CAAAC,SAAA,CAACC,GAAalB,aAAQ,EAARA,EAAUmB,UAAWC,EAAaC,UAUhDC,EAACC,EAAY,CAAA,~~GATbjC~~,~~GACyBmB~~,MAAzBZ,GACAA,IAA0B,cACxB2B,EAAmB,QAAnBC,EAAAzB,aAAA,EAAAA,EAAUc,eAAS,IAAAW,OAAA,EAAAA,EAAAV,2BAAMC,SAC1BM,EAACC,EAAaZ,OAAAC,OAAA,CAAAc,~~MAAO5C~~,~~EAAO6C~~,KAAKC,~~qBAChC~~,~~SAA2B~~,IAA3B/B,EAA+B,EAAI,SAMtCa,EACC,MAAAC,OAAAC,OAAA,CAAAiB,MAAO,CACNC,QAAS,OACTC,cAAe,MACfC,WAAY,WAGZ,CAAAf,SAAA,CAAArB,GACA0B,EAACW,EACA,CAAAC,UACC/B,GACA,wDAIDP,GAAWD,GACZ2B,EAAK,MAAAX,OAAAC,OAAA,CAAAiB,MAAO,CAAEM,YAAa,KAAI,CAAAlB,SAC9BK,EAACc,EAAI,CAAAC,QAAS1C,EAAgB2C,YAAaC,QAG3CrC,GACDoB,EAACkB,EAAM,CACNC,SAAUxC,EACVyC,GAAG,sBACHrC,WAAYA,EACZsC,~~KAAMrD~~,EAAqB,QAAU,~~QACrCsD~~,QA5EL,~~WAEEtD~~,IAC2B,~~IAA3BO~~,GACAC,EAEAA,EAAyB,IAEzBC,SAAAA,EAAkB,IAClBN,IAEF,WAqEa"}
1	+ {"version":3,"file":"Footer.js","sources":["../../../../../src/components/template-context-mapper/modalElements/Footer.tsx"],"sourcesContent":["import InfoIcon from '@src/assets/icons/info.svg';\nimport { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '@src/components/button/Button';\nimport { Tag } from '@src/components/tag/Tag';\nimport { isRCSChannel } from '@src/components/template-preview/helpers/templateMiscHelper';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport { TitleRegular } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { Badge } from '../Badge';\nimport { useTemplateModalContext } from '../context/templateModalContext';\n\nconst Container = styled.div<{\n\tjustifyContent?: string;\n\tisWhatsappCarousel: boolean;\n}>`\n\tbackground: ${COLORS.surface.standard};\n\tborder-top-width: 1px;\n\tborder-top-color: ${COLORS.stroke.primary};\n\tbox-shadow: 0px -4px 12px rgba(0, 0, 0, 0.12);\n\twidth: 100%;\n\tpadding: 0 24px;\n\tdisplay: flex;\n\tjustify-content: ${(props) => props.justifyContent ?? 'end'};\n\talign-items: center;\n\tgap: 12;\n\tborder-bottom-left-radius: 4px;\n\tborder-bottom-right-radius: 4px;\n\theight: ${(props) => (props.isWhatsappCarousel ? 64 : 80)}px;\n`;\n\nexport interface FooterProps {\n\tisWhatsappCarousel: boolean;\n\tonSelect: () => void;\n\tfooterButtonText?: string;\n\tfooterInfoText?: string;\n}\nconst Footer = ({\n\tisWhatsappCarousel,\n\tonSelect,\n\tfooterButtonText,\n\tfooterInfoText,\n}: FooterProps) => {\n\tconst {\n\t\tisError,\n\t\tselectedCarouselIndex,\n\t\tsetSelectedCarouselIndex,\n\t\tsetErrorIndexes,\n\t\ttemplate,\n\t\tshowVariablePicker,\n\t\thideFooterButton,\n\t\tcarouselBodyError,\n\t} = useTemplateModalContext();\n\tconst [buttonText, setButtonText] = useState<string>(\n\t\tisWhatsappCarousel ? 'Next' : 'Select template',\n\t);\n\n\tfunction onButtonClick() {\n\t\tif (\n\t\t\tisWhatsappCarousel &&\n\t\t\tselectedCarouselIndex === -1 &&\n\t\t\tsetSelectedCarouselIndex\n\t\t) {\n\t\t\tsetSelectedCarouselIndex(0);\n\t\t} else {\n\t\t\tsetErrorIndexes?.([]);\n\t\t\tonSelect();\n\t\t}\n\t}\n\n\tuseEffect(() => {\n\t\tif (footerButtonText) {\n\t\t\tsetButtonText(footerButtonText);\n\t\t} else {\n\t\t\tif (isWhatsappCarousel && selectedCarouselIndex === -1) {\n\t\t\t\tsetButtonText('Next');\n\t\t\t} else if (\n\t\t\t\tisWhatsappCarousel &&\n\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\tselectedCarouselIndex > -1\n\t\t\t) {\n\t\t\t\tsetButtonText('Save & Select Template');\n\t\t\t}\n\t\t}\n\t}, [selectedCarouselIndex]);\n\n\treturn (\n\t\t<Container\n\t\t\tisWhatsappCarousel={isWhatsappCarousel}\n\t\t\tjustifyContent={\n\t\t\t\tisWhatsappCarousel && !!template?.mapping?.body?.length\n\t\t\t\t\t? 'space-between'\n\t\t\t\t\t: 'end'\n\t\t\t}\n\t\t>\n\t\t\t{!isRCSChannel(template?.channel \|\| CHANNEL_TYPE.WHATSAPP) ? (\n\t\t\t\tisWhatsappCarousel &&\n\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\tselectedCarouselIndex >= -1 &&\n\t\t\t\t!!template?.mapping?.body?.length && (\n\t\t\t\t\t<TitleRegular color={COLORS.text.secondary}>{`Step ${\n\t\t\t\t\t\tselectedCarouselIndex === -1 ? 1 : 2\n\t\t\t\t\t}/2`}</TitleRegular>\n\t\t\t\t)\n\t\t\t) : (\n\t\t\t\t<TitleRegular />\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{isError && (\n\t\t\t\t\t<Badge\n\t\t\t\t\t\terrorText={\n\t\t\t\t\t\t\tcarouselBodyError \|\|\n\t\t\t\t\t\t\t'Some inputs are missing or incorrect. Please check'\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{!isError && footerInfoText && (\n\t\t\t\t\t<div style={{ marginRight: 12 }}>\n\t\t\t\t\t\t<Tag tagText={footerInfoText} LeadingIcon={InfoIcon} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{!hideFooterButton && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdisabled={showVariablePicker}\n\t\t\t\t\t\tid=\"select-template-btn\"\n\t\t\t\t\t\tbuttonText={buttonText}\n\t\t\t\t\t\tsize={isWhatsappCarousel ? 'small' : 'large'}\n\t\t\t\t\t\tonClick={onButtonClick}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</Container>\n\t);\n};\n\nexport default Footer;\n"],"names":["Container","styled","div","COLORS","surface","standard","stroke","primary","props","_a","justifyContent","isWhatsappCarousel","Footer","onSelect","footerButtonText","footerInfoText","isError","selectedCarouselIndex","setSelectedCarouselIndex","setErrorIndexes","template","showVariablePicker","hideFooterButton","carouselBodyError","useTemplateModalContext","buttonText","setButtonText","useState","useEffect","undefined","_jsxs","Object","assign","_b","mapping","body","length","children","isRCSChannel","channel","CHANNEL_TYPE","WHATSAPP","_jsx","TitleRegular","_d","_c","color","text","secondary","style","display","flexDirection","alignItems","Badge","errorText","marginRight","Tag","tagText","LeadingIcon","InfoIcon","Button","disabled","id","size","onClick"],"mappings":"4oBAYA,MAAMA,EAAYC,EAAOC,GAGvB;eACaC,EAAOC,QAAQC;;qBAETF,EAAOG,OAAOC;;;;;oBAKdC,IAAS,IAAAC,EAAC,OAAoB,QAApBA,EAAAD,EAAME,sBAAc,IAAAD,EAAAA,EAAI,KAAK;;;;;WAKhDD,GAAWA,EAAMG,mBAAqB,GAAK;EASjDC,EAASA,EACdD,qBACAE,WACAC,mBACAC,iCAEA,MAAMC,QACLA,EAAOC,sBACPA,EAAqBC,yBACrBA,EAAwBC,gBACxBA,EAAeC,SACfA,EAAQC,mBACRA,EAAkBC,iBAClBA,EAAgBC,kBAChBA,GACGC,KACGC,EAAYC,GAAiBC,EACnChB,EAAqB,OAAS,mBAgC/B,OAhBAiB,GAAU,KACLd,EACHY,EAAcZ,GAEVH,IAAiD,IAA3BM,EACzBS,EAAc,QAEdf,GACyBkB,MAAzBZ,GACAA,GAAyB,GAEzBS,EAAc,yBAEf,GACC,CAACT,IAGHa,EAAC9B,EAAS+B,OAAAC,OAAA,CACTrB,mBAAoBA,EACpBD,eACCC,IAAiD,QAAzBsB,EAAmB,QAAnBxB,EAAAW,aAAA,EAAAA,EAAUc,eAAS,IAAAzB,OAAA,EAAAA,EAAA0B,YAAM,IAAAF,OAAA,EAAAA,EAAAG,QAC9C,gBACA,OAGH,CAAAC,SAAA,CAACC,GAAalB,aAAQ,EAARA,EAAUmB,UAAWC,EAAaC,UAUhDC,EAACC,EAAY,CAAA,GATbhC,GACyBkB,MAAzBZ,GACAA,IAA0B,cACxB2B,EAAmB,QAAnBC,EAAAzB,aAAA,EAAAA,EAAUc,eAAS,IAAAW,OAAA,EAAAA,EAAAV,2BAAMC,SAC1BM,EAACC,EAAaZ,OAAAC,OAAA,CAAAc,MAAO3C,EAAO4C,KAAKC,qBAAY,SACjB,IAA3B/B,EAA+B,EAAI,SAMtCa,EACC,MAAAC,OAAAC,OAAA,CAAAiB,MAAO,CACNC,QAAS,OACTC,cAAe,MACfC,WAAY,WAGZ,CAAAf,SAAA,CAAArB,GACA0B,EAACW,EACA,CAAAC,UACC/B,GACA,wDAIDP,GAAWD,GACZ2B,EAAK,MAAAX,OAAAC,OAAA,CAAAiB,MAAO,CAAEM,YAAa,KAAI,CAAAlB,SAC9BK,EAACc,EAAI,CAAAC,QAAS1C,EAAgB2C,YAAaC,QAG3CrC,GACDoB,EAACkB,EAAM,CACNC,SAAUxC,EACVyC,GAAG,sBACHrC,WAAYA,EACZsC,KAAMpD,EAAqB,QAAU,QACrCqD,QA5EL,WAEErD,IAC2B,IAA3BM,GACAC,EAEAA,EAAyB,IAEzBC,SAAAA,EAAkB,IAClBN,IAEF,WAqEa"}

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

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../../assets/icons/desktop_custom.svg.js";import n from"../../../assets/icons/mobile_custom.svg.js";import i from"styled-components";import{BodyPrimary as r}from"../../TypographyStyle.js";import{COLORS as s}from"../../../constants/Theme.js";import{useTemplateModalContext as d}from"../context/templateModalContext.js";const c=i.div`
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import t from"../../../assets/icons/desktop_custom.svg.js";import n from"../../../assets/icons/mobile_custom.svg.js";import i from"styled-components";import{BodyPrimary as r}from"../../TypographyStyle.js";import{COLORS as s}from"../../../constants/Theme.js";import{useTemplateModalContext as d}from"../context/templateModalContext.js";const c=i.div`
 	padding-top: 12px;
 	padding-bottom: 12px;
 	padding-left: 30px;
@@ -20,5 +20,5 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../../assets/
 	align-items: center;
 `,p=i(l)`
 	border-left: 1px solid ${s.stroke.primary};
-`,m=i=>{let{showOnlyContent:m}=i;const{device:b,setDevice:g}=d();return e(c,Object.assign({showOnlyContent:m},{children:[e(a,{children:[t(l,Object.assign({active:"mobile"===b,onClick:()=>null==g?void 0:g("mobile")},{children:t(n,{color:"mobile"===b?s.content.brand:s.content.secondary,height:20,width:20})})),t(p,Object.assign({active:"desktop"===b,onClick:()=>null==g?void 0:g("desktop")},{children:t(o,{color:"desktop"===b?s.content.brand:s.content.secondary,height:20,width:20})}))]}),e(r,Object.assign({style:{color:s.content.primary,marginLeft:16}},{children:["mobile"===b?"Mobile":"Web"," view"]}))]}))};export{m as default};
+`,m=({showOnlyContent:i})=>{const{device:m,setDevice:b}=d();return e(c,Object.assign({showOnlyContent:i},{children:[e(a,{children:[o(l,Object.assign({active:"mobile"===m,onClick:()=>null==b?void 0:b("mobile")},{children:o(n,{color:"mobile"===m?s.content.brand:s.content.secondary,height:20,width:20})})),o(p,Object.assign({active:"desktop"===m,onClick:()=>null==b?void 0:b("desktop")},{children:o(t,{color:"desktop"===m?s.content.brand:s.content.secondary,height:20,width:20})}))]}),e(r,Object.assign({style:{color:s.content.primary,marginLeft:16}},{children:["mobile"===m?"Mobile":"Web"," view"]}))]}))};export{m as default};
 //# sourceMappingURL=Header.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.js","sources":["../../../../../src/components/template-context-mapper/modalElements/Header.tsx"],"sourcesContent":["import DesktopIcon from '@src/assets/icons/desktop_custom.svg';\nimport MobileIcon from '@src/assets/icons/mobile_custom.svg';\nimport styled from 'styled-components';\nimport { BodyPrimary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { useTemplateModalContext } from '../context/templateModalContext';\n\nconst Container = styled.div<{ showOnlyContent?: boolean }>`\n\tpadding-top: 12px;\n\tpadding-bottom: 12px;\n\tpadding-left: 30px;\n\tpadding-right: 30px;\n\tbackground-color: ${COLORS.surface.subdued};\n\talign-items: center;\n\tdisplay: flex;\n\tfilter: ${(props) =>\n\t\tprops.showOnlyContent\n\t\t\t? 'none'\n\t\t\t: 'drop-shadow(rgba(0, 0, 0, 0.12) 0px 12px 12px)'};\n`;\n\nconst DeviceIconWrapper = styled.div`\n\tdisplay: flex;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\toverflow: hidden;\n\twidth: min-content;\n`;\n\nconst MobileIconHolder = styled.div<{\n\tactive?: boolean;\n}>`\n\tbackground: ${(props) =>\n\t\tprops.active ? COLORS.background.brandLight : COLORS.background.base};\n\tpadding: 6px 8px;\n\tjustify-content: center;\n\talign-items: center;\n`;\n\nconst DesktopIconHolder = styled(MobileIconHolder)`\n\tborder-left: 1px solid ${COLORS.stroke.primary};\n`;\n\nexport interface HeaderProps {\n\tshowOnlyContent?: boolean;\n}\n\nconst Header = ({ showOnlyContent }: HeaderProps) => {\n\tconst { device, setDevice } = useTemplateModalContext();\n\n\treturn (\n\t\t<Container showOnlyContent={showOnlyContent}>\n\t\t\t<DeviceIconWrapper>\n\t\t\t\t<MobileIconHolder\n\t\t\t\t\tactive={device === 'mobile'}\n\t\t\t\t\tonClick={() => setDevice?.('mobile')}\n\t\t\t\t>\n\t\t\t\t\t<MobileIcon\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\tdevice === 'mobile'\n\t\t\t\t\t\t\t\t? COLORS.content.brand\n\t\t\t\t\t\t\t\t: COLORS.content.secondary\n\t\t\t\t\t\t}\n\t\t\t\t\t\theight={20}\n\t\t\t\t\t\twidth={20}\n\t\t\t\t\t/>\n\t\t\t\t</MobileIconHolder>\n\t\t\t\t<DesktopIconHolder\n\t\t\t\t\tactive={device === 'desktop'}\n\t\t\t\t\tonClick={() => setDevice?.('desktop')}\n\t\t\t\t>\n\t\t\t\t\t<DesktopIcon\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\tdevice === 'desktop'\n\t\t\t\t\t\t\t\t? COLORS.content.brand\n\t\t\t\t\t\t\t\t: COLORS.content.secondary\n\t\t\t\t\t\t}\n\t\t\t\t\t\theight={20}\n\t\t\t\t\t\twidth={20}\n\t\t\t\t\t/>\n\t\t\t\t</DesktopIconHolder>\n\t\t\t</DeviceIconWrapper>\n\t\t\t<BodyPrimary style={{ color: COLORS.content.primary, marginLeft: 16 }}>\n\t\t\t\t{device === 'mobile' ? 'Mobile' : 'Web'} view\n\t\t\t</BodyPrimary>\n\t\t</Container>\n\t);\n};\n\nexport default Header;\n"],"names":["Container","styled","div","COLORS","surface","subdued","props","showOnlyContent","DeviceIconWrapper","stroke","primary","MobileIconHolder","active","background","brandLight","base","DesktopIconHolder","Header","~~_ref","~~device","setDevice","useTemplateModalContext","_jsxs","children","_jsx","Object","assign","onClick","MobileIcon","color","content","brand","secondary","height","width","DesktopIcon","BodyPrimary","style","marginLeft"],"mappings":"iYAOA,MAAMA,EAAYC,EAAOC,GAAkC;;;;;qBAKtCC,EAAOC,QAAQC;;;WAGxBC,GACVA,EAAMC,gBACH,OACA;EAGCC,EAAoBP,EAAOC,GAAG;;qBAEfC,EAAOM,OAAOC;;;;EAM7BC,EAAmBV,EAAOC,GAE9B;eACcI,GACdA,EAAMM,OAAST,EAAOU,WAAWC,WAAaX,EAAOU,WAAWE;;;;EAM5DC,EAAoBf,EAAOU,EAAiB;0BACxBR,EAAOM,OAAOC;EAOlCO,~~EAASC~~,~~IAAqC~~,~~IAApCX~~,~~gBAAEA~~,~~GAA8BW,EAC/C,MAAMC,~~OAAEA,EAAMC,UAAEA,GAAcC,IAE9B,OACCC,~~EAACtB~~,iBAAUO,gBAAiBA,GAC3B,~~CAAAgB~~,SAAA,CAAAD,~~EAACd~~,EAAiB,~~CAAAe~~,SAAA,CACjBC,~~EAACb~~,~~EAAgBc~~,OAAAC,OAAA,~~CAChBd~~,OAAmB,~~WAAXO~~,EACRQ,QAASA,IAAMP,eAAAA,EAAY,WAAS,CAAAG,SAEpCC,EAACI,EAAU,CACVC,MACY,WAAXV,~~EACGhB~~,~~EAAO2B~~,QAAQC,~~MACf5B~~,~~EAAO2B~~,QAAQE,UAEnBC,OAAQ,GACRC,MAAO,QAGTV,~~EAACR~~,~~EACAS~~,OAAAC,OAAA,~~CAAAd~~,OAAmB,~~YAAXO~~,EACRQ,QAASA,IAAMP,aAAA,EAAAA,EAAY,sBAE3BI,EAACW,GACAN,MACY,YAAXV,~~EACGhB~~,~~EAAO2B~~,QAAQC,~~MACf5B~~,~~EAAO2B~~,QAAQE,UAEnBC,OAAQ,GACRC,MAAO,WAIVZ,EAACc,EAAWX,OAAAC,OAAA,CAACW,MAAO,CAAER,~~MAAO1B~~,~~EAAO2B~~,~~QAAQpB~~,~~QAAS4B~~,WAAY,KAAI,CAAAf,SAAA,CACxD,WAAXJ,EAAsB,SAAW,MAAK,eAE7B"}
1	+ {"version":3,"file":"Header.js","sources":["../../../../../src/components/template-context-mapper/modalElements/Header.tsx"],"sourcesContent":["import DesktopIcon from '@src/assets/icons/desktop_custom.svg';\nimport MobileIcon from '@src/assets/icons/mobile_custom.svg';\nimport styled from 'styled-components';\nimport { BodyPrimary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { useTemplateModalContext } from '../context/templateModalContext';\n\nconst Container = styled.div<{ showOnlyContent?: boolean }>`\n\tpadding-top: 12px;\n\tpadding-bottom: 12px;\n\tpadding-left: 30px;\n\tpadding-right: 30px;\n\tbackground-color: ${COLORS.surface.subdued};\n\talign-items: center;\n\tdisplay: flex;\n\tfilter: ${(props) =>\n\t\tprops.showOnlyContent\n\t\t\t? 'none'\n\t\t\t: 'drop-shadow(rgba(0, 0, 0, 0.12) 0px 12px 12px)'};\n`;\n\nconst DeviceIconWrapper = styled.div`\n\tdisplay: flex;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 4px;\n\toverflow: hidden;\n\twidth: min-content;\n`;\n\nconst MobileIconHolder = styled.div<{\n\tactive?: boolean;\n}>`\n\tbackground: ${(props) =>\n\t\tprops.active ? COLORS.background.brandLight : COLORS.background.base};\n\tpadding: 6px 8px;\n\tjustify-content: center;\n\talign-items: center;\n`;\n\nconst DesktopIconHolder = styled(MobileIconHolder)`\n\tborder-left: 1px solid ${COLORS.stroke.primary};\n`;\n\nexport interface HeaderProps {\n\tshowOnlyContent?: boolean;\n}\n\nconst Header = ({ showOnlyContent }: HeaderProps) => {\n\tconst { device, setDevice } = useTemplateModalContext();\n\n\treturn (\n\t\t<Container showOnlyContent={showOnlyContent}>\n\t\t\t<DeviceIconWrapper>\n\t\t\t\t<MobileIconHolder\n\t\t\t\t\tactive={device === 'mobile'}\n\t\t\t\t\tonClick={() => setDevice?.('mobile')}\n\t\t\t\t>\n\t\t\t\t\t<MobileIcon\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\tdevice === 'mobile'\n\t\t\t\t\t\t\t\t? COLORS.content.brand\n\t\t\t\t\t\t\t\t: COLORS.content.secondary\n\t\t\t\t\t\t}\n\t\t\t\t\t\theight={20}\n\t\t\t\t\t\twidth={20}\n\t\t\t\t\t/>\n\t\t\t\t</MobileIconHolder>\n\t\t\t\t<DesktopIconHolder\n\t\t\t\t\tactive={device === 'desktop'}\n\t\t\t\t\tonClick={() => setDevice?.('desktop')}\n\t\t\t\t>\n\t\t\t\t\t<DesktopIcon\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\tdevice === 'desktop'\n\t\t\t\t\t\t\t\t? COLORS.content.brand\n\t\t\t\t\t\t\t\t: COLORS.content.secondary\n\t\t\t\t\t\t}\n\t\t\t\t\t\theight={20}\n\t\t\t\t\t\twidth={20}\n\t\t\t\t\t/>\n\t\t\t\t</DesktopIconHolder>\n\t\t\t</DeviceIconWrapper>\n\t\t\t<BodyPrimary style={{ color: COLORS.content.primary, marginLeft: 16 }}>\n\t\t\t\t{device === 'mobile' ? 'Mobile' : 'Web'} view\n\t\t\t</BodyPrimary>\n\t\t</Container>\n\t);\n};\n\nexport default Header;\n"],"names":["Container","styled","div","COLORS","surface","subdued","props","showOnlyContent","DeviceIconWrapper","stroke","primary","MobileIconHolder","active","background","brandLight","base","DesktopIconHolder","Header","device","setDevice","useTemplateModalContext","_jsxs","children","_jsx","Object","assign","onClick","MobileIcon","color","content","brand","secondary","height","width","DesktopIcon","BodyPrimary","style","marginLeft"],"mappings":"iYAOA,MAAMA,EAAYC,EAAOC,GAAkC;;;;;qBAKtCC,EAAOC,QAAQC;;;WAGxBC,GACVA,EAAMC,gBACH,OACA;EAGCC,EAAoBP,EAAOC,GAAG;;qBAEfC,EAAOM,OAAOC;;;;EAM7BC,EAAmBV,EAAOC,GAE9B;eACcI,GACdA,EAAMM,OAAST,EAAOU,WAAWC,WAAaX,EAAOU,WAAWE;;;;EAM5DC,EAAoBf,EAAOU,EAAiB;0BACxBR,EAAOM,OAAOC;EAOlCO,EAASA,EAAGV,sBACjB,MAAMW,OAAEA,EAAMC,UAAEA,GAAcC,IAE9B,OACCC,EAACrB,iBAAUO,gBAAiBA,GAC3B,CAAAe,SAAA,CAAAD,EAACb,EAAiB,CAAAc,SAAA,CACjBC,EAACZ,EAAgBa,OAAAC,OAAA,CAChBb,OAAmB,WAAXM,EACRQ,QAASA,IAAMP,eAAAA,EAAY,WAAS,CAAAG,SAEpCC,EAACI,EAAU,CACVC,MACY,WAAXV,EACGf,EAAO0B,QAAQC,MACf3B,EAAO0B,QAAQE,UAEnBC,OAAQ,GACRC,MAAO,QAGTV,EAACP,EACAQ,OAAAC,OAAA,CAAAb,OAAmB,YAAXM,EACRQ,QAASA,IAAMP,aAAA,EAAAA,EAAY,sBAE3BI,EAACW,GACAN,MACY,YAAXV,EACGf,EAAO0B,QAAQC,MACf3B,EAAO0B,QAAQE,UAEnBC,OAAQ,GACRC,MAAO,WAIVZ,EAACc,EAAWX,OAAAC,OAAA,CAACW,MAAO,CAAER,MAAOzB,EAAO0B,QAAQnB,QAAS2B,WAAY,KAAI,CAAAf,SAAA,CACxD,WAAXJ,EAAsB,SAAW,MAAK,eAE7B"}

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

@@ -17,7 +17,7 @@ import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import o from"re
 	height: calc(100% - 17px);
 	border-radius: 16px;
 	overflow-y: auto;
-`,d=o.forwardRef(((o,a)=>{let{display_content:d,channel:f,template:b,showSampleValues:w}=o;const{pod:g,hideDeviceContainerInPreview:v}=n(),u={showSampleValues:w,template:b,channel:f,smsSpecificMeta:{smsDisplayContent:d},whatsAppSpecificMeta:{showWhatsAppHeader:!0,whatsAppExtras:g!==l.CHATBOT,containerStyle:{border:"none",borderBottomRightRadius:0,borderBottomLeftRadius:0,minHeight:426,width:f==s.RCS?"unset":240}},size:"small",hideHeader:!0,emailSpecificMeta:{emailDisplayContent:d,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_mobile",containerStyle:{height:"100%",width:"100%"},templateContainerStyles:{height:"100%"}},isPreview:!0,hidePointerEvents:!0};return v?e(h,{children:e(r,Object.assign({},u))}):e(t,{children:i(m,Object.assign({channel:f},{children:[e("img",{alt:"",src:"https://firebasestorage.googleapis.com/v0/b/staging-bikayi.appspot.com/o/bik%2FkNwEVoGlLpVjOsXoO1M8WgvWicP2%2F6f07b850-8b4b-4d58-96cc-8ba6df7b4e4a-Device___Frame.jpg?alt=media&token=253f1bfe-8481-4f54-bdef-3c0a73697d6a",style:{width:p(f),height:443}}),e(c,Object.assign({ref:a},{children:e(r,Object.assign({},u))}))]}))})}));d.displayName="MobilePreview";const h=a.div`
+`,d=o.forwardRef((({display_content:o,channel:a,template:d,showSampleValues:f},b)=>{const{pod:w,hideDeviceContainerInPreview:g}=n(),v={showSampleValues:f,template:d,channel:a,smsSpecificMeta:{smsDisplayContent:o},whatsAppSpecificMeta:{showWhatsAppHeader:!0,whatsAppExtras:w!==l.CHATBOT,containerStyle:{border:"none",borderBottomRightRadius:0,borderBottomLeftRadius:0,minHeight:426,width:a==s.RCS?"unset":240}},size:"small",hideHeader:!0,emailSpecificMeta:{emailDisplayContent:o,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_mobile",containerStyle:{height:"100%",width:"100%"},templateContainerStyles:{height:"100%"}},isPreview:!0,hidePointerEvents:!0};return g?e(h,{children:e(r,Object.assign({},v))}):e(t,{children:i(m,Object.assign({channel:a},{children:[e("img",{alt:"",src:"https://firebasestorage.googleapis.com/v0/b/staging-bikayi.appspot.com/o/bik%2FkNwEVoGlLpVjOsXoO1M8WgvWicP2%2F6f07b850-8b4b-4d58-96cc-8ba6df7b4e4a-Device___Frame.jpg?alt=media&token=253f1bfe-8481-4f54-bdef-3c0a73697d6a",style:{width:p(a),height:443}}),e(c,Object.assign({ref:b},{children:e(r,Object.assign({},v))}))]}))})}));d.displayName="MobilePreview";const h=a.div`
 	display: flex;
 	align-items: center;
 	justify-content: center;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MobilePreview.js","sources":["../../../../../src/components/template-context-mapper/modalElements/MobilePreview.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {\n\tTemplatePreview,\n\ttype TemplatePreviewProps,\n} from '@src/components/template-preview/TemplatePreview';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport type {\n\tAllTemplateTypes,\n\tNonNullTemplateTypes,\n} from '@src/components/template-preview/models/types';\nimport { POD } from '@src/components/template-preview/models/WhatsAppTemplate';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport { getPreviewWidth } from '../utils/getPreviewDimension';\n\nconst DeviceContainer = styled.div<{ channel: CHANNEL_TYPE }>`\n\tposition: relative;\n\theight: 100%;\n\tborder-radius: 31px;\n\twidth: ${(props) => getPreviewWidth(props.channel)}px;\n\tbackground-color: white;\n\tmargin: auto;\n\toverflow-y: auto;\n`;\n\nconst ContentWrapper = styled.div`\n\tposition: absolute;\n\tflex: 1;\n\tbackground-color: white;\n\tscroll-behavior: smooth;\n\tleft: 12px;\n\ttop: 8px;\n\twidth: calc(100% - 25px);\n\theight: calc(100% - 17px);\n\tborder-radius: 16px;\n\toverflow-y: auto;\n`;\n\nconst MobilePreview = React.forwardRef<\n\tHTMLDivElement,\n\t{\n\t\tdisplay_content: string;\n\t\tchannel: CHANNEL_TYPE;\n\t\ttemplate: AllTemplateTypes;\n\t\tshowSampleValues?: boolean;\n\t}\n>(({ display_content, channel, template, showSampleValues }, ref) => {\n\tconst { pod, hideDeviceContainerInPreview } = useTemplateModalContext();\n\n\tconst templatePreviewProps: TemplatePreviewProps = {\n\t\tshowSampleValues,\n\t\ttemplate: template as NonNullTemplateTypes,\n\t\tchannel,\n\t\tsmsSpecificMeta: {\n\t\t\tsmsDisplayContent: display_content,\n\t\t},\n\t\twhatsAppSpecificMeta: {\n\t\t\tshowWhatsAppHeader: true,\n\t\t\twhatsAppExtras: pod !== POD.CHATBOT,\n\t\t\tcontainerStyle: {\n\t\t\t\tborder: 'none',\n\t\t\t\tborderBottomRightRadius: 0,\n\t\t\t\tborderBottomLeftRadius: 0,\n\t\t\t\tminHeight: 426,\n\t\t\t\twidth: channel == CHANNEL_TYPE.RCS ? 'unset' : 240,\n\t\t\t},\n\t\t},\n\t\tsize: 'small',\n\t\thideHeader: true,\n\t\temailSpecificMeta: {\n\t\t\temailDisplayContent: display_content,\n\t\t\thideViewButtonForEmail: true,\n\t\t\temailHtmlContainerId: 'template_html_mobile',\n\t\t\tcontainerStyle: {\n\t\t\t\theight: '100%',\n\t\t\t\twidth: '100%',\n\t\t\t},\n\t\t\ttemplateContainerStyles: {\n\t\t\t\theight: '100%',\n\t\t\t},\n\t\t},\n\t\tisPreview: true,\n\t\thidePointerEvents: true,\n\t};\n\n\tif (hideDeviceContainerInPreview) {\n\t\treturn (\n\t\t\t<StyledPlainPreview>\n\t\t\t\t<TemplatePreview {...templatePreviewProps} />\n\t\t\t</StyledPlainPreview>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<DeviceContainer channel={channel}>\n\t\t\t\t<img\n\t\t\t\t\talt=\"\"\n\t\t\t\t\tsrc={\n\t\t\t\t\t\t'https://firebasestorage.googleapis.com/v0/b/staging-bikayi.appspot.com/o/bik%2FkNwEVoGlLpVjOsXoO1M8WgvWicP2%2F6f07b850-8b4b-4d58-96cc-8ba6df7b4e4a-Device___Frame.jpg?alt=media&token=253f1bfe-8481-4f54-bdef-3c0a73697d6a'\n\t\t\t\t\t}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\twidth: getPreviewWidth(channel),\n\t\t\t\t\t\theight: 443,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<ContentWrapper ref={ref}>\n\t\t\t\t\t<TemplatePreview {...templatePreviewProps} />\n\t\t\t\t</ContentWrapper>\n\t\t\t</DeviceContainer>\n\t\t</>\n\t);\n});\n\nMobilePreview.displayName = 'MobilePreview';\n\nconst StyledPlainPreview = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex: 1;\n`;\n\nexport default MobilePreview;\n"],"names":["DeviceContainer","styled","div","props","getPreviewWidth","channel","ContentWrapper","MobilePreview","React","forwardRef","~~_ref~~","~~ref~~","~~display_content~~","~~template~~","~~showSampleValues","~~pod","hideDeviceContainerInPreview","useTemplateModalContext","templatePreviewProps","smsSpecificMeta","smsDisplayContent","whatsAppSpecificMeta","showWhatsAppHeader","whatsAppExtras","POD","CHATBOT","containerStyle","border","borderBottomRightRadius","borderBottomLeftRadius","minHeight","width","CHANNEL_TYPE","RCS","size","hideHeader","emailSpecificMeta","emailDisplayContent","hideViewButtonForEmail","emailHtmlContainerId","height","templateContainerStyles","isPreview","hidePointerEvents","_jsx","StyledPlainPreview","children","TemplatePreview","Object","assign","_Fragment","_jsxs","alt","src","style","displayName"],"mappings":"keAeA,MAAMA,EAAkBC,EAAOC,GAA8B;;;;UAIlDC,GAAUC,EAAgBD,EAAME;;;;EAMrCC,EAAiBL,EAAOC,GAAG;;;;;;;;;;;EAa3BK,EAAgBC,EAAMC,YAQ1B,~~CAAAC~~,~~EAA2DC~~,~~KAAO~~,~~IAAjEC~~,~~gBAAEA~~,~~EAAeP~~,~~QAAEA~~,~~EAAOQ,SAAEA,EAAQC,iBAAEA,GAAkBJ,EAC1D,MAAMK,~~IAAEA,EAAGC,6BAAEA,GAAiCC,IAExCC,EAA6C,~~CAClDJ~~,mBACAD,SAAUA,~~EACVR~~,~~UACAc~~,gBAAiB,CAChBC,~~kBAAmBR~~,~~GAEpBS~~,qBAAsB,CACrBC,oBAAoB,EACpBC,eAAgBR,IAAQS,EAAIC,QAC5BC,eAAgB,CACfC,OAAQ,OACRC,wBAAyB,EACzBC,uBAAwB,EACxBC,UAAW,IACXC,~~MAAO1B~~,~~GAAW2B~~,EAAaC,IAAM,QAAU,MAGjDC,KAAM,QACNC,YAAY,EACZC,kBAAmB,CAClBC,~~oBAAqBzB~~,~~EACrB0B~~,wBAAwB,EACxBC,qBAAsB,uBACtBb,eAAgB,CACfc,OAAQ,OACRT,MAAO,QAERU,wBAAyB,CACxBD,OAAQ,SAGVE,WAAW,EACXC,mBAAmB,GAGpB,OAAI3B,EAEF4B,EAACC,EACA,CAAAC,SAAAF,EAACG,EAAeC,OAAAC,OAAA,CAAA,EAAK/B,MAMvB0B,EACCM,EAAA,CAAAJ,SAAAK,~~EAACnD~~,~~EAAgBgD~~,OAAAC,OAAA,~~CAAA5C~~,QAASA,GAAO,~~CAAAyC~~,SAAA,CAChCF,SACCQ,IAAI,GACJC,IACC,6NAEDC,MAAO,CACNvB,~~MAAO3B~~,EAAgBC,~~GACvBmC~~,OAAQ,OAGVI,~~EAACtC~~,~~EAAe0C~~,OAAAC,OAAA,~~CAAAtC~~,IAAKA,GAAG,~~CAAAmC~~,SACvBF,EAACG,mBAAoB7B,YAGrB,~~IAILX~~,~~EAAcgD~~,YAAc,gBAE5B,MAAMV,~~EAAqB5C~~,EAAOC,GAAG;;;;;"}
1	+ {"version":3,"file":"MobilePreview.js","sources":["../../../../../src/components/template-context-mapper/modalElements/MobilePreview.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {\n\tTemplatePreview,\n\ttype TemplatePreviewProps,\n} from '@src/components/template-preview/TemplatePreview';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport type {\n\tAllTemplateTypes,\n\tNonNullTemplateTypes,\n} from '@src/components/template-preview/models/types';\nimport { POD } from '@src/components/template-preview/models/WhatsAppTemplate';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport { getPreviewWidth } from '../utils/getPreviewDimension';\n\nconst DeviceContainer = styled.div<{ channel: CHANNEL_TYPE }>`\n\tposition: relative;\n\theight: 100%;\n\tborder-radius: 31px;\n\twidth: ${(props) => getPreviewWidth(props.channel)}px;\n\tbackground-color: white;\n\tmargin: auto;\n\toverflow-y: auto;\n`;\n\nconst ContentWrapper = styled.div`\n\tposition: absolute;\n\tflex: 1;\n\tbackground-color: white;\n\tscroll-behavior: smooth;\n\tleft: 12px;\n\ttop: 8px;\n\twidth: calc(100% - 25px);\n\theight: calc(100% - 17px);\n\tborder-radius: 16px;\n\toverflow-y: auto;\n`;\n\nconst MobilePreview = React.forwardRef<\n\tHTMLDivElement,\n\t{\n\t\tdisplay_content: string;\n\t\tchannel: CHANNEL_TYPE;\n\t\ttemplate: AllTemplateTypes;\n\t\tshowSampleValues?: boolean;\n\t}\n>(({ display_content, channel, template, showSampleValues }, ref) => {\n\tconst { pod, hideDeviceContainerInPreview } = useTemplateModalContext();\n\n\tconst templatePreviewProps: TemplatePreviewProps = {\n\t\tshowSampleValues,\n\t\ttemplate: template as NonNullTemplateTypes,\n\t\tchannel,\n\t\tsmsSpecificMeta: {\n\t\t\tsmsDisplayContent: display_content,\n\t\t},\n\t\twhatsAppSpecificMeta: {\n\t\t\tshowWhatsAppHeader: true,\n\t\t\twhatsAppExtras: pod !== POD.CHATBOT,\n\t\t\tcontainerStyle: {\n\t\t\t\tborder: 'none',\n\t\t\t\tborderBottomRightRadius: 0,\n\t\t\t\tborderBottomLeftRadius: 0,\n\t\t\t\tminHeight: 426,\n\t\t\t\twidth: channel == CHANNEL_TYPE.RCS ? 'unset' : 240,\n\t\t\t},\n\t\t},\n\t\tsize: 'small',\n\t\thideHeader: true,\n\t\temailSpecificMeta: {\n\t\t\temailDisplayContent: display_content,\n\t\t\thideViewButtonForEmail: true,\n\t\t\temailHtmlContainerId: 'template_html_mobile',\n\t\t\tcontainerStyle: {\n\t\t\t\theight: '100%',\n\t\t\t\twidth: '100%',\n\t\t\t},\n\t\t\ttemplateContainerStyles: {\n\t\t\t\theight: '100%',\n\t\t\t},\n\t\t},\n\t\tisPreview: true,\n\t\thidePointerEvents: true,\n\t};\n\n\tif (hideDeviceContainerInPreview) {\n\t\treturn (\n\t\t\t<StyledPlainPreview>\n\t\t\t\t<TemplatePreview {...templatePreviewProps} />\n\t\t\t</StyledPlainPreview>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<DeviceContainer channel={channel}>\n\t\t\t\t<img\n\t\t\t\t\talt=\"\"\n\t\t\t\t\tsrc={\n\t\t\t\t\t\t'https://firebasestorage.googleapis.com/v0/b/staging-bikayi.appspot.com/o/bik%2FkNwEVoGlLpVjOsXoO1M8WgvWicP2%2F6f07b850-8b4b-4d58-96cc-8ba6df7b4e4a-Device___Frame.jpg?alt=media&token=253f1bfe-8481-4f54-bdef-3c0a73697d6a'\n\t\t\t\t\t}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\twidth: getPreviewWidth(channel),\n\t\t\t\t\t\theight: 443,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<ContentWrapper ref={ref}>\n\t\t\t\t\t<TemplatePreview {...templatePreviewProps} />\n\t\t\t\t</ContentWrapper>\n\t\t\t</DeviceContainer>\n\t\t</>\n\t);\n});\n\nMobilePreview.displayName = 'MobilePreview';\n\nconst StyledPlainPreview = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex: 1;\n`;\n\nexport default MobilePreview;\n"],"names":["DeviceContainer","styled","div","props","getPreviewWidth","channel","ContentWrapper","MobilePreview","React","forwardRef","display_content","template","showSampleValues","ref","pod","hideDeviceContainerInPreview","useTemplateModalContext","templatePreviewProps","smsSpecificMeta","smsDisplayContent","whatsAppSpecificMeta","showWhatsAppHeader","whatsAppExtras","POD","CHATBOT","containerStyle","border","borderBottomRightRadius","borderBottomLeftRadius","minHeight","width","CHANNEL_TYPE","RCS","size","hideHeader","emailSpecificMeta","emailDisplayContent","hideViewButtonForEmail","emailHtmlContainerId","height","templateContainerStyles","isPreview","hidePointerEvents","_jsx","StyledPlainPreview","children","TemplatePreview","Object","assign","_Fragment","_jsxs","alt","src","style","displayName"],"mappings":"keAeA,MAAMA,EAAkBC,EAAOC,GAA8B;;;;UAIlDC,GAAUC,EAAgBD,EAAME;;;;EAMrCC,EAAiBL,EAAOC,GAAG;;;;;;;;;;;EAa3BK,EAAgBC,EAAMC,YAQ1B,EAAGC,kBAAiBL,UAASM,WAAUC,oBAAoBC,KAC5D,MAAMC,IAAEA,EAAGC,6BAAEA,GAAiCC,IAExCC,EAA6C,CAClDL,mBACAD,SAAUA,EACVN,UACAa,gBAAiB,CAChBC,kBAAmBT,GAEpBU,qBAAsB,CACrBC,oBAAoB,EACpBC,eAAgBR,IAAQS,EAAIC,QAC5BC,eAAgB,CACfC,OAAQ,OACRC,wBAAyB,EACzBC,uBAAwB,EACxBC,UAAW,IACXC,MAAOzB,GAAW0B,EAAaC,IAAM,QAAU,MAGjDC,KAAM,QACNC,YAAY,EACZC,kBAAmB,CAClBC,oBAAqB1B,EACrB2B,wBAAwB,EACxBC,qBAAsB,uBACtBb,eAAgB,CACfc,OAAQ,OACRT,MAAO,QAERU,wBAAyB,CACxBD,OAAQ,SAGVE,WAAW,EACXC,mBAAmB,GAGpB,OAAI3B,EAEF4B,EAACC,EACA,CAAAC,SAAAF,EAACG,EAAeC,OAAAC,OAAA,CAAA,EAAK/B,MAMvB0B,EACCM,EAAA,CAAAJ,SAAAK,EAAClD,EAAgB+C,OAAAC,OAAA,CAAA3C,QAASA,GAAO,CAAAwC,SAAA,CAChCF,SACCQ,IAAI,GACJC,IACC,6NAEDC,MAAO,CACNvB,MAAO1B,EAAgBC,GACvBkC,OAAQ,OAGVI,EAACrC,EAAeyC,OAAAC,OAAA,CAAAnC,IAAKA,GAAG,CAAAgC,SACvBF,EAACG,mBAAoB7B,YAGrB,IAILV,EAAc+C,YAAc,gBAE5B,MAAMV,EAAqB3C,EAAOC,GAAG;;;;;"}

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

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import i from"../../../assets/icons/click.svg.js";import a from"../../../assets/icons/speedometer.svg.js";import{useState as l,useEffect as c,useMemo as s}from"react";import{LineChart as r}from"../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";import{StyledModal as o}from"../../modals/styledModal.js";import{Tag as d}from"../../tag/Tag.js";import{TEMPLATE_QUALITY as m}from"../../template-preview/models/WhatsAppTemplate.js";import{TitleRegular as u,TitleSmall as h,Caption as p}from"../../TypographyStyle.js";import{COLORS as g}from"../../../constants/Theme.js";import{TemplateContainer as y,LeftPanelContainer as b,RightPanelContainer as v,CustomTitleMedium as j}from"../styles/TemplateAnalyticsStyles.js";import{TEMPLATE_QUALITY_MAP as f,ANALYTICS_ENGAGEMENT_MAP as N}from"../utils/TemplateConstants.js";import{TemplateAnalyticsSkeleton as O}from"./TemplateAnalyticsSkeleton.js";const k=n=>{const{templateAnalytics:i,onClose:a,onProceed:r,onCancel:d,headingTitle:h,headingSubtitle:v,templateId:j}=n,{templateQuality:N=m.GREEN,fetchAnalytics:k}=i||{},{Icon:w,title:x,subline:C,sublineTextType:E,sublineColor:L}=f[N||m.GREEN],[A,R]=l((null==n?void 0:n.analyticsData)||{}),[W,B]=l(!0);c((()=>{(null==n?void 0:n.analyticsData)?B(!1):null==k||k(j||"").then((e=>{e.analytics&&R(e.analytics),B(!1)}))}),[]);const S=s((()=>({primaryButton:{buttonText:"Proceed with selection",buttonType:"primary",onClick:r,disabled:W},secondaryButton:{buttonText:"Cancel",buttonType:"tertiaryGray",onClick:()=>{null==a||a(),null==d||d()},disabled:W}})),[N,W,r,a,d]),D=E||p;return e(o,Object.assign({open:!0,headingTitle:h,tintedHeader:!0,modalHeaderStyles:{backgroundColor:g.surface.subdued},onBackPress:()=>{null==a||a()},headingSubtitle:v,footerShadow:!0,primaryButton:S.primaryButton,secondaryButton:S.secondaryButton,onClose:()=>{null==a||a()},width:"700px"},{children:t(y,{children:[N!==m.UNKNOWN&&e(b,{children:t("div",Object.assign({className:"inside--container"},{children:[e("div",Object.assign({className:"icon--container",style:{background:N===m.GREEN?g.background.positive.light:g.background.warning.light}},{children:e(w,{width:40,height:40,color:N===m.GREEN?g.content.positive:g.content.warning})})),x&&e(u,Object.assign({style:{textAlign:"center"}},{children:x})),e(D,Object.assign({style:{textAlign:"center",color:L||g.content.primary}},{children:C}))]}))}),W?e(O,{fullWidth:N===m.UNKNOWN}):e(T,{analyticsData:A,fullWidth:N===m.UNKNOWN})]})}))},T=a=>{var l;const{analyticsData:c,skipTitle:s,fullWidth:r}=a;return t(v,Object.assign({fullWidth:r},{children:[s?e(n,{}):e(h,{children:"Here are your template's delivery & engagement stats for the last 30 days"}),e("div",Object.assign({className:"mt-3"},{children:N.map(((t,n)=>e(w,{icon:t.icon,title:t.title,value:c[t.valName]||0,percentValue:t.percentValName?c[t.percentValName]:null},n)))})),(null==c?void 0:c.clickAnalytics)&&Object.keys(null==c?void 0:c.clickAnalytics)&&Object.keys(null==c?void 0:c.clickAnalytics).length?t(n,{children:[e(h,Object.assign({color:g.content.secondary},{children:"Clicked"})),e("div",Object.assign({className:"mt-3"},{children:Object.entries(c.clickAnalytics).map(((t,n)=>{let[a,l]=t;return e(w,{icon:i,title:a,value:l.totalClicks||0,percentValue:l.clickPercentage},n)}))}))]}):e(n,{}),(null===(l=null==c?void 0:c.performance)||void 0===l?void 0:l.qualityTimeLine)&&c.performance.qualityTimeLine.length>0?t(n,{children:[e(h,Object.assign({color:g.content.secondary},{children:"Performance"})),e("div",Object.assign({className:"mt-3"},{children:e(x,{qualityTimeLine:c.performance.qualityTimeLine})}))]}):e(n,{})]}))},w=i=>{const{icon:a,title:l,value:c,percentValue:s}=i;return t("div",Object.assign({className:"each--analytics--container"},{children:[t("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[e("div",Object.assign({className:"each--icon--container"},{children:e(a,{width:"16px",height:"16px",color:g.background.brand})})),e(p,{children:l})]})),t("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[s?e(d,{tagText:`${s}%`||0,theme:"light",type:"neutral"}):e(n,{}),e(j,{children:c})]}))]}))},x=n=>{const{qualityTimeLine:i}=n,l=i.map((e=>{switch(e){case m.GREEN:return 2;case m.YELLOW:return 1;case m.RED:return.2;default:return 0}})),c=i.map(((e,t)=>`T${t+1}`)),s=i.map((e=>(e=>{switch(e){case m.GREEN:return g.content.positive;case m.YELLOW:return g.content.warning;case m.RED:return g.content.negative;default:return g.content.secondary}})(e)));return t("div",Object.assign({className:"each--analytics--container",style:{padding:16,display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",borderRadius:8,border:`1px solid ${g.background.inactive}`}},{children:[t("div",Object.assign({className:"d-flex align--center",style:{gap:8,width:"50%"}},{children:[e("div",Object.assign({className:"each--icon--container"},{children:e(a,{width:16,height:16,color:g.content.secondary})})),e(p,{children:"Quality timeline"})]})),e("div",Object.assign({className:"d-flex align--center",style:{width:"50%",height:"62px",marginTop:-80}},{children:e(r,{datas:[{data:l,lineColor:"green",lineWidth:1,gradientColor:{start:"#E6F4E7",end:"#E6F4E7"},gradient:!0,pointColors:s}],labels:c,legends:[],canvasHeight:120,maintainAspectRatio:!1,min:0,max:4,stepSize:1,isNewStyles:!0,pointRadius:3.5,scaleText:{xDrawBorder:!1,yDrawBorder:!1},ticksLabelCallback:()=>"",labelCallback:e=>`${(e=>{switch(e){case 2:return"High";case 1:return"Medium";case.2:return"Low";default:return"Unknown"}})(e.parsed.y)}`,titleTooltipCallback:()=>"",customYHeaders:{0:"",1:"",2:""}})}))]}))};export{w as AnalyticsItem,x as QualityTimelineChart,T as RightPanelTemplateAnalytics,k as TemplateAnalyticsComponent};
+import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import i from"../../../assets/icons/click.svg.js";import a from"../../../assets/icons/speedometer.svg.js";import{useState as l,useEffect as c,useMemo as s}from"react";import{LineChart as r}from"../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";import{StyledModal as o}from"../../modals/styledModal.js";import{Tag as d}from"../../tag/Tag.js";import{TEMPLATE_QUALITY as m}from"../../template-preview/models/WhatsAppTemplate.js";import{TitleRegular as u,TitleSmall as h,Caption as p}from"../../TypographyStyle.js";import{COLORS as g}from"../../../constants/Theme.js";import{TemplateContainer as y,LeftPanelContainer as b,RightPanelContainer as v,CustomTitleMedium as j}from"../styles/TemplateAnalyticsStyles.js";import{TEMPLATE_QUALITY_MAP as f,ANALYTICS_ENGAGEMENT_MAP as N}from"../utils/TemplateConstants.js";import{TemplateAnalyticsSkeleton as O}from"./TemplateAnalyticsSkeleton.js";const k=n=>{const{templateAnalytics:i,onClose:a,onProceed:r,onCancel:d,headingTitle:h,headingSubtitle:v,templateId:j}=n,{templateQuality:N=m.GREEN,fetchAnalytics:k}=i||{},{Icon:w,title:x,subline:C,sublineTextType:E,sublineColor:L}=f[N||m.GREEN],[A,R]=l((null==n?void 0:n.analyticsData)||{}),[W,B]=l(!0);c((()=>{(null==n?void 0:n.analyticsData)?B(!1):null==k||k(j||"").then((e=>{e.analytics&&R(e.analytics),B(!1)}))}),[]);const S=s((()=>({primaryButton:{buttonText:"Proceed with selection",buttonType:"primary",onClick:r,disabled:W},secondaryButton:{buttonText:"Cancel",buttonType:"tertiaryGray",onClick:()=>{null==a||a(),null==d||d()},disabled:W}})),[N,W,r,a,d]),D=E||p;return e(o,Object.assign({open:!0,headingTitle:h,tintedHeader:!0,modalHeaderStyles:{backgroundColor:g.surface.subdued},onBackPress:()=>{null==a||a()},headingSubtitle:v,footerShadow:!0,primaryButton:S.primaryButton,secondaryButton:S.secondaryButton,onClose:()=>{null==a||a()},width:"700px"},{children:t(y,{children:[N!==m.UNKNOWN&&e(b,{children:t("div",Object.assign({className:"inside--container"},{children:[e("div",Object.assign({className:"icon--container",style:{background:N===m.GREEN?g.background.positive.light:g.background.warning.light}},{children:e(w,{width:40,height:40,color:N===m.GREEN?g.content.positive:g.content.warning})})),x&&e(u,Object.assign({style:{textAlign:"center"}},{children:x})),e(D,Object.assign({style:{textAlign:"center",color:L||g.content.primary}},{children:C}))]}))}),W?e(O,{fullWidth:N===m.UNKNOWN}):e(T,{analyticsData:A,fullWidth:N===m.UNKNOWN})]})}))},T=a=>{var l;const{analyticsData:c,skipTitle:s,fullWidth:r}=a;return t(v,Object.assign({fullWidth:r},{children:[s?e(n,{}):e(h,{children:"Here are your template's delivery & engagement stats for the last 30 days"}),e("div",Object.assign({className:"mt-3"},{children:N.map(((t,n)=>e(w,{icon:t.icon,title:t.title,value:c[t.valName]||0,percentValue:t.percentValName?c[t.percentValName]:null},n)))})),(null==c?void 0:c.clickAnalytics)&&Object.keys(null==c?void 0:c.clickAnalytics)&&Object.keys(null==c?void 0:c.clickAnalytics).length?t(n,{children:[e(h,Object.assign({color:g.content.secondary},{children:"Clicked"})),e("div",Object.assign({className:"mt-3"},{children:Object.entries(c.clickAnalytics).map((([t,n],a)=>e(w,{icon:i,title:t,value:n.totalClicks||0,percentValue:n.clickPercentage},a)))}))]}):e(n,{}),(null===(l=null==c?void 0:c.performance)||void 0===l?void 0:l.qualityTimeLine)&&c.performance.qualityTimeLine.length>0?t(n,{children:[e(h,Object.assign({color:g.content.secondary},{children:"Performance"})),e("div",Object.assign({className:"mt-3"},{children:e(x,{qualityTimeLine:c.performance.qualityTimeLine})}))]}):e(n,{})]}))},w=i=>{const{icon:a,title:l,value:c,percentValue:s}=i;return t("div",Object.assign({className:"each--analytics--container"},{children:[t("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[e("div",Object.assign({className:"each--icon--container"},{children:e(a,{width:"16px",height:"16px",color:g.background.brand})})),e(p,{children:l})]})),t("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[s?e(d,{tagText:`${s}%`||0,theme:"light",type:"neutral"}):e(n,{}),e(j,{children:c})]}))]}))},x=n=>{const{qualityTimeLine:i}=n,l=i.map((e=>{switch(e){case m.GREEN:return 2;case m.YELLOW:return 1;case m.RED:return.2;default:return 0}})),c=i.map(((e,t)=>`T${t+1}`)),s=i.map((e=>(e=>{switch(e){case m.GREEN:return g.content.positive;case m.YELLOW:return g.content.warning;case m.RED:return g.content.negative;default:return g.content.secondary}})(e)));return t("div",Object.assign({className:"each--analytics--container",style:{padding:16,display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",borderRadius:8,border:`1px solid ${g.background.inactive}`}},{children:[t("div",Object.assign({className:"d-flex align--center",style:{gap:8,width:"50%"}},{children:[e("div",Object.assign({className:"each--icon--container"},{children:e(a,{width:16,height:16,color:g.content.secondary})})),e(p,{children:"Quality timeline"})]})),e("div",Object.assign({className:"d-flex align--center",style:{width:"50%",height:"62px",marginTop:-80}},{children:e(r,{datas:[{data:l,lineColor:"green",lineWidth:1,gradientColor:{start:"#E6F4E7",end:"#E6F4E7"},gradient:!0,pointColors:s}],labels:c,legends:[],canvasHeight:120,maintainAspectRatio:!1,min:0,max:4,stepSize:1,isNewStyles:!0,pointRadius:3.5,scaleText:{xDrawBorder:!1,yDrawBorder:!1},ticksLabelCallback:()=>"",labelCallback:e=>`${(e=>{switch(e){case 2:return"High";case 1:return"Medium";case.2:return"Low";default:return"Unknown"}})(e.parsed.y)}`,titleTooltipCallback:()=>"",customYHeaders:{0:"",1:"",2:""}})}))]}))};export{w as AnalyticsItem,x as QualityTimelineChart,T as RightPanelTemplateAnalytics,k as TemplateAnalyticsComponent};
 //# sourceMappingURL=TemplateAnalyticsComponent.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TemplateAnalyticsComponent.js","sources":["../../../../../src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx"],"sourcesContent":["import ClickIcon from '@src/assets/icons/click.svg';\nimport SpeedMeterIcon from '@src/assets/icons/speedometer.svg';\nimport { useEffect, useMemo, useState } from 'react';\nimport { LineChart } from '@src/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart';\nimport type { Type } from '@src/components/button/model';\nimport { StyledModal } from '@src/components/modals/styledModal';\nimport { Tag } from '@src/components/tag/Tag';\nimport {\n\tTEMPLATE_QUALITY,\n\ttype TemplateAnalyticsComponentI,\n\ttype TemplateAnalyticsDataI,\n} from '@src/components/template-preview/models/WhatsAppTemplate';\nimport {\n\tCaption,\n\tTitleRegular,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tCustomTitleMedium,\n\tLeftPanelContainer,\n\tRightPanelContainer,\n\tTemplateContainer,\n} from '../styles/TemplateAnalyticsStyles';\nimport {\n\tANALYTICS_ENGAGEMENT_MAP,\n\tTEMPLATE_QUALITY_MAP,\n} from '../utils/TemplateConstants';\nimport { TemplateAnalyticsSkeleton } from './TemplateAnalyticsSkeleton';\n\nexport const TemplateAnalyticsComponent = (\n\tprops: TemplateAnalyticsComponentI,\n) => {\n\tconst {\n\t\ttemplateAnalytics,\n\t\tonClose,\n\t\tonProceed,\n\t\tonCancel,\n\t\theadingTitle,\n\t\theadingSubtitle,\n\t\ttemplateId,\n\t} = props;\n\tconst { templateQuality = TEMPLATE_QUALITY.GREEN, fetchAnalytics } =\n\t\ttemplateAnalytics \|\| {};\n\n\tconst { Icon, title, subline, sublineTextType, sublineColor } =\n\t\tTEMPLATE_QUALITY_MAP[templateQuality \|\| TEMPLATE_QUALITY.GREEN];\n\tconst [analyticsData, setAnalyticsData] = useState<TemplateAnalyticsDataI>(\n\t\t(props?.analyticsData \|\| {}) as TemplateAnalyticsDataI,\n\t);\n\n\tconst [isLoading, setIsLoading] = useState(true);\n\n\tuseEffect(() => {\n\t\tif (props?.analyticsData) {\n\t\t\tsetIsLoading(false);\n\t\t\treturn;\n\t\t}\n\t\tfetchAnalytics?.(templateId \|\| '').then((data) => {\n\t\t\tdata.analytics && setAnalyticsData(data.analytics);\n\t\t\tsetIsLoading(false);\n\t\t});\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\n\tconst buttonConfig = useMemo(() => {\n\t\treturn {\n\t\t\tprimaryButton: {\n\t\t\t\tbuttonText: 'Proceed with selection',\n\t\t\t\tbuttonType: 'primary' as Type,\n\t\t\t\tonClick: onProceed,\n\t\t\t\tdisabled: isLoading,\n\t\t\t},\n\t\t\tsecondaryButton: {\n\t\t\t\tbuttonText: 'Cancel',\n\t\t\t\tbuttonType: 'tertiaryGray' as Type,\n\t\t\t\tonClick: () => {\n\t\t\t\t\tonClose?.();\n\t\t\t\t\tonCancel?.();\n\t\t\t\t},\n\t\t\t\tdisabled: isLoading,\n\t\t\t},\n\t\t};\n\t}, [templateQuality, isLoading, onProceed, onClose, onCancel]);\n\tconst TextType = sublineTextType \|\| Caption;\n\treturn (\n\t\t<StyledModal\n\t\t\topen={true}\n\t\t\theadingTitle={headingTitle}\n\t\t\ttintedHeader={true}\n\t\t\tmodalHeaderStyles={{ backgroundColor: COLORS.surface.subdued }}\n\t\t\tonBackPress={() => {\n\t\t\t\tonClose?.();\n\t\t\t}}\n\t\t\theadingSubtitle={headingSubtitle}\n\t\t\tfooterShadow\n\t\t\tprimaryButton={buttonConfig.primaryButton}\n\t\t\tsecondaryButton={buttonConfig.secondaryButton}\n\t\t\tonClose={() => {\n\t\t\t\tonClose?.();\n\t\t\t}}\n\t\t\twidth=\"700px\"\n\t\t>\n\t\t\t<TemplateContainer>\n\t\t\t\t{templateQuality !== TEMPLATE_QUALITY.UNKNOWN && (\n\t\t\t\t\t<LeftPanelContainer>\n\t\t\t\t\t\t<div className=\"inside--container\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"icon--container\"\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\ttemplateQuality === TEMPLATE_QUALITY.GREEN\n\t\t\t\t\t\t\t\t\t\t\t? COLORS.background.positive.light\n\t\t\t\t\t\t\t\t\t\t\t: COLORS.background.warning.light,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\twidth={40}\n\t\t\t\t\t\t\t\t\theight={40}\n\t\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t\ttemplateQuality === TEMPLATE_QUALITY.GREEN\n\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.positive\n\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.warning\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\n\t\t\t\t\t\t\t{title && (\n\t\t\t\t\t\t\t\t<TitleRegular style={{ textAlign: 'center' }}>\n\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<TextType\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\tcolor: sublineColor \|\| COLORS.content.primary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{subline}\n\t\t\t\t\t\t\t</TextType>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</LeftPanelContainer>\n\t\t\t\t)}\n\t\t\t\t{isLoading ? (\n\t\t\t\t\t<TemplateAnalyticsSkeleton\n\t\t\t\t\t\tfullWidth={templateQuality === TEMPLATE_QUALITY.UNKNOWN}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<RightPanelTemplateAnalytics\n\t\t\t\t\t\tanalyticsData={analyticsData!}\n\t\t\t\t\t\tfullWidth={templateQuality === TEMPLATE_QUALITY.UNKNOWN}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</TemplateContainer>\n\t\t</StyledModal>\n\t);\n};\n\nexport const RightPanelTemplateAnalytics = (props: {\n\tanalyticsData: TemplateAnalyticsDataI;\n\tskipTitle?: boolean;\n\tfullWidth?: boolean;\n}) => {\n\tconst { analyticsData, skipTitle, fullWidth } = props;\n\treturn (\n\t\t<RightPanelContainer fullWidth={fullWidth}>\n\t\t\t{!skipTitle ? (\n\t\t\t\t<TitleSmall>\n\t\t\t\t\tHere are your template's delivery & engagement stats for the last\n\t\t\t\t\t30 days\n\t\t\t\t</TitleSmall>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t\t<div className=\"mt-3\">\n\t\t\t\t{ANALYTICS_ENGAGEMENT_MAP.map((data, index) => (\n\t\t\t\t\t<AnalyticsItem\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\ticon={data.icon}\n\t\t\t\t\t\ttitle={data.title}\n\t\t\t\t\t\tvalue={analyticsData[data.valName] \|\| 0}\n\t\t\t\t\t\tpercentValue={\n\t\t\t\t\t\t\tdata.percentValName ? analyticsData[data.percentValName] : null\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</div>\n\n\t\t\t{analyticsData?.clickAnalytics &&\n\t\t\tObject.keys(analyticsData?.clickAnalytics) &&\n\t\t\tObject.keys(analyticsData?.clickAnalytics).length ? (\n\t\t\t\t<>\n\t\t\t\t\t<TitleSmall color={COLORS.content.secondary}>Clicked</TitleSmall>\n\t\t\t\t\t<div className=\"mt-3\">\n\t\t\t\t\t\t{Object.entries(analyticsData.clickAnalytics).map(\n\t\t\t\t\t\t\t([key, data], index) => (\n\t\t\t\t\t\t\t\t<AnalyticsItem\n\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\ticon={ClickIcon}\n\t\t\t\t\t\t\t\t\ttitle={key}\n\t\t\t\t\t\t\t\t\tvalue={data.totalClicks \|\| 0}\n\t\t\t\t\t\t\t\t\tpercentValue={data.clickPercentage}\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</div>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{analyticsData?.performance?.qualityTimeLine &&\n\t\t\tanalyticsData.performance.qualityTimeLine.length > 0 ? (\n\t\t\t\t<>\n\t\t\t\t\t<TitleSmall color={COLORS.content.secondary}>Performance</TitleSmall>\n\t\t\t\t\t<div className=\"mt-3\">\n\t\t\t\t\t\t<QualityTimelineChart\n\t\t\t\t\t\t\tqualityTimeLine={analyticsData.performance.qualityTimeLine}\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\t<></>\n\t\t\t)}\n\t\t</RightPanelContainer>\n\t);\n};\n\nexport const AnalyticsItem = (props: {\n\ticon: React.ElementType;\n\ttitle: string;\n\tvalue: number;\n\tpercentValue?: number;\n}) => {\n\tconst { icon: Icon, title, value, percentValue } = props;\n\treturn (\n\t\t<div className=\"each--analytics--container\">\n\t\t\t<div className=\"d-flex align--center\" style={{ gap: 8 }}>\n\t\t\t\t<div className=\"each--icon--container\">\n\t\t\t\t\t<Icon width=\"16px\" height=\"16px\" color={COLORS.background.brand} />\n\t\t\t\t</div>\n\t\t\t\t<Caption>{title}</Caption>\n\t\t\t</div>\n\t\t\t<div className=\"d-flex align--center\" style={{ gap: 8 }}>\n\t\t\t\t{percentValue ? (\n\t\t\t\t\t<Tag tagText={`${percentValue}%` \|\| 0} theme=\"light\" type=\"neutral\" />\n\t\t\t\t) : (\n\t\t\t\t\t<></>\n\t\t\t\t)}\n\t\t\t\t<CustomTitleMedium>{value}</CustomTitleMedium>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport const QualityTimelineChart = (props: {\n\tqualityTimeLine: TEMPLATE_QUALITY[];\n}) => {\n\tconst { qualityTimeLine } = props;\n\n\t// Convert quality values to numeric data for the chart\n\tconst qualityToNumber = (quality: TEMPLATE_QUALITY): number => {\n\t\tswitch (quality) {\n\t\t\tcase TEMPLATE_QUALITY.GREEN:\n\t\t\t\treturn 2;\n\t\t\tcase TEMPLATE_QUALITY.YELLOW:\n\t\t\t\treturn 1;\n\t\t\tcase TEMPLATE_QUALITY.RED:\n\t\t\t\treturn 0.2;\n\t\t\tdefault:\n\t\t\t\treturn 0;\n\t\t}\n\t};\n\n\t// Convert back to quality names for tooltips\n\tconst numberToQuality = (value: number): string => {\n\t\tswitch (value) {\n\t\t\tcase 2:\n\t\t\t\treturn 'High';\n\t\t\tcase 1:\n\t\t\t\treturn 'Medium';\n\t\t\tcase 0.2:\n\t\t\t\treturn 'Low';\n\t\t\tdefault:\n\t\t\t\treturn 'Unknown';\n\t\t}\n\t};\n\n\tconst chartData = qualityTimeLine.map(qualityToNumber);\n\tconst chartLabels = qualityTimeLine.map((_, index) => `T${index + 1}`);\n\n\tconst getQualityColor = (quality: TEMPLATE_QUALITY): string => {\n\t\tswitch (quality) {\n\t\t\tcase TEMPLATE_QUALITY.GREEN:\n\t\t\t\treturn COLORS.content.positive;\n\t\t\tcase TEMPLATE_QUALITY.YELLOW:\n\t\t\t\treturn COLORS.content.warning;\n\t\t\tcase TEMPLATE_QUALITY.RED:\n\t\t\t\treturn COLORS.content.negative;\n\t\t\tdefault:\n\t\t\t\treturn COLORS.content.secondary;\n\t\t}\n\t};\n\n\t// Create point colors array based on quality values\n\tconst pointColors = qualityTimeLine.map((quality) =>\n\t\tgetQualityColor(quality),\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"each--analytics--container\"\n\t\t\tstyle={{\n\t\t\t\tpadding: 16,\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center',\n\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\twidth: '100%',\n\t\t\t\tborderRadius: 8,\n\t\t\t\tborder: `1px solid ${COLORS.background.inactive}`,\n\t\t\t}}\n\t\t>\n\t\t\t<div className=\"d-flex align--center\" style={{ gap: 8, width: '50%' }}>\n\t\t\t\t<div className=\"each--icon--container\">\n\t\t\t\t\t<SpeedMeterIcon\n\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\theight={16}\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<Caption>Quality timeline</Caption>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName=\"d-flex align--center\"\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: '50%',\n\t\t\t\t\theight: '62px',\n\t\t\t\t\tmarginTop: -80,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<LineChart\n\t\t\t\t\tdatas={[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tdata: chartData,\n\t\t\t\t\t\t\tlineColor: 'green',\n\t\t\t\t\t\t\tlineWidth: 1,\n\t\t\t\t\t\t\tgradientColor: {\n\t\t\t\t\t\t\t\tstart: '#E6F4E7',\n\t\t\t\t\t\t\t\tend: '#E6F4E7',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tgradient: true,\n\t\t\t\t\t\t\tpointColors: pointColors, // Pass the array of colors for each point\n\t\t\t\t\t\t},\n\t\t\t\t\t]}\n\t\t\t\t\tlabels={chartLabels}\n\t\t\t\t\tlegends={[]}\n\t\t\t\t\tcanvasHeight={120}\n\t\t\t\t\tmaintainAspectRatio={false}\n\t\t\t\t\tmin={0}\n\t\t\t\t\tmax={4}\n\t\t\t\t\tstepSize={1}\n\t\t\t\t\tisNewStyles={true}\n\t\t\t\t\tpointRadius={3.5}\n\t\t\t\t\tscaleText={{\n\t\t\t\t\t\txDrawBorder: false,\n\t\t\t\t\t\tyDrawBorder: false,\n\t\t\t\t\t}}\n\t\t\t\t\tticksLabelCallback={() => ''}\n\t\t\t\t\tlabelCallback={(context) => {\n\t\t\t\t\t\tconst value = context.parsed.y;\n\t\t\t\t\t\treturn `${numberToQuality(value)}`;\n\t\t\t\t\t}}\n\t\t\t\t\ttitleTooltipCallback={() => ''}\n\t\t\t\t\tcustomYHeaders={{\n\t\t\t\t\t\t0: '',\n\t\t\t\t\t\t1: '',\n\t\t\t\t\t\t2: '',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["TemplateAnalyticsComponent","props","templateAnalytics","onClose","onProceed","onCancel","headingTitle","headingSubtitle","templateId","templateQuality","TEMPLATE_QUALITY","GREEN","fetchAnalytics","Icon","title","subline","sublineTextType","sublineColor","TEMPLATE_QUALITY_MAP","analyticsData","setAnalyticsData","useState","isLoading","setIsLoading","useEffect","then","data","analytics","buttonConfig","useMemo","primaryButton","buttonText","buttonType","onClick","disabled","secondaryButton","TextType","Caption","_jsx","StyledModal","Object","assign","open","tintedHeader","modalHeaderStyles","backgroundColor","COLORS","surface","subdued","onBackPress","footerShadow","width","children","_jsxs","TemplateContainer","UNKNOWN","LeftPanelContainer","className","style","background","positive","light","warning","height","color","content","TitleRegular","textAlign","primary","TemplateAnalyticsSkeleton","fullWidth","RightPanelTemplateAnalytics","skipTitle","RightPanelContainer","_Fragment","TitleSmall","ANALYTICS_ENGAGEMENT_MAP","map","index","AnalyticsItem","icon","value","valName","percentValue","percentValName","clickAnalytics","keys","length","secondary","entries","_ref","key","ClickIcon","totalClicks","clickPercentage","_a","performance","qualityTimeLine","QualityTimelineChart","gap","brand","Tag","tagText","theme","type","CustomTitleMedium","chartData","quality","YELLOW","RED","chartLabels","_","pointColors","negative","getQualityColor","padding","display","alignItems","justifyContent","borderRadius","border","inactive","SpeedMeterIcon","marginTop","LineChart","datas","lineColor","lineWidth","gradientColor","start","end","gradient","labels","legends","canvasHeight","maintainAspectRatio","min","max","stepSize","isNewStyles","pointRadius","scaleText","xDrawBorder","yDrawBorder","ticksLabelCallback","labelCallback","context","numberToQuality","parsed","y","titleTooltipCallback","customYHeaders"],"mappings":"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"}
1	+ {"version":3,"file":"TemplateAnalyticsComponent.js","sources":["../../../../../src/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.tsx"],"sourcesContent":["import ClickIcon from '@src/assets/icons/click.svg';\nimport SpeedMeterIcon from '@src/assets/icons/speedometer.svg';\nimport { useEffect, useMemo, useState } from 'react';\nimport { LineChart } from '@src/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart';\nimport type { Type } from '@src/components/button/model';\nimport { StyledModal } from '@src/components/modals/styledModal';\nimport { Tag } from '@src/components/tag/Tag';\nimport {\n\tTEMPLATE_QUALITY,\n\ttype TemplateAnalyticsComponentI,\n\ttype TemplateAnalyticsDataI,\n} from '@src/components/template-preview/models/WhatsAppTemplate';\nimport {\n\tCaption,\n\tTitleRegular,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tCustomTitleMedium,\n\tLeftPanelContainer,\n\tRightPanelContainer,\n\tTemplateContainer,\n} from '../styles/TemplateAnalyticsStyles';\nimport {\n\tANALYTICS_ENGAGEMENT_MAP,\n\tTEMPLATE_QUALITY_MAP,\n} from '../utils/TemplateConstants';\nimport { TemplateAnalyticsSkeleton } from './TemplateAnalyticsSkeleton';\n\nexport const TemplateAnalyticsComponent = (\n\tprops: TemplateAnalyticsComponentI,\n) => {\n\tconst {\n\t\ttemplateAnalytics,\n\t\tonClose,\n\t\tonProceed,\n\t\tonCancel,\n\t\theadingTitle,\n\t\theadingSubtitle,\n\t\ttemplateId,\n\t} = props;\n\tconst { templateQuality = TEMPLATE_QUALITY.GREEN, fetchAnalytics } =\n\t\ttemplateAnalytics \|\| {};\n\n\tconst { Icon, title, subline, sublineTextType, sublineColor } =\n\t\tTEMPLATE_QUALITY_MAP[templateQuality \|\| TEMPLATE_QUALITY.GREEN];\n\tconst [analyticsData, setAnalyticsData] = useState<TemplateAnalyticsDataI>(\n\t\t(props?.analyticsData \|\| {}) as TemplateAnalyticsDataI,\n\t);\n\n\tconst [isLoading, setIsLoading] = useState(true);\n\n\tuseEffect(() => {\n\t\tif (props?.analyticsData) {\n\t\t\tsetIsLoading(false);\n\t\t\treturn;\n\t\t}\n\t\tfetchAnalytics?.(templateId \|\| '').then((data) => {\n\t\t\tdata.analytics && setAnalyticsData(data.analytics);\n\t\t\tsetIsLoading(false);\n\t\t});\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\n\tconst buttonConfig = useMemo(() => {\n\t\treturn {\n\t\t\tprimaryButton: {\n\t\t\t\tbuttonText: 'Proceed with selection',\n\t\t\t\tbuttonType: 'primary' as Type,\n\t\t\t\tonClick: onProceed,\n\t\t\t\tdisabled: isLoading,\n\t\t\t},\n\t\t\tsecondaryButton: {\n\t\t\t\tbuttonText: 'Cancel',\n\t\t\t\tbuttonType: 'tertiaryGray' as Type,\n\t\t\t\tonClick: () => {\n\t\t\t\t\tonClose?.();\n\t\t\t\t\tonCancel?.();\n\t\t\t\t},\n\t\t\t\tdisabled: isLoading,\n\t\t\t},\n\t\t};\n\t}, [templateQuality, isLoading, onProceed, onClose, onCancel]);\n\tconst TextType = sublineTextType \|\| Caption;\n\treturn (\n\t\t<StyledModal\n\t\t\topen={true}\n\t\t\theadingTitle={headingTitle}\n\t\t\ttintedHeader={true}\n\t\t\tmodalHeaderStyles={{ backgroundColor: COLORS.surface.subdued }}\n\t\t\tonBackPress={() => {\n\t\t\t\tonClose?.();\n\t\t\t}}\n\t\t\theadingSubtitle={headingSubtitle}\n\t\t\tfooterShadow\n\t\t\tprimaryButton={buttonConfig.primaryButton}\n\t\t\tsecondaryButton={buttonConfig.secondaryButton}\n\t\t\tonClose={() => {\n\t\t\t\tonClose?.();\n\t\t\t}}\n\t\t\twidth=\"700px\"\n\t\t>\n\t\t\t<TemplateContainer>\n\t\t\t\t{templateQuality !== TEMPLATE_QUALITY.UNKNOWN && (\n\t\t\t\t\t<LeftPanelContainer>\n\t\t\t\t\t\t<div className=\"inside--container\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"icon--container\"\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\ttemplateQuality === TEMPLATE_QUALITY.GREEN\n\t\t\t\t\t\t\t\t\t\t\t? COLORS.background.positive.light\n\t\t\t\t\t\t\t\t\t\t\t: COLORS.background.warning.light,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\twidth={40}\n\t\t\t\t\t\t\t\t\theight={40}\n\t\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t\ttemplateQuality === TEMPLATE_QUALITY.GREEN\n\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.positive\n\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.warning\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\n\t\t\t\t\t\t\t{title && (\n\t\t\t\t\t\t\t\t<TitleRegular style={{ textAlign: 'center' }}>\n\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<TextType\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\tcolor: sublineColor \|\| COLORS.content.primary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{subline}\n\t\t\t\t\t\t\t</TextType>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</LeftPanelContainer>\n\t\t\t\t)}\n\t\t\t\t{isLoading ? (\n\t\t\t\t\t<TemplateAnalyticsSkeleton\n\t\t\t\t\t\tfullWidth={templateQuality === TEMPLATE_QUALITY.UNKNOWN}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<RightPanelTemplateAnalytics\n\t\t\t\t\t\tanalyticsData={analyticsData!}\n\t\t\t\t\t\tfullWidth={templateQuality === TEMPLATE_QUALITY.UNKNOWN}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</TemplateContainer>\n\t\t</StyledModal>\n\t);\n};\n\nexport const RightPanelTemplateAnalytics = (props: {\n\tanalyticsData: TemplateAnalyticsDataI;\n\tskipTitle?: boolean;\n\tfullWidth?: boolean;\n}) => {\n\tconst { analyticsData, skipTitle, fullWidth } = props;\n\treturn (\n\t\t<RightPanelContainer fullWidth={fullWidth}>\n\t\t\t{!skipTitle ? (\n\t\t\t\t<TitleSmall>\n\t\t\t\t\tHere are your template's delivery & engagement stats for the last\n\t\t\t\t\t30 days\n\t\t\t\t</TitleSmall>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\t\t\t<div className=\"mt-3\">\n\t\t\t\t{ANALYTICS_ENGAGEMENT_MAP.map((data, index) => (\n\t\t\t\t\t<AnalyticsItem\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\ticon={data.icon}\n\t\t\t\t\t\ttitle={data.title}\n\t\t\t\t\t\tvalue={analyticsData[data.valName] \|\| 0}\n\t\t\t\t\t\tpercentValue={\n\t\t\t\t\t\t\tdata.percentValName ? analyticsData[data.percentValName] : null\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</div>\n\n\t\t\t{analyticsData?.clickAnalytics &&\n\t\t\tObject.keys(analyticsData?.clickAnalytics) &&\n\t\t\tObject.keys(analyticsData?.clickAnalytics).length ? (\n\t\t\t\t<>\n\t\t\t\t\t<TitleSmall color={COLORS.content.secondary}>Clicked</TitleSmall>\n\t\t\t\t\t<div className=\"mt-3\">\n\t\t\t\t\t\t{Object.entries(analyticsData.clickAnalytics).map(\n\t\t\t\t\t\t\t([key, data], index) => (\n\t\t\t\t\t\t\t\t<AnalyticsItem\n\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\ticon={ClickIcon}\n\t\t\t\t\t\t\t\t\ttitle={key}\n\t\t\t\t\t\t\t\t\tvalue={data.totalClicks \|\| 0}\n\t\t\t\t\t\t\t\t\tpercentValue={data.clickPercentage}\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</div>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t{analyticsData?.performance?.qualityTimeLine &&\n\t\t\tanalyticsData.performance.qualityTimeLine.length > 0 ? (\n\t\t\t\t<>\n\t\t\t\t\t<TitleSmall color={COLORS.content.secondary}>Performance</TitleSmall>\n\t\t\t\t\t<div className=\"mt-3\">\n\t\t\t\t\t\t<QualityTimelineChart\n\t\t\t\t\t\t\tqualityTimeLine={analyticsData.performance.qualityTimeLine}\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\t<></>\n\t\t\t)}\n\t\t</RightPanelContainer>\n\t);\n};\n\nexport const AnalyticsItem = (props: {\n\ticon: React.ElementType;\n\ttitle: string;\n\tvalue: number;\n\tpercentValue?: number;\n}) => {\n\tconst { icon: Icon, title, value, percentValue } = props;\n\treturn (\n\t\t<div className=\"each--analytics--container\">\n\t\t\t<div className=\"d-flex align--center\" style={{ gap: 8 }}>\n\t\t\t\t<div className=\"each--icon--container\">\n\t\t\t\t\t<Icon width=\"16px\" height=\"16px\" color={COLORS.background.brand} />\n\t\t\t\t</div>\n\t\t\t\t<Caption>{title}</Caption>\n\t\t\t</div>\n\t\t\t<div className=\"d-flex align--center\" style={{ gap: 8 }}>\n\t\t\t\t{percentValue ? (\n\t\t\t\t\t<Tag tagText={`${percentValue}%` \|\| 0} theme=\"light\" type=\"neutral\" />\n\t\t\t\t) : (\n\t\t\t\t\t<></>\n\t\t\t\t)}\n\t\t\t\t<CustomTitleMedium>{value}</CustomTitleMedium>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport const QualityTimelineChart = (props: {\n\tqualityTimeLine: TEMPLATE_QUALITY[];\n}) => {\n\tconst { qualityTimeLine } = props;\n\n\t// Convert quality values to numeric data for the chart\n\tconst qualityToNumber = (quality: TEMPLATE_QUALITY): number => {\n\t\tswitch (quality) {\n\t\t\tcase TEMPLATE_QUALITY.GREEN:\n\t\t\t\treturn 2;\n\t\t\tcase TEMPLATE_QUALITY.YELLOW:\n\t\t\t\treturn 1;\n\t\t\tcase TEMPLATE_QUALITY.RED:\n\t\t\t\treturn 0.2;\n\t\t\tdefault:\n\t\t\t\treturn 0;\n\t\t}\n\t};\n\n\t// Convert back to quality names for tooltips\n\tconst numberToQuality = (value: number): string => {\n\t\tswitch (value) {\n\t\t\tcase 2:\n\t\t\t\treturn 'High';\n\t\t\tcase 1:\n\t\t\t\treturn 'Medium';\n\t\t\tcase 0.2:\n\t\t\t\treturn 'Low';\n\t\t\tdefault:\n\t\t\t\treturn 'Unknown';\n\t\t}\n\t};\n\n\tconst chartData = qualityTimeLine.map(qualityToNumber);\n\tconst chartLabels = qualityTimeLine.map((_, index) => `T${index + 1}`);\n\n\tconst getQualityColor = (quality: TEMPLATE_QUALITY): string => {\n\t\tswitch (quality) {\n\t\t\tcase TEMPLATE_QUALITY.GREEN:\n\t\t\t\treturn COLORS.content.positive;\n\t\t\tcase TEMPLATE_QUALITY.YELLOW:\n\t\t\t\treturn COLORS.content.warning;\n\t\t\tcase TEMPLATE_QUALITY.RED:\n\t\t\t\treturn COLORS.content.negative;\n\t\t\tdefault:\n\t\t\t\treturn COLORS.content.secondary;\n\t\t}\n\t};\n\n\t// Create point colors array based on quality values\n\tconst pointColors = qualityTimeLine.map((quality) =>\n\t\tgetQualityColor(quality),\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"each--analytics--container\"\n\t\t\tstyle={{\n\t\t\t\tpadding: 16,\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center',\n\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\twidth: '100%',\n\t\t\t\tborderRadius: 8,\n\t\t\t\tborder: `1px solid ${COLORS.background.inactive}`,\n\t\t\t}}\n\t\t>\n\t\t\t<div className=\"d-flex align--center\" style={{ gap: 8, width: '50%' }}>\n\t\t\t\t<div className=\"each--icon--container\">\n\t\t\t\t\t<SpeedMeterIcon\n\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\theight={16}\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<Caption>Quality timeline</Caption>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName=\"d-flex align--center\"\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: '50%',\n\t\t\t\t\theight: '62px',\n\t\t\t\t\tmarginTop: -80,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<LineChart\n\t\t\t\t\tdatas={[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tdata: chartData,\n\t\t\t\t\t\t\tlineColor: 'green',\n\t\t\t\t\t\t\tlineWidth: 1,\n\t\t\t\t\t\t\tgradientColor: {\n\t\t\t\t\t\t\t\tstart: '#E6F4E7',\n\t\t\t\t\t\t\t\tend: '#E6F4E7',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tgradient: true,\n\t\t\t\t\t\t\tpointColors: pointColors, // Pass the array of colors for each point\n\t\t\t\t\t\t},\n\t\t\t\t\t]}\n\t\t\t\t\tlabels={chartLabels}\n\t\t\t\t\tlegends={[]}\n\t\t\t\t\tcanvasHeight={120}\n\t\t\t\t\tmaintainAspectRatio={false}\n\t\t\t\t\tmin={0}\n\t\t\t\t\tmax={4}\n\t\t\t\t\tstepSize={1}\n\t\t\t\t\tisNewStyles={true}\n\t\t\t\t\tpointRadius={3.5}\n\t\t\t\t\tscaleText={{\n\t\t\t\t\t\txDrawBorder: false,\n\t\t\t\t\t\tyDrawBorder: false,\n\t\t\t\t\t}}\n\t\t\t\t\tticksLabelCallback={() => ''}\n\t\t\t\t\tlabelCallback={(context) => {\n\t\t\t\t\t\tconst value = context.parsed.y;\n\t\t\t\t\t\treturn `${numberToQuality(value)}`;\n\t\t\t\t\t}}\n\t\t\t\t\ttitleTooltipCallback={() => ''}\n\t\t\t\t\tcustomYHeaders={{\n\t\t\t\t\t\t0: '',\n\t\t\t\t\t\t1: '',\n\t\t\t\t\t\t2: '',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["TemplateAnalyticsComponent","props","templateAnalytics","onClose","onProceed","onCancel","headingTitle","headingSubtitle","templateId","templateQuality","TEMPLATE_QUALITY","GREEN","fetchAnalytics","Icon","title","subline","sublineTextType","sublineColor","TEMPLATE_QUALITY_MAP","analyticsData","setAnalyticsData","useState","isLoading","setIsLoading","useEffect","then","data","analytics","buttonConfig","useMemo","primaryButton","buttonText","buttonType","onClick","disabled","secondaryButton","TextType","Caption","_jsx","StyledModal","Object","assign","open","tintedHeader","modalHeaderStyles","backgroundColor","COLORS","surface","subdued","onBackPress","footerShadow","width","children","_jsxs","TemplateContainer","UNKNOWN","LeftPanelContainer","className","style","background","positive","light","warning","height","color","content","TitleRegular","textAlign","primary","TemplateAnalyticsSkeleton","fullWidth","RightPanelTemplateAnalytics","skipTitle","RightPanelContainer","_Fragment","TitleSmall","ANALYTICS_ENGAGEMENT_MAP","map","index","AnalyticsItem","icon","value","valName","percentValue","percentValName","clickAnalytics","keys","length","secondary","entries","key","ClickIcon","totalClicks","clickPercentage","_a","performance","qualityTimeLine","QualityTimelineChart","gap","brand","Tag","tagText","theme","type","CustomTitleMedium","chartData","quality","YELLOW","RED","chartLabels","_","pointColors","negative","getQualityColor","padding","display","alignItems","justifyContent","borderRadius","border","inactive","SpeedMeterIcon","marginTop","LineChart","datas","lineColor","lineWidth","gradientColor","start","end","gradient","labels","legends","canvasHeight","maintainAspectRatio","min","max","stepSize","isNewStyles","pointRadius","scaleText","xDrawBorder","yDrawBorder","ticksLabelCallback","labelCallback","context","numberToQuality","parsed","y","titleTooltipCallback","customYHeaders"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import{CHANNEL_TYPE as t}from"../../template-preview/models/Channels.js";import i from"./Body.js";import o from"./Header.js";const s=s=>{let{channel:r,showVariableMapping:l,variableListFromProps:n,showOnlyContent:p,whatsappSpecificPickerMeta:m,showVariableModal:d,discountCode:c,setDiscountCode:h,variableListForImage:w,showSampleValues:b,fileName:f,setFileName:u,skipDefaultVariableContent:C}=s;return e("div",Object.assign({style:{paddingBottom:0}},{children:a("div",{children:[r===t.EMAIL&&e(o,{showOnlyContent:p}),e(i,{variableListFromProps:n,whatsappSpecificPickerMeta:m,showVariableMapping:!!l,showOnlyContent:p,showVariableModal:d,discountCode:c,setDiscountCode:h,variableListForImage:w,showSampleValues:b,fileName:f,setFileName:u,skipDefaultVariableContent:C})]})}))};export{s as default};
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{CHANNEL_TYPE as i}from"../../template-preview/models/Channels.js";import o from"./Body.js";import t from"./Header.js";const s=({channel:s,showVariableMapping:l,variableListFromProps:r,showOnlyContent:n,whatsappSpecificPickerMeta:p,showVariableModal:m,discountCode:d,setDiscountCode:c,variableListForImage:h,showSampleValues:w,fileName:b,setFileName:f,skipDefaultVariableContent:u})=>e("div",Object.assign({style:{paddingBottom:0}},{children:a("div",{children:[s===i.EMAIL&&e(t,{showOnlyContent:n}),e(o,{variableListFromProps:r,whatsappSpecificPickerMeta:p,showVariableMapping:!!l,showOnlyContent:n,showVariableModal:m,discountCode:d,setDiscountCode:c,variableListForImage:h,showSampleValues:w,fileName:b,setFileName:f,skipDefaultVariableContent:u})]})}));export{s as default};
 //# sourceMappingURL=TemplateSelectModalContent.js.map