npm - @bikdotai/bik-component-library - Versions diffs - 0.0.736-beta.1 → 0.0.736-beta.10 - Mend

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

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

Files changed (2395) hide show

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

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

package/dist/cjs/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../shimmer/ShimmerComponent/BikShimmer.js"),s=require("../styles/TemplateAnalyticsStyles.js");const t=()=>e.jsxs("div",{className:"each--analytics--container",children:[e.jsxs("div",{className:"d-flex align--center",style:{gap:8},children:[e.jsx(i.BikShimmer,{boxes:[{width:"24px",height:"24px"}]}),e.jsx(i.BikShimmer,{boxes:[{width:"69px",height:"11px"}]})]}),e.jsxs("div",{className:"d-flex align--center",style:{gap:8},children:[e.jsx(i.BikShimmer,{boxes:[{width:"43px",height:"18px"}]}),e.jsx(i.BikShimmer,{boxes:[{width:"69px",height:"28px"}]})]})]});exports.TemplateAnalyticsSkeleton=h=>{const{skipTitleShimmer:r,fullWidth:x}=h;return e.jsxs(s.RightPanelContainer,{fullWidth:x,children:[e.jsx("div",{children:r?e.jsx(e.Fragment,{}):e.jsx(i.BikShimmer,{boxes:[{width:"76px",height:"18px"}]})}),e.jsx("div",{className:"mt-3",children:[0,1,2].map((i=>e.jsx(t,{},i)))}),e.jsxs(e.Fragment,{children:[e.jsx("div",{children:e.jsx(i.BikShimmer,{boxes:[{width:"76px",height:"18px"}]})}),e.jsx("div",{className:"mt-3",children:e.jsx(t,{})})]})]})};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../shimmer/ShimmerComponent/BikShimmer.js"),s=require("../styles/TemplateAnalyticsStyles.js");const t=()=>e.jsxs("div",{className:"each--analytics--container",children:[e.jsxs("div",{className:"d-flex align--center",style:{gap:8},children:[e.jsx(i.BikShimmer,{boxes:[{width:"24px",height:"24px"}]}),e.jsx(i.BikShimmer,{boxes:[{width:"69px",height:"11px"}]})]}),e.jsxs("div",{className:"d-flex align--center",style:{gap:8},children:[e.jsx(i.BikShimmer,{boxes:[{width:"43px",height:"18px"}]}),e.jsx(i.BikShimmer,{boxes:[{width:"69px",height:"28px"}]})]})]});exports.TemplateAnalyticsSkeleton=h=>{const{skipTitleShimmer:r,fullWidth:x}=h;return e.jsxs(s.RightPanelContainer,{fullWidth:x,children:[e.jsx("div",{children:r?e.jsx(e.Fragment,{}):e.jsx(i.BikShimmer,{boxes:[{width:"76px",height:"18px"}]})}),e.jsx("div",{className:"mt-3",children:[0,1,2].map(i=>e.jsx(t,{},i))}),e.jsxs(e.Fragment,{children:[e.jsx("div",{children:e.jsx(i.BikShimmer,{boxes:[{width:"76px",height:"18px"}]})}),e.jsx("div",{className:"mt-3",children:e.jsx(t,{})})]})]})};

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

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("../../template-preview/models/Channels.js"),s=require("./Body.js"),t=require("./Header.js");exports.default=~~i=>~~{~~let{~~channel:r,showVariableMapping:l,variableListFromProps:o,showOnlyContent:n,whatsappSpecificPickerMeta:d,showVariableModal:p,discountCode:u,setDiscountCode:c,variableListForImage:h,showSampleValues:m,fileName:w,setFileName:b,skipDefaultVariableContent:C}~~=i;return~~ e.jsx("div",{style:{paddingBottom:0},children:e.jsxs("div",{children:[r===a.CHANNEL_TYPE.EMAIL&&e.jsx(t.default,{showOnlyContent:n}),e.jsx(s.default,{variableListFromProps:o,whatsappSpecificPickerMeta:d,showVariableMapping:!!l,showOnlyContent:n,showVariableModal:p,discountCode:u,setDiscountCode:c,variableListForImage:h,showSampleValues:m,fileName:w,setFileName:b,skipDefaultVariableContent:C})]})})};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("../../template-preview/models/Channels.js"),s=require("./Body.js"),i=require("./Header.js");exports.default=({channel:t,showVariableMapping:o,variableListFromProps:r,showOnlyContent:l,whatsappSpecificPickerMeta:n,showVariableModal:d,discountCode:p,setDiscountCode:u,variableListForImage:c,showSampleValues:h,fileName:m,setFileName:w,skipDefaultVariableContent:b})=>e.jsx("div",{style:{paddingBottom:0},children:e.jsxs("div",{children:[t===a.CHANNEL_TYPE.EMAIL&&e.jsx(i.default,{showOnlyContent:l}),e.jsx(s.default,{variableListFromProps:r,whatsappSpecificPickerMeta:n,showVariableMapping:!!o,showOnlyContent:l,showVariableModal:d,discountCode:p,setDiscountCode:u,variableListForImage:c,showSampleValues:h,fileName:m,setFileName:w,skipDefaultVariableContent:b})]})});

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

@@ -16,4 +16,4 @@
 	height: 100%;
 	width: 48%;
 	background: rgba(0, 0, 0, 0.1);
