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

package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditWhatsAppCarouselTemplateV2.js","sources":["../../../../../src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx"],"sourcesContent":["import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport BackIcon from '@src/assets/icons/arrow_back.svg';\nimport LeftIcon from '@src/assets/icons/chevronLeft.svg';\nimport RightIcon from '@src/assets/icons/chevronRight.svg';\nimport PlusIcon from '@src/assets/icons/PlusIcon';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { useEffect, useState } from 'react';\nimport type {\n\tVariable,\n\tVariableListInterfaceV2,\n} from '@src/components/add-variableV2/AddVariableV2';\nimport { Button } from '@src/components/button/Button';\nimport { IconButton } from '@src/components/icon-button/IconButton';\nimport { ProductPickerModal } from '@src/components/product-picker-v2/modal';\nimport type { SelectedItems } from '@src/components/product-picker-v2/type';\nimport { ScreenName } from '@src/components/product-picker-v2/type';\nimport { Badge } from '@src/components/template-context-mapper/Badge';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport EditWhatsAppTemplateV2 from '@src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2';\nimport { ProductBox } from '@src/components/template-context-mapper/modalElements/ProductBox';\nimport { isRCSChannel } 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 type { WhatsAppCarouselTemplate } from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport {\n\tPOD,\n\ttype WhatsAppPickerMeta,\n\ttype WhatsAppTemplate,\n} from '@src/components/template-preview/models/WhatsAppTemplate';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleMedium,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { CarouselProduct } from './modal';\n\nexport interface EditWhatsAppCarouselTemplateV2Props {\n\twhatsappSpecificPickerMeta?: WhatsAppPickerMeta;\n\ttemplate: WhatsAppCarouselTemplate;\n\tshowVariableModal?: boolean;\n\tvariableListForImage?: VariableListInterfaceV2[];\n\tdiscountCode?: string;\n\tsetDiscountCode?: (code: string) => void;\n}\n\nconst EditWhatsAppCarouselTemplateV2 = ({\n\ttemplate,\n\twhatsappSpecificPickerMeta,\n\tshowVariableModal,\n\tvariableListForImage,\n\tdiscountCode,\n\tsetDiscountCode,\n}: EditWhatsAppCarouselTemplateV2Props) => {\n\tconst {\n\t\tselectedCarouselIndex,\n\t\tsetTemplate,\n\t\tpickerConf,\n\t\tisProductCarouselType,\n\t\tpod,\n\t\tcardCount,\n\t\tcarouselProducts,\n\t\tsetCarouselProducts,\n\t\tisError,\n\t\tcardImages,\n\t\tdisableEditVariable,\n\t\tonDeleteSelectedProducts,\n\t\tsetSelectedCarouselIndex,\n\t\tsetVariableCallback,\n\t\tsetShowVariablePicker,\n\t\tsliderRef,\n\t\tsetCarouselBodyError,\n\t} = useTemplateModalContext();\n\tconst [titleText, setTitleText] = useState<string>(\n\t\tisRCSChannel(template?.channel)\n\t\t\t? 'Carousel Cards'\n\t\t\t: selectedCarouselIndex == -1\n\t\t\t? 'First Message (Step 1/2)'\n\t\t\t: isProductCarouselType\n\t\t\t? `Product Carousel ${\n\t\t\t\t\ttemplate?.mapping?.body?.length ? '(Step 2/2)' : ''\n\t\t\t  }`\n\t\t\t: `Carousel Cards ${template?.mapping?.body?.length ? '(Step 2/2)' : ''}`,\n\t);\n\tconst [showProductPicker, setShowProductPicker] = useState<boolean>(false);\n\tconst [rearrangeProducts, setRearrangeProducts] = useState<boolean>(false);\n\n\tconst shouldHideRightArrow = selectedCarouselIndex === (cardCount ?? -1) - 1;\n\tconst shouldHideLeftArrow = (selectedCarouselIndex ?? -1) < 1;\n\n\tuseEffect(() => {\n\t\tsetTitleText(\n\t\t\tisRCSChannel(template?.channel)\n\t\t\t\t? 'Carousel Cards'\n\t\t\t\t: selectedCarouselIndex == -1\n\t\t\t\t? 'First Message (Step 1/2)'\n\t\t\t\t: isProductCarouselType\n\t\t\t\t? `Product Carousel ${\n\t\t\t\t\t\ttemplate?.mapping?.body?.length ? '(Step 2/2)' : ''\n\t\t\t\t  }`\n\t\t\t\t: `Carousel Cards ${\n\t\t\t\t\t\ttemplate?.mapping?.body?.length ? '(Step 2/2)' : ''\n\t\t\t\t  }`,\n\t\t);\n\t}, [selectedCarouselIndex]);\n\n\tuseEffect(() => {\n\t\tsetShowVariablePicker(false);\n\t}, [selectedCarouselIndex]);\n\n\tconst onItemsPicked = (items: SelectedItems, total: number) => {\n\t\tsetRearrangeProducts(false);\n\t\tconst selectedList: any[] = [];\n\t\tdelete items['isCustom'];\n\t\tfor (const key of Object.keys(items)) {\n\t\t\tconst products = items[key].products;\n\t\t\tif (typeof products === 'undefined') continue;\n\t\t\tif (!Object.keys(products).length) continue;\n\t\t\tfor (const productId of Object.keys(products)) {\n\t\t\t\tconst variants = products[productId].variants;\n\t\t\t\tif (typeof variants === 'undefined') continue;\n\t\t\t\tif (!Object.keys(variants).length) continue;\n\t\t\t\tfor (const variantId of Object.keys(variants)) {\n\t\t\t\t\tconst { name, image, quantity, displayOrder } = variants[variantId];\n\t\t\t\t\tconst obj = {\n\t\t\t\t\t\tname,\n\t\t\t\t\t\timage: image ?? products[productId]?.image ?? '',\n\t\t\t\t\t\tquantity,\n\t\t\t\t\t\tvariantId,\n\t\t\t\t\t\tproductId,\n\t\t\t\t\t\tdisplayOrder,\n\t\t\t\t\t\tcollectionId: key,\n\t\t\t\t\t\tproductName: products[productId]?.name ?? '',\n\t\t\t\t\t\tproductImage: products[productId]?.image ?? '',\n\t\t\t\t\t\tproductDescription: products[productId]?.description ?? '',\n\t\t\t\t\t};\n\t\t\t\t\tselectedList.push(obj);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst sortedSelectedList = selectedList.sort(\n\t\t\t(a: any, b: any) => a.displayOrder - b.displayOrder,\n\t\t);\n\t\tconst selectedImages = selectedList.map((product) => product.image);\n\n\t\tconst selectedTemplate = cloneDeep({ ...template });\n\t\tif (selectedTemplate) {\n\t\t\tselectedImages.forEach((image, index) => {\n\t\t\t\tif (image) {\n\t\t\t\t\tselectedTemplate.components![1].cards![\n\t\t\t\t\t\tindex\n\t\t\t\t\t].components[0].example!.header_handle = [image];\n\t\t\t\t} else {\n\t\t\t\t\tselectedTemplate.components![1].cards![\n\t\t\t\t\t\tindex\n\t\t\t\t\t].components[0].example!.header_handle = [cardImages?.[index] ?? ''];\n\t\t\t\t}\n\t\t\t});\n\t\t\tsetTemplate?.(selectedTemplate as WhatsAppCarouselTemplate);\n\t\t}\n\t\tsetCarouselProducts?.(sortedSelectedList);\n\t\tsetCarouselBodyError?.('');\n\t\tsetShowProductPicker(false);\n\t};\n\n\tconst generatePickerData = (selectedList: CarouselProduct[]) => {\n\t\tif (selectedList.length > 0) {\n\t\t\tconst obj = {};\n\t\t\tfor (const item of selectedList) {\n\t\t\t\tconst collectionId = item?.collectionId;\n\t\t\t\tconst productId = item.productId;\n\t\t\t\tconst variantId = item.variantId;\n\t\t\t\tif (!(collectionId in obj)) {\n\t\t\t\t\tobj[collectionId] = {\n\t\t\t\t\t\tproducts: {},\n\t\t\t\t\t\tname: '',\n\t\t\t\t\t\timage: '',\n\t\t\t\t\t\tisSmartCollection: false,\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\tif (!(productId in obj[collectionId].products!)) {\n\t\t\t\t\tobj[collectionId].products![productId] = {\n\t\t\t\t\t\tvariants: {},\n\t\t\t\t\t\tname: item?.productName || '',\n\t\t\t\t\t\timage: item?.productImage || '',\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\tobj[collectionId].products![productId].variants![variantId] = {\n\t\t\t\t\tname: item?.name || '',\n\t\t\t\t\tprice: '',\n\t\t\t\t\timage: item?.image || '',\n\t\t\t\t\tquantity: item.quantity || 0,\n\t\t\t\t\tdisplayOrder: item.displayOrder,\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn obj;\n\t\t}\n\t\treturn {};\n\t};\n\n\tconst deleteItem = () => {\n\t\tif (\n\t\t\tcarouselProducts?.length === 1 &&\n\t\t\tcarouselProducts[0].name === 'variable'\n\t\t) {\n\t\t\tsetCarouselProducts?.([]);\n\t\t\treturn;\n\t\t}\n\t\tconst selectedTemplate = cloneDeep({ ...template });\n\t\tif (selectedTemplate) {\n\t\t\tif (cardImages && cardImages.length > 0) {\n\t\t\t\tcardImages?.forEach((image, index) => {\n\t\t\t\t\tselectedTemplate.components![1].cards![\n\t\t\t\t\t\tindex\n\t\t\t\t\t].components[0].example!.header_handle = [\n\t\t\t\t\t\tcardImages[index] ??\n\t\t\t\t\t\t\t'https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png',\n\t\t\t\t\t];\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tselectedTemplate?.components![1].cards?.forEach((image, index) => {\n\t\t\t\t\tselectedTemplate.components![1].cards![\n\t\t\t\t\t\tindex\n\t\t\t\t\t].components[0].example!.header_handle = [\n\t\t\t\t\t\t'https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png',\n\t\t\t\t\t];\n\t\t\t\t});\n\t\t\t}\n\t\t\tsetTemplate?.(selectedTemplate as WhatsAppCarouselTemplate);\n\t\t}\n\t\tsetCarouselProducts?.([]);\n\t\tsetCarouselBodyError?.('');\n\t\tonDeleteSelectedProducts?.();\n\t};\n\n\tconst handleVariableCallback = (variable: Variable) => {\n\t\tsetCarouselProducts?.([\n\t\t\t{\n\t\t\t\tname: 'variable',\n\t\t\t\tproductName: variable.actualValue,\n\t\t\t} as any,\n\t\t]);\n\t};\n\n\tuseEffect(() => {\n\t\tif (selectedCarouselIndex === -1 && isRCSChannel(template?.channel)) {\n\t\t\tsetSelectedCarouselIndex?.(0);\n\t\t}\n\t}, [selectedCarouselIndex, template?.channel]);\n\n\treturn (\n\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\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{!isRCSChannel(template?.channel) &&\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex >= 0 &&\n\t\t\t\t\t!!template?.mapping?.body?.length && (\n\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\tIcon={BackIcon}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetSelectedCarouselIndex?.(-1);\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<TitleMedium style={{ marginLeft: 10 }}>{titleText}</TitleMedium>\n\t\t\t</div>\n\t\t\t{isProductCarouselType &&\n\t\t\t\t(carouselProducts?.length ?? 0) > 0 &&\n\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\tselectedCarouselIndex >= 0 && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\trowGap: 8,\n\t\t\t\t\t\t\tmarginBottom: 16,\n\t\t\t\t\t\t\tmarginLeft: 10,\n\t\t\t\t\t\t\tmarginRight: 10,\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ProductBox\n\t\t\t\t\t\t\teditItem={() => {\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\tcarouselProducts?.length === 1 &&\n\t\t\t\t\t\t\t\t\tcarouselProducts[0].name === 'variable'\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tsetVariableCallback(() => handleVariableCallback);\n\t\t\t\t\t\t\t\t\tsetShowVariablePicker(true);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tsetShowProductPicker(!showProductPicker);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tcardBody={\n\t\t\t\t\t\t\t\tcarouselProducts?.length === 1 &&\n\t\t\t\t\t\t\t\tcarouselProducts[0].name === 'variable'\n\t\t\t\t\t\t\t\t\t? `${carouselProducts[0].productName}`\n\t\t\t\t\t\t\t\t\t: `${carouselProducts?.length} Products Selected`\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\thideIcon={\n\t\t\t\t\t\t\t\tcarouselProducts?.length === 1 &&\n\t\t\t\t\t\t\t\tcarouselProducts[0].name === 'variable'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdeleteItem={deleteItem}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{carouselProducts &&\n\t\t\t\t\t\t\tcarouselProducts?.length > 0 &&\n\t\t\t\t\t\t\tcarouselProducts[0].name != 'variable' && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tdisabled={(carouselProducts?.length ?? 0) <= 1}\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\talignSelf: 'flex-end',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetRearrangeProducts(true);\n\t\t\t\t\t\t\t\t\t\tsetShowProductPicker(true);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tbuttonText=\"Rearrange Products\"\n\t\t\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t{!disableEditVariable &&\n\t\t\t\tisProductCarouselType &&\n\t\t\t\tcarouselProducts?.length === 0 &&\n\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\tselectedCarouselIndex >= 0 && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div style={{ marginLeft: 12 }}>\n\t\t\t\t\t\t\t<TitleRegular>Product(s)</TitleRegular>\n\t\t\t\t\t\t\t<BodySecondary>{`Select ${\n\t\t\t\t\t\t\t\tcardCount ?? 1\n\t\t\t\t\t\t\t} products`}</BodySecondary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tmarginTop: 16,\n\t\t\t\t\t\t\t\tmarginBottom: 16,\n\t\t\t\t\t\t\t\tmarginLeft: isError ? 16 : 12,\n\t\t\t\t\t\t\t\tmarginRight: isError ? 16 : 12,\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\tmarginBottom: 12,\n\t\t\t\t\t\t\t\t\tborder: isError\n\t\t\t\t\t\t\t\t\t\t? `2px dashed ${COLORS.content.negative}`\n\t\t\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\tbuttonText={'Add Product(s)'}\n\t\t\t\t\t\t\t\tbuttonType={isError ? 'tertiaryGray' : 'dashBold'}\n\t\t\t\t\t\t\t\tLeadingIcon={() => (\n\t\t\t\t\t\t\t\t\t<div style={{ display: 'flex', width: 18, height: 18 }}>\n\t\t\t\t\t\t\t\t\t\t<PlusIcon\n\t\t\t\t\t\t\t\t\t\t\twidth={18}\n\t\t\t\t\t\t\t\t\t\t\theight={18}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\tsetShowProductPicker(true);\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{pod === POD.CHATBOT && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\t\t\t\theight: 1,\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: '#E0E0E0',\n\t\t\t\t\t\t\t\t\t\t\t\tmarginRight: 8,\n\t\t\t\t\t\t\t\t\t\t\t\tflex: 1,\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\t<BodyCaption\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ color: '#616161', overflow: 'unset' }}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tOR\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\t\t\t\theight: 1,\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: '#E0E0E0',\n\t\t\t\t\t\t\t\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 12,\n\t\t\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\t\t\tborder: isError\n\t\t\t\t\t\t\t\t\t\t\t\t? `2px dashed ${COLORS.content.negative}`\n\t\t\t\t\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\t\tbuttonText={'Add Product(s) Variable'}\n\t\t\t\t\t\t\t\t\t\tbuttonType={isError ? 'tertiaryGray' : 'dashBold'}\n\t\t\t\t\t\t\t\t\t\tLeadingIcon={() => (\n\t\t\t\t\t\t\t\t\t\t\t<div style={{ display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t<PlusIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth={18}\n\t\t\t\t\t\t\t\t\t\t\t\t\theight={18}\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetVariableCallback(() => handleVariableCallback);\n\t\t\t\t\t\t\t\t\t\t\tsetShowVariablePicker(true);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{isError && (\n\t\t\t\t\t\t\t<div style={{ marginLeft: 10, marginBottom: 16 }}>\n\t\t\t\t\t\t\t\t<Badge padding={'8px'} errorText={'Please add products'} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t{!isProductCarouselType && (selectedCarouselIndex ?? -1) > -1 && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tbackground: COLORS.surface.hovered,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={LeftIcon}\n\t\t\t\t\t\tdisabled={shouldHideLeftArrow}\n\t\t\t\t\t\twidth={8}\n\t\t\t\t\t\theight={14}\n\t\t\t\t\t\tsvgStyle={\n\t\t\t\t\t\t\t!shouldHideLeftArrow ? { color: COLORS.content.secondary } : {}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t//@ts-ignore\n\t\t\t\t\t\t\tsliderRef?.current?.slickPrev();\n\t\t\t\t\t\t\tif ((selectedCarouselIndex ?? -1) < 1) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsetSelectedCarouselIndex?.((prev) => prev - 1);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<TitleRegular\n\t\t\t\t\t\tstyle={{ flex: 1, display: 'flex', justifyContent: 'center' }}\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t>{`Card ${\n\t\t\t\t\t\t(selectedCarouselIndex ?? 0) + 1\n\t\t\t\t\t}/${cardCount}`}</TitleRegular>\n\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={RightIcon}\n\t\t\t\t\t\twidth={8}\n\t\t\t\t\t\theight={14}\n\t\t\t\t\t\tdisabled={shouldHideRightArrow}\n\t\t\t\t\t\tsvgStyle={\n\t\t\t\t\t\t\t!shouldHideRightArrow ? { color: COLORS.content.secondary } : {}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t//@ts-ignore\n\t\t\t\t\t\t\tsliderRef?.current?.slickNext();\n\t\t\t\t\t\t\tif ((selectedCarouselIndex ?? -1) >= (cardCount ?? -1) - 1) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsetSelectedCarouselIndex?.((prev) => prev + 1);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<EditWhatsAppTemplateV2\n\t\t\t\twhatsappSpecificPickerMeta={whatsappSpecificPickerMeta}\n\t\t\t\ttemplate={template as WhatsAppTemplate}\n\t\t\t\tonTemplateChange={(\n\t\t\t\t\ttemplate:\n\t\t\t\t\t\t| WhatsAppTemplate\n\t\t\t\t\t\t| EmailTemplateType\n\t\t\t\t\t\t| SMSTemplateType\n\t\t\t\t\t\t| WhatsAppCarouselTemplate,\n\t\t\t\t) => {\n\t\t\t\t\tsetTemplate?.(template);\n\t\t\t\t}}\n\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\tvariableListForImage={variableListForImage}\n\t\t\t\tdiscountCode={discountCode}\n\t\t\t\tsetDiscountCode={setDiscountCode}\n\t\t\t/>\n\t\t\t{showProductPicker && pickerConf && (\n\t\t\t\t<ProductPickerModal\n\t\t\t\t\tzIndex={200}\n\t\t\t\t\tstartupScreen={\n\t\t\t\t\t\trearrangeProducts\n\t\t\t\t\t\t\t? ScreenName.RearrangeProducts\n\t\t\t\t\t\t\t: ScreenName.Collections\n\t\t\t\t\t}\n\t\t\t\t\trearrangeEnabled={true}\n\t\t\t\t\tstoreId={pickerConf.storeId}\n\t\t\t\t\tselectedItems={generatePickerData(carouselProducts ?? [])}\n\t\t\t\t\tcollectionFetcher={pickerConf.fetchCollections}\n\t\t\t\t\tproductFetcher={pickerConf.fetchProducts}\n\t\t\t\t\tonAdd={onItemsPicked}\n\t\t\t\t\tsearchInCollectionFetcher={pickerConf.searchInCollection}\n\t\t\t\t\tsearchFetcher={pickerConf.searchProducts}\n\t\t\t\t\tvisible={showProductPicker}\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tsetShowProductPicker(false);\n\t\t\t\t\t}}\n\t\t\t\t\texactLimit={cardCount ?? 1}\n\t\t\t\t\tappType={pickerConf.appType || ApplicationType.BIK}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default EditWhatsAppCarouselTemplateV2;\n"],"names":["EditWhatsAppCarouselTemplateV2","template","whatsappSpecificPickerMeta","showVariableModal","variableListForImage","discountCode","setDiscountCode","selectedCarouselIndex","setTemplate","pickerConf","isProductCarouselType","pod","cardCount","carouselProducts","setCarouselProducts","isError","cardImages","disableEditVariable","onDeleteSelectedProducts","setSelectedCarouselIndex","setVariableCallback","setShowVariablePicker","sliderRef","setCarouselBodyError","useTemplateModalContext","titleText","setTitleText","useState","isRCSChannel","showProductPicker","setShowProductPicker","rearrangeProducts","setRearrangeProducts","shouldHideRightArrow","shouldHideLeftArrow","useEffect","onItemsPicked","items","total","selectedList","key","products","productId","variants","variantId","name","image","quantity","displayOrder","obj","sortedSelectedList","a","b","selectedImages","product","selectedTemplate","cloneDeep","index","generatePickerData","item","collectionId","deleteItem","handleVariableCallback","variable","jsxDEV","IconButton","BackIcon","this","TitleMedium","ProductBox","Button","Fragment","TitleRegular","BodySecondary","COLORS","PlusIcon","e","POD","BodyCaption","Badge","LeftIcon","prev","RightIcon","EditWhatsAppTemplateV2","ProductPickerModal","ScreenName","ApplicationType"],"mappings":"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"}
+{"version":3,"file":"EditWhatsAppCarouselTemplateV2.js","sources":["../../../../../src/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.tsx"],"sourcesContent":["import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport BackIcon from '@src/assets/icons/arrow_back.svg';\nimport LeftIcon from '@src/assets/icons/chevronLeft.svg';\nimport RightIcon from '@src/assets/icons/chevronRight.svg';\nimport PlusIcon from '@src/assets/icons/PlusIcon';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { useEffect, useState } from 'react';\nimport type {\n\tVariable,\n\tVariableListInterfaceV2,\n} from '@src/components/add-variableV2/AddVariableV2';\nimport { Button } from '@src/components/button/Button';\nimport { IconButton } from '@src/components/icon-button/IconButton';\nimport { ProductPickerModal } from '@src/components/product-picker-v2/modal';\nimport type { SelectedItems } from '@src/components/product-picker-v2/type';\nimport { ScreenName } from '@src/components/product-picker-v2/type';\nimport { Badge } from '@src/components/template-context-mapper/Badge';\nimport { useTemplateModalContext } from '@src/components/template-context-mapper/context/templateModalContext';\nimport EditWhatsAppTemplateV2 from '@src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2';\nimport { ProductBox } from '@src/components/template-context-mapper/modalElements/ProductBox';\nimport { isRCSChannel } 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 type { WhatsAppCarouselTemplate } from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport {\n\tPOD,\n\ttype WhatsAppPickerMeta,\n\ttype WhatsAppTemplate,\n} from '@src/components/template-preview/models/WhatsAppTemplate';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleMedium,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { CarouselProduct } from './modal';\n\nexport interface EditWhatsAppCarouselTemplateV2Props {\n\twhatsappSpecificPickerMeta?: WhatsAppPickerMeta;\n\ttemplate: WhatsAppCarouselTemplate;\n\tshowVariableModal?: boolean;\n\tvariableListForImage?: VariableListInterfaceV2[];\n\tdiscountCode?: string;\n\tsetDiscountCode?: (code: string) => void;\n}\n\nconst EditWhatsAppCarouselTemplateV2 = ({\n\ttemplate,\n\twhatsappSpecificPickerMeta,\n\tshowVariableModal,\n\tvariableListForImage,\n\tdiscountCode,\n\tsetDiscountCode,\n}: EditWhatsAppCarouselTemplateV2Props) => {\n\tconst {\n\t\tselectedCarouselIndex,\n\t\tsetTemplate,\n\t\tpickerConf,\n\t\tisProductCarouselType,\n\t\tpod,\n\t\tcardCount,\n\t\tcarouselProducts,\n\t\tsetCarouselProducts,\n\t\tisError,\n\t\tcardImages,\n\t\tdisableEditVariable,\n\t\tonDeleteSelectedProducts,\n\t\tsetSelectedCarouselIndex,\n\t\tsetVariableCallback,\n\t\tsetShowVariablePicker,\n\t\tsliderRef,\n\t\tsetCarouselBodyError,\n\t} = useTemplateModalContext();\n\tconst [titleText, setTitleText] = useState<string>(\n\t\tisRCSChannel(template?.channel)\n\t\t\t? 'Carousel Cards'\n\t\t\t: selectedCarouselIndex == -1\n\t\t\t? 'First Message (Step 1/2)'\n\t\t\t: isProductCarouselType\n\t\t\t? `Product Carousel ${\n\t\t\t\t\ttemplate?.mapping?.body?.length ? '(Step 2/2)' : ''\n\t\t\t  }`\n\t\t\t: `Carousel Cards ${template?.mapping?.body?.length ? '(Step 2/2)' : ''}`,\n\t);\n\tconst [showProductPicker, setShowProductPicker] = useState<boolean>(false);\n\tconst [rearrangeProducts, setRearrangeProducts] = useState<boolean>(false);\n\n\tconst shouldHideRightArrow = selectedCarouselIndex === (cardCount ?? -1) - 1;\n\tconst shouldHideLeftArrow = (selectedCarouselIndex ?? -1) < 1;\n\n\tuseEffect(() => {\n\t\tsetTitleText(\n\t\t\tisRCSChannel(template?.channel)\n\t\t\t\t? 'Carousel Cards'\n\t\t\t\t: selectedCarouselIndex == -1\n\t\t\t\t? 'First Message (Step 1/2)'\n\t\t\t\t: isProductCarouselType\n\t\t\t\t? `Product Carousel ${\n\t\t\t\t\t\ttemplate?.mapping?.body?.length ? '(Step 2/2)' : ''\n\t\t\t\t  }`\n\t\t\t\t: `Carousel Cards ${\n\t\t\t\t\t\ttemplate?.mapping?.body?.length ? '(Step 2/2)' : ''\n\t\t\t\t  }`,\n\t\t);\n\t}, [selectedCarouselIndex]);\n\n\tuseEffect(() => {\n\t\tsetShowVariablePicker(false);\n\t}, [selectedCarouselIndex]);\n\n\tconst onItemsPicked = (items: SelectedItems, total: number) => {\n\t\tsetRearrangeProducts(false);\n\t\tconst selectedList: any[] = [];\n\t\tdelete items['isCustom'];\n\t\tfor (const key of Object.keys(items)) {\n\t\t\tconst products = items[key].products;\n\t\t\tif (typeof products === 'undefined') continue;\n\t\t\tif (!Object.keys(products).length) continue;\n\t\t\tfor (const productId of Object.keys(products)) {\n\t\t\t\tconst variants = products[productId].variants;\n\t\t\t\tif (typeof variants === 'undefined') continue;\n\t\t\t\tif (!Object.keys(variants).length) continue;\n\t\t\t\tfor (const variantId of Object.keys(variants)) {\n\t\t\t\t\tconst { name, image, quantity, displayOrder } = variants[variantId];\n\t\t\t\t\tconst obj = {\n\t\t\t\t\t\tname,\n\t\t\t\t\t\timage: image ?? products[productId]?.image ?? '',\n\t\t\t\t\t\tquantity,\n\t\t\t\t\t\tvariantId,\n\t\t\t\t\t\tproductId,\n\t\t\t\t\t\tdisplayOrder,\n\t\t\t\t\t\tcollectionId: key,\n\t\t\t\t\t\tproductName: products[productId]?.name ?? '',\n\t\t\t\t\t\tproductImage: products[productId]?.image ?? '',\n\t\t\t\t\t\tproductDescription: products[productId]?.description ?? '',\n\t\t\t\t\t};\n\t\t\t\t\tselectedList.push(obj);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst sortedSelectedList = selectedList.sort(\n\t\t\t(a: any, b: any) => a.displayOrder - b.displayOrder,\n\t\t);\n\t\tconst selectedImages = selectedList.map((product) => product.image);\n\n\t\tconst selectedTemplate = cloneDeep({ ...template });\n\t\tif (selectedTemplate) {\n\t\t\tselectedImages.forEach((image, index) => {\n\t\t\t\tif (image) {\n\t\t\t\t\tselectedTemplate.components![1].cards![\n\t\t\t\t\t\tindex\n\t\t\t\t\t].components[0].example!.header_handle = [image];\n\t\t\t\t} else {\n\t\t\t\t\tselectedTemplate.components![1].cards![\n\t\t\t\t\t\tindex\n\t\t\t\t\t].components[0].example!.header_handle = [cardImages?.[index] ?? ''];\n\t\t\t\t}\n\t\t\t});\n\t\t\tsetTemplate?.(selectedTemplate as WhatsAppCarouselTemplate);\n\t\t}\n\t\tsetCarouselProducts?.(sortedSelectedList);\n\t\tsetCarouselBodyError?.('');\n\t\tsetShowProductPicker(false);\n\t};\n\n\tconst generatePickerData = (selectedList: CarouselProduct[]) => {\n\t\tif (selectedList.length > 0) {\n\t\t\tconst obj = {};\n\t\t\tfor (const item of selectedList) {\n\t\t\t\tconst collectionId = item?.collectionId;\n\t\t\t\tconst productId = item.productId;\n\t\t\t\tconst variantId = item.variantId;\n\t\t\t\tif (!(collectionId in obj)) {\n\t\t\t\t\tobj[collectionId] = {\n\t\t\t\t\t\tproducts: {},\n\t\t\t\t\t\tname: '',\n\t\t\t\t\t\timage: '',\n\t\t\t\t\t\tisSmartCollection: false,\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\tif (!(productId in obj[collectionId].products!)) {\n\t\t\t\t\tobj[collectionId].products![productId] = {\n\t\t\t\t\t\tvariants: {},\n\t\t\t\t\t\tname: item?.productName || '',\n\t\t\t\t\t\timage: item?.productImage || '',\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\tobj[collectionId].products![productId].variants![variantId] = {\n\t\t\t\t\tname: item?.name || '',\n\t\t\t\t\tprice: '',\n\t\t\t\t\timage: item?.image || '',\n\t\t\t\t\tquantity: item.quantity || 0,\n\t\t\t\t\tdisplayOrder: item.displayOrder,\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn obj;\n\t\t}\n\t\treturn {};\n\t};\n\n\tconst deleteItem = () => {\n\t\tif (\n\t\t\tcarouselProducts?.length === 1 &&\n\t\t\tcarouselProducts[0].name === 'variable'\n\t\t) {\n\t\t\tsetCarouselProducts?.([]);\n\t\t\treturn;\n\t\t}\n\t\tconst selectedTemplate = cloneDeep({ ...template });\n\t\tif (selectedTemplate) {\n\t\t\tif (cardImages && cardImages.length > 0) {\n\t\t\t\tcardImages?.forEach((image, index) => {\n\t\t\t\t\tselectedTemplate.components![1].cards![\n\t\t\t\t\t\tindex\n\t\t\t\t\t].components[0].example!.header_handle = [\n\t\t\t\t\t\tcardImages[index] ??\n\t\t\t\t\t\t\t'https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png',\n\t\t\t\t\t];\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tselectedTemplate?.components![1].cards?.forEach((image, index) => {\n\t\t\t\t\tselectedTemplate.components![1].cards![\n\t\t\t\t\t\tindex\n\t\t\t\t\t].components[0].example!.header_handle = [\n\t\t\t\t\t\t'https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png',\n\t\t\t\t\t];\n\t\t\t\t});\n\t\t\t}\n\t\t\tsetTemplate?.(selectedTemplate as WhatsAppCarouselTemplate);\n\t\t}\n\t\tsetCarouselProducts?.([]);\n\t\tsetCarouselBodyError?.('');\n\t\tonDeleteSelectedProducts?.();\n\t};\n\n\tconst handleVariableCallback = (variable: Variable) => {\n\t\tsetCarouselProducts?.([\n\t\t\t{\n\t\t\t\tname: 'variable',\n\t\t\t\tproductName: variable.actualValue,\n\t\t\t} as any,\n\t\t]);\n\t};\n\n\tuseEffect(() => {\n\t\tif (selectedCarouselIndex === -1 && isRCSChannel(template?.channel)) {\n\t\t\tsetSelectedCarouselIndex?.(0);\n\t\t}\n\t}, [selectedCarouselIndex, template?.channel]);\n\n\treturn (\n\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\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{!isRCSChannel(template?.channel) &&\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex >= 0 &&\n\t\t\t\t\t!!template?.mapping?.body?.length && (\n\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\tIcon={BackIcon}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetSelectedCarouselIndex?.(-1);\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<TitleMedium style={{ marginLeft: 10 }}>{titleText}</TitleMedium>\n\t\t\t</div>\n\t\t\t{isProductCarouselType &&\n\t\t\t\t(carouselProducts?.length ?? 0) > 0 &&\n\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\tselectedCarouselIndex >= 0 && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\trowGap: 8,\n\t\t\t\t\t\t\tmarginBottom: 16,\n\t\t\t\t\t\t\tmarginLeft: 10,\n\t\t\t\t\t\t\tmarginRight: 10,\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ProductBox\n\t\t\t\t\t\t\teditItem={() => {\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\tcarouselProducts?.length === 1 &&\n\t\t\t\t\t\t\t\t\tcarouselProducts[0].name === 'variable'\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tsetVariableCallback(() => handleVariableCallback);\n\t\t\t\t\t\t\t\t\tsetShowVariablePicker(true);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tsetShowProductPicker(!showProductPicker);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tcardBody={\n\t\t\t\t\t\t\t\tcarouselProducts?.length === 1 &&\n\t\t\t\t\t\t\t\tcarouselProducts[0].name === 'variable'\n\t\t\t\t\t\t\t\t\t? `${carouselProducts[0].productName}`\n\t\t\t\t\t\t\t\t\t: `${carouselProducts?.length} Products Selected`\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\thideIcon={\n\t\t\t\t\t\t\t\tcarouselProducts?.length === 1 &&\n\t\t\t\t\t\t\t\tcarouselProducts[0].name === 'variable'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdeleteItem={deleteItem}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{carouselProducts &&\n\t\t\t\t\t\t\tcarouselProducts?.length > 0 &&\n\t\t\t\t\t\t\tcarouselProducts[0].name != 'variable' && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tdisabled={(carouselProducts?.length ?? 0) <= 1}\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\talignSelf: 'flex-end',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetRearrangeProducts(true);\n\t\t\t\t\t\t\t\t\t\tsetShowProductPicker(true);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tbuttonText=\"Rearrange Products\"\n\t\t\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t{!disableEditVariable &&\n\t\t\t\tisProductCarouselType &&\n\t\t\t\tcarouselProducts?.length === 0 &&\n\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\tselectedCarouselIndex >= 0 && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div style={{ marginLeft: 12 }}>\n\t\t\t\t\t\t\t<TitleRegular>Product(s)</TitleRegular>\n\t\t\t\t\t\t\t<BodySecondary>{`Select ${\n\t\t\t\t\t\t\t\tcardCount ?? 1\n\t\t\t\t\t\t\t} products`}</BodySecondary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tmarginTop: 16,\n\t\t\t\t\t\t\t\tmarginBottom: 16,\n\t\t\t\t\t\t\t\tmarginLeft: isError ? 16 : 12,\n\t\t\t\t\t\t\t\tmarginRight: isError ? 16 : 12,\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\tmarginBottom: 12,\n\t\t\t\t\t\t\t\t\tborder: isError\n\t\t\t\t\t\t\t\t\t\t? `2px dashed ${COLORS.content.negative}`\n\t\t\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\tbuttonText={'Add Product(s)'}\n\t\t\t\t\t\t\t\tbuttonType={isError ? 'tertiaryGray' : 'dashBold'}\n\t\t\t\t\t\t\t\tLeadingIcon={() => (\n\t\t\t\t\t\t\t\t\t<div style={{ display: 'flex', width: 18, height: 18 }}>\n\t\t\t\t\t\t\t\t\t\t<PlusIcon\n\t\t\t\t\t\t\t\t\t\t\twidth={18}\n\t\t\t\t\t\t\t\t\t\t\theight={18}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\tsetShowProductPicker(true);\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{pod === POD.CHATBOT && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\t\t\t\theight: 1,\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: '#E0E0E0',\n\t\t\t\t\t\t\t\t\t\t\t\tmarginRight: 8,\n\t\t\t\t\t\t\t\t\t\t\t\tflex: 1,\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\t<BodyCaption\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ color: '#616161', overflow: 'unset' }}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tOR\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\t\t\t\theight: 1,\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: '#E0E0E0',\n\t\t\t\t\t\t\t\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tmatchParentWidth\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 12,\n\t\t\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\t\t\tborder: isError\n\t\t\t\t\t\t\t\t\t\t\t\t? `2px dashed ${COLORS.content.negative}`\n\t\t\t\t\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tsize={'medium'}\n\t\t\t\t\t\t\t\t\t\tbuttonText={'Add Product(s) Variable'}\n\t\t\t\t\t\t\t\t\t\tbuttonType={isError ? 'tertiaryGray' : 'dashBold'}\n\t\t\t\t\t\t\t\t\t\tLeadingIcon={() => (\n\t\t\t\t\t\t\t\t\t\t\t<div style={{ display: 'flex' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t<PlusIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth={18}\n\t\t\t\t\t\t\t\t\t\t\t\t\theight={18}\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetVariableCallback(() => handleVariableCallback);\n\t\t\t\t\t\t\t\t\t\t\tsetShowVariablePicker(true);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{isError && (\n\t\t\t\t\t\t\t<div style={{ marginLeft: 10, marginBottom: 16 }}>\n\t\t\t\t\t\t\t\t<Badge padding={'8px'} errorText={'Please add products'} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t{!isProductCarouselType && (selectedCarouselIndex ?? -1) > -1 && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tbackground: COLORS.surface.hovered,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={LeftIcon}\n\t\t\t\t\t\tdisabled={shouldHideLeftArrow}\n\t\t\t\t\t\twidth={8}\n\t\t\t\t\t\theight={14}\n\t\t\t\t\t\tsvgStyle={\n\t\t\t\t\t\t\t!shouldHideLeftArrow ? { color: COLORS.content.secondary } : {}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t//@ts-ignore\n\t\t\t\t\t\t\tsliderRef?.current?.slickPrev();\n\t\t\t\t\t\t\tif ((selectedCarouselIndex ?? -1) < 1) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsetSelectedCarouselIndex?.((prev) => prev - 1);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<TitleRegular\n\t\t\t\t\t\tstyle={{ flex: 1, display: 'flex', justifyContent: 'center' }}\n\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t>{`Card ${\n\t\t\t\t\t\t(selectedCarouselIndex ?? 0) + 1\n\t\t\t\t\t}/${cardCount}`}</TitleRegular>\n\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tIcon={RightIcon}\n\t\t\t\t\t\twidth={8}\n\t\t\t\t\t\theight={14}\n\t\t\t\t\t\tdisabled={shouldHideRightArrow}\n\t\t\t\t\t\tsvgStyle={\n\t\t\t\t\t\t\t!shouldHideRightArrow ? { color: COLORS.content.secondary } : {}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t//@ts-ignore\n\t\t\t\t\t\t\tsliderRef?.current?.slickNext();\n\t\t\t\t\t\t\tif ((selectedCarouselIndex ?? -1) >= (cardCount ?? -1) - 1) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsetSelectedCarouselIndex?.((prev) => prev + 1);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<EditWhatsAppTemplateV2\n\t\t\t\twhatsappSpecificPickerMeta={whatsappSpecificPickerMeta}\n\t\t\t\ttemplate={template as WhatsAppTemplate}\n\t\t\t\tonTemplateChange={(\n\t\t\t\t\ttemplate:\n\t\t\t\t\t\t| WhatsAppTemplate\n\t\t\t\t\t\t| EmailTemplateType\n\t\t\t\t\t\t| SMSTemplateType\n\t\t\t\t\t\t| WhatsAppCarouselTemplate,\n\t\t\t\t) => {\n\t\t\t\t\tsetTemplate?.(template);\n\t\t\t\t}}\n\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\tvariableListForImage={variableListForImage}\n\t\t\t\tdiscountCode={discountCode}\n\t\t\t\tsetDiscountCode={setDiscountCode}\n\t\t\t/>\n\t\t\t{showProductPicker && pickerConf && (\n\t\t\t\t<ProductPickerModal\n\t\t\t\t\tzIndex={200}\n\t\t\t\t\tstartupScreen={\n\t\t\t\t\t\trearrangeProducts\n\t\t\t\t\t\t\t? ScreenName.RearrangeProducts\n\t\t\t\t\t\t\t: ScreenName.Collections\n\t\t\t\t\t}\n\t\t\t\t\trearrangeEnabled={true}\n\t\t\t\t\tstoreId={pickerConf.storeId}\n\t\t\t\t\tselectedItems={generatePickerData(carouselProducts ?? [])}\n\t\t\t\t\tcollectionFetcher={pickerConf.fetchCollections}\n\t\t\t\t\tproductFetcher={pickerConf.fetchProducts}\n\t\t\t\t\tonAdd={onItemsPicked}\n\t\t\t\t\tsearchInCollectionFetcher={pickerConf.searchInCollection}\n\t\t\t\t\tsearchFetcher={pickerConf.searchProducts}\n\t\t\t\t\tvisible={showProductPicker}\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tsetShowProductPicker(false);\n\t\t\t\t\t}}\n\t\t\t\t\texactLimit={cardCount ?? 1}\n\t\t\t\t\tappType={pickerConf.appType || ApplicationType.BIK}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default EditWhatsAppCarouselTemplateV2;\n"],"names":["EditWhatsAppCarouselTemplateV2","template","whatsappSpecificPickerMeta","showVariableModal","variableListForImage","discountCode","setDiscountCode","selectedCarouselIndex","setTemplate","pickerConf","isProductCarouselType","pod","cardCount","carouselProducts","setCarouselProducts","isError","cardImages","disableEditVariable","onDeleteSelectedProducts","setSelectedCarouselIndex","setVariableCallback","setShowVariablePicker","sliderRef","setCarouselBodyError","useTemplateModalContext","titleText","setTitleText","useState","isRCSChannel","showProductPicker","setShowProductPicker","rearrangeProducts","setRearrangeProducts","shouldHideRightArrow","shouldHideLeftArrow","useEffect","onItemsPicked","items","total","selectedList","key","products","productId","variants","variantId","name","image","quantity","displayOrder","obj","sortedSelectedList","a","b","selectedImages","product","selectedTemplate","cloneDeep","index","generatePickerData","item","collectionId","deleteItem","handleVariableCallback","variable","jsxDEV","IconButton","BackIcon","this","TitleMedium","ProductBox","Button","Fragment","TitleRegular","BodySecondary","COLORS","PlusIcon","e","POD","BodyCaption","Badge","LeftIcon","prev","RightIcon","EditWhatsAppTemplateV2","ProductPickerModal","ScreenName","ApplicationType"],"mappings":"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"}

package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.js

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-dev-runtime"),Ne=require("lodash/cloneDeep"),E=require("react"),Be=require("styled-components"),j=require("../../template-preview/helpers/templateMiscHelper.js"),Z=require("../../template-preview/models/TemplateMeta.js"),D=require("../../template-preview/models/WhatsAppTemplate.js"),De=require("../context/templateModalContext.js"),ee=require("../utils/constants.js"),w=require("../utils/getDataFromTemplateComponent.js"),Pe=require("../utils/validateIsUrl.js"),te=require("../utils/validateName.js"),ne=require("./BackTrackComponent.js"),Ue=require("./DiscountCodeComponent.js"),ve=require("./EditMediaModal.js"),Ae=require("./EditMediaV2.js"),je=require("./EditMediaV2.style.js"),Ie=require("./useEditWhtasappTemplateMedia.js"),qe=require("./VariableConnector.js"),oe=require("./VariableConnectorsPanel.js"),Re=require("./VariableConnectorWhatsApp.js"),Q=require("./VariableEditorHeader.js"),ae=require("./WhatsAppTemplateCardButtonV2.js"),Me=require("../../input-with-vars/InputWithVariables.js"),Le=require("../../variable-picker-v3/model.js"),se=require("../../input/Input.js"),re=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},U=re(Ne),We=re(Be),we=({template:n,onTemplateChange:T,whatsappSpecificPickerMeta:_,showVariableModal:ie,variableListForImage:Y,setDiscountCode:pe,fileName:v,setFileName:I})=>{const K=n.isCarouselType,{originalVariableList:m,pod:k,extras:N,selectedCarouselIndex:e,isProductCarouselType:q,disableCopyCode:le,isError:$,cardIndex:V}=De.useTemplateModalContext(),{descriptionComponents:ce,urlBtns:me,qrbBtns:O,imageComponent:R,bodyVariables:de,headerVariables:ue,titleVariables:be}=w.getAllDataFromTemplateComponent(n),G=E.useRef(null),[fe,M]=E.useState(!1),[P,S]=E.useState(e===-1?{descriptionComponents:ce,urlBtns:me,qrbBtns:O,imageComponent:R,bodyVariables:de,headerVariables:ue,titleVariables:be}:{}),{uploadMediaLink:he,uploadMediaFiles:Ee,validateMimeType:xe}=_,h=Ie.useEditWhatsappTemplateMedia({uploadMediaLink:he,uploadMediaFiles:Ee,updateTemplateImageUrl:Te,validateMimeType:xe,mediaComponent:K?P.imageComponent:R,fileRef:G}),[X,z]=E.useState(!1),[L,Ce]=E.useState(v),[W,g]=E.useState();E.useEffect(()=>{if(n.mapping.buttons?.find(s=>s.slice(2,-2)==="checkout.checkoutUrl"))M(!0);else{M(!1);const s=N?.discountCodeExtra?.[1];s?.("")}},[n]),E.useEffect(()=>{if(e!=null&&e>-1){const t={components:n.components[V]?.cards?.[e].components,mapping:n?.mapping?.cards?.[e]},{descriptionComponents:s,urlBtns:a,qrbBtns:r,imageComponent:o,bodyVariables:p,headerVariables:c,titleVariables:d}=w.getAllDataFromTemplateComponent(t);S({descriptionComponents:s,urlBtns:a,qrbBtns:r,imageComponent:o,bodyVariables:p,headerVariables:c,titleVariables:d})}else if(e!=null&&e===-1){const{descriptionComponents:t,urlBtns:s,qrbBtns:a,imageComponent:r,bodyVariables:o,headerVariables:p,titleVariables:c}=w.getAllDataFromTemplateComponent(n);S({descriptionComponents:t,urlBtns:s,qrbBtns:a,imageComponent:r,bodyVariables:o,headerVariables:p,titleVariables:c})}},[e]),E.useEffect(()=>{if(e!=null&&e>-1&&X){const t={components:n.components[V]?.cards?.[e].components,mapping:n?.mapping?.cards?.[e]},{descriptionComponents:s,urlBtns:a,qrbBtns:r,imageComponent:o,bodyVariables:p,headerVariables:c,titleVariables:d}=w.getAllDataFromTemplateComponent(t);S({descriptionComponents:s,urlBtns:a,qrbBtns:r,imageComponent:o,bodyVariables:p,headerVariables:c,titleVariables:d}),z(!1)}},[X]);function Te(t,s){let a;e!=null&&e>-1?a={components:n.components[V]?.cards?.[e].components,mapping:n?.mapping?.cards?.[e]}:a={...n};const r=a?.components?.findIndex(o=>{if(o.type==="HEADER"&&o.format!=="NONE"&&o.format!=="TEXT")return!0});if(typeof r<"u"&&r>-1&&a?.components[r]){const o={...a.components[r],format:s,example:{header_handle:[t]}},p=[...a.components];p[r]=o,a={...a,components:p}}if(a.mapping&&(a.mapping={...a.mapping,header:void 0}),e!=null&&e>-1){const o=U.default(n);o.components[V].cards[e].components=a.components,o?.mapping?.cards&&o?.mapping?.cards.length>0&&(o.mapping.cards[e]=a.mapping??{}),T?.({...o}),z(!0)}else T?.({...a})}function Ve(t,s,a){const r=e!=null&&e>-1?{components:{...n}.components[V].cards?.[e].components,mapping:{...n}.mapping.cards?.[e]}:{...n},o=U.default(r),p=s==="custom"&&typeof t=="string",c=p?t:typeof t!="string"?t.defaultValue?t.defaultValue:"https://d.bik.ai/":"https://d.bik.ai";if(e!=null&&e>-1&&q){const u={...n}.components.map(l=>j.isCarouselComponent(l.type)?{...l,cards:l.cards?.map(B=>({...B,components:B.components.map(b=>{if(b.type==="BUTTONS"){let C=b.buttons?.filter(y=>y.type==="URL")?.[a]??{};C={...C,url:"https://d.bik.ai/{{1}}",example:[c]};const H=b.buttons?.map(y=>y.type==="URL"&&y?.text===C?.text?C:y);return{...b,buttons:H}}else return b})}))}:l),f={...n}.mapping?.cards?.map(l=>({...l,buttons:l?.buttons?.map((B,b)=>b===a?p?"((customBtnPlaceholder))":typeof t!="string"?t.placeHolder:"":B)})),x=U.default(n);x.components=u,x.mapping.cards=f,T?.({...x});return}const d=o?.components.findIndex(u=>u.type==="BUTTONS");if(typeof d<"u"&&d>-1){const u=o?.components[d].buttons?.filter(f=>f.type==="URL");if(u?.length>0){const f=s==="custom"&&typeof t=="string",x=f?t:typeof t!="string"&&t.defaultValue?t.defaultValue:"https://d.bik.ai/";let l=u[a];l={...l,url:"https://d.bik.ai/{{1}}",example:[x]};const b=[...o.components?.[d]?.buttons??[]].map(F=>F.type==="URL"&&F?.text===l?.text?l:F),J={...o.components[d],buttons:b},C=o.mapping?.buttons;C&&C.length>0&&(C[a]=f?"((customBtnPlaceholder))":typeof t!="string"?t.placeHolder:"");const H={...o.mapping,buttons:C};o.mapping=H;const y=[...o.components];y[d]=J,o.components=y}}if(typeof t!="string"&&(t.placeHolder?.slice(2,-2)==="checkout.checkoutUrl"?M(!0):(M(!1),pe?.(""))),e!=null&&e>-1){const u=U.default(n);u.components[V].cards[e].components=o.components,u.mapping.cards[e]=o.mapping,T?.({...u})}else T?.(o)}function ge(t,s,a){const r=e!=null&&e>-1?{components:{...n}.components[V].cards?.[e].components,mapping:{...n}.mapping.cards?.[e]}:{...n};if(e!=null&&e>-1&&q){const p={...n}.components.map(d=>j.isCarouselComponent(d.type)?{...d,cards:d.cards?.map(u=>({...u,components:u.components.map(f=>{if(f.type==="BUTTONS"){let l=f?.buttons?.filter(b=>b.type==="QUICK_REPLY")?.[a]??{};l={...l,flowId:t.flowId,flowName:t.flowName};const B=f?.buttons?.map(b=>b.type==="QUICK_REPLY"&&b?.text===l?.text?l:b);return{...f,buttons:B}}else return f})}))}:d),c=U.default(n);c.components=p,T?.({...c});return}const o=r?.components.findIndex(p=>p.type==="BUTTONS");if(typeof o<"u"&&o>-1){const p=r?.components[o]?.buttons?.filter(c=>c.type==="QUICK_REPLY");if(p){let c=p[a];c={...c,flowId:t.flowId,flowName:t.flowName};const u=[...r.components?.[o]?.buttons??[]].map(l=>l.type==="QUICK_REPLY"&&l?.text===c?.text?c:l),f={...r.components[o],buttons:u},x=[...r.components];x[o]=f,r.components=x}}if(e!=null&&e>-1){const p=U.default(n);p.components[V].cards[e].components=r.components,T?.({...p})}else T?.(r)}const ye=()=>{if(!L){I?.(""),g("PDF name is Required");return}const t=te.validateInputName(L);if(I?.(L),t){g("Please enter a valid PDF name");return}g(void 0)},ke=()=>{if(!v){g("PDF name is Required");return}const t=te.validateInputNameChatbot(v);if(I?.(v??""),t){g("Please enter a valid PDF name");return}g(void 0)};E.useEffect(()=>{$&&k===D.POD.CHATBOT&&ke()},[$]);const A=K?P.imageComponent:R;return h.openEditMedia?i.jsxDEV(oe.Container,{style:{flexDirection:"column",width:400,maxHeight:460},children:i.jsxDEV(ve.default,{mediaComponentFormat:A.format??Z.HEADER_TYPES.IMAGE,uploadMedia:h.uploadMedia,variableListForImage:Y||[],useEditWhatsappTemplateMediaResponse:h,setOpenEditMedia:h.setOpenEditMedia,openEditMedia:h.openEditMedia,editIconRef:h.editIconRef,fileRef:G},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:682,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:675,columnNumber:4},void 0):i.jsxDEV(oe.Container,{style:{flexDirection:"column",width:400,maxHeight:460,minWidth:q?"420px":"auto"},children:[!!P.imageComponent&&!q&&!j.isRCSChannel(n?.channel)&&i.jsxDEV(je.EditTemplateMediaContainer,{children:[i.jsxDEV(Ae.default,{imageName:A?.example?.header_handle??[],handleImageChange:h.handleImageChange,mediaType:A?.format,error:h.error,isLoading:h.loading,setOpenEditMedia:h.setOpenEditMedia,selectedVariable:Pe.isVariable(A?.example?.header_handle?.[0]??"")?A?.example?.header_handle?.[0]:n?.mapping?.header?.[0]?n?.mapping?.header?.[0]:h.selectedVariable},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:713,columnNumber:7},void 0),R?.format==Z.HEADER_TYPES.DOCUMENT?i.jsxDEV(_e,{children:k===D.POD.CHATBOT?i.jsxDEV(Me.InputWithVariables,{labelText:"PDF Name",placeHolder:"Enter the name",errorMessage:W||void 0,onChange:t=>{g(""),I?.(t?.actualValue??"")},pickerType:Le.PickerType.EMBEDDED,noMaxCharCheck:!0,allowMix:!0,showVarHeader:!0,varHeaderText:"Select variable",prevVariable:{actualValue:v??"",variableType:"string"},variablesList:Y,showAddButton:!0},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:735,columnNumber:10},void 0):i.jsxDEV(se.Input,{labelText:"PDF Name",placeholder:"Enter the name",value:L,errorMessage:W||void 0,onBlur:ye,onChangeText:t=>{g(""),Ce(t)}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:756,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:733,columnNumber:8},void 0):i.jsxDEV(i.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:770,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:712,columnNumber:6},void 0),P.bodyVariables?.length>0&&i.jsxDEV(Q.default,{containerStyle:{paddingTop:P.mediaComponent?24:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:776,columnNumber:5},void 0),P.descriptionComponents?.map((t,s)=>i.jsxDEV(Re.default,{originalVariableList:e!=null&&e>-1?m.cards[e]:m,type:t.type,descriptionComponent:t.component,showVariableModal:ie},s,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:790,columnNumber:6},void 0)),(e!=null&&e>-1?m.cards[e]?.buttons:m?.buttons)?.filter(t=>t.type==="URL")?.length>0&&i.jsxDEV(Q.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:811,columnNumber:5},void 0),(e!=null&&e>-1?m.cards[e]?.buttons:m?.buttons)?.filter(t=>k!==D.POD.CHATBOT?t.type==="URL":!0)?.map((t,s)=>{const a=t.buttonVariable===ee.STATIC_URL_VARIABLE_NAME,r=t.buttonVariable===ee.UNSUBSCRIBE_URL_VARIABLE;if(t.type==="URL")return i.jsxDEV(ae.default,{variableListIndex:s,disableEdit:a||r,CTAoptions:_?.CTAoptions,button:t,currentVariableList:e!=null&&e>-1?{...m.cards[e]}:{...m},updateSelectedURLTemplateBtn:Ve},`${s}_${e}`,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:830,columnNumber:8},void 0)}),k===D.POD.CHATBOT&&O[0]?.component?.buttons&&O[0]?.component?.buttons?.length>0&&i.jsxDEV(ne.BackTrackComponent,{backTrackMessage:N?.backTrackExtra?.[0],setBackTrackMessage:N?.backTrackExtra?.[1]},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:860,columnNumber:6},void 0),!j.isRCSChannel(n?.channel)&&(e!=null&&e>-1?m.cards[e]?.buttons:m?.buttons)?.filter(t=>t.type==="QUICK_REPLY")?.length>0&&(k!==D.POD.CHATBOT?i.jsxDEV(Q.default,{headerText:"Edit buttons",subText:"Edit the chatflows triggered on clicking  the buttons",toolTipInfo:"There is an option to trigger chatflows through the buttons which can keep the user engaged"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:874,columnNumber:6},void 0):i.jsxDEV(ne.BackTrackComponent,{backTrackMessage:N?.backTrackExtra?.[0],setBackTrackMessage:N?.backTrackExtra?.[1]},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:882,columnNumber:6},void 0)),!j.isRCSChannel(n?.channel)&&(e!=null&&e>-1?m.cards[e]?.buttons:m?.buttons)?.filter(t=>t.type==="QUICK_REPLY")?.map((t,s)=>{if(t.type==="QUICK_REPLY"&&k!==D.POD.CHATBOT)return i.jsxDEV(ae.default,{variableListIndex:s,QRBoptions:_?.QRBoptions,button:t,currentVariableList:e!=null&&e>-1?{...m.cards[e]}:{...m},updateSelectedQRBTemplateBtn:ge},`${s}_${e}`,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:899,columnNumber:9},void 0)}),k===D.POD.CHATBOT&&fe&&i.jsxDEV(Ue.DiscountCodeComponent,{discountCode:N?.discountCodeExtra?.[0],setDiscountCode:N?.discountCodeExtra?.[1]},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:926,columnNumber:5},void 0),(e!=null&&e>-1?m.cards[e]?.buttons:m?.buttons)?.map((t,s)=>{if(t.type==="COPY_CODE")return i.jsxDEV(i.Fragment,{children:le?i.jsxDEV("div",{style:{marginBottom:20,borderRadius:4,padding:"8px 10px"},children:i.jsxDEV(se.Input,{state:"disabled",labelText:t.text??"Copy Code",value:t.buttonVariable??"",onChangeText:()=>{}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:949,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:942,columnNumber:9},void 0):i.jsxDEV(qe.default,{index:s,variable:{variableName:t.text??"Copy Code",updatedValue:t.buttonVariable??"",type:"string",isEditableVariable:!0,index:t.index??0},showVariableModal:!0,componentType:"BUTTONS",buttonType:t.type},s,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:959,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:940,columnNumber:7},void 0)})]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:701,columnNumber:3},void 0)},_e=We.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-dev-runtime"),ve=require("lodash/cloneDeep"),E=require("react"),De=require("styled-components"),I=require("../../template-preview/helpers/templateMiscHelper.js"),Z=require("../../template-preview/models/TemplateMeta.js"),N=require("../../template-preview/models/WhatsAppTemplate.js"),Ne=require("../context/templateModalContext.js"),ee=require("../utils/constants.js"),_=require("../utils/getDataFromTemplateComponent.js"),Be=require("../utils/validateIsUrl.js"),te=require("../utils/validateName.js"),ne=require("./BackTrackComponent.js"),Ue=require("./DiscountCodeComponent.js"),We=require("./EditMediaModal.js"),Ae=require("./EditMediaV2.js"),Ie=require("./EditMediaV2.style.js"),qe=require("./useEditWhtasappTemplateMedia.js"),Re=require("./VariableConnector.js"),oe=require("./VariableConnectorsPanel.js"),Me=require("./VariableConnectorWhatsApp.js"),Q=require("./VariableEditorHeader.js"),ae=require("./WhatsAppTemplateCardButtonV2.js"),Pe=require("../../input-with-vars/InputWithVariables.js"),Le=require("../../variable-picker-v3/model.js"),se=require("../../input/Input.js"),re=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},U=re(ve),we=re(De),_e=({template:n,onTemplateChange:C,whatsappSpecificPickerMeta:O,showVariableModal:ie,variableListForImage:Y,setDiscountCode:pe,fileName:W,setFileName:q})=>{const K=n.isCarouselType,{originalVariableList:c,pod:g,extras:v,selectedCarouselIndex:e,isProductCarouselType:R,disableCopyCode:le,isError:$,cardIndex:y}=Ne.useTemplateModalContext(),{descriptionComponents:me,urlBtns:ce,qrbBtns:S,imageComponent:M,bodyVariables:de,headerVariables:ue,titleVariables:be}=_.getAllDataFromTemplateComponent(n),G=E.useRef(null),[fe,P]=E.useState(!1),[B,j]=E.useState(e===-1?{descriptionComponents:me,urlBtns:ce,qrbBtns:S,imageComponent:M,bodyVariables:de,headerVariables:ue,titleVariables:be}:{}),{uploadMediaLink:he,uploadMediaFiles:Ee,validateMimeType:xe}=O,h=qe.useEditWhatsappTemplateMedia({uploadMediaLink:he,uploadMediaFiles:Ee,updateTemplateImageUrl:Ce,validateMimeType:xe,mediaComponent:K?B.imageComponent:M,fileRef:G}),[X,z]=E.useState(!1),[L,ke]=E.useState(W),[w,T]=E.useState();E.useEffect(()=>{if(n.mapping.buttons?.find(s=>s.slice(2,-2)==="checkout.checkoutUrl"))P(!0);else{P(!1);const s=v?.discountCodeExtra?.[1];s?.("")}},[n]),E.useEffect(()=>{if(e!=null&&e>-1){const t={components:n.components[y]?.cards?.[e].components,mapping:n?.mapping?.cards?.[e]},{descriptionComponents:s,urlBtns:a,qrbBtns:r,imageComponent:o,bodyVariables:p,headerVariables:m,titleVariables:d}=_.getAllDataFromTemplateComponent(t);j({descriptionComponents:s,urlBtns:a,qrbBtns:r,imageComponent:o,bodyVariables:p,headerVariables:m,titleVariables:d})}else if(e!=null&&e===-1){const{descriptionComponents:t,urlBtns:s,qrbBtns:a,imageComponent:r,bodyVariables:o,headerVariables:p,titleVariables:m}=_.getAllDataFromTemplateComponent(n);j({descriptionComponents:t,urlBtns:s,qrbBtns:a,imageComponent:r,bodyVariables:o,headerVariables:p,titleVariables:m})}},[e]),E.useEffect(()=>{if(e!=null&&e>-1&&X){const t={components:n.components[y]?.cards?.[e].components,mapping:n?.mapping?.cards?.[e]},{descriptionComponents:s,urlBtns:a,qrbBtns:r,imageComponent:o,bodyVariables:p,headerVariables:m,titleVariables:d}=_.getAllDataFromTemplateComponent(t);j({descriptionComponents:s,urlBtns:a,qrbBtns:r,imageComponent:o,bodyVariables:p,headerVariables:m,titleVariables:d}),z(!1)}},[X]);function Ce(t,s){let a;e!=null&&e>-1?a={components:n.components[y]?.cards?.[e].components,mapping:n?.mapping?.cards?.[e]}:a={...n};const r=a?.components?.findIndex(o=>{if(o.type==="HEADER"&&o.format!=="NONE"&&o.format!=="TEXT")return!0});if(typeof r<"u"&&r>-1&&a?.components[r]){const o={...a.components[r],format:s,example:{header_handle:[t]}},p=[...a.components];p[r]=o,a={...a,components:p}}if(a.mapping&&(a.mapping={...a.mapping,header:void 0}),e!=null&&e>-1){const o=U.default(n);o.components[y].cards[e].components=a.components,o?.mapping?.cards&&o?.mapping?.cards.length>0&&(o.mapping.cards[e]=a.mapping??{}),C?.({...o}),z(!0)}else C?.({...a})}function ye(t,s,a){const r=e!=null&&e>-1?{components:{...n}.components[y].cards?.[e].components,mapping:{...n}.mapping.cards?.[e]}:{...n},o=U.default(r),p=s==="custom"&&typeof t=="string",m=p?t:typeof t!="string"?t.defaultValue?t.defaultValue:"https://d.bik.ai/":"https://d.bik.ai";if(e!=null&&e>-1&&R){const u={...n}.components.map(l=>I.isCarouselComponent(l.type)?{...l,cards:l.cards?.map(D=>({...D,components:D.components.map(b=>{if(b.type==="BUTTONS"){let k=b.buttons?.filter(V=>V.type==="URL")?.[a]??{};k={...k,url:"https://d.bik.ai/{{1}}",example:[m]};const H=b.buttons?.map(V=>V.type==="URL"&&V?.text===k?.text?k:V);return{...b,buttons:H}}else return b})}))}:l),f={...n}.mapping?.cards?.map(l=>({...l,buttons:l?.buttons?.map((D,b)=>b===a?p?"((customBtnPlaceholder))":typeof t!="string"?t.placeHolder:"":D)})),x=U.default(n);x.components=u,x.mapping.cards=f,C?.({...x});return}const d=o?.components.findIndex(u=>u.type==="BUTTONS");if(typeof d<"u"&&d>-1){const u=o?.components[d].buttons?.filter(f=>f.type==="URL");if(u?.length>0){const f=s==="custom"&&typeof t=="string",x=f?t:typeof t!="string"&&t.defaultValue?t.defaultValue:"https://d.bik.ai/";let l=u[a];l={...l,url:"https://d.bik.ai/{{1}}",example:[x]};const b=[...o.components?.[d]?.buttons??[]].map(F=>F.type==="URL"&&F?.text===l?.text?l:F),J={...o.components[d],buttons:b},k=o.mapping?.buttons;k&&k.length>0&&(k[a]=f?"((customBtnPlaceholder))":typeof t!="string"?t.placeHolder:"");const H={...o.mapping,buttons:k};o.mapping=H;const V=[...o.components];V[d]=J,o.components=V}}if(typeof t!="string"&&(t.placeHolder?.slice(2,-2)==="checkout.checkoutUrl"?P(!0):(P(!1),pe?.(""))),e!=null&&e>-1){const u=U.default(n);u.components[y].cards[e].components=o.components,u.mapping.cards[e]=o.mapping,C?.({...u})}else C?.(o)}function Te(t,s,a){const r=e!=null&&e>-1?{components:{...n}.components[y].cards?.[e].components,mapping:{...n}.mapping.cards?.[e]}:{...n};if(e!=null&&e>-1&&R){const p={...n}.components.map(d=>I.isCarouselComponent(d.type)?{...d,cards:d.cards?.map(u=>({...u,components:u.components.map(f=>{if(f.type==="BUTTONS"){let l=f?.buttons?.filter(b=>b.type==="QUICK_REPLY")?.[a]??{};l={...l,flowId:t.flowId,flowName:t.flowName};const D=f?.buttons?.map(b=>b.type==="QUICK_REPLY"&&b?.text===l?.text?l:b);return{...f,buttons:D}}else return f})}))}:d),m=U.default(n);m.components=p,C?.({...m});return}const o=r?.components.findIndex(p=>p.type==="BUTTONS");if(typeof o<"u"&&o>-1){const p=r?.components[o]?.buttons?.filter(m=>m.type==="QUICK_REPLY");if(p){let m=p[a];m={...m,flowId:t.flowId,flowName:t.flowName};const u=[...r.components?.[o]?.buttons??[]].map(l=>l.type==="QUICK_REPLY"&&l?.text===m?.text?m:l),f={...r.components[o],buttons:u},x=[...r.components];x[o]=f,r.components=x}}if(e!=null&&e>-1){const p=U.default(n);p.components[y].cards[e].components=r.components,C?.({...p})}else C?.(r)}const Ve=()=>{if(!L){q?.(""),T("PDF name is Required");return}const t=te.validateInputName(L);if(q?.(L),t){T("Please enter a valid PDF name");return}T(void 0)},ge=()=>{if(!W){T("PDF name is Required");return}const t=te.validateInputNameChatbot(W);if(q?.(W??""),t){T("Please enter a valid PDF name");return}T(void 0)};E.useEffect(()=>{$&&g===N.POD.CHATBOT&&ge()},[$]);const A=K?B.imageComponent:M;return h.openEditMedia?i.jsxDEV(oe.Container,{style:{flexDirection:"column",width:400,maxHeight:460},children:i.jsxDEV(We.default,{mediaComponentFormat:A.format??Z.HEADER_TYPES.IMAGE,uploadMedia:h.uploadMedia,variableListForImage:Y||[],useEditWhatsappTemplateMediaResponse:h,setOpenEditMedia:h.setOpenEditMedia,openEditMedia:h.openEditMedia,editIconRef:h.editIconRef,fileRef:G},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:682,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:675,columnNumber:4},void 0):i.jsxDEV(oe.Container,{style:{flexDirection:"column",width:400,maxHeight:460,minWidth:R?"420px":"auto"},children:[!!B.imageComponent&&!R&&!I.isRCSChannel(n?.channel)&&i.jsxDEV(Ie.EditTemplateMediaContainer,{children:[i.jsxDEV(Ae.default,{imageName:A?.example?.header_handle??[],handleImageChange:h.handleImageChange,mediaType:A?.format,error:h.error,isLoading:h.loading,setOpenEditMedia:h.setOpenEditMedia,selectedVariable:Be.isVariable(A?.example?.header_handle?.[0]??"")?A?.example?.header_handle?.[0]:n?.mapping?.header?.[0]?n?.mapping?.header?.[0]:h.selectedVariable},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:713,columnNumber:7},void 0),M?.format==Z.HEADER_TYPES.DOCUMENT?i.jsxDEV(Oe,{children:g===N.POD.CHATBOT?i.jsxDEV(Pe.InputWithVariables,{labelText:"PDF Name",placeHolder:"Enter the name",errorMessage:w||void 0,onChange:t=>{T(""),q?.(t?.actualValue??"")},pickerType:Le.PickerType.EMBEDDED,noMaxCharCheck:!0,allowMix:!0,showVarHeader:!0,varHeaderText:"Select variable",prevVariable:{actualValue:W??"",variableType:"string"},variablesList:Y,showAddButton:!0},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:735,columnNumber:10},void 0):i.jsxDEV(se.Input,{labelText:"PDF Name",placeholder:"Enter the name",value:L,errorMessage:w||void 0,onBlur:Ve,onChangeText:t=>{T(""),ke(t)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:756,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:733,columnNumber:8},void 0):i.jsxDEV(i.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:770,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:712,columnNumber:6},void 0),B.bodyVariables?.length>0&&i.jsxDEV(Q.default,{containerStyle:{paddingTop:B.mediaComponent?24:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:776,columnNumber:5},void 0),B.descriptionComponents?.map((t,s)=>i.jsxDEV(Me.default,{originalVariableList:e!=null&&e>-1?c.cards[e]:c,type:t.type,descriptionComponent:t.component,showVariableModal:ie},s,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:790,columnNumber:6},void 0)),(e!=null&&e>-1?c.cards[e]?.buttons:c?.buttons)?.filter(t=>t.type==="URL")?.length>0&&i.jsxDEV(Q.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:811,columnNumber:5},void 0),(e!=null&&e>-1?c.cards[e]?.buttons:c?.buttons)?.filter(t=>g!==N.POD.CHATBOT?t.type==="URL":!0)?.map((t,s)=>{const a=t.buttonVariable===ee.STATIC_URL_VARIABLE_NAME,r=t.buttonVariable===ee.UNSUBSCRIBE_URL_VARIABLE;if(t.type==="URL")return i.jsxDEV(ae.default,{variableListIndex:s,disableEdit:a||r,CTAoptions:O?.CTAoptions,button:t,currentVariableList:e!=null&&e>-1?{...c.cards[e]}:{...c},updateSelectedURLTemplateBtn:ye},`${s}_${e}`,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:830,columnNumber:8},void 0)}),g===N.POD.CHATBOT&&S[0]?.component?.buttons&&S[0]?.component?.buttons?.length>0&&i.jsxDEV(ne.BackTrackComponent,{backTrackMessage:v?.backTrackExtra?.[0],setBackTrackMessage:v?.backTrackExtra?.[1]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:860,columnNumber:6},void 0),!I.isRCSChannel(n?.channel)&&(e!=null&&e>-1?c.cards[e]?.buttons:c?.buttons)?.filter(t=>t.type==="QUICK_REPLY")?.length>0&&(g!==N.POD.CHATBOT?i.jsxDEV(Q.default,{headerText:"Edit buttons",subText:"Edit the chatflows triggered on clicking  the buttons",toolTipInfo:"There is an option to trigger chatflows through the buttons which can keep the user engaged"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:874,columnNumber:6},void 0):i.jsxDEV(ne.BackTrackComponent,{backTrackMessage:v?.backTrackExtra?.[0],setBackTrackMessage:v?.backTrackExtra?.[1]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:882,columnNumber:6},void 0)),!I.isRCSChannel(n?.channel)&&(e!=null&&e>-1?c.cards[e]?.buttons:c?.buttons)?.filter(t=>t.type==="QUICK_REPLY")?.map((t,s)=>{if(t.type==="QUICK_REPLY"&&g!==N.POD.CHATBOT)return i.jsxDEV(ae.default,{variableListIndex:s,QRBoptions:O?.QRBoptions,button:t,currentVariableList:e!=null&&e>-1?{...c.cards[e]}:{...c},updateSelectedQRBTemplateBtn:Te},`${s}_${e}`,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:899,columnNumber:9},void 0)}),g===N.POD.CHATBOT&&fe&&i.jsxDEV(Ue.DiscountCodeComponent,{discountCode:v?.discountCodeExtra?.[0],setDiscountCode:v?.discountCodeExtra?.[1]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:926,columnNumber:5},void 0),(e!=null&&e>-1?c.cards[e]?.buttons:c?.buttons)?.map((t,s)=>{if(t.type==="COPY_CODE")return i.jsxDEV(i.Fragment,{children:le?i.jsxDEV("div",{style:{marginBottom:20,borderRadius:4,padding:"8px 10px"},children:i.jsxDEV(se.Input,{state:"disabled",labelText:t.text??"Copy Code",value:t.buttonVariable??"",onChangeText:()=>{}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:949,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:942,columnNumber:9},void 0):i.jsxDEV(Re.default,{index:s,variable:{variableName:t.text??"Copy Code",updatedValue:t.buttonVariable??"",type:"string",isEditableVariable:!0,index:t.index??0},showVariableModal:!0,componentType:"BUTTONS",buttonType:t.type},s,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:959,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:940,columnNumber:7},void 0)})]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.tsx",lineNumber:701,columnNumber:3},void 0)},Oe=we.default.div`
 	padding-top: 24px;
 	padding-left: 10px;
 	padding-right: 10px;
 	margin-bottom: 8px;
 	line-height: normal;
-`;exports.default=we;
+`;exports.default=_e;
 //# sourceMappingURL=EditWhatsAppTemplateV2.js.map

package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.js.map

@@ -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","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","hasNewImageUpload","setHasNewImageUpload","enteredPdf","setEnteredPdf","pdfInputError","setPdfInputError","useEffect","button","currentCarousel","mediaComponent","url","format","localTemplate","imageComponentIndex","component","updatedComponent","components","templateCopy","cloneDeep","updateSelectedTemplateURLBtn","val","mode","btnIndex","tempCopy","selectedTemplate","isCustom","customValue","newComponent","isCarouselComponent","cardComponent","card","currentButton","btn","newButtonList","mappingButtonsComponent","index","newTemplate","btnComponentIndex","ctaBtns","btnComponent","mappingButtons","mapping","updateSelectedTemplateQRBBtn","qrbButtons","validatePdfName","isValid","validateInputName","validatePdfNameChatbot","isInvalid","validateInputNameChatbot","POD","_mediaComponent","jsxDEV","Container","EditMediaModal","HEADER_TYPES","this","isRCSChannel","EditTemplateMediaContainer","EditMediaV2","isVariable","PdfContainer","InputWithVariables","name","PickerType","Input","Fragment","VariableEditorHeader","descriptionComponent","i","VariableConnectorWhatsApp","isStaticUrl","STATIC_URL_VARIABLE_NAME","isUnsubscribeUrl","UNSUBSCRIBE_URL_VARIABLE","WhatsAppTemplateCardButtonV2","BackTrackComponent","DiscountCodeComponent","VariableConnector","styled"],"mappings":"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"}
+{"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","hasNewImageUpload","setHasNewImageUpload","enteredPdf","setEnteredPdf","pdfInputError","setPdfInputError","useEffect","button","currentCarousel","mediaComponent","url","format","localTemplate","imageComponentIndex","component","updatedComponent","components","templateCopy","cloneDeep","updateSelectedTemplateURLBtn","val","mode","btnIndex","tempCopy","selectedTemplate","isCustom","customValue","newComponent","isCarouselComponent","cardComponent","card","currentButton","btn","newButtonList","mappingButtonsComponent","index","newTemplate","btnComponentIndex","ctaBtns","btnComponent","mappingButtons","mapping","updateSelectedTemplateQRBBtn","qrbButtons","validatePdfName","isValid","validateInputName","validatePdfNameChatbot","isInvalid","validateInputNameChatbot","POD","_mediaComponent","jsxDEV","Container","EditMediaModal","HEADER_TYPES","this","isRCSChannel","EditTemplateMediaContainer","EditMediaV2","isVariable","PdfContainer","InputWithVariables","name","PickerType","Input","Fragment","VariableEditorHeader","descriptionComponent","i","VariableConnectorWhatsApp","isStaticUrl","STATIC_URL_VARIABLE_NAME","isUnsubscribeUrl","UNSUBSCRIBE_URL_VARIABLE","WhatsAppTemplateCardButtonV2","BackTrackComponent","DiscountCodeComponent","VariableConnector","styled"],"mappings":"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"}

package/dist/cjs/components/template-context-mapper/modalElements/Footer.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-dev-runtime"),y=require("../../../assets/icons/info.svg.js"),m=require("react"),g=require("styled-components"),j=require("../../button/Button.js"),k=require("../../tag/Tag.js"),E=require("../../template-preview/helpers/templateMiscHelper.js"),v=require("../../template-preview/models/Channels.js"),d=require("../../TypographyStyle.js"),l=require("../../../constants/Theme.js"),S=require("../Badge/index.js"),P=require("../context/templateModalContext.js"),T=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},q=T(g),C=q.default.div`
-	background: ${l.COLORS.surface.standard};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-dev-runtime"),v=require("../../../assets/icons/info.svg.js"),c=require("react"),h=require("styled-components"),N=require("../../button/Button.js"),g=require("../../tag/Tag.js"),E=require("../../template-preview/helpers/templateMiscHelper.js"),D=require("../../template-preview/models/Channels.js"),d=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js"),S=require("../Badge/index.js"),j=require("../context/templateModalContext.js"),T=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},q=T(h),C=q.default.div`
+	background: ${i.COLORS.surface.standard};
 	border-top-width: 1px;
-	border-top-color: ${l.COLORS.stroke.primary};
+	border-top-color: ${i.COLORS.stroke.primary};
 	box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.12);
 	width: 100%;
 	padding: 0 24px;
@@ -12,5 +12,5 @@
 	border-bottom-left-radius: 4px;
 	border-bottom-right-radius: 4px;
 	height: ${e=>e.isWhatsappCarousel?64:80}px;
-`,D=({isWhatsappCarousel:e,onSelect:u,footerButtonText:s,footerInfoText:i})=>{const{isError:c,selectedCarouselIndex:t,setSelectedCarouselIndex:a,setErrorIndexes:p,template:n,showVariablePicker:b,hideFooterButton:x,carouselBodyError:f}=P.useTemplateModalContext(),[h,r]=m.useState(e?"Next":"Select template");function N(){e&&t===-1&&a?a(0):(p?.([]),u())}return m.useEffect(()=>{s?r(s):e&&t===-1?r("Next"):e&&t!=null&&t>-1&&r("Save & Select Template")},[t]),o.jsxDEV(C,{isWhatsappCarousel:e,justifyContent:e&&n?.mapping?.body?.length?"space-between":"end",children:[E.isRCSChannel(n?.channel||v.CHANNEL_TYPE.WHATSAPP)?o.jsxDEV(d.TitleRegular,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/Footer.tsx",lineNumber:106,columnNumber:5},void 0):e&&t!=null&&t>=-1&&!!n?.mapping?.body?.length&&o.jsxDEV(d.TitleRegular,{color:l.COLORS.text.secondary,children:`Step ${t===-1?1:2}/2`},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/Footer.tsx",lineNumber:101,columnNumber:6},void 0),o.jsxDEV("div",{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[c&&o.jsxDEV(S.Badge,{errorText:f||"Some inputs are missing or incorrect. Please check"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/Footer.tsx",lineNumber:116,columnNumber:6},void 0),!c&&i&&o.jsxDEV("div",{style:{marginRight:12},children:o.jsxDEV(k.Tag,{tagText:i,LeadingIcon:y.default},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/Footer.tsx",lineNumber:125,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/Footer.tsx",lineNumber:124,columnNumber:6},void 0),!x&&o.jsxDEV(j.Button,{disabled:b,id:"select-template-btn",buttonText:h,size:e?"small":"large",onClick:N},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/Footer.tsx",lineNumber:129,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/Footer.tsx",lineNumber:108,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/template-context-mapper/modalElements/Footer.tsx",lineNumber:88,columnNumber:3},void 0)};exports.default=D;
+`,F=({isWhatsappCarousel:e,onSelect:u,footerButtonText:s,footerInfoText:a})=>{const{isError:l,selectedCarouselIndex:t,setSelectedCarouselIndex:m,setErrorIndexes:p,template:n,showVariablePicker:b,hideFooterButton:x,carouselBodyError:f}=j.useTemplateModalContext(),[k,r]=c.useState(e?"Next":"Select template");function y(){e&&t===-1&&m?m(0):(p?.([]),u())}return c.useEffect(()=>{s?r(s):e&&t===-1?r("Next"):e&&t!=null&&t>-1&&r("Save & Select Template")},[t]),o.jsxDEV(C,{isWhatsappCarousel:e,justifyContent:e&&n?.mapping?.body?.length?"space-between":"end",children:[E.isRCSChannel(n?.channel||D.CHANNEL_TYPE.WHATSAPP)?o.jsxDEV(d.TitleRegular,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/Footer.tsx",lineNumber:106,columnNumber:5},void 0):e&&t!=null&&t>=-1&&!!n?.mapping?.body?.length&&o.jsxDEV(d.TitleRegular,{color:i.COLORS.text.secondary,children:`Step ${t===-1?1:2}/2`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/Footer.tsx",lineNumber:101,columnNumber:6},void 0),o.jsxDEV("div",{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[l&&o.jsxDEV(S.Badge,{errorText:f||"Some inputs are missing or incorrect. Please check"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/Footer.tsx",lineNumber:116,columnNumber:6},void 0),!l&&a&&o.jsxDEV("div",{style:{marginRight:12},children:o.jsxDEV(g.Tag,{tagText:a,LeadingIcon:v.default},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/Footer.tsx",lineNumber:125,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/Footer.tsx",lineNumber:124,columnNumber:6},void 0),!x&&o.jsxDEV(N.Button,{disabled:b,id:"select-template-btn",buttonText:k,size:e?"small":"large",onClick:y},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/Footer.tsx",lineNumber:129,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/Footer.tsx",lineNumber:108,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/Footer.tsx",lineNumber:88,columnNumber:3},void 0)};exports.default=F;
 //# sourceMappingURL=Footer.js.map

package/dist/cjs/components/template-context-mapper/modalElements/Footer.js.map

@@ -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","COLORS","props","Footer","isWhatsappCarousel","onSelect","footerButtonText","footerInfoText","isError","selectedCarouselIndex","setSelectedCarouselIndex","setErrorIndexes","template","showVariablePicker","hideFooterButton","carouselBodyError","useTemplateModalContext","buttonText","setButtonText","useState","onButtonClick","useEffect","jsxDEV","isRCSChannel","CHANNEL_TYPE","TitleRegular","this","Badge","Tag","InfoIcon","Button"],"mappings":"8oBAYMA,EAAYC,EAAAA,QAAO;AAAA,eAIVC,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA,qBAEjBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKrBC,GAAUA,EAAM,gBAAkB,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,WAKhDA,GAAWA,EAAM,mBAAqB,GAAK,EAAG;AAAA,EASpDC,EAAS,CAAC,CACf,mBAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,eAAAC,CACD,IAAmB,CAClB,KAAM,CACL,QAAAC,EACA,sBAAAC,EACA,yBAAAC,EACA,gBAAAC,EACA,SAAAC,EACA,mBAAAC,EACA,iBAAAC,EACA,kBAAAC,CAAA,EACGC,0BAAA,EACE,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SACnCf,EAAqB,OAAS,iBAAA,EAG/B,SAASgB,GAAgB,CAEvBhB,GACAK,IAA0B,IAC1BC,EAEAA,EAAyB,CAAC,GAE1BC,IAAkB,CAAA,CAAE,EACpBN,EAAA,EAEF,CAEAgB,OAAAA,EAAAA,UAAU,IAAM,CACXf,EACHY,EAAcZ,CAAgB,EAE1BF,GAAsBK,IAA0B,GACnDS,EAAc,MAAM,EAEpBd,GACAK,GAAyB,MACzBA,EAAwB,IAExBS,EAAc,wBAAwB,CAGzC,EAAG,CAACT,CAAqB,CAAC,EAGzBa,EAAAA,OAACvB,EAAA,CACA,mBAAAK,EACA,eACCA,GAAwBQ,GAAU,SAAS,MAAM,OAC9C,gBACA,MAGH,SAAA,CAACW,EAAAA,aAAaX,GAAU,SAAWY,EAAAA,aAAa,QAAQ,WAUvDC,EAAAA,aAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,IAAA,aAAA,CAAA,EAAAC,MAAc,EATdtB,GACAK,GAAyB,MACzBA,GAAyB,IACzB,CAAC,CAACG,GAAU,SAAS,MAAM,QAC1BU,EAAAA,OAACG,EAAAA,aAAA,CAAa,MAAOxB,EAAAA,OAAO,KAAK,UAAY,SAAA,QAC5CQ,IAA0B,GAAK,EAAI,CACpC,IAAA,EAFA,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,IAAA,aAAA,CAAA,EAAAiB,MAEK,EAKPJ,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,WAAY,QAAA,EAGZ,SAAA,CAAAd,GACAc,EAAAA,OAACK,EAAAA,MAAA,CACA,UACCZ,GACA,oDAAA,EAHF,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,IAAA,aAAA,CAAA,EAAAW,MAAA,EAOA,CAAClB,GAAWD,GACZe,SAAC,OAAI,MAAO,CAAE,YAAa,EAAA,EAC1B,SAAAA,SAACM,EAAAA,IAAA,CAAI,QAASrB,EAAgB,YAAasB,EAAAA,OAAA,EAA3C,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,IAAA,aAAA,CAAA,EAAAH,MAAqD,CAAA,EADtD,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAEA,EAEA,CAACZ,GACDQ,EAAAA,OAACQ,EAAAA,OAAA,CACA,SAAUjB,EACV,GAAG,sBACH,WAAAI,EACA,KAAMb,EAAqB,QAAU,QACrC,QAASgB,CAAA,EALV,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,IAAA,aAAA,CAAA,EAAAM,MAAA,CAMA,CAAA,EA3BF,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CA6BA,CAAA,EAjDD,OAAA,GAAA,CAAA,SAAA,uHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAoDF"}
+{"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","COLORS","props","Footer","isWhatsappCarousel","onSelect","footerButtonText","footerInfoText","isError","selectedCarouselIndex","setSelectedCarouselIndex","setErrorIndexes","template","showVariablePicker","hideFooterButton","carouselBodyError","useTemplateModalContext","buttonText","setButtonText","useState","onButtonClick","useEffect","jsxDEV","isRCSChannel","CHANNEL_TYPE","TitleRegular","this","Badge","Tag","InfoIcon","Button"],"mappings":"8oBAYMA,EAAYC,EAAAA,QAAO;AAAA,eAIVC,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA,qBAEjBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKrBC,GAAUA,EAAM,gBAAkB,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,WAKhDA,GAAWA,EAAM,mBAAqB,GAAK,EAAG;AAAA,EASpDC,EAAS,CAAC,CACf,mBAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,eAAAC,CACD,IAAmB,CAClB,KAAM,CACL,QAAAC,EACA,sBAAAC,EACA,yBAAAC,EACA,gBAAAC,EACA,SAAAC,EACA,mBAAAC,EACA,iBAAAC,EACA,kBAAAC,CAAA,EACGC,0BAAA,EACE,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SACnCf,EAAqB,OAAS,iBAAA,EAG/B,SAASgB,GAAgB,CAEvBhB,GACAK,IAA0B,IAC1BC,EAEAA,EAAyB,CAAC,GAE1BC,IAAkB,CAAA,CAAE,EACpBN,EAAA,EAEF,CAEAgB,OAAAA,EAAAA,UAAU,IAAM,CACXf,EACHY,EAAcZ,CAAgB,EAE1BF,GAAsBK,IAA0B,GACnDS,EAAc,MAAM,EAEpBd,GACAK,GAAyB,MACzBA,EAAwB,IAExBS,EAAc,wBAAwB,CAGzC,EAAG,CAACT,CAAqB,CAAC,EAGzBa,EAAAA,OAACvB,EAAA,CACA,mBAAAK,EACA,eACCA,GAAwBQ,GAAU,SAAS,MAAM,OAC9C,gBACA,MAGH,SAAA,CAACW,EAAAA,aAAaX,GAAU,SAAWY,EAAAA,aAAa,QAAQ,WAUvDC,EAAAA,aAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,qJAAA,WAAA,IAAA,aAAA,CAAA,EAAAC,MAAc,EATdtB,GACAK,GAAyB,MACzBA,GAAyB,IACzB,CAAC,CAACG,GAAU,SAAS,MAAM,QAC1BU,EAAAA,OAACG,EAAAA,aAAA,CAAa,MAAOxB,EAAAA,OAAO,KAAK,UAAY,SAAA,QAC5CQ,IAA0B,GAAK,EAAI,CACpC,IAAA,EAFA,OAAA,GAAA,CAAA,SAAA,qJAAA,WAAA,IAAA,aAAA,CAAA,EAAAiB,MAEK,EAKPJ,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,cAAe,MACf,WAAY,QAAA,EAGZ,SAAA,CAAAd,GACAc,EAAAA,OAACK,EAAAA,MAAA,CACA,UACCZ,GACA,oDAAA,EAHF,OAAA,GAAA,CAAA,SAAA,qJAAA,WAAA,IAAA,aAAA,CAAA,EAAAW,MAAA,EAOA,CAAClB,GAAWD,GACZe,SAAC,OAAI,MAAO,CAAE,YAAa,EAAA,EAC1B,SAAAA,SAACM,EAAAA,IAAA,CAAI,QAASrB,EAAgB,YAAasB,EAAAA,OAAA,EAA3C,OAAA,GAAA,CAAA,SAAA,qJAAA,WAAA,IAAA,aAAA,CAAA,EAAAH,MAAqD,CAAA,EADtD,OAAA,GAAA,CAAA,SAAA,qJAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAEA,EAEA,CAACZ,GACDQ,EAAAA,OAACQ,EAAAA,OAAA,CACA,SAAUjB,EACV,GAAG,sBACH,WAAAI,EACA,KAAMb,EAAqB,QAAU,QACrC,QAASgB,CAAA,EALV,OAAA,GAAA,CAAA,SAAA,qJAAA,WAAA,IAAA,aAAA,CAAA,EAAAM,MAAA,CAMA,CAAA,EA3BF,OAAA,GAAA,CAAA,SAAA,qJAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CA6BA,CAAA,EAjDD,OAAA,GAAA,CAAA,SAAA,qJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAoDF"}