@bikdotai/bik-component-library 0.0.814 → 0.0.815

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),I=require("lodash/cloneDeep"),E=require("react"),D=require("../../dropdown/Dropdown.js"),Q=require("../../input/Input.js"),W=require("../../template-preview/constants/regexPatterns.js"),C=require("../../template-preview/models/TemplateMeta.js"),z=require("../../template-preview/models/WhatsAppTemplate.js"),F=require("../../TypographyStyle.js"),G=require("../../../constants/Theme.js"),J=require("../context/templateModalContext.js"),H=require("../utils/constants.js"),X=require("../utils/validateIsUrl.js"),j=require("./VariableConnector.js"),Z=({variableListIndex:a,button:t,updateSelectedURLTemplateBtn:b,updateSelectedQRBTemplateBtn:P,currentVariableList:h,CTAoptions:x,QRBoptions:_,disableEdit:v})=>{const[q,L]=E.useState(""),[p,R]=E.useState(),M=x?.map(s=>({...s,selected:p?.value===s.value&&p.label===s.label})),k=_?.map(s=>({...s,selected:p?.value===s.value})),{isError:w,disableEditVariable:N,pod:K,selectedCarouselIndex:o,originalVariableList:f,setOriginalVariableList:y,isProductCarouselType:g,ctaOptionsErrors:Y,setCtaOptionsErrors:S}=J.useTemplateModalContext();E.useEffect(()=>{if(t.buttonVariable===H.UNSUBSCRIBE_URL_VARIABLE){R(C.UNSUBSCRIBE_URL_OPTION),L(t.example?.[0].split("https://")[1]||"");return}if(t.buttonVariable&&W.editableVarPattern.test(t.buttonVariable))t.buttonVariable===H.STATIC_URL_VARIABLE_NAME?R(C.STATIC_URL_CTA_OPTION):R(C.CUSTOM_URL_NAME),L(t.example?.[0].split("https://")[1]||"");else{let s=-1;const V=t.type==="URL"?x:_;t.type==="URL"?s=V.findIndex(r=>r.placeHolder===t.buttonVariable):s=V.findIndex(r=>r.label===t.flowName),s>-1?R(V[s]):S?.(r=>({...r,[a]:"Required field!"}))}},[]);function A(s){if(L(s),o!=null&&o>-1&&g){const l=I(f);if(t.type==="URL"){const U=l.cards.map(u=>{let e=u.buttons.filter(i=>i.type==="URL")[a];e={...e,buttonVariable:"((customPlaceholderName))",example:[`https://${s}`]};const T=u.buttons.map(i=>i.type==="URL"&&i?.text===e?.text?e:i);return{...u,buttons:T}});y?.(u=>({...u,cards:U})),b?.(`https://${s}`,"custom",a)}return}let r=h.buttons.filter(l=>l.type==="URL")[a];r={...r,buttonVariable:"((customPlaceholderName))",example:[`https://${s}`]};const O=h.buttons.map(l=>l.type==="URL"&&l?.text===r?.text?r:l),d={...o!=null&&o>-1?f.cards[o]:f};if(d.buttons=O,o!=null&&o>-1){const l=[...f.cards];l[o]=d,y?.(U=>({...U,cards:l}))}else y?.(l=>({...l,buttons:[...O]}));b?.(`https://${s}`,"custom",a)}function $(s,V){S?.(l=>(delete l[a],{...l}));const r=s;R(r);const d=(t.type==="URL"?x:_).find(l=>l.placeHolder===r.placeHolder);if(d)if(d.value!=="custom_link"){if(o!=null&&o>-1&&g){const u=I(f);if(t.type==="URL"){const n=u.cards.map(e=>{let i=e.buttons.filter(c=>c.type==="URL")[a];i={...i,buttonVariable:r.placeHolder};const B=e.buttons.map(c=>c.type==="URL"&&c?.text===i?.text?i:c);return{...e,buttons:B}});b?.({defaultValue:d.value,placeHolder:d.placeHolder},"placeholder",a),y?.(e=>({...e,cards:n}))}else if(t.type==="QUICK_REPLY"){const n=u.cards.map(e=>{let i=e.buttons.filter(c=>c.type==="QUICK_REPLY")[a];i={...i,flowName:r.label,flowId:r.value};const B=e.buttons.map(c=>c.type==="QUICK_REPLY"&&c?.text===i?.text?i:c);return{...e,buttons:B}});P?.({flowName:r.label,flowId:r.value},"placeholder",a),y?.(e=>({...e,cards:n}))}return}let l;if(t.type==="URL"){let n=h.buttons.filter(e=>e.type==="URL")[a];n={...n,buttonVariable:r.placeHolder,example:[r?.value||"https://d.bik.ai/"]},l=h.buttons.map(e=>e.type==="URL"&&e?.text===n?.text?n:e),b?.({defaultValue:d.value,placeHolder:d.placeHolder},"placeholder",a)}else{let n=h.buttons.filter(e=>e.type==="QUICK_REPLY")[a];n={...n,flowName:r.label,flowId:r.value},l=h.buttons.map(e=>e.type==="QUICK_REPLY"&&e?.text===n?.text?n:e),P?.({flowName:r.label,flowId:r.value},"placeholder",a)}const U={...o!=null&&o>-1?f.cards[o]:f};if(U.buttons=l,o!=null&&o>-1){const u=[...f.cards];u[o]=U,y?.(n=>({...n,cards:u}))}else y?.(u=>({...u,buttons:[...l]}))}else A("")}return K!==z.POD.CHATBOT?m.jsxs(j.Container,{children:[m.jsx("div",{style:{marginBottom:8},children:m.jsxs(F.BodySecondary,{style:{color:G.COLORS.content.primary},children:[t.text," button"]})}),m.jsx("div",{style:{marginBottom:12},children:m.jsx(D.Dropdown,{disabled:N||v,truncatedText:!1,options:t.type==="URL"?p?.value==="static_link"?[C.STATIC_URL_CTA_OPTION]:M:k,isSearchable:!0,onSelect:$,defaultOptions:p?[{...p,selected:!0}]:[],error:w?Y?.[a]:void 0})}),(p?.value==="custom_link"||p?.value==="static_link")&&m.jsx("div",{style:{marginBottom:20},children:m.jsx(Q.Input,{state:N||v?"disabled":"none",errorMessage:w?q?X.validateIsUrl(q)?"":"Enter valid URL":"Required field":"",value:q,prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:A,maxCharLimit:2e3})})]}):m.jsx(j.default,{index:a,variable:{variableName:t.text??"",updatedValue:t.buttonVariable==="((customPlaceholderName))"?`${t.example?.[0]}`:t.buttonVariable??"",type:"link",isEditableVariable:!0,index:t.index??0,queryParams:t.queryParams??[]},showVariableModal:!0,componentType:"BUTTONS",buttonType:t.type,CTAoptions:x})};exports.default=Z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),$=require("lodash/cloneDeep"),E=require("react"),Q=require("../../dropdown/Dropdown.js"),W=require("../../input/Input.js"),z=require("../../template-preview/constants/regexPatterns.js"),C=require("../../template-preview/models/TemplateMeta.js"),F=require("../../template-preview/models/WhatsAppTemplate.js"),G=require("../../TypographyStyle.js"),J=require("../../../constants/Theme.js"),X=require("../context/templateModalContext.js"),I=require("../utils/constants.js"),Z=require("../utils/validateIsUrl.js"),j=require("./VariableConnector.js"),ee=l=>l&&typeof l=="object"&&"default"in l?l:{default:l},H=ee($),te=({variableListIndex:l,button:t,updateSelectedURLTemplateBtn:_,updateSelectedQRBTemplateBtn:P,currentVariableList:h,CTAoptions:b,QRBoptions:x,disableEdit:v})=>{const[q,L]=E.useState(""),[p,R]=E.useState(),M=b?.map(a=>({...a,selected:p?.value===a.value&&p.label===a.label})),k=x?.map(a=>({...a,selected:p?.value===a.value})),{isError:w,disableEditVariable:N,pod:D,selectedCarouselIndex:o,originalVariableList:f,setOriginalVariableList:y,isProductCarouselType:g,ctaOptionsErrors:K,setCtaOptionsErrors:S}=X.useTemplateModalContext();E.useEffect(()=>{if(t.buttonVariable===I.UNSUBSCRIBE_URL_VARIABLE){R(C.UNSUBSCRIBE_URL_OPTION),L(t.example?.[0].split("https://")[1]||"");return}if(t.buttonVariable&&z.editableVarPattern.test(t.buttonVariable))t.buttonVariable===I.STATIC_URL_VARIABLE_NAME?R(C.STATIC_URL_CTA_OPTION):R(C.CUSTOM_URL_NAME),L(t.example?.[0].split("https://")[1]||"");else{let a=-1;const V=t.type==="URL"?b:x;t.type==="URL"?a=V.findIndex(r=>r.placeHolder===t.buttonVariable):a=V.findIndex(r=>r.label===t.flowName),a>-1?R(V[a]):S?.(r=>({...r,[l]:"Required field!"}))}},[]);function A(a){if(L(a),o!=null&&o>-1&&g){const s=H.default(f);if(t.type==="URL"){const U=s.cards.map(u=>{let e=u.buttons.filter(i=>i.type==="URL")[l];e={...e,buttonVariable:"((customPlaceholderName))",example:[`https://${a}`]};const T=u.buttons.map(i=>i.type==="URL"&&i?.text===e?.text?e:i);return{...u,buttons:T}});y?.(u=>({...u,cards:U})),_?.(`https://${a}`,"custom",l)}return}let r=h.buttons.filter(s=>s.type==="URL")[l];r={...r,buttonVariable:"((customPlaceholderName))",example:[`https://${a}`]};const O=h.buttons.map(s=>s.type==="URL"&&s?.text===r?.text?r:s),d={...o!=null&&o>-1?f.cards[o]:f};if(d.buttons=O,o!=null&&o>-1){const s=[...f.cards];s[o]=d,y?.(U=>({...U,cards:s}))}else y?.(s=>({...s,buttons:[...O]}));_?.(`https://${a}`,"custom",l)}function Y(a,V){S?.(s=>(delete s[l],{...s}));const r=a;R(r);const d=(t.type==="URL"?b:x).find(s=>s.placeHolder===r.placeHolder);if(d)if(d.value!=="custom_link"){if(o!=null&&o>-1&&g){const u=H.default(f);if(t.type==="URL"){const n=u.cards.map(e=>{let i=e.buttons.filter(c=>c.type==="URL")[l];i={...i,buttonVariable:r.placeHolder};const B=e.buttons.map(c=>c.type==="URL"&&c?.text===i?.text?i:c);return{...e,buttons:B}});_?.({defaultValue:d.value,placeHolder:d.placeHolder},"placeholder",l),y?.(e=>({...e,cards:n}))}else if(t.type==="QUICK_REPLY"){const n=u.cards.map(e=>{let i=e.buttons.filter(c=>c.type==="QUICK_REPLY")[l];i={...i,flowName:r.label,flowId:r.value};const B=e.buttons.map(c=>c.type==="QUICK_REPLY"&&c?.text===i?.text?i:c);return{...e,buttons:B}});P?.({flowName:r.label,flowId:r.value},"placeholder",l),y?.(e=>({...e,cards:n}))}return}let s;if(t.type==="URL"){let n=h.buttons.filter(e=>e.type==="URL")[l];n={...n,buttonVariable:r.placeHolder,example:[r?.value||"https://d.bik.ai/"]},s=h.buttons.map(e=>e.type==="URL"&&e?.text===n?.text?n:e),_?.({defaultValue:d.value,placeHolder:d.placeHolder},"placeholder",l)}else{let n=h.buttons.filter(e=>e.type==="QUICK_REPLY")[l];n={...n,flowName:r.label,flowId:r.value},s=h.buttons.map(e=>e.type==="QUICK_REPLY"&&e?.text===n?.text?n:e),P?.({flowName:r.label,flowId:r.value},"placeholder",l)}const U={...o!=null&&o>-1?f.cards[o]:f};if(U.buttons=s,o!=null&&o>-1){const u=[...f.cards];u[o]=U,y?.(n=>({...n,cards:u}))}else y?.(u=>({...u,buttons:[...s]}))}else A("")}return D!==F.POD.CHATBOT?m.jsxs(j.Container,{children:[m.jsx("div",{style:{marginBottom:8},children:m.jsxs(G.BodySecondary,{style:{color:J.COLORS.content.primary},children:[t.text," button"]})}),m.jsx("div",{style:{marginBottom:12},children:m.jsx(Q.Dropdown,{disabled:N||v,truncatedText:!1,options:t.type==="URL"?p?.value==="static_link"?[C.STATIC_URL_CTA_OPTION]:M:k,isSearchable:!0,onSelect:Y,defaultOptions:p?[{...p,selected:!0}]:[],error:w?K?.[l]:void 0})}),(p?.value==="custom_link"||p?.value==="static_link")&&m.jsx("div",{style:{marginBottom:20},children:m.jsx(W.Input,{state:N||v?"disabled":"none",errorMessage:w?q?Z.validateIsUrl(q)?"":"Enter valid URL":"Required field":"",value:q,prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:A,maxCharLimit:2e3})})]}):m.jsx(j.default,{index:l,variable:{variableName:t.text??"",updatedValue:t.buttonVariable==="((customPlaceholderName))"?`${t.example?.[0]}`:t.buttonVariable??"",type:"link",isEditableVariable:!0,index:t.index??0,queryParams:t.queryParams??[]},showVariableModal:!0,componentType:"BUTTONS",buttonType:t.type,CTAoptions:b})};exports.default=te;
 //# sourceMappingURL=WhatsAppTemplateCardButtonV2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WhatsAppTemplateCardButtonV2.js","sources":["../../../../../src/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.tsx"],"sourcesContent":["import cloneDeep from 'lodash/cloneDeep';\nimport { useEffect, useState } from 'react';\nimport { Dropdown } from '@src/components/dropdown/Dropdown';\nimport type { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input/Input';\nimport { editableVarPattern } from '@src/components/template-preview/constants/regexPatterns';\nimport {\n\tButtonPlaceHolderOptions,\n\tCUSTOM_URL_NAME,\n\tSTATIC_URL_CTA_OPTION,\n\tUNSUBSCRIBE_URL_OPTION,\n} from '@src/components/template-preview/models/TemplateMeta';\nimport type { WhatsAppCarouselTemplateVariables } from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport {\n\ttype CTABtnValType,\n\tPOD,\n\ttype QRBBtnValType,\n\ttype TEMPLATE_BUTTON,\n} from '@src/components/template-preview/models/WhatsAppTemplate';\nimport type { WhatsAppTemplateVariables } from '@src/components/template-preview/models/WhatsAppTemplate';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport {\n\tSTATIC_URL_VARIABLE_NAME,\n\tUNSUBSCRIBE_URL_VARIABLE,\n} from '../utils/constants';\nimport { validateIsUrl } from '../utils/validateIsUrl';\nimport VariableConnector, { Container } from './VariableConnector';\n\nexport type URLBtnUpdateFunctionType = (\n\tval: CTABtnValType,\n\tmode: 'custom' | 'placeholder',\n\tbtnIndex?: number,\n) => void;\n\nexport type QRBBtnUpdateFunctionType = (\n\tval: QRBBtnValType,\n\tmode: 'custom' | 'placeholder',\n\tbtnIndex?: number,\n) => void;\n\ntype optionType = SingleOption & {\n\tplaceHolder: string;\n};\nexport interface WhatsAppTemplateCardButtonV2Props {\n\tcurrentVariableList: WhatsAppTemplateVariables;\n\tupdateSelectedURLTemplateBtn?: URLBtnUpdateFunctionType;\n\tupdateSelectedQRBTemplateBtn?: QRBBtnUpdateFunctionType;\n\tbutton: TEMPLATE_BUTTON;\n\tCTAoptions?: ButtonPlaceHolderOptions[];\n\tQRBoptions?: ButtonPlaceHolderOptions[];\n\tvariableListIndex: number;\n\tdisableEdit?: boolean;\n}\nconst WhatsAppTemplateCardButtonV2: React.FC<\n\tWhatsAppTemplateCardButtonV2Props\n> = ({\n\tvariableListIndex,\n\tbutton,\n\tupdateSelectedURLTemplateBtn,\n\tupdateSelectedQRBTemplateBtn,\n\tcurrentVariableList,\n\tCTAoptions,\n\tQRBoptions,\n\tdisableEdit,\n}) => {\n\tconst [customLink, setCustomLink] = useState('');\n\tconst [selectedOption, setSelectedOption] = useState<SingleOption>();\n\n\t// Updating the selected attribute in the options so that in dropdown the option will be highlighted\n\tconst updatedCTAOptions = CTAoptions?.map((option) => {\n\t\treturn {\n\t\t\t...option,\n\t\t\tselected:\n\t\t\t\tselectedOption?.value === option.value &&\n\t\t\t\tselectedOption.label === option.label,\n\t\t};\n\t});\n\tconst updatedQRBOptions = QRBoptions?.map((option) => {\n\t\treturn {\n\t\t\t...option,\n\t\t\tselected: selectedOption?.value === option.value,\n\t\t};\n\t});\n\n\tconst {\n\t\tisError,\n\t\tdisableEditVariable,\n\t\tpod,\n\t\tselectedCarouselIndex,\n\t\toriginalVariableList,\n\t\tsetOriginalVariableList,\n\t\tisProductCarouselType,\n\t\tctaOptionsErrors,\n\t\tsetCtaOptionsErrors,\n\t} = useTemplateModalContext();\n\n\tuseEffect(() => {\n\t\tif (button.buttonVariable === UNSUBSCRIBE_URL_VARIABLE) {\n\t\t\tsetSelectedOption(UNSUBSCRIBE_URL_OPTION);\n\t\t\tsetCustomLink(button.example?.[0].split('https://')[1] || '');\n\t\t\treturn;\n\t\t}\n\t\tif (\n\t\t\tbutton.buttonVariable &&\n\t\t\teditableVarPattern.test(button.buttonVariable)\n\t\t) {\n\t\t\tif (button.buttonVariable === STATIC_URL_VARIABLE_NAME) {\n\t\t\t\tsetSelectedOption(STATIC_URL_CTA_OPTION);\n\t\t\t} else {\n\t\t\t\tsetSelectedOption(CUSTOM_URL_NAME);\n\t\t\t}\n\t\t\tsetCustomLink(button.example?.[0].split('https://')[1] || '');\n\t\t} else {\n\t\t\tlet index = -1;\n\t\t\tconst options =\n\t\t\t\tbutton.type === 'URL'\n\t\t\t\t\t? (CTAoptions as ButtonPlaceHolderOptions[])\n\t\t\t\t\t: (QRBoptions as ButtonPlaceHolderOptions[]);\n\t\t\tif (button.type === 'URL') {\n\t\t\t\tindex = options.findIndex(\n\t\t\t\t\t(op) => op.placeHolder === button.buttonVariable,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tindex = options.findIndex((op) => op.label === button.flowName);\n\t\t\t}\n\n\t\t\tif (index > -1) {\n\t\t\t\tsetSelectedOption(options[index]);\n\t\t\t} else {\n\t\t\t\tsetCtaOptionsErrors?.((prevState) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...prevState,\n\t\t\t\t\t\t[variableListIndex]: 'Required field!',\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}, []);\n\n\tfunction handleCustomLink(text: string) {\n\t\tsetCustomLink(text);\n\t\tif (\n\t\t\tselectedCarouselIndex != undefined &&\n\t\t\tselectedCarouselIndex > -1 &&\n\t\t\tisProductCarouselType\n\t\t) {\n\t\t\tconst originalList = cloneDeep(\n\t\t\t\toriginalVariableList as WhatsAppCarouselTemplateVariables,\n\t\t\t);\n\t\t\tif (button.type === 'URL') {\n\t\t\t\tconst newList = originalList.cards.map((card) => {\n\t\t\t\t\tconst urlBtns = card.buttons.filter((btn) => btn.type === 'URL');\n\t\t\t\t\tlet currentButton = urlBtns[variableListIndex];\n\t\t\t\t\tcurrentButton = {\n\t\t\t\t\t\t...currentButton,\n\t\t\t\t\t\tbuttonVariable: '((customPlaceholderName))',\n\t\t\t\t\t\texample: [`https://${text}`],\n\t\t\t\t\t};\n\t\t\t\t\tconst updatedButtons = card.buttons.map((btn) => {\n\t\t\t\t\t\tif (btn.type === 'URL' && btn?.text === currentButton?.text) {\n\t\t\t\t\t\t\treturn currentButton;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...card,\n\t\t\t\t\t\tbuttons: updatedButtons,\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...pre,\n\t\t\t\t\t\tcards: newList,\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t\tupdateSelectedURLTemplateBtn?.(\n\t\t\t\t\t`https://${text}`,\n\t\t\t\t\t'custom',\n\t\t\t\t\tvariableListIndex,\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\tconst urlVariables = currentVariableList.buttons.filter(\n\t\t\t(btn) => btn.type === 'URL',\n\t\t);\n\t\tlet urlVariable = urlVariables[variableListIndex];\n\t\turlVariable = {\n\t\t\t...urlVariable,\n\t\t\tbuttonVariable: '((customPlaceholderName))',\n\t\t\texample: [`https://${text}`],\n\t\t};\n\t\tconst updatedVariables = currentVariableList.buttons.map((btn) => {\n\t\t\tif (btn.type === 'URL' && btn?.text === urlVariable?.text) {\n\t\t\t\treturn urlVariable;\n\t\t\t} else {\n\t\t\t\treturn btn;\n\t\t\t}\n\t\t});\n\t\tconst newList = {\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  ]\n\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)),\n\t\t};\n\t\tnewList.buttons = updatedVariables;\n\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\n\t\t\tconst cardList = [\n\t\t\t\t...(originalVariableList as WhatsAppCarouselTemplateVariables).cards,\n\t\t\t];\n\t\t\tcardList[selectedCarouselIndex] = newList;\n\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\treturn {\n\t\t\t\t\t...pre,\n\t\t\t\t\tcards: cardList,\n\t\t\t\t};\n\t\t\t});\n\t\t} else {\n\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\treturn {\n\t\t\t\t\t...pre,\n\t\t\t\t\tbuttons: [...updatedVariables],\n\t\t\t\t};\n\t\t\t});\n\t\t}\n\t\tupdateSelectedURLTemplateBtn?.(\n\t\t\t`https://${text}`,\n\t\t\t'custom',\n\t\t\tvariableListIndex,\n\t\t);\n\t}\n\n\tfunction handleSelectOnChange(\n\t\toptionName: SingleOption | SingleOption[],\n\t\tselectedIndex?: number,\n\t) {\n\t\tsetCtaOptionsErrors?.((prevState) => {\n\t\t\tdelete prevState[variableListIndex];\n\t\t\treturn {\n\t\t\t\t...prevState,\n\t\t\t};\n\t\t});\n\t\tconst singleOption = optionName as optionType;\n\t\tsetSelectedOption(singleOption);\n\t\tconst options =\n\t\t\tbutton.type === 'URL'\n\t\t\t\t? (CTAoptions as ButtonPlaceHolderOptions[])\n\t\t\t\t: (QRBoptions as ButtonPlaceHolderOptions[]);\n\t\tconst placeHolder = options.find(\n\t\t\t(option) => option.placeHolder === singleOption.placeHolder,\n\t\t);\n\t\tif (placeHolder) {\n\t\t\tif (placeHolder.value !== 'custom_link') {\n\t\t\t\tif (\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex > -1 &&\n\t\t\t\t\tisProductCarouselType\n\t\t\t\t) {\n\t\t\t\t\tconst originalList = cloneDeep(\n\t\t\t\t\t\toriginalVariableList as WhatsAppCarouselTemplateVariables,\n\t\t\t\t\t);\n\t\t\t\t\tif (button.type === 'URL') {\n\t\t\t\t\t\tconst newList = originalList.cards.map((card) => {\n\t\t\t\t\t\t\tconst urlBtns = card.buttons.filter((btn) => btn.type === 'URL');\n\t\t\t\t\t\t\tlet currentButton = urlBtns[variableListIndex];\n\t\t\t\t\t\t\tcurrentButton = {\n\t\t\t\t\t\t\t\t...currentButton,\n\t\t\t\t\t\t\t\tbuttonVariable: singleOption.placeHolder,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tconst updatedButtons = card.buttons.map((btn) => {\n\t\t\t\t\t\t\t\tif (btn.type === 'URL' && btn?.text === currentButton?.text) {\n\t\t\t\t\t\t\t\t\treturn currentButton;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\t\tbuttons: updatedButtons,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t});\n\t\t\t\t\t\tupdateSelectedURLTemplateBtn?.(\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tdefaultValue: placeHolder.value,\n\t\t\t\t\t\t\t\tplaceHolder: placeHolder.placeHolder,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'placeholder',\n\t\t\t\t\t\t\tvariableListIndex,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...pre,\n\t\t\t\t\t\t\t\tcards: newList,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t});\n\t\t\t\t\t} else if (button.type === 'QUICK_REPLY') {\n\t\t\t\t\t\tconst newList = originalList.cards.map((card) => {\n\t\t\t\t\t\t\tconst qrbBtns = card.buttons.filter(\n\t\t\t\t\t\t\t\t(btn) => btn.type === 'QUICK_REPLY',\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tlet currentButton = qrbBtns[variableListIndex];\n\t\t\t\t\t\t\tcurrentButton = {\n\t\t\t\t\t\t\t\t...currentButton,\n\t\t\t\t\t\t\t\tflowName: singleOption.label,\n\t\t\t\t\t\t\t\tflowId: singleOption.value,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tconst updatedButtons = card.buttons.map((btn) => {\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\tbtn.type === 'QUICK_REPLY' &&\n\t\t\t\t\t\t\t\t\tbtn?.text === currentButton?.text\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\treturn currentButton;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\t\tbuttons: updatedButtons,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t});\n\t\t\t\t\t\tupdateSelectedQRBTemplateBtn?.(\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tflowName: singleOption.label,\n\t\t\t\t\t\t\t\tflowId: singleOption.value,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'placeholder',\n\t\t\t\t\t\t\tvariableListIndex,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...pre,\n\t\t\t\t\t\t\t\tcards: newList,\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\treturn;\n\t\t\t\t}\n\t\t\t\tlet updatedVariables;\n\t\t\t\tif (button.type === 'URL') {\n\t\t\t\t\tconst urlVariables = currentVariableList.buttons.filter(\n\t\t\t\t\t\t(btn) => btn.type === 'URL',\n\t\t\t\t\t);\n\t\t\t\t\tlet urlVariable = urlVariables[variableListIndex];\n\t\t\t\t\turlVariable = {\n\t\t\t\t\t\t...urlVariable,\n\t\t\t\t\t\tbuttonVariable: singleOption.placeHolder,\n\t\t\t\t\t\texample: [singleOption?.value || 'https://d.bik.ai/'],\n\t\t\t\t\t};\n\t\t\t\t\tupdatedVariables = currentVariableList.buttons.map((btn) => {\n\t\t\t\t\t\tif (btn.type === 'URL' && btn?.text === urlVariable?.text) {\n\t\t\t\t\t\t\treturn urlVariable;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tupdateSelectedURLTemplateBtn?.(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tdefaultValue: placeHolder.value,\n\t\t\t\t\t\t\tplaceHolder: placeHolder.placeHolder,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t'placeholder',\n\t\t\t\t\t\tvariableListIndex,\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tconst qrbVariables = currentVariableList.buttons.filter(\n\t\t\t\t\t\t(btn) => btn.type === 'QUICK_REPLY',\n\t\t\t\t\t);\n\t\t\t\t\tlet qrbVariable = qrbVariables[variableListIndex];\n\t\t\t\t\tqrbVariable = {\n\t\t\t\t\t\t...qrbVariable,\n\t\t\t\t\t\tflowName: singleOption.label,\n\t\t\t\t\t\tflowId: singleOption.value,\n\t\t\t\t\t};\n\t\t\t\t\tupdatedVariables = currentVariableList.buttons.map((btn) => {\n\t\t\t\t\t\tif (btn.type === 'QUICK_REPLY' && btn?.text === qrbVariable?.text) {\n\t\t\t\t\t\t\treturn qrbVariable;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tupdateSelectedQRBTemplateBtn?.(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tflowName: singleOption.label,\n\t\t\t\t\t\t\tflowId: singleOption.value,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t'placeholder',\n\t\t\t\t\t\tvariableListIndex,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tconst newList = {\n\t\t\t\t\t...(selectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t\t\t  ]\n\t\t\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)),\n\t\t\t\t};\n\t\t\t\tnewList.buttons = updatedVariables;\n\t\t\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\n\t\t\t\t\tconst cardList = [\n\t\t\t\t\t\t...(originalVariableList as WhatsAppCarouselTemplateVariables)\n\t\t\t\t\t\t\t.cards,\n\t\t\t\t\t];\n\t\t\t\t\tcardList[selectedCarouselIndex] = newList;\n\t\t\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...pre,\n\t\t\t\t\t\t\tcards: cardList,\n\t\t\t\t\t\t};\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...pre,\n\t\t\t\t\t\t\tbuttons: [...updatedVariables],\n\t\t\t\t\t\t};\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\thandleCustomLink('');\n\t\t\t}\n\t\t}\n\t}\n\n\tif (pod !== POD.CHATBOT) {\n\t\treturn (\n\t\t\t<Container>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tmarginBottom: 8,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: COLORS.content.primary,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{button.text} button\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t</div>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tmarginBottom: 12,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tdisabled={disableEditVariable || disableEdit}\n\t\t\t\t\t\ttruncatedText={false}\n\t\t\t\t\t\toptions={\n\t\t\t\t\t\t\tbutton.type === 'URL'\n\t\t\t\t\t\t\t\t? selectedOption?.value === 'static_link'\n\t\t\t\t\t\t\t\t\t? [STATIC_URL_CTA_OPTION]\n\t\t\t\t\t\t\t\t\t: (updatedCTAOptions as ButtonPlaceHolderOptions[])\n\t\t\t\t\t\t\t\t: (updatedQRBOptions as ButtonPlaceHolderOptions[])\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisSearchable={true}\n\t\t\t\t\t\tonSelect={\n\t\t\t\t\t\t\thandleSelectOnChange as (\n\t\t\t\t\t\t\t\toption: DropdownOption | DropdownOption[],\n\t\t\t\t\t\t\t) => void\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdefaultOptions={\n\t\t\t\t\t\t\tselectedOption\n\t\t\t\t\t\t\t\t? [{ ...selectedOption, selected: true } as DropdownOption]\n\t\t\t\t\t\t\t\t: []\n\t\t\t\t\t\t}\n\t\t\t\t\t\terror={isError ? ctaOptionsErrors?.[variableListIndex] : undefined}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t{(selectedOption?.value === 'custom_link' ||\n\t\t\t\t\tselectedOption?.value === 'static_link') && (\n\t\t\t\t\t<div style={{ marginBottom: 20 }}>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tstate={disableEditVariable || disableEdit ? 'disabled' : 'none'}\n\t\t\t\t\t\t\terrorMessage={\n\t\t\t\t\t\t\t\tisError\n\t\t\t\t\t\t\t\t\t? !customLink\n\t\t\t\t\t\t\t\t\t\t? 'Required field'\n\t\t\t\t\t\t\t\t\t\t: !validateIsUrl(customLink)\n\t\t\t\t\t\t\t\t\t\t? 'Enter valid URL'\n\t\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={customLink}\n\t\t\t\t\t\t\tprefixText={'https://'}\n\t\t\t\t\t\t\tplaceholder={'Enter custom URL here'}\n\t\t\t\t\t\t\tonChangeText={handleCustomLink}\n\t\t\t\t\t\t\tmaxCharLimit={2000}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Container>\n\t\t);\n\t} else {\n\t\treturn (\n\t\t\t<VariableConnector\n\t\t\t\t// this index is respect to template variables -> buttons\n\t\t\t\tindex={variableListIndex}\n\t\t\t\tvariable={{\n\t\t\t\t\tvariableName: button.text ?? '',\n\t\t\t\t\tupdatedValue:\n\t\t\t\t\t\tbutton.buttonVariable === '((customPlaceholderName))' //hardcoded for backward compatibility\n\t\t\t\t\t\t\t? `${button.example?.[0]}`\n\t\t\t\t\t\t\t: button.buttonVariable ?? '',\n\t\t\t\t\ttype: 'link', // since this is a url, type will be link\n\t\t\t\t\tisEditableVariable: true,\n\t\t\t\t\tindex: button.index ?? 0, // this index is respect to components -> buttons\n\t\t\t\t\tqueryParams: button.queryParams ?? [],\n\t\t\t\t}}\n\t\t\t\tshowVariableModal={true}\n\t\t\t\tcomponentType={'BUTTONS'}\n\t\t\t\tbuttonType={button.type}\n\t\t\t\tCTAoptions={CTAoptions} // dropdown values - for readable display name of variable in backward compatibility\n\t\t\t/>\n\t\t);\n\t}\n};\n\nexport default WhatsAppTemplateCardButtonV2;\n"],"names":["WhatsAppTemplateCardButtonV2","variableListIndex","button","updateSelectedURLTemplateBtn","updateSelectedQRBTemplateBtn","currentVariableList","CTAoptions","QRBoptions","disableEdit","customLink","setCustomLink","useState","selectedOption","setSelectedOption","updatedCTAOptions","option","updatedQRBOptions","isError","disableEditVariable","pod","selectedCarouselIndex","originalVariableList","setOriginalVariableList","isProductCarouselType","ctaOptionsErrors","setCtaOptionsErrors","useTemplateModalContext","useEffect","UNSUBSCRIBE_URL_VARIABLE","UNSUBSCRIBE_URL_OPTION","editableVarPattern","STATIC_URL_VARIABLE_NAME","STATIC_URL_CTA_OPTION","CUSTOM_URL_NAME","index","options","op","prevState","handleCustomLink","text","originalList","cloneDeep","newList","card","currentButton","btn","updatedButtons","pre","urlVariable","updatedVariables","cardList","handleSelectOnChange","optionName","selectedIndex","singleOption","placeHolder","qrbVariable","POD","Container","jsx","jsxs","BodySecondary","COLORS","Dropdown","Input","validateIsUrl","VariableConnector"],"mappings":"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"}