-`,L={value:"custom_link",label:"Custom URL"},S={value:"custom_text",label:"Custom text"},H={value:"static_expiry",label:"Static Expiry"};exports.Container=N,exports.default=s=>{var C,f,V,k,B,D,Y,w,U;const{onFocus:R,variable:q,index:I,showVariableModal:W,setShowDiscountCheckBox:M,componentType:$,CTAoptions:z,buttonType:Z}=s,[F,G]=n.useState(!1),[Q,K]=n.useState(""),[J,X]=n.useState([]),[ee,te]=n.useState(),[le,ie]=n.useState(!1),{variableList:ae,setVariableList:ne,setVariableCallback:se,setShowVariablePicker:oe,device:ue,channel:de,isError:re,originalVariableList:ce,template:pe,templateSelectionTriggered:ve,setTemplate:me,setDisplayContent:be,setOriginalVariableList:ge,globalNormalizedPlaceholders:Oe,enabledCustomText:xe,pod:je,selectedCarouselIndex:Te,isProductCarouselType:Ee,isWhatsappCarousel:ye,disableEditVariable:_e,disableEditExpiry:he,templateErrorIndexes:Ce,maxCharLimit:fe,disableDatePicker:Ne,showDiscountCodeExpiryInfo:Pe,cardIndex:Ae=1}=E.useTemplateModalContext();function Le(e,t){var l,i,a,n;const s=e;K(""),te(s),de===b.CHANNEL_TYPE.WHATSAPP||de===b.CHANNEL_TYPE.RCS?"custom_text"!==s.value&&"custom_link"!==s.value&&"static_expiry"!==s.value?(He(null!==(l=s.value)&&void 0!==l?l:"","string"),null==Ve||Ve(null!==(i=q.index)&&void 0!==i?i:0,s.value,!0)):(null==Ve||Ve(null!==(a=q.index)&&void 0!==a?a:0,"",!0,s.value),He("","url"===s.bikPlaceholderType?"link":"string")):"custom_text"!==s.value&&"custom_link"!==s.value?(He(s.value,"url"===s.bikPlaceholderType?"link":"string"),de==b.CHANNEL_TYPE.WEBPUSH&&(null==Be||Be(null!==(n=q.index)&&void 0!==n?n:0,s.value))):(K(""),He("",s.value))}function Se(e,t){var l,i;K(t);const a="custom_link"===(null==ee?void 0:ee.value)&&t?t.includes("https")?t:`https://${t}`:t;He(a,"static_expiry"===e?"string":e),de!==b.CHANNEL_TYPE.WHATSAPP&&de!==b.CHANNEL_TYPE.RCS||null==Ve||Ve(null!==(l=q.index)&&void 0!==l?l:0,a,"custom_link"===e||je===O.POD.CHATBOT&&"custom_text"===e,e),de===b.CHANNEL_TYPE.WEBPUSH&&(null==Be||Be(null!==(i=q.index)&&void 0!==i?i:0,a))}function He(e,t,l){var i,n,s,o,u;const d="custom_link"===t?"link":"custom_text"===t?"string":t;if(de!==b.CHANNEL_TYPE.WHATSAPP&&de!==b.CHANNEL_TYPE.WEBPUSH&&de!==b.CHANNEL_TYPE.RCS){const l=_.getVariableNameForEmailByIndex(I+1),a=null===document||void 0===document?void 0:document.getElementById("mobile"===ue?"template_html_mobile":"template_html_desktop"),n=de===b.CHANNEL_TYPE.EMAIL?null===(i=null==a?void 0:a.contentWindow)||void 0===i?void 0:i.document.getElementById(l):document.getElementById(l);n&&(n.textContent="custom_text"!==t&&"custom_link"!==t||e?e:q.variableName);const s=ce.map(((t,l)=>l===I?Object.assign(Object.assign({},t),{type:d,updatedValue:e}):t));null==ge||ge(s)}if(de===b.CHANNEL_TYPE.WEBPUSH){const t=ce,l=t=>null==t?void 0:t.map(((t,l)=>l===I?Object.assign(Object.assign({},t),{type:d,updatedValue:e}):t)),i={BODY:"BODY"===$?l(t.body):t.body,TITLE:$===g.WEB_PUSH_COMPONENT_TYPE.TITLE.toUpperCase()?l(t.title):t.title};null==ge||ge((e=>Object.assign(Object.assign({},e),{title:i.TITLE,body:i.BODY,buttons:t.buttons})))}if(de===b.CHANNEL_TYPE.WHATSAPP||de===b.CHANNEL_TYPE.RCS){if(null!=Te&&Te>-1&&Ee){const l=Object.assign({},ce).cards.map(((l,i)=>{var a,n,s;return"BODY"===$?Object.assign(Object.assign({},l),{body:null===(a=l.body)||void 0===a?void 0:a.map(((t,l)=>I===l?Object.assign(Object.assign({},t),{type:d,updatedValue:e}):t))}):"TITLE"===$?Object.assign(Object.assign({},l),{title:null===(n=l.title)||void 0===n?void 0:n.map(((t,l)=>I===l?Object.assign(Object.assign({},t),{type:d,updatedValue:e}):t))}):"BUTTONS"===$?Object.assign(Object.assign({},l),{buttons:null===(s=l.buttons)||void 0===s?void 0:s.map(((l,i)=>i===I?Object.assign(Object.assign({},l),{buttonVariable:"custom_link"===t?"((customPlaceholderName))":e,example:"COPY_CODE"===l.type?e:[e]}):l))}):l}));return void(null==ge||ge((e=>Object.assign(Object.assign({},e),{cards:l}))))}const i=null!=Te&&Te>-1?ce.cards[Te]:ce;let r=i.body,c=i.title,p=i.header,v=i.buttons;if("BODY"===$?r=null===(n=i.body)||void 0===n?void 0:n.map(((t,l)=>l===I?Object.assign(Object.assign({},t),{type:d,updatedValue:e}):t)):"TITLE"===$?c=null===(s=null==i?void 0:i.title)||void 0===s?void 0:s.map(((t,l)=>l===I?Object.assign(Object.assign({},t),{type:d,updatedValue:e}):t)):"HEADER"===$?p=null===(o=i.header)||void 0===o?void 0:o.map(((t,l)=>l===I?Object.assign(Object.assign({},t),{type:d,updatedValue:e}):t)):"BUTTONS"===$&&(v=null===(u=i.buttons)||void 0===u?void 0:u.map(((i,a)=>a===I?Object.assign(Object.assign({},i),{buttonVariable:"custom_link"===t?"((customPlaceholderName))":e,example:"COPY_CODE"===i.type?e:[e],queryParams:null!=l?l:[]}):i))),null!=Te&&Te>-1){const e=a.cloneDeep(ce.cards);e[Te]={header:p,body:r,buttons:v,title:c},null==ge||ge((t=>Object.assign(Object.assign({},t),{cards:e})))}else null==ge||ge((e=>Object.assign(Object.assign({},e),{header:p,body:r,buttons:v,title:c})))}}function Ve(e,t,l,i){var n,s,o,u,d,r,c,p,v,b,g,O;if(null!=Te&&Te>-1&&Ee){const s=Object.assign({},pe).components.map((l=>{var i;return m.isCarouselComponent(l.type)?Object.assign(Object.assign({},l),{cards:null===(i=l.cards)||void 0===i?void 0:i.map((l=>Object.assign(Object.assign({},l),{components:l.components.map((l=>{var i,a,n,s,o,u,d,r,c,p,v;if("BODY"===l.type&&"BODY"===$){if(null===(a=null===(i=l.example)||void 0===i?void 0:i.body_text)||void 0===a?void 0:a[0]){const i=[...null!==(o=null===(s=null===(n=l.example)||void 0===n?void 0:n.body_text)||void 0===s?void 0:s[0])&&void 0!==o?o:[]];i[e]=t.replace("{{","").replace("}}","").replace("((","").replace("))","");const a=Object.assign(Object.assign({},l.example),{body_text:[i]});return Object.assign(Object.assign({},l),{example:a})}return l}if("TITLE"===l.type&&"TITLE"===$){if(null===(d=null===(u=l.example)||void 0===u?void 0:u.title_text)||void 0===d?void 0:d[0]){const i=[...null!==(p=null===(c=null===(r=l.example)||void 0===r?void 0:r.title_text)||void 0===c?void 0:c[0])&&void 0!==p?p:[]];i[e]=t.replace("{{","").replace("}}","").replace("((","").replace("))","");const a=Object.assign(Object.assign({},l.example),{title_text:[i]});return Object.assign(Object.assign({},l),{example:a})}return l}if("BUTTONS"===l.type&&"BUTTONS"===$){const i=null===(v=l.buttons)||void 0===v?void 0:v.map(((l,i)=>i===e?Object.assign(Object.assign({},l),{example:[t]}):l));return i?Object.assign(Object.assign({},l),{buttons:i}):l}return l}))})))}):l})),o=a.cloneDeep(pe);if(l){const l=null===(n=Object.assign({},pe).mapping.cards)||void 0===n?void 0:n.map(((l,a)=>{var n,s,o,u;if("BODY"===$)return Object.assign(Object.assign({},l),{body:null===(n=l.body)||void 0===n?void 0:n.map(((l,a)=>e===a?"custom_text"===i?`((editableVariable${a+10}))`:t:l))});if("TITLE"===$)return Object.assign(Object.assign({},l),{title:null===(s=null==l?void 0:l.title)||void 0===s?void 0:s.map(((l,a)=>e===a?"custom_text"===i?`((editableVariable${a+10}))`:t:l))});if("BUTTONS"===$&&(null==l?void 0:l.buttons)){let n=-1,s=-1;return null===(o=pe.components[Ae].cards)||void 0===o||o[a].components.forEach((t=>{var l;"BUTTONS"===t.type&&(null===(l=t.buttons)||void 0===l||l.forEach(((t,l)=>{"URL"===t.type&&(n++,l===e&&"URL"==t.type&&(s=n))})))})),Object.assign(Object.assign({},l),{buttons:null===(u=l.buttons)||void 0===u?void 0:u.map(((e,l)=>l===s?"custom_link"===i?"((customPlaceholderName))":t:e))})}return l}));o.mapping.cards=l}return o.components=s,void(null==me||me(o))}const x=null!=Te&&Te>-1?{components:null===(s=Object.assign({},pe).components[Ae].cards)||void 0===s?void 0:s[Te].components,mapping:null===(o=Object.assign({},pe).mapping.cards)||void 0===o?void 0:o[Te]}:Object.assign({},pe),j=null===(u=null==x?void 0:x.components)||void 0===u?void 0:u.map((l=>{var i,a,n,s,o,u,d,r,c,p,v,m,b,g,O,x;const j=Object.assign({},l);if("BODY"===l.type&&"BODY"===$&&(Array.isArray(null===(i=l.example)||void 0===i?void 0:i.body_text)||(null===(n=null===(a=l.example)||void 0===a?void 0:a.body_text)||void 0===n?void 0:n[0]))){const l=[...null!==(u=null===(o=null===(s=j.example)||void 0===s?void 0:s.body_text)||void 0===o?void 0:o[0])&&void 0!==u?u:[]];l[e]=t.replace("{{","").replace("}}","").replace("((","").replace("))","");const i=Object.assign(Object.assign({},j.example),{body_text:[l]});return Object.assign(Object.assign({},j),{example:i})}if("TITLE"===l.type&&"TITLE"===$){if(Array.isArray(null===(d=l.example)||void 0===d?void 0:d.title_text)||(null===(c=null===(r=l.example)||void 0===r?void 0:r.title_text)||void 0===c?void 0:c[0])){const l=[...null!==(m=null===(v=null===(p=j.example)||void 0===p?void 0:p.title_text)||void 0===v?void 0:v[0])&&void 0!==m?m:[]];l[e]=t.replace("{{","").replace("}}","").replace("((","").replace("))","");const i=Object.assign(Object.assign({},j.example),{title_text:[l]});return Object.assign(Object.assign({},j),{example:i})}}else if("HEADER"===l.type&&"HEADER"===$){if(null===(b=l.example)||void 0===b?void 0:b.header_text){const l=[...null!==(O=null===(g=j.example)||void 0===g?void 0:g.header_text)&&void 0!==O?O:[]];l[e]=t.replace("{{","").replace("}}","").replace("((","").replace("))","");const i=Object.assign(Object.assign({},j.example),{header_text:l});return Object.assign(Object.assign({},j),{example:i})}}else{if("BUTTONS"===l.type&&"BUTTONS"===$){const i=null===(x=l.buttons)||void 0===x?void 0:x.map(((l,i)=>i===e?Object.assign(Object.assign({},l),{example:"COPY_CODE"===l.type?t:[t]}):l));return i?Object.assign(Object.assign({},j),{buttons:i}):j}if("limited_time_offer"===l.type&&"limited_time_offer"===$)return Object.assign(Object.assign({},j),{example:Object.assign(Object.assign({},j.example),{limited_time_offer:t})})}return l}));if(x.components=j,l)if("BODY"===$&&(null===(d=null==x?void 0:x.mapping)||void 0===d?void 0:d.body))x.mapping=Object.assign(Object.assign({},x.mapping),{body:null===(c=null===(r=x.mapping)||void 0===r?void 0:r.body)||void 0===c?void 0:c.map(((l,a)=>e===a?"custom_text"===i?`((editableVariable${a+10}))`:t:l))});else if("TITLE"===$&&(null===(p=null==x?void 0:x.mapping)||void 0===p?void 0:p.title))x.mapping=Object.assign(Object.assign({},x.mapping),{title:null===(b=null===(v=x.mapping)||void 0===v?void 0:v.title)||void 0===b?void 0:b.map(((l,a)=>e===a?"custom_text"===i?`((editableVariable${a+10}))`:t:l))});else if("HEADER"===$&&(null===(g=null==x?void 0:x.mapping)||void 0===g?void 0:g.header))x.mapping=Object.assign(Object.assign({},x.mapping),{header:x.mapping.header.map(((l,a)=>e===a?"custom_text"===i?`((editableVariable${a+20}))`:t:l))});else if("BUTTONS"===$&&(null===(O=null==x?void 0:x.mapping)||void 0===O?void 0:O.buttons)){let l=-1,a=-1;j.forEach((t=>{var i;"BUTTONS"===t.type&&(null===(i=t.buttons)||void 0===i||i.forEach(((t,i)=>{"URL"===t.type&&(l++,i===e&&"URL"==t.type&&(a=l))})))})),x.mapping=Object.assign(Object.assign({},x.mapping),{buttons:x.mapping.buttons.map(((e,l)=>l===a?"custom_link"===i?"((customPlaceholderName))":t:e))})}if(null!=Te&&Te>-1&&pe){const e=a.cloneDeep(pe);e.components[Ae].cards[Te].components=x.components,e.mapping.cards[Te]=x.mapping,null==me||me(e)}else null==me||me(Object.assign({},x))}n.useEffect((()=>{F&&(null==R||R())}),[F]),n.useEffect((()=>{!function(){var e,t,l,i,a;const n="mobile"===ue?"template_html_mobile":"template_html_desktop",s=document.getElementById(n),o=(null!==(i=null===(l=null===(t=null===(e=null==s?void 0:s.contentWindow)||void 0===e?void 0:e.document)||void 0===t?void 0:t.body)||void 0===l?void 0:l.innerHTML)&&void 0!==i?i:"")+(null===(a=null==s?void 0:s.contentWindow)||void 0===a?void 0:a.document.head.innerHTML);de===b.CHANNEL_TYPE.EMAIL&&(null==be||be(o))}()}),[ve]),n.useEffect((()=>{!function(){var e,t;const l=[];let i=[];if(de!==b.CHANNEL_TYPE.MESSAGE||xe){"link"===(null==q?void 0:q.type)?(l.push({label:"",options:[L,S]}),te(L)):"date_time"===(null==q?void 0:q.type)?(l.push({label:"",options:[L,S]}),te(H)):(l.push({label:"",options:[L,S,H]}),te(S));const e=null!=Oe?Oe:[];X([...l,...e.map((e=>{var t,l;return Object.assign(Object.assign({},e),{label:j.default.toCapitilize(null===(l=null===(t=e.label)||void 0===t?void 0:t.replace(/([A-Z])/g," $1"))||void 0===l?void 0:l.toLowerCase())})}))]),i=[...l,...e]}else{const e=null!=Oe?Oe:[];X([{label:"",options:[S,L]},...e]),i=[{label:"",options:[S,L]},...e]}if((de===b.CHANNEL_TYPE.WHATSAPP||de===b.CHANNEL_TYPE.EMAIL||de===b.CHANNEL_TYPE.MESSAGE||de===b.CHANNEL_TYPE.WEBPUSH||de===b.CHANNEL_TYPE.RCS)&&q.updatedValue)if(v.placeHolderNamePattern.test(q.updatedValue)&&(de===b.CHANNEL_TYPE.WHATSAPP||de===b.CHANNEL_TYPE.RCS)||q.updatedValue.startsWith("{{")&&de!==b.CHANNEL_TYPE.WHATSAPP&&de!==b.CHANNEL_TYPE.RCS){const e=function(e,t,l){var i;let a={label:"",value:""};const n=l===(b.CHANNEL_TYPE.WHATSAPP||b.CHANNEL_TYPE.RCS)?e.updatedValue.replace("[[","").replace("]]",""):e.updatedValue.replace("{{","").replace("}}","");if(W){let t=e.updatedValue;if(je===O.POD.CHATBOT&&"BUTTONS"===$){const l=null==z?void 0:z.filter((t=>t.placeHolder===e.updatedValue));l&&l.length>0&&(t=l[0].label)}a={label:t?t.replace("{{","").replace("}}","").trim().replace("."," "):"",value:null!==(i=e.updatedValue)&&void 0!==i?i:""}}else t.map((e=>{e.options.map((e=>{var t;(null===(t=e.value)||void 0===t?void 0:t.replace("{{","").replace("}}","").trim())===n.trim()&&(a=e)}))}));return a}(q,i,de);e.value&&te(e)}else"date_time"===q.type?(te(H),K(q.updatedValue),Ve(null!==(e=q.index)&&void 0!==e?e:0,q.updatedValue)):(null===(t=q.updatedValue)||void 0===t?void 0:t.startsWith("https"))?(te(L),K(q.updatedValue.split("https://")[1])):(te(S),K(q.updatedValue))}()}),[Te]),n.useEffect((()=>{ue&&ee&&Q&&setTimeout((()=>{He("custom_link"===(null==ee?void 0:ee.value)&&Q?Q.includes("https")?Q:`https://${Q}`:Q,ee.value)}),100)}),[ue]),n.useEffect((()=>{!le&&ee&&q.updatedValue&&setTimeout((()=>{He("custom_link"===(null==ee?void 0:ee.value)&&q.updatedValue?q.updatedValue.includes("https")?q.updatedValue:`https://${q.updatedValue}`:q.updatedValue,ee.value),ie(!0)}),100)}),[ee]);const ke=e=>{null==M||M(!1),"{{custom.url}}"===e.actualValue?Le({label:e.displayName,selected:!0,value:"custom_link"}):"{{custom.text}}"==e.actualValue?Le({label:e.displayName,selected:!0,value:"custom_text"}):"{{static.expiry}}"==e.actualValue?Le({label:e.displayName,selected:!0,value:"static_expiry"}):Le({label:e.displayName.replace("{{","").replace("}}","").trim().replace("."," "),selected:!0,value:e.actualValue,bikPlaceholderType:"string"})};function Be(e,t){var l;const i=a.cloneDeep(pe),n=$.toLocaleLowerCase();(null===(l=i.webpushBroadcastConfig)||void 0===l?void 0:l[n])&&(i.webpushBroadcastConfig[n][e]=t),null==me||me(Object.assign({},i))}return e.jsxs(N,{channel:de,focused:F,onMouseEnter:()=>G(!0),onMouseLeave:()=>G(!1),children:[e.jsx("div",{style:{marginBottom:8},children:e.jsxs(x.BodySecondary,{style:{color:re&&!ee?T.COLORS.content.negative:T.COLORS.content.primary},children:[null===(C=q.variableName)||void 0===C?void 0:C.replace("{{","").replace("}}","")," ","link"===(null==q?void 0:q.type)?"link":"variable"]})}),e.jsx("div",{style:{marginBottom:12},children:W?e.jsxs("div",{style:{display:"flex",border:"#E0E0E0 1px solid",borderRadius:4,padding:10,justifyContent:(null==ee?void 0:ee.label)?"space-between":"flex-end",backgroundColor:"date_time"===(null==q?void 0:q.type)&&he?T.COLORS.background.base:void 0},children:[e.jsx(x.BodyPrimary,{numberOfLines:1,children:je===O.POD.CHATBOT?["static_expiry","custom_text","custom_link"].includes(null!==(f=null==ee?void 0:ee.value)&&void 0!==f?f:"")?null==ee?void 0:ee.label:null==ee?void 0:ee.value:p.truncate(null!==(V=null==ee?void 0:ee.label)&&void 0!==V?V:"",20,!0)}),_e||"date_time"===(null==q?void 0:q.type)&&he?e.jsx(e.Fragment,{}):e.jsx(t.default,{onClick:()=>{(()=>{let e=Array.isArray(ae)?[...ae]:[];const t=(t,l,i)=>{const a=y.updateVariables({variableList:e,categoryDisplayName:t,variableDisplayName:l,variableValue:i});Array.isArray(a)&&(e=a)};je===O.POD.CHATBOT&&Z!==O.BUTTON_TYPE.URL&&"limited_time_offer"!==$&&t("Custom Variables","Custom Text","{{custom.text}}"),Z===O.BUTTON_TYPE.URL&&je===O.POD.CHATBOT?t("Custom Variables","Custom URL","{{custom.url}}"):"limited_time_offer"===$?t("Static Variables","Static Expiry","{{static.expiry}}"):Z===O.BUTTON_TYPE.COPY_CODE&&t("Custom Variables","Custom Text","{{custom.text}}"),ne(e)})(),se((()=>ke)),oe(!0)},width:24,height:24,color:T.COLORS.content.primary})]}):e.jsx(r.Dropdown,{disabled:_e,options:J,isSearchable:!1,onSelect:Le,defaultOptions:ee?[Object.assign(Object.assign({},ee),{selected:!0})]:[]})}),("custom_text"===(null==ee?void 0:ee.value)||"custom_link"===(null==ee?void 0:ee.value))&&e.jsx(c.Input,{state:_e?"disabled":"none",labelText:"custom_text"===(null==ee?void 0:ee.value)?"Custom text value":"custom_link"===(null==ee?void 0:ee.value)?"Custom URL value":"",id:`variable-value-${null==ee?void 0:ee.value}-${I}`,value:Q,errorMessage:re&&(null===(k=null==Ce?void 0:Ce.buttons)||void 0===k?void 0:k.includes(null!==(B=null==q?void 0:q.index)&&void 0!==B?B:-1))?Q&&0!==Q.trim().length?"custom_link"!==ee.value||/^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/.test(`https://${Q.trim()}`)&&0!==Q.trim().length?"custom_link"!==ee.value&&Q.length>30?"Length cannot be more than 30":"BUTTONS"===$&&"custom_link"!==ee.value?"Enter valid alpha numeric code":"":"Enter valid URL":"Required field":"",maxCharLimit:fe||("custom_link"===(null==ee?void 0:ee.value)?2e3:"BUTTONS"===$?15:30),noKeyDownChange:!0,prefixText:"custom_link"===(null==ee?void 0:ee.value)?"https://":"",placeholder:"link"===q.type||"custom_link"===ee.value?"Enter custom URL here":"Enter custom text here",onChangeText:e=>{Se(ee.value,e)}}),"static_expiry"===(null==ee?void 0:ee.value)&&e.jsxs("div",{style:{position:"relative"},children:[(_e||Ne)&&e.jsxs(P,{onClick:e=>e.preventDefault(),style:{display:"flex",justifyContent:"space-between"},children:[e.jsx(A,{}),e.jsx(A,{})]}),e.jsx(d.CustomDateTime,{placement:"auto",time:Q?i.format(new Date(Q),"hh:mm a"):i.format(new Date,"hh:mm a"),date:Q?new Date(Q):new Date,minDate:new Date,error:"",setError:()=>{},onChange:e=>{Se("static_expiry",e.toISOString())}})]}),"static_expiry"===(null==ee?void 0:ee.value)&&Pe&&e.jsx("div",{style:{marginTop:8},children:e.jsx(o.Alert,{containerStyle:{padding:"4px 8px"},icon:()=>e.jsx(l.default,{width:16,height:16,color:T.COLORS.content.secondary}),type:u.ALERT_TYPES.NEUTRAL,text:"Please use the same expiration code that you applied when creating\nthe code on Shopify"})}),"link"===q.type&&"custom_link"!==(null==ee?void 0:ee.value)&&!Ee&&!ye&&je===O.POD.CHATBOT&&e.jsx(h.QueryParamsComponent,{isError:null!==(w=null===(D=null==Ce?void 0:Ce.buttons)||void 0===D?void 0:D.includes(null!==(Y=null==q?void 0:q.index)&&void 0!==Y?Y:-1))&&void 0!==w&&w,params:null!==(U=q.queryParams)&&void 0!==U?U:[],onChange:e=>{He(q.updatedValue,"link",e)},variableValue:q.updatedValue})]})};
+`,L={value:"custom_link",label:"Custom URL"},S={value:"custom_text",label:"Custom text"},H={value:"static_expiry",label:"Static Expiry"};exports.Container=N,exports.default=s=>{var C,f,V,k,B,D,Y,w,U;const{onFocus:R,variable:q,index:I,showVariableModal:W,setShowDiscountCheckBox:M,componentType:$,CTAoptions:z,buttonType:Z}=s,[F,G]=n.useState(!1),[Q,K]=n.useState(""),[J,X]=n.useState([]),[ee,te]=n.useState(),[le,ie]=n.useState(!1),{variableList:ae,setVariableList:ne,setVariableCallback:se,setShowVariablePicker:oe,device:ue,channel:de,isError:re,originalVariableList:ce,template:pe,templateSelectionTriggered:ve,setTemplate:me,setDisplayContent:be,setOriginalVariableList:ge,globalNormalizedPlaceholders:Oe,enabledCustomText:xe,pod:je,selectedCarouselIndex:Te,isProductCarouselType:Ee,isWhatsappCarousel:ye,disableEditVariable:_e,disableEditExpiry:he,templateErrorIndexes:Ce,maxCharLimit:fe,disableDatePicker:Ne,showDiscountCodeExpiryInfo:Pe,cardIndex:Ae=1}=E.useTemplateModalContext();function Le(e,t){var l,i,a,n;const s=e;K(""),te(s),de===b.CHANNEL_TYPE.WHATSAPP||de===b.CHANNEL_TYPE.RCS?"custom_text"!==s.value&&"custom_link"!==s.value&&"static_expiry"!==s.value?(He(null!==(l=s.value)&&void 0!==l?l:"","string"),null==Ve||Ve(null!==(i=q.index)&&void 0!==i?i:0,s.value,!0)):(null==Ve||Ve(null!==(a=q.index)&&void 0!==a?a:0,"",!0,s.value),He("","url"===s.bikPlaceholderType?"link":"string")):"custom_text"!==s.value&&"custom_link"!==s.value?(He(s.value,"url"===s.bikPlaceholderType?"link":"string"),de==b.CHANNEL_TYPE.WEBPUSH&&(null==Be||Be(null!==(n=q.index)&&void 0!==n?n:0,s.value))):(K(""),He("",s.value))}function Se(e,t){var l,i;K(t);const a="custom_link"===(null==ee?void 0:ee.value)&&t?t.includes("https")?t:`https://${t}`:t;He(a,"static_expiry"===e?"string":e),de!==b.CHANNEL_TYPE.WHATSAPP&&de!==b.CHANNEL_TYPE.RCS||null==Ve||Ve(null!==(l=q.index)&&void 0!==l?l:0,a,"custom_link"===e||je===O.POD.CHATBOT&&"custom_text"===e,e),de===b.CHANNEL_TYPE.WEBPUSH&&(null==Be||Be(null!==(i=q.index)&&void 0!==i?i:0,a))}function He(e,t,l){var i,n,s,o,u;const d="custom_link"===t?"link":"custom_text"===t?"string":t;if(de!==b.CHANNEL_TYPE.WHATSAPP&&de!==b.CHANNEL_TYPE.WEBPUSH&&de!==b.CHANNEL_TYPE.RCS){const l=_.getVariableNameForEmailByIndex(I+1),a=null===document||void 0===document?void 0:document.getElementById("mobile"===ue?"template_html_mobile":"template_html_desktop"),n=de===b.CHANNEL_TYPE.EMAIL?null===(i=null==a?void 0:a.contentWindow)||void 0===i?void 0:i.document.getElementById(l):document.getElementById(l);n&&(n.textContent="custom_text"!==t&&"custom_link"!==t||e?e:q.variableName);const s=ce.map((t,l)=>l===I?Object.assign(Object.assign({},t),{type:d,updatedValue:e}):t);null==ge||ge(s)}if(de===b.CHANNEL_TYPE.WEBPUSH){const t=ce,l=t=>null==t?void 0:t.map((t,l)=>l===I?Object.assign(Object.assign({},t),{type:d,updatedValue:e}):t),i={BODY:"BODY"===$?l(t.body):t.body,TITLE:$===g.WEB_PUSH_COMPONENT_TYPE.TITLE.toUpperCase()?l(t.title):t.title};null==ge||ge(e=>Object.assign(Object.assign({},e),{title:i.TITLE,body:i.BODY,buttons:t.buttons}))}if(de===b.CHANNEL_TYPE.WHATSAPP||de===b.CHANNEL_TYPE.RCS){if(null!=Te&&Te>-1&&Ee){const l=Object.assign({},ce).cards.map((l,i)=>{var a,n,s;return"BODY"===$?Object.assign(Object.assign({},l),{body:null===(a=l.body)||void 0===a?void 0:a.map((t,l)=>I===l?Object.assign(Object.assign({},t),{type:d,updatedValue:e}):t)}):"TITLE"===$?Object.assign(Object.assign({},l),{title:null===(n=l.title)||void 0===n?void 0:n.map((t,l)=>I===l?Object.assign(Object.assign({},t),{type:d,updatedValue:e}):t)}):"BUTTONS"===$?Object.assign(Object.assign({},l),{buttons:null===(s=l.buttons)||void 0===s?void 0:s.map((l,i)=>i===I?Object.assign(Object.assign({},l),{buttonVariable:"custom_link"===t?"((customPlaceholderName))":e,example:"COPY_CODE"===l.type?e:[e]}):l)}):l});return void(null==ge||ge(e=>Object.assign(Object.assign({},e),{cards:l})))}const i=null!=Te&&Te>-1?ce.cards[Te]:ce;let r=i.body,c=i.title,p=i.header,v=i.buttons;if("BODY"===$?r=null===(n=i.body)||void 0===n?void 0:n.map((t,l)=>l===I?Object.assign(Object.assign({},t),{type:d,updatedValue:e}):t):"TITLE"===$?c=null===(s=null==i?void 0:i.title)||void 0===s?void 0:s.map((t,l)=>l===I?Object.assign(Object.assign({},t),{type:d,updatedValue:e}):t):"HEADER"===$?p=null===(o=i.header)||void 0===o?void 0:o.map((t,l)=>l===I?Object.assign(Object.assign({},t),{type:d,updatedValue:e}):t):"BUTTONS"===$&&(v=null===(u=i.buttons)||void 0===u?void 0:u.map((i,a)=>a===I?Object.assign(Object.assign({},i),{buttonVariable:"custom_link"===t?"((customPlaceholderName))":e,example:"COPY_CODE"===i.type?e:[e],queryParams:null!=l?l:[]}):i)),null!=Te&&Te>-1){const e=a.cloneDeep(ce.cards);e[Te]={header:p,body:r,buttons:v,title:c},null==ge||ge(t=>Object.assign(Object.assign({},t),{cards:e}))}else null==ge||ge(e=>Object.assign(Object.assign({},e),{header:p,body:r,buttons:v,title:c}))}}function Ve(e,t,l,i){var n,s,o,u,d,r,c,p,v,b,g,O;if(null!=Te&&Te>-1&&Ee){const s=Object.assign({},pe).components.map(l=>{var i;return m.isCarouselComponent(l.type)?Object.assign(Object.assign({},l),{cards:null===(i=l.cards)||void 0===i?void 0:i.map(l=>Object.assign(Object.assign({},l),{components:l.components.map(l=>{var i,a,n,s,o,u,d,r,c,p,v;if("BODY"===l.type&&"BODY"===$){if(null===(a=null===(i=l.example)||void 0===i?void 0:i.body_text)||void 0===a?void 0:a[0]){const i=[...null!==(o=null===(s=null===(n=l.example)||void 0===n?void 0:n.body_text)||void 0===s?void 0:s[0])&&void 0!==o?o:[]];i[e]=t.replace("{{","").replace("}}","").replace("((","").replace("))","");const a=Object.assign(Object.assign({},l.example),{body_text:[i]});return Object.assign(Object.assign({},l),{example:a})}return l}if("TITLE"===l.type&&"TITLE"===$){if(null===(d=null===(u=l.example)||void 0===u?void 0:u.title_text)||void 0===d?void 0:d[0]){const i=[...null!==(p=null===(c=null===(r=l.example)||void 0===r?void 0:r.title_text)||void 0===c?void 0:c[0])&&void 0!==p?p:[]];i[e]=t.replace("{{","").replace("}}","").replace("((","").replace("))","");const a=Object.assign(Object.assign({},l.example),{title_text:[i]});return Object.assign(Object.assign({},l),{example:a})}return l}if("BUTTONS"===l.type&&"BUTTONS"===$){const i=null===(v=l.buttons)||void 0===v?void 0:v.map((l,i)=>i===e?Object.assign(Object.assign({},l),{example:[t]}):l);return i?Object.assign(Object.assign({},l),{buttons:i}):l}return l})}))}):l}),o=a.cloneDeep(pe);if(l){const l=null===(n=Object.assign({},pe).mapping.cards)||void 0===n?void 0:n.map((l,a)=>{var n,s,o,u;if("BODY"===$)return Object.assign(Object.assign({},l),{body:null===(n=l.body)||void 0===n?void 0:n.map((l,a)=>e===a?"custom_text"===i?`((editableVariable${a+10}))`:t:l)});if("TITLE"===$)return Object.assign(Object.assign({},l),{title:null===(s=null==l?void 0:l.title)||void 0===s?void 0:s.map((l,a)=>e===a?"custom_text"===i?`((editableVariable${a+10}))`:t:l)});if("BUTTONS"===$&&(null==l?void 0:l.buttons)){let n=-1,s=-1;return null===(o=pe.components[Ae].cards)||void 0===o||o[a].components.forEach(t=>{var l;"BUTTONS"===t.type&&(null===(l=t.buttons)||void 0===l||l.forEach((t,l)=>{"URL"===t.type&&(n++,l===e&&"URL"==t.type&&(s=n))}))}),Object.assign(Object.assign({},l),{buttons:null===(u=l.buttons)||void 0===u?void 0:u.map((e,l)=>l===s?"custom_link"===i?"((customPlaceholderName))":t:e)})}return l});o.mapping.cards=l}return o.components=s,void(null==me||me(o))}const x=null!=Te&&Te>-1?{components:null===(s=Object.assign({},pe).components[Ae].cards)||void 0===s?void 0:s[Te].components,mapping:null===(o=Object.assign({},pe).mapping.cards)||void 0===o?void 0:o[Te]}:Object.assign({},pe),j=null===(u=null==x?void 0:x.components)||void 0===u?void 0:u.map(l=>{var i,a,n,s,o,u,d,r,c,p,v,m,b,g,O,x;const j=Object.assign({},l);if("BODY"===l.type&&"BODY"===$&&(Array.isArray(null===(i=l.example)||void 0===i?void 0:i.body_text)||(null===(n=null===(a=l.example)||void 0===a?void 0:a.body_text)||void 0===n?void 0:n[0]))){const l=[...null!==(u=null===(o=null===(s=j.example)||void 0===s?void 0:s.body_text)||void 0===o?void 0:o[0])&&void 0!==u?u:[]];l[e]=t.replace("{{","").replace("}}","").replace("((","").replace("))","");const i=Object.assign(Object.assign({},j.example),{body_text:[l]});return Object.assign(Object.assign({},j),{example:i})}if("TITLE"===l.type&&"TITLE"===$){if(Array.isArray(null===(d=l.example)||void 0===d?void 0:d.title_text)||(null===(c=null===(r=l.example)||void 0===r?void 0:r.title_text)||void 0===c?void 0:c[0])){const l=[...null!==(m=null===(v=null===(p=j.example)||void 0===p?void 0:p.title_text)||void 0===v?void 0:v[0])&&void 0!==m?m:[]];l[e]=t.replace("{{","").replace("}}","").replace("((","").replace("))","");const i=Object.assign(Object.assign({},j.example),{title_text:[l]});return Object.assign(Object.assign({},j),{example:i})}}else if("HEADER"===l.type&&"HEADER"===$){if(null===(b=l.example)||void 0===b?void 0:b.header_text){const l=[...null!==(O=null===(g=j.example)||void 0===g?void 0:g.header_text)&&void 0!==O?O:[]];l[e]=t.replace("{{","").replace("}}","").replace("((","").replace("))","");const i=Object.assign(Object.assign({},j.example),{header_text:l});return Object.assign(Object.assign({},j),{example:i})}}else{if("BUTTONS"===l.type&&"BUTTONS"===$){const i=null===(x=l.buttons)||void 0===x?void 0:x.map((l,i)=>i===e?Object.assign(Object.assign({},l),{example:"COPY_CODE"===l.type?t:[t]}):l);return i?Object.assign(Object.assign({},j),{buttons:i}):j}if("limited_time_offer"===l.type&&"limited_time_offer"===$)return Object.assign(Object.assign({},j),{example:Object.assign(Object.assign({},j.example),{limited_time_offer:t})})}return l});if(x.components=j,l)if("BODY"===$&&(null===(d=null==x?void 0:x.mapping)||void 0===d?void 0:d.body))x.mapping=Object.assign(Object.assign({},x.mapping),{body:null===(c=null===(r=x.mapping)||void 0===r?void 0:r.body)||void 0===c?void 0:c.map((l,a)=>e===a?"custom_text"===i?`((editableVariable${a+10}))`:t:l)});else if("TITLE"===$&&(null===(p=null==x?void 0:x.mapping)||void 0===p?void 0:p.title))x.mapping=Object.assign(Object.assign({},x.mapping),{title:null===(b=null===(v=x.mapping)||void 0===v?void 0:v.title)||void 0===b?void 0:b.map((l,a)=>e===a?"custom_text"===i?`((editableVariable${a+10}))`:t:l)});else if("HEADER"===$&&(null===(g=null==x?void 0:x.mapping)||void 0===g?void 0:g.header))x.mapping=Object.assign(Object.assign({},x.mapping),{header:x.mapping.header.map((l,a)=>e===a?"custom_text"===i?`((editableVariable${a+20}))`:t:l)});else if("BUTTONS"===$&&(null===(O=null==x?void 0:x.mapping)||void 0===O?void 0:O.buttons)){let l=-1,a=-1;j.forEach(t=>{var i;"BUTTONS"===t.type&&(null===(i=t.buttons)||void 0===i||i.forEach((t,i)=>{"URL"===t.type&&(l++,i===e&&"URL"==t.type&&(a=l))}))}),x.mapping=Object.assign(Object.assign({},x.mapping),{buttons:x.mapping.buttons.map((e,l)=>l===a?"custom_link"===i?"((customPlaceholderName))":t:e)})}if(null!=Te&&Te>-1&&pe){const e=a.cloneDeep(pe);e.components[Ae].cards[Te].components=x.components,e.mapping.cards[Te]=x.mapping,null==me||me(e)}else null==me||me(Object.assign({},x))}n.useEffect(()=>{F&&(null==R||R())},[F]),n.useEffect(()=>{!function(){var e,t,l,i,a;const n="mobile"===ue?"template_html_mobile":"template_html_desktop",s=document.getElementById(n),o=(null!==(i=null===(l=null===(t=null===(e=null==s?void 0:s.contentWindow)||void 0===e?void 0:e.document)||void 0===t?void 0:t.body)||void 0===l?void 0:l.innerHTML)&&void 0!==i?i:"")+(null===(a=null==s?void 0:s.contentWindow)||void 0===a?void 0:a.document.head.innerHTML);de===b.CHANNEL_TYPE.EMAIL&&(null==be||be(o))}()},[ve]),n.useEffect(()=>{!function(){var e,t;const l=[];let i=[];if(de!==b.CHANNEL_TYPE.MESSAGE||xe){"link"===(null==q?void 0:q.type)?(l.push({label:"",options:[L,S]}),te(L)):"date_time"===(null==q?void 0:q.type)?(l.push({label:"",options:[L,S]}),te(H)):(l.push({label:"",options:[L,S,H]}),te(S));const e=null!=Oe?Oe:[];X([...l,...e.map(e=>{var t,l;return Object.assign(Object.assign({},e),{label:j.default.toCapitilize(null===(l=null===(t=e.label)||void 0===t?void 0:t.replace(/([A-Z])/g," $1"))||void 0===l?void 0:l.toLowerCase())})})]),i=[...l,...e]}else{const e=null!=Oe?Oe:[];X([{label:"",options:[S,L]},...e]),i=[{label:"",options:[S,L]},...e]}if((de===b.CHANNEL_TYPE.WHATSAPP||de===b.CHANNEL_TYPE.EMAIL||de===b.CHANNEL_TYPE.MESSAGE||de===b.CHANNEL_TYPE.WEBPUSH||de===b.CHANNEL_TYPE.RCS)&&q.updatedValue)if(v.placeHolderNamePattern.test(q.updatedValue)&&(de===b.CHANNEL_TYPE.WHATSAPP||de===b.CHANNEL_TYPE.RCS)||q.updatedValue.startsWith("{{")&&de!==b.CHANNEL_TYPE.WHATSAPP&&de!==b.CHANNEL_TYPE.RCS){const e=function(e,t,l){var i;let a={label:"",value:""};const n=l===(b.CHANNEL_TYPE.WHATSAPP||b.CHANNEL_TYPE.RCS)?e.updatedValue.replace("[[","").replace("]]",""):e.updatedValue.replace("{{","").replace("}}","");if(W){let t=e.updatedValue;if(je===O.POD.CHATBOT&&"BUTTONS"===$){const l=null==z?void 0:z.filter(t=>t.placeHolder===e.updatedValue);l&&l.length>0&&(t=l[0].label)}a={label:t?t.replace("{{","").replace("}}","").trim().replace("."," "):"",value:null!==(i=e.updatedValue)&&void 0!==i?i:""}}else t.map(e=>{e.options.map(e=>{var t;(null===(t=e.value)||void 0===t?void 0:t.replace("{{","").replace("}}","").trim())===n.trim()&&(a=e)})});return a}(q,i,de);e.value&&te(e)}else"date_time"===q.type?(te(H),K(q.updatedValue),Ve(null!==(e=q.index)&&void 0!==e?e:0,q.updatedValue)):(null===(t=q.updatedValue)||void 0===t?void 0:t.startsWith("https"))?(te(L),K(q.updatedValue.split("https://")[1])):(te(S),K(q.updatedValue))}()},[Te]),n.useEffect(()=>{ue&&ee&&Q&&setTimeout(()=>{He("custom_link"===(null==ee?void 0:ee.value)&&Q?Q.includes("https")?Q:`https://${Q}`:Q,ee.value)},100)},[ue]),n.useEffect(()=>{!le&&ee&&q.updatedValue&&setTimeout(()=>{He("custom_link"===(null==ee?void 0:ee.value)&&q.updatedValue?q.updatedValue.includes("https")?q.updatedValue:`https://${q.updatedValue}`:q.updatedValue,ee.value),ie(!0)},100)},[ee]);const ke=e=>{null==M||M(!1),"{{custom.url}}"===e.actualValue?Le({label:e.displayName,selected:!0,value:"custom_link"}):"{{custom.text}}"==e.actualValue?Le({label:e.displayName,selected:!0,value:"custom_text"}):"{{static.expiry}}"==e.actualValue?Le({label:e.displayName,selected:!0,value:"static_expiry"}):Le({label:e.displayName.replace("{{","").replace("}}","").trim().replace("."," "),selected:!0,value:e.actualValue,bikPlaceholderType:"string"})};function Be(e,t){var l;const i=a.cloneDeep(pe),n=$.toLocaleLowerCase();(null===(l=i.webpushBroadcastConfig)||void 0===l?void 0:l[n])&&(i.webpushBroadcastConfig[n][e]=t),null==me||me(Object.assign({},i))}return e.jsxs(N,{channel:de,focused:F,onMouseEnter:()=>G(!0),onMouseLeave:()=>G(!1),children:[e.jsx("div",{style:{marginBottom:8},children:e.jsxs(x.BodySecondary,{style:{color:re&&!ee?T.COLORS.content.negative:T.COLORS.content.primary},children:[null===(C=q.variableName)||void 0===C?void 0:C.replace("{{","").replace("}}","")," ","link"===(null==q?void 0:q.type)?"link":"variable"]})}),e.jsx("div",{style:{marginBottom:12},children:W?e.jsxs("div",{style:{display:"flex",border:"#E0E0E0 1px solid",borderRadius:4,padding:10,justifyContent:(null==ee?void 0:ee.label)?"space-between":"flex-end",backgroundColor:"date_time"===(null==q?void 0:q.type)&&he?T.COLORS.background.base:void 0},children:[e.jsx(x.BodyPrimary,{numberOfLines:1,children:je===O.POD.CHATBOT?["static_expiry","custom_text","custom_link"].includes(null!==(f=null==ee?void 0:ee.value)&&void 0!==f?f:"")?null==ee?void 0:ee.label:null==ee?void 0:ee.value:p.truncate(null!==(V=null==ee?void 0:ee.label)&&void 0!==V?V:"",20,!0)}),_e||"date_time"===(null==q?void 0:q.type)&&he?e.jsx(e.Fragment,{}):e.jsx(t.default,{onClick:()=>{(()=>{let e=Array.isArray(ae)?[...ae]:[];const t=(t,l,i)=>{const a=y.updateVariables({variableList:e,categoryDisplayName:t,variableDisplayName:l,variableValue:i});Array.isArray(a)&&(e=a)};je===O.POD.CHATBOT&&Z!==O.BUTTON_TYPE.URL&&"limited_time_offer"!==$&&t("Custom Variables","Custom Text","{{custom.text}}"),Z===O.BUTTON_TYPE.URL&&je===O.POD.CHATBOT?t("Custom Variables","Custom URL","{{custom.url}}"):"limited_time_offer"===$?t("Static Variables","Static Expiry","{{static.expiry}}"):Z===O.BUTTON_TYPE.COPY_CODE&&t("Custom Variables","Custom Text","{{custom.text}}"),ne(e)})(),se(()=>ke),oe(!0)},width:24,height:24,color:T.COLORS.content.primary})]}):e.jsx(r.Dropdown,{disabled:_e,options:J,isSearchable:!1,onSelect:Le,defaultOptions:ee?[Object.assign(Object.assign({},ee),{selected:!0})]:[]})}),("custom_text"===(null==ee?void 0:ee.value)||"custom_link"===(null==ee?void 0:ee.value))&&e.jsx(c.Input,{state:_e?"disabled":"none",labelText:"custom_text"===(null==ee?void 0:ee.value)?"Custom text value":"custom_link"===(null==ee?void 0:ee.value)?"Custom URL value":"",id:`variable-value-${null==ee?void 0:ee.value}-${I}`,value:Q,errorMessage:re&&(null===(k=null==Ce?void 0:Ce.buttons)||void 0===k?void 0:k.includes(null!==(B=null==q?void 0:q.index)&&void 0!==B?B:-1))?Q&&0!==Q.trim().length?"custom_link"!==ee.value||/^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/.test(`https://${Q.trim()}`)&&0!==Q.trim().length?"custom_link"!==ee.value&&Q.length>30?"Length cannot be more than 30":"BUTTONS"===$&&"custom_link"!==ee.value?"Enter valid alpha numeric code":"":"Enter valid URL":"Required field":"",maxCharLimit:fe||("custom_link"===(null==ee?void 0:ee.value)?2e3:"BUTTONS"===$?15:30),noKeyDownChange:!0,prefixText:"custom_link"===(null==ee?void 0:ee.value)?"https://":"",placeholder:"link"===q.type||"custom_link"===ee.value?"Enter custom URL here":"Enter custom text here",onChangeText:e=>{Se(ee.value,e)}}),"static_expiry"===(null==ee?void 0:ee.value)&&e.jsxs("div",{style:{position:"relative"},children:[(_e||Ne)&&e.jsxs(P,{onClick:e=>e.preventDefault(),style:{display:"flex",justifyContent:"space-between"},children:[e.jsx(A,{}),e.jsx(A,{})]}),e.jsx(d.CustomDateTime,{placement:"auto",time:Q?i.format(new Date(Q),"hh:mm a"):i.format(new Date,"hh:mm a"),date:Q?new Date(Q):new Date,minDate:new Date,error:"",setError:()=>{},onChange:e=>{Se("static_expiry",e.toISOString())}})]}),"static_expiry"===(null==ee?void 0:ee.value)&&Pe&&e.jsx("div",{style:{marginTop:8},children:e.jsx(o.Alert,{containerStyle:{padding:"4px 8px"},icon:()=>e.jsx(l.default,{width:16,height:16,color:T.COLORS.content.secondary}),type:u.ALERT_TYPES.NEUTRAL,text:"Please use the same expiration code that you applied when creating\nthe code on Shopify"})}),"link"===q.type&&"custom_link"!==(null==ee?void 0:ee.value)&&!Ee&&!ye&&je===O.POD.CHATBOT&&e.jsx(h.QueryParamsComponent,{isError:null!==(w=null===(D=null==Ce?void 0:Ce.buttons)||void 0===D?void 0:D.includes(null!==(Y=null==q?void 0:q.index)&&void 0!==Y?Y:-1))&&void 0!==w&&w,params:null!==(U=q.queryParams)&&void 0!==U?U:[],onChange:e=>{He(q.updatedValue,"link",e)},variableValue:q.updatedValue})]})};

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

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../input/Input.js");require("../../template-preview/TemplatePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js");var a=require("../../../constants/Theme.js");require("../../curtain/CurtainHelper.js"),require("../../variable-picker-v3/model.js"),require("../../template-preview/models/TemplateMeta.js"),require("../../template-preview/models/WhatsAppTemplate.js");var r=require("../../template-preview/models/Channels.js"),t=require("../../TypographyStyle.js"),l=require("../context/templateModalContext.js"),d=require("./VariableConnector.js");exports.default=o=>{var n,s,p,u,v,m,c;const{descriptionComponent:x,type:b,showVariableModal:j,originalList:h,channel:y}=o,{originalVariableList:T,disableEditVariable:E,selectedCarouselIndex:C,initialExpiryDateTime:L}=l.useTemplateModalContext();let f=T;y&&(y==r.CHANNEL_TYPE.WHATSAPP\|\|y==r.CHANNEL_TYPE.RCS)&&h&&(f=h);const w=x.type;if("BODY"===w\|\|"TITLE"===w.toLocaleUpperCase())return e.jsx("div",{children:null===(s=null!=C&&C>-1?"TITLE"===w.toLocaleUpperCase()?null===(n=f.cards[C])\|\|void 0===n?void 0:n.title:f.cards[C].body:"TITLE"===w.toLocaleUpperCase()?(r.CHANNEL_TYPE.RCS,null==f?void 0:f.title):null==f?void 0:f.body)\|\|void 0===s?void 0:s.map(((r,l)=>E\|\|!r.isEditableVariable?e.jsxs("div",{style:{margin:"16px 8px"},children:[e.jsxs(t.BodySecondary,{style:{color:a.COLORS.content.primary},children:["HEADER"===b?"Header":""," Locked variable ",l+1]}),e.jsx(i.Input,{state:"disabled",placeholder:r.variableName,onChangeText:()=>{}})]},l):e.jsx(d.default,{index:l,variable:r,showVariableModal:j,componentType:w},`${l}-${r.index}`)))});if("HEADER"===w)return e.jsx("div",{children:null===(p=null!=C&&C>-1?f.cards[C].header:null==f?void 0:f.header)\|\|void 0===p?void 0:p.map(((r,l)=>r.isEditableVariable?e.jsx(d.default,{index:l,variable:r,showVariableModal:j,componentType:w},`${l}-${r.index}`):e.jsxs("div",{style:{margin:"16px 8px"},children:[e.jsxs(t.BodySecondary,{style:{color:a.COLORS.content.primary},children:["HEADER"===b?"Header":""," Locked variable ",l+1]}),e.jsx(i.Input,{state:"disabled",placeholder:r.variableName,onChangeText:()=>{}})]},l)))});if("limited_time_offer"===w){let i=null!==(v=null===(u=x.example)\|\|void 0===u?void 0:u.limited_time_offer)&&void 0!==v?v:(new Date).toISOString();return L&&(i=new Date(L).toISOString()),e.jsx("div",{children:e.jsx(d.default,{index:0,variable:{variableName:null!==(c=null===(m=null==x?void 0:x.limited_time_offer)\|\|void 0===m?void 0:m.text)&&void 0!==c?c:"Expires after",updatedValue:i,type:"date_time",isEditableVariable:!0,index:0},showVariableModal:j,componentType:w},`${w}`)})}return e.jsx(e.Fragment,{})};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../input/Input.js");require("../../template-preview/TemplatePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js");var a=require("../../../constants/Theme.js");require("../../curtain/CurtainHelper.js"),require("../../variable-picker-v3/model.js"),require("../../template-preview/models/TemplateMeta.js"),require("../../template-preview/models/WhatsAppTemplate.js");var r=require("../../template-preview/models/Channels.js"),t=require("../../TypographyStyle.js"),l=require("../context/templateModalContext.js"),d=require("./VariableConnector.js");exports.default=o=>{var n,s,p,u,v,m,c;const{descriptionComponent:x,type:b,showVariableModal:j,originalList:h,channel:y}=o,{originalVariableList:T,disableEditVariable:E,selectedCarouselIndex:C,initialExpiryDateTime:L}=l.useTemplateModalContext();let f=T;y&&(y==r.CHANNEL_TYPE.WHATSAPP\|\|y==r.CHANNEL_TYPE.RCS)&&h&&(f=h);const w=x.type;if("BODY"===w\|\|"TITLE"===w.toLocaleUpperCase())return e.jsx("div",{children:null===(s=null!=C&&C>-1?"TITLE"===w.toLocaleUpperCase()?null===(n=f.cards[C])\|\|void 0===n?void 0:n.title:f.cards[C].body:"TITLE"===w.toLocaleUpperCase()?(r.CHANNEL_TYPE.RCS,null==f?void 0:f.title):null==f?void 0:f.body)\|\|void 0===s?void 0:s.map((r,l)=>E\|\|!r.isEditableVariable?e.jsxs("div",{style:{margin:"16px 8px"},children:[e.jsxs(t.BodySecondary,{style:{color:a.COLORS.content.primary},children:["HEADER"===b?"Header":""," Locked variable ",l+1]}),e.jsx(i.Input,{state:"disabled",placeholder:r.variableName,onChangeText:()=>{}})]},l):e.jsx(d.default,{index:l,variable:r,showVariableModal:j,componentType:w},`${l}-${r.index}`))});if("HEADER"===w)return e.jsx("div",{children:null===(p=null!=C&&C>-1?f.cards[C].header:null==f?void 0:f.header)\|\|void 0===p?void 0:p.map((r,l)=>r.isEditableVariable?e.jsx(d.default,{index:l,variable:r,showVariableModal:j,componentType:w},`${l}-${r.index}`):e.jsxs("div",{style:{margin:"16px 8px"},children:[e.jsxs(t.BodySecondary,{style:{color:a.COLORS.content.primary},children:["HEADER"===b?"Header":""," Locked variable ",l+1]}),e.jsx(i.Input,{state:"disabled",placeholder:r.variableName,onChangeText:()=>{}})]},l))});if("limited_time_offer"===w){let i=null!==(v=null===(u=x.example)\|\|void 0===u?void 0:u.limited_time_offer)&&void 0!==v?v:(new Date).toISOString();return L&&(i=new Date(L).toISOString()),e.jsx("div",{children:e.jsx(d.default,{index:0,variable:{variableName:null!==(c=null===(m=null==x?void 0:x.limited_time_offer)\|\|void 0===m?void 0:m.text)&&void 0!==c?c:"Expires after",updatedValue:i,type:"date_time",isEditableVariable:!0,index:0},showVariableModal:j,componentType:w},`${w}`)})}return e.jsx(e.Fragment,{})};

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

