@bikdotai/bik-component-library 0.0.736-beta.10 → 0.0.736-beta.2

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

@@ -25,4 +25,4 @@
 		align-items: center;
 		gap: 5px;
 	}
-`;exports.AddVariableStyled=f,exports.Container=p,exports.default=({onFocus:r,showVariableModal:h,discountCode:x,setDiscountCode:y})=>{const{originalVariableList:g,disableEditVariable:j,setVariableCallback:m,setShowVariablePicker:b}=c.useTemplateModalContext(),[v,C]=i.useState(!1),[k,S]=i.useState(!1),[V,w]=i.useState(""),[q,T]=i.useState(!1),O=i.useRef(),B=i.useRef();i.useEffect(()=>{y&&y(x+V)},[V]);i.useEffect(()=>{g.some(e=>"checkout.checkoutUrl"===e.updatedValue.replace("{{","").replace("}}",""))?(C(!0),x&&T(!0)):(C(!1),null==T||T(!1),null==y||y(""))},[g]);const L=e=>{w(e.actualValue)};return e.jsxs(p,{children:[e.jsxs("div",{style:{padding:8},children:[e.jsxs("div",{style:{display:"flex",gap:8,alignItems:"center",marginBottom:4},children:[e.jsx(s.TitleRegular,{style:{color:n.COLORS.content.primary},children:"Edit variables and links"}),e.jsx(o.Tooltip,{body:"Variables are placeholder texts which can either be filled by data, eg: customer name or can have any custom text within them",children:e.jsx("div",{style:{display:"flex"},children:e.jsx(t.default,{width:20,height:20,color:n.COLORS.content.placeholder})})})]}),e.jsx(s.BodySecondary,{style:{color:n.COLORS.content.secondary},children:"You can view variables and links on the left underlined in purple colour."})]}),null==g?void 0:g.map((t,i)=>!t.isEditableVariable||j?e.jsxs("div",{style:{margin:"16px 8px"},children:[e.jsxs(s.BodySecondary,{style:{color:n.COLORS.content.primary},children:["Locked variable ",i+1]}),e.jsx(a.Input,{state:"disabled",placeholder:t.variableName,onChangeText:()=>{}})]},i):e.jsx("div",{style:{marginTop:16},children:e.jsx(u.default,{index:i,variable:t,onFocus:()=>null==r?void 0:r(i),showVariableModal:h,setShowDiscountCheckBox:C})},i)),(v||x)&&e.jsxs("div",{style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8},children:[e.jsx(l.CheckBox,{isChecked:q,onValueChange:()=>{q&&y&&y(""),T(!q)}}),e.jsx(s.TitleSmall,{style:{marginLeft:8},children:"Add discount code"})]}),q&&e.jsxs("div",{ref:O,style:{margin:10},children:[e.jsx(a.Input,{placeholder:"Enter your discount code",onChangeText:e=>{y&&y(e)},value:x,onFocus:()=>{S(!0)},onBlur:e=>{var t;"addVar"===(null===(t=e.relatedTarget)||void 0===t?void 0:t.id)?(O.current&&O.current.focus(),S(!0)):S(!1)},noErrorHint:!0,validate:e=>[!0,""]}),k&&e.jsx(f,{ref:B,id:"addVar",onClick:e=>{e.stopPropagation(),m(()=>L),b(!0)},children:e.jsxs("div",{className:"add",children:[e.jsx(d.default,{width:20,height:20,color:"white"}),e.jsx("div",{className:"variable",children:"Add variable"})]})})]})]})};
+`;exports.AddVariableStyled=f,exports.Container=p,exports.default=r=>{let{onFocus:h,showVariableModal:x,discountCode:y,setDiscountCode:g}=r;const{originalVariableList:j,disableEditVariable:m,setVariableCallback:b,setShowVariablePicker:v}=c.useTemplateModalContext(),[C,k]=i.useState(!1),[S,V]=i.useState(!1),[w,q]=i.useState(""),[T,O]=i.useState(!1),B=i.useRef(),L=i.useRef();i.useEffect((()=>{g&&g(y+w)}),[w]);i.useEffect((()=>{j.some((e=>"checkout.checkoutUrl"===e.updatedValue.replace("{{","").replace("}}","")))?(k(!0),y&&O(!0)):(k(!1),null==O||O(!1),null==g||g(""))}),[j]);const E=e=>{q(e.actualValue)};return e.jsxs(p,{children:[e.jsxs("div",{style:{padding:8},children:[e.jsxs("div",{style:{display:"flex",gap:8,alignItems:"center",marginBottom:4},children:[e.jsx(s.TitleRegular,{style:{color:n.COLORS.content.primary},children:"Edit variables and links"}),e.jsx(o.Tooltip,{body:"Variables are placeholder texts which can either be filled by data, eg: customer name or can have any custom text within them",children:e.jsx("div",{style:{display:"flex"},children:e.jsx(t.default,{width:20,height:20,color:n.COLORS.content.placeholder})})})]}),e.jsx(s.BodySecondary,{style:{color:n.COLORS.content.secondary},children:"You can view variables and links on the left underlined in purple colour."})]}),null==j?void 0:j.map(((t,i)=>!t.isEditableVariable||m?e.jsxs("div",{style:{margin:"16px 8px"},children:[e.jsxs(s.BodySecondary,{style:{color:n.COLORS.content.primary},children:["Locked variable ",i+1]}),e.jsx(a.Input,{state:"disabled",placeholder:t.variableName,onChangeText:()=>{}})]},i):e.jsx("div",{style:{marginTop:16},children:e.jsx(u.default,{index:i,variable:t,onFocus:()=>null==h?void 0:h(i),showVariableModal:x,setShowDiscountCheckBox:k})},i))),(C||y)&&e.jsxs("div",{style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8},children:[e.jsx(l.CheckBox,{isChecked:T,onValueChange:()=>{T&&g&&g(""),O(!T)}}),e.jsx(s.TitleSmall,{style:{marginLeft:8},children:"Add discount code"})]}),T&&e.jsxs("div",{ref:B,style:{margin:10},children:[e.jsx(a.Input,{placeholder:"Enter your discount code",onChangeText:e=>{g&&g(e)},value:y,onFocus:()=>{V(!0)},onBlur:e=>{var t;"addVar"===(null===(t=e.relatedTarget)||void 0===t?void 0:t.id)?(B.current&&B.current.focus(),V(!0)):V(!1)},noErrorHint:!0,validate:e=>[!0,""]}),S&&e.jsx(f,{ref:L,id:"addVar",onClick:e=>{e.stopPropagation(),b((()=>E)),v(!0)},children:e.jsxs("div",{className:"add",children:[e.jsx(d.default,{width:20,height:20,color:"white"}),e.jsx("div",{className:"variable",children:"Add variable"})]})})]})]})};

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

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

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

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

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

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

package/dist/cjs/components/template-context-mapper/utils/convertPlaceholdersToBikDropdown.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.convertPlaceholdersToBikDropdown=e=>{const l=[];return e&&Object.keys(e).forEach(o=>{var r;const t=e[o],n=null!==(r=null==t?void 0:t.map(e=>{var l;return{label:e.title,value:e.placeHolder,bikPlaceholderType:null!==(l=e.type)&&void 0!==l?l:"string"}}))&&void 0!==r?r:[];l.push({label:o,options:n})}),l};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.convertPlaceholdersToBikDropdown=e=>{const l=[];return e&&Object.keys(e).forEach((o=>{var r;const t=e[o],n=null!==(r=null==t?void 0:t.map((e=>{var l;return{label:e.title,value:e.placeHolder,bikPlaceholderType:null!==(l=e.type)&&void 0!==l?l:"string"}})))&&void 0!==r?r:[];l.push({label:o,options:n})})),l};

package/dist/cjs/components/template-context-mapper/utils/getDataFromTemplateComponent.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.getAllDataFromTemplateComponent=e=>{var o,t,i;const n=[],l=[],p=[],a=[],s=[],d=[];let r=null;return e.components.forEach((e,o)=>{var t,i,a,s,d,m;if("BODY"===e.type&&e.text&&n.push({component:e,i:o,type:"BODY"}),"TITLE"===e.type&&e.text&&n.push({component:e,i:o,type:"TITLE"}),"HEADER"===e.type&&"NONE"!==e.format&&"TEXT"!==e.format&&(null===(i=null===(t=e.example)||void 0===t?void 0:t.header_handle)||void 0===i?void 0:i[0])&&(r=e),"HEADER"===e.type&&"TEXT"===e.format&&n.push({component:e,i:o,type:"HEADER"}),"BUTTONS"===e.type){const t=null===(s=null===(a=e.buttons)||void 0===a?void 0:a.filter)||void 0===s?void 0:s.call(a,e=>"URL"===e.type);l.push({component:Object.assign(Object.assign({},e),{buttons:t}),i:o});const i=null===(m=null===(d=e.buttons)||void 0===d?void 0:d.filter)||void 0===m?void 0:m.call(d,e=>"QUICK_REPLY"===e.type);p.push({component:Object.assign(Object.assign({},e),{buttons:i}),i:o})}"limited_time_offer"===e.type&&n.push({component:e,i:o,type:"limited_time_offer"})}),e.mapping&&(null===(o=e.mapping.body)||void 0===o||o.forEach(e=>{a.push(e)})),e.mapping&&(null===(t=e.mapping.header)||void 0===t||t.forEach(e=>{s.push(e)})),e.mapping&&(null===(i=e.mapping.title)||void 0===i||i.forEach(e=>{d.push(e)})),{imageComponent:r,descriptionComponents:n,urlBtns:l,qrbBtns:p,bodyVariables:a,headerVariables:s,titleVariables:d}},exports.getAllDataFromWebpushTemplateComponent=(e,o)=>{var t,i,n,l,p;return{bodyVariables:(null===(t=null==e?void 0:e.body)||void 0===t?void 0:t.map(e=>e))||[],titleVariables:(null===(i=null==e?void 0:e.title)||void 0===i?void 0:i.map(e=>e))||[],iconImage:(null===(n=null==e?void 0:e.icon)||void 0===n?void 0:n.map(e=>e))||[],bannerImage:(null===(l=null==e?void 0:e.image)||void 0===l?void 0:l.map(e=>e))||[],redirectionLink:(null===(p=null==e?void 0:e.redirectionLink)||void 0===p?void 0:p.map(e=>e))||[],descriptionComponents:Object.keys(o).map(e=>({type:e.toUpperCase(),component:Object.assign(Object.assign({},o[e]),{type:e.toUpperCase()})}))}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.getAllDataFromTemplateComponent=e=>{var o,t,i;const n=[],l=[],p=[],a=[],s=[],d=[];let r=null;return e.components.forEach(((e,o)=>{var t,i,a,s,d,m;if("BODY"===e.type&&e.text&&n.push({component:e,i:o,type:"BODY"}),"TITLE"===e.type&&e.text&&n.push({component:e,i:o,type:"TITLE"}),"HEADER"===e.type&&"NONE"!==e.format&&"TEXT"!==e.format&&(null===(i=null===(t=e.example)||void 0===t?void 0:t.header_handle)||void 0===i?void 0:i[0])&&(r=e),"HEADER"===e.type&&"TEXT"===e.format&&n.push({component:e,i:o,type:"HEADER"}),"BUTTONS"===e.type){const t=null===(s=null===(a=e.buttons)||void 0===a?void 0:a.filter)||void 0===s?void 0:s.call(a,(e=>"URL"===e.type));l.push({component:Object.assign(Object.assign({},e),{buttons:t}),i:o});const i=null===(m=null===(d=e.buttons)||void 0===d?void 0:d.filter)||void 0===m?void 0:m.call(d,(e=>"QUICK_REPLY"===e.type));p.push({component:Object.assign(Object.assign({},e),{buttons:i}),i:o})}"limited_time_offer"===e.type&&n.push({component:e,i:o,type:"limited_time_offer"})})),e.mapping&&(null===(o=e.mapping.body)||void 0===o||o.forEach((e=>{a.push(e)}))),e.mapping&&(null===(t=e.mapping.header)||void 0===t||t.forEach((e=>{s.push(e)}))),e.mapping&&(null===(i=e.mapping.title)||void 0===i||i.forEach((e=>{d.push(e)}))),{imageComponent:r,descriptionComponents:n,urlBtns:l,qrbBtns:p,bodyVariables:a,headerVariables:s,titleVariables:d}},exports.getAllDataFromWebpushTemplateComponent=(e,o)=>{var t,i,n,l,p;return{bodyVariables:(null===(t=null==e?void 0:e.body)||void 0===t?void 0:t.map((e=>e)))||[],titleVariables:(null===(i=null==e?void 0:e.title)||void 0===i?void 0:i.map((e=>e)))||[],iconImage:(null===(n=null==e?void 0:e.icon)||void 0===n?void 0:n.map((e=>e)))||[],bannerImage:(null===(l=null==e?void 0:e.image)||void 0===l?void 0:l.map((e=>e)))||[],redirectionLink:(null===(p=null==e?void 0:e.redirectionLink)||void 0===p?void 0:p.map((e=>e)))||[],descriptionComponents:Object.keys(o).map((e=>({type:e.toUpperCase(),component:Object.assign(Object.assign({},o[e]),{type:e.toUpperCase()})})))}};

package/dist/cjs/components/template-context-mapper/utils/highlightFor.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../template-preview/models/Channels.js");exports.highlightFor=function(t,o,l,n,d){var i;const u=null===document||void 0===document?void 0:document.getElementById("mobile"===d?"template_html_mobile":"template_html_desktop"),m=n===e.CHANNEL_TYPE.EMAIL?null===(i=null==u?void 0:u.contentWindow)||void 0===i?void 0:i.document.getElementById(t):document.getElementById(t);if(m){const e=m.style.backgroundColor;m.style.backgroundColor=o,setTimeout(function(){m.style.backgroundColor=e},1e3*l)}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../template-preview/models/Channels.js");exports.highlightFor=function(t,o,l,n,d){var i;const u=null===document||void 0===document?void 0:document.getElementById("mobile"===d?"template_html_mobile":"template_html_desktop"),m=n===e.CHANNEL_TYPE.EMAIL?null===(i=null==u?void 0:u.contentWindow)||void 0===i?void 0:i.document.getElementById(t):document.getElementById(t);if(m){const e=m.style.backgroundColor;m.style.backgroundColor=o,setTimeout((function(){m.style.backgroundColor=e}),1e3*l)}};