+{"version":3,"file":"WhatsAppTemplateCardButtonV2.js","sources":["../../../../../src/components/template-context-mapper/modalElements/WhatsAppTemplateCardButtonV2.tsx"],"sourcesContent":["import cloneDeep from 'lodash/cloneDeep';\nimport { useEffect, useState } from 'react';\nimport { Dropdown } from '@src/components/dropdown/Dropdown';\nimport type { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input/Input';\nimport { editableVarPattern } from '@src/components/template-preview/constants/regexPatterns';\nimport {\n\tButtonPlaceHolderOptions,\n\tCUSTOM_URL_NAME,\n\tSTATIC_URL_CTA_OPTION,\n\tUNSUBSCRIBE_URL_OPTION,\n} from '@src/components/template-preview/models/TemplateMeta';\nimport type { WhatsAppCarouselTemplateVariables } from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport {\n\ttype CTABtnValType,\n\tPOD,\n\ttype QRBBtnValType,\n\ttype TEMPLATE_BUTTON,\n} from '@src/components/template-preview/models/WhatsAppTemplate';\nimport type { WhatsAppTemplateVariables } from '@src/components/template-preview/models/WhatsAppTemplate';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport {\n\tSTATIC_URL_VARIABLE_NAME,\n\tUNSUBSCRIBE_URL_VARIABLE,\n} from '../utils/constants';\nimport { validateIsUrl } from '../utils/validateIsUrl';\nimport VariableConnector, { Container } from './VariableConnector';\n\nexport type URLBtnUpdateFunctionType = (\n\tval: CTABtnValType,\n\tmode: 'custom' | 'placeholder',\n\tbtnIndex?: number,\n) => void;\n\nexport type QRBBtnUpdateFunctionType = (\n\tval: QRBBtnValType,\n\tmode: 'custom' | 'placeholder',\n\tbtnIndex?: number,\n) => void;\n\ntype optionType = SingleOption & {\n\tplaceHolder: string;\n};\nexport interface WhatsAppTemplateCardButtonV2Props {\n\tcurrentVariableList: WhatsAppTemplateVariables;\n\tupdateSelectedURLTemplateBtn?: URLBtnUpdateFunctionType;\n\tupdateSelectedQRBTemplateBtn?: QRBBtnUpdateFunctionType;\n\tbutton: TEMPLATE_BUTTON;\n\tCTAoptions?: ButtonPlaceHolderOptions[];\n\tQRBoptions?: ButtonPlaceHolderOptions[];\n\tvariableListIndex: number;\n\tdisableEdit?: boolean;\n}\nconst WhatsAppTemplateCardButtonV2: React.FC<\n\tWhatsAppTemplateCardButtonV2Props\n> = ({\n\tvariableListIndex,\n\tbutton,\n\tupdateSelectedURLTemplateBtn,\n\tupdateSelectedQRBTemplateBtn,\n\tcurrentVariableList,\n\tCTAoptions,\n\tQRBoptions,\n\tdisableEdit,\n}) => {\n\tconst [customLink, setCustomLink] = useState('');\n\tconst [selectedOption, setSelectedOption] = useState<SingleOption>();\n\n\t// Updating the selected attribute in the options so that in dropdown the option will be highlighted\n\tconst updatedCTAOptions = CTAoptions?.map((option) => {\n\t\treturn {\n\t\t\t...option,\n\t\t\tselected:\n\t\t\t\tselectedOption?.value === option.value &&\n\t\t\t\tselectedOption.label === option.label,\n\t\t};\n\t});\n\tconst updatedQRBOptions = QRBoptions?.map((option) => {\n\t\treturn {\n\t\t\t...option,\n\t\t\tselected: selectedOption?.value === option.value,\n\t\t};\n\t});\n\n\tconst {\n\t\tisError,\n\t\tdisableEditVariable,\n\t\tpod,\n\t\tselectedCarouselIndex,\n\t\toriginalVariableList,\n\t\tsetOriginalVariableList,\n\t\tisProductCarouselType,\n\t\tctaOptionsErrors,\n\t\tsetCtaOptionsErrors,\n\t} = useTemplateModalContext();\n\n\tuseEffect(() => {\n\t\tif (button.buttonVariable === UNSUBSCRIBE_URL_VARIABLE) {\n\t\t\tsetSelectedOption(UNSUBSCRIBE_URL_OPTION);\n\t\t\tsetCustomLink(button.example?.[0].split('https://')[1] || '');\n\t\t\treturn;\n\t\t}\n\t\tif (\n\t\t\tbutton.buttonVariable &&\n\t\t\teditableVarPattern.test(button.buttonVariable)\n\t\t) {\n\t\t\tif (button.buttonVariable === STATIC_URL_VARIABLE_NAME) {\n\t\t\t\tsetSelectedOption(STATIC_URL_CTA_OPTION);\n\t\t\t} else {\n\t\t\t\tsetSelectedOption(CUSTOM_URL_NAME);\n\t\t\t}\n\t\t\tsetCustomLink(button.example?.[0].split('https://')[1] || '');\n\t\t} else {\n\t\t\tlet index = -1;\n\t\t\tconst options =\n\t\t\t\tbutton.type === 'URL'\n\t\t\t\t\t? (CTAoptions as ButtonPlaceHolderOptions[])\n\t\t\t\t\t: (QRBoptions as ButtonPlaceHolderOptions[]);\n\t\t\tif (button.type === 'URL') {\n\t\t\t\tindex = options.findIndex(\n\t\t\t\t\t(op) => op.placeHolder === button.buttonVariable,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tindex = options.findIndex((op) => op.label === button.flowName);\n\t\t\t}\n\n\t\t\tif (index > -1) {\n\t\t\t\tsetSelectedOption(options[index]);\n\t\t\t} else {\n\t\t\t\tsetCtaOptionsErrors?.((prevState) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...prevState,\n\t\t\t\t\t\t[variableListIndex]: 'Required field!',\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}, []);\n\n\tfunction handleCustomLink(text: string) {\n\t\tsetCustomLink(text);\n\t\tif (\n\t\t\tselectedCarouselIndex != undefined &&\n\t\t\tselectedCarouselIndex > -1 &&\n\t\t\tisProductCarouselType\n\t\t) {\n\t\t\tconst originalList = cloneDeep(\n\t\t\t\toriginalVariableList as WhatsAppCarouselTemplateVariables,\n\t\t\t);\n\t\t\tif (button.type === 'URL') {\n\t\t\t\tconst newList = originalList.cards.map((card) => {\n\t\t\t\t\tconst urlBtns = card.buttons.filter((btn) => btn.type === 'URL');\n\t\t\t\t\tlet currentButton = urlBtns[variableListIndex];\n\t\t\t\t\tcurrentButton = {\n\t\t\t\t\t\t...currentButton,\n\t\t\t\t\t\tbuttonVariable: '((customPlaceholderName))',\n\t\t\t\t\t\texample: [`https://${text}`],\n\t\t\t\t\t};\n\t\t\t\t\tconst updatedButtons = card.buttons.map((btn) => {\n\t\t\t\t\t\tif (btn.type === 'URL' && btn?.text === currentButton?.text) {\n\t\t\t\t\t\t\treturn currentButton;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...card,\n\t\t\t\t\t\tbuttons: updatedButtons,\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...pre,\n\t\t\t\t\t\tcards: newList,\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t\tupdateSelectedURLTemplateBtn?.(\n\t\t\t\t\t`https://${text}`,\n\t\t\t\t\t'custom',\n\t\t\t\t\tvariableListIndex,\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\tconst urlVariables = currentVariableList.buttons.filter(\n\t\t\t(btn) => btn.type === 'URL',\n\t\t);\n\t\tlet urlVariable = urlVariables[variableListIndex];\n\t\turlVariable = {\n\t\t\t...urlVariable,\n\t\t\tbuttonVariable: '((customPlaceholderName))',\n\t\t\texample: [`https://${text}`],\n\t\t};\n\t\tconst updatedVariables = currentVariableList.buttons.map((btn) => {\n\t\t\tif (btn.type === 'URL' && btn?.text === urlVariable?.text) {\n\t\t\t\treturn urlVariable;\n\t\t\t} else {\n\t\t\t\treturn btn;\n\t\t\t}\n\t\t});\n\t\tconst newList = {\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  ]\n\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)),\n\t\t};\n\t\tnewList.buttons = updatedVariables;\n\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\n\t\t\tconst cardList = [\n\t\t\t\t...(originalVariableList as WhatsAppCarouselTemplateVariables).cards,\n\t\t\t];\n\t\t\tcardList[selectedCarouselIndex] = newList;\n\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\treturn {\n\t\t\t\t\t...pre,\n\t\t\t\t\tcards: cardList,\n\t\t\t\t};\n\t\t\t});\n\t\t} else {\n\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\treturn {\n\t\t\t\t\t...pre,\n\t\t\t\t\tbuttons: [...updatedVariables],\n\t\t\t\t};\n\t\t\t});\n\t\t}\n\t\tupdateSelectedURLTemplateBtn?.(\n\t\t\t`https://${text}`,\n\t\t\t'custom',\n\t\t\tvariableListIndex,\n\t\t);\n\t}\n\n\tfunction handleSelectOnChange(\n\t\toptionName: SingleOption | SingleOption[],\n\t\tselectedIndex?: number,\n\t) {\n\t\tsetCtaOptionsErrors?.((prevState) => {\n\t\t\tdelete prevState[variableListIndex];\n\t\t\treturn {\n\t\t\t\t...prevState,\n\t\t\t};\n\t\t});\n\t\tconst singleOption = optionName as optionType;\n\t\tsetSelectedOption(singleOption);\n\t\tconst options =\n\t\t\tbutton.type === 'URL'\n\t\t\t\t? (CTAoptions as ButtonPlaceHolderOptions[])\n\t\t\t\t: (QRBoptions as ButtonPlaceHolderOptions[]);\n\t\tconst placeHolder = options.find(\n\t\t\t(option) => option.placeHolder === singleOption.placeHolder,\n\t\t);\n\t\tif (placeHolder) {\n\t\t\tif (placeHolder.value !== 'custom_link') {\n\t\t\t\tif (\n\t\t\t\t\tselectedCarouselIndex != undefined &&\n\t\t\t\t\tselectedCarouselIndex > -1 &&\n\t\t\t\t\tisProductCarouselType\n\t\t\t\t) {\n\t\t\t\t\tconst originalList = cloneDeep(\n\t\t\t\t\t\toriginalVariableList as WhatsAppCarouselTemplateVariables,\n\t\t\t\t\t);\n\t\t\t\t\tif (button.type === 'URL') {\n\t\t\t\t\t\tconst newList = originalList.cards.map((card) => {\n\t\t\t\t\t\t\tconst urlBtns = card.buttons.filter((btn) => btn.type === 'URL');\n\t\t\t\t\t\t\tlet currentButton = urlBtns[variableListIndex];\n\t\t\t\t\t\t\tcurrentButton = {\n\t\t\t\t\t\t\t\t...currentButton,\n\t\t\t\t\t\t\t\tbuttonVariable: singleOption.placeHolder,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tconst updatedButtons = card.buttons.map((btn) => {\n\t\t\t\t\t\t\t\tif (btn.type === 'URL' && btn?.text === currentButton?.text) {\n\t\t\t\t\t\t\t\t\treturn currentButton;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\t\tbuttons: updatedButtons,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t});\n\t\t\t\t\t\tupdateSelectedURLTemplateBtn?.(\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tdefaultValue: placeHolder.value,\n\t\t\t\t\t\t\t\tplaceHolder: placeHolder.placeHolder,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'placeholder',\n\t\t\t\t\t\t\tvariableListIndex,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...pre,\n\t\t\t\t\t\t\t\tcards: newList,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t});\n\t\t\t\t\t} else if (button.type === 'QUICK_REPLY') {\n\t\t\t\t\t\tconst newList = originalList.cards.map((card) => {\n\t\t\t\t\t\t\tconst qrbBtns = card.buttons.filter(\n\t\t\t\t\t\t\t\t(btn) => btn.type === 'QUICK_REPLY',\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tlet currentButton = qrbBtns[variableListIndex];\n\t\t\t\t\t\t\tcurrentButton = {\n\t\t\t\t\t\t\t\t...currentButton,\n\t\t\t\t\t\t\t\tflowName: singleOption.label,\n\t\t\t\t\t\t\t\tflowId: singleOption.value,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tconst updatedButtons = card.buttons.map((btn) => {\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\tbtn.type === 'QUICK_REPLY' &&\n\t\t\t\t\t\t\t\t\tbtn?.text === currentButton?.text\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\treturn currentButton;\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...card,\n\t\t\t\t\t\t\t\tbuttons: updatedButtons,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t});\n\t\t\t\t\t\tupdateSelectedQRBTemplateBtn?.(\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tflowName: singleOption.label,\n\t\t\t\t\t\t\t\tflowId: singleOption.value,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'placeholder',\n\t\t\t\t\t\t\tvariableListIndex,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...pre,\n\t\t\t\t\t\t\t\tcards: newList,\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\treturn;\n\t\t\t\t}\n\t\t\t\tlet updatedVariables;\n\t\t\t\tif (button.type === 'URL') {\n\t\t\t\t\tconst urlVariables = currentVariableList.buttons.filter(\n\t\t\t\t\t\t(btn) => btn.type === 'URL',\n\t\t\t\t\t);\n\t\t\t\t\tlet urlVariable = urlVariables[variableListIndex];\n\t\t\t\t\turlVariable = {\n\t\t\t\t\t\t...urlVariable,\n\t\t\t\t\t\tbuttonVariable: singleOption.placeHolder,\n\t\t\t\t\t\texample: [singleOption?.value || 'https://d.bik.ai/'],\n\t\t\t\t\t};\n\t\t\t\t\tupdatedVariables = currentVariableList.buttons.map((btn) => {\n\t\t\t\t\t\tif (btn.type === 'URL' && btn?.text === urlVariable?.text) {\n\t\t\t\t\t\t\treturn urlVariable;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tupdateSelectedURLTemplateBtn?.(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tdefaultValue: placeHolder.value,\n\t\t\t\t\t\t\tplaceHolder: placeHolder.placeHolder,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t'placeholder',\n\t\t\t\t\t\tvariableListIndex,\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tconst qrbVariables = currentVariableList.buttons.filter(\n\t\t\t\t\t\t(btn) => btn.type === 'QUICK_REPLY',\n\t\t\t\t\t);\n\t\t\t\t\tlet qrbVariable = qrbVariables[variableListIndex];\n\t\t\t\t\tqrbVariable = {\n\t\t\t\t\t\t...qrbVariable,\n\t\t\t\t\t\tflowName: singleOption.label,\n\t\t\t\t\t\tflowId: singleOption.value,\n\t\t\t\t\t};\n\t\t\t\t\tupdatedVariables = currentVariableList.buttons.map((btn) => {\n\t\t\t\t\t\tif (btn.type === 'QUICK_REPLY' && btn?.text === qrbVariable?.text) {\n\t\t\t\t\t\t\treturn qrbVariable;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn btn;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tupdateSelectedQRBTemplateBtn?.(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tflowName: singleOption.label,\n\t\t\t\t\t\t\tflowId: singleOption.value,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t'placeholder',\n\t\t\t\t\t\tvariableListIndex,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tconst newList = {\n\t\t\t\t\t...(selectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t\t\t  ]\n\t\t\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)),\n\t\t\t\t};\n\t\t\t\tnewList.buttons = updatedVariables;\n\t\t\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\n\t\t\t\t\tconst cardList = [\n\t\t\t\t\t\t...(originalVariableList as WhatsAppCarouselTemplateVariables)\n\t\t\t\t\t\t\t.cards,\n\t\t\t\t\t];\n\t\t\t\t\tcardList[selectedCarouselIndex] = newList;\n\t\t\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...pre,\n\t\t\t\t\t\t\tcards: cardList,\n\t\t\t\t\t\t};\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tsetOriginalVariableList?.((pre) => {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...pre,\n\t\t\t\t\t\t\tbuttons: [...updatedVariables],\n\t\t\t\t\t\t};\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\thandleCustomLink('');\n\t\t\t}\n\t\t}\n\t}\n\n\tif (pod !== POD.CHATBOT) {\n\t\treturn (\n\t\t\t<Container>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tmarginBottom: 8,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: COLORS.content.primary,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{button.text} button\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t</div>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tmarginBottom: 12,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tdisabled={disableEditVariable || disableEdit}\n\t\t\t\t\t\ttruncatedText={false}\n\t\t\t\t\t\toptions={\n\t\t\t\t\t\t\tbutton.type === 'URL'\n\t\t\t\t\t\t\t\t? selectedOption?.value === 'static_link'\n\t\t\t\t\t\t\t\t\t? [STATIC_URL_CTA_OPTION]\n\t\t\t\t\t\t\t\t\t: (updatedCTAOptions as ButtonPlaceHolderOptions[])\n\t\t\t\t\t\t\t\t: (updatedQRBOptions as ButtonPlaceHolderOptions[])\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisSearchable={true}\n\t\t\t\t\t\tonSelect={\n\t\t\t\t\t\t\thandleSelectOnChange as (\n\t\t\t\t\t\t\t\toption: DropdownOption | DropdownOption[],\n\t\t\t\t\t\t\t) => void\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdefaultOptions={\n\t\t\t\t\t\t\tselectedOption\n\t\t\t\t\t\t\t\t? [{ ...selectedOption, selected: true } as DropdownOption]\n\t\t\t\t\t\t\t\t: []\n\t\t\t\t\t\t}\n\t\t\t\t\t\terror={isError ? ctaOptionsErrors?.[variableListIndex] : undefined}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t{(selectedOption?.value === 'custom_link' ||\n\t\t\t\t\tselectedOption?.value === 'static_link') && (\n\t\t\t\t\t<div style={{ marginBottom: 20 }}>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tstate={disableEditVariable || disableEdit ? 'disabled' : 'none'}\n\t\t\t\t\t\t\terrorMessage={\n\t\t\t\t\t\t\t\tisError\n\t\t\t\t\t\t\t\t\t? !customLink\n\t\t\t\t\t\t\t\t\t\t? 'Required field'\n\t\t\t\t\t\t\t\t\t\t: !validateIsUrl(customLink)\n\t\t\t\t\t\t\t\t\t\t? 'Enter valid URL'\n\t\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={customLink}\n\t\t\t\t\t\t\tprefixText={'https://'}\n\t\t\t\t\t\t\tplaceholder={'Enter custom URL here'}\n\t\t\t\t\t\t\tonChangeText={handleCustomLink}\n\t\t\t\t\t\t\tmaxCharLimit={2000}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Container>\n\t\t);\n\t} else {\n\t\treturn (\n\t\t\t<VariableConnector\n\t\t\t\t// this index is respect to template variables -> buttons\n\t\t\t\tindex={variableListIndex}\n\t\t\t\tvariable={{\n\t\t\t\t\tvariableName: button.text ?? '',\n\t\t\t\t\tupdatedValue:\n\t\t\t\t\t\tbutton.buttonVariable === '((customPlaceholderName))' //hardcoded for backward compatibility\n\t\t\t\t\t\t\t? `${button.example?.[0]}`\n\t\t\t\t\t\t\t: button.buttonVariable ?? '',\n\t\t\t\t\ttype: 'link', // since this is a url, type will be link\n\t\t\t\t\tisEditableVariable: true,\n\t\t\t\t\tindex: button.index ?? 0, // this index is respect to components -> buttons\n\t\t\t\t\tqueryParams: button.queryParams ?? [],\n\t\t\t\t}}\n\t\t\t\tshowVariableModal={true}\n\t\t\t\tcomponentType={'BUTTONS'}\n\t\t\t\tbuttonType={button.type}\n\t\t\t\tCTAoptions={CTAoptions} // dropdown values - for readable display name of variable in backward compatibility\n\t\t\t/>\n\t\t);\n\t}\n};\n\nexport default WhatsAppTemplateCardButtonV2;\n"],"names":["WhatsAppTemplateCardButtonV2","variableListIndex","button","updateSelectedURLTemplateBtn","updateSelectedQRBTemplateBtn","currentVariableList","CTAoptions","QRBoptions","disableEdit","customLink","setCustomLink","useState","selectedOption","setSelectedOption","updatedCTAOptions","option","updatedQRBOptions","isError","disableEditVariable","pod","selectedCarouselIndex","originalVariableList","setOriginalVariableList","isProductCarouselType","ctaOptionsErrors","setCtaOptionsErrors","useTemplateModalContext","useEffect","UNSUBSCRIBE_URL_VARIABLE","UNSUBSCRIBE_URL_OPTION","editableVarPattern","STATIC_URL_VARIABLE_NAME","STATIC_URL_CTA_OPTION","CUSTOM_URL_NAME","index","options","op","prevState","handleCustomLink","text","originalList","cloneDeep","newList","card","currentButton","btn","updatedButtons","pre","urlVariable","updatedVariables","cardList","handleSelectOnChange","optionName","selectedIndex","singleOption","placeHolder","qrbVariable","POD","Container","jsx","jsxs","BodySecondary","COLORS","Dropdown","Input","validateIsUrl","VariableConnector"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("lodash/cloneDeep"),c=require("react"),C=require("../../helpers/FileUploaderHelper.js"),r=require("../../template-preview/models/TemplateMeta.js"),L=require("../context/templateModalContext.js"),W=require("../utils/validateIsUrl.js"),G=R=>{const{uploadMediaLink:M,updateTemplateImageUrl:h,validateMimeType:w,mediaComponent:g,uploadMediaFiles:H,fileRef:y}=R,{template:f,selectedCarouselIndex:i,setTemplate:I}=L.useTemplateModalContext(),[S,m]=c.useState(void 0),[D,u]=c.useState(),[b,p]=c.useState(!1),[k,o]=c.useState(""),[F,n]=c.useState(!1),[P,d]=c.useState(),_=c.useRef(null);async function q(a){if(o(""),u(""),!a)U();else if(a.startsWith("https"))try{if(n(!0),M){const e=await M(a),{type:t,size:s,success:l}=e;if(l){const v=new C.FileUploaderHelper().validate({linkData:{type:t,size:s}});if(v){o(v),n(!1);return}const[A]=t.split("/");h(e.url??"",A.includes("application")?r.HEADER_TYPES.DOCUMENT:r.HEADER_TYPES[A.toUpperCase()])}else n(!1),o("An unknown technical error occurred");n(!1)}else{const t=await(await fetch(a)).blob();await E(t)}}catch{n(!1),o("An unknown technical error occurred")}else if(W.isVariable(a)){u(a);let e;if(i!=null&&i>-1?e={components:f.components[1]?.cards?.[i].components,mapping:f?.mapping?.cards?.[i]}:e={...f},e.components){const t=e?.components?.findIndex(s=>{if(s.type==="HEADER"&&s.format!=="NONE"&&s.format!=="TEXT")return!0});if(typeof t<"u"&&t>-1&&e?.components[t]){const s={...e.components[t],format:g.format,example:{header_handle:[a]}},l=[...e.components];l[t]=s,e.components=l}}if(e.mapping&&(e.mapping={...e.mapping,header:[a]}),n(!1),i!=null&&i>-1){const t=Y(f);t.components[1].cards[i].components=e.components,t.mapping.cards[i]=e.mapping,I?.({...t})}else I?.({...e})}else n(!1),o("Invalid URL or variable")}async function E(a){const e=new C.FileUploaderHelper;if(a instanceof Blob){if(w){const{isValid:s,mimeType:l}=await w(a);if(!s){o(`MIME type ${l} is not supported`);return}}const t=e.validate({file:a});if(t)o(t),n(!1),p(!1);else{const s=g.format===r.HEADER_TYPES.IMAGE,l=await H({file:a,fileName:S,isImage:s});if(l.success){const[T]=a.type.split("/");h(l.url??"",T==="application"?r.HEADER_TYPES.DOCUMENT:r.HEADER_TYPES[T.toUpperCase()])}else n(!1),o("An unknown technical error occurred");n(!1),p(!1)}}else o("An unknown technical error occurred"),n(!1)}function x(a){o(""),n(!0);const e=a.target.files?.[0];if(g.format===r.HEADER_TYPES.IMAGE){const t=new FileReader;d(""),m(""),t.onload=()=>{d(t.result),m(e?.name)},e&&t.readAsDataURL(e)}else E(e)}async function N(a){n(!1),o("");const t=await(await fetch(a)).blob();await E(t),d(void 0),p(!1)}function U(){y?.current?.click&&y.current.click()}return c.useEffect(()=>{m(void 0),d(void 0),u(void 0),p(!1),n(!1),o("")},[i]),{uploadMedia:q,processImageUpload:E,handleImageUpload:x,handleImageChange:U,onCropComplete:N,editIconRef:_,fileName:S,setFileName:m,selectedVariable:D,setSelectedVariable:u,openEditMedia:b,setOpenEditMedia:p,selectedImage:P,setSelectedImage:d,loading:F,setLoading:n,error:k,setError:o}};exports.useEditWhatsappTemplateMedia=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("lodash/cloneDeep"),c=require("react"),D=require("../../helpers/FileUploaderHelper.js"),p=require("../../template-preview/models/TemplateMeta.js"),L=require("../context/templateModalContext.js"),W=require("../utils/validateIsUrl.js"),j=r=>r&&typeof r=="object"&&"default"in r?r:{default:r},G=j(Y),z=r=>{const{uploadMediaLink:h,updateTemplateImageUrl:y,validateMimeType:w,mediaComponent:T,uploadMediaFiles:R,fileRef:I}=r,{template:m,selectedCarouselIndex:i,setTemplate:S}=L.useTemplateModalContext(),[U,u]=c.useState(void 0),[H,E]=c.useState(),[_,d]=c.useState(!1),[b,n]=c.useState(""),[k,o]=c.useState(!1),[F,f]=c.useState(),P=c.useRef(null);async function q(a){if(n(""),E(""),!a)C();else if(a.startsWith("https"))try{if(o(!0),h){const e=await h(a),{type:t,size:s,success:l}=e;if(l){const v=new D.FileUploaderHelper().validate({linkData:{type:t,size:s}});if(v){n(v),o(!1);return}const[A]=t.split("/");y(e.url??"",A.includes("application")?p.HEADER_TYPES.DOCUMENT:p.HEADER_TYPES[A.toUpperCase()])}else o(!1),n("An unknown technical error occurred");o(!1)}else{const t=await(await fetch(a)).blob();await g(t)}}catch{o(!1),n("An unknown technical error occurred")}else if(W.isVariable(a)){E(a);let e;if(i!=null&&i>-1?e={components:m.components[1]?.cards?.[i].components,mapping:m?.mapping?.cards?.[i]}:e={...m},e.components){const t=e?.components?.findIndex(s=>{if(s.type==="HEADER"&&s.format!=="NONE"&&s.format!=="TEXT")return!0});if(typeof t<"u"&&t>-1&&e?.components[t]){const s={...e.components[t],format:T.format,example:{header_handle:[a]}},l=[...e.components];l[t]=s,e.components=l}}if(e.mapping&&(e.mapping={...e.mapping,header:[a]}),o(!1),i!=null&&i>-1){const t=G.default(m);t.components[1].cards[i].components=e.components,t.mapping.cards[i]=e.mapping,S?.({...t})}else S?.({...e})}else o(!1),n("Invalid URL or variable")}async function g(a){const e=new D.FileUploaderHelper;if(a instanceof Blob){if(w){const{isValid:s,mimeType:l}=await w(a);if(!s){n(`MIME type ${l} is not supported`);return}}const t=e.validate({file:a});if(t)n(t),o(!1),d(!1);else{const s=T.format===p.HEADER_TYPES.IMAGE,l=await R({file:a,fileName:U,isImage:s});if(l.success){const[M]=a.type.split("/");y(l.url??"",M==="application"?p.HEADER_TYPES.DOCUMENT:p.HEADER_TYPES[M.toUpperCase()])}else o(!1),n("An unknown technical error occurred");o(!1),d(!1)}}else n("An unknown technical error occurred"),o(!1)}function x(a){n(""),o(!0);const e=a.target.files?.[0];if(T.format===p.HEADER_TYPES.IMAGE){const t=new FileReader;f(""),u(""),t.onload=()=>{f(t.result),u(e?.name)},e&&t.readAsDataURL(e)}else g(e)}async function N(a){o(!1),n("");const t=await(await fetch(a)).blob();await g(t),f(void 0),d(!1)}function C(){I?.current?.click&&I.current.click()}return c.useEffect(()=>{u(void 0),f(void 0),E(void 0),d(!1),o(!1),n("")},[i]),{uploadMedia:q,processImageUpload:g,handleImageUpload:x,handleImageChange:C,onCropComplete:N,editIconRef:P,fileName:U,setFileName:u,selectedVariable:H,setSelectedVariable:E,openEditMedia:_,setOpenEditMedia:d,selectedImage:F,setSelectedImage:f,loading:k,setLoading:o,error:b,setError:n}};exports.useEditWhatsappTemplateMedia=z;
 //# sourceMappingURL=useEditWhtasappTemplateMedia.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEditWhtasappTemplateMedia.js","sources":["../../../../../src/components/template-context-mapper/modalElements/useEditWhtasappTemplateMedia.tsx"],"sourcesContent":["import cloneDeep from 'lodash/cloneDeep';\nimport { useEffect, useRef, useState } from 'react';\nimport React from 'react';\nimport { FileUploaderHelper } from '@src/components/helpers/FileUploaderHelper';\nimport { HEADER_TYPES } from '@src/components/template-preview/models/TemplateMeta';\nimport type { WhatsAppCarouselTemplate } from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport type {\n\tIMimeTypeResponse,\n\tWhatsAppPickerMeta,\n\tWhatsAppTemplate,\n} from '@src/components/template-preview/models/WhatsAppTemplate';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport { isVariable } from '../utils/validateIsUrl';\n\nexport type UseEditWhatsappTemplateMediaResponse = ReturnType<\n\ttypeof useEditWhatsappTemplateMedia\n>;\ninterface UseEditWhatsappTemplateMediaProps {\n\tuploadMediaLink?: WhatsAppPickerMeta['uploadMediaLink'];\n\tuploadMediaFiles: WhatsAppPickerMeta['uploadMediaFiles'];\n\tvalidateMimeType?: (blob: Blob) => Promise<IMimeTypeResponse>;\n\tupdateTemplateImageUrl: (\n\t\turl: string,\n\t\tformat: WhatsAppTemplate['components'][0]['format'],\n\t) => void;\n\tfileRef: React.RefObject<HTMLInputElement | null>;\n\tmediaComponent: any;\n}\nexport const useEditWhatsappTemplateMedia = (\n\tprops: UseEditWhatsappTemplateMediaProps,\n) => {\n\tconst {\n\t\tuploadMediaLink,\n\t\tupdateTemplateImageUrl,\n\t\tvalidateMimeType,\n\t\tmediaComponent,\n\t\tuploadMediaFiles,\n\t\tfileRef,\n\t} = props;\n\n\tconst {\n\t\ttemplate: currentTemplate,\n\t\tselectedCarouselIndex,\n\t\tsetTemplate,\n\t} = useTemplateModalContext();\n\n\tconst [fileName, setFileName] = useState<string | undefined>(undefined);\n\tconst [selectedVariable, setSelectedVariable] = useState<\n\t\tstring | undefined\n\t>();\n\tconst [openEditMedia, setOpenEditMedia] = useState(false);\n\tconst [error, setError] = useState('');\n\tconst [loading, setLoading] = useState(false);\n\tconst [selectedImage, setSelectedImage] = useState<string | undefined>();\n\n\tconst editIconRef = useRef(null);\n\n\tasync function uploadMedia(urlOrVariable?: string) {\n\t\tsetError('');\n\t\tsetSelectedVariable('');\n\n\t\tif (!urlOrVariable) {\n\t\t\thandleImageChange();\n\t\t} else if (urlOrVariable.startsWith('https')) {\n\t\t\ttry {\n\t\t\t\tsetLoading(true);\n\t\t\t\tif (uploadMediaLink) {\n\t\t\t\t\tconst response = await uploadMediaLink(urlOrVariable);\n\t\t\t\t\tconst { type, size, success } = response;\n\t\t\t\t\tif (success) {\n\t\t\t\t\t\tconst fileUploaderHelper = new FileUploaderHelper();\n\t\t\t\t\t\tconst error = fileUploaderHelper.validate({\n\t\t\t\t\t\t\tlinkData: {\n\t\t\t\t\t\t\t\ttype,\n\t\t\t\t\t\t\t\tsize,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t});\n\t\t\t\t\t\tif (error) {\n\t\t\t\t\t\t\tsetError(error);\n\t\t\t\t\t\t\tsetLoading(false);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst [fileType] = type.split('/');\n\t\t\t\t\t\tupdateTemplateImageUrl(\n\t\t\t\t\t\t\tresponse.url ?? '',\n\t\t\t\t\t\t\tfileType.includes('application')\n\t\t\t\t\t\t\t\t? HEADER_TYPES.DOCUMENT\n\t\t\t\t\t\t\t\t: HEADER_TYPES[\n\t\t\t\t\t\t\t\t\t\tfileType.toUpperCase() as keyof typeof HEADER_TYPES\n\t\t\t\t\t\t\t\t  ],\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetLoading(false);\n\t\t\t\t\t\tsetError('An unknown technical error occurred');\n\t\t\t\t\t}\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t} else {\n\t\t\t\t\tconst file = await fetch(urlOrVariable);\n\t\t\t\t\tconst blob = await file.blob();\n\t\t\t\t\tawait processImageUpload(blob);\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tsetLoading(false);\n\t\t\t\tsetError('An unknown technical error occurred');\n\t\t\t}\n\t\t} else if (isVariable(urlOrVariable)) {\n\t\t\tsetSelectedVariable(urlOrVariable);\n\t\t\tlet template: any;\n\t\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\n\t\t\t\ttemplate = {\n\t\t\t\t\tcomponents: (currentTemplate as WhatsAppCarouselTemplate)\n\t\t\t\t\t\t.components[1]?.cards?.[selectedCarouselIndex].components,\n\t\t\t\t\tmapping: (currentTemplate as WhatsAppCarouselTemplate)?.mapping\n\t\t\t\t\t\t?.cards?.[selectedCarouselIndex],\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\ttemplate = { ...currentTemplate } as WhatsAppTemplate;\n\t\t\t}\n\t\t\tif (template.components) {\n\t\t\t\tconst imageComponentIndex = template?.components?.findIndex(\n\t\t\t\t\t(component) => {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tcomponent.type === 'HEADER' &&\n\t\t\t\t\t\t\tcomponent.format !== 'NONE' &&\n\t\t\t\t\t\t\tcomponent.format !== 'TEXT'\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t);\n\t\t\t\tif (\n\t\t\t\t\ttypeof imageComponentIndex !== 'undefined' &&\n\t\t\t\t\timageComponentIndex > -1 &&\n\t\t\t\t\ttemplate?.components[imageComponentIndex]\n\t\t\t\t) {\n\t\t\t\t\tconst updatedComponent: WhatsAppTemplate['components'][0] = {\n\t\t\t\t\t\t...template.components[imageComponentIndex],\n\t\t\t\t\t\tformat: mediaComponent.format,\n\t\t\t\t\t\texample: {\n\t\t\t\t\t\t\theader_handle: [urlOrVariable],\n\t\t\t\t\t\t},\n\t\t\t\t\t};\n\n\t\t\t\t\tconst components = [...template.components];\n\t\t\t\t\tcomponents[imageComponentIndex] = updatedComponent;\n\t\t\t\t\ttemplate.components = components;\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (template.mapping) {\n\t\t\t\ttemplate.mapping = {\n\t\t\t\t\t...template.mapping,\n\t\t\t\t\theader: [urlOrVariable],\n\t\t\t\t};\n\t\t\t}\n\t\t\tsetLoading(false);\n\t\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\n\t\t\t\tconst templateCopy = cloneDeep(\n\t\t\t\t\tcurrentTemplate as WhatsAppCarouselTemplate,\n\t\t\t\t);\n\t\t\t\ttemplateCopy.components[1].cards![selectedCarouselIndex].components =\n\t\t\t\t\ttemplate.components;\n\t\t\t\ttemplateCopy.mapping.cards![selectedCarouselIndex] = template.mapping!;\n\t\t\t\tsetTemplate?.({ ...templateCopy });\n\t\t\t} else {\n\t\t\t\tsetTemplate?.({ ...template });\n\t\t\t}\n\t\t} else {\n\t\t\tsetLoading(false);\n\t\t\tsetError('Invalid URL or variable');\n\t\t}\n\t}\n\n\tasync function processImageUpload(file?: Blob | File) {\n\t\tconst fileUploaderHelper = new FileUploaderHelper();\n\t\tif (file instanceof Blob) {\n\t\t\tif (validateMimeType) {\n\t\t\t\tconst { isValid, mimeType } = await validateMimeType(file);\n\t\t\t\tif (!isValid) {\n\t\t\t\t\tsetError(`MIME type ${mimeType} is not supported`);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\t\t\tconst errorFromValidation = fileUploaderHelper.validate({ file });\n\t\t\tif (!errorFromValidation) {\n\t\t\t\tconst isImage = mediaComponent.format === HEADER_TYPES.IMAGE;\n\t\t\t\tconst response = await uploadMediaFiles({\n\t\t\t\t\tfile: file as File,\n\t\t\t\t\tfileName: fileName as string,\n\t\t\t\t\tisImage,\n\t\t\t\t});\n\n\t\t\t\tif (response.success) {\n\t\t\t\t\tconst [type] = file.type.split('/');\n\t\t\t\t\tupdateTemplateImageUrl(\n\t\t\t\t\t\tresponse.url ?? '',\n\t\t\t\t\t\ttype === 'application'\n\t\t\t\t\t\t\t? HEADER_TYPES.DOCUMENT\n\t\t\t\t\t\t\t: HEADER_TYPES[type.toUpperCase() as keyof typeof HEADER_TYPES],\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t\tsetError('An unknown technical error occurred');\n\t\t\t\t}\n\n\t\t\t\tsetLoading(false);\n\t\t\t\tsetOpenEditMedia(false);\n\t\t\t} else {\n\t\t\t\tsetError(errorFromValidation);\n\t\t\t\tsetLoading(false);\n\t\t\t\tsetOpenEditMedia(false);\n\t\t\t}\n\t\t} else {\n\t\t\tsetError('An unknown technical error occurred');\n\t\t\tsetLoading(false);\n\t\t}\n\t}\n\n\tfunction handleImageUpload($event: React.ChangeEvent<HTMLInputElement>) {\n\t\tsetError('');\n\t\tsetLoading(true);\n\n\t\tconst file = $event.target.files?.[0];\n\t\tif (mediaComponent.format === HEADER_TYPES.IMAGE) {\n\t\t\tconst reader = new FileReader();\n\t\t\tsetSelectedImage('');\n\t\t\tsetFileName('');\n\n\t\t\treader.onload = () => {\n\t\t\t\tsetSelectedImage(reader.result as any);\n\t\t\t\tsetFileName(file?.name);\n\t\t\t};\n\n\t\t\tif (file) {\n\t\t\t\treader.readAsDataURL(file);\n\t\t\t}\n\t\t} else {\n\t\t\tprocessImageUpload(file);\n\t\t}\n\t}\n\n\tasync function onCropComplete(base64: string) {\n\t\tsetLoading(false);\n\t\tsetError('');\n\t\tconst res = await fetch(base64);\n\t\tconst blob = await res.blob();\n\t\tawait processImageUpload(blob);\n\t\tsetSelectedImage(undefined);\n\t\tsetOpenEditMedia(false);\n\t}\n\n\tfunction handleImageChange() {\n\t\tif (fileRef?.current?.click) {\n\t\t\tfileRef.current.click();\n\t\t}\n\t}\n\n\tuseEffect(() => {\n\t\tsetFileName(undefined);\n\t\tsetSelectedImage(undefined);\n\t\tsetSelectedVariable(undefined);\n\t\tsetOpenEditMedia(false);\n\t\tsetLoading(false);\n\t\tsetError('');\n\t}, [selectedCarouselIndex]);\n\n\treturn {\n\t\tuploadMedia,\n\t\tprocessImageUpload,\n\t\thandleImageUpload,\n\t\thandleImageChange,\n\t\tonCropComplete,\n\t\teditIconRef,\n\t\tfileName,\n\t\tsetFileName,\n\t\tselectedVariable,\n\t\tsetSelectedVariable,\n\t\topenEditMedia,\n\t\tsetOpenEditMedia,\n\t\tselectedImage,\n\t\tsetSelectedImage,\n\t\tloading,\n\t\tsetLoading,\n\t\terror,\n\t\tsetError,\n\t};\n};\n"],"names":["useEditWhatsappTemplateMedia","props","uploadMediaLink","updateTemplateImageUrl","validateMimeType","mediaComponent","uploadMediaFiles","fileRef","currentTemplate","selectedCarouselIndex","setTemplate","useTemplateModalContext","fileName","setFileName","useState","selectedVariable","setSelectedVariable","openEditMedia","setOpenEditMedia","error","setError","loading","setLoading","selectedImage","setSelectedImage","editIconRef","useRef","uploadMedia","urlOrVariable","handleImageChange","response","type","size","success","FileUploaderHelper","fileType","HEADER_TYPES","blob","processImageUpload","isVariable","template","imageComponentIndex","component","updatedComponent","components","templateCopy","cloneDeep","file","fileUploaderHelper","isValid","mimeType","errorFromValidation","isImage","handleImageUpload","$event","reader","onCropComplete","base64","useEffect"],"mappings":"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"}
+{"version":3,"file":"useEditWhtasappTemplateMedia.js","sources":["../../../../../src/components/template-context-mapper/modalElements/useEditWhtasappTemplateMedia.tsx"],"sourcesContent":["import cloneDeep from 'lodash/cloneDeep';\nimport { useEffect, useRef, useState } from 'react';\nimport React from 'react';\nimport { FileUploaderHelper } from '@src/components/helpers/FileUploaderHelper';\nimport { HEADER_TYPES } from '@src/components/template-preview/models/TemplateMeta';\nimport type { WhatsAppCarouselTemplate } from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport type {\n\tIMimeTypeResponse,\n\tWhatsAppPickerMeta,\n\tWhatsAppTemplate,\n} from '@src/components/template-preview/models/WhatsAppTemplate';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport { isVariable } from '../utils/validateIsUrl';\n\nexport type UseEditWhatsappTemplateMediaResponse = ReturnType<\n\ttypeof useEditWhatsappTemplateMedia\n>;\ninterface UseEditWhatsappTemplateMediaProps {\n\tuploadMediaLink?: WhatsAppPickerMeta['uploadMediaLink'];\n\tuploadMediaFiles: WhatsAppPickerMeta['uploadMediaFiles'];\n\tvalidateMimeType?: (blob: Blob) => Promise<IMimeTypeResponse>;\n\tupdateTemplateImageUrl: (\n\t\turl: string,\n\t\tformat: WhatsAppTemplate['components'][0]['format'],\n\t) => void;\n\tfileRef: React.RefObject<HTMLInputElement | null>;\n\tmediaComponent: any;\n}\nexport const useEditWhatsappTemplateMedia = (\n\tprops: UseEditWhatsappTemplateMediaProps,\n) => {\n\tconst {\n\t\tuploadMediaLink,\n\t\tupdateTemplateImageUrl,\n\t\tvalidateMimeType,\n\t\tmediaComponent,\n\t\tuploadMediaFiles,\n\t\tfileRef,\n\t} = props;\n\n\tconst {\n\t\ttemplate: currentTemplate,\n\t\tselectedCarouselIndex,\n\t\tsetTemplate,\n\t} = useTemplateModalContext();\n\n\tconst [fileName, setFileName] = useState<string | undefined>(undefined);\n\tconst [selectedVariable, setSelectedVariable] = useState<\n\t\tstring | undefined\n\t>();\n\tconst [openEditMedia, setOpenEditMedia] = useState(false);\n\tconst [error, setError] = useState('');\n\tconst [loading, setLoading] = useState(false);\n\tconst [selectedImage, setSelectedImage] = useState<string | undefined>();\n\n\tconst editIconRef = useRef(null);\n\n\tasync function uploadMedia(urlOrVariable?: string) {\n\t\tsetError('');\n\t\tsetSelectedVariable('');\n\n\t\tif (!urlOrVariable) {\n\t\t\thandleImageChange();\n\t\t} else if (urlOrVariable.startsWith('https')) {\n\t\t\ttry {\n\t\t\t\tsetLoading(true);\n\t\t\t\tif (uploadMediaLink) {\n\t\t\t\t\tconst response = await uploadMediaLink(urlOrVariable);\n\t\t\t\t\tconst { type, size, success } = response;\n\t\t\t\t\tif (success) {\n\t\t\t\t\t\tconst fileUploaderHelper = new FileUploaderHelper();\n\t\t\t\t\t\tconst error = fileUploaderHelper.validate({\n\t\t\t\t\t\t\tlinkData: {\n\t\t\t\t\t\t\t\ttype,\n\t\t\t\t\t\t\t\tsize,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t});\n\t\t\t\t\t\tif (error) {\n\t\t\t\t\t\t\tsetError(error);\n\t\t\t\t\t\t\tsetLoading(false);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst [fileType] = type.split('/');\n\t\t\t\t\t\tupdateTemplateImageUrl(\n\t\t\t\t\t\t\tresponse.url ?? '',\n\t\t\t\t\t\t\tfileType.includes('application')\n\t\t\t\t\t\t\t\t? HEADER_TYPES.DOCUMENT\n\t\t\t\t\t\t\t\t: HEADER_TYPES[\n\t\t\t\t\t\t\t\t\t\tfileType.toUpperCase() as keyof typeof HEADER_TYPES\n\t\t\t\t\t\t\t\t  ],\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetLoading(false);\n\t\t\t\t\t\tsetError('An unknown technical error occurred');\n\t\t\t\t\t}\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t} else {\n\t\t\t\t\tconst file = await fetch(urlOrVariable);\n\t\t\t\t\tconst blob = await file.blob();\n\t\t\t\t\tawait processImageUpload(blob);\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tsetLoading(false);\n\t\t\t\tsetError('An unknown technical error occurred');\n\t\t\t}\n\t\t} else if (isVariable(urlOrVariable)) {\n\t\t\tsetSelectedVariable(urlOrVariable);\n\t\t\tlet template: any;\n\t\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\n\t\t\t\ttemplate = {\n\t\t\t\t\tcomponents: (currentTemplate as WhatsAppCarouselTemplate)\n\t\t\t\t\t\t.components[1]?.cards?.[selectedCarouselIndex].components,\n\t\t\t\t\tmapping: (currentTemplate as WhatsAppCarouselTemplate)?.mapping\n\t\t\t\t\t\t?.cards?.[selectedCarouselIndex],\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\ttemplate = { ...currentTemplate } as WhatsAppTemplate;\n\t\t\t}\n\t\t\tif (template.components) {\n\t\t\t\tconst imageComponentIndex = template?.components?.findIndex(\n\t\t\t\t\t(component) => {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tcomponent.type === 'HEADER' &&\n\t\t\t\t\t\t\tcomponent.format !== 'NONE' &&\n\t\t\t\t\t\t\tcomponent.format !== 'TEXT'\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t);\n\t\t\t\tif (\n\t\t\t\t\ttypeof imageComponentIndex !== 'undefined' &&\n\t\t\t\t\timageComponentIndex > -1 &&\n\t\t\t\t\ttemplate?.components[imageComponentIndex]\n\t\t\t\t) {\n\t\t\t\t\tconst updatedComponent: WhatsAppTemplate['components'][0] = {\n\t\t\t\t\t\t...template.components[imageComponentIndex],\n\t\t\t\t\t\tformat: mediaComponent.format,\n\t\t\t\t\t\texample: {\n\t\t\t\t\t\t\theader_handle: [urlOrVariable],\n\t\t\t\t\t\t},\n\t\t\t\t\t};\n\n\t\t\t\t\tconst components = [...template.components];\n\t\t\t\t\tcomponents[imageComponentIndex] = updatedComponent;\n\t\t\t\t\ttemplate.components = components;\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (template.mapping) {\n\t\t\t\ttemplate.mapping = {\n\t\t\t\t\t...template.mapping,\n\t\t\t\t\theader: [urlOrVariable],\n\t\t\t\t};\n\t\t\t}\n\t\t\tsetLoading(false);\n\t\t\tif (selectedCarouselIndex != undefined && selectedCarouselIndex > -1) {\n\t\t\t\tconst templateCopy = cloneDeep(\n\t\t\t\t\tcurrentTemplate as WhatsAppCarouselTemplate,\n\t\t\t\t);\n\t\t\t\ttemplateCopy.components[1].cards![selectedCarouselIndex].components =\n\t\t\t\t\ttemplate.components;\n\t\t\t\ttemplateCopy.mapping.cards![selectedCarouselIndex] = template.mapping!;\n\t\t\t\tsetTemplate?.({ ...templateCopy });\n\t\t\t} else {\n\t\t\t\tsetTemplate?.({ ...template });\n\t\t\t}\n\t\t} else {\n\t\t\tsetLoading(false);\n\t\t\tsetError('Invalid URL or variable');\n\t\t}\n\t}\n\n\tasync function processImageUpload(file?: Blob | File) {\n\t\tconst fileUploaderHelper = new FileUploaderHelper();\n\t\tif (file instanceof Blob) {\n\t\t\tif (validateMimeType) {\n\t\t\t\tconst { isValid, mimeType } = await validateMimeType(file);\n\t\t\t\tif (!isValid) {\n\t\t\t\t\tsetError(`MIME type ${mimeType} is not supported`);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\t\t\tconst errorFromValidation = fileUploaderHelper.validate({ file });\n\t\t\tif (!errorFromValidation) {\n\t\t\t\tconst isImage = mediaComponent.format === HEADER_TYPES.IMAGE;\n\t\t\t\tconst response = await uploadMediaFiles({\n\t\t\t\t\tfile: file as File,\n\t\t\t\t\tfileName: fileName as string,\n\t\t\t\t\tisImage,\n\t\t\t\t});\n\n\t\t\t\tif (response.success) {\n\t\t\t\t\tconst [type] = file.type.split('/');\n\t\t\t\t\tupdateTemplateImageUrl(\n\t\t\t\t\t\tresponse.url ?? '',\n\t\t\t\t\t\ttype === 'application'\n\t\t\t\t\t\t\t? HEADER_TYPES.DOCUMENT\n\t\t\t\t\t\t\t: HEADER_TYPES[type.toUpperCase() as keyof typeof HEADER_TYPES],\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t\tsetError('An unknown technical error occurred');\n\t\t\t\t}\n\n\t\t\t\tsetLoading(false);\n\t\t\t\tsetOpenEditMedia(false);\n\t\t\t} else {\n\t\t\t\tsetError(errorFromValidation);\n\t\t\t\tsetLoading(false);\n\t\t\t\tsetOpenEditMedia(false);\n\t\t\t}\n\t\t} else {\n\t\t\tsetError('An unknown technical error occurred');\n\t\t\tsetLoading(false);\n\t\t}\n\t}\n\n\tfunction handleImageUpload($event: React.ChangeEvent<HTMLInputElement>) {\n\t\tsetError('');\n\t\tsetLoading(true);\n\n\t\tconst file = $event.target.files?.[0];\n\t\tif (mediaComponent.format === HEADER_TYPES.IMAGE) {\n\t\t\tconst reader = new FileReader();\n\t\t\tsetSelectedImage('');\n\t\t\tsetFileName('');\n\n\t\t\treader.onload = () => {\n\t\t\t\tsetSelectedImage(reader.result as any);\n\t\t\t\tsetFileName(file?.name);\n\t\t\t};\n\n\t\t\tif (file) {\n\t\t\t\treader.readAsDataURL(file);\n\t\t\t}\n\t\t} else {\n\t\t\tprocessImageUpload(file);\n\t\t}\n\t}\n\n\tasync function onCropComplete(base64: string) {\n\t\tsetLoading(false);\n\t\tsetError('');\n\t\tconst res = await fetch(base64);\n\t\tconst blob = await res.blob();\n\t\tawait processImageUpload(blob);\n\t\tsetSelectedImage(undefined);\n\t\tsetOpenEditMedia(false);\n\t}\n\n\tfunction handleImageChange() {\n\t\tif (fileRef?.current?.click) {\n\t\t\tfileRef.current.click();\n\t\t}\n\t}\n\n\tuseEffect(() => {\n\t\tsetFileName(undefined);\n\t\tsetSelectedImage(undefined);\n\t\tsetSelectedVariable(undefined);\n\t\tsetOpenEditMedia(false);\n\t\tsetLoading(false);\n\t\tsetError('');\n\t}, [selectedCarouselIndex]);\n\n\treturn {\n\t\tuploadMedia,\n\t\tprocessImageUpload,\n\t\thandleImageUpload,\n\t\thandleImageChange,\n\t\tonCropComplete,\n\t\teditIconRef,\n\t\tfileName,\n\t\tsetFileName,\n\t\tselectedVariable,\n\t\tsetSelectedVariable,\n\t\topenEditMedia,\n\t\tsetOpenEditMedia,\n\t\tselectedImage,\n\t\tsetSelectedImage,\n\t\tloading,\n\t\tsetLoading,\n\t\terror,\n\t\tsetError,\n\t};\n};\n"],"names":["useEditWhatsappTemplateMedia","props","uploadMediaLink","updateTemplateImageUrl","validateMimeType","mediaComponent","uploadMediaFiles","fileRef","currentTemplate","selectedCarouselIndex","setTemplate","useTemplateModalContext","fileName","setFileName","useState","selectedVariable","setSelectedVariable","openEditMedia","setOpenEditMedia","error","setError","loading","setLoading","selectedImage","setSelectedImage","editIconRef","useRef","uploadMedia","urlOrVariable","handleImageChange","response","type","size","success","FileUploaderHelper","fileType","HEADER_TYPES","blob","processImageUpload","isVariable","template","imageComponentIndex","component","updatedComponent","components","templateCopy","cloneDeep","file","fileUploaderHelper","isValid","mimeType","errorFromValidation","isImage","handleImageUpload","$event","reader","onCropComplete","base64","useEffect"],"mappings":"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"}

package/dist/cjs/components/template-context-mapper/styles/TemplateAnalyticsStyles.js

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),n=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js"),o=t.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),a=require("../../TypographyStyle.js"),t=require("../../../constants/Theme.js"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=o(n),l=i.default.div`
 	display: flex;
 	padding: 16px 0px;
-`,r=t.div`
+`,r=i.default.div`
 	max-width: ${e=>e.fullWidth?"none":"450px"};
 	height: 456px;
 	min-width: 358px;
 	overflow-y: auto;
-	border-left: ${e=>e.fullWidth?"none":`${i.COLORS.stroke.primary} 1px solid`};
+	border-left: ${e=>e.fullWidth?"none":`${t.COLORS.stroke.primary} 1px solid`};
 	padding: 0px 23px 32px 23px;
 	gap: 16px;
 	${e=>e.fullWidth&&"flex: 1;"}
 	.each--analytics--container {
-		border: 1px solid ${i.COLORS.background.inactive};
+		border: 1px solid ${t.COLORS.background.inactive};
 		border-radius: 8px;
 		display: flex;
 		align-items: center;
@@ -21,7 +21,7 @@
 		margin-bottom: 16px;
 	}
 	.each--icon--container {
-		background-color: ${i.COLORS.background.brandLight};
+		background-color: ${t.COLORS.background.brandLight};
 		width: 24px;
 		height: 24px;
 		display: flex;
@@ -32,7 +32,7 @@
 	.align--center {
 		align-items: center;
 	}
-`,a=t.div`
+`,d=i.default.div`
 	padding: 0px 23px 32px 23px;
 	flex: 1;
 	height: 456px;
@@ -48,7 +48,7 @@
 		gap: 16px;
 	}
 	.icon--container {
-		background: ${i.COLORS.background.warning.light};
+		background: ${t.COLORS.background.warning.light};
 		width: 64px;
 		height: 64px;
 		border-radius: 50%;
@@ -56,10 +56,10 @@
 		align-items: center;
 		justify-content: center;
 	}
-`,l=t(n.TitleMedium)`
+`,p=i.default(a.TitleMedium)`
 	white-space: nowrap;
 	max-width: 161px;
 	overflow: hidden;
 	text-overflow: ellipsis;
-`;exports.CustomTitleMedium=l;exports.LeftPanelContainer=a;exports.RightPanelContainer=r;exports.TemplateContainer=o;
+`;exports.CustomTitleMedium=p;exports.LeftPanelContainer=d;exports.RightPanelContainer=r;exports.TemplateContainer=l;
 //# sourceMappingURL=TemplateAnalyticsStyles.js.map

package/dist/cjs/components/template-context-mapper/styles/TemplateAnalyticsStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateAnalyticsStyles.js","sources":["../../../../../src/components/template-context-mapper/styles/TemplateAnalyticsStyles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const TemplateContainer = styled.div`\n\tdisplay: flex;\n\tpadding: 16px 0px;\n`;\n\nexport const RightPanelContainer = styled.div<{ fullWidth?: boolean }>`\n\tmax-width: ${(props) => (props.fullWidth ? 'none' : '450px')};\n\theight: 456px;\n\tmin-width: 358px;\n\toverflow-y: auto;\n\tborder-left: ${(props) =>\n\t\tprops.fullWidth ? 'none' : `${COLORS.stroke.primary} 1px solid`};\n\tpadding: 0px 23px 32px 23px;\n\tgap: 16px;\n\t${(props) => props.fullWidth && 'flex: 1;'}\n\t.each--analytics--container {\n\t\tborder: 1px solid ${COLORS.background.inactive};\n\t\tborder-radius: 8px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-direction: row;\n\t\tpadding: 16px;\n\t\tjustify-content: space-between;\n\t\tmargin-bottom: 16px;\n\t}\n\t.each--icon--container {\n\t\tbackground-color: ${COLORS.background.brandLight};\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder-radius: 4px;\n\t}\n\t.align--center {\n\t\talign-items: center;\n\t}\n`;\n\nexport const LeftPanelContainer = styled.div`\n\tpadding: 0px 23px 32px 23px;\n\tflex: 1;\n\theight: 456px;\n\toverflow-y: auto;\n\tmin-width: 286px;\n\tdisplay: flex;\n\talign-items: center;\n\t.inside--container {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tgap: 16px;\n\t}\n\t.icon--container {\n\t\tbackground: ${COLORS.background.warning.light};\n\t\twidth: 64px;\n\t\theight: 64px;\n\t\tborder-radius: 50%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n`;\n\nexport const CustomTitleMedium = styled(TitleMedium)`\n\twhite-space: nowrap;\n\tmax-width: 161px;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n`;\n"],"names":["TemplateContainer","styled","RightPanelContainer","props","COLORS","LeftPanelContainer","CustomTitleMedium","TitleMedium"],"mappings":"oMAIaA,EAAoBC,EAAO;AAAA;AAAA;AAAA,EAK3BC,EAAsBD,EAAO;AAAA,cAC3BE,GAAWA,EAAM,UAAY,OAAS,OAAQ;AAAA;AAAA;AAAA;AAAA,gBAI5CA,GACfA,EAAM,UAAY,OAAS,GAAGC,EAAAA,OAAO,OAAO,OAAO,YAAY;AAAA;AAAA;AAAA,GAG7DD,GAAUA,EAAM,WAAa,UAAU;AAAA;AAAA,sBAErBC,EAAAA,OAAO,WAAW,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAU1BA,EAAAA,OAAO,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAarCC,EAAqBJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAgBzBG,SAAO,WAAW,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUlCE,EAAoBL,EAAOM,aAAW;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"TemplateAnalyticsStyles.js","sources":["../../../../../src/components/template-context-mapper/styles/TemplateAnalyticsStyles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const TemplateContainer = styled.div`\n\tdisplay: flex;\n\tpadding: 16px 0px;\n`;\n\nexport const RightPanelContainer = styled.div<{ fullWidth?: boolean }>`\n\tmax-width: ${(props) => (props.fullWidth ? 'none' : '450px')};\n\theight: 456px;\n\tmin-width: 358px;\n\toverflow-y: auto;\n\tborder-left: ${(props) =>\n\t\tprops.fullWidth ? 'none' : `${COLORS.stroke.primary} 1px solid`};\n\tpadding: 0px 23px 32px 23px;\n\tgap: 16px;\n\t${(props) => props.fullWidth && 'flex: 1;'}\n\t.each--analytics--container {\n\t\tborder: 1px solid ${COLORS.background.inactive};\n\t\tborder-radius: 8px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-direction: row;\n\t\tpadding: 16px;\n\t\tjustify-content: space-between;\n\t\tmargin-bottom: 16px;\n\t}\n\t.each--icon--container {\n\t\tbackground-color: ${COLORS.background.brandLight};\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder-radius: 4px;\n\t}\n\t.align--center {\n\t\talign-items: center;\n\t}\n`;\n\nexport const LeftPanelContainer = styled.div`\n\tpadding: 0px 23px 32px 23px;\n\tflex: 1;\n\theight: 456px;\n\toverflow-y: auto;\n\tmin-width: 286px;\n\tdisplay: flex;\n\talign-items: center;\n\t.inside--container {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tgap: 16px;\n\t}\n\t.icon--container {\n\t\tbackground: ${COLORS.background.warning.light};\n\t\twidth: 64px;\n\t\theight: 64px;\n\t\tborder-radius: 50%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n`;\n\nexport const CustomTitleMedium = styled(TitleMedium)`\n\twhite-space: nowrap;\n\tmax-width: 161px;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n`;\n"],"names":["TemplateContainer","styled","RightPanelContainer","props","COLORS","LeftPanelContainer","CustomTitleMedium","TitleMedium"],"mappings":"mQAIaA,EAAoBC,EAAAA,QAAO;AAAA;AAAA;AAAA,EAK3BC,EAAsBD,EAAAA,QAAO;AAAA,cAC3BE,GAAWA,EAAM,UAAY,OAAS,OAAQ;AAAA;AAAA;AAAA;AAAA,gBAI5CA,GACfA,EAAM,UAAY,OAAS,GAAGC,EAAAA,OAAO,OAAO,OAAO,YAAY;AAAA;AAAA;AAAA,GAG7DD,GAAUA,EAAM,WAAa,UAAU;AAAA;AAAA,sBAErBC,EAAAA,OAAO,WAAW,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAU1BA,EAAAA,OAAO,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAarCC,EAAqBJ,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAgBzBG,SAAO,WAAW,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUlCE,EAAoBL,EAAAA,QAAOM,aAAW;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/template-preview/EmailTemplatePreview.styled.js

@@ -1,24 +1,24 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),r=require("../../constants/Theme.js"),t=o.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),e=require("../../constants/Theme.js"),d=r=>r&&typeof r=="object"&&"default"in r?r:{default:r},t=d(o),i=t.default.div`
 	padding: 16px;
 	padding-bottom: 12px;
 	border-top-left-radius: 4px;
 	border-top-right-radius: 4px;
-	border: 1px solid ${r.COLORS.stroke.primary};
-`,i=o.div`
+	border: 1px solid ${e.COLORS.stroke.primary};
+`,a=t.default.div`
 	width: 100%;
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	border-left: 1px solid ${r.COLORS.stroke.primary};
-	border-right: 1px solid ${r.COLORS.stroke.primary};
-	border-top-color: ${r.COLORS.stroke.primary};
-	border-top-width: ${e=>e.hideHeader?"1px":"0px"};
+	border-left: 1px solid ${e.COLORS.stroke.primary};
+	border-right: 1px solid ${e.COLORS.stroke.primary};
+	border-top-color: ${e.COLORS.stroke.primary};
+	border-top-width: ${r=>r.hideHeader?"1px":"0px"};
 	overflow: scroll;
-`,d=o.div`
+`,n=t.default.div`
 	width: 100%;
 	height: 100%;
-	background-color: ${r.BASE_COLORS.grayscale[100]};
-`,a=o.div`
+	background-color: ${e.BASE_COLORS.grayscale[100]};
+`,l=t.default.div`
 	height: 100%;
 	display: flex;
 	flex-direction: column;
@@ -26,24 +26,24 @@
 	justify-content: center;
 	flex-grow: 1;
 	min-height: 180px;
-	border-left: 1px solid ${r.COLORS.stroke.primary};
-	border-right: 1px solid ${r.COLORS.stroke.primary};
+	border-left: 1px solid ${e.COLORS.stroke.primary};
+	border-right: 1px solid ${e.COLORS.stroke.primary};
 
-	border-radius: ${e=>e.applyBorderBottom?"0 0 8px 8px":"unset"};
-	border-bottom: ${e=>e.applyBorderBottom?`1px solid ${r.COLORS.stroke.primary}`:""};
-`,n=o.div`
+	border-radius: ${r=>r.applyBorderBottom?"0 0 8px 8px":"unset"};
+	border-bottom: ${r=>r.applyBorderBottom?`1px solid ${e.COLORS.stroke.primary}`:""};
+`,s=t.default.div`
 	display: flex;
 	justify-content: center;
 	width: 100%;
-	background: ${r.COLORS.surface.standard};
+	background: ${e.COLORS.surface.standard};
 	border-bottom-left-radius: 4px;
 	border-bottom-right-radius: 4px;
-	border: 1px solid ${r.COLORS.stroke.primary};
-`,s=o.div`
+	border: 1px solid ${e.COLORS.stroke.primary};
+`,p=t.default.div`
 	border-radius: 4px;
-	background-color: ${r.COLORS.surface.standard};
-	margin-top: ${e=>e.hideHeader?0:16};
+	background-color: ${e.COLORS.surface.standard};
+	margin-top: ${r=>r.hideHeader?0:16};
 	display: flex;
 	flex-direction: column;
-`;exports.CardLoadingContainer=d;exports.EmailContainer=s;exports.Header=t;exports.IframeContainer=a;exports.ImageContainer=i;exports.ViewButton=n;
+`;exports.CardLoadingContainer=n;exports.EmailContainer=p;exports.Header=i;exports.IframeContainer=l;exports.ImageContainer=a;exports.ViewButton=s;
 //# sourceMappingURL=EmailTemplatePreview.styled.js.map

package/dist/cjs/components/template-preview/EmailTemplatePreview.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmailTemplatePreview.styled.js","sources":["../../../../src/components/template-preview/EmailTemplatePreview.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { BASE_COLORS, COLORS } from '@src/constants/Theme';\n\nexport const Header = styled.div`\n\tpadding: 16px;\n\tpadding-bottom: 12px;\n\tborder-top-left-radius: 4px;\n\tborder-top-right-radius: 4px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n`;\n\nexport const ImageContainer = styled.div<{ hideHeader?: boolean }>`\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-left: 1px solid ${COLORS.stroke.primary};\n\tborder-right: 1px solid ${COLORS.stroke.primary};\n\tborder-top-color: ${COLORS.stroke.primary};\n\tborder-top-width: ${(props) => (props.hideHeader ? '1px' : '0px')};\n\toverflow: scroll;\n`;\n\nexport const CardLoadingContainer = styled.div<{ hideHeader?: boolean }>`\n\twidth: 100%;\n\theight: 100%;\n\tbackground-color: ${BASE_COLORS.grayscale['100']};\n`;\n\nexport const IframeContainer = styled.div<{ applyBorderBottom?: boolean }>`\n\theight: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-grow: 1;\n\tmin-height: 180px;\n\tborder-left: 1px solid ${COLORS.stroke.primary};\n\tborder-right: 1px solid ${COLORS.stroke.primary};\n\n\tborder-radius: ${(props) =>\n\t\tprops.applyBorderBottom ? '0 0 8px 8px' : 'unset'};\n\tborder-bottom: ${(props) =>\n\t\tprops.applyBorderBottom ? `1px solid ${COLORS.stroke.primary}` : ''};\n`;\n\nexport const ViewButton = styled.div`\n\tdisplay: flex;\n\tjustify-content: center;\n\twidth: 100%;\n\tbackground: ${COLORS.surface.standard};\n\tborder-bottom-left-radius: 4px;\n\tborder-bottom-right-radius: 4px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n`;\n\nexport const EmailContainer = styled.div<{ hideHeader?: boolean }>`\n\tborder-radius: 4px;\n\tbackground-color: ${COLORS.surface.standard};\n\tmargin-top: ${(props) => (props.hideHeader ? 0 : 16)};\n\tdisplay: flex;\n\tflex-direction: column;\n`;\n"],"names":["Header","styled","COLORS","ImageContainer","props","CardLoadingContainer","BASE_COLORS","IframeContainer","ViewButton","EmailContainer"],"mappings":"2JAGaA,EAASC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKRC,EAAAA,OAAO,OAAO,OAAO;AAAA,EAG7BC,EAAiBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKXC,EAAAA,OAAO,OAAO,OAAO;AAAA,2BACpBA,EAAAA,OAAO,OAAO,OAAO;AAAA,qBAC3BA,EAAAA,OAAO,OAAO,OAAO;AAAA,qBACpBE,GAAWA,EAAM,WAAa,MAAQ,KAAM;AAAA;AAAA,EAIrDC,EAAuBJ,EAAO;AAAA;AAAA;AAAA,qBAGtBK,EAAAA,YAAY,UAAU,GAAK,CAAC;AAAA,EAGpCC,EAAkBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAQZC,EAAAA,OAAO,OAAO,OAAO;AAAA,2BACpBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA,kBAE7BE,GACjBA,EAAM,kBAAoB,cAAgB,OAAO;AAAA,kBAChCA,GACjBA,EAAM,kBAAoB,aAAaF,EAAAA,OAAO,OAAO,OAAO,GAAK,EAAE;AAAA,EAGxDM,EAAaP,EAAO;AAAA;AAAA;AAAA;AAAA,eAIlBC,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA,qBAGjBA,EAAAA,OAAO,OAAO,OAAO;AAAA,EAG7BO,EAAiBR,EAAO;AAAA;AAAA,qBAEhBC,EAAAA,OAAO,QAAQ,QAAQ;AAAA,eAC5BE,GAAWA,EAAM,WAAa,EAAI,EAAG;AAAA;AAAA;AAAA"}
+{"version":3,"file":"EmailTemplatePreview.styled.js","sources":["../../../../src/components/template-preview/EmailTemplatePreview.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { BASE_COLORS, COLORS } from '@src/constants/Theme';\n\nexport const Header = styled.div`\n\tpadding: 16px;\n\tpadding-bottom: 12px;\n\tborder-top-left-radius: 4px;\n\tborder-top-right-radius: 4px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n`;\n\nexport const ImageContainer = styled.div<{ hideHeader?: boolean }>`\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-left: 1px solid ${COLORS.stroke.primary};\n\tborder-right: 1px solid ${COLORS.stroke.primary};\n\tborder-top-color: ${COLORS.stroke.primary};\n\tborder-top-width: ${(props) => (props.hideHeader ? '1px' : '0px')};\n\toverflow: scroll;\n`;\n\nexport const CardLoadingContainer = styled.div<{ hideHeader?: boolean }>`\n\twidth: 100%;\n\theight: 100%;\n\tbackground-color: ${BASE_COLORS.grayscale['100']};\n`;\n\nexport const IframeContainer = styled.div<{ applyBorderBottom?: boolean }>`\n\theight: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-grow: 1;\n\tmin-height: 180px;\n\tborder-left: 1px solid ${COLORS.stroke.primary};\n\tborder-right: 1px solid ${COLORS.stroke.primary};\n\n\tborder-radius: ${(props) =>\n\t\tprops.applyBorderBottom ? '0 0 8px 8px' : 'unset'};\n\tborder-bottom: ${(props) =>\n\t\tprops.applyBorderBottom ? `1px solid ${COLORS.stroke.primary}` : ''};\n`;\n\nexport const ViewButton = styled.div`\n\tdisplay: flex;\n\tjustify-content: center;\n\twidth: 100%;\n\tbackground: ${COLORS.surface.standard};\n\tborder-bottom-left-radius: 4px;\n\tborder-bottom-right-radius: 4px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n`;\n\nexport const EmailContainer = styled.div<{ hideHeader?: boolean }>`\n\tborder-radius: 4px;\n\tbackground-color: ${COLORS.surface.standard};\n\tmargin-top: ${(props) => (props.hideHeader ? 0 : 16)};\n\tdisplay: flex;\n\tflex-direction: column;\n`;\n"],"names":["Header","styled","COLORS","ImageContainer","props","CardLoadingContainer","BASE_COLORS","IframeContainer","ViewButton","EmailContainer"],"mappings":"0NAGaA,EAASC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKRC,EAAAA,OAAO,OAAO,OAAO;AAAA,EAG7BC,EAAiBF,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKXC,EAAAA,OAAO,OAAO,OAAO;AAAA,2BACpBA,EAAAA,OAAO,OAAO,OAAO;AAAA,qBAC3BA,EAAAA,OAAO,OAAO,OAAO;AAAA,qBACpBE,GAAWA,EAAM,WAAa,MAAQ,KAAM;AAAA;AAAA,EAIrDC,EAAuBJ,EAAAA,QAAO;AAAA;AAAA;AAAA,qBAGtBK,EAAAA,YAAY,UAAU,GAAK,CAAC;AAAA,EAGpCC,EAAkBN,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAQZC,EAAAA,OAAO,OAAO,OAAO;AAAA,2BACpBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA,kBAE7BE,GACjBA,EAAM,kBAAoB,cAAgB,OAAO;AAAA,kBAChCA,GACjBA,EAAM,kBAAoB,aAAaF,EAAAA,OAAO,OAAO,OAAO,GAAK,EAAE;AAAA,EAGxDM,EAAaP,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,eAIlBC,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA,qBAGjBA,EAAAA,OAAO,OAAO,OAAO;AAAA,EAG7BO,EAAiBR,EAAAA,QAAO;AAAA;AAAA,qBAEhBC,EAAAA,OAAO,QAAQ,QAAQ;AAAA,eAC5BE,GAAWA,EAAM,WAAa,EAAI,EAAG;AAAA;AAAA;AAAA"}

package/dist/cjs/components/template-preview/RCS/RCSPreview.styled.js

@@ -1,45 +1,45 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),r=require("../../../constants/Theme.js");t.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),o=require("../../../constants/Theme.js"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=n(i);t.default.div`
 	background-color: ${e=>e.isCarousal?"#E0E0E0":"white"};
 	border-radius: 4px;
 	position: relative;
 	height: ${e=>e.isCarousal?"100%":"auto"};
