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

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

@@ -1 +1 @@
-{"version":3,"file":"TemplateSelectModalContent.js","sources":["../../../../../src/components/template-context-mapper/modalElements/TemplateSelectModalContent.tsx"],"sourcesContent":["import type { VariableListInterfaceV2 } from '@src/components/add-variableV2/AddVariableV2';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport type { WhatsAppPickerMeta } from '@src/components/template-preview/models/WhatsAppTemplate';\nimport Body from './Body';\nimport Header from './Header';\n\nexport interface TemplateSelectModalContentProps {\n\tchannel: CHANNEL_TYPE;\n\tshowVariableMapping?: boolean;\n\thideHeader?: boolean;\n\tshowOnlyContent?: boolean;\n\twhatsappSpecificPickerMeta?: WhatsAppPickerMeta;\n\tshowVariableModal?: boolean;\n\tvariableListForImage?: VariableListInterfaceV2[];\n\tdiscountCode?: string;\n\tsetDiscountCode?: (code: string) => void;\n\tshowSampleValues?: boolean;\n\tfileName?: string;\n\tsetFileName?: (name: string) => void;\n\tvariableListFromProps?: VariableListInterfaceV2[];\n\tskipDefaultVariableContent?: boolean;\n}\n\nconst TemplateSelectModalContent = ({\n\tchannel,\n\tshowVariableMapping,\n\tvariableListFromProps,\n\tshowOnlyContent,\n\twhatsappSpecificPickerMeta,\n\tshowVariableModal,\n\tdiscountCode,\n\tsetDiscountCode,\n\tvariableListForImage,\n\tshowSampleValues,\n\tfileName,\n\tsetFileName,\n\tskipDefaultVariableContent,\n}: TemplateSelectModalContentProps) => {\n\treturn (\n\t\t<div style={{ paddingBottom: 0 }}>\n\t\t\t<div>\n\t\t\t\t{channel === CHANNEL_TYPE.EMAIL && (\n\t\t\t\t\t<Header showOnlyContent={showOnlyContent} />\n\t\t\t\t)}\n\t\t\t\t<Body\n\t\t\t\t\tvariableListFromProps={variableListFromProps}\n\t\t\t\t\twhatsappSpecificPickerMeta={whatsappSpecificPickerMeta}\n\t\t\t\t\tshowVariableMapping={!!showVariableMapping}\n\t\t\t\t\tshowOnlyContent={showOnlyContent}\n\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\tdiscountCode={discountCode}\n\t\t\t\t\tsetDiscountCode={setDiscountCode}\n\t\t\t\t\tvariableListForImage={variableListForImage}\n\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\tfileName={fileName}\n\t\t\t\t\tsetFileName={setFileName}\n\t\t\t\t\tskipDefaultVariableContent={skipDefaultVariableContent}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default TemplateSelectModalContent;\n"],"names":["TemplateSelectModalContent","channel","showVariableMapping","variableListFromProps","showOnlyContent","whatsappSpecificPickerMeta","showVariableModal","discountCode","setDiscountCode","variableListForImage","showSampleValues","fileName","setFileName","skipDefaultVariableContent","jsxDEV","CHANNEL_TYPE","Header","this","Body"],"mappings":"4PAuBMA,EAA6B,CAAC,CACnC,QAAAC,EACA,oBAAAC,EACA,sBAAAC,EACA,gBAAAC,EACA,2BAAAC,EACA,kBAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,qBAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,YAAAC,EACA,2BAAAC,CACD,IAEEC,SAAC,OAAI,MAAO,CAAE,cAAe,CAAA,EAC5B,kBAAC,MAAA,CACC,SAAA,CAAAb,IAAYc,EAAAA,aAAa,OACzBD,EAAAA,OAACE,EAAAA,QAAA,CAAO,gBAAAZ,CAAA,EAAR,OAAA,GAAA,CAAA,SAAA,yKAAA,WAAA,GAAA,aAAA,CAAA,EAAAa,MAA0C,EAE3CH,EAAAA,OAACI,EAAAA,QAAA,CACA,sBAAAf,EACA,2BAAAE,EACA,oBAAqB,CAAC,CAACH,EACvB,gBAAAE,EACA,kBAAAE,EACA,aAAAC,EACA,gBAAAC,EACA,qBAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,YAAAC,EACA,2BAAAC,CAAA,EAZD,OAAA,GAAA,CAAA,SAAA,yKAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAaA,CAAA,EAjBD,OAAA,GAAA,CAAA,SAAA,yKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAkBA,CAAA,EAnBD,OAAA,GAAA,CAAA,SAAA,yKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoBA"}
+{"version":3,"file":"TemplateSelectModalContent.js","sources":["../../../../../src/components/template-context-mapper/modalElements/TemplateSelectModalContent.tsx"],"sourcesContent":["import type { VariableListInterfaceV2 } from '@src/components/add-variableV2/AddVariableV2';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport type { WhatsAppPickerMeta } from '@src/components/template-preview/models/WhatsAppTemplate';\nimport Body from './Body';\nimport Header from './Header';\n\nexport interface TemplateSelectModalContentProps {\n\tchannel: CHANNEL_TYPE;\n\tshowVariableMapping?: boolean;\n\thideHeader?: boolean;\n\tshowOnlyContent?: boolean;\n\twhatsappSpecificPickerMeta?: WhatsAppPickerMeta;\n\tshowVariableModal?: boolean;\n\tvariableListForImage?: VariableListInterfaceV2[];\n\tdiscountCode?: string;\n\tsetDiscountCode?: (code: string) => void;\n\tshowSampleValues?: boolean;\n\tfileName?: string;\n\tsetFileName?: (name: string) => void;\n\tvariableListFromProps?: VariableListInterfaceV2[];\n\tskipDefaultVariableContent?: boolean;\n}\n\nconst TemplateSelectModalContent = ({\n\tchannel,\n\tshowVariableMapping,\n\tvariableListFromProps,\n\tshowOnlyContent,\n\twhatsappSpecificPickerMeta,\n\tshowVariableModal,\n\tdiscountCode,\n\tsetDiscountCode,\n\tvariableListForImage,\n\tshowSampleValues,\n\tfileName,\n\tsetFileName,\n\tskipDefaultVariableContent,\n}: TemplateSelectModalContentProps) => {\n\treturn (\n\t\t<div style={{ paddingBottom: 0 }}>\n\t\t\t<div>\n\t\t\t\t{channel === CHANNEL_TYPE.EMAIL && (\n\t\t\t\t\t<Header showOnlyContent={showOnlyContent} />\n\t\t\t\t)}\n\t\t\t\t<Body\n\t\t\t\t\tvariableListFromProps={variableListFromProps}\n\t\t\t\t\twhatsappSpecificPickerMeta={whatsappSpecificPickerMeta}\n\t\t\t\t\tshowVariableMapping={!!showVariableMapping}\n\t\t\t\t\tshowOnlyContent={showOnlyContent}\n\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\tdiscountCode={discountCode}\n\t\t\t\t\tsetDiscountCode={setDiscountCode}\n\t\t\t\t\tvariableListForImage={variableListForImage}\n\t\t\t\t\tshowSampleValues={showSampleValues}\n\t\t\t\t\tfileName={fileName}\n\t\t\t\t\tsetFileName={setFileName}\n\t\t\t\t\tskipDefaultVariableContent={skipDefaultVariableContent}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default TemplateSelectModalContent;\n"],"names":["TemplateSelectModalContent","channel","showVariableMapping","variableListFromProps","showOnlyContent","whatsappSpecificPickerMeta","showVariableModal","discountCode","setDiscountCode","variableListForImage","showSampleValues","fileName","setFileName","skipDefaultVariableContent","jsxDEV","CHANNEL_TYPE","Header","this","Body"],"mappings":"4PAuBMA,EAA6B,CAAC,CACnC,QAAAC,EACA,oBAAAC,EACA,sBAAAC,EACA,gBAAAC,EACA,2BAAAC,EACA,kBAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,qBAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,YAAAC,EACA,2BAAAC,CACD,IAEEC,SAAC,OAAI,MAAO,CAAE,cAAe,CAAA,EAC5B,kBAAC,MAAA,CACC,SAAA,CAAAb,IAAYc,EAAAA,aAAa,OACzBD,EAAAA,OAACE,EAAAA,QAAA,CAAO,gBAAAZ,CAAA,EAAR,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAa,MAA0C,EAE3CH,EAAAA,OAACI,EAAAA,QAAA,CACA,sBAAAf,EACA,2BAAAE,EACA,oBAAqB,CAAC,CAACH,EACvB,gBAAAE,EACA,kBAAAE,EACA,aAAAC,EACA,gBAAAC,EACA,qBAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,YAAAC,EACA,2BAAAC,CAAA,EAZD,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAaA,CAAA,EAjBD,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAkBA,CAAA,EAnBD,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoBA"}

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

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("react/jsx-dev-runtime"),Se=require("../../../assets/icons/edit.svg.js"),Ue=require("../../../assets/icons/info.svg.js"),re=require("date-fns"),He=require("lodash/cloneDeep"),k=require("react"),Be=require("styled-components"),Ye=require("../../alerts/Alert.js"),We=require("../../alerts/AlertHelper.js"),Ie=require("../../custom-date-time/CustomDateTime.js"),Re=require("../../dropdown/Dropdown.js"),qe=require("../../input/Input.js"),je=require("../../product-picker-v2/collectionScreen.js"),Me=require("../../template-preview/constants/regexPatterns.js"),we=require("../../template-preview/helpers/templateMiscHelper.js"),d=require("../../template-preview/models/Channels.js"),$e=require("../../template-preview/models/WebpushTemplate.js"),g=require("../../template-preview/models/WhatsAppTemplate.js"),oe=require("../../TypographyStyle.js"),Fe=require("../../../utils/StringUtils.js"),U=require("../../../constants/Theme.js"),ze=require("../context/templateModalContext.js"),Ze=require("../custom-hooks/useAdditionalVariables.js"),Ge=require("../utils/getVariableNameEmail.js"),Ke=require("./QueryParamsComponent.js"),me=_=>_&&typeof _=="object"&&"default"in _?_:{default:_},j=me(He),Z=me(Be),ue=Z.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("react/jsx-dev-runtime"),ke=require("../../../assets/icons/edit.svg.js"),Ue=require("../../../assets/icons/info.svg.js"),ie=require("date-fns"),He=require("lodash/cloneDeep"),g=require("react"),Be=require("styled-components"),Ye=require("../../alerts/Alert.js"),we=require("../../alerts/AlertHelper.js"),Ie=require("../../custom-date-time/CustomDateTime.js"),Re=require("../../dropdown/Dropdown.js"),qe=require("../../input/Input.js"),je=require("../../product-picker-v2/collectionScreen.js"),We=require("../../template-preview/constants/regexPatterns.js"),Me=require("../../template-preview/helpers/templateMiscHelper.js"),d=require("../../template-preview/models/Channels.js"),$e=require("../../template-preview/models/WebpushTemplate.js"),L=require("../../template-preview/models/WhatsAppTemplate.js"),re=require("../../TypographyStyle.js"),Fe=require("../../../utils/StringUtils.js"),U=require("../../../constants/Theme.js"),ze=require("../context/templateModalContext.js"),Ze=require("../custom-hooks/useAdditionalVariables.js"),Ge=require("../utils/getVariableNameEmail.js"),Ke=require("./QueryParamsComponent.js"),ue=h=>h&&typeof h=="object"&&"default"in h?h:{default:h},j=ue(He),Z=ue(Be),me=Z.default.div`
 	/* surface/$color-background-warning-light */
 
-	background: ${_=>_.focused&&_.channel===d.CHANNEL_TYPE.EMAIL?U.COLORS.background.warning.light:"transparent"};
+	background: ${h=>h.focused&&h.channel===d.CHANNEL_TYPE.EMAIL?U.COLORS.background.warning.light:"transparent"};
 	border-radius: 4px;
 	padding: 8px 10px;
 `,Qe=Z.default.div`
@@ -16,6 +16,6 @@
 	height: 100%;
 	width: 48%;
 	background: rgba(0, 0, 0, 0.1);
-`,V={value:"custom_link",label:"Custom URL"},D={value:"custom_text",label:"Custom text"},z={value:"static_expiry",label:"Static Expiry"},Xe=_=>{const{onFocus:pe,variable:s,index:N,showVariableModal:G,setShowDiscountCheckBox:ce,componentType:p,CTAoptions:de,buttonType:M}=_,[w,K]=k.useState(!1),[h,O]=k.useState(""),[be,Q]=k.useState([]),[u,L]=k.useState(),[fe,Ee]=k.useState(!1),xe=/^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/,{variableList:X,setVariableList:ye,setVariableCallback:he,setShowVariablePicker:Te,device:Y,channel:b,isError:J,originalVariableList:A,template:v,templateSelectionTriggered:Ce,setTemplate:W,setDisplayContent:Ne,setOriginalVariableList:H,globalNormalizedPlaceholders:ee,enabledCustomText:_e,pod:S,selectedCarouselIndex:y,isProductCarouselType:$,isWhatsappCarousel:ve,disableEditVariable:I,disableEditExpiry:te,templateErrorIndexes:ae,maxCharLimit:ne,disableDatePicker:ke,showDiscountCodeExpiryInfo:ge,cardIndex:F=1}=ze.useTemplateModalContext();k.useEffect(()=>{w&&pe?.()},[w]),k.useEffect(()=>{Ve()},[Ce]),k.useEffect(()=>{Le()},[y]);function Le(){const e=[];let a=[];if(b===d.CHANNEL_TYPE.MESSAGE&&!_e){const r=ee??[];Q([{label:"",options:[D,V]},...r]),a=[{label:"",options:[D,V]},...r]}else{s?.type==="link"?(e.push({label:"",options:[V,D]}),L(V)):s?.type==="date_time"?(e.push({label:"",options:[V,D]}),L(z)):(e.push({label:"",options:[V,D,z]}),L(D));const r=ee??[];Q([...e,...r.map(c=>({...c,label:Fe.default.toCapitilize(c.label?.replace(/([A-Z])/g," $1")?.toLowerCase())}))]),a=[...e,...r]}if((b===d.CHANNEL_TYPE.WHATSAPP||b===d.CHANNEL_TYPE.EMAIL||b===d.CHANNEL_TYPE.MESSAGE||b===d.CHANNEL_TYPE.WEBPUSH||b===d.CHANNEL_TYPE.RCS)&&s.updatedValue)if(Me.placeHolderNamePattern.test(s.updatedValue)&&(b===d.CHANNEL_TYPE.WHATSAPP||b===d.CHANNEL_TYPE.RCS)||s.updatedValue.startsWith("{{")&&b!==d.CHANNEL_TYPE.WHATSAPP&&b!==d.CHANNEL_TYPE.RCS){const r=Pe(s,a,b);r.value&&L(r)}else s.type==="date_time"?(L(z),O(s.updatedValue),R(s.index??0,s.updatedValue)):s.updatedValue?.startsWith("https")?(L(V),O(s.updatedValue.split("https://")[1])):(L(D),O(s.updatedValue))}function Pe(e,a,r){let c={label:"",value:""};const l=r===(d.CHANNEL_TYPE.WHATSAPP||d.CHANNEL_TYPE.RCS)?e.updatedValue.replace("[[","").replace("]]",""):e.updatedValue.replace("{{","").replace("}}","");if(G){let E=e.updatedValue;if(S===g.POD.CHATBOT&&p==="BUTTONS"){const n=de?.filter(o=>o.placeHolder===e.updatedValue);n&&n.length>0&&(E=n[0].label)}c={label:E?E.replace("{{","").replace("}}","").trim().replace("."," "):"",value:e.updatedValue??""}}else a.map(E=>{E.options.map(n=>{n.value?.replace("{{","").replace("}}","").trim()===l.trim()&&(c=n)})});return c}function B(e,a){const r=e;O(""),L(r),b===d.CHANNEL_TYPE.WHATSAPP||b===d.CHANNEL_TYPE.RCS?r.value!=="custom_text"&&r.value!=="custom_link"&&r.value!=="static_expiry"?(P(r.value??"","string"),R?.(s.index??0,r.value,!0)):(R?.(s.index??0,"",!0,r.value),P("",r.bikPlaceholderType==="url"?"link":"string")):r.value!=="custom_text"&&r.value!=="custom_link"?(P(r.value,r.bikPlaceholderType==="url"?"link":"string"),b==d.CHANNEL_TYPE.WEBPUSH&&ie?.(s.index??0,r.value)):(O(""),P("",r.value))}function le(e,a){O(a);const r=u?.value==="custom_link"&&a?a.includes("https")?a:`https://${a}`:a;P(r,e==="static_expiry"?"string":e),(b===d.CHANNEL_TYPE.WHATSAPP||b===d.CHANNEL_TYPE.RCS)&&R?.(s.index??0,r,e==="custom_link"||S===g.POD.CHATBOT&&e==="custom_text",e),b===d.CHANNEL_TYPE.WEBPUSH&&ie?.(s.index??0,r)}function P(e,a,r){const c=a==="custom_link"?"link":a==="custom_text"?"string":a;if(b!==d.CHANNEL_TYPE.WHATSAPP&&b!==d.CHANNEL_TYPE.WEBPUSH&&b!==d.CHANNEL_TYPE.RCS){const l=Ge.getVariableNameForEmailByIndex(N+1),E=document?.getElementById(Y==="mobile"?"template_html_mobile":"template_html_desktop"),n=b===d.CHANNEL_TYPE.EMAIL?E?.contentWindow?.document.getElementById(l):document.getElementById(l);n&&((a==="custom_text"||a==="custom_link")&&!e?n.textContent=s.variableName:n.textContent=e);const o=A.map((m,t)=>t===N?{...m,type:c,updatedValue:e}:m);H?.(o)}if(b===d.CHANNEL_TYPE.WEBPUSH){const l=A,E=o=>o?.map((m,t)=>t===N?{...m,type:c,updatedValue:e}:m),n={BODY:p==="BODY"?E(l.body):l.body,TITLE:p===$e.WEB_PUSH_COMPONENT_TYPE.TITLE.toUpperCase()?E(l.title):l.title};H?.(o=>({...o,title:n.TITLE,body:n.BODY,buttons:l.buttons}))}if(b===d.CHANNEL_TYPE.WHATSAPP||b===d.CHANNEL_TYPE.RCS){if(y!=null&&y>-1&&$){const t={...A}.cards.map((i,T)=>p==="BODY"?{...i,body:i.body?.map((f,C)=>N===C?{...f,type:c,updatedValue:e}:f)}:p==="TITLE"?{...i,title:i.title?.map((f,C)=>N===C?{...f,type:c,updatedValue:e}:f)}:p==="BUTTONS"?{...i,buttons:i.buttons?.map((f,C)=>C===N?{...f,buttonVariable:a==="custom_link"?"((customPlaceholderName))":e,example:f.type==="COPY_CODE"?e:[e]}:f)}:i);H?.(i=>({...i,cards:t}));return}const l=y!=null&&y>-1?A.cards[y]:A;let E=l.body,n=l.title,o=l.header,m=l.buttons;if(p==="BODY"?E=l.body?.map((t,i)=>i===N?{...t,type:c,updatedValue:e}:t):p==="TITLE"?n=l?.title?.map((t,i)=>i===N?{...t,type:c,updatedValue:e}:t):p==="HEADER"?o=l.header?.map((t,i)=>i===N?{...t,type:c,updatedValue:e}:t):p==="BUTTONS"&&(m=l.buttons?.map((t,i)=>i===N?{...t,buttonVariable:a==="custom_link"?"((customPlaceholderName))":e,example:t.type==="COPY_CODE"?e:[e],queryParams:r??[]}:t)),y!=null&&y>-1){const t=j.default(A.cards);t[y]={header:o,body:E,buttons:m,title:n},H?.(i=>({...i,cards:t}))}else H?.(t=>({...t,header:o,body:E,buttons:m,title:n}))}}k.useEffect(()=>{Y&&u&&h&&setTimeout(()=>{const e=u?.value==="custom_link"&&h?h.includes("https")?h:`https://${h}`:h;P(e,u.value)},100)},[Y]),k.useEffect(()=>{!fe&&u&&s.updatedValue&&setTimeout(()=>{const e=u?.value==="custom_link"&&s.updatedValue?s.updatedValue.includes("https")?s.updatedValue:`https://${s.updatedValue}`:s.updatedValue;P(e,u.value),Ee(!0)},100)},[u]);function Ve(){const e=Y==="mobile"?"template_html_mobile":"template_html_desktop",a=document.getElementById(e),r=(a?.contentWindow?.document?.body?.innerHTML??"")+a?.contentWindow?.document.head.innerHTML;b===d.CHANNEL_TYPE.EMAIL&&Ne?.(r)}function R(e,a,r,c){if(y!=null&&y>-1&&$){const n={...v}.components.map(m=>we.isCarouselComponent(m.type)?{...m,cards:m.cards?.map(t=>({...t,components:t.components.map(i=>{if(i.type==="BODY"&&p==="BODY")if(i.example?.body_text?.[0]){const T=[...i.example?.body_text?.[0]??[]];T[e]=a.replace("{{","").replace("}}","").replace("((","").replace("))","");const f={...i.example,body_text:[T]};return{...i,example:f}}else return i;if(i.type==="TITLE"&&p==="TITLE")if(i.example?.title_text?.[0]){const T=[...i.example?.title_text?.[0]??[]];T[e]=a.replace("{{","").replace("}}","").replace("((","").replace("))","");const f={...i.example,title_text:[T]};return{...i,example:f}}else return i;else if(i.type==="BUTTONS"&&p==="BUTTONS"){const T=i.buttons?.map((f,C)=>C===e?{...f,example:[a]}:f);return T?{...i,buttons:T}:i}else return i})}))}:m),o=j.default(v);if(r){const m={...v}.mapping.cards?.map((t,i)=>{if(p==="BODY")return{...t,body:t.body?.map((T,f)=>e===f?c==="custom_text"?`((editableVariable${f+10}))`:a:T)};if(p==="TITLE")return{...t,title:t?.title?.map((T,f)=>e===f?c==="custom_text"?`((editableVariable${f+10}))`:a:T)};if(p==="BUTTONS"&&t?.buttons){let T=-1,f=-1;return v.components[F].cards?.[i].components.forEach(C=>{C.type==="BUTTONS"&&C.buttons?.forEach((q,Ae)=>{q.type==="URL"&&(T++,Ae===e&&q.type=="URL"&&(f=T))})}),{...t,buttons:t.buttons?.map((C,q)=>q===f?c==="custom_link"?"((customPlaceholderName))":a:C)}}else return t});o.mapping.cards=m}o.components=n,W?.(o);return}const l=y!=null&&y>-1?{components:{...v}.components[F].cards?.[y].components,mapping:{...v}.mapping.cards?.[y]}:{...v},E=l?.components?.map(n=>{const o={...n};if(n.type==="BODY"&&p==="BODY"&&(Array.isArray(n.example?.body_text)||n.example?.body_text?.[0])){const m=[...o.example?.body_text?.[0]??[]];m[e]=a.replace("{{","").replace("}}","").replace("((","").replace("))","");const t={...o.example,body_text:[m]};return{...o,example:t}}if(n.type==="TITLE"&&p==="TITLE"){if(Array.isArray(n.example?.title_text)||n.example?.title_text?.[0]){const m=[...o.example?.title_text?.[0]??[]];m[e]=a.replace("{{","").replace("}}","").replace("((","").replace("))","");const t={...o.example,title_text:[m]};return{...o,example:t}}}else if(n.type==="HEADER"&&p==="HEADER"){if(n.example?.header_text){const m=[...o.example?.header_text??[]];m[e]=a.replace("{{","").replace("}}","").replace("((","").replace("))","");const t={...o.example,header_text:m};return{...o,example:t}}}else if(n.type==="BUTTONS"&&p==="BUTTONS"){const m=n.buttons?.map((t,i)=>i===e?{...t,example:t.type==="COPY_CODE"?a:[a]}:t);return m?{...o,buttons:m}:o}else if(n.type==="limited_time_offer"&&p==="limited_time_offer")return{...o,example:{...o.example,limited_time_offer:a}};return n});if(l.components=E,r){if(p==="BODY"&&l?.mapping?.body)l.mapping={...l.mapping,body:l.mapping?.body?.map((n,o)=>e===o?c==="custom_text"?`((editableVariable${o+10}))`:a:n)};else if(p==="TITLE"&&l?.mapping?.title)l.mapping={...l.mapping,title:l.mapping?.title?.map((n,o)=>e===o?c==="custom_text"?`((editableVariable${o+10}))`:a:n)};else if(p==="HEADER"&&l?.mapping?.header)l.mapping={...l.mapping,header:l.mapping.header.map((n,o)=>e===o?c==="custom_text"?`((editableVariable${o+20}))`:a:n)};else if(p==="BUTTONS"&&l?.mapping?.buttons){let n=-1,o=-1;E.forEach(m=>{m.type==="BUTTONS"&&m.buttons?.forEach((t,i)=>{t.type==="URL"&&(n++,i===e&&t.type=="URL"&&(o=n))})}),l.mapping={...l.mapping,buttons:l.mapping.buttons.map((m,t)=>t===o?c==="custom_link"?"((customPlaceholderName))":a:m)}}}if(y!=null&&y>-1&&v){const n=j.default(v);n.components[F].cards[y].components=l.components,n.mapping.cards[y]=l.mapping,W?.(n)}else W?.({...l})}const De=e=>{ce?.(!1),e.actualValue==="{{custom.url}}"?B({label:e.displayName,selected:!0,value:"custom_link"}):e.actualValue=="{{custom.text}}"?B({label:e.displayName,selected:!0,value:"custom_text"}):e.actualValue=="{{static.expiry}}"?B({label:e.displayName,selected:!0,value:"static_expiry"}):B({label:e.displayName.replace("{{","").replace("}}","").trim().replace("."," "),selected:!0,value:e.actualValue,bikPlaceholderType:"string"})},Oe=()=>{let e=Array.isArray(X)?[...X]:[];const a=(r,c,l)=>{const E=Ze.updateVariables({variableList:e,categoryDisplayName:r,variableDisplayName:c,variableValue:l});Array.isArray(E)&&(e=E)};S===g.POD.CHATBOT&&M!==g.BUTTON_TYPE.URL&&p!=="limited_time_offer"&&a("Custom Variables","Custom Text","{{custom.text}}"),M===g.BUTTON_TYPE.URL&&S===g.POD.CHATBOT?a("Custom Variables","Custom URL","{{custom.url}}"):p==="limited_time_offer"?a("Static Variables","Static Expiry","{{static.expiry}}"):M===g.BUTTON_TYPE.COPY_CODE&&a("Custom Variables","Custom Text","{{custom.text}}"),ye(e)};function ie(e,a){const r=j.default(v),c=p.toLocaleLowerCase();r.webpushBroadcastConfig?.[c]&&(r.webpushBroadcastConfig[c][e]=a),W?.({...r})}return x.jsxDEV(ue,{channel:b,focused:w,onMouseEnter:()=>K(!0),onMouseLeave:()=>K(!1),children:[x.jsxDEV("div",{style:{marginBottom:8},children:x.jsxDEV(oe.BodySecondary,{style:{color:J&&!u?U.COLORS.content.negative:U.COLORS.content.primary},children:[s.variableName?.replace("{{","").replace("}}","")," ",s?.type==="link"?"link":"variable"]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1160,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1159,columnNumber:4},void 0),x.jsxDEV("div",{style:{marginBottom:12},children:G?x.jsxDEV("div",{style:{display:"flex",border:"#E0E0E0 1px solid",borderRadius:4,padding:10,justifyContent:u?.label?"space-between":"flex-end",backgroundColor:s?.type==="date_time"&&te?U.COLORS.background.base:void 0},children:[x.jsxDEV(oe.BodyPrimary,{numberOfLines:1,children:S===g.POD.CHATBOT?["static_expiry","custom_text","custom_link"].includes(u?.value??"")?u?.label:u?.value:je.truncate(u?.label??"",20)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1189,columnNumber:7},void 0),I||s?.type==="date_time"&&te?x.jsxDEV(x.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1200,columnNumber:8},void 0):x.jsxDEV(Se.default,{onClick:()=>{Oe(),he(()=>De),Te(!0)},width:24,height:24,color:U.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1202,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1174,columnNumber:6},void 0):x.jsxDEV(Re.Dropdown,{disabled:I,options:be,isSearchable:!1,onSelect:B,defaultOptions:u?[{...u,selected:!0}]:[]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1215,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1172,columnNumber:4},void 0),(u?.value==="custom_text"||u?.value==="custom_link")&&x.jsxDEV(qe.Input,{state:I?"disabled":"none",labelText:u?.value==="custom_text"?"Custom text value":u?.value==="custom_link"?"Custom URL value":"",id:`variable-value-${u?.value}-${N}`,value:h,errorMessage:J&&ae?.buttons?.includes(s?.index??-1)?!h||h.trim().length===0?"Required field":u.value==="custom_link"&&(!xe.test(`https://${h.trim()}`)||h.trim().length===0)?"Enter valid URL":u.value!=="custom_link"&&h.length>30?"Length cannot be more than 30":p==="BUTTONS"&&u.value!=="custom_link"?"Enter valid alpha numeric code":"":"",maxCharLimit:ne||(u?.value==="custom_link"?2e3:p==="BUTTONS"?15:30),noKeyDownChange:!0,prefixText:u?.value==="custom_link"?"https://":"",placeholder:s.type==="link"||u.value==="custom_link"?"Enter custom URL here":"Enter custom text here",onChangeText:e=>{le(u.value,e)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1234,columnNumber:5},void 0),u?.value==="static_expiry"&&x.jsxDEV("div",{style:{position:"relative"},children:[(I||ke)&&x.jsxDEV(Qe,{onClick:e=>e.preventDefault(),style:{display:"flex",justifyContent:"space-between"},children:[x.jsxDEV(se,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1302,columnNumber:8},void 0),x.jsxDEV(se,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1303,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1295,columnNumber:7},void 0),x.jsxDEV(Ie.CustomDateTime,{placement:"auto",time:h?re.format(new Date(h),"hh:mm a"):re.format(new Date,"hh:mm a"),date:h?new Date(h):new Date,minDate:new Date,error:"",setError:()=>{},onChange:e=>{le("static_expiry",e.toISOString())}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1307,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1293,columnNumber:5},void 0),u?.value==="static_expiry"&&ge&&x.jsxDEV("div",{style:{marginTop:8},children:x.jsxDEV(Ye.Alert,{containerStyle:{padding:"4px 8px"},icon:()=>x.jsxDEV(Ue.default,{width:16,height:16,color:U.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1334,columnNumber:9},void 0),type:We.ALERT_TYPES.NEUTRAL,text:`Please use the same expiration code that you applied when creating
-the code on Shopify`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1331,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1330,columnNumber:6},void 0),s.type==="link"&&u?.value!=="custom_link"&&!$&&!ve&&S===g.POD.CHATBOT&&x.jsxDEV(Ke.QueryParamsComponent,{isError:ae?.buttons?.includes(s?.index??-1)??!1,params:s.queryParams??[],onChange:e=>{P(s.updatedValue,"link",e)},variableValue:s.updatedValue},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1352,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1153,columnNumber:3},void 0)};exports.Container=ue;exports.default=Xe;
+`,D={value:"custom_link",label:"Custom URL"},O={value:"custom_text",label:"Custom text"},z={value:"static_expiry",label:"Static Expiry"},Xe=h=>{const{onFocus:pe,variable:s,index:_,showVariableModal:G,setShowDiscountCheckBox:ce,componentType:p,CTAoptions:de,buttonType:W}=h,[M,K]=g.useState(!1),[T,A]=g.useState(""),[be,Q]=g.useState([]),[m,P]=g.useState(),[fe,Ee]=g.useState(!1),xe=/^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/,{variableList:X,setVariableList:ye,setVariableCallback:Te,setShowVariablePicker:Ce,device:Y,channel:b,isError:J,originalVariableList:S,template:v,templateSelectionTriggered:Ne,setTemplate:w,setDisplayContent:_e,setOriginalVariableList:H,globalNormalizedPlaceholders:ee,enabledCustomText:he,pod:k,selectedCarouselIndex:y,isProductCarouselType:$,isWhatsappCarousel:ve,disableEditVariable:I,disableEditExpiry:te,templateErrorIndexes:ae,maxCharLimit:ne,disableDatePicker:ge,showDiscountCodeExpiryInfo:Le,cardIndex:F=1}=ze.useTemplateModalContext();g.useEffect(()=>{M&&pe?.()},[M]),g.useEffect(()=>{De()},[Ne]),g.useEffect(()=>{Pe()},[y]);function Pe(){const e=[];let a=[];if(b===d.CHANNEL_TYPE.MESSAGE&&!he){const i=ee??[];Q([{label:"",options:[O,D]},...i]),a=[{label:"",options:[O,D]},...i]}else{s?.type==="link"?(e.push({label:"",options:[D,O]}),P(D)):s?.type==="date_time"?(e.push({label:"",options:[D,O]}),P(z)):(e.push({label:"",options:[D,O,z]}),P(O));const i=ee??[];Q([...e,...i.map(c=>({...c,label:Fe.default.toCapitilize(c.label?.replace(/([A-Z])/g," $1")?.toLowerCase())}))]),a=[...e,...i]}if((b===d.CHANNEL_TYPE.WHATSAPP||b===d.CHANNEL_TYPE.EMAIL||b===d.CHANNEL_TYPE.MESSAGE||b===d.CHANNEL_TYPE.WEBPUSH||b===d.CHANNEL_TYPE.RCS)&&s.updatedValue)if(We.placeHolderNamePattern.test(s.updatedValue)&&(b===d.CHANNEL_TYPE.WHATSAPP||b===d.CHANNEL_TYPE.RCS)||s.updatedValue.startsWith("{{")&&b!==d.CHANNEL_TYPE.WHATSAPP&&b!==d.CHANNEL_TYPE.RCS){const i=Ve(s,a,b);i.value&&P(i)}else s.type==="date_time"?(P(z),A(s.updatedValue),R(s.index??0,s.updatedValue)):s.updatedValue?.startsWith("https")?(P(D),A(s.updatedValue.split("https://")[1])):(P(O),A(s.updatedValue))}function Ve(e,a,i){let c={label:"",value:""};const l=i===(d.CHANNEL_TYPE.WHATSAPP||d.CHANNEL_TYPE.RCS)?e.updatedValue.replace("[[","").replace("]]",""):e.updatedValue.replace("{{","").replace("}}","");if(G){let E=e.updatedValue;if(k===L.POD.CHATBOT&&p==="BUTTONS"){const n=de?.filter(r=>r.placeHolder===e.updatedValue);n&&n.length>0&&(E=n[0].label)}c={label:E?E.replace("{{","").replace("}}","").trim().replace("."," "):"",value:e.updatedValue??""}}else a.map(E=>{E.options.map(n=>{n.value?.replace("{{","").replace("}}","").trim()===l.trim()&&(c=n)})});return c}function B(e,a){const i=e;A(""),P(i),b===d.CHANNEL_TYPE.WHATSAPP||b===d.CHANNEL_TYPE.RCS?i.value!=="custom_text"&&i.value!=="custom_link"&&i.value!=="static_expiry"?(V(i.value??"","string"),R?.(s.index??0,i.value,!0)):(R?.(s.index??0,"",!0,i.value),V("",i.bikPlaceholderType==="url"?"link":"string")):i.value!=="custom_text"&&i.value!=="custom_link"?(V(i.value,i.bikPlaceholderType==="url"?"link":"string"),b==d.CHANNEL_TYPE.WEBPUSH&&oe?.(s.index??0,i.value)):(A(""),V("",i.value))}function le(e,a){A(a);const i=m?.value==="custom_link"&&a?a.includes("https")?a:`https://${a}`:a;V(i,e==="static_expiry"?"string":e),(b===d.CHANNEL_TYPE.WHATSAPP||b===d.CHANNEL_TYPE.RCS)&&R?.(s.index??0,i,e==="custom_link"||k===L.POD.CHATBOT&&e==="custom_text",e),b===d.CHANNEL_TYPE.WEBPUSH&&oe?.(s.index??0,i)}function V(e,a,i){const c=a==="custom_link"?"link":a==="custom_text"?"string":a;if(b!==d.CHANNEL_TYPE.WHATSAPP&&b!==d.CHANNEL_TYPE.WEBPUSH&&b!==d.CHANNEL_TYPE.RCS){const l=Ge.getVariableNameForEmailByIndex(_+1),E=document?.getElementById(Y==="mobile"?"template_html_mobile":"template_html_desktop"),n=b===d.CHANNEL_TYPE.EMAIL?E?.contentWindow?.document.getElementById(l):document.getElementById(l);n&&((a==="custom_text"||a==="custom_link")&&!e?n.textContent=s.variableName:n.textContent=e);const r=S.map((u,t)=>t===_?{...u,type:c,updatedValue:e}:u);H?.(r)}if(b===d.CHANNEL_TYPE.WEBPUSH){const l=S,E=r=>r?.map((u,t)=>t===_?{...u,type:c,updatedValue:e}:u),n={BODY:p==="BODY"?E(l.body):l.body,TITLE:p===$e.WEB_PUSH_COMPONENT_TYPE.TITLE.toUpperCase()?E(l.title):l.title};H?.(r=>({...r,title:n.TITLE,body:n.BODY,buttons:l.buttons}))}if(b===d.CHANNEL_TYPE.WHATSAPP||b===d.CHANNEL_TYPE.RCS){if(y!=null&&y>-1&&$){const t={...S}.cards.map((o,C)=>p==="BODY"?{...o,body:o.body?.map((f,N)=>_===N?{...f,type:c,updatedValue:e}:f)}:p==="TITLE"?{...o,title:o.title?.map((f,N)=>_===N?{...f,type:c,updatedValue:e}:f)}:p==="BUTTONS"?{...o,buttons:o.buttons?.map((f,N)=>N===_?{...f,buttonVariable:a==="custom_link"?"((customPlaceholderName))":e,example:f.type==="COPY_CODE"?e:[e]}:f)}:o);H?.(o=>({...o,cards:t}));return}const l=y!=null&&y>-1?S.cards[y]:S;let E=l.body,n=l.title,r=l.header,u=l.buttons;if(p==="BODY"?E=l.body?.map((t,o)=>o===_?{...t,type:c,updatedValue:e}:t):p==="TITLE"?n=l?.title?.map((t,o)=>o===_?{...t,type:c,updatedValue:e}:t):p==="HEADER"?r=l.header?.map((t,o)=>o===_?{...t,type:c,updatedValue:e}:t):p==="BUTTONS"&&(u=l.buttons?.map((t,o)=>o===_?{...t,buttonVariable:a==="custom_link"?"((customPlaceholderName))":e,example:t.type==="COPY_CODE"?e:[e],queryParams:i??[]}:t)),y!=null&&y>-1){const t=j.default(S.cards);t[y]={header:r,body:E,buttons:u,title:n},H?.(o=>({...o,cards:t}))}else H?.(t=>({...t,header:r,body:E,buttons:u,title:n}))}}g.useEffect(()=>{Y&&m&&T&&setTimeout(()=>{const e=m?.value==="custom_link"&&T?T.includes("https")?T:`https://${T}`:T;V(e,m.value)},100)},[Y]),g.useEffect(()=>{!fe&&m&&s.updatedValue&&setTimeout(()=>{const e=m?.value==="custom_link"&&s.updatedValue?s.updatedValue.includes("https")?s.updatedValue:`https://${s.updatedValue}`:s.updatedValue;V(e,m.value),Ee(!0)},100)},[m]);function De(){const e=Y==="mobile"?"template_html_mobile":"template_html_desktop",a=document.getElementById(e),i=(a?.contentWindow?.document?.body?.innerHTML??"")+a?.contentWindow?.document.head.innerHTML;b===d.CHANNEL_TYPE.EMAIL&&_e?.(i)}function R(e,a,i,c){if(y!=null&&y>-1&&$){const n={...v}.components.map(u=>Me.isCarouselComponent(u.type)?{...u,cards:u.cards?.map(t=>({...t,components:t.components.map(o=>{if(o.type==="BODY"&&p==="BODY")if(o.example?.body_text?.[0]){const C=[...o.example?.body_text?.[0]??[]];C[e]=a.replace("{{","").replace("}}","").replace("((","").replace("))","");const f={...o.example,body_text:[C]};return{...o,example:f}}else return o;if(o.type==="TITLE"&&p==="TITLE")if(o.example?.title_text?.[0]){const C=[...o.example?.title_text?.[0]??[]];C[e]=a.replace("{{","").replace("}}","").replace("((","").replace("))","");const f={...o.example,title_text:[C]};return{...o,example:f}}else return o;else if(o.type==="BUTTONS"&&p==="BUTTONS"){const C=o.buttons?.map((f,N)=>N===e?{...f,example:[a]}:f);return C?{...o,buttons:C}:o}else return o})}))}:u),r=j.default(v);if(i){const u={...v}.mapping.cards?.map((t,o)=>{if(p==="BODY")return{...t,body:t.body?.map((C,f)=>e===f?c==="custom_text"?`((editableVariable${f+10}))`:a:C)};if(p==="TITLE")return{...t,title:t?.title?.map((C,f)=>e===f?c==="custom_text"?`((editableVariable${f+10}))`:a:C)};if(p==="BUTTONS"&&t?.buttons){let C=-1,f=-1;return v.components[F].cards?.[o].components.forEach(N=>{N.type==="BUTTONS"&&N.buttons?.forEach((q,Se)=>{q.type==="URL"&&(C++,Se===e&&q.type=="URL"&&(f=C))})}),{...t,buttons:t.buttons?.map((N,q)=>q===f?c==="custom_link"?"((customPlaceholderName))":a:N)}}else return t});r.mapping.cards=u}r.components=n,w?.(r);return}const l=y!=null&&y>-1?{components:{...v}.components[F].cards?.[y].components,mapping:{...v}.mapping.cards?.[y]}:{...v},E=l?.components?.map(n=>{const r={...n};if(n.type==="BODY"&&p==="BODY"&&(Array.isArray(n.example?.body_text)||n.example?.body_text?.[0])){const u=[...r.example?.body_text?.[0]??[]];u[e]=a.replace("{{","").replace("}}","").replace("((","").replace("))","");const t={...r.example,body_text:[u]};return{...r,example:t}}if(n.type==="TITLE"&&p==="TITLE"){if(Array.isArray(n.example?.title_text)||n.example?.title_text?.[0]){const u=[...r.example?.title_text?.[0]??[]];u[e]=a.replace("{{","").replace("}}","").replace("((","").replace("))","");const t={...r.example,title_text:[u]};return{...r,example:t}}}else if(n.type==="HEADER"&&p==="HEADER"){if(n.example?.header_text){const u=[...r.example?.header_text??[]];u[e]=a.replace("{{","").replace("}}","").replace("((","").replace("))","");const t={...r.example,header_text:u};return{...r,example:t}}}else if(n.type==="BUTTONS"&&p==="BUTTONS"){const u=n.buttons?.map((t,o)=>o===e?{...t,example:t.type==="COPY_CODE"?a:[a]}:t);return u?{...r,buttons:u}:r}else if(n.type==="limited_time_offer"&&p==="limited_time_offer")return{...r,example:{...r.example,limited_time_offer:a}};return n});if(l.components=E,i){if(p==="BODY"&&l?.mapping?.body)l.mapping={...l.mapping,body:l.mapping?.body?.map((n,r)=>e===r?c==="custom_text"?`((editableVariable${r+10}))`:a:n)};else if(p==="TITLE"&&l?.mapping?.title)l.mapping={...l.mapping,title:l.mapping?.title?.map((n,r)=>e===r?c==="custom_text"?`((editableVariable${r+10}))`:a:n)};else if(p==="HEADER"&&l?.mapping?.header)l.mapping={...l.mapping,header:l.mapping.header.map((n,r)=>e===r?c==="custom_text"?`((editableVariable${r+20}))`:a:n)};else if(p==="BUTTONS"&&l?.mapping?.buttons){let n=-1,r=-1;E.forEach(u=>{u.type==="BUTTONS"&&u.buttons?.forEach((t,o)=>{t.type==="URL"&&(n++,o===e&&t.type=="URL"&&(r=n))})}),l.mapping={...l.mapping,buttons:l.mapping.buttons.map((u,t)=>t===r?c==="custom_link"?"((customPlaceholderName))":a:u)}}}if(y!=null&&y>-1&&v){const n=j.default(v);n.components[F].cards[y].components=l.components,n.mapping.cards[y]=l.mapping,w?.(n)}else w?.({...l})}const Oe=e=>{ce?.(!1),e.actualValue==="{{custom.url}}"?B({label:e.displayName,selected:!0,value:"custom_link"}):e.actualValue=="{{custom.text}}"?B({label:e.displayName,selected:!0,value:"custom_text"}):e.actualValue=="{{static.expiry}}"?B({label:e.displayName,selected:!0,value:"static_expiry"}):B({label:e.displayName.replace("{{","").replace("}}","").trim().replace("."," "),selected:!0,value:e.actualValue,bikPlaceholderType:"string"})},Ae=()=>{let e=Array.isArray(X)?[...X]:[];const a=(i,c,l)=>{const E=Ze.updateVariables({variableList:e,categoryDisplayName:i,variableDisplayName:c,variableValue:l});Array.isArray(E)&&(e=E)};k===L.POD.CHATBOT&&W!==L.BUTTON_TYPE.URL&&p!=="limited_time_offer"&&a("Custom Variables","Custom Text","{{custom.text}}"),W===L.BUTTON_TYPE.URL&&k===L.POD.CHATBOT?a("Custom Variables","Custom URL","{{custom.url}}"):p==="limited_time_offer"?a("Static Variables","Static Expiry","{{static.expiry}}"):W===L.BUTTON_TYPE.COPY_CODE&&a("Custom Variables","Custom Text","{{custom.text}}"),ye(e)};function oe(e,a){const i=j.default(v),c=p.toLocaleLowerCase();i.webpushBroadcastConfig?.[c]&&(i.webpushBroadcastConfig[c][e]=a),w?.({...i})}return x.jsxDEV(me,{channel:b,focused:M,onMouseEnter:()=>K(!0),onMouseLeave:()=>K(!1),children:[x.jsxDEV("div",{style:{marginBottom:8},children:x.jsxDEV(re.BodySecondary,{style:{color:J&&!m?U.COLORS.content.negative:U.COLORS.content.primary},children:[s.variableName?.replace("{{","").replace("}}","")," ",s?.type==="link"?"link":"variable"]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1160,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1159,columnNumber:4},void 0),x.jsxDEV("div",{style:{marginBottom:12},children:G?x.jsxDEV("div",{style:{display:"flex",border:"#E0E0E0 1px solid",borderRadius:4,padding:10,justifyContent:m?.label?"space-between":"flex-end",backgroundColor:s?.type==="date_time"&&te?U.COLORS.background.base:void 0},children:[x.jsxDEV(re.BodyPrimary,{numberOfLines:1,children:k===L.POD.CHATBOT?["static_expiry","custom_text","custom_link"].includes(m?.value??"")?m?.label:m?.value:je.truncate(m?.label??"",20)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1189,columnNumber:7},void 0),I||s?.type==="date_time"&&te?x.jsxDEV(x.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1200,columnNumber:8},void 0):x.jsxDEV(ke.default,{onClick:()=>{Ae(),Te(()=>Oe),Ce(!0)},width:24,height:24,color:U.COLORS.content.primary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1202,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1174,columnNumber:6},void 0):x.jsxDEV(Re.Dropdown,{disabled:I,options:be,isSearchable:!1,onSelect:B,defaultOptions:m?[{...m,selected:!0}]:[]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1215,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1172,columnNumber:4},void 0),(m?.value==="custom_text"||m?.value==="custom_link")&&x.jsxDEV(qe.Input,{state:I?"disabled":"none",labelText:m?.value==="custom_text"?"Custom text value":m?.value==="custom_link"?"Custom URL value":"",id:`variable-value-${m?.value}-${_}`,value:T,errorMessage:J&&ae?.buttons?.includes(s?.index??-1)?!T||T.trim().length===0?"Required field":m.value==="custom_link"&&(!xe.test(`https://${T.trim()}`)||T.trim().length===0)?"Enter valid URL":m.value!=="custom_link"&&T.length>30?"Length cannot be more than 30":p==="BUTTONS"&&m.value!=="custom_link"?"Enter valid alpha numeric code":"":"",maxCharLimit:ne||(m?.value==="custom_link"?2e3:p==="BUTTONS"?15:30),noKeyDownChange:!0,prefixText:m?.value==="custom_link"?"https://":"",placeholder:s.type==="link"||m.value==="custom_link"?"Enter custom URL here":"Enter custom text here",onChangeText:e=>{le(m.value,e)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1234,columnNumber:5},void 0),m?.value==="static_expiry"&&x.jsxDEV("div",{style:{position:"relative"},children:[(I||ge)&&x.jsxDEV(Qe,{onClick:e=>e.preventDefault(),style:{display:"flex",justifyContent:"space-between"},children:[x.jsxDEV(se,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1302,columnNumber:8},void 0),x.jsxDEV(se,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1303,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1295,columnNumber:7},void 0),x.jsxDEV(Ie.CustomDateTime,{placement:"auto",time:T?ie.format(new Date(T),"hh:mm a"):ie.format(new Date,"hh:mm a"),date:T?new Date(T):new Date,minDate:new Date,error:"",setError:()=>{},onChange:e=>{le("static_expiry",e.toISOString())}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1307,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1293,columnNumber:5},void 0),m?.value==="static_expiry"&&Le&&x.jsxDEV("div",{style:{marginTop:8},children:x.jsxDEV(Ye.Alert,{containerStyle:{padding:"4px 8px"},icon:()=>x.jsxDEV(Ue.default,{width:16,height:16,color:U.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1334,columnNumber:9},void 0),type:we.ALERT_TYPES.NEUTRAL,text:`Please use the same expiration code that you applied when creating
+the code on Shopify`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1331,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1330,columnNumber:6},void 0),s.type==="link"&&m?.value!=="custom_link"&&!$&&!ve&&k===L.POD.CHATBOT&&x.jsxDEV(Ke.QueryParamsComponent,{isError:ae?.buttons?.includes(s?.index??-1)??!1,params:s.queryParams??[],onChange:e=>{V(s.updatedValue,"link",e)},variableValue:s.updatedValue},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1352,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnector.tsx",lineNumber:1153,columnNumber:3},void 0)};exports.Container=me;exports.default=Xe;
 //# sourceMappingURL=VariableConnector.js.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),u=require("../../input/Input.js"),m=require("../../template-preview/models/Channels.js"),x=require("../../TypographyStyle.js"),h=require("../../../constants/Theme.js"),N=require("../context/templateModalContext.js"),p=require("./VariableConnector.js"),E=f=>{const{descriptionComponent:s,type:c,showVariableModal:l,originalList:d,channel:i}=f,{originalVariableList:k,disableEditVariable:y,selectedCarouselIndex:o,initialExpiryDateTime:b}=N.useTemplateModalContext();let a=k;i&&(i==m.CHANNEL_TYPE.WHATSAPP||i==m.CHANNEL_TYPE.RCS)&&d&&(a=d);const n=s.type;if(n==="BODY"||n.toLocaleUpperCase()==="TITLE")return e.jsxDEV("div",{children:(o!=null&&o>-1?n.toLocaleUpperCase()==="TITLE"?a.cards[o]?.title:a.cards[o].body:n.toLocaleUpperCase()==="TITLE"?(i==m.CHANNEL_TYPE.RCS,a?.title):a?.body)?.map((t,r)=>y||!t.isEditableVariable?e.jsxDEV("div",{style:{margin:"16px 8px"},children:[e.jsxDEV(x.BodySecondary,{style:{color:h.COLORS.content.primary},children:[c==="HEADER"?"Header":""," Locked variable ",r+1]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:78,columnNumber:9},void 0),e.jsxDEV(u.Input,{state:"disabled",placeholder:t.variableName,onChangeText:()=>{}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:81,columnNumber:9},void 0)]},r,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:77,columnNumber:8},void 0):e.jsxDEV(p.default,{index:r,variable:t,showVariableModal:l,componentType:n},`${r}-${t.index}`,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:92,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:60,columnNumber:4},void 0);if(n==="HEADER")return e.jsxDEV("div",{children:(o!=null&&o>-1?a.cards[o].header:a?.header)?.map((t,r)=>t.isEditableVariable?e.jsxDEV(p.default,{index:r,variable:t,showVariableModal:l,componentType:n},`${r}-${t.index}`,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:116,columnNumber:8},void 0):e.jsxDEV("div",{style:{margin:"16px 8px"},children:[e.jsxDEV(x.BodySecondary,{style:{color:h.COLORS.content.primary},children:[c==="HEADER"?"Header":""," Locked variable ",r+1]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:127,columnNumber:9},void 0),e.jsxDEV(u.Input,{state:"disabled",placeholder:t.variableName,onChangeText:()=>{}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:130,columnNumber:9},void 0)]},r,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:126,columnNumber:8},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:107,columnNumber:4},void 0);if(n==="limited_time_offer"){let t=s.example?.limited_time_offer??new Date().toISOString();return b&&(t=new Date(b).toISOString()),e.jsxDEV("div",{children:e.jsxDEV(p.default,{index:0,variable:{variableName:s?.limited_time_offer?.text??"Expires after",updatedValue:t,type:"date_time",isEditableVariable:!0,index:0},showVariableModal:l,componentType:n},`${n}`,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:152,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:151,columnNumber:4},void 0)}else return e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:168,columnNumber:16},void 0)};exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),b=require("../../input/Input.js"),m=require("../../template-preview/models/Channels.js"),x=require("../../TypographyStyle.js"),f=require("../../../constants/Theme.js"),V=require("../context/templateModalContext.js"),d=require("./VariableConnector.js"),D=y=>{const{descriptionComponent:s,type:p,showVariableModal:i,originalList:c,channel:l}=y,{originalVariableList:N,disableEditVariable:E,selectedCarouselIndex:r,initialExpiryDateTime:u}=V.useTemplateModalContext();let a=N;l&&(l==m.CHANNEL_TYPE.WHATSAPP||l==m.CHANNEL_TYPE.RCS)&&c&&(a=c);const o=s.type;if(o==="BODY"||o.toLocaleUpperCase()==="TITLE")return e.jsxDEV("div",{children:(r!=null&&r>-1?o.toLocaleUpperCase()==="TITLE"?a.cards[r]?.title:a.cards[r].body:o.toLocaleUpperCase()==="TITLE"?(l==m.CHANNEL_TYPE.RCS,a?.title):a?.body)?.map((n,t)=>E||!n.isEditableVariable?e.jsxDEV("div",{style:{margin:"16px 8px"},children:[e.jsxDEV(x.BodySecondary,{style:{color:f.COLORS.content.primary},children:[p==="HEADER"?"Header":""," Locked variable ",t+1]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:78,columnNumber:9},void 0),e.jsxDEV(b.Input,{state:"disabled",placeholder:n.variableName,onChangeText:()=>{}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:81,columnNumber:9},void 0)]},t,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:77,columnNumber:8},void 0):e.jsxDEV(d.default,{index:t,variable:n,showVariableModal:i,componentType:o},`${t}-${n.index}`,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:92,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:60,columnNumber:4},void 0);if(o==="HEADER")return e.jsxDEV("div",{children:(r!=null&&r>-1?a.cards[r].header:a?.header)?.map((n,t)=>n.isEditableVariable?e.jsxDEV(d.default,{index:t,variable:n,showVariableModal:i,componentType:o},`${t}-${n.index}`,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:116,columnNumber:8},void 0):e.jsxDEV("div",{style:{margin:"16px 8px"},children:[e.jsxDEV(x.BodySecondary,{style:{color:f.COLORS.content.primary},children:[p==="HEADER"?"Header":""," Locked variable ",t+1]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:127,columnNumber:9},void 0),e.jsxDEV(b.Input,{state:"disabled",placeholder:n.variableName,onChangeText:()=>{}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:130,columnNumber:9},void 0)]},t,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:126,columnNumber:8},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:107,columnNumber:4},void 0);if(o==="limited_time_offer"){let n=s.example?.limited_time_offer??new Date().toISOString();return u&&(n=new Date(u).toISOString()),e.jsxDEV("div",{children:e.jsxDEV(d.default,{index:0,variable:{variableName:s?.limited_time_offer?.text??"Expires after",updatedValue:n,type:"date_time",isEditableVariable:!0,index:0},showVariableModal:i,componentType:o},`${o}`,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:152,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:151,columnNumber:4},void 0)}else return e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx",lineNumber:168,columnNumber:16},void 0)};exports.default=D;
 //# sourceMappingURL=VariableConnectorWhatsApp.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"VariableConnectorWhatsApp.js","sources":["../../../../../src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx"],"sourcesContent":["import { Input } from '@src/components/input/Input';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport type { AllTemplateVariables } from '@src/components/template-preview/models/types';\nimport {\n\tWEB_PUSH_COMPONENT_TYPE,\n\ttype WebpushComponentKeyType,\n\ttype WebpushTemplateVariables,\n} from '@src/components/template-preview/models/WebpushTemplate';\nimport type { WhatsAppCarouselTemplateVariables } from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport type { WhatsAppTemplateVariables } from '@src/components/template-preview/models/WhatsAppTemplate';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport { ComponentType } from './modal';\nimport VariableConnector from './VariableConnector';\n\nexport interface VariableConnectorWhatsAppProps {\n\toriginalVariableList:\n\t\t| WhatsAppTemplateVariables\n\t\t| WebpushTemplateVariables\n\t\t| AllTemplateVariables;\n\tdescriptionComponent: ComponentType | WebpushComponentKeyType;\n\ttype: ComponentType['type'] | WEB_PUSH_COMPONENT_TYPE;\n\tshowVariableModal?: boolean;\n\toriginalList?:\n\t\t| WhatsAppTemplateVariables\n\t\t| WebpushTemplateVariables\n\t\t| AllTemplateVariables;\n\tchannel?: CHANNEL_TYPE;\n}\n\nconst VariableConnectorWhatsApp = (props: VariableConnectorWhatsAppProps) => {\n\tconst {\n\t\tdescriptionComponent,\n\t\ttype,\n\t\tshowVariableModal,\n\t\toriginalList,\n\t\tchannel,\n\t} = props;\n\tconst {\n\t\toriginalVariableList: templateVariables,\n\t\tdisableEditVariable,\n\t\tselectedCarouselIndex,\n\t\tinitialExpiryDateTime,\n\t} = useTemplateModalContext();\n\tlet originalVariableList = templateVariables;\n\n\tif (\n\t\tchannel &&\n\t\t(channel == CHANNEL_TYPE.WHATSAPP || channel == CHANNEL_TYPE.RCS) &&\n\t\toriginalList\n\t) {\n\t\toriginalVariableList = originalList;\n\t}\n\n\tconst descType = descriptionComponent.type;\n\n\tif (descType === 'BODY' || descType.toLocaleUpperCase() === 'TITLE') {\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t{(selectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t\t? descType.toLocaleUpperCase() === 'TITLE'\n\t\t\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t\t\t  ]?.title\n\t\t\t\t\t\t: (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t\t\t  ].body\n\t\t\t\t\t: descType.toLocaleUpperCase() === 'TITLE'\n\t\t\t\t\t? channel == CHANNEL_TYPE.RCS\n\t\t\t\t\t\t? (originalVariableList as WhatsAppTemplateVariables)?.title\n\t\t\t\t\t\t: (originalVariableList as WebpushTemplateVariables)?.title\n\t\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)?.body\n\t\t\t\t)?.map((variable, i) => {\n\t\t\t\t\tif (disableEditVariable || !variable.isEditableVariable) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div style={{ margin: `16px 8px` }} key={i}>\n\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t\t{type === 'HEADER' ? 'Header' : ''} Locked variable {i + 1}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\t\t\tplaceholder={variable.variableName}\n\t\t\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<VariableConnector\n\t\t\t\t\t\t\tindex={i}\n\t\t\t\t\t\t\tvariable={variable}\n\t\t\t\t\t\t\tkey={`${i}-${variable.index}`}\n\t\t\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\t\t\tcomponentType={\n\t\t\t\t\t\t\t\tdescType as ComponentType['type'] | WEB_PUSH_COMPONENT_TYPE\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t);\n\t} else if (descType === 'HEADER') {\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t{(selectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t\t  ].header\n\t\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)?.header\n\t\t\t\t)?.map((variable, i) => {\n\t\t\t\t\tif (variable.isEditableVariable) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<VariableConnector\n\t\t\t\t\t\t\t\tindex={i}\n\t\t\t\t\t\t\t\tvariable={variable}\n\t\t\t\t\t\t\t\tkey={`${i}-${variable.index}`}\n\t\t\t\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\t\t\t\tcomponentType={descType}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div style={{ margin: `16px 8px` }} key={i}>\n\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t\t{type === 'HEADER' ? 'Header' : ''} Locked variable {i + 1}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\t\t\tplaceholder={variable.variableName}\n\t\t\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t})}\n\t\t\t</div>\n\t\t);\n\t} else if (descType === 'limited_time_offer') {\n\t\tlet expiryDate =\n\t\t\tdescriptionComponent.example?.limited_time_offer ??\n\t\t\tnew Date().toISOString();\n\t\tif (initialExpiryDateTime) {\n\t\t\texpiryDate = new Date(initialExpiryDateTime).toISOString();\n\t\t}\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t<VariableConnector\n\t\t\t\t\tindex={0} // Only one expiry component and one expiry variable can be for a single tempalte\n\t\t\t\t\tvariable={{\n\t\t\t\t\t\tvariableName:\n\t\t\t\t\t\t\tdescriptionComponent?.limited_time_offer?.text ?? 'Expires after',\n\t\t\t\t\t\tupdatedValue: expiryDate,\n\t\t\t\t\t\ttype: 'date_time',\n\t\t\t\t\t\tisEditableVariable: true,\n\t\t\t\t\t\tindex: 0,\n\t\t\t\t\t}}\n\t\t\t\t\tkey={`${descType}`}\n\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\tcomponentType={descType}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else return <></>;\n};\n\nexport default VariableConnectorWhatsApp;\n"],"names":["VariableConnectorWhatsApp","props","descriptionComponent","type","showVariableModal","originalList","channel","templateVariables","disableEditVariable","selectedCarouselIndex","initialExpiryDateTime","useTemplateModalContext","originalVariableList","CHANNEL_TYPE","descType","variable","i","jsxDEV","BodySecondary","COLORS","this","Input","VariableConnector","expiryDate","Fragment"],"mappings":"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"}
+{"version":3,"file":"VariableConnectorWhatsApp.js","sources":["../../../../../src/components/template-context-mapper/modalElements/VariableConnectorWhatsApp.tsx"],"sourcesContent":["import { Input } from '@src/components/input/Input';\nimport { CHANNEL_TYPE } from '@src/components/template-preview/models/Channels';\nimport type { AllTemplateVariables } from '@src/components/template-preview/models/types';\nimport {\n\tWEB_PUSH_COMPONENT_TYPE,\n\ttype WebpushComponentKeyType,\n\ttype WebpushTemplateVariables,\n} from '@src/components/template-preview/models/WebpushTemplate';\nimport type { WhatsAppCarouselTemplateVariables } from '@src/components/template-preview/models/WhatsappCarouselTemplate';\nimport type { WhatsAppTemplateVariables } from '@src/components/template-preview/models/WhatsAppTemplate';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { useTemplateModalContext } from '../context/templateModalContext';\nimport { ComponentType } from './modal';\nimport VariableConnector from './VariableConnector';\n\nexport interface VariableConnectorWhatsAppProps {\n\toriginalVariableList:\n\t\t| WhatsAppTemplateVariables\n\t\t| WebpushTemplateVariables\n\t\t| AllTemplateVariables;\n\tdescriptionComponent: ComponentType | WebpushComponentKeyType;\n\ttype: ComponentType['type'] | WEB_PUSH_COMPONENT_TYPE;\n\tshowVariableModal?: boolean;\n\toriginalList?:\n\t\t| WhatsAppTemplateVariables\n\t\t| WebpushTemplateVariables\n\t\t| AllTemplateVariables;\n\tchannel?: CHANNEL_TYPE;\n}\n\nconst VariableConnectorWhatsApp = (props: VariableConnectorWhatsAppProps) => {\n\tconst {\n\t\tdescriptionComponent,\n\t\ttype,\n\t\tshowVariableModal,\n\t\toriginalList,\n\t\tchannel,\n\t} = props;\n\tconst {\n\t\toriginalVariableList: templateVariables,\n\t\tdisableEditVariable,\n\t\tselectedCarouselIndex,\n\t\tinitialExpiryDateTime,\n\t} = useTemplateModalContext();\n\tlet originalVariableList = templateVariables;\n\n\tif (\n\t\tchannel &&\n\t\t(channel == CHANNEL_TYPE.WHATSAPP || channel == CHANNEL_TYPE.RCS) &&\n\t\toriginalList\n\t) {\n\t\toriginalVariableList = originalList;\n\t}\n\n\tconst descType = descriptionComponent.type;\n\n\tif (descType === 'BODY' || descType.toLocaleUpperCase() === 'TITLE') {\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t{(selectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t\t? descType.toLocaleUpperCase() === 'TITLE'\n\t\t\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t\t\t  ]?.title\n\t\t\t\t\t\t: (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t\t\t  ].body\n\t\t\t\t\t: descType.toLocaleUpperCase() === 'TITLE'\n\t\t\t\t\t? channel == CHANNEL_TYPE.RCS\n\t\t\t\t\t\t? (originalVariableList as WhatsAppTemplateVariables)?.title\n\t\t\t\t\t\t: (originalVariableList as WebpushTemplateVariables)?.title\n\t\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)?.body\n\t\t\t\t)?.map((variable, i) => {\n\t\t\t\t\tif (disableEditVariable || !variable.isEditableVariable) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div style={{ margin: `16px 8px` }} key={i}>\n\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t\t{type === 'HEADER' ? 'Header' : ''} Locked variable {i + 1}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\t\t\tplaceholder={variable.variableName}\n\t\t\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<VariableConnector\n\t\t\t\t\t\t\tindex={i}\n\t\t\t\t\t\t\tvariable={variable}\n\t\t\t\t\t\t\tkey={`${i}-${variable.index}`}\n\t\t\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\t\t\tcomponentType={\n\t\t\t\t\t\t\t\tdescType as ComponentType['type'] | WEB_PUSH_COMPONENT_TYPE\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t);\n\t} else if (descType === 'HEADER') {\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t{(selectedCarouselIndex != undefined && selectedCarouselIndex > -1\n\t\t\t\t\t? (originalVariableList as WhatsAppCarouselTemplateVariables).cards[\n\t\t\t\t\t\t\tselectedCarouselIndex\n\t\t\t\t\t  ].header\n\t\t\t\t\t: (originalVariableList as WhatsAppTemplateVariables)?.header\n\t\t\t\t)?.map((variable, i) => {\n\t\t\t\t\tif (variable.isEditableVariable) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<VariableConnector\n\t\t\t\t\t\t\t\tindex={i}\n\t\t\t\t\t\t\t\tvariable={variable}\n\t\t\t\t\t\t\t\tkey={`${i}-${variable.index}`}\n\t\t\t\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\t\t\t\tcomponentType={descType}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div style={{ margin: `16px 8px` }} key={i}>\n\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t\t{type === 'HEADER' ? 'Header' : ''} Locked variable {i + 1}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\t\t\tplaceholder={variable.variableName}\n\t\t\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t})}\n\t\t\t</div>\n\t\t);\n\t} else if (descType === 'limited_time_offer') {\n\t\tlet expiryDate =\n\t\t\tdescriptionComponent.example?.limited_time_offer ??\n\t\t\tnew Date().toISOString();\n\t\tif (initialExpiryDateTime) {\n\t\t\texpiryDate = new Date(initialExpiryDateTime).toISOString();\n\t\t}\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t<VariableConnector\n\t\t\t\t\tindex={0} // Only one expiry component and one expiry variable can be for a single tempalte\n\t\t\t\t\tvariable={{\n\t\t\t\t\t\tvariableName:\n\t\t\t\t\t\t\tdescriptionComponent?.limited_time_offer?.text ?? 'Expires after',\n\t\t\t\t\t\tupdatedValue: expiryDate,\n\t\t\t\t\t\ttype: 'date_time',\n\t\t\t\t\t\tisEditableVariable: true,\n\t\t\t\t\t\tindex: 0,\n\t\t\t\t\t}}\n\t\t\t\t\tkey={`${descType}`}\n\t\t\t\t\tshowVariableModal={showVariableModal}\n\t\t\t\t\tcomponentType={descType}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t} else return <></>;\n};\n\nexport default VariableConnectorWhatsApp;\n"],"names":["VariableConnectorWhatsApp","props","descriptionComponent","type","showVariableModal","originalList","channel","templateVariables","disableEditVariable","selectedCarouselIndex","initialExpiryDateTime","useTemplateModalContext","originalVariableList","CHANNEL_TYPE","descType","variable","i","jsxDEV","BodySecondary","COLORS","this","Input","VariableConnector","expiryDate","Fragment"],"mappings":"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"}