package/dist/cjs/components/template-context-mapper/utils/validateName.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.validateInputName=t=>!!/[^a-zA-Z0-9._ ]/.test(t),exports.validateInputNameChatbot=t=>{const e=/[^a-zA-Z0-9._ {}]/.test(t),a=t.match(/\{\{[a-zA-Z0-9._]+\}\}/g)||[],s=a.every(t=>t.startsWith("{{")&&t.endsWith("}}"));return!(!(e||t.includes("{{")&&0===a.length)&&s)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.validateInputName=t=>!!/[^a-zA-Z0-9._ ]/.test(t),exports.validateInputNameChatbot=t=>{const e=/[^a-zA-Z0-9._ {}]/.test(t),a=t.match(/\{\{[a-zA-Z0-9._]+\}\}/g)||[],s=a.every((t=>t.startsWith("{{")&&t.endsWith("}}")));return!(!(e||t.includes("{{")&&0===a.length)&&s)};

package/dist/cjs/components/template-preview/EmailTemplateThumbnailPreview.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../button/Button.js"),a=require("../TypographyStyle.js"),n=require("./EmailTemplatePreview.styled.js");const r="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c";exports.DEFAULT_IMAGE=r,exports.default=({template:s,handleViewTemplate:o,hideHeader:i,hideViewButton:l,containerStyle:p,emailHtmlContainerId:d,emailDisplayContent:c,applyBorderBottom:u,hidePointerEvents:m})=>{return e.jsxs(n.EmailContainer,{hideHeader:i,style:Object.assign({},null!=p?p:{}),children:[!i&&e.jsx(n.Header,{children:e.jsx(a.TitleRegular,{style:{maxWidth:"100%"},children:s.name})}),e.jsx(n.IframeContainer,{applyBorderBottom:u,children:c?e.jsx("iframe",{title:"Email template preview",id:null!=d?d:"",width:"100%",srcDoc:(h=c,h.replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{##orderProducts}}<\/span><span>\s*<\/span>/g,"").replace(/src="<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{product.photoUrl}}<\/span><span> <\/span>"/g,`src=${r}`).replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{\/\/orderProducts}}<\/span><span>\s*<\/span>/g,"").replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{##abandonedCartProducts}}<\/span><span>\s*<\/span>/g,"").replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{\/\/abandonedCartProducts}}<\/span><span>\s*<\/span>/g,"")),height:"100%",style:{pointerEvents:m?void 0:"none"}}):e.jsx(n.ImageContainer,{hideHeader:i,children:e.jsx(n.CardLoadingContainer,{})})}),!l&&e.jsx(n.ViewButton,{children:e.jsx(t.Button,{buttonType:"tertiary",buttonText:"View",onClick:()=>{o&&o()}})})]});var h};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../button/Button.js"),a=require("../TypographyStyle.js"),n=require("./EmailTemplatePreview.styled.js");const r="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c";exports.DEFAULT_IMAGE=r,exports.default=s=>{let{template:o,handleViewTemplate:i,hideHeader:l,hideViewButton:p,containerStyle:d,emailHtmlContainerId:c,emailDisplayContent:u,applyBorderBottom:m,hidePointerEvents:h}=s;return e.jsxs(n.EmailContainer,{hideHeader:l,style:Object.assign({},null!=d?d:{}),children:[!l&&e.jsx(n.Header,{children:e.jsx(a.TitleRegular,{style:{maxWidth:"100%"},children:o.name})}),e.jsx(n.IframeContainer,{applyBorderBottom:m,children:u?e.jsx("iframe",{title:"Email template preview",id:null!=c?c:"",width:"100%",srcDoc:(x=u,x.replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{##orderProducts}}<\/span><span>\s*<\/span>/g,"").replace(/src="<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{product.photoUrl}}<\/span><span> <\/span>"/g,`src=${r}`).replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{\/\/orderProducts}}<\/span><span>\s*<\/span>/g,"").replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{##abandonedCartProducts}}<\/span><span>\s*<\/span>/g,"").replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{\/\/abandonedCartProducts}}<\/span><span>\s*<\/span>/g,"")),height:"100%",style:{pointerEvents:h?void 0:"none"}}):e.jsx(n.ImageContainer,{hideHeader:l,children:e.jsx(n.CardLoadingContainer,{})})}),!p&&e.jsx(n.ViewButton,{children:e.jsx(t.Button,{buttonType:"tertiary",buttonText:"View",onClick:()=>{i&&i()}})})]});var x};

package/dist/cjs/components/template-preview/RCS/RCSButtons.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js");exports.RCSButtons=({Icon:i,text:n,extraContent:o,placeholder:l,textTypography:s,size:c})=>{const a=s||t.BodySecondary;return e.jsx(e.Fragment,{children:e.jsxs("div",{style:{textAlign:"center",maxWidth:"100%"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"},children:[i&&e.jsx(i,{color:r.COLORS.special.brand.facebook,height:16,width:16,style:{marginRight:8}}),e.jsx("div",{style:{border:"1px solid #E0E0E0",width:"100%",borderRadius:30,padding:"8px 12px"},children:e.jsx(a,{style:{color:r.COLORS.special.brand.facebook,textAlign:"center",fontSize:"small"===c?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},children:n})})]}),!!o&&e.jsx(t.Caption,{style:{marginTop:2,color:r.COLORS.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},children:l?function(e){return e.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,function(e){return e.toUpperCase()})}(l):o})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js");exports.RCSButtons=i=>{let{Icon:n,text:l,extraContent:o,placeholder:s,textTypography:c,size:a}=i;const d=c||t.BodySecondary;return e.jsx(e.Fragment,{children:e.jsxs("div",{style:{textAlign:"center",maxWidth:"100%"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"},children:[n&&e.jsx(n,{color:r.COLORS.special.brand.facebook,height:16,width:16,style:{marginRight:8}}),e.jsx("div",{style:{border:"1px solid #E0E0E0",width:"100%",borderRadius:30,padding:"8px 12px"},children:e.jsx(d,{style:{color:r.COLORS.special.brand.facebook,textAlign:"center",fontSize:"small"===a?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},children:l})})]}),!!o&&e.jsx(t.Caption,{style:{marginTop:2,color:r.COLORS.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},children:s?function(e){return e.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,(function(e){return e.toUpperCase()}))}(s):o})]})})};

package/dist/cjs/components/template-preview/RCS/RCSChatPreview.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../template-context-mapper/context/templateModalContext.js"),a=require("../helpers/templateMiscHelper.js"),s=require("../helpers/VariableEditorHelper.js"),l=require("../models/TemplateMeta.js"),i=require("../WhatsApp/ChatBtn.js"),n=require("./RCSButtons.js"),d=require("./RCSMediaCard.js"),o=require("./RCSPreview.styled.js");const u=new s.VariableEditorHelper;exports.RCSChatPreview=s=>{const{bodyText:p,titleText:C,headerMediaType:h,headerText:m,headerAssetLink:x,headerAssetName:E,imagePreviewStyles:T,size:c,bodyVariableList:j,headerVariableList:g,buttons:S,carouselCardIndex:A,isWhatsappCarousel:v,isPreview:R,titleVariableList:H,templateConfiguration:M}=s,y=u.format(null==p?void 0:p.replace(/</g,"&lt;").replace(/>/g,"&gt;"),j),P=u.format(null==m?void 0:m.replace(/</g,"&lt;").replace(/>/g,"&gt;"),g),_=u.format(null==C?void 0:C.replace(/</g,"&lt;").replace(/>/g,"&gt;"),H),{selectedCarouselIndex:N,isProductCarouselType:w,errorIndexes:D,isCarouselHovered:L}=t.useTemplateModalContext(),q=r.useMemo(()=>a.isRichAndCarouselCards(null==M?void 0:M.templateType),[null==M?void 0:M.templateType]),b=r.useMemo(()=>"HORIZONTAL"==(null==M?void 0:M.orientation),[M]);return e.jsxs(o.RCSPreviewContainer,{isCarouselCard:null!=A&&A>-1,showBorder:null!=A&&A===N||w&&null!=A&&A>-1&&null!=N&&N>-1,hasError:null==D?void 0:D.includes(null!=A?A:-2),isWhatsappCarousel:v,isPreview:R,showDashedBorder:w&&L&&(null!=N?N:-1)<0&&(null!=A?A:-1)>-1,needBorder:q,isHorizontalOrientation:b,children:[!b&&e.jsx(e.Fragment,{children:h===l.HEADER_TYPES.TEXT?e.jsx(o.HeaderTextContainer,{dangerouslySetInnerHTML:{__html:P}}):h!==l.HEADER_TYPES.NONE&&x&&h!==l.HEADER_TYPES.DOCUMENT?e.jsx(d.RCSMediaCard,{headerAssetLink:x,headerAssetName:E,mediaType:h,imagePreviewStyles:h===l.HEADER_TYPES.IMAGE?T:{}}):null}),e.jsxs("div",{style:{width:b?"50%":""},children:[e.jsxs("div",{className:q?"":"text--template",children:[!!C&&e.jsx(e.Fragment,{children:e.jsx(o.TitleTextContainer,{dangerouslySetInnerHTML:{__html:_}})}),!!p&&e.jsx(e.Fragment,{children:e.jsx(o.RcsHtmlContainer,{dangerouslySetInnerHTML:{__html:y},style:{paddingTop:C?0:12}})}),h===l.HEADER_TYPES.DOCUMENT?e.jsx(d.PdfMediaCard,{headerAssetLink:x,headerAssetName:E}):e.jsx(e.Fragment,{})]}),S&&S.length>0?a.isRichAndCarouselCards(null==M?void 0:M.templateType)?e.jsx(e.Fragment,{children:S.map((r,t)=>e.jsx(i.ChatBtn,{text:r.text,size:c},t))}):e.jsx(o.RCSChatBtnContainer,{children:S.map((r,t)=>e.jsx(n.RCSButtons,{text:r.text,size:c},t))}):null]}),b&&h!==l.HEADER_TYPES.NONE&&x&&h!==l.HEADER_TYPES.DOCUMENT&&e.jsx(d.RCSMediaCard,{headerAssetLink:x,headerAssetName:E,mediaType:h,imagePreviewStyles:h===l.HEADER_TYPES.IMAGE?T:{},isHorizontal:b})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../template-context-mapper/context/templateModalContext.js"),a=require("../helpers/templateMiscHelper.js"),s=require("../helpers/VariableEditorHelper.js"),l=require("../models/TemplateMeta.js"),i=require("../WhatsApp/ChatBtn.js"),n=require("./RCSButtons.js"),d=require("./RCSMediaCard.js"),o=require("./RCSPreview.styled.js");const u=new s.VariableEditorHelper;exports.RCSChatPreview=s=>{const{bodyText:p,titleText:C,headerMediaType:h,headerText:m,headerAssetLink:x,headerAssetName:E,imagePreviewStyles:T,size:c,bodyVariableList:j,headerVariableList:g,buttons:S,carouselCardIndex:A,isWhatsappCarousel:v,isPreview:R,titleVariableList:H,templateConfiguration:M}=s,y=u.format(null==p?void 0:p.replace(/</g,"&lt;").replace(/>/g,"&gt;"),j),P=u.format(null==m?void 0:m.replace(/</g,"&lt;").replace(/>/g,"&gt;"),g),_=u.format(null==C?void 0:C.replace(/</g,"&lt;").replace(/>/g,"&gt;"),H),{selectedCarouselIndex:N,isProductCarouselType:w,errorIndexes:D,isCarouselHovered:L}=t.useTemplateModalContext(),q=r.useMemo((()=>a.isRichAndCarouselCards(null==M?void 0:M.templateType)),[null==M?void 0:M.templateType]),b=r.useMemo((()=>"HORIZONTAL"==(null==M?void 0:M.orientation)),[M]);return e.jsxs(o.RCSPreviewContainer,{isCarouselCard:null!=A&&A>-1,showBorder:null!=A&&A===N||w&&null!=A&&A>-1&&null!=N&&N>-1,hasError:null==D?void 0:D.includes(null!=A?A:-2),isWhatsappCarousel:v,isPreview:R,showDashedBorder:w&&L&&(null!=N?N:-1)<0&&(null!=A?A:-1)>-1,needBorder:q,isHorizontalOrientation:b,children:[!b&&e.jsx(e.Fragment,{children:h===l.HEADER_TYPES.TEXT?e.jsx(o.HeaderTextContainer,{dangerouslySetInnerHTML:{__html:P}}):h!==l.HEADER_TYPES.NONE&&x&&h!==l.HEADER_TYPES.DOCUMENT?e.jsx(d.RCSMediaCard,{headerAssetLink:x,headerAssetName:E,mediaType:h,imagePreviewStyles:h===l.HEADER_TYPES.IMAGE?T:{}}):null}),e.jsxs("div",{style:{width:b?"50%":""},children:[e.jsxs("div",{className:q?"":"text--template",children:[!!C&&e.jsx(e.Fragment,{children:e.jsx(o.TitleTextContainer,{dangerouslySetInnerHTML:{__html:_}})}),!!p&&e.jsx(e.Fragment,{children:e.jsx(o.RcsHtmlContainer,{dangerouslySetInnerHTML:{__html:y},style:{paddingTop:C?0:12}})}),h===l.HEADER_TYPES.DOCUMENT?e.jsx(d.PdfMediaCard,{headerAssetLink:x,headerAssetName:E}):e.jsx(e.Fragment,{})]}),S&&S.length>0?a.isRichAndCarouselCards(null==M?void 0:M.templateType)?e.jsx(e.Fragment,{children:S.map(((r,t)=>e.jsx(i.ChatBtn,{text:r.text,size:c},t)))}):e.jsx(o.RCSChatBtnContainer,{children:S.map(((r,t)=>e.jsx(n.RCSButtons,{text:r.text,size:c},t)))}):null]}),b&&h!==l.HEADER_TYPES.NONE&&x&&h!==l.HEADER_TYPES.DOCUMENT&&e.jsx(d.RCSMediaCard,{headerAssetLink:x,headerAssetName:E,mediaType:h,imagePreviewStyles:h===l.HEADER_TYPES.IMAGE?T:{},isHorizontal:b})]})};

package/dist/cjs/components/template-preview/RCS/RCSMediaCard.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/RCS_PDF.svg.js"),i=require("../../shimmer-image/ShimmerImage.js"),s=require("../../../constants/Theme.js"),t=require("../models/TemplateMeta.js"),d=require("./RCSPreview.styled.js");exports.PdfMediaCard=({headerAssetLink:i,headerAssetName:t})=>{var a;const n=r.default,o=t||(null===(a=null==i?void 0:i.split("/").pop())||void 0===a?void 0:a.replace(".pdf",""))||"xxxxxxxx";return e.jsxs(d.RCSPdfContainer,{children:[e.jsx(n,{height:24,width:24,color:s.COLORS.icon.placeholder}),!!o&&e.jsxs(d.PdfComineText,{children:[e.jsx(d.PdfText,{children:o}),e.jsx(d.PdfText,{children:".pdf"})]})]})},exports.RCSMediaCard=({headerAssetLink:r,headerAssetName:s,mediaType:a,imagePreviewStyles:n,isHorizontal:o})=>{const l={width:"100%",minHeight:o?"100%":"240px",height:o?"100%":"240px",objectFit:"cover",borderRadius:o?"8px":""};return e.jsx(d.RCSMediaContainer,{isHorizontal:!!o,children:a===t.HEADER_TYPES.IMAGE?e.jsx(i.ShimmerImage,{imageUrl:r,alt:r,width:"100%",height:o?"100%":240,imagePreviewStyles:Object.assign(Object.assign({},n),{borderTopRightRadius:8,borderTopLeftRadius:8})}):a===t.HEADER_TYPES.VIDEO?e.jsx("video",{src:r,style:l,controls:!0,muted:!0,children:e.jsx("track",{default:!0,kind:"captions",srcLang:"en",src:r})}):e.jsx(e.Fragment,{})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/RCS_PDF.svg.js"),i=require("../../shimmer-image/ShimmerImage.js"),s=require("../../../constants/Theme.js"),t=require("../models/TemplateMeta.js"),d=require("./RCSPreview.styled.js");exports.PdfMediaCard=i=>{let{headerAssetLink:t,headerAssetName:a}=i;var n;const o=r.default,l=a||(null===(n=null==t?void 0:t.split("/").pop())||void 0===n?void 0:n.replace(".pdf",""))||"xxxxxxxx";return e.jsxs(d.RCSPdfContainer,{children:[e.jsx(o,{height:24,width:24,color:s.COLORS.icon.placeholder}),!!l&&e.jsxs(d.PdfComineText,{children:[e.jsx(d.PdfText,{children:l}),e.jsx(d.PdfText,{children:".pdf"})]})]})},exports.RCSMediaCard=r=>{let{headerAssetLink:s,headerAssetName:a,mediaType:n,imagePreviewStyles:o,isHorizontal:l}=r;const x={width:"100%",minHeight:l?"100%":"240px",height:l?"100%":"240px",objectFit:"cover",borderRadius:l?"8px":""};return e.jsx(d.RCSMediaContainer,{isHorizontal:!!l,children:n===t.HEADER_TYPES.IMAGE?e.jsx(i.ShimmerImage,{imageUrl:s,alt:s,width:"100%",height:l?"100%":240,imagePreviewStyles:Object.assign(Object.assign({},o),{borderTopRightRadius:8,borderTopLeftRadius:8})}):n===t.HEADER_TYPES.VIDEO?e.jsx("video",{src:s,style:x,controls:!0,muted:!0,children:e.jsx("track",{default:!0,kind:"captions",srcLang:"en",src:s})}):e.jsx(e.Fragment,{})})};