-`;const i=t.div`
+`;const r=t.default.div`
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 20px;
 	padding: 12px;
-	color: ${r.COLORS.content.primary};
+	color: ${o.COLORS.content.primary};
 	word-wrap: break-word;
-`,n=t(i)`
+`,a=t.default(r)`
 	font-weight: 600;
 	margin-bottom: 8px;
-`,o=t(i)`
+`,d=t.default(r)`
 	font-weight: 600;
-`,a=t.div`
-	background: ${r.COLORS.surface.standard};
+`,l=t.default.div`
+	background: ${o.COLORS.surface.standard};
 	border-radius: 12px;
 	position: relative;
 	height: 100%;
 	display: flex;
 	flex-direction: ${e=>e.isHorizontalOrientation?"row":"column"};
 
-	${e=>e.needBorder?e.showDashedBorder?`border: 2px dashed ${r.COLORS.content.brand};`:e.hasError?`border: 2px solid ${r.COLORS.content.negative};`:e.showBorder?`border: 2px solid ${r.COLORS.stroke.brand};`:`border: 2px solid ${r.COLORS.stroke.primary};`:"border: none;"}
+	${e=>e.needBorder?e.showDashedBorder?`border: 2px dashed ${o.COLORS.content.brand};`:e.hasError?`border: 2px solid ${o.COLORS.content.negative};`:e.showBorder?`border: 2px solid ${o.COLORS.stroke.brand};`:`border: 2px solid ${o.COLORS.stroke.primary};`:"border: none;"}
 
 	:hover {
 		${e=>e.isPreview||!e.needBorder?"":`
-				border: 2px ${e.isWhatsappCarousel?e.hasError?"dashed":e.showBorder?"solid":"dashed":"solid"} ${r.COLORS.stroke.brand};
+				border: 2px ${e.isWhatsappCarousel?e.hasError?"dashed":e.showBorder?"solid":"dashed":"solid"} ${o.COLORS.stroke.brand};
 				box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25);
 			`}
 	}
 
 	.text--template {
-		border: 2px solid ${r.COLORS.stroke.primary};
+		border: 2px solid ${o.COLORS.stroke.primary};
 		border-radius: 12px;
 		flex: 1;
 	}
