@bikdotai/bik-component-library 0.0.687-beta.2 → 0.0.687-beta.3

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

@@ -1,11 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/delete.svg.js"),n=require("../../../assets/icons/PlusIcon.js"),r=require("react"),s=require("styled-components"),o=require("../../button/Button.js"),a=require("../../checkBox/CheckBox.js"),l=require("../../icon-button/IconButton.js"),i=require("../../input/Input.js"),u=require("../../TypographyStyle.js"),c=require("../../../constants/Theme.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=p(s),y=Object.defineProperty,h=Object.defineProperties,x=Object.getOwnPropertyDescriptors,j=Object.getOwnPropertySymbols,f=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,m=(e,t,n)=>t in e?y(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,v=(e,t)=>{for(var n in t||(t={}))f.call(t,n)&&m(e,n,t[n]);if(j)for(var n of j(t))g.call(t,n)&&m(e,n,t[n]);return e},b=(e,t)=>h(e,x(t));const C=d.default.div`
-	display: flex;
-	flex-direction: column;
-	gap: 12px;
-
-	.button-container {
-		display: flex;
-		justify-content: center;
-		padding: 12px !important;
-	}
-`;exports.QueryParamsComponent=s=>{const{params:p,onChange:d,isError:y,variableValue:h}=s,[x,j]=r.useState(p.length>0),[f,g]=r.useState(p);return r.useEffect((()=>{g(p)}),[h]),e.jsxs(C,{children:[e.jsxs("div",{style:{display:"flex"},children:[e.jsx(a.CheckBox,{isChecked:x,onValueChange:e=>{g([]),d([]),j(e)}}),e.jsx(u.TitleSmall,{style:{marginLeft:8},children:"Add custom query params"})]}),x&&f.map(((n,r)=>e.jsxs("div",{style:{display:"flex",gap:"8px"},children:[e.jsx(i.Input,{placeholder:"Key",value:n.key,onChangeText:e=>{const t=f.map(((t,n)=>n===r?b(v({},t),{key:e}):t));g(t),d(t)},state:y&&!n.key.length?"invalid":"none"}),e.jsx(i.Input,{placeholder:"Value",value:n.value,onChangeText:e=>{const t=f.map(((t,n)=>n===r?b(v({},t),{value:e}):t));g(t),d(t)},state:y&&!n.value.length?"invalid":"none"}),e.jsx(l.IconButton,{Icon:t.default,width:20,height:20,onClick:()=>{const e=f.filter(((e,t)=>t!=r));g(e),d(e)}})]},r))),x&&p.length<10&&e.jsx(o.Button,{buttonText:"Add Params",buttonType:"dashRegular",style:{display:"flex",alignItems:"center",justifyContent:"center"},IconComponent:()=>e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",height:"20px"},children:e.jsx(n.default,{width:16,height:16,color:c.COLORS.content.secondary})}),onClick:()=>{const e=[...f,{key:"",value:""}];g(e),d(e)}})]})};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/alert_triangle.svg.js"),l=require("../../../assets/icons/click.svg.js"),n=require("react"),a=require("../../modals/styledModal.js"),s=require("../../tag/Tag.js"),i=require("../../template-preview/models/WhatsAppTemplate.js"),r=require("../../TypographyStyle.js"),c=require("../../../constants/Theme.js"),o=require("../styles/TemplateAnalyticsStyles.js"),d=require("../utils/TemplateConstants.js"),u=require("./TemplateAnalyticsSkeleton.js");const y=t=>{const{analyticsData:n,skipTitle:a}=t;return e.jsxs(o.RightPanelContainer,{children:[a?e.jsx(e.Fragment,{}):e.jsx(r.TitleSmall,{children:"Here are your template's delivery & engagement stats for the last 30 days"}),e.jsx("div",{className:"mt-3",children:d.ANALYTICS_ENGAGEMENT_MAP.map(((t,l)=>e.jsx(p,{icon:t.icon,title:t.title,value:n[t.valName]||0,percentValue:t.percentValName?n[t.percentValName]:null},l)))}),(null==n?void 0:n.clickAnalytics)&&Object.keys(null==n?void 0:n.clickAnalytics)&&Object.keys(null==n?void 0:n.clickAnalytics).length?e.jsxs(e.Fragment,{children:[e.jsx(r.TitleSmall,{color:c.COLORS.content.secondary,children:"Clicked"}),e.jsx("div",{className:"mt-3",children:Object.entries(n.clickAnalytics).map(((t,n)=>{let[a,s]=t;return e.jsx(p,{icon:l.default,title:a,value:s.totalClicks||0,percentValue:s.clickPercentage},n)}))})]}):e.jsx(e.Fragment,{})]})},p=t=>{const{icon:l,title:n,value:a,percentValue:i}=t;return e.jsxs("div",{className:"each--analytics--container",children:[e.jsxs("div",{className:"d-flex align--center",style:{gap:8},children:[e.jsx("div",{className:"each--icon--container",children:e.jsx(l,{width:"16px",height:"16px",color:c.COLORS.background.brand})}),e.jsx(r.Caption,{children:n})]}),e.jsxs("div",{className:"d-flex align--center",style:{gap:8},children:[i?e.jsx(s.Tag,{tagText:`${i}%`||0,theme:"light",type:"neutral"}):e.jsx(e.Fragment,{}),e.jsx(o.CustomTitleMedium,{children:a})]})]})};exports.AnalyticsItem=p,exports.RightPanelTemplateAnalytics=y,exports.TemplateAnalyticsComponent=l=>{const{templateAnalytics:s,onClose:p,onProceed:m,onCancel:T,headingTitle:x,headingSubtitle:h,templateId:j}=l,{templateQuality:g=i.TEMPLATE_QUALITY.GREEN,fetchAnalytics:A}=s||{},{icon:C,title:b,subline:E,sublineTextType:k,sublineColor:v}=d.TEMPLATE_QUALITY_MAP[g||i.TEMPLATE_QUALITY.GREEN],[S,N]=n.useState({}),[L,P]=n.useState(!0);n.useEffect((()=>{null==A||A(j||"").then((e=>{e.analytics&&N(e.analytics),P(!1)}))}),[]);const O=n.useMemo((()=>g===i.TEMPLATE_QUALITY.GREEN?{primaryButton:{buttonText:"Proceed with selection",buttonType:"primary",onClick:m,disabled:L},secondaryButton:{buttonText:"Cancel",buttonType:"tertiaryGray",onClick:()=>{null==p||p(),null==T||T()},disabled:L}}:{primaryButton:{buttonText:"Cancel",buttonType:"primary",onClick:()=>{null==p||p(),null==T||T()},disabled:L},secondaryButton:{buttonText:"Proceed with selection",buttonType:"secondary",onClick:m,disabled:L}}),[g,L]),M=k||r.Caption;return e.jsx(a.StyledModal,{open:!0,headingTitle:x,tintedHeader:!0,modalHeaderStyles:{backgroundColor:c.COLORS.surface.subdued},onBackPress:()=>{null==p||p()},headingSubtitle:h,footerShadow:!0,primaryButton:O.primaryButton,secondaryButton:O.secondaryButton,onClose:()=>{null==p||p()},width:"700px",children:e.jsxs(o.TemplateContainer,{children:[e.jsx(o.LeftPanelContainer,{children:e.jsxs("div",{className:"inside--container",children:[C&&e.jsx("div",{className:"icon--container",children:e.jsx(t.default,{width:40,height:40,color:c.COLORS.content.warning})}),b&&e.jsx(r.TitleRegular,{style:{textAlign:"center"},children:b}),e.jsx(M,{style:{textAlign:"center",color:v||c.COLORS.content.primary},children:E})]})}),L?e.jsx(u.TemplateAnalyticsSkeleton,{}):e.jsx(y,{analyticsData:S,skipTitle:g==i.TEMPLATE_QUALITY.GREEN})]})})};

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

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

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

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

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

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

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

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

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

@@ -1,28 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/info.svg.js"),r=require("react"),i=require("styled-components"),l=require("../../checkBox/CheckBox.js"),a=require("../../input/Input.js"),o=require("../../tooltips/Tooltip.js"),s=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),d=require("../../../assets/icons/plus.svg.js"),c=require("../context/templateModalContext.js"),u=require("./VariableConnector.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=h(i);const p=x.default.div`
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-`,f=x.default.button`
-	padding: 2px 8px;
-	cursor: pointer;
-	color: white;
-	background-color: black;
-	width: fit-content;
-	float: right;
-	margin-top: 0px;
-	font-family: Inter;
-	font-style: normal;
-	font-weight: 600;
-	font-size: 14px;
-	line-height: 20px;
-	align-self: flex-end;
-	border-radius: 4px;
-	border: 1px solid #ccc;
-	margin-right: 1px;
-
-	.add {
-		display: flex;
-		align-items: center;
-		gap: 5px;
-	}
-`;exports.AddVariableStyled=f,exports.Container=p,exports.default=i=>{let{onFocus:h,showVariableModal:x,discountCode:y,setDiscountCode:g}=i;const{originalVariableList:j,disableEditVariable:m,setVariableCallback:b,setShowVariablePicker:v}=c.useTemplateModalContext(),[C,k]=r.useState(!1),[S,V]=r.useState(!1),[w,q]=r.useState(""),[T,O]=r.useState(!1),B=r.useRef(),L=r.useRef();r.useEffect((()=>{g&&g(y+w)}),[w]);r.useEffect((()=>{j.some((e=>"checkout.checkoutUrl"===e.updatedValue.replace("{{","").replace("}}","")))?(k(!0),y&&O(!0)):(k(!1),null==O||O(!1),null==g||g(""))}),[j]);const E=e=>{q(e.actualValue)};return e.jsxs(p,{children:[e.jsxs("div",{style:{padding:8},children:[e.jsxs("div",{style:{display:"flex",gap:8,alignItems:"center",marginBottom:4},children:[e.jsx(s.TitleRegular,{style:{color:n.COLORS.content.primary},children:"Edit variables and links"}),e.jsx(o.Tooltip,{body:"Variables are placeholder texts which can either be filled by data, eg: customer name or can have any custom text within them",children:e.jsx("div",{style:{display:"flex"},children:e.jsx(t.default,{width:20,height:20,color:n.COLORS.content.placeholder})})})]}),e.jsx(s.BodySecondary,{style:{color:n.COLORS.content.secondary},children:"You can view variables and links on the left underlined in purple colour."})]}),null==j?void 0:j.map(((t,r)=>!t.isEditableVariable||m?e.jsxs("div",{style:{margin:"16px 8px"},children:[e.jsxs(s.BodySecondary,{style:{color:n.COLORS.content.primary},children:["Locked variable ",r+1]}),e.jsx(a.Input,{state:"disabled",placeholder:t.variableName,onChangeText:()=>{}})]},r):e.jsx("div",{style:{marginTop:16},children:e.jsx(u.default,{index:r,variable:t,onFocus:()=>null==h?void 0:h(r),showVariableModal:x,setShowDiscountCheckBox:k})},r))),(C||y)&&e.jsxs("div",{style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8},children:[e.jsx(l.CheckBox,{isChecked:T,onValueChange:()=>{T&&g&&g(""),O(!T)}}),e.jsx(s.TitleSmall,{style:{marginLeft:8},children:"Add discount code"})]}),T&&e.jsxs("div",{ref:B,style:{margin:10},children:[e.jsx(a.Input,{placeholder:"Enter your discount code",onChangeText:e=>{g&&g(e)},value:y,onFocus:()=>{V(!0)},onBlur:e=>{var t;"addVar"===(null==(t=e.relatedTarget)?void 0:t.id)?(B.current&&B.current.focus(),V(!0)):V(!1)},noErrorHint:!0,validate:e=>[!0,""]}),S&&e.jsx(f,{ref:L,id:"addVar",onClick:e=>{e.stopPropagation(),b((()=>E)),v(!0)},children:e.jsxs("div",{className:"add",children:[e.jsx(d.default,{width:20,height:20,color:"white"}),e.jsx("div",{className:"variable",children:"Add variable"})]})})]})]})};

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

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

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

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

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

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

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

@@ -1,63 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(e);const a=r.default.div`
-	display: flex;
-	padding: 16px 0px;
-`,o=r.default.div`
-	max-width: 450px;
-	height: 456px;
-	min-width: 358px;
-	overflow-y: auto;
-	border-left: ${i.COLORS.stroke.primary} 1px solid;
-	padding: 0px 23px 32px 23px;
-	gap: 16px;
-	.each--analytics--container {
-		border: 1px solid ${i.COLORS.background.inactive};
-		border-radius: 8px;
-		display: flex;
-		align-items: center;
-		flex-direction: row;
-		padding: 16px;
-		justify-content: space-between;
-		margin-bottom: 16px;
-	}
-	.each--icon--container {
-		background-color: ${i.COLORS.background.brandLight};
-		width: 24px;
-		height: 24px;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		border-radius: 4px;
-	}
-	.align--center {
-		align-items: center;
-	}
-`,p=r.default.div`
-	padding: 0px 23px 32px 23px;
-	flex: 1;
-	height: 456px;
-	overflow-y: auto;
-	min-width: 286px;
-	display: flex;
-	align-items: center;
-	.inside--container {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		gap: 16px;
-	}
-	.icon--container {
-		background: ${i.COLORS.background.warning.light};
-		width: 64px;
-		height: 64px;
-		border-radius: 50%;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-`,d=r.default(t.TitleMedium)`
-	white-space: nowrap;
-	max-width: 161px;
-	overflow: hidden;
-	text-overflow: ellipsis;
-`;exports.CustomTitleMedium=d,exports.LeftPanelContainer=p,exports.RightPanelContainer=o,exports.TemplateContainer=a;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../assets/icons/alert_triangle.svg.js"),t=require("../../../assets/icons/send_template.svg.js"),a=require("../../../assets/icons/tick.svg.js"),i=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 r=require("../../../constants/Theme.js");require("../../curtain/CurtainHelper.js");var n=require("../../template-preview/models/WhatsAppTemplate.js"),s=require("../../TypographyStyle.js");const l={[n.TEMPLATE_QUALITY.YELLOW]:{icon:e.default,title:"Medium quality template",sublineTextType:s.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"},[n.TEMPLATE_QUALITY.RED]:{icon:e.default,title:"Low quality template",sublineTextType:s.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"},[n.TEMPLATE_QUALITY.GREEN]:{icon:"",title:"",sublineTextType:s.TitleSmall,sublineColor:"",subline:"Here is your template's delivery and engagement stats from the last 30 days. Higher engagement today can lead to better delivery rates in the future."}},o=[{title:"Sent",icon:t.default,valName:"totalSent"},{title:"Delivered",icon:a.default,valName:"totalDelivered",percentValName:"deliveredPercentage"},{title:"Read",icon:i.default,valName:"totalReads",percentValName:"readPercentage"}];exports.ANALYTICS_ENGAGEMENT_MAP=o,exports.TEMPLATE_QUALITY_MAP=l;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.BACKGROUND_PREVIEW_IMAGE="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f",exports.STATIC_URL_VARIABLE_NAME="((staticPlaceholderName))";

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

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

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

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../template-preview/models/Channels.js");exports.getPreviewWidth=r=>{switch(r){case e.CHANNEL_TYPE.WHATSAPP:return 240;case e.CHANNEL_TYPE.SMS:return 300;case e.CHANNEL_TYPE.EMAIL:return 360;case e.CHANNEL_TYPE.RCS:return 240;default:return 300}};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.getVariableNameForEmailByIndex=e=>"connectors_variable_"+e;

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

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.isVariable=e=>/^{{.*}}$/.test(e),exports.validateIsUrl=e=>new RegExp("^(https?://)?([a-z0-9-]+\\.)+[a-z]{2,}(\\.[a-z]{2,})?(\\:[0-9]+)?(/[\\w@.-]*)*$","i").test(e);

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

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

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

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../button/Button.js"),r=require("../TypographyStyle.js"),a=require("./EmailTemplatePreview.styled.js"),n=Object.defineProperty,o=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,l=(e,t,r)=>t in e?n(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,p=(e,t)=>{for(var r in t||(t={}))s.call(t,r)&&l(e,r,t[r]);if(o)for(var r of o(t))i.call(t,r)&&l(e,r,t[r]);return e};const d="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=d,exports.default=n=>{let{template:o,handleViewTemplate:s,hideHeader:i,hideViewButton:l,containerStyle:c,emailHtmlContainerId:u,emailDisplayContent:y,applyBorderBottom:m,hidePointerEvents:b}=n;return e.jsxs(a.EmailContainer,{hideHeader:i,style:p({},null!=c?c:{}),children:[!i&&e.jsx(a.Header,{children:e.jsx(r.TitleRegular,{style:{maxWidth:"100%"},children:o.name})}),e.jsx(a.IframeContainer,{applyBorderBottom:m,children:y?e.jsx("iframe",{title:"Email template preview",id:null!=u?u:"",width:"100%",srcDoc:(h=y,h.replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{##orderProducts}}<\/span><span>\s*<\/span>/g,"").replace(/src="<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{product.photoUrl}}<\/span><span> <\/span>"/g,`src=${d}`).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:b?void 0:"none"}}):e.jsx(a.ImageContainer,{hideHeader:i,children:e.jsx(a.CardLoadingContainer,{})})}),!l&&e.jsx(a.ViewButton,{children:e.jsx(t.Button,{buttonType:"tertiary",buttonText:"View",onClick:()=>{s&&s()}})})]});var h};

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

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../assets/icons/arrow_left.svg.js"),r=require("../../../assets/icons/user_icon.svg.js"),t=require("../../../assets/icons/vertical_dots.svg.js"),n=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js"),o=require("./RCSPreview.styled.js");exports.default=()=>e.jsxs(o.HeaderContainer,{children:[e.jsxs(o.LeftContainer,{children:[e.jsx(s.default,{height:16,width:16,color:i.COLORS.content.secondary}),e.jsx(o.IconContainer,{children:e.jsx(r.default,{height:14,width:14,color:i.COLORS.content.primaryInverse})}),e.jsxs(o.TitleContainer,{children:[e.jsx(n.BodyTiny,{color:i.COLORS.content.secondary,style:{fontWeight:600},children:"Brand name"}),e.jsx(o.SubTitle,{children:"Business account"})]})]}),e.jsx(t.default,{height:16,width:16,color:i.COLORS.content.secondary})]});

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

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

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

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

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

@@ -1,128 +0,0 @@
-"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"};
-`;const i=o.default.div`
-	font-family: 'Inter';
-	font-style: normal;
-	font-weight: 400;
-	font-size: 14px;
-	line-height: 20px;
-	padding: 12px;
-	color: ${t.COLORS.content.primary};
-	word-wrap: break-word;
-`,n=o.default(i)`
-	font-weight: 600;
-	margin-bottom: 8px;
-`,a=o.default(i)`
-	font-weight: 600;
-`,d=o.default.div`
-	background: ${t.COLORS.surface.standard};
-	border-radius: 12px;
-	position: relative;
-	height: 100%;
-	display: flex;
-	flex-direction: ${e=>e.isHorizontalOrientation?"row":"column"};
-
-	${e=>e.needBorder?e.showDashedBorder?`border: 2px dashed ${t.COLORS.content.brand};`:e.hasError?`border: 2px solid ${t.COLORS.content.negative};`:e.showBorder?`border: 2px solid ${t.COLORS.stroke.brand};`:`border: 2px solid ${t.COLORS.stroke.primary};`:"border: none;"}
-
-	:hover {
-		${e=>{if(e.isPreview||!e.needBorder)return"";return`\n\t\t\t\tborder: 2px ${e.isWhatsappCarousel?e.hasError?"dashed":e.showBorder?"solid":"dashed":"solid"} ${t.COLORS.stroke.brand};\n\t\t\t\tbox-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25);\n\t\t\t`}}
-	}
-
-	.text--template {
-		border: 2px solid ${t.COLORS.stroke.primary};
-		border-radius: 12px;
-		flex: 1;
-	}
-`,s=o.default.div`
-	padding: 12px 0px;
-	display: flex;
-	flex-direction: row;
-	justify-content: flex-start;
-	align-items: center;
-	gap: 12px;
-	flex-wrap: wrap;
-`,p=o.default.div`
-	border-radius: 8px;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	min-height: 152px;
-	margin-bottom: ${e=>e.isHorizontal?"":"4px"};
-	width: ${e=>e.isHorizontal?"50%":"auto"};
-`,l=o.default.div`
-	border-radius: 12px;
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: flex-start;
-	padding: 4px;
-	background-color: #ede7e8;
-	margin: 4px;
-	max-width: 200px;
-`,x=o.default.div`
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: flex-start;
-	margin-left: 4px;
-	max-width: 180px;
-`,f=o.default.p`
-	white-space: nowrap;
-	color: #4c5567;
-	max-width: 100px;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	padding: 0px;
-	margin: 0px;
-	font-size: 12px;
-	font-weight: 500;
-	line-width: 20px;
-`,u=o.default.div`
-	border: 1px solid ${t.COLORS.stroke.primary};
-	position: relative;
-	height: 500px;
-	overflow-y: auto;
-	border-radius: ${e=>{var t;return null!=(t=e.borderRadius)?t:"8px"}};
-	box-shadow: 0px 2px 8px 0px #0000001f;
-	background-color: white;
-`,c=o.default.div`
-	height: 50px;
-	background-color: ${t.COLORS.background.inactive};
-	position: sticky;
-	top: 0px;
-	z-index: 200;
-	padding: 6px 4px;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 5px;
-`,h=o.default.div`
-	display: flex;
-	align-items: center;
-	gap: 5px;
-`,g=o.default.div`
-	height: 27px;
-	width: 27px;
-	border-radius: 15px;
-	background-color: #d1d8db;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	gap: 6px;
-`,b=o.default.div`
-	display: flex;
-	flex-direction: column;
-	justify-content: space-between;
-`,m=o.default.p`
-	font-family: 'Inter';
-	font-style: normal;
-	font-weight: 400;
-	font-size: 8px;
-	line-height: 11px;
-	color: ${t.COLORS.content.secondary};
-	margin-bottom: 0px;
-`;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/RCS/RCSTemplateLikePreview.js

@@ -1,8 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../template-context-mapper/context/templateModalContext.js"),a=require("../../TypographyStyle.js"),s=require("../../../constants/Theme.js"),o=require("../utils/getPreviewPropLen.js"),i=require("./RCSChatHeader.js"),p=require("./RCSChatPreview.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=l(r),u=Object.defineProperty,d=Object.getOwnPropertySymbols,h=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,x=(e,r,t)=>r in e?u(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,j=(e,r)=>{for(var t in r||(r={}))h.call(r,t)&&x(e,t,r[t]);if(d)for(var t of d(r))c.call(r,t)&&x(e,t,r[t]);return e};const v=n.default.div`
-	background-color: white;
-	border-radius: 4px;
-	position: relative;
-	height: ${e=>e.isWhatsappCarousel?"100%":"auto"};
-`,w=n.default(a.TitleRegular)`
-	color: ${s.COLORS.content.primary};
-`;exports.RCSTemplateLikePreview=r=>{const{hideDeviceContainerInPreview:a}=t.useTemplateModalContext();return 3===o.getPreviewPropLen(r)?e.jsx(e.Fragment,{children:r.zeroStateComponent}):a?e.jsx(p.RCSChatPreview,j({showHeader:r.showHeader},r)):e.jsx(e.Fragment,{children:e.jsxs(v,{style:r.containerStyle,showHeader:r.showHeader,isWhatsappCarousel:r.isWhatsappCarousel,children:[r.showHeader&&e.jsx(i.default,{}),e.jsxs("div",{style:{padding:"small"===r.size?"10px 32px 10px 10px":`10px ${r.isWhatsappCarousel?"0px":"12px"} ${r.isWhatsappCarousel?"2px":"16px"} 16px`,height:r.isWhatsappCarousel?"100%":"auto"},children:[!r.hidePreviewText&&e.jsx("div",{style:{marginBottom:16},children:e.jsx(w,{children:"Preview"})}),e.jsx(p.RCSChatPreview,j({showHeader:r.showHeader},r))]})]})})};

package/dist/cjs/components/template-preview/SMS/SMSBubble.js

@@ -1,12 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/union.svg.js"),r=require("styled-components"),s=require("../../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(r);const i=n.default.div`
-	position: absolute;
-	width: 30px;
-	height: 30px;
-	left: -10px;
-	bottom: -1px;
-`,a=n.default.div`
-	padding: 12px;
-	background: ${s.COLORS.background.base};
-	border-radius: 16px;
-	position: relative;
-`;exports.SMSContainer=a,exports.SideCaret=i,exports.default=r=>{const{content:o,size:n}=r;return e.jsxs(a,{children:[e.jsx(i,{children:e.jsx(t.default,{color:s.COLORS.background.base,height:27,width:27})}),e.jsx("div",{style:{fontSize:"small"===n?12:14},dangerouslySetInnerHTML:{__html:o}})]})};

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

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

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

@@ -1,46 +0,0 @@
-"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;
-`;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;
-`,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};
-`;t.default.div`
-	border: 1px solid ${r.COLORS.stroke.primary};
-	height: 100%;
-	border-top-left-radius: 4px;
-	border-top-right-radius: 4px;
-`,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"};
-`,t.default.div`
-	position: absolute;
-	width: 30px;
-	height: 30px;
-	left: -10px;
-	bottom: -1px;
-`,t.default.div`
-	padding: 12px;
-	background: ${r.COLORS.background.base};
-	border-radius: 16px;
-`;const p=t.default.div`
-	padding: 10px;
-	position: sticky;
-	top: 0;
-	z-index: 1;
-	background: ${r.COLORS.surface.standard};
-	display: flex;
-	justify-content: space-between;
-	border-bottom: 1px solid ${r.COLORS.background.base};
-`;exports.SMSBubbleContainer=o,exports.SMSCardHeader=a,exports.SMSHeader=p;

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

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