package/dist/cjs/components/template-preview/SmsTemplatePreview.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/arrow_left.svg.js"),l=require("../../assets/icons/more_vertical.svg.js"),t=require("../../assets/icons/search.svg.js"),s=require("../../constants/Theme.js"),i=require("../template-context-mapper/context/templateModalContext.js"),n=require("../TypographyStyle.js"),a=require("./helpers/SmsTemplateHelper.js"),o=require("./SMS/SMSBubble.js"),d=require("./SmsTemplatePreview.styled.js");exports.default=({template:u,variableStore:c,hideHeader:h,display_content:x,onlyTemplateContent:j,size:p,uniqueId:v})=>{var S;const m=null==u?void 0:u.content,{hideDeviceContainerInPreview:y}=i.useTemplateModalContext();return y?e.jsx(d.SMSBubbleContainer,{size:p,children:e.jsx(o.default,{size:null!=p?p:"large",content:null!=x?x:a.renderVariableUIForPreview(m,null!=c?c:[],void 0,null!=v?v:"")})}):e.jsxs(e.Fragment,{children:[!h&&!j&&e.jsx(d.SMSCardHeader,{children:e.jsx(n.TitleRegular,{style:{maxWidth:"100%"},children:u.name})}),!j&&e.jsx(d.SMSHeader,{children:e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:8},children:[e.jsx(r.default,{width:16,height:16,color:s.COLORS.content.secondary}),e.jsx(n.Caption,{children:null===(S=null==u?void 0:u.headers)||void 0===S?void 0:S[0]})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:8},children:[e.jsx(t.default,{width:16,height:16,color:s.COLORS.content.secondary}),e.jsx(l.default,{width:16,height:16,color:s.COLORS.content.secondary})]})]})}),e.jsx(d.SMSBubbleContainer,{size:p,children:e.jsx(o.default,{size:null!=p?p:"large",content:null!=x?x:a.renderVariableUIForPreview(m,null!=c?c:[],void 0,null!=v?v:"")})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/arrow_left.svg.js"),l=require("../../assets/icons/more_vertical.svg.js"),t=require("../../assets/icons/search.svg.js"),s=require("../../constants/Theme.js"),i=require("../template-context-mapper/context/templateModalContext.js"),n=require("../TypographyStyle.js"),a=require("./helpers/SmsTemplateHelper.js"),o=require("./SMS/SMSBubble.js"),d=require("./SmsTemplatePreview.styled.js");exports.default=u=>{let{template:c,variableStore:h,hideHeader:x,display_content:j,onlyTemplateContent:p,size:v,uniqueId:S}=u;var m;const y=null==c?void 0:c.content,{hideDeviceContainerInPreview:g}=i.useTemplateModalContext();return g?e.jsx(d.SMSBubbleContainer,{size:v,children:e.jsx(o.default,{size:null!=v?v:"large",content:null!=j?j:a.renderVariableUIForPreview(y,null!=h?h:[],void 0,null!=S?S:"")})}):e.jsxs(e.Fragment,{children:[!x&&!p&&e.jsx(d.SMSCardHeader,{children:e.jsx(n.TitleRegular,{style:{maxWidth:"100%"},children:c.name})}),!p&&e.jsx(d.SMSHeader,{children:e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:8},children:[e.jsx(r.default,{width:16,height:16,color:s.COLORS.content.secondary}),e.jsx(n.Caption,{children:null===(m=null==c?void 0:c.headers)||void 0===m?void 0:m[0]})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:8},children:[e.jsx(t.default,{width:16,height:16,color:s.COLORS.content.secondary}),e.jsx(l.default,{width:16,height:16,color:s.COLORS.content.secondary})]})]})}),e.jsx(d.SMSBubbleContainer,{size:v,children:e.jsx(o.default,{size:null!=v?v:"large",content:null!=j?j:a.renderVariableUIForPreview(y,null!=h?h:[],void 0,null!=S?S:"")})})]})};

package/dist/cjs/components/template-preview/TemplatePreview.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../template-context-mapper/context/templateModalContext.js"),l=require("../../utils/StringUtils.js"),i=require("../../constants/Theme.js"),a=require("../../assets/icons/aiContentIcon.svg.js"),n=require("../TypographyStyle.js"),s=require("./EmailTemplateThumbnailPreview.js"),r=require("./models/Channels.js"),o=require("./SmsTemplatePreview.js"),d=require("./webpush/WebpushPreview.js"),u=require("./WhatsAppTemplatePreview.js");const p={WhatsAppWrapper:{backgroundColor:i.COLORS.surface.standard,borderRadius:4,border:`1px solid ${i.COLORS.background.inactive}`,marginTop:16}};exports.TemplatePreview=({template:c,channel:m,whatsAppSpecificMeta:v,templateCreationsInfo:h,hideHeader:C,size:j,onlyTemplateContent:x,emailSpecificMeta:g,smsSpecificMeta:y,showSampleValues:S,carouselCardIndex:b,isWhatsappCarousel:T,isPreview:w,applyBorderBottom:P,webPushSpecificMeta:f,hidePointerEvents:E})=>{var H,O;const{setSelectedCarouselIndex:A}=t.useTemplateModalContext();return m===r.CHANNEL_TYPE.SMS?e.jsx("div",{style:Object.assign({marginTop:h?16:0,border:h?`1px solid ${i.COLORS.stroke.primary}`:"none",borderRadius:4},null==y?void 0:y.templateContainerStyles),children:e.jsx(o.default,{template:c,hideHeader:C,onlyTemplateContent:x,size:null!=j?j:"large",variableStore:null==y?void 0:y.smsVariableStore,display_content:null==y?void 0:y.smsDisplayContent,uniqueId:null==y?void 0:y.uniqueId})}):m===r.CHANNEL_TYPE.EMAIL?e.jsx("div",{style:Object.assign({marginTop:h?16:0},null==g?void 0:g.templateContainerStyles),children:e.jsx(s.default,{template:c,handleViewTemplate:()=>{var e;null===(e=null==g?void 0:g.handleViewTemplate)||void 0===e||e.call(g)},hideHeader:C,hideViewButton:null==g?void 0:g.hideViewButtonForEmail,containerStyle:null==g?void 0:g.containerStyle,emailDisplayContent:null==g?void 0:g.emailDisplayContent,emailHtmlContainerId:null==g?void 0:g.emailHtmlContainerId,applyBorderBottom:P,hidePointerEvents:E})}):m===r.CHANNEL_TYPE.WHATSAPP||m===r.CHANNEL_TYPE.RCS?e.jsxs("div",{style:Object.assign(Object.assign(Object.assign({},null==v?void 0:v.templateContainerStyles),h?p.WhatsAppWrapper:{}),{position:"relative"}),onClick:()=>{var e,t;if(A&&T){if(-1===b&&!(null===(t=null===(e=null==c?void 0:c.mapping)||void 0===e?void 0:e.body)||void 0===t?void 0:t.length))return;A(null!=b?b:-1)}},children:[h?e.jsx("div",{style:{padding:16},children:e.jsx(n.TitleRegular,{children:l.default.convertToTitleCase(null!==(H=null==c?void 0:c.label)&&void 0!==H?H:"")})}):e.jsx(e.Fragment,{}),e.jsx(u.default,{showSampleValues:S,showHeader:null==v?void 0:v.showWhatsAppHeader,extras:null==v?void 0:v.whatsAppExtras,template:c,size:h?"small":null!=j?j:"large",containerStyle:Object.assign(Object.assign({borderWidth:h?0:1,borderTopWidth:1},null!==(O=null==v?void 0:v.containerStyle)&&void 0!==O?O:{}),{height:"100%"}),zeroStateComponent:null==v?void 0:v.zeroStateComponent,usePlaceHolderName:null==v?void 0:v.usePlaceHolderName,carouselCardIndex:b,isWhatsappCarousel:T,isPreview:w,channel:m}),!!(null==c?void 0:c.aiContentConfigId)&&e.jsx("div",{style:{position:"absolute",top:0,right:0,display:"flex",alignItems:"center",justifyContent:"center",width:48,height:48,zIndex:5},children:e.jsx(a.default,{width:48,height:48})})]}):m==r.CHANNEL_TYPE.WEBPUSH?e.jsx("div",{style:Object.assign({},null==f?void 0:f.containerStyle),children:e.jsx(d.default,{template:c,extraContainerCss:null==f?void 0:f.extraContainerCss})}):e.jsx(e.Fragment,{})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../template-context-mapper/context/templateModalContext.js"),l=require("../../utils/StringUtils.js"),i=require("../../constants/Theme.js"),a=require("../../assets/icons/aiContentIcon.svg.js"),n=require("../TypographyStyle.js"),s=require("./EmailTemplateThumbnailPreview.js"),r=require("./models/Channels.js"),o=require("./SmsTemplatePreview.js"),d=require("./webpush/WebpushPreview.js"),u=require("./WhatsAppTemplatePreview.js");const p={WhatsAppWrapper:{backgroundColor:i.COLORS.surface.standard,borderRadius:4,border:`1px solid ${i.COLORS.background.inactive}`,marginTop:16}};exports.TemplatePreview=c=>{let{template:m,channel:v,whatsAppSpecificMeta:h,templateCreationsInfo:C,hideHeader:j,size:x,onlyTemplateContent:g,emailSpecificMeta:y,smsSpecificMeta:S,showSampleValues:b,carouselCardIndex:T,isWhatsappCarousel:w,isPreview:P,applyBorderBottom:f,webPushSpecificMeta:E,hidePointerEvents:H}=c;var O,A;const{setSelectedCarouselIndex:q}=t.useTemplateModalContext();return v===r.CHANNEL_TYPE.SMS?e.jsx("div",{style:Object.assign({marginTop:C?16:0,border:C?`1px solid ${i.COLORS.stroke.primary}`:"none",borderRadius:4},null==S?void 0:S.templateContainerStyles),children:e.jsx(o.default,{template:m,hideHeader:j,onlyTemplateContent:g,size:null!=x?x:"large",variableStore:null==S?void 0:S.smsVariableStore,display_content:null==S?void 0:S.smsDisplayContent,uniqueId:null==S?void 0:S.uniqueId})}):v===r.CHANNEL_TYPE.EMAIL?e.jsx("div",{style:Object.assign({marginTop:C?16:0},null==y?void 0:y.templateContainerStyles),children:e.jsx(s.default,{template:m,handleViewTemplate:()=>{var e;null===(e=null==y?void 0:y.handleViewTemplate)||void 0===e||e.call(y)},hideHeader:j,hideViewButton:null==y?void 0:y.hideViewButtonForEmail,containerStyle:null==y?void 0:y.containerStyle,emailDisplayContent:null==y?void 0:y.emailDisplayContent,emailHtmlContainerId:null==y?void 0:y.emailHtmlContainerId,applyBorderBottom:f,hidePointerEvents:H})}):v===r.CHANNEL_TYPE.WHATSAPP||v===r.CHANNEL_TYPE.RCS?e.jsxs("div",{style:Object.assign(Object.assign(Object.assign({},null==h?void 0:h.templateContainerStyles),C?p.WhatsAppWrapper:{}),{position:"relative"}),onClick:()=>{var e,t;if(q&&w){if(-1===T&&!(null===(t=null===(e=null==m?void 0:m.mapping)||void 0===e?void 0:e.body)||void 0===t?void 0:t.length))return;q(null!=T?T:-1)}},children:[C?e.jsx("div",{style:{padding:16},children:e.jsx(n.TitleRegular,{children:l.default.convertToTitleCase(null!==(O=null==m?void 0:m.label)&&void 0!==O?O:"")})}):e.jsx(e.Fragment,{}),e.jsx(u.default,{showSampleValues:b,showHeader:null==h?void 0:h.showWhatsAppHeader,extras:null==h?void 0:h.whatsAppExtras,template:m,size:C?"small":null!=x?x:"large",containerStyle:Object.assign(Object.assign({borderWidth:C?0:1,borderTopWidth:1},null!==(A=null==h?void 0:h.containerStyle)&&void 0!==A?A:{}),{height:"100%"}),zeroStateComponent:null==h?void 0:h.zeroStateComponent,usePlaceHolderName:null==h?void 0:h.usePlaceHolderName,carouselCardIndex:T,isWhatsappCarousel:w,isPreview:P,channel:v}),!!(null==m?void 0:m.aiContentConfigId)&&e.jsx("div",{style:{position:"absolute",top:0,right:0,display:"flex",alignItems:"center",justifyContent:"center",width:48,height:48,zIndex:5},children:e.jsx(a.default,{width:48,height:48})})]}):v==r.CHANNEL_TYPE.WEBPUSH?e.jsx("div",{style:Object.assign({},null==E?void 0:E.containerStyle),children:e.jsx(d.default,{template:m,extraContainerCss:null==E?void 0:E.extraContainerCss})}):e.jsx(e.Fragment,{})};

package/dist/cjs/components/template-preview/WhatsApp/ChatBtn.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js"),i=require("./ChatUI.style.js");exports.ChatBtn=({Icon:n,text:o,extraContent:l,placeholder:s,textTypography:a,size:c,iconPosition:p="left"})=>{const h=a||t.BodySecondary;return e.jsx(i.ChatBtnContainer,{children:e.jsxs("div",{style:{textAlign:"center",maxWidth:"100%"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"},children:[n&&"left"===p&&e.jsx(n,{color:r.COLORS.special.brand.facebook,height:16,width:16,style:{marginRight:8}}),e.jsx(h,{style:{color:r.COLORS.special.brand.facebook,textAlign:"center",fontSize:"small"===c?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},children:o}),n&&"right"===p&&e.jsx(n,{color:r.COLORS.special.brand.facebook,height:16,width:16,style:{marginLeft:8}})]}),!!l&&e.jsx(t.Caption,{style:{marginTop:2,color:r.COLORS.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},children:s?function(e){return e.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,function(e){return e.toUpperCase()})}(s):l})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js"),i=require("./ChatUI.style.js");exports.ChatBtn=n=>{let{Icon:o,text:l,extraContent:s,placeholder:a,textTypography:c,size:p,iconPosition:h="left"}=n;const d=c||t.BodySecondary;return e.jsx(i.ChatBtnContainer,{children:e.jsxs("div",{style:{textAlign:"center",maxWidth:"100%"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"},children:[o&&"left"===h&&e.jsx(o,{color:r.COLORS.special.brand.facebook,height:16,width:16,style:{marginRight:8}}),e.jsx(d,{style:{color:r.COLORS.special.brand.facebook,textAlign:"center",fontSize:"small"===p?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},children:l}),o&&"right"===h&&e.jsx(o,{color:r.COLORS.special.brand.facebook,height:16,width:16,style:{marginLeft:8}})]}),!!s&&e.jsx(t.Caption,{style:{marginTop:2,color:r.COLORS.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},children:a?function(e){return e.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,(function(e){return e.toUpperCase()}))}(a):s})]})})};

package/dist/cjs/components/template-preview/WhatsApp/ChatUI.js

@@ -4,4 +4,4 @@
 	height: 8px;
 	left: -7.7px;
 	top: -8px;
-`;exports.default=a=>{const{bodyText:T,footerText:m,headerMediaType:y,headerText:g,headerAssetLink:S,headerAssetName:f,quickReplybtn:v,ctaBtn:q,actionTypes:E,textType:w,extras:C,showHeader:A,imagePreviewStyles:N,size:b,children:F,isPreview:M}=a,P=new d.WhatsAppFormatToHTML,_=s.useMemo(()=>({color:l.COLORS.content.primary,margin:12,fontSize:A?l.FONTS.caption.fontSize:l.FONTS.bodySecondary.fontSize,fontWeight:l.FONTS.bodySecondary.fontWeight,maxWidth:"100%",whiteSpace:"pre-wrap",marginBottom:0,marginTop:8,wordBreak:"break-word"}),[]);return e.jsxs(h.Container,{isPreview:M,children:[e.jsx(j,{children:e.jsx(t.default,{color:"white",height:8,width:8})}),y===p.HEADER_TYPES.TEXT?e.jsx(u.default,{bold:!0,text:null==g?void 0:g.replace(/</g,"&lt;").replace(/>/g,"&gt;")}):y!==p.HEADER_TYPES.NONE?e.jsx(x.MediaCard,{headerAssetLink:S,headerAssetName:f,mediaType:y,imagePreviewStyles:y===p.HEADER_TYPES.IMAGE?N:{}}):e.jsx(e.Fragment,{}),!!T&&e.jsx(e.Fragment,{children:F?e.jsx(e.Fragment,{children:F}):e.jsx(e.Fragment,{children:"html"===w?e.jsx("div",{className:"richTextEditor",style:_,dangerouslySetInnerHTML:{__html:P.convertToHTML(T)}}):e.jsx(n.BodySecondary,{children:null==T?void 0:T.replace(/</g,"&lt;").replace(/>/g,"&gt;")})})}),e.jsxs(h.FooterWrapper,{children:[e.jsx(o.Tooltip,{body:null!=m?m:"",placement:"top",children:e.jsx(h.FooterText,{style:{flex:1},children:m})}),e.jsx(h.TimeStamp,{children:"16:48"})]}),E===p.ACTIONS_TYPES.QUICK_REPLY?e.jsx("div",{children:null==v?void 0:v.map((t,r)=>e.jsx(c.ChatBtn,{text:t.text},r))}):E===p.ACTIONS_TYPES.CTA_BTN?e.jsx("div",{children:null==q?void 0:q.map((t,s)=>e.jsx(c.ChatBtn,{textTypography:A?n.Caption:n.BodySecondary,extraContent:C?t.extra:void 0,placeholder:t.placeholder,text:t.text,Icon:"phoneNumber"===t.type?r.default:i.default,size:b},s))}):e.jsx(e.Fragment,{})]})};
+`;exports.default=a=>{const{bodyText:T,footerText:m,headerMediaType:y,headerText:g,headerAssetLink:S,headerAssetName:f,quickReplybtn:v,ctaBtn:q,actionTypes:E,textType:w,extras:C,showHeader:A,imagePreviewStyles:N,size:b,children:F,isPreview:M}=a,P=new d.WhatsAppFormatToHTML,_=s.useMemo((()=>({color:l.COLORS.content.primary,margin:12,fontSize:A?l.FONTS.caption.fontSize:l.FONTS.bodySecondary.fontSize,fontWeight:l.FONTS.bodySecondary.fontWeight,maxWidth:"100%",whiteSpace:"pre-wrap",marginBottom:0,marginTop:8,wordBreak:"break-word"})),[]);return e.jsxs(h.Container,{isPreview:M,children:[e.jsx(j,{children:e.jsx(t.default,{color:"white",height:8,width:8})}),y===p.HEADER_TYPES.TEXT?e.jsx(u.default,{bold:!0,text:null==g?void 0:g.replace(/</g,"&lt;").replace(/>/g,"&gt;")}):y!==p.HEADER_TYPES.NONE?e.jsx(x.MediaCard,{headerAssetLink:S,headerAssetName:f,mediaType:y,imagePreviewStyles:y===p.HEADER_TYPES.IMAGE?N:{}}):e.jsx(e.Fragment,{}),!!T&&e.jsx(e.Fragment,{children:F?e.jsx(e.Fragment,{children:F}):e.jsx(e.Fragment,{children:"html"===w?e.jsx("div",{className:"richTextEditor",style:_,dangerouslySetInnerHTML:{__html:P.convertToHTML(T)}}):e.jsx(n.BodySecondary,{children:null==T?void 0:T.replace(/</g,"&lt;").replace(/>/g,"&gt;")})})}),e.jsxs(h.FooterWrapper,{children:[e.jsx(o.Tooltip,{body:null!=m?m:"",placement:"top",children:e.jsx(h.FooterText,{style:{flex:1},children:m})}),e.jsx(h.TimeStamp,{children:"16:48"})]}),E===p.ACTIONS_TYPES.QUICK_REPLY?e.jsx("div",{children:null==v?void 0:v.map(((t,r)=>e.jsx(c.ChatBtn,{text:t.text},r)))}):E===p.ACTIONS_TYPES.CTA_BTN?e.jsx("div",{children:null==q?void 0:q.map(((t,s)=>e.jsx(c.ChatBtn,{textTypography:A?n.Caption:n.BodySecondary,extraContent:C?t.extra:void 0,placeholder:t.placeholder,text:t.text,Icon:"phoneNumber"===t.type?r.default:i.default,size:b},s)))}):e.jsx(e.Fragment,{})]})};