-`,d=t.div`
+`,s=t.default.div`
 	padding: 12px 0px;
 	display: flex;
 	flex-direction: row;
@@ -47,7 +47,7 @@
 	align-items: center;
 	gap: 12px;
 	flex-wrap: wrap;
-`,s=t.div`
+`,x=t.default.div`
 	border-radius: 8px;
 	display: flex;
 	flex-direction: column;
@@ -56,7 +56,7 @@
 	min-height: 152px;
 	margin-bottom: ${e=>e.isHorizontal?"":"4px"};
 	width: ${e=>e.isHorizontal?"50%":"auto"};
-`,l=t.div`
+`,p=t.default.div`
 	border-radius: 12px;
 	display: flex;
 	flex-direction: row;
@@ -66,14 +66,14 @@
 	background-color: #ede7e8;
 	margin: 4px;
 	max-width: 200px;
-`,x=t.div`
+`,f=t.default.div`
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 	justify-content: flex-start;
 	margin-left: 4px;
 	max-width: 180px;
-`,p=t.p`
+`,c=t.default.p`
 	white-space: nowrap;
 	color: #4c5567;
 	max-width: 100px;
@@ -84,17 +84,17 @@
 	font-size: 12px;
 	font-weight: 500;
 	line-width: 20px;
-`,c=t.div`
-	border: 1px solid ${r.COLORS.stroke.primary};
+`,u=t.default.div`
+	border: 1px solid ${o.COLORS.stroke.primary};
 	position: relative;
 	height: 500px;
 	overflow-y: auto;
 	border-radius: ${e=>e.borderRadius??"8px"};
 	box-shadow: 0px 2px 8px 0px #0000001f;
 	background-color: white;
