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

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

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

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("../../../assets/icons/edit.svg.js"),l=require("../../../assets/icons/info.svg.js"),i=require("date-fns"),a=require("../../../node_modules/lodash/cloneDeep.js"),n=require("react"),s=require("styled-components");require("../../alerts/index.js"),require("../../custom-date-time/index.js");var o=require("../../dropdown/Dropdown.js");require("../../input/index.js");var u=require("../../product-picker-v2/collectionScreen.js"),d=require("../../template-preview/constants/regexPatterns.js"),r=require("../../template-preview/helpers/templateMiscHelper.js"),c=require("../../template-preview/models/Channels.js"),p=require("../../template-preview/models/WebpushTemplate.js"),m=require("../../template-preview/models/WhatsAppTemplate.js"),v=require("../../TypographyStyle.js"),b=require("../../../utils/StringUtils.js"),g=require("../../../constants/Theme.js"),x=require("../context/templateModalContext.js"),j=require("../custom-hooks/useAdditionalVariables.js"),O=require("../utils/getVariableNameEmail.js"),E=require("./QueryParamsComponent.js"),T=require("../../input/Input.js"),_=require("../../custom-date-time/CustomDateTime.js"),y=require("../../alerts/Alert.js"),h=require("../../alerts/AlertHelper.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var C=f(s);const N=C.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("../../../assets/icons/edit.svg.js"),l=require("../../../assets/icons/info.svg.js"),i=require("date-fns"),a=require("lodash"),n=require("react"),s=require("styled-components"),o=require("../../alerts/Alert.js"),u=require("../../alerts/AlertHelper.js"),d=require("../../custom-date-time/CustomDateTime.js"),r=require("../../dropdown/Dropdown.js"),c=require("../../input/Input.js"),p=require("../../product-picker-v2/collectionScreen.js"),m=require("../../template-preview/constants/regexPatterns.js"),v=require("../../template-preview/helpers/templateMiscHelper.js"),b=require("../../template-preview/models/Channels.js"),g=require("../../template-preview/models/WebpushTemplate.js"),x=require("../../template-preview/models/WhatsAppTemplate.js"),O=require("../../TypographyStyle.js"),j=require("../../../utils/StringUtils.js"),E=require("../../../constants/Theme.js"),T=require("../context/templateModalContext.js"),y=require("../custom-hooks/useAdditionalVariables.js"),_=require("../utils/getVariableNameEmail.js"),h=require("./QueryParamsComponent.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=C(s);const N=f.default.div`
 	/* surface/$color-background-warning-light */
-	background: ${e=>e.focused&&e.channel===c.CHANNEL_TYPE.EMAIL?g.COLORS.background.warning.light:"transparent"};
+	background: ${e=>e.focused&&e.channel===b.CHANNEL_TYPE.EMAIL?E.COLORS.background.warning.light:"transparent"};
 	border-radius: 4px;
 	padding: 8px 10px;
-`,P=C.default.div`
+`,P=f.default.div`
 	position: absolute;
 	top: 0;
 	left: 0;
@@ -12,8 +12,8 @@
 	height: 100%;
 	z-index: 1000;
 	cursor: not-allowed;
-`,A=C.default.div`
+`,A=f.default.div`
 	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 f,C,V,R,k,B,Y,D,w;const{onFocus:U,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:me,setTemplate:ve,setDisplayContent:be,setOriginalVariableList:ge,globalNormalizedPlaceholders:xe,enabledCustomText:je,pod:Oe,selectedCarouselIndex:Ee,isProductCarouselType:Te,isWhatsappCarousel:_e,disableEditVariable:ye,disableEditExpiry:he,templateErrorIndexes:fe,maxCharLimit:Ce,disableDatePicker:Ne,showDiscountCodeExpiryInfo:Pe,cardIndex:Ae=1}=x.useTemplateModalContext();function Le(e,t){var l,i,a,n;const s=e;K(""),te(s),de===c.CHANNEL_TYPE.WHATSAPP||de===c.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==c.CHANNEL_TYPE.WEBPUSH&&(null==ke||ke(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!==c.CHANNEL_TYPE.WHATSAPP&&de!==c.CHANNEL_TYPE.RCS||null==Ve||Ve(null!==(l=q.index)&&void 0!==l?l:0,a,"custom_link"===e||Oe===m.POD.CHATBOT&&"custom_text"===e,e),de===c.CHANNEL_TYPE.WEBPUSH&&(null==ke||ke(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!==c.CHANNEL_TYPE.WHATSAPP&&de!==c.CHANNEL_TYPE.WEBPUSH&&de!==c.CHANNEL_TYPE.RCS){const l=O.getVariableNameForEmailByIndex(I+1),a=null===document||void 0===document?void 0:document.getElementById("mobile"===ue?"template_html_mobile":"template_html_desktop"),n=de===c.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===c.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:$===p.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===c.CHANNEL_TYPE.WHATSAPP||de===c.CHANNEL_TYPE.RCS){if(null!=Ee&&Ee>-1&&Te){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!=Ee&&Ee>-1?ce.cards[Ee]:ce;let r=i.body,c=i.title,p=i.header,m=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"===$&&(m=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!=Ee&&Ee>-1){const e=a.default(ce.cards);e[Ee]={header:p,body:r,buttons:m,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:m,title:c})))}}function Ve(e,t,l,i){var n,s,o,u,d,c,p,m,v,b,g,x;if(null!=Ee&&Ee>-1&&Te){const s=Object.assign({},pe).components.map((l=>{var i;return r.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,m;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===(m=l.buttons)||void 0===m?void 0:m.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.default(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==ve||ve(o))}const j=null!=Ee&&Ee>-1?{components:null===(s=Object.assign({},pe).components[Ae].cards)||void 0===s?void 0:s[Ee].components,mapping:null===(o=Object.assign({},pe).mapping.cards)||void 0===o?void 0:o[Ee]}:Object.assign({},pe),O=null===(u=null==j?void 0:j.components)||void 0===u?void 0:u.map((l=>{var i,a,n,s,o,u,d,r,c,p,m,v,b,g,x,j;const O=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=O.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({},O.example),{body_text:[l]});return Object.assign(Object.assign({},O),{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!==(v=null===(m=null===(p=O.example)||void 0===p?void 0:p.title_text)||void 0===m?void 0:m[0])&&void 0!==v?v:[]];l[e]=t.replace("{{","").replace("}}","").replace("((","").replace("))","");const i=Object.assign(Object.assign({},O.example),{title_text:[l]});return Object.assign(Object.assign({},O),{example:i})}}else if("HEADER"===l.type&&"HEADER"===$){if(null===(b=l.example)||void 0===b?void 0:b.header_text){const l=[...null!==(x=null===(g=O.example)||void 0===g?void 0:g.header_text)&&void 0!==x?x:[]];l[e]=t.replace("{{","").replace("}}","").replace("((","").replace("))","");const i=Object.assign(Object.assign({},O.example),{header_text:l});return Object.assign(Object.assign({},O),{example:i})}}else{if("BUTTONS"===l.type&&"BUTTONS"===$){const i=null===(j=l.buttons)||void 0===j?void 0:j.map(((l,i)=>i===e?Object.assign(Object.assign({},l),{example:"COPY_CODE"===l.type?t:[t]}):l));return i?Object.assign(Object.assign({},O),{buttons:i}):O}if("limited_time_offer"===l.type&&"limited_time_offer"===$)return Object.assign(Object.assign({},O),{example:Object.assign(Object.assign({},O.example),{limited_time_offer:t})})}return l}));if(j.components=O,l)if("BODY"===$&&(null===(d=null==j?void 0:j.mapping)||void 0===d?void 0:d.body))j.mapping=Object.assign(Object.assign({},j.mapping),{body:null===(p=null===(c=j.mapping)||void 0===c?void 0:c.body)||void 0===p?void 0:p.map(((l,a)=>e===a?"custom_text"===i?`((editableVariable${a+10}))`:t:l))});else if("TITLE"===$&&(null===(m=null==j?void 0:j.mapping)||void 0===m?void 0:m.title))j.mapping=Object.assign(Object.assign({},j.mapping),{title:null===(b=null===(v=j.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==j?void 0:j.mapping)||void 0===g?void 0:g.header))j.mapping=Object.assign(Object.assign({},j.mapping),{header:j.mapping.header.map(((l,a)=>e===a?"custom_text"===i?`((editableVariable${a+20}))`:t:l))});else if("BUTTONS"===$&&(null===(x=null==j?void 0:j.mapping)||void 0===x?void 0:x.buttons)){let l=-1,a=-1;O.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))})))})),j.mapping=Object.assign(Object.assign({},j.mapping),{buttons:j.mapping.buttons.map(((e,l)=>l===a?"custom_link"===i?"((customPlaceholderName))":t:e))})}if(null!=Ee&&Ee>-1&&pe){const e=a.default(pe);e.components[Ae].cards[Ee].components=j.components,e.mapping.cards[Ee]=j.mapping,null==ve||ve(e)}else null==ve||ve(Object.assign({},j))}n.useEffect((()=>{F&&(null==U||U())}),[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===c.CHANNEL_TYPE.EMAIL&&(null==be||be(o))}()}),[me]),n.useEffect((()=>{!function(){var e,t;const l=[];let i=[];if(de!==c.CHANNEL_TYPE.MESSAGE||je){"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!=xe?xe:[];X([...l,...e.map((e=>{var t,l;return Object.assign(Object.assign({},e),{label:b.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!=xe?xe:[];X([{label:"",options:[S,L]},...e]),i=[{label:"",options:[S,L]},...e]}if((de===c.CHANNEL_TYPE.WHATSAPP||de===c.CHANNEL_TYPE.EMAIL||de===c.CHANNEL_TYPE.MESSAGE||de===c.CHANNEL_TYPE.WEBPUSH||de===c.CHANNEL_TYPE.RCS)&&q.updatedValue)if(d.placeHolderNamePattern.test(q.updatedValue)&&(de===c.CHANNEL_TYPE.WHATSAPP||de===c.CHANNEL_TYPE.RCS)||q.updatedValue.startsWith("{{")&&de!==c.CHANNEL_TYPE.WHATSAPP&&de!==c.CHANNEL_TYPE.RCS){const e=function(e,t,l){var i;let a={label:"",value:""};const n=l===(c.CHANNEL_TYPE.WHATSAPP||c.CHANNEL_TYPE.RCS)?e.updatedValue.replace("[[","").replace("]]",""):e.updatedValue.replace("{{","").replace("}}","");if(W){let t=e.updatedValue;if(Oe===m.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))}()}),[Ee]),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 Re=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 ke(e,t){var l;const i=a.default(pe),n=$.toLocaleLowerCase();(null===(l=i.webpushBroadcastConfig)||void 0===l?void 0:l[n])&&(i.webpushBroadcastConfig[n][e]=t),null==ve||ve(Object.assign({},i))}return e.jsxRuntimeExports.jsxs(N,Object.assign({channel:de,focused:F,onMouseEnter:()=>G(!0),onMouseLeave:()=>G(!1)},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({style:{marginBottom:8}},{children:e.jsxRuntimeExports.jsxs(v.BodySecondary,Object.assign({style:{color:re&&!ee?g.COLORS.content.negative:g.COLORS.content.primary}},{children:[null===(f=q.variableName)||void 0===f?void 0:f.replace("{{","").replace("}}","")," ","link"===(null==q?void 0:q.type)?"link":"variable"]}))})),e.jsxRuntimeExports.jsx("div",Object.assign({style:{marginBottom:12}},{children:W?e.jsxRuntimeExports.jsxs("div",Object.assign({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?g.COLORS.background.base:void 0}},{children:[e.jsxRuntimeExports.jsx(v.BodyPrimary,Object.assign({numberOfLines:1},{children:Oe===m.POD.CHATBOT?["static_expiry","custom_text","custom_link"].includes(null!==(C=null==ee?void 0:ee.value)&&void 0!==C?C:"")?null==ee?void 0:ee.label:null==ee?void 0:ee.value:u.truncate(null!==(V=null==ee?void 0:ee.label)&&void 0!==V?V:"",20,!0)})),ye||"date_time"===(null==q?void 0:q.type)&&he?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}):e.jsxRuntimeExports.jsx(t.default,{onClick:()=>{(()=>{let e=Array.isArray(ae)?[...ae]:[];const t=(t,l,i)=>{const a=j.updateVariables({variableList:e,categoryDisplayName:t,variableDisplayName:l,variableValue:i});Array.isArray(a)&&(e=a)};Oe===m.POD.CHATBOT&&Z!==m.BUTTON_TYPE.URL&&"limited_time_offer"!==$&&t("Custom Variables","Custom Text","{{custom.text}}"),Z===m.BUTTON_TYPE.URL&&Oe===m.POD.CHATBOT?t("Custom Variables","Custom URL","{{custom.url}}"):"limited_time_offer"===$?t("Static Variables","Static Expiry","{{static.expiry}}"):Z===m.BUTTON_TYPE.COPY_CODE&&t("Custom Variables","Custom Text","{{custom.text}}"),ne(e)})(),se((()=>Re)),oe(!0)},width:24,height:24,color:g.COLORS.content.primary})]})):e.jsxRuntimeExports.jsx(o.Dropdown,{disabled:ye,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.jsxRuntimeExports.jsx(T.Input,{state:ye?"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===(R=null==fe?void 0:fe.buttons)||void 0===R?void 0:R.includes(null!==(k=null==q?void 0:q.index)&&void 0!==k?k:-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:Ce||("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.jsxRuntimeExports.jsxs("div",Object.assign({style:{position:"relative"}},{children:[(ye||Ne)&&e.jsxRuntimeExports.jsxs(P,Object.assign({onClick:e=>e.preventDefault(),style:{display:"flex",justifyContent:"space-between"}},{children:[e.jsxRuntimeExports.jsx(A,{}),e.jsxRuntimeExports.jsx(A,{})]})),e.jsxRuntimeExports.jsx(_.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.jsxRuntimeExports.jsx("div",Object.assign({style:{marginTop:8}},{children:e.jsxRuntimeExports.jsx(y.Alert,{containerStyle:{padding:"4px 8px"},icon:()=>e.jsxRuntimeExports.jsx(l.default,{width:16,height:16,color:g.COLORS.content.secondary}),type:h.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)&&!Te&&!_e&&Oe===m.POD.CHATBOT&&e.jsxRuntimeExports.jsx(E.QueryParamsComponent,{isError:null!==(D=null===(B=null==fe?void 0:fe.buttons)||void 0===B?void 0:B.includes(null!==(Y=null==q?void 0:q.index)&&void 0!==Y?Y:-1))&&void 0!==D&&D,params:null!==(w=q.queryParams)&&void 0!==w?w:[],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,R,k,B,D,Y,w;const{onFocus:U,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:me,setTemplate:ve,setDisplayContent:be,setOriginalVariableList:ge,globalNormalizedPlaceholders:xe,enabledCustomText:Oe,pod:je,selectedCarouselIndex:Ee,isProductCarouselType:Te,isWhatsappCarousel:ye,disableEditVariable:_e,disableEditExpiry:he,templateErrorIndexes:Ce,maxCharLimit:fe,disableDatePicker:Ne,showDiscountCodeExpiryInfo:Pe,cardIndex:Ae=1}=T.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==ke||ke(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===x.POD.CHATBOT&&"custom_text"===e,e),de===b.CHANNEL_TYPE.WEBPUSH&&(null==ke||ke(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!=Ee&&Ee>-1&&Te){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!=Ee&&Ee>-1?ce.cards[Ee]:ce;let r=i.body,c=i.title,p=i.header,m=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"===$&&(m=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!=Ee&&Ee>-1){const e=a.cloneDeep(ce.cards);e[Ee]={header:p,body:r,buttons:m,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:m,title:c})))}}function Ve(e,t,l,i){var n,s,o,u,d,r,c,p,m,b,g,x;if(null!=Ee&&Ee>-1&&Te){const s=Object.assign({},pe).components.map((l=>{var i;return v.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,m;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===(m=l.buttons)||void 0===m?void 0:m.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==ve||ve(o))}const O=null!=Ee&&Ee>-1?{components:null===(s=Object.assign({},pe).components[Ae].cards)||void 0===s?void 0:s[Ee].components,mapping:null===(o=Object.assign({},pe).mapping.cards)||void 0===o?void 0:o[Ee]}:Object.assign({},pe),j=null===(u=null==O?void 0:O.components)||void 0===u?void 0:u.map((l=>{var i,a,n,s,o,u,d,r,c,p,m,v,b,g,x,O;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!==(v=null===(m=null===(p=j.example)||void 0===p?void 0:p.title_text)||void 0===m?void 0:m[0])&&void 0!==v?v:[]];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!==(x=null===(g=j.example)||void 0===g?void 0:g.header_text)&&void 0!==x?x:[]];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===(O=l.buttons)||void 0===O?void 0:O.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(O.components=j,l)if("BODY"===$&&(null===(d=null==O?void 0:O.mapping)||void 0===d?void 0:d.body))O.mapping=Object.assign(Object.assign({},O.mapping),{body:null===(c=null===(r=O.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==O?void 0:O.mapping)||void 0===p?void 0:p.title))O.mapping=Object.assign(Object.assign({},O.mapping),{title:null===(b=null===(m=O.mapping)||void 0===m?void 0:m.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==O?void 0:O.mapping)||void 0===g?void 0:g.header))O.mapping=Object.assign(Object.assign({},O.mapping),{header:O.mapping.header.map(((l,a)=>e===a?"custom_text"===i?`((editableVariable${a+20}))`:t:l))});else if("BUTTONS"===$&&(null===(x=null==O?void 0:O.mapping)||void 0===x?void 0:x.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))})))})),O.mapping=Object.assign(Object.assign({},O.mapping),{buttons:O.mapping.buttons.map(((e,l)=>l===a?"custom_link"===i?"((customPlaceholderName))":t:e))})}if(null!=Ee&&Ee>-1&&pe){const e=a.cloneDeep(pe);e.components[Ae].cards[Ee].components=O.components,e.mapping.cards[Ee]=O.mapping,null==ve||ve(e)}else null==ve||ve(Object.assign({},O))}n.useEffect((()=>{F&&(null==U||U())}),[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))}()}),[me]),n.useEffect((()=>{!function(){var e,t;const l=[];let i=[];if(de!==b.CHANNEL_TYPE.MESSAGE||Oe){"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!=xe?xe:[];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!=xe?xe:[];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(m.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===x.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))}()}),[Ee]),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 Re=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 ke(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==ve||ve(Object.assign({},i))}return e.jsxRuntimeExports.jsxs(N,Object.assign({channel:de,focused:F,onMouseEnter:()=>G(!0),onMouseLeave:()=>G(!1)},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({style:{marginBottom:8}},{children:e.jsxRuntimeExports.jsxs(O.BodySecondary,Object.assign({style:{color:re&&!ee?E.COLORS.content.negative:E.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.jsxRuntimeExports.jsx("div",Object.assign({style:{marginBottom:12}},{children:W?e.jsxRuntimeExports.jsxs("div",Object.assign({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?E.COLORS.background.base:void 0}},{children:[e.jsxRuntimeExports.jsx(O.BodyPrimary,Object.assign({numberOfLines:1},{children:je===x.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.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}):e.jsxRuntimeExports.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===x.POD.CHATBOT&&Z!==x.BUTTON_TYPE.URL&&"limited_time_offer"!==$&&t("Custom Variables","Custom Text","{{custom.text}}"),Z===x.BUTTON_TYPE.URL&&je===x.POD.CHATBOT?t("Custom Variables","Custom URL","{{custom.url}}"):"limited_time_offer"===$?t("Static Variables","Static Expiry","{{static.expiry}}"):Z===x.BUTTON_TYPE.COPY_CODE&&t("Custom Variables","Custom Text","{{custom.text}}"),ne(e)})(),se((()=>Re)),oe(!0)},width:24,height:24,color:E.COLORS.content.primary})]})):e.jsxRuntimeExports.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.jsxRuntimeExports.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===(R=null==Ce?void 0:Ce.buttons)||void 0===R?void 0:R.includes(null!==(k=null==q?void 0:q.index)&&void 0!==k?k:-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.jsxRuntimeExports.jsxs("div",Object.assign({style:{position:"relative"}},{children:[(_e||Ne)&&e.jsxRuntimeExports.jsxs(P,Object.assign({onClick:e=>e.preventDefault(),style:{display:"flex",justifyContent:"space-between"}},{children:[e.jsxRuntimeExports.jsx(A,{}),e.jsxRuntimeExports.jsx(A,{})]})),e.jsxRuntimeExports.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.jsxRuntimeExports.jsx("div",Object.assign({style:{marginTop:8}},{children:e.jsxRuntimeExports.jsx(o.Alert,{containerStyle:{padding:"4px 8px"},icon:()=>e.jsxRuntimeExports.jsx(l.default,{width:16,height:16,color:E.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)&&!Te&&!ye&&je===x.POD.CHATBOT&&e.jsxRuntimeExports.jsx(h.QueryParamsComponent,{isError:null!==(Y=null===(B=null==Ce?void 0:Ce.buttons)||void 0===B?void 0:B.includes(null!==(D=null==q?void 0:q.index)&&void 0!==D?D:-1))&&void 0!==Y&&Y,params:null!==(w=q.queryParams)&&void 0!==w?w:[],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("../../../node_modules/react/jsx-runtime.js");require("../../input/~~index~~.js"),require("../../template-preview/~~index~~.js");var i=require("../../~~TypographyStyle~~.js"),t=require("~~../../../constants~~/~~Theme~~.js"),r=require("~~../context~~/~~templateModalContext~~.js"),a=require("~~./VariableConnector~~.js"),l=require("../../template-preview/models/Channels.js"),s=require("../../~~input~~/~~Input~~.js");exports.default=n=>{var o,d,x,p,u,m,j;const{descriptionComponent:c,type:v,showVariableModal:E,originalList:b,channel:y}=n,{originalVariableList:h,disableEditVariable:R,selectedCarouselIndex:T,initialExpiryDateTime:C}=r.useTemplateModalContext();let f=h;y&&(y==l.CHANNEL_TYPE.WHATSAPP\|\|y==l.CHANNEL_TYPE.RCS)&&b&&(f=b);const L=c.type;if("BODY"===L\|\|"TITLE"===L.toLocaleUpperCase())return e.jsxRuntimeExports.jsx("div",{children:null===(d=null!=T&&T>-1?"TITLE"===L.toLocaleUpperCase()?null===(o=f.cards[T])\|\|void 0===o?void 0:o.title:f.cards[T].body:"TITLE"===L.toLocaleUpperCase()?(l.CHANNEL_TYPE.RCS,null==f?void 0:f.title):null==f?void 0:f.body)\|\|void 0===d?void 0:d.map(((r,l)=>R\|\|!r.isEditableVariable?e.jsxRuntimeExports.jsxs("div",Object.assign({style:{margin:"16px 8px"}},{children:[e.jsxRuntimeExports.jsxs(i.BodySecondary,Object.assign({style:{color:t.COLORS.content.primary}},{children:["HEADER"===v?"Header":""," Locked variable ",l+1]})),e.jsxRuntimeExports.jsx(s.Input,{state:"disabled",placeholder:r.variableName,onChangeText:()=>{}})]}),l):e.jsxRuntimeExports.jsx(a.default,{index:l,variable:r,showVariableModal:E,componentType:L},`${l}-${r.index}`)))});if("HEADER"===L)return e.jsxRuntimeExports.jsx("div",{children:null===(x=null!=T&&T>-1?f.cards[T].header:null==f?void 0:f.header)\|\|void 0===x?void 0:x.map(((r,l)=>r.isEditableVariable?e.jsxRuntimeExports.jsx(a.default,{index:l,variable:r,showVariableModal:E,componentType:L},`${l}-${r.index}`):e.jsxRuntimeExports.jsxs("div",Object.assign({style:{margin:"16px 8px"}},{children:[e.jsxRuntimeExports.jsxs(i.BodySecondary,Object.assign({style:{color:t.COLORS.content.primary}},{children:["HEADER"===v?"Header":""," Locked variable ",l+1]})),e.jsxRuntimeExports.jsx(s.Input,{state:"disabled",placeholder:r.variableName,onChangeText:()=>{}})]}),l)))});if("limited_time_offer"===L){let i=null!==(u=null===(p=c.example)\|\|void 0===p?void 0:p.limited_time_offer)&&void 0!==u?u:(new Date).toISOString();return C&&(i=new Date(C).toISOString()),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(a.default,{index:0,variable:{variableName:null!==(j=null===(m=null==c?void 0:c.limited_time_offer)\|\|void 0===m?void 0:m.text)&&void 0!==j?j:"Expires after",updatedValue:i,type:"date_time",isEditableVariable:!0,index:0},showVariableModal:E,componentType:L},`${L}`)})}return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("../../input/Input.js");require("../../template-preview/TemplatePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js");var i=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"),a=require("../../TypographyStyle.js"),l=require("../context/templateModalContext.js"),s=require("./VariableConnector.js");exports.default=n=>{var o,d,p,u,x,m,j;const{descriptionComponent:v,type:c,showVariableModal:E,originalList:b,channel:h}=n,{originalVariableList:y,disableEditVariable:T,selectedCarouselIndex:R,initialExpiryDateTime:C}=l.useTemplateModalContext();let L=y;h&&(h==r.CHANNEL_TYPE.WHATSAPP\|\|h==r.CHANNEL_TYPE.RCS)&&b&&(L=b);const f=v.type;if("BODY"===f\|\|"TITLE"===f.toLocaleUpperCase())return e.jsxRuntimeExports.jsx("div",{children:null===(d=null!=R&&R>-1?"TITLE"===f.toLocaleUpperCase()?null===(o=L.cards[R])\|\|void 0===o?void 0:o.title:L.cards[R].body:"TITLE"===f.toLocaleUpperCase()?(r.CHANNEL_TYPE.RCS,null==L?void 0:L.title):null==L?void 0:L.body)\|\|void 0===d?void 0:d.map(((r,l)=>T\|\|!r.isEditableVariable?e.jsxRuntimeExports.jsxs("div",Object.assign({style:{margin:"16px 8px"}},{children:[e.jsxRuntimeExports.jsxs(a.BodySecondary,Object.assign({style:{color:i.COLORS.content.primary}},{children:["HEADER"===c?"Header":""," Locked variable ",l+1]})),e.jsxRuntimeExports.jsx(t.Input,{state:"disabled",placeholder:r.variableName,onChangeText:()=>{}})]}),l):e.jsxRuntimeExports.jsx(s.default,{index:l,variable:r,showVariableModal:E,componentType:f},`${l}-${r.index}`)))});if("HEADER"===f)return e.jsxRuntimeExports.jsx("div",{children:null===(p=null!=R&&R>-1?L.cards[R].header:null==L?void 0:L.header)\|\|void 0===p?void 0:p.map(((r,l)=>r.isEditableVariable?e.jsxRuntimeExports.jsx(s.default,{index:l,variable:r,showVariableModal:E,componentType:f},`${l}-${r.index}`):e.jsxRuntimeExports.jsxs("div",Object.assign({style:{margin:"16px 8px"}},{children:[e.jsxRuntimeExports.jsxs(a.BodySecondary,Object.assign({style:{color:i.COLORS.content.primary}},{children:["HEADER"===c?"Header":""," Locked variable ",l+1]})),e.jsxRuntimeExports.jsx(t.Input,{state:"disabled",placeholder:r.variableName,onChangeText:()=>{}})]}),l)))});if("limited_time_offer"===f){let t=null!==(x=null===(u=v.example)\|\|void 0===u?void 0:u.limited_time_offer)&&void 0!==x?x:(new Date).toISOString();return C&&(t=new Date(C).toISOString()),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(s.default,{index:0,variable:{variableName:null!==(j=null===(m=null==v?void 0:v.limited_time_offer)\|\|void 0===m?void 0:m.text)&&void 0!==j?j:"Expires after",updatedValue:t,type:"date_time",isEditableVariable:!0,index:0},showVariableModal:E,componentType:f},`${f}`)})}return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})};

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("../../../assets/icons/info.svg.js"),s=require("react"),i=require("styled-components");require("../../checkBox/index.js"),require("../../input/index.js"),require("../../tooltips/index.js");var r=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),a=require("../../../assets/icons/plus.svg.js"),o=require("../context/templateModalContext.js"),l=require("./VariableConnector.js"),d=require("../../tooltips/Tooltip.js"),c=require("../../input/Input.js"),u=require("../../checkBox/CheckBox.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=x(i);const j=p.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("../../../assets/icons/info.svg.js"),s=require("react"),i=require("styled-components"),r=require("../../checkBox/CheckBox.js"),n=require("../../input/Input.js"),a=require("../../tooltips/Tooltip.js"),o=require("../../TypographyStyle.js"),l=require("../../../constants/Theme.js"),d=require("../../../assets/icons/plus.svg.js"),c=require("../context/templateModalContext.js"),u=require("./VariableConnector.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=x(i);const j=p.default.div`
 	display: flex;
 	flex-direction: column;
 	height: 100%;
@@ -25,4 +25,4 @@
 		align-items: center;
 		gap: 5px;
 	}