package/dist/cjs/components/template-preview/WhatsApp/ChatUiV2.js

@@ -16,4 +16,4 @@
 `,v=T.default(g)`
 	font-weight: 600;
 	margin-bottom: 8px;
-`,E=new x.VariableEditorHelper;exports.ChatUIV2=l=>{const{bodyText:u,footerText:x,headerMediaType:C,headerText:T,headerAssetLink:I,headerAssetName:S,quickReplybtn:L,ctaBtn:_,actionTypes:q,extras:O,showHeader:P,imagePreviewStyles:w,size:b,bodyVariableList:A,headerVariableList:M,buttons:N,limitedTimeOfferComponent:R,carouselCardIndex:H,isWhatsappCarousel:B,isPreview:Y,children:D,hideFooter:F=!1}=l,U=E.format(null==u?void 0:u.replace(/</g,"&lt;").replace(/>/g,"&gt;"),A),V=E.format(null==T?void 0:T.replace(/</g,"&lt;").replace(/>/g,"&gt;"),M),{selectedCarouselIndex:k,isProductCarouselType:z,errorIndexes:W,isCarouselHovered:K}=n.useTemplateModalContext(),Q={COPY_CODE:r.default,PHONE_NUMBER:i.default,URL:o.default,QUICK_REPLY:a.default,VOICE_CALL:i.default,CALL_PERMISSION:t.default};return e.jsxs(m.Container,{isCarouselCard:null!=H&&H>-1,showBorder:null!=H&&H===k||z&&null!=H&&H>-1&&null!=k&&k>-1,hasError:null==W?void 0:W.includes(null!=H?H:-2),isWhatsappCarousel:B,isPreview:Y,showDashedBorder:z&&K&&(null!=k?k:-1)<0&&(null!=H?H:-1)>-1,children:[!B&&e.jsx(y,{children:e.jsx(s.default,{color:"white",height:8,width:8})}),C===c.HEADER_TYPES.TEXT?e.jsx(v,{dangerouslySetInnerHTML:{__html:V}}):C!==c.HEADER_TYPES.NONE?e.jsx(j.MediaCard,{headerAssetLink:I,headerAssetName:S,mediaType:C,imagePreviewStyles:C===c.HEADER_TYPES.IMAGE?w:{}}):e.jsx(e.Fragment,{}),(null==R?void 0:R.dateTime)?e.jsx(f.LimitedTimeOffer,{text:R.text,dateTime:R.dateTime,code:R.code}):e.jsx(e.Fragment,{}),!!u&&e.jsx(e.Fragment,{children:e.jsx(g,{dangerouslySetInnerHTML:{__html:U},style:{flex:1}})}),D,!F&&e.jsxs(m.FooterWrapper,{children:[e.jsx(d.Tooltip,{body:null!=x?x:"",placement:"top",children:e.jsx(m.FooterText,{style:{flex:1},children:x})}),e.jsx(m.TimeStamp,{children:"16:48"})]}),N&&N.length>0?N.map((t,r)=>e.jsx(h.ChatBtn,{text:"COPY_CODE"===t.type?"Copy code":t.text,Icon:Q[t.type],size:b,iconPosition:"CALL_PERMISSION"===t.type?"right":"left",textTypography:"CALL_PERMISSION"===t.type?p.TitleSmall:void 0},r)):q===c.ACTIONS_TYPES.QUICK_REPLY?e.jsx("div",{children:null==L?void 0:L.map((t,r)=>e.jsx(h.ChatBtn,{text:t.text},r))}):q===c.ACTIONS_TYPES.CTA_BTN?e.jsx("div",{children:null==_?void 0:_.map((t,r)=>e.jsx(h.ChatBtn,{textTypography:P?p.Caption:p.BodySecondary,extraContent:O?t.extra:void 0,placeholder:t.placeholder,text:t.text,Icon:"phoneNumber"===t.type?i.default:o.default,size:b},r))}):e.jsx(e.Fragment,{})]})},exports.HtmlContainer=g;
+`,E=new x.VariableEditorHelper;exports.ChatUIV2=l=>{const{bodyText:u,footerText:x,headerMediaType:C,headerText:T,headerAssetLink:I,headerAssetName:S,quickReplybtn:L,ctaBtn:_,actionTypes:q,extras:O,showHeader:P,imagePreviewStyles:w,size:b,bodyVariableList:A,headerVariableList:M,buttons:N,limitedTimeOfferComponent:R,carouselCardIndex:H,isWhatsappCarousel:B,isPreview:Y,children:D,hideFooter:F=!1}=l,U=E.format(null==u?void 0:u.replace(/</g,"&lt;").replace(/>/g,"&gt;"),A),V=E.format(null==T?void 0:T.replace(/</g,"&lt;").replace(/>/g,"&gt;"),M),{selectedCarouselIndex:k,isProductCarouselType:z,errorIndexes:W,isCarouselHovered:K}=n.useTemplateModalContext(),Q={COPY_CODE:r.default,PHONE_NUMBER:i.default,URL:o.default,QUICK_REPLY:a.default,VOICE_CALL:i.default,CALL_PERMISSION:t.default};return e.jsxs(m.Container,{isCarouselCard:null!=H&&H>-1,showBorder:null!=H&&H===k||z&&null!=H&&H>-1&&null!=k&&k>-1,hasError:null==W?void 0:W.includes(null!=H?H:-2),isWhatsappCarousel:B,isPreview:Y,showDashedBorder:z&&K&&(null!=k?k:-1)<0&&(null!=H?H:-1)>-1,children:[!B&&e.jsx(y,{children:e.jsx(s.default,{color:"white",height:8,width:8})}),C===c.HEADER_TYPES.TEXT?e.jsx(v,{dangerouslySetInnerHTML:{__html:V}}):C!==c.HEADER_TYPES.NONE?e.jsx(j.MediaCard,{headerAssetLink:I,headerAssetName:S,mediaType:C,imagePreviewStyles:C===c.HEADER_TYPES.IMAGE?w:{}}):e.jsx(e.Fragment,{}),(null==R?void 0:R.dateTime)?e.jsx(f.LimitedTimeOffer,{text:R.text,dateTime:R.dateTime,code:R.code}):e.jsx(e.Fragment,{}),!!u&&e.jsx(e.Fragment,{children:e.jsx(g,{dangerouslySetInnerHTML:{__html:U},style:{flex:1}})}),D,!F&&e.jsxs(m.FooterWrapper,{children:[e.jsx(d.Tooltip,{body:null!=x?x:"",placement:"top",children:e.jsx(m.FooterText,{style:{flex:1},children:x})}),e.jsx(m.TimeStamp,{children:"16:48"})]}),N&&N.length>0?N.map(((t,r)=>e.jsx(h.ChatBtn,{text:"COPY_CODE"===t.type?"Copy code":t.text,Icon:Q[t.type],size:b,iconPosition:"CALL_PERMISSION"===t.type?"right":"left",textTypography:"CALL_PERMISSION"===t.type?p.TitleSmall:void 0},r))):q===c.ACTIONS_TYPES.QUICK_REPLY?e.jsx("div",{children:null==L?void 0:L.map(((t,r)=>e.jsx(h.ChatBtn,{text:t.text},r)))}):q===c.ACTIONS_TYPES.CTA_BTN?e.jsx("div",{children:null==_?void 0:_.map(((t,r)=>e.jsx(h.ChatBtn,{textTypography:P?p.Caption:p.BodySecondary,extraContent:O?t.extra:void 0,placeholder:t.placeholder,text:t.text,Icon:"phoneNumber"===t.type?i.default:o.default,size:b},r)))}):e.jsx(e.Fragment,{})]})},exports.HtmlContainer=g;

package/dist/cjs/components/template-preview/WhatsApp/MediaCard.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/filePdf.svg.js"),s=require("../../../assets/icons/image.svg.js"),i=require("../../../assets/icons/videoRecorder.svg.js"),t=require("../../shimmer-image/ShimmerImage.js"),a=require("../../TypographyStyle.js"),d=require("../../../constants/Theme.js"),n=require("../models/TemplateMeta.js"),o=require("./ChatUI.style.js");const c=({headerAssetName:t,mediaType:c})=>{const h=c===n.HEADER_TYPES.IMAGE?s.default:c===n.HEADER_TYPES.VIDEO?i.default:r.default;return e.jsxs(o.MediaContainer,{children:[e.jsx(h,{height:40,width:40,color:d.COLORS.icon.placeholder}),!!t&&e.jsx(a.BodySecondary,{style:{color:d.COLORS.content.secondary,marginTop:8},children:t})]})};exports.MediaCard=({headerAssetLink:r,headerAssetName:s,mediaType:i,imagePreviewStyles:a})=>{if(!r||i===n.HEADER_TYPES.DOCUMENT)return e.jsx(c,{headerAssetLink:r,headerAssetName:s,mediaType:i});return e.jsx(o.MediaContainer,{children:i===n.HEADER_TYPES.IMAGE?e.jsx(t.ShimmerImage,{imageUrl:r,alt:r,width:"100%",height:240,borderRadius:8}):i===n.HEADER_TYPES.VIDEO?e.jsx("video",{src:r,style:{width:"100%",minHeight:"240px",height:"240px",borderRadius:8},controls:!0,muted:!0,children:e.jsx("track",{default:!0,kind:"captions",srcLang:"en",src:r})}):e.jsx(e.Fragment,{})})},exports.NoMediaCard=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/filePdf.svg.js"),s=require("../../../assets/icons/image.svg.js"),i=require("../../../assets/icons/videoRecorder.svg.js"),t=require("../../shimmer-image/ShimmerImage.js"),a=require("../../TypographyStyle.js"),d=require("../../../constants/Theme.js"),n=require("../models/TemplateMeta.js"),o=require("./ChatUI.style.js");const c=t=>{let{headerAssetName:c,mediaType:l}=t;const h=l===n.HEADER_TYPES.IMAGE?s.default:l===n.HEADER_TYPES.VIDEO?i.default:r.default;return e.jsxs(o.MediaContainer,{children:[e.jsx(h,{height:40,width:40,color:d.COLORS.icon.placeholder}),!!c&&e.jsx(a.BodySecondary,{style:{color:d.COLORS.content.secondary,marginTop:8},children:c})]})};exports.MediaCard=r=>{let{headerAssetLink:s,headerAssetName:i,mediaType:a,imagePreviewStyles:d}=r;if(!s||a===n.HEADER_TYPES.DOCUMENT)return e.jsx(c,{headerAssetLink:s,headerAssetName:i,mediaType:a});return e.jsx(o.MediaContainer,{children:a===n.HEADER_TYPES.IMAGE?e.jsx(t.ShimmerImage,{imageUrl:s,alt:s,width:"100%",height:240,borderRadius:8}):a===n.HEADER_TYPES.VIDEO?e.jsx("video",{src:s,style:{width:"100%",minHeight:"240px",height:"240px",borderRadius:8},controls:!0,muted:!0,children:e.jsx("track",{default:!0,kind:"captions",srcLang:"en",src:s})}):e.jsx(e.Fragment,{})})},exports.NoMediaCard=c;

package/dist/cjs/components/template-preview/WhatsApp/RenderTemplateWithVariable.js