-`,f=t.div`
+`,C=t.default.div`
 	height: 50px;
-	background-color: ${r.COLORS.background.inactive};
+	background-color: ${o.COLORS.background.inactive};
 	position: sticky;
 	top: 0px;
 	z-index: 200;
@@ -103,11 +103,11 @@
 	align-items: center;
 	justify-content: space-between;
 	gap: 5px;
-`,C=t.div`
+`,h=t.default.div`
 	display: flex;
 	align-items: center;
 	gap: 5px;
-`,u=t.div`
+`,g=t.default.div`
 	height: 27px;
 	width: 27px;
 	border-radius: 15px;
@@ -116,17 +116,17 @@
 	justify-content: center;
 	align-items: center;
 	gap: 6px;
-`,h=t.div`
+`,b=t.default.div`
 	display: flex;
 	flex-direction: column;
 	justify-content: space-between;
-`,g=t.p`
+`,m=t.default.p`
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 400;
 	font-size: 8px;
 	line-height: 11px;
-	color: ${r.COLORS.content.secondary};
+	color: ${o.COLORS.content.secondary};
 	margin-bottom: 0px;
-`;exports.HeaderContainer=f;exports.HeaderTextContainer=n;exports.IconContainer=u;exports.LeftContainer=C;exports.PdfComineText=x;exports.PdfText=p;exports.RCSCarousalContainer=c;exports.RCSChatBtnContainer=d;exports.RCSMediaContainer=s;exports.RCSPdfContainer=l;exports.RCSPreviewContainer=a;exports.RcsHtmlContainer=i;exports.SubTitle=g;exports.TitleContainer=h;exports.TitleTextContainer=o;
+`;exports.HeaderContainer=C;exports.HeaderTextContainer=a;exports.IconContainer=g;exports.LeftContainer=h;exports.PdfComineText=f;exports.PdfText=c;exports.RCSCarousalContainer=u;exports.RCSChatBtnContainer=s;exports.RCSMediaContainer=x;exports.RCSPdfContainer=p;exports.RCSPreviewContainer=l;exports.RcsHtmlContainer=r;exports.SubTitle=m;exports.TitleContainer=b;exports.TitleTextContainer=d;
 //# sourceMappingURL=RCSPreview.styled.js.map