@@ -25,4 +25,4 @@
 		align-items: center;
 		gap: 5px;
 	}
-`;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"})]})})]})]})};
+`;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"})]})})]})]})};

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

@@ -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"),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)`
+"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)`
 	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=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})]})};
+`;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})]});

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

	@@ -1 +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=~~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})};
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})};

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

	@@ -1 +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}};
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}};

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

	@@ -1 +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};
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};

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

	@@ -1 +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()})})))}};
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()})}))}};

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

	@@ -1 +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)}};
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)}};

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

	@@ -1 +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)};
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)};

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

	@@ -1 +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=~~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};
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};

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

	@@ -1 +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=~~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})]})})};
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})]})})};

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

	@@ -1 +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,"<").replace(/>/g,">"),j),P=u.format(null==m?void 0:m.replace(/</g,"<").replace(/>/g,">"),g),_=u.format(null==C?void 0:C.replace(/</g,"<").replace(/>/g,">"),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})]})};
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,"<").replace(/>/g,">"),j),P=u.format(null==m?void 0:m.replace(/</g,"<").replace(/>/g,">"),g),_=u.format(null==C?void 0:C.replace(/</g,"<").replace(/>/g,">"),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 CHANGED Viewed

	@@ -1 +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=~~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,{})})};
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,{})})};

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

	@@ -1 +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=~~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:"")})})]})};
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:"")})})]})};

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

	@@ -1 +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=~~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,{})};
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,{})};

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

	@@ -1 +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=~~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})]})})};
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})]})})};

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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=~~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;
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;

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

@@ -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 CHANGED Viewed

	@@ -1 +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=~~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})};
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})};

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

	@@ -1 +1 @@
1	- "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("")};
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("")};