@@ -1,4 +1,4 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),l=require("../constants/regexPatterns.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=s(t).default.div`
 	padding: 8px 12px 0px;
 	/* display: inline; */
-`;exports.default=t=>{const{text:s,bold:i}=t,o=null==s?void 0:s.match(l.templateVariablePattern),d=i?{fontWeight:"600"}:{};return s?e.jsx(a,{children:s.split(l.templateVariablePattern).map((t,l)=>e.jsxs(e.Fragment,{children:[e.jsx(r.BodyRegular,{style:d,children:t}),!!(null==o?void 0:o[l])&&e.jsx(r.BodyRegular,{style:Object.assign({color:n.COLORS.content.brand},d),children:null==o?void 0:o[l]})]}))}):e.jsx(e.Fragment,{})};
+`;exports.default=t=>{const{text:s,bold:i}=t,o=null==s?void 0:s.match(l.templateVariablePattern),d=i?{fontWeight:"600"}:{};return s?e.jsx(a,{children:s.split(l.templateVariablePattern).map(((t,l)=>e.jsxs(e.Fragment,{children:[e.jsx(r.BodyRegular,{style:d,children:t}),!!(null==o?void 0:o[l])&&e.jsx(r.BodyRegular,{style:Object.assign({color:n.COLORS.content.brand},d),children:null==o?void 0:o[l]})]})))}):e.jsx(e.Fragment,{})};

package/dist/cjs/components/template-preview/WhatsAppTemplatePreview.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=require("../template-context-mapper/context/templateModalContext.js"),t=require("./helpers/TemplateCreatorHelper.js"),i=require("./helpers/templateMiscHelper.js"),r=require("./models/TemplateMeta.js"),o=require("./RCS/RCSTemplateLikePreview.js"),n=require("./utils/TemplateHelperUtils.js"),d=require("./WhatsApp/WhatsAppLikePreview.js"),s=require("./WhatsApp/WhatsAppLikePreviewV2.js");exports.default=({template:u,extras:p,containerStyle:v,usePlaceHolderName:h,showHeader:m,zeroStateComponent:x,size:c,showSampleValues:b,carouselCardIndex:T,isWhatsappCarousel:y,isPreview:w,channel:C})=>{var N,P,V,k,j,S,f,L,B,A,g,q,E,F,H,R,O,W,I,M,D,U,z,_,Y,G,J,K,Q,X;const{selectedCarouselIndex:Z,pod:$}=a.useTemplateModalContext(),[ee,le]=l.useState(),ae=new t.TemplateCreatorHelper,te=new n.TemplateHelperUtils,ie=[];if((null===(P=null===(N=null==ee?void 0:ee.ctaBtn)||void 0===N?void 0:N.phoneNumber)||void 0===P?void 0:P.isChecked)&&ie.push({type:"phoneNumber",text:null!==(V=ee.ctaBtn.phoneNumber.btnText)&&void 0!==V?V:"",extra:null!==(k=ee.ctaBtn.phoneNumber.phoneNumber)&&void 0!==k?k:""}),(null===(S=null===(j=null==ee?void 0:ee.ctaBtn)||void 0===j?void 0:j.websiteLinkBtn)||void 0===S?void 0:S.isChecked)&&ie.push({type:"website",text:null!==(f=ee.ctaBtn.websiteLinkBtn.btnText)&&void 0!==f?f:"",extra:null!==(B=null===(L=ee.ctaBtn.websiteLinkBtn)||void 0===L?void 0:L.linkOpens)&&void 0!==B?B:"",placeholder:null!==(A=ee.ctaBtn.websiteLinkBtn.placeholder)&&void 0!==A?A:""}),l.useEffect(()=>{u&&ae.parseUITemplateFromDBFormat({dbFormattedTemplate:u,isDuplicate:!1,showSampleValues:b,isV2:!u.htmlContentUrl,pod:$}).then(e=>{le(Object.assign({},e))})},[u,b]),l.useEffect(()=>{u&&ae.parseUITemplateFromDBFormat({dbFormattedTemplate:u,isDuplicate:!1,showSampleValues:b,isV2:!u.htmlContentUrl,pod:$}).then(e=>{le(Object.assign({},e))})},[Z]),!u)return e.jsx(e.Fragment,{children:x});if(i.isRCSChannel(C||(null==u?void 0:u.channel))){const l=ae.parseTemplateConfiguration(u);return e.jsx(o.RCSTemplateLikePreview,{showHeader:m,containerPadding:"large"===c?"16px 36px 12px 16px":"12px 36px 12px 12px",containerStyle:v,textType:"html",bodyText:null==ee?void 0:ee.bodyText,titleText:null==ee?void 0:ee.titleText,footerText:null==ee?void 0:ee.footerText,headerMediaType:(null==ee?void 0:ee.headerType)||r.HEADER_TYPES.NONE,headerText:null==ee?void 0:ee.headerText,headerAssetLink:null!==(g=null==ee?void 0:ee.headerAssetLink)&&void 0!==g?g:"",headerAssetName:null!==(q=null==ee?void 0:ee.headerAssetName)&&void 0!==q?q:"",quickReplybtn:null==ee?void 0:ee.quickReply,ctaBtn:ie,actionTypes:null==ee?void 0:ee.actionsType,extras:p,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},carouselCardIndex:T,zeroStateComponent:null!=x?x:e.jsx(e.Fragment,{children:" "}),bodyVariableList:null!==(F=null===(E=null==ee?void 0:ee.bodyVariables)||void 0===E?void 0:E.map(e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}}))&&void 0!==F?F:[],headerVariableList:null!==(R=null===(H=null==ee?void 0:ee.headerVariables)||void 0===H?void 0:H.map(e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}}))&&void 0!==R?R:[],titleVariableList:null!==(W=null===(O=null==ee?void 0:ee.titleVariables)||void 0===O?void 0:O.map(e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}}))&&void 0!==W?W:[],buttons:null==ee?void 0:ee.allButtons,isWhatsappCarousel:y,isPreview:w,templateConfiguration:l})}return u.htmlContentUrl?e.jsx(d.WhatsappLikePreview,{showHeader:m,containerPadding:"large"===c?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:v,textType:"html",bodyText:te.whatsappOnlyFillVariablesValueInBodyText(null!==(Y=null==ee?void 0:ee.bodyText)&&void 0!==Y?Y:"",null!==(G=null==ee?void 0:ee.bodyVariables)&&void 0!==G?G:[],h),footerText:null==ee?void 0:ee.footerText,headerMediaType:(null==ee?void 0:ee.headerType)||r.HEADER_TYPES.NONE,headerText:te.fillVariablesValInBodyText(null!==(J=null==ee?void 0:ee.headerText)&&void 0!==J?J:"",null!==(K=null==ee?void 0:ee.headerVariables)&&void 0!==K?K:[],h),headerAssetLink:null!==(Q=null==ee?void 0:ee.headerAssetLink)&&void 0!==Q?Q:"",headerAssetName:null!==(X=null==ee?void 0:ee.headerAssetName)&&void 0!==X?X:"",quickReplybtn:null==ee?void 0:ee.quickReply,ctaBtn:ie,actionTypes:null==ee?void 0:ee.actionsType,extras:p,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=x?x:e.jsx(e.Fragment,{children:" "}),isPreview:w}):e.jsx(s.WhatsappLikePreviewV2,{showHeader:m,containerPadding:"large"===c?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:v,textType:"html",bodyText:null==ee?void 0:ee.bodyText,footerText:null==ee?void 0:ee.footerText,headerMediaType:(null==ee?void 0:ee.headerType)||r.HEADER_TYPES.NONE,headerText:null==ee?void 0:ee.headerText,headerAssetLink:null!==(I=null==ee?void 0:ee.headerAssetLink)&&void 0!==I?I:"",headerAssetName:null!==(M=null==ee?void 0:ee.headerAssetName)&&void 0!==M?M:"",quickReplybtn:null==ee?void 0:ee.quickReply,ctaBtn:ie,actionTypes:null==ee?void 0:ee.actionsType,extras:p,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},carouselCardIndex:T,zeroStateComponent:null!=x?x:e.jsx(e.Fragment,{children:" "}),bodyVariableList:null!==(U=null===(D=null==ee?void 0:ee.bodyVariables)||void 0===D?void 0:D.map(e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}}))&&void 0!==U?U:[],headerVariableList:null!==(_=null===(z=null==ee?void 0:ee.headerVariables)||void 0===z?void 0:z.map(e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}}))&&void 0!==_?_:[],buttons:null==ee?void 0:ee.allButtons,limitedTimeOfferComponent:null==ee?void 0:ee.limitedTimeOfferComponent,isWhatsappCarousel:y,isPreview:w,showCallPermissionCard:null==ee?void 0:ee.showCallPermissionCard,callPermissionText:null==ee?void 0:ee.callPermissionText})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=require("../template-context-mapper/context/templateModalContext.js"),t=require("./helpers/TemplateCreatorHelper.js"),i=require("./helpers/templateMiscHelper.js"),r=require("./models/TemplateMeta.js"),o=require("./RCS/RCSTemplateLikePreview.js"),n=require("./utils/TemplateHelperUtils.js"),d=require("./WhatsApp/WhatsAppLikePreview.js"),s=require("./WhatsApp/WhatsAppLikePreviewV2.js");exports.default=u=>{let{template:p,extras:v,containerStyle:h,usePlaceHolderName:m,showHeader:x,zeroStateComponent:c,size:b,showSampleValues:T,carouselCardIndex:y,isWhatsappCarousel:w,isPreview:C,channel:N}=u;var P,V,k,j,S,f,L,B,A,g,q,E,F,H,R,O,W,I,M,D,U,z,_,Y,G,J,K,Q,X,Z;const{selectedCarouselIndex:$,pod:ee}=a.useTemplateModalContext(),[le,ae]=l.useState(),te=new t.TemplateCreatorHelper,ie=new n.TemplateHelperUtils,re=[];if((null===(V=null===(P=null==le?void 0:le.ctaBtn)||void 0===P?void 0:P.phoneNumber)||void 0===V?void 0:V.isChecked)&&re.push({type:"phoneNumber",text:null!==(k=le.ctaBtn.phoneNumber.btnText)&&void 0!==k?k:"",extra:null!==(j=le.ctaBtn.phoneNumber.phoneNumber)&&void 0!==j?j:""}),(null===(f=null===(S=null==le?void 0:le.ctaBtn)||void 0===S?void 0:S.websiteLinkBtn)||void 0===f?void 0:f.isChecked)&&re.push({type:"website",text:null!==(L=le.ctaBtn.websiteLinkBtn.btnText)&&void 0!==L?L:"",extra:null!==(A=null===(B=le.ctaBtn.websiteLinkBtn)||void 0===B?void 0:B.linkOpens)&&void 0!==A?A:"",placeholder:null!==(g=le.ctaBtn.websiteLinkBtn.placeholder)&&void 0!==g?g:""}),l.useEffect((()=>{p&&te.parseUITemplateFromDBFormat({dbFormattedTemplate:p,isDuplicate:!1,showSampleValues:T,isV2:!p.htmlContentUrl,pod:ee}).then((e=>{ae(Object.assign({},e))}))}),[p,T]),l.useEffect((()=>{p&&te.parseUITemplateFromDBFormat({dbFormattedTemplate:p,isDuplicate:!1,showSampleValues:T,isV2:!p.htmlContentUrl,pod:ee}).then((e=>{ae(Object.assign({},e))}))}),[$]),!p)return e.jsx(e.Fragment,{children:c});if(i.isRCSChannel(N||(null==p?void 0:p.channel))){const l=te.parseTemplateConfiguration(p);return e.jsx(o.RCSTemplateLikePreview,{showHeader:x,containerPadding:"large"===b?"16px 36px 12px 16px":"12px 36px 12px 12px",containerStyle:h,textType:"html",bodyText:null==le?void 0:le.bodyText,titleText:null==le?void 0:le.titleText,footerText:null==le?void 0:le.footerText,headerMediaType:(null==le?void 0:le.headerType)||r.HEADER_TYPES.NONE,headerText:null==le?void 0:le.headerText,headerAssetLink:null!==(q=null==le?void 0:le.headerAssetLink)&&void 0!==q?q:"",headerAssetName:null!==(E=null==le?void 0:le.headerAssetName)&&void 0!==E?E:"",quickReplybtn:null==le?void 0:le.quickReply,ctaBtn:re,actionTypes:null==le?void 0:le.actionsType,extras:v,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},carouselCardIndex:y,zeroStateComponent:null!=c?c:e.jsx(e.Fragment,{children:" "}),bodyVariableList:null!==(H=null===(F=null==le?void 0:le.bodyVariables)||void 0===F?void 0:F.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==H?H:[],headerVariableList:null!==(O=null===(R=null==le?void 0:le.headerVariables)||void 0===R?void 0:R.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==O?O:[],titleVariableList:null!==(I=null===(W=null==le?void 0:le.titleVariables)||void 0===W?void 0:W.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==I?I:[],buttons:null==le?void 0:le.allButtons,isWhatsappCarousel:w,isPreview:C,templateConfiguration:l})}return p.htmlContentUrl?e.jsx(d.WhatsappLikePreview,{showHeader:x,containerPadding:"large"===b?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:h,textType:"html",bodyText:ie.whatsappOnlyFillVariablesValueInBodyText(null!==(G=null==le?void 0:le.bodyText)&&void 0!==G?G:"",null!==(J=null==le?void 0:le.bodyVariables)&&void 0!==J?J:[],m),footerText:null==le?void 0:le.footerText,headerMediaType:(null==le?void 0:le.headerType)||r.HEADER_TYPES.NONE,headerText:ie.fillVariablesValInBodyText(null!==(K=null==le?void 0:le.headerText)&&void 0!==K?K:"",null!==(Q=null==le?void 0:le.headerVariables)&&void 0!==Q?Q:[],m),headerAssetLink:null!==(X=null==le?void 0:le.headerAssetLink)&&void 0!==X?X:"",headerAssetName:null!==(Z=null==le?void 0:le.headerAssetName)&&void 0!==Z?Z:"",quickReplybtn:null==le?void 0:le.quickReply,ctaBtn:re,actionTypes:null==le?void 0:le.actionsType,extras:v,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=c?c:e.jsx(e.Fragment,{children:" "}),isPreview:C}):e.jsx(s.WhatsappLikePreviewV2,{showHeader:x,containerPadding:"large"===b?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:h,textType:"html",bodyText:null==le?void 0:le.bodyText,footerText:null==le?void 0:le.footerText,headerMediaType:(null==le?void 0:le.headerType)||r.HEADER_TYPES.NONE,headerText:null==le?void 0:le.headerText,headerAssetLink:null!==(M=null==le?void 0:le.headerAssetLink)&&void 0!==M?M:"",headerAssetName:null!==(D=null==le?void 0:le.headerAssetName)&&void 0!==D?D:"",quickReplybtn:null==le?void 0:le.quickReply,ctaBtn:re,actionTypes:null==le?void 0:le.actionsType,extras:v,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},carouselCardIndex:y,zeroStateComponent:null!=c?c:e.jsx(e.Fragment,{children:" "}),bodyVariableList:null!==(z=null===(U=null==le?void 0:le.bodyVariables)||void 0===U?void 0:U.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==z?z:[],headerVariableList:null!==(Y=null===(_=null==le?void 0:le.headerVariables)||void 0===_?void 0:_.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==Y?Y:[],buttons:null==le?void 0:le.allButtons,limitedTimeOfferComponent:null==le?void 0:le.limitedTimeOfferComponent,isWhatsappCarousel:w,isPreview:C,showCallPermissionCard:null==le?void 0:le.showCallPermissionCard,callPermissionText:null==le?void 0:le.callPermissionText})};

package/dist/cjs/components/template-preview/helpers/SmsTemplateHelper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../constants/Theme.js"),r=require("../constants/regexPatterns.js");exports.renderVariableUIForPreview=(a,n,t=e.COLORS.content.brand,l)=>{const o=(null==n?void 0:n.length)?null==n?void 0:n.map(e=>e.updatedValue):a.match(r.variablePatternGlobal);return r.variablePatternGlobal.lastIndex=0,a.split(r.variablePattern).map((e,r)=>{var a;return(null==o?void 0:o[r])?`${e}<span></span><span id="${l||""}connectors_variable_${r+1}" style="color: ${t}; text-decoration: underline; word-break: break-word;">${null!==(a=null==o?void 0:o[r])&&void 0!==a?a:""}</span><span> </span>`:e}).join("")};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../constants/Theme.js"),n=require("../constants/regexPatterns.js");exports.renderVariableUIForPreview=function(r,a){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.COLORS.content.brand,l=arguments.length>3?arguments[3]:void 0;const o=(null==a?void 0:a.length)?null==a?void 0:a.map((e=>e.updatedValue)):r.match(n.variablePatternGlobal);return n.variablePatternGlobal.lastIndex=0,r.split(n.variablePattern).map(((e,n)=>{var r;return(null==o?void 0:o[n])?`${e}<span></span><span id="${l||""}connectors_variable_${n+1}" style="color: ${t}; text-decoration: underline; word-break: break-word;">${null!==(r=null==o?void 0:o[n])&&void 0!==r?r:""}</span><span> </span>`:e})).join("")};

package/dist/cjs/components/template-preview/helpers/TemplateCreatorHelper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("date-fns"),i=require("../../../constants/Theme.js"),n=require("../constants/regexPatterns.js"),l=require("../constants/TemplateConstants.js"),o=require("../models/TemplateMeta.js"),a=require("../models/WhatsAppTemplate.js"),d=require("../utils/TemplateHelperUtils.js");exports.TemplateCreatorHelper=class{parseDataFromHeaderComponent(e,t,i){var n,l,d,r,s,v,u,p,E,T;const c={headerType:o.HEADER_TYPES.NONE,headerVariables:[]},m=null===(n=null==e?void 0:e.components)||void 0===n?void 0:n.find(e=>"HEADER"===e.type);if(m){c.headerType=m.format,c.headerText=m.text,c.headerAssetLink=null===(d=null===(l=m.example)||void 0===l?void 0:l.header_handle)||void 0===d?void 0:d[0];const n=null===(s=null===(r=m.example)||void 0===r?void 0:r.header_text)||void 0===s?void 0:s[0],o=null===(u=null===(v=e.mapping)||void 0===v?void 0:v.header)||void 0===u?void 0:u[0],_=o;if(o){const e=null==o?void 0:o.replace("[[","").replace("]]","").replace("{{","").replace("}}","").replace("((","").replace("))",""),l=/\(\(/.test(o),d=i===a.POD.CHATBOT&&_&&(null==_?void 0:_.startsWith("(("))&&(null==_?void 0:_.endsWith("))")),r={idx:0,variableVal:t||d?n:_,editable:l,editableDefaultValues:l?void 0:n,variableName:e};c.headerVariables=[r],(null===(E=null===(p=m.example)||void 0===p?void 0:p.header_text)||void 0===E?void 0:E.length)&&(c.headerText=null===(T=c.headerText)||void 0===T?void 0:T.replace("{{1}}",`{{${e}}}`))}}return c}validateState(e){var t,i,a,r,s,v,u,p,E,T,c,m,_,h,b,R,C,y,I,L,N,O,x;const B=/\p{Extended_Pictographic}/u;let f="valid";const A={meta:{},ctaBtn:{phoneNumber:{btnText:"",link:""},websiteLink:{btnText:"",link:""}},quickReply:[null,null,null]},D=new d.TemplateHelperUtils;let P=!1;const S=e=>{var t;null===(t=document.getElementById(e))||void 0===t||t.scrollIntoView({behavior:"smooth",block:"nearest"})};if((null===(t=e.meta)||void 0===t?void 0:t.name)?(null===(i=e.meta.name)||void 0===i?void 0:i.trim().length)>l.NAME_LEN_LIMIT?(A.meta.name=l.NAME_LEN_ERROR,f="invalid"):n.specialCharPattern.test(null===(a=e.meta.name)||void 0===a?void 0:a.trim())&&(A.meta.name=l.NO_SPECIAL_CHAR,f="invalid"):(A.meta.name=l.REQUIRED_FIELD,f="invalid"),A.meta.name&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.name),P=!0),e.headerType===o.HEADER_TYPES.TEXT){const t=null!==(s=null===(r=e.headerText)||void 0===r?void 0:r.trim())&&void 0!==s?s:"";if(t)if(t.length>l.HEADER_TEXT_LEN_LIMIT)A.header=l.HEADER_LEN_ERROR,f="invalid";else{const e=D.getTemplateVariablesFromState(t);e&&e.length>1&&(A.header=l.ONE_VAR_ALLOWED,f="invalid")}else A.header=l.REQUIRED_FIELD,f="invalid"}else e.headerType===o.HEADER_TYPES.DOCUMENT||e.headerType===o.HEADER_TYPES.IMAGE||(e.headerType,o.HEADER_TYPES.VIDEO);if(e.headerType!==o.HEADER_TYPES.DOCUMENT&&e.headerType!==o.HEADER_TYPES.IMAGE&&e.headerType!==o.HEADER_TYPES.VIDEO||e.headerAssetLink||(A.header=l.HEADER_ASSET_LINK_ERROR,f="invalid"),A.header&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.header),P=!0),e.bodyText?e.bodyTextRaw&&(null===(v=e.bodyTextRaw)||void 0===v?void 0:v.trim().length)>l.BODY_TEXT_LEN_LIMIT&&(A.body=l.BODY_LEN_ERROR,f="invalid"):(A.body=l.REQUIRED_FIELD,f="invalid"),A.body&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.body),P=!0),e.footerText&&e.footerText.length>l.HEADER_TEXT_LEN_LIMIT&&(A.footer=l.HEADER_LEN_ERROR,f="invalid"),(null==A?void 0:A.footer)&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.footer),P=!0),e.actionsType===o.ACTIONS_TYPES.CTA_BTN){if(null===(p=null===(u=e.ctaBtn)||void 0===u?void 0:u.phoneNumber)||void 0===p?void 0:p.isChecked){const t=null===(E=e.ctaBtn.phoneNumber.btnText)||void 0===E?void 0:E.trim(),i=e.ctaBtn.phoneNumber.phoneNumber;A.ctaBtn&&!t?(A.ctaBtn.phoneNumber.btnText=l.REQUIRED_FIELD,f="invalid"):A.ctaBtn&&t&&t.length>l.QUICK_REPLY_BTN_TEXT_LIMIT?(A.ctaBtn.phoneNumber.btnText=l.QUICK_REPLY_LEN_ERROR,f="invalid"):A.ctaBtn&&t&&B.test(t)&&(A.ctaBtn.phoneNumber.btnText=l.BUTTON_EMOJI_ERROR,f="invalid"),A.ctaBtn&&!i?(A.ctaBtn.phoneNumber.link=l.REQUIRED_FIELD,f="invalid"):A.ctaBtn&&i&&i.length<10&&(A.ctaBtn.phoneNumber.link=l.VALID_PHONE_NUMBER,f="invalid")}if(null===(c=null===(T=e.ctaBtn)||void 0===T?void 0:T.websiteLinkBtn)||void 0===c?void 0:c.isChecked){const t=null===(m=e.ctaBtn.websiteLinkBtn.btnText)||void 0===m?void 0:m.trim(),i=null===(_=e.ctaBtn.websiteLinkBtn.linkOpens)||void 0===_?void 0:_.trim(),n=null===(h=e.ctaBtn.websiteLinkBtn.placeholder)||void 0===h?void 0:h.trim();A.ctaBtn&&!t?(A.ctaBtn.websiteLink.btnText=l.REQUIRED_FIELD,f="invalid"):A.ctaBtn&&t&&t.length>l.QUICK_REPLY_BTN_TEXT_LIMIT?(A.ctaBtn.websiteLink.btnText=l.QUICK_REPLY_LEN_ERROR,f="invalid"):A.ctaBtn&&t&&B.test(t)&&(A.ctaBtn.websiteLink.btnText=l.BUTTON_EMOJI_ERROR,f="invalid"),!A.ctaBtn||i||n||(A.ctaBtn.websiteLink.link=l.REQUIRED_FIELD,f="invalid")}}else if(e.actionsType===o.ACTIONS_TYPES.QUICK_REPLY){const t=["","",""];e.quickReply.forEach((i,n)=>{var o;const a=null===(o=i.text)||void 0===o?void 0:o.trim();if(a)if(a.length>l.QUICK_REPLY_NAME_LEN_LIMIT)t[n]=l.QUICK_REPLY_LEN_ERROR,f="invalid";else if(B.test(a))t[n]=l.BUTTON_EMOJI_ERROR,f="invalid";else{const i=[...e.quickReply];i.splice(n,1);i.find(e=>e.text===a)&&(t[n]=l.QUICK_REPLY_NAME_ERROR,f="invalid")}else t[n]=l.REQUIRED_FIELD,f="invalid"}),A.quickReply=t}if(e.actionsType===o.ACTIONS_TYPES.CTA_BTN||e.actionsType===o.ACTIONS_TYPES.QUICK_REPLY){const e=null===(b=A.quickReply)||void 0===b?void 0:b.reduce((e,t)=>e||!!t,!1);((null===(C=null===(R=null==A?void 0:A.ctaBtn)||void 0===R?void 0:R.websiteLink)||void 0===C?void 0:C.link)||(null===(I=null===(y=A.ctaBtn)||void 0===y?void 0:y.websiteLink)||void 0===I?void 0:I.btnText)||(null===(N=null===(L=A.ctaBtn)||void 0===L?void 0:L.phoneNumber)||void 0===N?void 0:N.link)||(null===(x=null===(O=A.ctaBtn)||void 0===O?void 0:O.phoneNumber)||void 0===x?void 0:x.btnText)||e)&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.actionButtons),P=!0)}return{status:f,errors:A}}parseBodyComponent(e,t=!1,l,o){var d,r,s,v,u,p;const E=[];let T="";const c=null===(d=e.components)||void 0===d?void 0:d.find(e=>"BODY"===e.type);return c&&(null===(v=null===(s=null===(r=c.example)||void 0===r?void 0:r.body_text)||void 0===s?void 0:s[0])||void 0===v||v.forEach((t,i)=>{var d,r;let s=null===(r=null===(d=e.mapping)||void 0===d?void 0:d.body)||void 0===r?void 0:r[i];const v=s,u=s&&/\(\(/.test(s),p=null==s?void 0:s.match(n.placeHolderNamePattern);(null==p?void 0:p[2])&&(s=null==p?void 0:p[2]);const T=o===a.POD.CHATBOT&&v&&(null==v?void 0:v.startsWith("(("))&&(null==v?void 0:v.endsWith("))"));E.push({idx:i,variableVal:l||T?t:v,editable:!!u,editableDefaultValues:u?void 0:t,variableName:null!=s?s:""})}),T=e.htmlContentUrl?e.htmlContentUrl:(null===(u=c.text)||void 0===u?void 0:u.split(/\{\{[0-9]+\}\}/).length)?null===(p=c.text)||void 0===p?void 0:p.split(/\{\{[0-9]+\}\}/).map((e,n)=>{if(null==E?void 0:E[n]){const l=E[n].variableName;return t?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${i.COLORS.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e}).join(""):""),{bodyVariable:E,bodyText:T}}parseTitleComponent(e,t=!1,l){var o,a,d,r,s,v;const u=[];let p="";const E=null===(o=e.components)||void 0===o?void 0:o.find(e=>"TITLE"===e.type);return E&&(null===(r=null===(d=null===(a=E.example)||void 0===a?void 0:a.title_text)||void 0===d?void 0:d[0])||void 0===r||r.forEach((t,i)=>{var o,a;let d=null===(a=null===(o=e.mapping)||void 0===o?void 0:o.body)||void 0===a?void 0:a[i];const r=d,s=d&&/\(\(/.test(d),v=null==d?void 0:d.match(n.placeHolderNamePattern);(null==v?void 0:v[2])&&(d=null==v?void 0:v[2]),u.push({idx:i,variableVal:l?t:r,editable:!!s,editableDefaultValues:s?void 0:t,variableName:null!=d?d:""})}),p=e.htmlContentUrl?e.htmlContentUrl:(null===(s=E.text)||void 0===s?void 0:s.split(/\{\{[0-9]+\}\}/).length)?null===(v=E.text)||void 0===v?void 0:v.split(/\{\{[0-9]+\}\}/).map((e,n)=>{if(null==u?void 0:u[n]){const l=u[n].variableName;return t?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${i.COLORS.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e}).join(""):""),{titleText:p,titleVariables:u}}parseFooterComponent(e){var t;const i=null===(t=e.components)||void 0===t?void 0:t.find(e=>"FOOTER"===e.type);return null==i?void 0:i.text}parseButtonComponent(e){var t,i,l,a,d,r,s;const v={actionsType:o.ACTIONS_TYPES.NONE,quickReply:[],ctaBtn:{phoneNumber:void 0,websiteLinkBtn:void 0},allButtons:[]},u=null===(t=e.components)||void 0===t?void 0:t.find(e=>"BUTTONS"===e.type);if(u&&(null===(i=null==u?void 0:u.buttons)||void 0===i?void 0:i.length)){const t="QUICK_REPLY"===(null===(l=null==u?void 0:u.buttons)||void 0===l?void 0:l[0].type)?o.ACTIONS_TYPES.QUICK_REPLY:o.ACTIONS_TYPES.CTA_BTN;if(v.actionsType=t,t===o.ACTIONS_TYPES.QUICK_REPLY){const e=null!==(d=null===(a=null==u?void 0:u.buttons)||void 0===a?void 0:a.map(e=>e))&&void 0!==d?d:[];v.quickReply=e}else t===o.ACTIONS_TYPES.CTA_BTN&&(null===(r=null==u?void 0:u.buttons)||void 0===r||r.forEach(t=>{var i,l,o,a;if(t.phone_number&&(v.ctaBtn.phoneNumber={isChecked:!0,btnText:t.text,phoneNumber:t.phone_number}),t.url){const d=null!==(o=null===(l=null===(i=null==e?void 0:e.mapping)||void 0===i?void 0:i.buttons)||void 0===l?void 0:l[0])&&void 0!==o?o:void 0;let r=!1;d&&n.editableVarPattern.test(d)&&(r=!0),v.ctaBtn.websiteLinkBtn={isChecked:!0,btnText:t.text,linkOpens:r?null===(a=t.example)||void 0===a?void 0:a[0]:t.url,placeholder:r?void 0:d}}}));v.allButtons=null===(s=u.buttons)||void 0===s?void 0:s.map(e=>"COPY_CODE"===e.type?Object.assign(Object.assign({},e),{placeholder:Array.isArray(e.example)?e.example[0]:(null==e?void 0:e.example)||""}):e)}return v}parseLimitedTimeOfferComponent(e,i){const n={text:"",dateTime:"",code:""};return e.components.forEach(e=>{var l,o,a;if("limited_time_offer"===e.type){n.text=null!==(o=null===(l=e.limited_time_offer)||void 0===l?void 0:l.text)&&void 0!==o?o:"";const i=null===(a=e.example)||void 0===a?void 0:a.limited_time_offer;i&&i.startsWith("{{")&&i.endsWith("}}")?n.dateTime=i:n.dateTime=t.format(i?new Date(i):new Date,"MMM dd")}i.forEach(e=>{var t;"COPY_CODE"===e.type&&(n.code=null!==(t=e.placeholder)&&void 0!==t?t:"")})}),n}parseCallPermissionComponent(e){var t;const i=null===(t=e.components)||void 0===t?void 0:t.find(e=>"CALL_PERMISSION_REQUEST"===e.type);return{showCallPermissionCard:Boolean(i),callPermissionText:null==i?void 0:i.text}}parseUITemplateFromDBFormat(t){return e.__awaiter(this,void 0,void 0,function*(){var e;const{dbFormattedTemplate:i,isDuplicate:n,isV2:l=!1,showSampleValues:o,pod:a}=t,{headerType:d,headerAssetLink:r,headerAssetName:s,headerText:v,headerVariables:u}=yield this.parseDataFromHeaderComponent(i,void 0,a),{bodyText:p,bodyVariable:E}=yield this.parseBodyComponent(i,l,o,a),{titleText:T,titleVariables:c}=yield this.parseTitleComponent(i,l,o),{actionsType:m,quickReply:_,ctaBtn:h,allButtons:b}=yield this.parseButtonComponent(i),R=this.parseLimitedTimeOfferComponent(i,b),{showCallPermissionCard:C,callPermissionText:y}=this.parseCallPermissionComponent(i),I={quickReply:_,ctaBtn:h,allButtons:b,meta:{name:n?`${i.label} Copy`:i.label,category:null===(e=i.category)||void 0===e?void 0:e.toUpperCase(),subCategory:i.templateCategory,language:i.language,templateId:i.templateId},error:{header:void 0,body:void 0,footer:void 0,quickReply:void 0,meta:void 0,ctaBtn:void 0},actionsType:m,footerText:this.parseFooterComponent(i),bodyVariables:E,bodyText:p,headerType:d,headerAssetLink:r,headerAssetName:s,headerText:v,headerVariables:u,alreadyAsADraft:i.isDraft,mode:"edit",initialLoading:!1,limitedTimeOfferComponent:R,titleText:T,titleVariables:c,showCallPermissionCard:C,callPermissionText:y},{errors:L}=this.validateState(I);return I.error=L,I})}parseTemplateConfiguration(e){let t;const i=(null==e?void 0:e.content)||{};if("string"==typeof i)try{t=JSON.parse(i)}catch(e){console.error("Error parsing rcsTemplate component JSON:",e),t={orientation:"VERTICAL"}}else t=i;return Object.assign(Object.assign({},t),{templateType:null==e?void 0:e.templateType})}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("date-fns"),i=require("../../../constants/Theme.js"),n=require("../constants/regexPatterns.js"),l=require("../constants/TemplateConstants.js"),o=require("../models/TemplateMeta.js"),a=require("../models/WhatsAppTemplate.js"),d=require("../utils/TemplateHelperUtils.js");exports.TemplateCreatorHelper=class{parseDataFromHeaderComponent(e,t,i){var n,l,d,r,s,v,u,p,E,T;const c={headerType:o.HEADER_TYPES.NONE,headerVariables:[]},m=null===(n=null==e?void 0:e.components)||void 0===n?void 0:n.find((e=>"HEADER"===e.type));if(m){c.headerType=m.format,c.headerText=m.text,c.headerAssetLink=null===(d=null===(l=m.example)||void 0===l?void 0:l.header_handle)||void 0===d?void 0:d[0];const n=null===(s=null===(r=m.example)||void 0===r?void 0:r.header_text)||void 0===s?void 0:s[0],o=null===(u=null===(v=e.mapping)||void 0===v?void 0:v.header)||void 0===u?void 0:u[0],_=o;if(o){const e=null==o?void 0:o.replace("[[","").replace("]]","").replace("{{","").replace("}}","").replace("((","").replace("))",""),l=/\(\(/.test(o),d=i===a.POD.CHATBOT&&_&&(null==_?void 0:_.startsWith("(("))&&(null==_?void 0:_.endsWith("))")),r={idx:0,variableVal:t||d?n:_,editable:l,editableDefaultValues:l?void 0:n,variableName:e};c.headerVariables=[r],(null===(E=null===(p=m.example)||void 0===p?void 0:p.header_text)||void 0===E?void 0:E.length)&&(c.headerText=null===(T=c.headerText)||void 0===T?void 0:T.replace("{{1}}",`{{${e}}}`))}}return c}validateState(e){var t,i,a,r,s,v,u,p,E,T,c,m,_,h,b,R,C,y,I,L,N,O,x;const B=/\p{Extended_Pictographic}/u;let f="valid";const A={meta:{},ctaBtn:{phoneNumber:{btnText:"",link:""},websiteLink:{btnText:"",link:""}},quickReply:[null,null,null]},D=new d.TemplateHelperUtils;let P=!1;const S=e=>{var t;null===(t=document.getElementById(e))||void 0===t||t.scrollIntoView({behavior:"smooth",block:"nearest"})};if((null===(t=e.meta)||void 0===t?void 0:t.name)?(null===(i=e.meta.name)||void 0===i?void 0:i.trim().length)>l.NAME_LEN_LIMIT?(A.meta.name=l.NAME_LEN_ERROR,f="invalid"):n.specialCharPattern.test(null===(a=e.meta.name)||void 0===a?void 0:a.trim())&&(A.meta.name=l.NO_SPECIAL_CHAR,f="invalid"):(A.meta.name=l.REQUIRED_FIELD,f="invalid"),A.meta.name&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.name),P=!0),e.headerType===o.HEADER_TYPES.TEXT){const t=null!==(s=null===(r=e.headerText)||void 0===r?void 0:r.trim())&&void 0!==s?s:"";if(t)if(t.length>l.HEADER_TEXT_LEN_LIMIT)A.header=l.HEADER_LEN_ERROR,f="invalid";else{const e=D.getTemplateVariablesFromState(t);e&&e.length>1&&(A.header=l.ONE_VAR_ALLOWED,f="invalid")}else A.header=l.REQUIRED_FIELD,f="invalid"}else e.headerType===o.HEADER_TYPES.DOCUMENT||e.headerType===o.HEADER_TYPES.IMAGE||(e.headerType,o.HEADER_TYPES.VIDEO);if(e.headerType!==o.HEADER_TYPES.DOCUMENT&&e.headerType!==o.HEADER_TYPES.IMAGE&&e.headerType!==o.HEADER_TYPES.VIDEO||e.headerAssetLink||(A.header=l.HEADER_ASSET_LINK_ERROR,f="invalid"),A.header&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.header),P=!0),e.bodyText?e.bodyTextRaw&&(null===(v=e.bodyTextRaw)||void 0===v?void 0:v.trim().length)>l.BODY_TEXT_LEN_LIMIT&&(A.body=l.BODY_LEN_ERROR,f="invalid"):(A.body=l.REQUIRED_FIELD,f="invalid"),A.body&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.body),P=!0),e.footerText&&e.footerText.length>l.HEADER_TEXT_LEN_LIMIT&&(A.footer=l.HEADER_LEN_ERROR,f="invalid"),(null==A?void 0:A.footer)&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.footer),P=!0),e.actionsType===o.ACTIONS_TYPES.CTA_BTN){if(null===(p=null===(u=e.ctaBtn)||void 0===u?void 0:u.phoneNumber)||void 0===p?void 0:p.isChecked){const t=null===(E=e.ctaBtn.phoneNumber.btnText)||void 0===E?void 0:E.trim(),i=e.ctaBtn.phoneNumber.phoneNumber;A.ctaBtn&&!t?(A.ctaBtn.phoneNumber.btnText=l.REQUIRED_FIELD,f="invalid"):A.ctaBtn&&t&&t.length>l.QUICK_REPLY_BTN_TEXT_LIMIT?(A.ctaBtn.phoneNumber.btnText=l.QUICK_REPLY_LEN_ERROR,f="invalid"):A.ctaBtn&&t&&B.test(t)&&(A.ctaBtn.phoneNumber.btnText=l.BUTTON_EMOJI_ERROR,f="invalid"),A.ctaBtn&&!i?(A.ctaBtn.phoneNumber.link=l.REQUIRED_FIELD,f="invalid"):A.ctaBtn&&i&&i.length<10&&(A.ctaBtn.phoneNumber.link=l.VALID_PHONE_NUMBER,f="invalid")}if(null===(c=null===(T=e.ctaBtn)||void 0===T?void 0:T.websiteLinkBtn)||void 0===c?void 0:c.isChecked){const t=null===(m=e.ctaBtn.websiteLinkBtn.btnText)||void 0===m?void 0:m.trim(),i=null===(_=e.ctaBtn.websiteLinkBtn.linkOpens)||void 0===_?void 0:_.trim(),n=null===(h=e.ctaBtn.websiteLinkBtn.placeholder)||void 0===h?void 0:h.trim();A.ctaBtn&&!t?(A.ctaBtn.websiteLink.btnText=l.REQUIRED_FIELD,f="invalid"):A.ctaBtn&&t&&t.length>l.QUICK_REPLY_BTN_TEXT_LIMIT?(A.ctaBtn.websiteLink.btnText=l.QUICK_REPLY_LEN_ERROR,f="invalid"):A.ctaBtn&&t&&B.test(t)&&(A.ctaBtn.websiteLink.btnText=l.BUTTON_EMOJI_ERROR,f="invalid"),!A.ctaBtn||i||n||(A.ctaBtn.websiteLink.link=l.REQUIRED_FIELD,f="invalid")}}else if(e.actionsType===o.ACTIONS_TYPES.QUICK_REPLY){const t=["","",""];e.quickReply.forEach(((i,n)=>{var o;const a=null===(o=i.text)||void 0===o?void 0:o.trim();if(a)if(a.length>l.QUICK_REPLY_NAME_LEN_LIMIT)t[n]=l.QUICK_REPLY_LEN_ERROR,f="invalid";else if(B.test(a))t[n]=l.BUTTON_EMOJI_ERROR,f="invalid";else{const i=[...e.quickReply];i.splice(n,1);i.find((e=>e.text===a))&&(t[n]=l.QUICK_REPLY_NAME_ERROR,f="invalid")}else t[n]=l.REQUIRED_FIELD,f="invalid"})),A.quickReply=t}if(e.actionsType===o.ACTIONS_TYPES.CTA_BTN||e.actionsType===o.ACTIONS_TYPES.QUICK_REPLY){const e=null===(b=A.quickReply)||void 0===b?void 0:b.reduce(((e,t)=>e||!!t),!1);((null===(C=null===(R=null==A?void 0:A.ctaBtn)||void 0===R?void 0:R.websiteLink)||void 0===C?void 0:C.link)||(null===(I=null===(y=A.ctaBtn)||void 0===y?void 0:y.websiteLink)||void 0===I?void 0:I.btnText)||(null===(N=null===(L=A.ctaBtn)||void 0===L?void 0:L.phoneNumber)||void 0===N?void 0:N.link)||(null===(x=null===(O=A.ctaBtn)||void 0===O?void 0:O.phoneNumber)||void 0===x?void 0:x.btnText)||e)&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.actionButtons),P=!0)}return{status:f,errors:A}}parseBodyComponent(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],l=arguments.length>2?arguments[2]:void 0,o=arguments.length>3?arguments[3]:void 0;var d,r,s,v,u,p;const E=[];let T="";const c=null===(d=e.components)||void 0===d?void 0:d.find((e=>"BODY"===e.type));return c&&(null===(v=null===(s=null===(r=c.example)||void 0===r?void 0:r.body_text)||void 0===s?void 0:s[0])||void 0===v||v.forEach(((t,i)=>{var d,r;let s=null===(r=null===(d=e.mapping)||void 0===d?void 0:d.body)||void 0===r?void 0:r[i];const v=s,u=s&&/\(\(/.test(s),p=null==s?void 0:s.match(n.placeHolderNamePattern);(null==p?void 0:p[2])&&(s=null==p?void 0:p[2]);const T=o===a.POD.CHATBOT&&v&&(null==v?void 0:v.startsWith("(("))&&(null==v?void 0:v.endsWith("))"));E.push({idx:i,variableVal:l||T?t:v,editable:!!u,editableDefaultValues:u?void 0:t,variableName:null!=s?s:""})})),T=e.htmlContentUrl?e.htmlContentUrl:(null===(u=c.text)||void 0===u?void 0:u.split(/\{\{[0-9]+\}\}/).length)?null===(p=c.text)||void 0===p?void 0:p.split(/\{\{[0-9]+\}\}/).map(((e,n)=>{if(null==E?void 0:E[n]){const l=E[n].variableName;return t?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${i.COLORS.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e})).join(""):""),{bodyVariable:E,bodyText:T}}parseTitleComponent(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],l=arguments.length>2?arguments[2]:void 0;var o,a,d,r,s,v;const u=[];let p="";const E=null===(o=e.components)||void 0===o?void 0:o.find((e=>"TITLE"===e.type));return E&&(null===(r=null===(d=null===(a=E.example)||void 0===a?void 0:a.title_text)||void 0===d?void 0:d[0])||void 0===r||r.forEach(((t,i)=>{var o,a;let d=null===(a=null===(o=e.mapping)||void 0===o?void 0:o.body)||void 0===a?void 0:a[i];const r=d,s=d&&/\(\(/.test(d),v=null==d?void 0:d.match(n.placeHolderNamePattern);(null==v?void 0:v[2])&&(d=null==v?void 0:v[2]),u.push({idx:i,variableVal:l?t:r,editable:!!s,editableDefaultValues:s?void 0:t,variableName:null!=d?d:""})})),p=e.htmlContentUrl?e.htmlContentUrl:(null===(s=E.text)||void 0===s?void 0:s.split(/\{\{[0-9]+\}\}/).length)?null===(v=E.text)||void 0===v?void 0:v.split(/\{\{[0-9]+\}\}/).map(((e,n)=>{if(null==u?void 0:u[n]){const l=u[n].variableName;return t?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${i.COLORS.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e})).join(""):""),{titleText:p,titleVariables:u}}parseFooterComponent(e){var t;const i=null===(t=e.components)||void 0===t?void 0:t.find((e=>"FOOTER"===e.type));return null==i?void 0:i.text}parseButtonComponent(e){var t,i,l,a,d,r,s;const v={actionsType:o.ACTIONS_TYPES.NONE,quickReply:[],ctaBtn:{phoneNumber:void 0,websiteLinkBtn:void 0},allButtons:[]},u=null===(t=e.components)||void 0===t?void 0:t.find((e=>"BUTTONS"===e.type));if(u&&(null===(i=null==u?void 0:u.buttons)||void 0===i?void 0:i.length)){const t="QUICK_REPLY"===(null===(l=null==u?void 0:u.buttons)||void 0===l?void 0:l[0].type)?o.ACTIONS_TYPES.QUICK_REPLY:o.ACTIONS_TYPES.CTA_BTN;if(v.actionsType=t,t===o.ACTIONS_TYPES.QUICK_REPLY){const e=null!==(d=null===(a=null==u?void 0:u.buttons)||void 0===a?void 0:a.map((e=>e)))&&void 0!==d?d:[];v.quickReply=e}else t===o.ACTIONS_TYPES.CTA_BTN&&(null===(r=null==u?void 0:u.buttons)||void 0===r||r.forEach((t=>{var i,l,o,a;if(t.phone_number&&(v.ctaBtn.phoneNumber={isChecked:!0,btnText:t.text,phoneNumber:t.phone_number}),t.url){const d=null!==(o=null===(l=null===(i=null==e?void 0:e.mapping)||void 0===i?void 0:i.buttons)||void 0===l?void 0:l[0])&&void 0!==o?o:void 0;let r=!1;d&&n.editableVarPattern.test(d)&&(r=!0),v.ctaBtn.websiteLinkBtn={isChecked:!0,btnText:t.text,linkOpens:r?null===(a=t.example)||void 0===a?void 0:a[0]:t.url,placeholder:r?void 0:d}}})));v.allButtons=null===(s=u.buttons)||void 0===s?void 0:s.map((e=>"COPY_CODE"===e.type?Object.assign(Object.assign({},e),{placeholder:Array.isArray(e.example)?e.example[0]:(null==e?void 0:e.example)||""}):e))}return v}parseLimitedTimeOfferComponent(e,i){const n={text:"",dateTime:"",code:""};return e.components.forEach((e=>{var l,o,a;if("limited_time_offer"===e.type){n.text=null!==(o=null===(l=e.limited_time_offer)||void 0===l?void 0:l.text)&&void 0!==o?o:"";const i=null===(a=e.example)||void 0===a?void 0:a.limited_time_offer;i&&i.startsWith("{{")&&i.endsWith("}}")?n.dateTime=i:n.dateTime=t.format(i?new Date(i):new Date,"MMM dd")}i.forEach((e=>{var t;"COPY_CODE"===e.type&&(n.code=null!==(t=e.placeholder)&&void 0!==t?t:"")}))})),n}parseCallPermissionComponent(e){var t;const i=null===(t=e.components)||void 0===t?void 0:t.find((e=>"CALL_PERMISSION_REQUEST"===e.type));return{showCallPermissionCard:Boolean(i),callPermissionText:null==i?void 0:i.text}}parseUITemplateFromDBFormat(t){return e.__awaiter(this,void 0,void 0,(function*(){var e;const{dbFormattedTemplate:i,isDuplicate:n,isV2:l=!1,showSampleValues:o,pod:a}=t,{headerType:d,headerAssetLink:r,headerAssetName:s,headerText:v,headerVariables:u}=yield this.parseDataFromHeaderComponent(i,void 0,a),{bodyText:p,bodyVariable:E}=yield this.parseBodyComponent(i,l,o,a),{titleText:T,titleVariables:c}=yield this.parseTitleComponent(i,l,o),{actionsType:m,quickReply:_,ctaBtn:h,allButtons:b}=yield this.parseButtonComponent(i),R=this.parseLimitedTimeOfferComponent(i,b),{showCallPermissionCard:C,callPermissionText:y}=this.parseCallPermissionComponent(i),I={quickReply:_,ctaBtn:h,allButtons:b,meta:{name:n?`${i.label} Copy`:i.label,category:null===(e=i.category)||void 0===e?void 0:e.toUpperCase(),subCategory:i.templateCategory,language:i.language,templateId:i.templateId},error:{header:void 0,body:void 0,footer:void 0,quickReply:void 0,meta:void 0,ctaBtn:void 0},actionsType:m,footerText:this.parseFooterComponent(i),bodyVariables:E,bodyText:p,headerType:d,headerAssetLink:r,headerAssetName:s,headerText:v,headerVariables:u,alreadyAsADraft:i.isDraft,mode:"edit",initialLoading:!1,limitedTimeOfferComponent:R,titleText:T,titleVariables:c,showCallPermissionCard:C,callPermissionText:y},{errors:L}=this.validateState(I);return I.error=L,I}))}parseTemplateConfiguration(e){let t;const i=(null==e?void 0:e.content)||{};if("string"==typeof i)try{t=JSON.parse(i)}catch(e){console.error("Error parsing rcsTemplate component JSON:",e),t={orientation:"VERTICAL"}}else t=i;return Object.assign(Object.assign({},t),{templateType:null==e?void 0:e.templateType})}};

package/dist/cjs/components/template-preview/helpers/VariableEditorHelper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../helpers/BaseWhatsappContentLang.helper.js");require("../../curtain/CurtainHelper.js"),require("../../variable-picker-v3/model.js");var r=require("../constants/regexPatterns.js");const a=new e.BaseWhatsappContentLangHelper;exports.VariableEditorHelper=class{format(e,l){var t;if(!e)return"";const n=new RegExp(r.variablePattern,"g"),p=e.match(n),c=null!==(t=null==l?void 0:l.map(({placeholder:e})=>e))&&void 0!==t?t:[],o=e.split(r.variablePattern).map((e,r)=>{var a;const t=null==p?void 0:p[r];if(t){const r=t.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))",""),n=c.findIndex(e=>e.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))","")===r);return n>-1?e+'<code style="color: #731DCF">'+(null===(a=null==l?void 0:l[n])||void 0===a?void 0:a.value)+"</code>":e+t}return e}).join("");return a.getHTML(o)}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../helpers/BaseWhatsappContentLang.helper.js");require("../../curtain/CurtainHelper.js"),require("../../variable-picker-v3/model.js");var r=require("../constants/regexPatterns.js");const a=new e.BaseWhatsappContentLangHelper;exports.VariableEditorHelper=class{format(e,l){var t;if(!e)return"";const n=new RegExp(r.variablePattern,"g"),p=e.match(n),c=null!==(t=null==l?void 0:l.map((e=>{let{placeholder:r}=e;return r})))&&void 0!==t?t:[],o=e.split(r.variablePattern).map(((e,r)=>{var a;const t=null==p?void 0:p[r];if(t){const r=t.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))",""),n=c.findIndex((e=>e.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))","")===r));return n>-1?e+'<code style="color: #731DCF">'+(null===(a=null==l?void 0:l[n])||void 0===a?void 0:a.value)+"</code>":e+t}return e})).join("");return a.getHTML(o)}};

package/dist/cjs/components/template-preview/utils/TemplateHelperUtils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../constants/regexPatterns.js");exports.TemplateHelperUtils=class{fillVariablesValInBodyText(a,l,r=!1){const t=a.match(e.templateVariablePattern),i=a.split(e.templateVariablePattern);if(a&&(null==t?void 0:t.length)){return i.map((e,a)=>{var n,o,v,s,p;const d=null===(n=null==t?void 0:t[a])||void 0===n?void 0:n.replace("{{","").replace("}}","");return i.length-1===a?e:(null===(v=null===(o=null==l?void 0:l[a])||void 0===o?void 0:o.variableName)||void 0===v?void 0:v.trim())===d.trim()||(null===(p=null===(s=null==l?void 0:l[a])||void 0===s?void 0:s.variableVal)||void 0===p?void 0:p.trim())===d.trim()?l[a].editable?`${e}${r?"{{":""}${l[a].variableVal}${r?"}}":""}`:`${e}${r?"{{":""}${l[a].variableName}${r?"}}":""}`:e}).join("")}return a}getTemplateVariablesFromState(a){var l;return null===(l=a.match(e.globalVariablePattern))||void 0===l?void 0:l.map(e=>e.replace("{{","").replace("}}",""))}whatsappOnlyFillVariablesValueInBodyText(a,l,r=!1){const t=a.match(e.templateVariablePattern),i=a.split(e.templateVariablePattern);if(a&&(null==t?void 0:t.length)){return i.map((e,a)=>{var n;const o=null===(n=null==t?void 0:t[a])||void 0===n?void 0:n.replace("{{","").replace("}}","");if(i.length-1===a)return e;const v=l.findIndex(e=>e.variableName===o);if(v>-1){let a=l[v].variableVal;return r||(a=!l[v].variableVal&&l[v].variableName.startsWith("editableVariable")?l[v].variableName:null==a?void 0:a.replace("[[","").replace("]]","")),l[v].editable?`${e}${r?"{{":""}${a}${r?"}}":""}`:`${e}${r?"{{":""}${o}${r?"}}":""}`}return e}).join("")}return a}parseJsonString(e){let a;if("string"==typeof e)try{a=JSON.parse(e)}catch(e){console.error("Error parsing webpush component JSON:",e),a={}}else a=e;return a}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../constants/regexPatterns.js");exports.TemplateHelperUtils=class{fillVariablesValInBodyText(l,a){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const t=l.match(e.templateVariablePattern),i=l.split(e.templateVariablePattern);if(l&&(null==t?void 0:t.length)){return i.map(((e,l)=>{var n,o,v,s,d;const p=null===(n=null==t?void 0:t[l])||void 0===n?void 0:n.replace("{{","").replace("}}","");return i.length-1===l?e:(null===(v=null===(o=null==a?void 0:a[l])||void 0===o?void 0:o.variableName)||void 0===v?void 0:v.trim())===p.trim()||(null===(d=null===(s=null==a?void 0:a[l])||void 0===s?void 0:s.variableVal)||void 0===d?void 0:d.trim())===p.trim()?a[l].editable?`${e}${r?"{{":""}${a[l].variableVal}${r?"}}":""}`:`${e}${r?"{{":""}${a[l].variableName}${r?"}}":""}`:e})).join("")}return l}getTemplateVariablesFromState(l){var a;return null===(a=l.match(e.globalVariablePattern))||void 0===a?void 0:a.map((e=>e.replace("{{","").replace("}}","")))}whatsappOnlyFillVariablesValueInBodyText(l,a){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const t=l.match(e.templateVariablePattern),i=l.split(e.templateVariablePattern);if(l&&(null==t?void 0:t.length)){return i.map(((e,l)=>{var n;const o=null===(n=null==t?void 0:t[l])||void 0===n?void 0:n.replace("{{","").replace("}}","");if(i.length-1===l)return e;const v=a.findIndex((e=>e.variableName===o));if(v>-1){let l=a[v].variableVal;return r||(l=!a[v].variableVal&&a[v].variableName.startsWith("editableVariable")?a[v].variableName:null==l?void 0:l.replace("[[","").replace("]]","")),a[v].editable?`${e}${r?"{{":""}${l}${r?"}}":""}`:`${e}${r?"{{":""}${o}${r?"}}":""}`}return e})).join("")}return l}parseJsonString(e){let l;if("string"==typeof e)try{l=JSON.parse(e)}catch(e){console.error("Error parsing webpush component JSON:",e),l={}}else l=e;return l}};

package/dist/cjs/components/template-preview/utils/getPreviewPropLen.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.getPreviewPropLen=e=>Object.keys(e).filter(r=>{const t=e[r];return t&&Array.isArray(t)?!!t.length:!!t}).length;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.getPreviewPropLen=e=>Object.keys(e).filter((r=>{const t=e[r];return t&&Array.isArray(t)?!!t.length:!!t})).length;

package/dist/cjs/components/template-preview/webpush/WebpushPreview.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../models/WebpushTemplate.js"),i=require("../utils/TemplateHelperUtils.js"),s=require("./WebpushPreview.styled.js");const l="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F4daae031-3902-4e58-a57c-32f29ea90812?alt=media&token=a7655ba9-6843-47df-91ba-422345e925c3";exports.default=n=>{var a,r,E,P,o,_;const{components:T,webpushBroadcastConfig:N}=n.template,c=(new i.TemplateHelperUtils).parseJsonString(T),d=(e,t)=>{let i=0;return e?e.replace(/{{(.*?)}}/g,(e,s)=>{const l=s.trim();if(t&&t.length&&i<t.length){const e=t[i];return i++,`${e} `}return`{{${l}}}`}):""},O=d(c[t.WEB_PUSH_COMPONENT_TYPE.TITLE],null==N?void 0:N.title),u=d(null!==(E=null!==(r=null===(a=c[t.WEB_PUSH_COMPONENT_TYPE.BODY])||void 0===a?void 0:a.text)&&void 0!==r?r:c[t.WEB_PUSH_COMPONENT_TYPE.BODY])&&void 0!==E?E:"",null==N?void 0:N.body);return e.jsxs(s.WebpushPreviewContainer,{style:Object.assign({},n.extraContainerCss),children:[e.jsxs("div",{className:"icon--header",children:[e.jsx("div",{className:"icon-img-container",children:e.jsx("img",{src:(null===(P=null==N?void 0:N[t.WEB_PUSH_COMPONENT_TYPE.ICON])||void 0===P?void 0:P.length)?N[t.WEB_PUSH_COMPONENT_TYPE.ICON][0]:c[t.WEB_PUSH_COMPONENT_TYPE.ICON]||l,alt:"icon-image"})}),e.jsxs("div",{className:"text--container",children:[e.jsx("div",{children:O}),e.jsx("div",{style:{marginTop:3},children:u})]})]}),c[t.WEB_PUSH_COMPONENT_TYPE.IMAGE]&&c[t.WEB_PUSH_COMPONENT_TYPE.IMAGE].length&&e.jsx("div",{className:"banner-img-container",children:e.jsx("img",{src:(null===(o=null==N?void 0:N[t.WEB_PUSH_COMPONENT_TYPE.IMAGE])||void 0===o?void 0:o.length)?N[t.WEB_PUSH_COMPONENT_TYPE.IMAGE][0]:null!==(_=c[t.WEB_PUSH_COMPONENT_TYPE.IMAGE])&&void 0!==_?_:l,alt:"icon-image"})}),c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS]&&c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length&&e.jsx("div",{className:"button-container "+(1===c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length?"single-button":""),children:c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].map((i,s)=>e.jsx("div",{className:"each--btn",style:{flex:1===c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length?"0 0 50%":"1"},children:e.jsx("div",{className:"text-btn",children:i.text})},`webpush-buttons-${s}`))})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../models/WebpushTemplate.js"),i=require("../utils/TemplateHelperUtils.js"),s=require("./WebpushPreview.styled.js");const l="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F4daae031-3902-4e58-a57c-32f29ea90812?alt=media&token=a7655ba9-6843-47df-91ba-422345e925c3";exports.default=n=>{var a,r,E,P,o,_;const{components:T,webpushBroadcastConfig:N}=n.template,c=(new i.TemplateHelperUtils).parseJsonString(T),d=(e,t)=>{let i=0;return e?e.replace(/{{(.*?)}}/g,((e,s)=>{const l=s.trim();if(t&&t.length&&i<t.length){const e=t[i];return i++,`${e} `}return`{{${l}}}`})):""},O=d(c[t.WEB_PUSH_COMPONENT_TYPE.TITLE],null==N?void 0:N.title),u=d(null!==(E=null!==(r=null===(a=c[t.WEB_PUSH_COMPONENT_TYPE.BODY])||void 0===a?void 0:a.text)&&void 0!==r?r:c[t.WEB_PUSH_COMPONENT_TYPE.BODY])&&void 0!==E?E:"",null==N?void 0:N.body);return e.jsxs(s.WebpushPreviewContainer,{style:Object.assign({},n.extraContainerCss),children:[e.jsxs("div",{className:"icon--header",children:[e.jsx("div",{className:"icon-img-container",children:e.jsx("img",{src:(null===(P=null==N?void 0:N[t.WEB_PUSH_COMPONENT_TYPE.ICON])||void 0===P?void 0:P.length)?N[t.WEB_PUSH_COMPONENT_TYPE.ICON][0]:c[t.WEB_PUSH_COMPONENT_TYPE.ICON]||l,alt:"icon-image"})}),e.jsxs("div",{className:"text--container",children:[e.jsx("div",{children:O}),e.jsx("div",{style:{marginTop:3},children:u})]})]}),c[t.WEB_PUSH_COMPONENT_TYPE.IMAGE]&&c[t.WEB_PUSH_COMPONENT_TYPE.IMAGE].length&&e.jsx("div",{className:"banner-img-container",children:e.jsx("img",{src:(null===(o=null==N?void 0:N[t.WEB_PUSH_COMPONENT_TYPE.IMAGE])||void 0===o?void 0:o.length)?N[t.WEB_PUSH_COMPONENT_TYPE.IMAGE][0]:null!==(_=c[t.WEB_PUSH_COMPONENT_TYPE.IMAGE])&&void 0!==_?_:l,alt:"icon-image"})}),c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS]&&c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length&&e.jsx("div",{className:"button-container "+(1===c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length?"single-button":""),children:c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].map(((i,s)=>e.jsx("div",{className:"each--btn",style:{flex:1===c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length?"0 0 50%":"1"},children:e.jsx("div",{className:"text-btn",children:i.text})},`webpush-buttons-${s}`)))})]})};