-`;exports.AddVariableStyled=h,exports.Container=j,exports.default=i=>{let{onFocus:x,showVariableModal:p,discountCode:m,setDiscountCode:g}=i;const{originalVariableList:b,disableEditVariable:f,setVariableCallback:y,setShowVariablePicker:v}=o.useTemplateModalContext(),[E,R]=s.useState(!1),[O,C]=s.useState(!1),[k,q]=s.useState(""),[S,V]=s.useState(!1),w=s.useRef(),T=s.useRef();s.useEffect((()=>{g&&g(m+k)}),[k]);s.useEffect((()=>{b.some((e=>"checkout.checkoutUrl"===e.updatedValue.replace("{{","").replace("}}","")))?(R(!0),m&&V(!0)):(R(!1),null==V||V(!1),null==g||g(""))}),[b]);const B=e=>{q(e.actualValue)};return e.jsxRuntimeExports.jsxs(j,{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{padding:8}},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",gap:8,alignItems:"center",marginBottom:4}},{children:[e.jsxRuntimeExports.jsx(r.TitleRegular,Object.assign({style:{color:n.COLORS.content.primary}},{children:"Edit variables and links"})),e.jsxRuntimeExports.jsx(d.Tooltip,Object.assign({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.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex"}},{children:e.jsxRuntimeExports.jsx(t.default,{width:20,height:20,color:n.COLORS.content.placeholder})}))}))]})),e.jsxRuntimeExports.jsx(r.BodySecondary,Object.assign({style:{color:n.COLORS.content.secondary}},{children:"You can view variables and links on the left underlined in purple colour."}))]})),null==b?void 0:b.map(((t,s)=>!t.isEditableVariable||f?e.jsxRuntimeExports.jsxs("div",Object.assign({style:{margin:"16px 8px"}},{children:[e.jsxRuntimeExports.jsxs(r.BodySecondary,Object.assign({style:{color:n.COLORS.content.primary}},{children:["Locked variable ",s+1]})),e.jsxRuntimeExports.jsx(c.Input,{state:"disabled",placeholder:t.variableName,onChangeText:()=>{}})]}),s):e.jsxRuntimeExports.jsx("div",Object.assign({style:{marginTop:16}},{children:e.jsxRuntimeExports.jsx(l.default,{index:s,variable:t,onFocus:()=>null==x?void 0:x(s),showVariableModal:p,setShowDiscountCheckBox:R})}),s))),(E||m)&&e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8}},{children:[e.jsxRuntimeExports.jsx(u.CheckBox,{isChecked:S,onValueChange:()=>{S&&g&&g(""),V(!S)}}),e.jsxRuntimeExports.jsx(r.TitleSmall,Object.assign({style:{marginLeft:8}},{children:"Add discount code"}))]})),S&&e.jsxRuntimeExports.jsxs("div",Object.assign({ref:w,style:{margin:10}},{children:[e.jsxRuntimeExports.jsx(c.Input,{placeholder:"Enter your discount code",onChangeText:e=>{g&&g(e)},value:m,onFocus:()=>{C(!0)},onBlur:e=>{var t;"addVar"===(null===(t=e.relatedTarget)||void 0===t?void 0:t.id)?(w.current&&w.current.focus(),C(!0)):C(!1)},noErrorHint:!0,validate:e=>[!0,""]}),O&&e.jsxRuntimeExports.jsx(h,Object.assign({ref:T,id:"addVar",onClick:e=>{e.stopPropagation(),y((()=>B)),v(!0)}},{children:e.jsxRuntimeExports.jsxs("div",Object.assign({className:"add"},{children:[e.jsxRuntimeExports.jsx(a.default,{width:20,height:20,color:"white"}),e.jsxRuntimeExports.jsx("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))]}))]})};
+`;exports.AddVariableStyled=h,exports.Container=j,exports.default=i=>{let{onFocus:x,showVariableModal:p,discountCode:m,setDiscountCode:g}=i;const{originalVariableList:b,disableEditVariable:f,setVariableCallback:y,setShowVariablePicker:v}=c.useTemplateModalContext(),[E,R]=s.useState(!1),[O,C]=s.useState(!1),[k,S]=s.useState(""),[V,w]=s.useState(!1),q=s.useRef(),T=s.useRef();s.useEffect((()=>{g&&g(m+k)}),[k]);s.useEffect((()=>{b.some((e=>"checkout.checkoutUrl"===e.updatedValue.replace("{{","").replace("}}","")))?(R(!0),m&&w(!0)):(R(!1),null==w||w(!1),null==g||g(""))}),[b]);const B=e=>{S(e.actualValue)};return e.jsxRuntimeExports.jsxs(j,{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{padding:8}},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",gap:8,alignItems:"center",marginBottom:4}},{children:[e.jsxRuntimeExports.jsx(o.TitleRegular,Object.assign({style:{color:l.COLORS.content.primary}},{children:"Edit variables and links"})),e.jsxRuntimeExports.jsx(a.Tooltip,Object.assign({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.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex"}},{children:e.jsxRuntimeExports.jsx(t.default,{width:20,height:20,color:l.COLORS.content.placeholder})}))}))]})),e.jsxRuntimeExports.jsx(o.BodySecondary,Object.assign({style:{color:l.COLORS.content.secondary}},{children:"You can view variables and links on the left underlined in purple colour."}))]})),null==b?void 0:b.map(((t,s)=>!t.isEditableVariable||f?e.jsxRuntimeExports.jsxs("div",Object.assign({style:{margin:"16px 8px"}},{children:[e.jsxRuntimeExports.jsxs(o.BodySecondary,Object.assign({style:{color:l.COLORS.content.primary}},{children:["Locked variable ",s+1]})),e.jsxRuntimeExports.jsx(n.Input,{state:"disabled",placeholder:t.variableName,onChangeText:()=>{}})]}),s):e.jsxRuntimeExports.jsx("div",Object.assign({style:{marginTop:16}},{children:e.jsxRuntimeExports.jsx(u.default,{index:s,variable:t,onFocus:()=>null==x?void 0:x(s),showVariableModal:p,setShowDiscountCheckBox:R})}),s))),(E||m)&&e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8}},{children:[e.jsxRuntimeExports.jsx(r.CheckBox,{isChecked:V,onValueChange:()=>{V&&g&&g(""),w(!V)}}),e.jsxRuntimeExports.jsx(o.TitleSmall,Object.assign({style:{marginLeft:8}},{children:"Add discount code"}))]})),V&&e.jsxRuntimeExports.jsxs("div",Object.assign({ref:q,style:{margin:10}},{children:[e.jsxRuntimeExports.jsx(n.Input,{placeholder:"Enter your discount code",onChangeText:e=>{g&&g(e)},value:m,onFocus:()=>{C(!0)},onBlur:e=>{var t;"addVar"===(null===(t=e.relatedTarget)||void 0===t?void 0:t.id)?(q.current&&q.current.focus(),C(!0)):C(!1)},noErrorHint:!0,validate:e=>[!0,""]}),O&&e.jsxRuntimeExports.jsx(h,Object.assign({ref:T,id:"addVar",onClick:e=>{e.stopPropagation(),y((()=>B)),v(!0)}},{children:e.jsxRuntimeExports.jsxs("div",Object.assign({className:"add"},{children:[e.jsxRuntimeExports.jsx(d.default,{width:20,height:20,color:"white"}),e.jsxRuntimeExports.jsx("div",Object.assign({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("../../../node_modules/react/jsx-runtime.js"),t=require("../../../assets/icons/info.svg.js"),s=require("styled-components");require("../../tooltips/index.js");var i=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js"),o=require("../../tooltips/Tooltip.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(s);const a=l.default(i.BodySecondary)`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("../../../assets/icons/info.svg.js"),s=require("styled-components"),i=require("../../tooltips/Tooltip.js"),n=require("../../TypographyStyle.js"),o=require("../../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(s);const a=l.default(n.BodySecondary)`
 	line-height: 1.5 !important;
 `,d=l.default.div`
 	padding-top: 24px;
@@ -6,4 +6,4 @@
 	padding-right: 10px;
 	margin-bottom: 8px;
 	line-height: normal;
-`;exports.default=s=>{let{headerText:n,subText:l,toolTipInfo:p,containerStyle:c}=s;return e.jsxRuntimeExports.jsxs(d,Object.assign({style:Object.assign({},c)},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",gap:8}},{children:[e.jsxRuntimeExports.jsx(i.TitleRegular,Object.assign({style:{color:r.COLORS.content.primary}},{children:n})),p&&e.jsxRuntimeExports.jsx(o.Tooltip,Object.assign({body:p},{children:e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(t.default,{width:20,height:20,color:r.COLORS.content.placeholder})})}))]})),e.jsxRuntimeExports.jsx(a,Object.assign({style:{color:r.COLORS.content.secondary,marginBottom:0,lineHeight:20,display:"block"}},{children:l}))]}))};
+`;exports.default=s=>{let{headerText:r,subText:l,toolTipInfo:c,containerStyle:p}=s;return e.jsxRuntimeExports.jsxs(d,Object.assign({style:Object.assign({},p)},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",gap:8}},{children:[e.jsxRuntimeExports.jsx(n.TitleRegular,Object.assign({style:{color:o.COLORS.content.primary}},{children:r})),c&&e.jsxRuntimeExports.jsx(i.Tooltip,Object.assign({body:c},{children:e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(t.default,{width:20,height:20,color:o.COLORS.content.placeholder})})}))]})),e.jsxRuntimeExports.jsx(a,Object.assign({style:{color:o.COLORS.content.secondary,marginBottom:0,lineHeight:20,display:"block"}},{children:l}))]}))};

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

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"),t=require("~~../../../node_modules/~~lodash~~/cloneDeep.js~~"),i=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]=i.useState(void 0),[b,y]=i.useState(),[_,M]=i.useState(!1),[T,I]=i.useState(""),[j,A]=i.useState(!1),[S,R]=i.useState(),U=i.useRef(null);function D(t){var i;return e.__awaiter(this,void 0,void 0,(function(){const e=new n.FileUploaderHelper;if(t instanceof Blob){if(c){const{isValid:e,mimeType:i}=yield c(t);if(!e)return void I(`MIME type ${i} is not supported`)}const n=e.validate({file:t});if(n)I(n),A(!1),M(!1);else{const e=p.format===o.HEADER_TYPES.IMAGE,n=yield u({file:t,fileName:g,isImage:e});if(n.success){const[e]=t.type.split("/");d(null!==(i=n.url)&&void 0!==i?i:"","application"===e?o.HEADER_TYPES.DOCUMENT:o.HEADER_TYPES[e.toUpperCase()])}else A(!1),I("An unknown technical error occurred");A(!1),M(!1)}}else I("An unknown technical error occurred"),A(!1)}))}function O(){var e;(null===(e=null==m?void 0:m.current)\|\|void 0===e?void 0:e.click)&&m.current.click()}return i.useEffect((()=>{h(void 0),R(void 0),y(void 0),M(!1),A(!1),I("")}),[f]),{uploadMedia:function(i){var l,s,c,u,m,g;return e.__awaiter(this,void 0,void 0,(function(){if(I(""),y(""),i)if(i.startsWith("https"))try{if(A(!0),r){const e=yield r(i),{type:t,size:a,success:s}=e;if(s){const i=(new n.FileUploaderHelper).validate({linkData:{type:t,size:a}});if(i)return I(i),void A(!1);const[s]=t.split("/");d(null!==(l=e.url)&&void 0!==l?l:"",s.includes("application")?o.HEADER_TYPES.DOCUMENT:o.HEADER_TYPES[s.toUpperCase()])}else A(!1),I("An unknown technical error occurred");A(!1)}else{const e=yield fetch(i),t=yield e.blob();yield D(t)}}catch(e){A(!1),I("An unknown technical error occurred")}else if(a.isVariable(i)){let e;if(y(i),e=null!=f&&f>-1?{components:null===(c=null===(s=v.components[1])\|\|void 0===s?void 0:s.cards)\|\|void 0===c?void 0:c[f].components,mapping:null===(m=null===(u=null==v?void 0:v.mapping)\|\|void 0===u?void 0:u.cards)\|\|void 0===m?void 0:m[f]}:Object.assign({},v),e.components){const t=null===(g=null==e?void 0:e.components)\|\|void 0===g?void 0:g.findIndex((e=>{if("HEADER"===e.type&&"NONE"!==e.format&&"TEXT"!==e.format)return!0}));if(void 0!==t&&t>-1&&(null==e?void 0:e.components[t])){const n=Object.assign(Object.assign({},e.components[t]),{format:p.format,example:{header_handle:[i]}}),o=[...e.components];o[t]=n,e.components=o}}if(e.mapping&&(e.mapping=Object.assign(Object.assign({},e.mapping),{header:[i]})),A(!1),null!=f&&f>-1){const i=t.~~default~~(v);i.components[1].cards[f].components=e.components,i.mapping.cards[f]=e.mapping,null==E\|\|E(Object.assign({},i))}else null==E\|\|E(Object.assign({},e))}else A(!1),I("Invalid URL or variable");else O()}))},processImageUpload:D,handleImageUpload:function(e){var t;I(""),A(!0);const i=null===(t=e.target.files)\|\|void 0===t?void 0:t[0];if(p.format===o.HEADER_TYPES.IMAGE){const e=new FileReader;R(""),h(""),e.onload=()=>{R(e.result),h(null==i?void 0:i.name)},i&&e.readAsDataURL(i)}else D(i)},handleImageChange:O,onCropComplete:function(t){return e.__awaiter(this,void 0,void 0,(function*(){A(!1),I("");const e=yield fetch(t),i=yield e.blob();yield D(i),R(void 0),M(!1)}))},editIconRef:U,fileName:g,setFileName:h,selectedVariable:b,setSelectedVariable:y,openEditMedia:_,setOpenEditMedia:M,selectedImage:S,setSelectedImage:R,loading:j,setLoading:A,error:T,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){var t;return e.__awaiter(this,void 0,void 0,(function(){const e=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=e.validate({file:i});if(n)I(n),S(!1),T(!1);else{const e=p.format===o.HEADER_TYPES.IMAGE,n=yield u({file:i,fileName:g,isImage:e});if(n.success){const[e]=i.type.split("/");d(null!==(t=n.url)&&void 0!==t?t:"","application"===e?o.HEADER_TYPES.DOCUMENT:o.HEADER_TYPES[e.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){var l,s,c,u,m,g;return e.__awaiter(this,void 0,void 0,(function(){if(I(""),y(""),t)if(t.startsWith("https"))try{if(S(!0),r){const e=yield r(t),{type:i,size:a,success:s}=e;if(s){const t=(new n.FileUploaderHelper).validate({linkData:{type:i,size:a}});if(t)return I(t),void S(!1);const[s]=i.split("/");d(null!==(l=e.url)&&void 0!==l?l:"",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===(c=null===(s=v.components[1])\|\|void 0===s?void 0:s.cards)\|\|void 0===c?void 0:c[f].components,mapping:null===(m=null===(u=null==v?void 0:v.mapping)\|\|void 0===u?void 0:u.cards)\|\|void 0===m?void 0:m[f]}:Object.assign({},v),e.components){const i=null===(g=null==e?void 0:e.components)\|\|void 0===g?void 0:g.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/TemplateConstants.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../assets/icons/alert_triangle.svg.js"),t=require("../../../assets/icons/check.svg.js"),a=require("../../../assets/icons/send_template.svg.js"),i=require("../../../assets/icons/tick.svg.js"),n=require("../../../assets/icons/tick_double.svg.js");require("../../template-preview/~~index~~.js")~~;var o=~~require("../../~~TypographyStyle~~.js"),r=require("../../../constants/Theme.js"),s=require("../../template-preview/models/WhatsAppTemplate.js");const l={[s.TEMPLATE_QUALITY.YELLOW]:{Icon:e.default,title:"Medium quality template",sublineTextType:o.Caption,sublineColor:r.COLORS.content.secondary,subline:"Meta has downgraded this template to a medium-quality rating due to negative feedback from multiple customers or low read rates. We recommend improving its content or choosing a different template to enhance delivery and engagement in your next campaign"},[s.TEMPLATE_QUALITY.RED]:{Icon:e.default,title:"Low quality template",sublineTextType:o.Caption,sublineColor:r.COLORS.content.secondary,subline:"Meta has downgraded this template to a low-quality rating due to negative feedback from multiple customers or low read rates. We recommend improving its content or choosing a different template to enhance delivery and engagement in your next campaign"},[s.TEMPLATE_QUALITY.GREEN]:{Icon:t.default,title:"High quality template",sublineTextType:o.Caption,sublineColor:r.COLORS.content.secondary,subline:"Meta has rated this template as high quality due to strong engagement and positive customer interactions. We recommend continuing to use this template or creating similar ones to maintain high delivery rates and maximize campaign performance."},[s.TEMPLATE_QUALITY.UNKNOWN]:{Icon:t.default,title:"No quality data available",sublineTextType:o.Caption,sublineColor:r.COLORS.content.secondary,subline:"There is currently no quality data available for this template. This may be due to insufficient usage or recent creation. We recommend monitoring its performance over time to gather insights and optimize future campaigns."}},c=[{title:"Sent",icon:a.default,valName:"totalSent"},{title:"Delivered",icon:i.default,valName:"totalDelivered",percentValName:"deliveredPercentage"},{title:"Read",icon:n.default,valName:"totalReads",percentValName:"readPercentage"}];exports.ANALYTICS_ENGAGEMENT_MAP=c,exports.TEMPLATE_QUALITY_MAP=l;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../assets/icons/alert_triangle.svg.js"),t=require("../../../assets/icons/check.svg.js"),a=require("../../../assets/icons/send_template.svg.js"),i=require("../../../assets/icons/tick.svg.js"),r=require("../../../assets/icons/tick_double.svg.js");require("../../template-preview/TemplatePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js");var n=require("../../../constants/Theme.js");require("../../curtain/CurtainHelper.js"),require("../../variable-picker-v3/model.js"),require("../../template-preview/models/TemplateMeta.js");var s=require("../../template-preview/models/WhatsAppTemplate.js");require("../../template-preview/models/Channels.js");var o=require("../../TypographyStyle.js");const l={[s.TEMPLATE_QUALITY.YELLOW]:{Icon:e.default,title:"Medium quality template",sublineTextType:o.Caption,sublineColor:n.COLORS.content.secondary,subline:"Meta has downgraded this template to a medium-quality rating due to negative feedback from multiple customers or low read rates. We recommend improving its content or choosing a different template to enhance delivery and engagement in your next campaign"},[s.TEMPLATE_QUALITY.RED]:{Icon:e.default,title:"Low quality template",sublineTextType:o.Caption,sublineColor:n.COLORS.content.secondary,subline:"Meta has downgraded this template to a low-quality rating due to negative feedback from multiple customers or low read rates. We recommend improving its content or choosing a different template to enhance delivery and engagement in your next campaign"},[s.TEMPLATE_QUALITY.GREEN]:{Icon:t.default,title:"High quality template",sublineTextType:o.Caption,sublineColor:n.COLORS.content.secondary,subline:"Meta has rated this template as high quality due to strong engagement and positive customer interactions. We recommend continuing to use this template or creating similar ones to maintain high delivery rates and maximize campaign performance."},[s.TEMPLATE_QUALITY.UNKNOWN]:{Icon:t.default,title:"No quality data available",sublineTextType:o.Caption,sublineColor:n.COLORS.content.secondary,subline:"There is currently no quality data available for this template. This may be due to insufficient usage or recent creation. We recommend monitoring its performance over time to gather insights and optimize future campaigns."}},u=[{title:"Sent",icon:a.default,valName:"totalSent"},{title:"Delivered",icon:i.default,valName:"totalDelivered",percentValName:"deliveredPercentage"},{title:"Read",icon:r.default,valName:"totalReads",percentValName:"readPercentage"}];exports.ANALYTICS_ENGAGEMENT_MAP=u,exports.TEMPLATE_QUALITY_MAP=l;

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

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.~~SMS_TEMPLATE_VAR_PATTERN=/\{\{[a-zA-Z0-9_ ]+\}\}/g,exports.~~getVariableNameForEmailByIndex=e=>"connectors_variable_"+e;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.getVariableNameForEmailByIndex=e=>"connectors_variable_"+e;

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

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js");require("../button/~~index~~.js")~~;var t~~=require("../TypographyStyle.js"),s=require("./EmailTemplatePreview.styled.js")~~,n=require("../button/Button.js")~~;const a="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=a,exports.default=r=>{let{template:o,handleViewTemplate:i,hideHeader:p,hideViewButton:l,containerStyle:d,emailHtmlContainerId:c,emailDisplayContent:u,applyBorderBottom:x,hidePointerEvents:m}=r;return e.jsxRuntimeExports.jsxs(s.EmailContainer,Object.assign({hideHeader:p,style:Object.assign({},null!=d?d:{})},{children:[!p&&e.jsxRuntimeExports.jsx(s.Header,{children:e.jsxRuntimeExports.jsx(t.TitleRegular,Object.assign({style:{maxWidth:"100%"}},{children:o.name}))}),e.jsxRuntimeExports.jsx(s.IframeContainer,Object.assign({applyBorderBottom:x},{children:u?e.jsxRuntimeExports.jsx("iframe",{title:"Email template preview",id:null!=c?c:"",width:"100%",srcDoc:(j=u,j.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=${a}`).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.jsxRuntimeExports.jsx(s.ImageContainer,Object.assign({hideHeader:p},{children:e.jsxRuntimeExports.jsx(s.CardLoadingContainer,{})}))})),!l&&e.jsxRuntimeExports.jsx(s.ViewButton,{children:e.jsxRuntimeExports.jsx(n.Button,{buttonType:"tertiary",buttonText:"View",onClick:()=>{i&&i()}})})]}));var j};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../button/Button.js"),s=require("../TypographyStyle.js"),n=require("./EmailTemplatePreview.styled.js");const a="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=a,exports.default=r=>{let{template:o,handleViewTemplate:i,hideHeader:p,hideViewButton:l,containerStyle:d,emailHtmlContainerId:c,emailDisplayContent:u,applyBorderBottom:x,hidePointerEvents:m}=r;return e.jsxRuntimeExports.jsxs(n.EmailContainer,Object.assign({hideHeader:p,style:Object.assign({},null!=d?d:{})},{children:[!p&&e.jsxRuntimeExports.jsx(n.Header,{children:e.jsxRuntimeExports.jsx(s.TitleRegular,Object.assign({style:{maxWidth:"100%"}},{children:o.name}))}),e.jsxRuntimeExports.jsx(n.IframeContainer,Object.assign({applyBorderBottom:x},{children:u?e.jsxRuntimeExports.jsx("iframe",{title:"Email template preview",id:null!=c?c:"",width:"100%",srcDoc:(j=u,j.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=${a}`).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.jsxRuntimeExports.jsx(n.ImageContainer,Object.assign({hideHeader:p},{children:e.jsxRuntimeExports.jsx(n.CardLoadingContainer,{})}))})),!l&&e.jsxRuntimeExports.jsx(n.ViewButton,{children:e.jsxRuntimeExports.jsx(t.Button,{buttonType:"tertiary",buttonText:"View",onClick:()=>{i&&i()}})})]}));var j};

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

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

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);const i=o.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);o.default.div`
 	background-color: ${e=>e.isCarousal?"#E0E0E0":"white"};
 	border-radius: 4px;
 	position: relative;
 	height: ${e=>e.isCarousal?"100%":"auto"};
-`,n=o.default.div`
+`;const i=o.default.div`
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 400;
@@ -12,12 +12,12 @@
 	padding: 12px;
 	color: ${t.COLORS.content.primary};
 	word-wrap: break-word;
-`,a=o.default(n)`
+`,n=o.default(i)`
 	font-weight: 600;
 	margin-bottom: 8px;
-`,d=o.default(n)`
+`,a=o.default(i)`
 	font-weight: 600;
-`,s=o.default.div`
+`,d=o.default.div`
 	background: ${t.COLORS.surface.standard};
 	border-radius: 12px;
 	position: relative;
@@ -36,7 +36,7 @@
 		border-radius: 12px;
 		flex: 1;
 	}
-`,p=o.default.div`
+`,s=o.default.div`
 	padding: 12px 0px;
 	display: flex;
 	flex-direction: row;
@@ -44,7 +44,7 @@
 	align-items: center;
 	gap: 12px;
 	flex-wrap: wrap;
-`,l=o.default.div`
+`,p=o.default.div`
 	border-radius: 8px;
 	display: flex;
 	flex-direction: column;
@@ -53,7 +53,7 @@
 	min-height: 152px;
 	margin-bottom: ${e=>e.isHorizontal?"":"4px"};
 	width: ${e=>e.isHorizontal?"50%":"auto"};
-`,x=o.default.div`
+`,l=o.default.div`
 	border-radius: 12px;
 	display: flex;
 	flex-direction: row;
@@ -63,14 +63,14 @@
 	background-color: #ede7e8;
 	margin: 4px;
 	max-width: 200px;
-`,f=o.default.div`
+`,x=o.default.div`
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 	justify-content: flex-start;
 	margin-left: 4px;
 	max-width: 180px;
-`,u=o.default.p`
+`,f=o.default.p`
 	white-space: nowrap;
 	color: #4c5567;
 	max-width: 100px;
@@ -81,7 +81,7 @@
 	font-size: 12px;
 	font-weight: 500;
 	line-width: 20px;
-`,c=o.default.div`
+`,u=o.default.div`
 	border: 1px solid ${t.COLORS.stroke.primary};
 	position: relative;
 	height: 500px;
@@ -89,7 +89,7 @@
 	border-radius: ${e=>{var t;return null!==(t=e.borderRadius)&&void 0!==t?t:"8px"}};
 	box-shadow: 0px 2px 8px 0px #0000001f;
 	background-color: white;
-`,h=o.default.div`
+`,c=o.default.div`
 	height: 50px;
 	background-color: ${t.COLORS.background.inactive};
 	position: sticky;
@@ -100,11 +100,11 @@
 	align-items: center;
 	justify-content: space-between;
 	gap: 5px;
-`,g=o.default.div`
+`,h=o.default.div`
 	display: flex;
 	align-items: center;
 	gap: 5px;
-`,b=o.default.div`
+`,g=o.default.div`
 	height: 27px;
 	width: 27px;
 	border-radius: 15px;
@@ -113,11 +113,11 @@
 	justify-content: center;
 	align-items: center;
 	gap: 6px;
-`,m=o.default.div`
+`,b=o.default.div`
 	display: flex;
 	flex-direction: column;
 	justify-content: space-between;
-`,w=o.default.p`
+`,m=o.default.p`
 	font-family: 'Inter';
 	font-style: normal;
 	font-weight: 400;
@@ -125,4 +125,4 @@
 	line-height: 11px;
 	color: ${t.COLORS.content.secondary};
 	margin-bottom: 0px;
-`;exports.HeaderContainer=h,exports.HeaderTextContainer=a,exports.IconContainer=b,exports.LeftContainer=g,exports.PdfComineText=f,exports.PdfText=u,exports.RCSCarousalContainer=c,exports.RCSChatBtnContainer=p,exports.RCSContainer=i,exports.RCSMediaContainer=l,exports.RCSPdfContainer=x,exports.RCSPreviewContainer=s,exports.RcsHtmlContainer=n,exports.SubTitle=w,exports.TitleContainer=m,exports.TitleTextContainer=d;
+`;exports.HeaderContainer=c,exports.HeaderTextContainer=n,exports.IconContainer=g,exports.LeftContainer=h,exports.PdfComineText=x,exports.PdfText=f,exports.RCSCarousalContainer=u,exports.RCSChatBtnContainer=s,exports.RCSMediaContainer=p,exports.RCSPdfContainer=l,exports.RCSPreviewContainer=d,exports.RcsHtmlContainer=i,exports.SubTitle=m,exports.TitleContainer=b,exports.TitleTextContainer=a;

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

@@ -1,40 +1,40 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=t(e);const o=d.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=d(e);t.default.div`
 	position: absolute;
 	width: 8px;
 	height: 8px;
 	left: -5px;
 	bottom: 2px;
-`,a=d.default.div`
+`;const o=t.default.div`
 	padding: ${e=>"small"===e.size?"12px 32px 12px 12px":"16px 56px 12px 16px"};
 	background: ${r.COLORS.surface.standard};
 	border-radius: 4px;
-`,p=d.default.div`
+`,a=t.default.div`
 	padding: 16px;
 	background: ${r.COLORS.surface.standard};
 	border-top-left-radius: 4px;
 	border-top-right-radius: 4px;
 	border-bottom: 1px solid ${r.COLORS.stroke.primary};
-`,i=d.default.div`
+`;t.default.div`
 	border: 1px solid ${r.COLORS.stroke.primary};
 	height: 100%;
 	border-top-left-radius: 4px;
 	border-top-right-radius: 4px;
-`,s=d.default.div`
+`,t.default.div`
 	margin-top: ${e=>e.hideHeader?0:"16px"};
 	border-radius: 4px;
 	border-color: ${r.COLORS.stroke.primary};
 	border-width: ${e=>e.outsidePreview?0:"1px"};
-`,x=d.default.div`
+`,t.default.div`
 	position: absolute;
 	width: 30px;
 	height: 30px;
 	left: -10px;
 	bottom: -1px;
-`,n=d.default.div`
+`,t.default.div`
 	padding: 12px;
 	background: ${r.COLORS.background.base};
 	border-radius: 16px;
-`,u=d.default.div`
+`;const p=t.default.div`
 	padding: 10px;
 	position: sticky;
 	top: 0;
@@ -43,4 +43,4 @@
 	display: flex;
 	justify-content: space-between;
 	border-bottom: 1px solid ${r.COLORS.background.base};
-`;exports.BubbleContainer=n,exports.BubbleSideCaret=x,exports.SMSBubbleContainer=a,exports.SMSCardHeader=p,exports.SMSContainer=i,exports.SMSHeader=u,exports.SMSInnerContainer=s,exports.SideCaret=o;
+`;exports.SMSBubbleContainer=o,exports.SMSCardHeader=a,exports.SMSHeader=p;

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

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("../../../assets/icons/halfRectangle.svg.js"),s=require("../../../assets/icons/phone.svg.js"),r=require("../../../assets/icons/RedirectToNew.svg.js"),i=require("react"),o=require("styled-components");require("../../tooltips/index.js");var n=require("../../TypographyStyle.js"),a=require("../../../constants/Theme.js"),x=require("../helpers/WhatsAppFormatToHTML.js"),p=require("../models/TemplateMeta.js"),l=require("./ChatBtn.js"),d=require("./ChatUI.style.js"),u=require("./MediaCard.js"),j=require("./RenderTemplateWithVariable.js"),m=require("../../tooltips/Tooltip.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const h=c(o).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("../../../assets/icons/halfRectangle.svg.js"),s=require("../../../assets/icons/phone.svg.js"),r=require("../../../assets/icons/RedirectToNew.svg.js"),i=require("react"),o=require("styled-components"),n=require("../../tooltips/Tooltip.js"),a=require("../../TypographyStyle.js"),x=require("../../../constants/Theme.js"),p=require("../helpers/WhatsAppFormatToHTML.js"),l=require("../models/TemplateMeta.js"),d=require("./ChatBtn.js"),u=require("./ChatUI.style.js"),j=require("./MediaCard.js"),m=require("./RenderTemplateWithVariable.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const h=c(o).default.div`
 	position: absolute;
 	width: 8px;
 	height: 8px;
 	left: -7.7px;
 	top: -8px;
-`;exports.default=o=>{const{bodyText:c,footerText:E,headerMediaType:T,headerText:R,headerAssetLink:y,headerAssetName:g,quickReplybtn:S,ctaBtn:f,actionTypes:v,textType:q,extras:b,showHeader:w,imagePreviewStyles:C,size:A,children:N,isPreview:F}=o,O=new x.WhatsAppFormatToHTML,_=i.useMemo((()=>({color:a.COLORS.content.primary,margin:12,fontSize:w?a.FONTS.caption.fontSize:a.FONTS.bodySecondary.fontSize,fontWeight:a.FONTS.bodySecondary.fontWeight,maxWidth:"100%",whiteSpace:"pre-wrap",marginBottom:0,marginTop:8,wordBreak:"break-word"})),[]);return e.jsxRuntimeExports.jsxs(d.Container,Object.assign({isPreview:F},{children:[e.jsxRuntimeExports.jsx(h,{children:e.jsxRuntimeExports.jsx(t.default,{color:"white",height:8,width:8})}),T===p.HEADER_TYPES.TEXT?e.jsxRuntimeExports.jsx(j.default,{bold:!0,text:null==R?void 0:R.replace(/</g,"&lt;").replace(/>/g,"&gt;")}):T!==p.HEADER_TYPES.NONE?e.jsxRuntimeExports.jsx(u.MediaCard,{headerAssetLink:y,headerAssetName:g,mediaType:T,imagePreviewStyles:T===p.HEADER_TYPES.IMAGE?C:{}}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}),!!c&&e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:N?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:N}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:"html"===q?e.jsxRuntimeExports.jsx("div",{className:"richTextEditor",style:_,dangerouslySetInnerHTML:{__html:O.convertToHTML(c)}}):e.jsxRuntimeExports.jsx(n.BodySecondary,{children:null==c?void 0:c.replace(/</g,"&lt;").replace(/>/g,"&gt;")})})}),e.jsxRuntimeExports.jsxs(d.FooterWrapper,{children:[e.jsxRuntimeExports.jsx(m.Tooltip,Object.assign({body:null!=E?E:"",placement:"top"},{children:e.jsxRuntimeExports.jsx(d.FooterText,Object.assign({style:{flex:1}},{children:E}))})),e.jsxRuntimeExports.jsx(d.TimeStamp,{children:"16:48"})]}),v===p.ACTIONS_TYPES.QUICK_REPLY?e.jsxRuntimeExports.jsx("div",{children:null==S?void 0:S.map(((t,s)=>e.jsxRuntimeExports.jsx(l.ChatBtn,{text:t.text},s)))}):v===p.ACTIONS_TYPES.CTA_BTN?e.jsxRuntimeExports.jsx("div",{children:null==f?void 0:f.map(((t,i)=>e.jsxRuntimeExports.jsx(l.ChatBtn,{textTypography:w?n.Caption:n.BodySecondary,extraContent:b?t.extra:void 0,placeholder:t.placeholder,text:t.text,Icon:"phoneNumber"===t.type?s.default:r.default,size:A},i)))}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})]}))};
+`;exports.default=o=>{const{bodyText:c,footerText:E,headerMediaType:T,headerText:R,headerAssetLink:y,headerAssetName:g,quickReplybtn:S,ctaBtn:f,actionTypes:v,textType:q,extras:b,showHeader:w,imagePreviewStyles:C,size:A,children:N,isPreview:F}=o,O=new p.WhatsAppFormatToHTML,_=i.useMemo((()=>({color:x.COLORS.content.primary,margin:12,fontSize:w?x.FONTS.caption.fontSize:x.FONTS.bodySecondary.fontSize,fontWeight:x.FONTS.bodySecondary.fontWeight,maxWidth:"100%",whiteSpace:"pre-wrap",marginBottom:0,marginTop:8,wordBreak:"break-word"})),[]);return e.jsxRuntimeExports.jsxs(u.Container,Object.assign({isPreview:F},{children:[e.jsxRuntimeExports.jsx(h,{children:e.jsxRuntimeExports.jsx(t.default,{color:"white",height:8,width:8})}),T===l.HEADER_TYPES.TEXT?e.jsxRuntimeExports.jsx(m.default,{bold:!0,text:null==R?void 0:R.replace(/</g,"&lt;").replace(/>/g,"&gt;")}):T!==l.HEADER_TYPES.NONE?e.jsxRuntimeExports.jsx(j.MediaCard,{headerAssetLink:y,headerAssetName:g,mediaType:T,imagePreviewStyles:T===l.HEADER_TYPES.IMAGE?C:{}}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}),!!c&&e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:N?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:N}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:"html"===q?e.jsxRuntimeExports.jsx("div",{className:"richTextEditor",style:_,dangerouslySetInnerHTML:{__html:O.convertToHTML(c)}}):e.jsxRuntimeExports.jsx(a.BodySecondary,{children:null==c?void 0:c.replace(/</g,"&lt;").replace(/>/g,"&gt;")})})}),e.jsxRuntimeExports.jsxs(u.FooterWrapper,{children:[e.jsxRuntimeExports.jsx(n.Tooltip,Object.assign({body:null!=E?E:"",placement:"top"},{children:e.jsxRuntimeExports.jsx(u.FooterText,Object.assign({style:{flex:1}},{children:E}))})),e.jsxRuntimeExports.jsx(u.TimeStamp,{children:"16:48"})]}),v===l.ACTIONS_TYPES.QUICK_REPLY?e.jsxRuntimeExports.jsx("div",{children:null==S?void 0:S.map(((t,s)=>e.jsxRuntimeExports.jsx(d.ChatBtn,{text:t.text},s)))}):v===l.ACTIONS_TYPES.CTA_BTN?e.jsxRuntimeExports.jsx("div",{children:null==f?void 0:f.map(((t,i)=>e.jsxRuntimeExports.jsx(d.ChatBtn,{textTypography:w?a.Caption:a.BodySecondary,extraContent:b?t.extra:void 0,placeholder:t.placeholder,text:t.text,Icon:"phoneNumber"===t.type?s.default:r.default,size:A},i)))}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})]}))};