package/dist/cjs/components/text-picker/TextPickerCategoryCard.js

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronRight.svg.js"),i=require("styled-components"),r=require("../../constants/Theme.js"),o=require("../checkBox/CheckBox.js"),s=require("../icon-button/IconButton.js"),n=require("../tag/Tag.js"),c=require("../TypographyStyle.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const l=a(i).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronRight.svg.js"),r=require("styled-components"),i=require("../../constants/Theme.js"),o=require("../checkBox/CheckBox.js"),s=require("../icon-button/IconButton.js"),n=require("../tag/Tag.js"),c=require("../TypographyStyle.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=l(r).default.div`
 	height: 64px;
-	background-color: ${({isSelected:e,isActive:t})=>e?r.COLORS.background.positive.light:t?r.COLORS.surface.hovered:r.COLORS.surface.standard};
-	border-bottom: 1px solid ${r.COLORS.stroke.primary};
+	background-color: ${e=>{let{isSelected:t,isActive:r}=e;return t?i.COLORS.background.positive.light:r?i.COLORS.surface.hovered:i.COLORS.surface.standard}};
+	border-bottom: 1px solid ${i.COLORS.stroke.primary};
 	padding: 12px 24px;
 	display: flex;
 	align-items: center;
 	cursor: pointer;
 	transition: background 0.2s;
 	&:hover {
-		background-color: ${({isSelected:e})=>e?r.COLORS.background.positive.light:r.COLORS.surface.hovered};
+		background-color: ${e=>{let{isSelected:t}=e;return t?i.COLORS.background.positive.light:i.COLORS.surface.hovered}};
 	}
-`;exports.TextPickerCategoryCard=({id:i,name:a,itemsCount:d,selectedCount:u,isChecked:h,isPartiallyChecked:g,onCheck:x,onClick:p})=>e.jsxs(l,{isActive:h||g,isSelected:h,onClick:p,children:[e.jsx(o.CheckBox,{isChecked:h||g,isPartiallyChecked:g&&!h,onValueChange:function(e,t,i){null==i||i.stopPropagation(),x(e,i)},style:{marginRight:16}}),e.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[e.jsx(c.BodyPrimary,{children:a}),e.jsxs(c.BodyCaption,{style:{color:r.COLORS.text.secondary,fontSize:13},children:[d," document",1!==d?"s":""]})]}),!!u&&e.jsx(n.Tag,{tagText:`${u} selected`,type:"positive",style:{marginLeft:12}}),e.jsx(s.IconButton,{Icon:t.default,height:16,width:16,style:{marginLeft:8}})]});
+`;exports.TextPickerCategoryCard=r=>{let{id:l,name:d,itemsCount:u,selectedCount:h,isChecked:g,isPartiallyChecked:x,onCheck:p,onClick:y}=r;return e.jsxs(a,{isActive:g||x,isSelected:g,onClick:y,children:[e.jsx(o.CheckBox,{isChecked:g||x,isPartiallyChecked:x&&!g,onValueChange:function(e,t,r){null==r||r.stopPropagation(),p(e,r)},style:{marginRight:16}}),e.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[e.jsx(c.BodyPrimary,{children:d}),e.jsxs(c.BodyCaption,{style:{color:i.COLORS.text.secondary,fontSize:13},children:[u," document",1!==u?"s":""]})]}),!!h&&e.jsx(n.Tag,{tagText:`${h} selected`,type:"positive",style:{marginLeft:12}}),e.jsx(s.IconButton,{Icon:t.default,height:16,width:16,style:{marginLeft:8}})]})};

package/dist/cjs/components/text-picker/TextPickerFooter.js

@@ -8,6 +8,6 @@
 `,a=c.default.div`
 	display: flex;
 	align-items: center;
-`,d=c.default(s.BodySecondary)`
-	color: ${({$isInactive:e})=>e?n.COLORS.content.inactive:n.COLORS.content.brand};
-`;exports.TextPickerFooter=({totalSelected:t,maxDocuments:n})=>{const s=n!==1/0&&t>=n;return e.jsx(o,{children:e.jsx(a,{children:s?e.jsx(r.Tag,{tagText:`You can only select ${n} documents`,type:"negative"}):e.jsx(d,{$isInactive:0===t,children:n!==1/0?`${t}/${n} documents selected`:`${t} documents selected`})})})};
+`,l=c.default(s.BodySecondary)`
+	color: ${e=>{let{$isInactive:t}=e;return t?n.COLORS.content.inactive:n.COLORS.content.brand}};
+`;exports.TextPickerFooter=t=>{let{totalSelected:n,maxDocuments:s}=t;const i=s!==1/0&&n>=s;return e.jsx(o,{children:e.jsx(a,{children:i?e.jsx(r.Tag,{tagText:`You can only select ${s} documents`,type:"negative"}):e.jsx(l,{$isInactive:0===n,children:s!==1/0?`${n}/${s} documents selected`:`${n} documents selected`})})})};

package/dist/cjs/components/text-picker/TextPickerItemRow.js

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../constants/Theme.js"),i=require("../checkBox/CheckBox.js"),n=require("../TypographyStyle.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(r);const c=s.default.div`
 	min-height: 48px;
-	background: ${({selected:e})=>e?t.COLORS.surface.hovered:t.COLORS.surface.standard};
+	background: ${e=>{let{selected:r}=e;return r?t.COLORS.surface.hovered:t.COLORS.surface.standard}};
 	border-bottom: 1px solid ${t.COLORS.stroke.primary};
 	padding: 12px 24px;
 	display: flex;
 	align-items: center;
 	cursor: pointer;
-`,d=s.default.div`
+`,l=s.default.div`
 	margin-right: 16px;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
-`,l=s.default.div`
+`,d=s.default.div`
 	flex: 1;
-`;exports.TextPickerItemRow=({item:r,selected:t,onCheck:o,onClick:s})=>e.jsxs(c,{selected:t,onClick:s,children:[e.jsx(d,{onClick:e=>e.stopPropagation(),children:e.jsx(i.CheckBox,{isChecked:t,onValueChange:o})}),e.jsx(l,{children:e.jsx(n.BodyPrimary,{children:r.name})})]});
+`;exports.TextPickerItemRow=r=>{let{item:t,selected:o,onCheck:s,onClick:a}=r;return e.jsxs(c,{selected:o,onClick:a,children:[e.jsx(l,{onClick:e=>e.stopPropagation(),children:e.jsx(i.CheckBox,{isChecked:o,onValueChange:s})}),e.jsx(d,{children:e.jsx(n.BodyPrimary,{children:t.name})})]})};