@bikdotai/bik-component-library 0.0.742-beta-113 → 0.0.742-beta.12

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@bikdotai/bik-models/growth/models/bik-store"),l=require("../../../assets/icons/arrow_back.svg.js"),n=require("../../../assets/icons/chevronLeft.svg.js"),i=require("../../../assets/icons/chevronRight.svg.js"),o=require("../../../assets/icons/PlusIcon.js"),r=require("lodash"),a=require("react"),s=require("../../button/Button.js"),d=require("../../icon-button/IconButton.js"),c=require("../../product-picker-v2/modal.js"),u=require("../../product-picker-v2/type.js"),p=require("../Badge/index.js"),v=require("../context/templateModalContext.js"),h=require("./EditWhatsAppTemplateV2.js"),m=require("./ProductBox.js");require("../../template-preview/TemplatePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js");var g=require("../../../constants/Theme.js");require("../../curtain/CurtainHelper.js"),require("../../variable-picker-v3/model.js"),require("../../template-preview/models/TemplateMeta.js");var y=require("../../template-preview/models/WhatsAppTemplate.js");require("../../template-preview/models/Channels.js");var j=require("../../template-preview/helpers/templateMiscHelper.js"),x=require("../../TypographyStyle.js");exports.default=({template:f,whatsappSpecificPickerMeta:b,showVariableModal:C,variableListForImage:O,discountCode:I,setDiscountCode:S})=>{var k,q,w,P,T,B,L,R;const{selectedCarouselIndex:E,setTemplate:M,pickerConf:A,isProductCarouselType:D,pod:F,cardCount:V,carouselProducts:W,setCarouselProducts:N,isError:$,cardImages:_,disableEditVariable:z,onDeleteSelectedProducts:G,setSelectedCarouselIndex:H,setVariableCallback:K,setShowVariablePicker:J,sliderRef:Q}=v.useTemplateModalContext(),[U,X]=a.useState(j.isRCSChannel(null==f?void 0:f.channel)?"Carousel Cards":-1==E?"First Message (Step 1/2)":D?"Product Carousel "+((null===(q=null===(k=null==f?void 0:f.mapping)||void 0===k?void 0:k.body)||void 0===q?void 0:q.length)?"(Step 2/2)":""):"Carousel Cards "+((null===(P=null===(w=null==f?void 0:f.mapping)||void 0===w?void 0:w.body)||void 0===P?void 0:P.length)?"(Step 2/2)":"")),[Y,Z]=a.useState(!1),[ee,te]=a.useState(!1),le=E===(null!=V?V:-1)-1,ne=(null!=E?E:-1)<1;a.useEffect(()=>{var e,t,l,n;X(j.isRCSChannel(null==f?void 0:f.channel)?"Carousel Cards":-1==E?"First Message (Step 1/2)":D?"Product Carousel "+((null===(t=null===(e=null==f?void 0:f.mapping)||void 0===e?void 0:e.body)||void 0===t?void 0:t.length)?"(Step 2/2)":""):"Carousel Cards "+((null===(n=null===(l=null==f?void 0:f.mapping)||void 0===l?void 0:l.body)||void 0===n?void 0:n.length)?"(Step 2/2)":""))},[E]);const ie=e=>{null==N||N([{name:"variable",productName:e.actualValue}])};return a.useEffect(()=>{-1===E&&j.isRCSChannel(null==f?void 0:f.channel)&&(null==H||H(0))},[E,null==f?void 0:f.channel]),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"16px"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center"}},{children:[!j.isRCSChannel(null==f?void 0:f.channel)&&null!=E&&E>=0&&!!(null===(B=null===(T=null==f?void 0:f.mapping)||void 0===T?void 0:T.body)||void 0===B?void 0:B.length)&&e.jsx(d.IconButton,{Icon:l.default,onClick:()=>{null==H||H(-1)}}),e.jsx(x.TitleMedium,Object.assign({style:{marginLeft:10}},{children:U}))]})),D&&(null!==(L=null==W?void 0:W.length)&&void 0!==L?L:0)>0&&null!=E&&E>=0&&e.jsxs("div",Object.assign({style:{display:"flex",rowGap:8,marginBottom:16,marginLeft:10,marginRight:10,flexDirection:"column"}},{children:[e.jsx(m.ProductBox,{editItem:()=>{1===(null==W?void 0:W.length)&&"variable"===W[0].name?(K(()=>ie),J(!0)):Z(!Y)},cardBody:1===(null==W?void 0:W.length)&&"variable"===W[0].name?`${W[0].productName}`:`${null==W?void 0:W.length} Products Selected`,hideIcon:1===(null==W?void 0:W.length)&&"variable"===W[0].name,deleteItem:()=>{var e;if(1===(null==W?void 0:W.length)&&"variable"===W[0].name)return void(null==N||N([]));const t=r.cloneDeep(Object.assign({},f));t&&(_&&_.length>0?null==_||_.forEach((e,l)=>{var n;t.components[1].cards[l].components[0].example.header_handle=[null!==(n=_[l])&&void 0!==n?n:"https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]}):null===(e=null==t?void 0:t.components[1].cards)||void 0===e||e.forEach((e,l)=>{t.components[1].cards[l].components[0].example.header_handle=["https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]}),null==M||M(t)),null==N||N([]),null==G||G()}}),W&&(null==W?void 0:W.length)>0&&"variable"!=W[0].name&&e.jsx(s.Button,{disabled:(null!==(R=null==W?void 0:W.length)&&void 0!==R?R:0)<=1,style:{alignSelf:"flex-end"},onClick:()=>{te(!0),Z(!0)},buttonText:"Rearrange Products",buttonType:"tertiary"})]})),!z&&D&&0===(null==W?void 0:W.length)&&null!=E&&E>=0&&e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({style:{marginLeft:12}},{children:[e.jsx(x.TitleRegular,{children:"Product(s)"}),e.jsx(x.BodySecondary,{children:`Select ${null!=V?V:1} products`})]})),e.jsxs("div",Object.assign({style:{marginTop:16,marginBottom:16,marginLeft:$?16:12,marginRight:$?16:12,flexDirection:"column",display:"flex",alignItems:"center"}},{children:[e.jsx(s.Button,{matchParentWidth:!0,style:{flex:1,display:"flex",width:"100%",marginBottom:12,border:$?`2px dashed ${g.COLORS.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s)",buttonType:$?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsx("div",Object.assign({style:{display:"flex",width:18,height:18}},{children:e.jsx(o.default,{width:18,height:18,color:g.COLORS.content.secondary})})),onClick:e=>{Z(!0)}}),F===y.POD.CHATBOT&&e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({style:{display:"flex",flex:1,alignItems:"center",justifyContent:"space-between",flexDirection:"row",width:"100%"}},{children:[e.jsx("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginRight:8}}),e.jsx(x.BodyCaption,Object.assign({style:{color:"#616161",overflow:"unset"}},{children:"OR"})),e.jsx("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginLeft:8}})]})),e.jsx(s.Button,{matchParentWidth:!0,style:{flex:1,display:"flex",marginTop:12,width:"100%",border:$?`2px dashed ${g.COLORS.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s) Variable",buttonType:$?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsx("div",Object.assign({style:{display:"flex"}},{children:e.jsx(o.default,{width:18,height:18,color:g.COLORS.content.secondary})})),onClick:e=>{K(()=>ie),J(!0)}})]})]})),$&&e.jsx("div",Object.assign({style:{marginLeft:10,marginBottom:16}},{children:e.jsx(p.Badge,{padding:"8px",errorText:"Please add products"})}))]}),!D&&(null!=E?E:-1)>-1&&e.jsxs("div",Object.assign({style:{display:"flex",background:g.COLORS.surface.hovered,alignItems:"center"}},{children:[e.jsx(d.IconButton,{Icon:n.default,disabled:ne,width:8,height:14,svgStyle:ne?{}:{color:g.COLORS.content.secondary},onClick:()=>{var e;null===(e=null==Q?void 0:Q.current)||void 0===e||e.slickPrev(),(null!=E?E:-1)<1||null==H||H(e=>e-1)}}),e.jsx(x.TitleRegular,Object.assign({style:{flex:1,display:"flex",justifyContent:"center"},color:g.COLORS.content.secondary},{children:`Card ${(null!=E?E:0)+1}/${V}`})),e.jsx(d.IconButton,{Icon:i.default,width:8,height:14,disabled:le,svgStyle:le?{}:{color:g.COLORS.content.secondary},onClick:()=>{var e;null===(e=null==Q?void 0:Q.current)||void 0===e||e.slickNext(),(null!=E?E:-1)>=(null!=V?V:-1)-1||null==H||H(e=>e+1)}})]})),e.jsx(h.default,{whatsappSpecificPickerMeta:b,template:f,onTemplateChange:e=>{null==M||M(e)},showVariableModal:C,variableListForImage:O,discountCode:I,setDiscountCode:S}),Y&&A&&e.jsx(c.ProductPickerModal,{zIndex:200,startupScreen:ee?u.ScreenName.RearrangeProducts:u.ScreenName.Collections,rearrangeEnabled:!0,storeId:A.storeId,selectedItems:(e=>{if(e.length>0){const t={};for(const l of e){const e=null==l?void 0:l.collectionId,n=l.productId,i=l.variantId;e in t||(t[e]={products:{},name:"",image:"",isSmartCollection:!1}),n in t[e].products||(t[e].products[n]={variants:{},name:(null==l?void 0:l.productName)||"",image:(null==l?void 0:l.productImage)||""}),t[e].products[n].variants[i]={name:(null==l?void 0:l.name)||"",price:"",image:(null==l?void 0:l.image)||"",quantity:l.quantity||0,displayOrder:l.displayOrder}}return t}return{}})(null!=W?W:[]),collectionFetcher:A.fetchCollections,productFetcher:A.fetchProducts,onAdd:(e,t)=>{var l,n,i,o,a,s;te(!1);const d=[];delete e.isCustom;for(const t of Object.keys(e)){const r=e[t].products;if(void 0!==r&&Object.keys(r).length)for(const e of Object.keys(r)){const c=r[e].variants;if(void 0!==c&&Object.keys(c).length)for(const u of Object.keys(c)){const{name:p,image:v,quantity:h,displayOrder:m}=c[u],g={name:p,image:null!==(n=null!=v?v:null===(l=r[e])||void 0===l?void 0:l.image)&&void 0!==n?n:"",quantity:h,variantId:u,productId:e,displayOrder:m,collectionId:t,productName:null!==(o=null===(i=r[e])||void 0===i?void 0:i.name)&&void 0!==o?o:"",productImage:null!==(s=null===(a=r[e])||void 0===a?void 0:a.image)&&void 0!==s?s:""};d.push(g)}}}const c=d.sort((e,t)=>e.displayOrder-t.displayOrder),u=d.map(e=>e.image),p=r.cloneDeep(Object.assign({},f));p&&(u.forEach((e,t)=>{var l;p.components[1].cards[t].components[0].example.header_handle=e?[e]:[null!==(l=null==_?void 0:_[t])&&void 0!==l?l:""]}),null==M||M(p)),null==N||N(c),Z(!1)},searchInCollectionFetcher:A.searchInCollection,searchFetcher:A.searchProducts,visible:Y,onClose:()=>{Z(!1)},exactLimit:null!=V?V:1,appType:A.appType||t.ApplicationType.BIK})]}))};

package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.d.ts

@@ -1,18 +0,0 @@
-import { VariableListInterfaceV2 } from "../../add-variableV2/AddVariableV2";
-import { EmailTemplateType } from "../../template-preview/models/EmailTemplate";
-import { SMSTemplateType } from "../../template-preview/models/SmsTemplate";
-import { WhatsAppCarouselTemplate } from "../../template-preview/models/WhatsappCarouselTemplate";
-import { WhatsAppPickerMeta, WhatsAppTemplate } from "../../template-preview/models/WhatsAppTemplate";
-export interface EditWhatsAppTemplateV2Props {
-    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
-    template: WhatsAppTemplate | WhatsAppCarouselTemplate;
-    onTemplateChange?: (template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType | WhatsAppCarouselTemplate) => void;
-    showVariableModal?: boolean;
-    variableListForImage?: VariableListInterfaceV2[];
-    discountCode?: string;
-    setDiscountCode?: (code: string) => void;
-    fileName?: string;
-    setFileName?: (name: string) => void;
-}
-declare const EditWhatsAppTemplateV2: ({ template, onTemplateChange, whatsappSpecificPickerMeta, showVariableModal, variableListForImage, setDiscountCode, fileName, setFileName, }: EditWhatsAppTemplateV2Props) => import("react/jsx-runtime").JSX.Element;
-export default EditWhatsAppTemplateV2;

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

@@ -1,7 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../curtain/CurtainHelper.js");var n=require("../../variable-picker-v3/model.js"),t=require("lodash"),o=require("react"),i=require("styled-components"),l=require("../../input/Input.js"),a=require("../../input-with-vars/InputWithVariables.js"),s=require("../../template-preview/helpers/templateMiscHelper.js"),d=require("../../template-preview/models/TemplateMeta.js"),r=require("../../template-preview/models/WhatsAppTemplate.js"),u=require("../context/templateModalContext.js"),p=require("../utils/constants.js"),c=require("../utils/getDataFromTemplateComponent.js"),v=require("../utils/validateIsUrl.js"),m=require("../utils/validateName.js"),b=require("./BackTrackComponent.js"),g=require("./DiscountCodeComponent.js"),h=require("./EditMediaModal.js"),f=require("./EditMediaV2.js"),j=require("./EditMediaV2.style.js"),C=require("./useEditWhtasappTemplateMedia.js"),x=require("./VariableConnector.js"),T=require("./VariableConnectorsPanel.js"),O=require("./VariableConnectorWhatsApp.js"),E=require("./VariableEditorHeader.js"),y=require("./WhatsAppTemplateCardButtonV2.js");function V(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const B=V(i).default.div`
-	padding-top: 24px;
-	padding-left: 10px;
-	padding-right: 10px;
-	margin-bottom: 8px;
-	line-height: normal;
-`;exports.default=({template:i,onTemplateChange:V,whatsappSpecificPickerMeta:M,showVariableModal:k,variableListForImage:I,setDiscountCode:D,fileName:R,setFileName:q})=>{var P,L,U,A,w,N,S,_,H,F,Q,Y,W,K,$,G,X,z,J,Z,ee,ne,te,oe,ie,le,ae,se,de,re,ue,pe,ce,ve,me,be,ge,he,fe;const je=i.isCarouselType,{originalVariableList:Ce,pod:xe,extras:Te,selectedCarouselIndex:Oe,isProductCarouselType:Ee,disableCopyCode:ye,isError:Ve,cardIndex:Be}=u.useTemplateModalContext(),{descriptionComponents:Me,urlBtns:ke,qrbBtns:Ie,imageComponent:De,bodyVariables:Re,headerVariables:qe,titleVariables:Pe}=c.getAllDataFromTemplateComponent(i),Le=o.useRef(null),[Ue,Ae]=o.useState(!1),[we,Ne]=o.useState(-1===Oe?{descriptionComponents:Me,urlBtns:ke,qrbBtns:Ie,imageComponent:De,bodyVariables:Re,headerVariables:qe,titleVariables:Pe}:{}),{uploadMediaLink:Se,uploadMediaFiles:_e,validateMimeType:He}=M,Fe=C.useEditWhatsappTemplateMedia({uploadMediaLink:Se,uploadMediaFiles:_e,updateTemplateImageUrl:function(e,n){var o,l,a,s,d,r,u,p;let c;c=null!=Oe&&Oe>-1?{components:null===(l=null===(o=i.components[Be])||void 0===o?void 0:o.cards)||void 0===l?void 0:l[Oe].components,mapping:null===(s=null===(a=null==i?void 0:i.mapping)||void 0===a?void 0:a.cards)||void 0===s?void 0:s[Oe]}:Object.assign({},i);const v=null===(d=null==c?void 0:c.components)||void 0===d?void 0:d.findIndex(e=>{if("HEADER"===e.type&&"NONE"!==e.format&&"TEXT"!==e.format)return!0});if(void 0!==v&&v>-1&&(null==c?void 0:c.components[v])){const t=Object.assign(Object.assign({},c.components[v]),{format:n,example:{header_handle:[e]}}),o=[...c.components];o[v]=t,c=Object.assign(Object.assign({},c),{components:o})}c.mapping&&(c.mapping=Object.assign(Object.assign({},c.mapping),{header:void 0}));if(null!=Oe&&Oe>-1){const e=t.cloneDeep(i);e.components[Be].cards[Oe].components=c.components,(null===(r=null==e?void 0:e.mapping)||void 0===r?void 0:r.cards)&&(null===(u=null==e?void 0:e.mapping)||void 0===u?void 0:u.cards.length)>0&&(e.mapping.cards[Oe]=null!==(p=c.mapping)&&void 0!==p?p:{}),null==V||V(Object.assign({},e)),Ye(!0)}else null==V||V(Object.assign({},c))},validateMimeType:He,mediaComponent:je?we.imageComponent:De,fileRef:Le}),[Qe,Ye]=o.useState(!1),[We,Ke]=o.useState(R),[$e,Ge]=o.useState();function Xe(e,n,o){var l,a,d,r,u,p,c,v,m,b;const g=null!=Oe&&Oe>-1?{components:null===(l=Object.assign({},i).components[Be].cards)||void 0===l?void 0:l[Oe].components,mapping:null===(a=Object.assign({},i).mapping.cards)||void 0===a?void 0:a[Oe]}:Object.assign({},i),h=t.cloneDeep(g),f="custom"===n&&"string"==typeof e,j=f?e:"string"!=typeof e?e.defaultValue?e.defaultValue:"https://d.bik.ai/":"https://d.bik.ai";if(null!=Oe&&Oe>-1&&Ee){const n=Object.assign({},i).components.map(e=>{var n;return s.isCarouselComponent(e.type)?Object.assign(Object.assign({},e),{cards:null===(n=e.cards)||void 0===n?void 0:n.map(e=>Object.assign(Object.assign({},e),{components:e.components.map(e=>{var n,t,i;if("BUTTONS"===e.type){const l=null===(n=e.buttons)||void 0===n?void 0:n.filter(e=>"URL"===e.type);let a=null!==(t=null==l?void 0:l[o])&&void 0!==t?t:{};a=Object.assign(Object.assign({},a),{url:"https://d.bik.ai/{{1}}",example:[j]});const s=null===(i=e.buttons)||void 0===i?void 0:i.map(e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==a?void 0:a.text)?a:e);return Object.assign(Object.assign({},e),{buttons:s})}return e})}))}):e}),l=null===(r=null===(d=Object.assign({},i).mapping)||void 0===d?void 0:d.cards)||void 0===r?void 0:r.map(n=>{var t;return Object.assign(Object.assign({},n),{buttons:null===(t=null==n?void 0:n.buttons)||void 0===t?void 0:t.map((n,t)=>t===o?f?"((customBtnPlaceholder))":"string"!=typeof e?e.placeHolder:"":n)})}),a=t.cloneDeep(i);return a.components=n,a.mapping.cards=l,void(null==V||V(Object.assign({},a)))}const C=null==h?void 0:h.components.findIndex(e=>"BUTTONS"===e.type);if(void 0!==C&&C>-1){const t=null===(u=null==h?void 0:h.components[C].buttons)||void 0===u?void 0:u.filter(e=>"URL"===e.type);if((null==t?void 0:t.length)>0){const i="custom"===n&&"string"==typeof e,l=i?e:"string"!=typeof e&&e.defaultValue?e.defaultValue:"https://d.bik.ai/";let a=t[o];a=Object.assign(Object.assign({},a),{url:"https://d.bik.ai/{{1}}",example:[l]});const s=[...null!==(v=null===(c=null===(p=h.components)||void 0===p?void 0:p[C])||void 0===c?void 0:c.buttons)&&void 0!==v?v:[]].map(e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==a?void 0:a.text)?a:e),d=Object.assign(Object.assign({},h.components[C]),{buttons:s}),r=null===(m=h.mapping)||void 0===m?void 0:m.buttons;r&&r.length>0&&(r[o]=i?"((customBtnPlaceholder))":"string"!=typeof e?e.placeHolder:"");const u=Object.assign(Object.assign({},h.mapping),{buttons:r});h.mapping=u;const b=[...h.components];b[C]=d,h.components=b}}if("string"!=typeof e){"checkout.checkoutUrl"===(null===(b=e.placeHolder)||void 0===b?void 0:b.slice(2,-2))?Ae(!0):(Ae(!1),null==D||D(""))}if(null!=Oe&&Oe>-1){const e=t.cloneDeep(i);e.components[Be].cards[Oe].components=h.components,e.mapping.cards[Oe]=h.mapping,null==V||V(Object.assign({},e))}else null==V||V(h)}function ze(e,n,o){var l,a,d,r,u,p,c;const v=null!=Oe&&Oe>-1?{components:null===(l=Object.assign({},i).components[Be].cards)||void 0===l?void 0:l[Oe].components,mapping:null===(a=Object.assign({},i).mapping.cards)||void 0===a?void 0:a[Oe]}:Object.assign({},i);if(null!=Oe&&Oe>-1&&Ee){const n=Object.assign({},i).components.map(n=>{var t;return s.isCarouselComponent(n.type)?Object.assign(Object.assign({},n),{cards:null===(t=n.cards)||void 0===t?void 0:t.map(n=>Object.assign(Object.assign({},n),{components:n.components.map(n=>{var t,i,l;if("BUTTONS"===n.type){const a=null===(t=null==n?void 0:n.buttons)||void 0===t?void 0:t.filter(e=>"QUICK_REPLY"===e.type);let s=null!==(i=null==a?void 0:a[o])&&void 0!==i?i:{};s=Object.assign(Object.assign({},s),{flowId:e.flowId,flowName:e.flowName});const d=null===(l=null==n?void 0:n.buttons)||void 0===l?void 0:l.map(e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==s?void 0:s.text)?s:e);return Object.assign(Object.assign({},n),{buttons:d})}return n})}))}):n}),l=t.cloneDeep(i);return l.components=n,void(null==V||V(Object.assign({},l)))}const m=null==v?void 0:v.components.findIndex(e=>"BUTTONS"===e.type);if(void 0!==m&&m>-1){const n=null===(r=null===(d=null==v?void 0:v.components[m])||void 0===d?void 0:d.buttons)||void 0===r?void 0:r.filter(e=>"QUICK_REPLY"===e.type);if(n){let t=n[o];t=Object.assign(Object.assign({},t),{flowId:e.flowId,flowName:e.flowName});const i=[...null!==(c=null===(p=null===(u=v.components)||void 0===u?void 0:u[m])||void 0===p?void 0:p.buttons)&&void 0!==c?c:[]].map(e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==t?void 0:t.text)?t:e),l=Object.assign(Object.assign({},v.components[m]),{buttons:i}),a=[...v.components];a[m]=l,v.components=a}}if(null!=Oe&&Oe>-1){const e=t.cloneDeep(i);e.components[Be].cards[Oe].components=v.components,null==V||V(Object.assign({},e))}else null==V||V(v)}o.useEffect(()=>{var e,n;if(null===(e=i.mapping.buttons)||void 0===e?void 0:e.find(e=>"checkout.checkoutUrl"===e.slice(2,-2)))Ae(!0);else{Ae(!1);const e=null===(n=null==Te?void 0:Te.discountCodeExtra)||void 0===n?void 0:n[1];null==e||e("")}},[i]),o.useEffect(()=>{var e,n,t,o;if(null!=Oe&&Oe>-1){const l={components:null===(n=null===(e=i.components[Be])||void 0===e?void 0:e.cards)||void 0===n?void 0:n[Oe].components,mapping:null===(o=null===(t=null==i?void 0:i.mapping)||void 0===t?void 0:t.cards)||void 0===o?void 0:o[Oe]},{descriptionComponents:a,urlBtns:s,qrbBtns:d,imageComponent:r,bodyVariables:u,headerVariables:p,titleVariables:v}=c.getAllDataFromTemplateComponent(l);Ne({descriptionComponents:a,urlBtns:s,qrbBtns:d,imageComponent:r,bodyVariables:u,headerVariables:p,titleVariables:v})}else if(null!=Oe&&-1===Oe){const{descriptionComponents:e,urlBtns:n,qrbBtns:t,imageComponent:o,bodyVariables:l,headerVariables:a,titleVariables:s}=c.getAllDataFromTemplateComponent(i);Ne({descriptionComponents:e,urlBtns:n,qrbBtns:t,imageComponent:o,bodyVariables:l,headerVariables:a,titleVariables:s})}},[Oe]),o.useEffect(()=>{var e,n,t,o;if(null!=Oe&&Oe>-1&&Qe){const l={components:null===(n=null===(e=i.components[Be])||void 0===e?void 0:e.cards)||void 0===n?void 0:n[Oe].components,mapping:null===(o=null===(t=null==i?void 0:i.mapping)||void 0===t?void 0:t.cards)||void 0===o?void 0:o[Oe]},{descriptionComponents:a,urlBtns:s,qrbBtns:d,imageComponent:r,bodyVariables:u,headerVariables:p,titleVariables:v}=c.getAllDataFromTemplateComponent(l);Ne({descriptionComponents:a,urlBtns:s,qrbBtns:d,imageComponent:r,bodyVariables:u,headerVariables:p,titleVariables:v}),Ye(!1)}},[Qe]);o.useEffect(()=>{Ve&&xe===r.POD.CHATBOT&&(()=>{if(!R)return void Ge("PDF name is Required");const e=m.validateInputNameChatbot(R);null==q||q(null!=R?R:""),Ge(e?"Please enter a valid PDF name":void 0)})()},[Ve]);const Je=je?we.imageComponent:De;return Fe.openEditMedia?e.jsx(T.Container,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460}},{children:e.jsx(h.default,{mediaComponentFormat:null!==(P=Je.format)&&void 0!==P?P:d.HEADER_TYPES.IMAGE,uploadMedia:Fe.uploadMedia,variableListForImage:I||[],useEditWhatsappTemplateMediaResponse:Fe,setOpenEditMedia:Fe.setOpenEditMedia,openEditMedia:Fe.openEditMedia,editIconRef:Fe.editIconRef,fileRef:Le})})):e.jsxs(T.Container,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460,minWidth:Ee?"420px":"auto"}},{children:[!!we.imageComponent&&!Ee&&!s.isRCSChannel(null==i?void 0:i.channel)&&e.jsxs(j.EditTemplateMediaContainer,{children:[e.jsx(f.default,{imageName:null!==(U=null===(L=null==Je?void 0:Je.example)||void 0===L?void 0:L.header_handle)&&void 0!==U?U:[],handleImageChange:Fe.handleImageChange,mediaType:null==Je?void 0:Je.format,error:Fe.error,isLoading:Fe.loading,setOpenEditMedia:Fe.setOpenEditMedia,selectedVariable:v.isVariable(null!==(N=null===(w=null===(A=null==Je?void 0:Je.example)||void 0===A?void 0:A.header_handle)||void 0===w?void 0:w[0])&&void 0!==N?N:"")?null===(_=null===(S=null==Je?void 0:Je.example)||void 0===S?void 0:S.header_handle)||void 0===_?void 0:_[0]:(null===(F=null===(H=null==i?void 0:i.mapping)||void 0===H?void 0:H.header)||void 0===F?void 0:F[0])?null===(Y=null===(Q=null==i?void 0:i.mapping)||void 0===Q?void 0:Q.header)||void 0===Y?void 0:Y[0]:Fe.selectedVariable}),(null==De?void 0:De.format)==d.HEADER_TYPES.DOCUMENT?e.jsx(B,{children:xe===r.POD.CHATBOT?e.jsx(a.InputWithVariables,{labelText:"PDF Name",placeHolder:"Enter the name",errorMessage:$e||void 0,onChange:e=>{var n;Ge(""),null==q||q(null!==(n=null==e?void 0:e.actualValue)&&void 0!==n?n:"")},pickerType:n.PickerType.EMBEDDED,noMaxCharCheck:!0,allowMix:!0,showVarHeader:!0,varHeaderText:"Select variable",prevVariable:{actualValue:null!=R?R:"",variableType:"string"},variablesList:I,showAddButton:!0}):e.jsx(l.Input,{labelText:"PDF Name",placeholder:"Enter the name",value:We,errorMessage:$e||void 0,onBlur:()=>{if(!We)return null==q||q(""),void Ge("PDF name is Required");const e=m.validateInputName(We);null==q||q(We),Ge(e?"Please enter a valid PDF name":void 0)},onChangeText:e=>{Ge(""),Ke(e)}})}):e.jsx(e.Fragment,{})]}),(null===(W=we.bodyVariables)||void 0===W?void 0:W.length)>0&&e.jsx(E.default,{containerStyle:{paddingTop:we.mediaComponent?24:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}),null===(K=we.descriptionComponents)||void 0===K?void 0:K.map((n,t)=>e.jsx(O.default,{originalVariableList:null!=Oe&&Oe>-1?Ce.cards[Oe]:Ce,type:n.type,descriptionComponent:n.component,showVariableModal:k},t)),(null===(X=null===(G=null!=Oe&&Oe>-1?null===($=Ce.cards[Oe])||void 0===$?void 0:$.buttons:null==Ce?void 0:Ce.buttons)||void 0===G?void 0:G.filter(e=>"URL"===e.type))||void 0===X?void 0:X.length)>0&&e.jsx(E.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),null===(Z=null===(J=null!=Oe&&Oe>-1?null===(z=Ce.cards[Oe])||void 0===z?void 0:z.buttons:null==Ce?void 0:Ce.buttons)||void 0===J?void 0:J.filter(e=>xe===r.POD.CHATBOT||"URL"===e.type))||void 0===Z?void 0:Z.map((n,t)=>{const o=n.buttonVariable===p.STATIC_URL_VARIABLE_NAME,i=n.buttonVariable===p.UNSUBSCRIBE_URL_VARIABLE;if("URL"===n.type)return e.jsx(y.default,{variableListIndex:t,disableEdit:o||i,CTAoptions:null==M?void 0:M.CTAoptions,button:n,currentVariableList:null!=Oe&&Oe>-1?Object.assign({},Ce.cards[Oe]):Object.assign({},Ce),updateSelectedURLTemplateBtn:Xe},`${t}_${Oe}`)}),xe===r.POD.CHATBOT&&(null===(ne=null===(ee=Ie[0])||void 0===ee?void 0:ee.component)||void 0===ne?void 0:ne.buttons)&&(null===(ie=null===(oe=null===(te=Ie[0])||void 0===te?void 0:te.component)||void 0===oe?void 0:oe.buttons)||void 0===ie?void 0:ie.length)>0&&e.jsx(b.BackTrackComponent,{backTrackMessage:null===(le=null==Te?void 0:Te.backTrackExtra)||void 0===le?void 0:le[0],setBackTrackMessage:null===(ae=null==Te?void 0:Te.backTrackExtra)||void 0===ae?void 0:ae[1]}),!s.isRCSChannel(null==i?void 0:i.channel)&&(null===(re=null===(de=null!=Oe&&Oe>-1?null===(se=Ce.cards[Oe])||void 0===se?void 0:se.buttons:null==Ce?void 0:Ce.buttons)||void 0===de?void 0:de.filter(e=>"QUICK_REPLY"===e.type))||void 0===re?void 0:re.length)>0&&(xe!==r.POD.CHATBOT?e.jsx(E.default,{headerText:"Edit buttons",subText:"Edit the chatflows triggered on clicking  the buttons",toolTipInfo:"There is an option to trigger chatflows through the buttons which can keep the user engaged"}):e.jsx(b.BackTrackComponent,{backTrackMessage:null===(ue=null==Te?void 0:Te.backTrackExtra)||void 0===ue?void 0:ue[0],setBackTrackMessage:null===(pe=null==Te?void 0:Te.backTrackExtra)||void 0===pe?void 0:pe[1]})),!s.isRCSChannel(null==i?void 0:i.channel)&&(null===(me=null===(ve=null!=Oe&&Oe>-1?null===(ce=Ce.cards[Oe])||void 0===ce?void 0:ce.buttons:null==Ce?void 0:Ce.buttons)||void 0===ve?void 0:ve.filter(e=>"QUICK_REPLY"===e.type))||void 0===me?void 0:me.map((n,t)=>{if("QUICK_REPLY"===n.type&&xe!==r.POD.CHATBOT)return e.jsx(y.default,{variableListIndex:t,QRBoptions:null==M?void 0:M.QRBoptions,button:n,currentVariableList:null!=Oe&&Oe>-1?Object.assign({},Ce.cards[Oe]):Object.assign({},Ce),updateSelectedQRBTemplateBtn:ze},`${t}_${Oe}`)})),xe===r.POD.CHATBOT&&Ue&&e.jsx(g.DiscountCodeComponent,{discountCode:null===(be=null==Te?void 0:Te.discountCodeExtra)||void 0===be?void 0:be[0],setDiscountCode:null===(ge=null==Te?void 0:Te.discountCodeExtra)||void 0===ge?void 0:ge[1]}),null===(fe=null!=Oe&&Oe>-1?null===(he=Ce.cards[Oe])||void 0===he?void 0:he.buttons:null==Ce?void 0:Ce.buttons)||void 0===fe?void 0:fe.map((n,t)=>{var o,i,a,s,d;if("COPY_CODE"===n.type)return e.jsx(e.Fragment,{children:ye?e.jsx("div",Object.assign({style:{marginBottom:20,borderRadius:4,padding:"8px 10px"}},{children:e.jsx(l.Input,{state:"disabled",labelText:null!==(o=n.text)&&void 0!==o?o:"Copy Code",value:null!==(i=n.buttonVariable)&&void 0!==i?i:"",onChangeText:()=>{}})})):e.jsx(x.default,{index:t,variable:{variableName:null!==(a=n.text)&&void 0!==a?a:"Copy Code",updatedValue:null!==(s=n.buttonVariable)&&void 0!==s?s:"",type:"string",isEditableVariable:!0,index:null!==(d=n.index)&&void 0!==d?d:0},showVariableModal:!0,componentType:"BUTTONS",buttonType:n.type},t)})})]}))};

package/dist/cjs/components/template-context-mapper/modalElements/Footer.d.ts

@@ -1,8 +0,0 @@
-export interface FooterProps {
-    isWhatsappCarousel: boolean;
-    onSelect: () => void;
-    footerButtonText?: string;
-    footerInfoText?: string;
-}
-declare const Footer: ({ isWhatsappCarousel, onSelect, footerButtonText, footerInfoText, }: FooterProps) => import("react/jsx-runtime").JSX.Element;
-export default Footer;

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

@@ -1,15 +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"),s=require("../../button/Button.js"),a=require("../../tag/Tag.js");require("../../template-preview/TemplatePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js");var l=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 o=require("../../template-preview/models/Channels.js"),n=require("../../template-preview/helpers/templateMiscHelper.js"),p=require("../../TypographyStyle.js"),u=require("../Badge/index.js"),d=require("../context/templateModalContext.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const x=c(i).default.div`
-	background: ${l.COLORS.surface.standard};
-	border-top-width: 1px;
-	border-top-color: ${l.COLORS.stroke.primary};
-	box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.12);
-	width: 100%;
-	padding: 0 24px;
-	display: flex;
-	justify-content: ${e=>{var t;return null!==(t=e.justifyContent)&&void 0!==t?t:"end"}};
-	align-items: center;
-	gap: 12;
-	border-bottom-left-radius: 4px;
-	border-bottom-right-radius: 4px;
-	height: ${e=>e.isWhatsappCarousel?64:80}px;
-`;exports.default=({isWhatsappCarousel:i,onSelect:c,footerButtonText:m,footerInfoText:v})=>{var j,g,h,b;const{isError:f,selectedCarouselIndex:q,setSelectedCarouselIndex:C,setErrorIndexes:T,template:y,showVariablePicker:w,hideFooterButton:S}=d.useTemplateModalContext(),[O,P]=r.useState(i?"Next":"Select template");return r.useEffect(()=>{m?P(m):i&&-1===q?P("Next"):i&&null!=q&&q>-1&&P("Save & Select Template")},[q]),e.jsxs(x,Object.assign({isWhatsappCarousel:i,justifyContent:i&&(null===(g=null===(j=null==y?void 0:y.mapping)||void 0===j?void 0:j.body)||void 0===g?void 0:g.length)?"space-between":"end"},{children:[n.isRCSChannel((null==y?void 0:y.channel)||o.CHANNEL_TYPE.WHATSAPP)?e.jsx(p.TitleRegular,{}):i&&null!=q&&q>=-1&&!!(null===(b=null===(h=null==y?void 0:y.mapping)||void 0===h?void 0:h.body)||void 0===b?void 0:b.length)&&e.jsx(p.TitleRegular,Object.assign({color:l.COLORS.text.secondary},{children:`Step ${-1===q?1:2}/2`})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center"}},{children:[f&&e.jsx(u.Badge,{errorText:"Some inputs are missing or incorrect. Please check"}),!f&&v&&e.jsx("div",Object.assign({style:{marginRight:12}},{children:e.jsx(a.Tag,{tagText:v,LeadingIcon:t.default})})),!S&&e.jsx(s.Button,{disabled:w,id:"select-template-btn",buttonText:O,size:i?"small":"large",onClick:function(){i&&-1===q&&C?C(0):(null==T||T([]),c())}})]}))]}))};

package/dist/cjs/components/template-context-mapper/modalElements/Header.d.ts

@@ -1,5 +0,0 @@
-export interface HeaderProps {
-    showOnlyContent?: boolean;
-}
-declare const Header: ({ showOnlyContent }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-export default Header;

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

@@ -1,23 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/desktop_custom.svg.js"),o=require("../../../assets/icons/mobile_custom.svg.js"),n=require("styled-components"),r=require("../../TypographyStyle.js"),s=require("../../../constants/Theme.js"),i=require("../context/templateModalContext.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=d(n);const l=a.default.div`
-	padding-top: 12px;
-	padding-bottom: 12px;
-	padding-left: 30px;
-	padding-right: 30px;
-	background-color: ${s.COLORS.surface.subdued};
-	align-items: center;
-	display: flex;
-	filter: ${e=>e.showOnlyContent?"none":"drop-shadow(rgba(0, 0, 0, 0.12) 0px 12px 12px)"};
-`,c=a.default.div`
-	display: flex;
-	border: 1px solid ${s.COLORS.stroke.primary};
-	border-radius: 4px;
-	overflow: hidden;
-	width: min-content;
-`,p=a.default.div`
-	background: ${e=>e.active?s.COLORS.background.brandLight:s.COLORS.background.base};
-	padding: 6px 8px;
-	justify-content: center;
-	align-items: center;
-`,u=a.default(p)`
-	border-left: 1px solid ${s.COLORS.stroke.primary};
-`;exports.default=({showOnlyContent:n})=>{const{device:d,setDevice:a}=i.useTemplateModalContext();return e.jsxs(l,Object.assign({showOnlyContent:n},{children:[e.jsxs(c,{children:[e.jsx(p,Object.assign({active:"mobile"===d,onClick:()=>null==a?void 0:a("mobile")},{children:e.jsx(o.default,{color:"mobile"===d?s.COLORS.content.brand:s.COLORS.content.secondary,height:20,width:20})})),e.jsx(u,Object.assign({active:"desktop"===d,onClick:()=>null==a?void 0:a("desktop")},{children:e.jsx(t.default,{color:"desktop"===d?s.COLORS.content.brand:s.COLORS.content.secondary,height:20,width:20})}))]}),e.jsxs(r.BodyPrimary,Object.assign({style:{color:s.COLORS.content.primary,marginLeft:16}},{children:["mobile"===d?"Mobile":"Web"," view"]}))]}))};

package/dist/cjs/components/template-context-mapper/modalElements/MobilePreview.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
-import { AllTemplateTypes } from "../../template-preview/models/types";
-declare const MobilePreview: React.ForwardRefExoticComponent<{
-    display_content: string;
-    channel: CHANNEL_TYPE;
-    template: AllTemplateTypes;
-    showSampleValues?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export default MobilePreview;

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

@@ -1,25 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("styled-components"),a=require("../../template-preview/TemplatePreview.js");require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../../constants/Theme.js"),require("../../curtain/CurtainHelper.js"),require("../../variable-picker-v3/model.js"),require("../../template-preview/models/TemplateMeta.js");var r=require("../../template-preview/models/WhatsAppTemplate.js"),s=require("../../template-preview/models/Channels.js"),l=require("../context/templateModalContext.js"),o=require("../utils/getPreviewDimension.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=n(t),d=n(i);const c=d.default.div`
-	position: relative;
-	height: 100%;
-	border-radius: 31px;
-	width: ${e=>o.getPreviewWidth(e.channel)}px;
-	background-color: white;
-	margin: auto;
-	overflow-y: auto;
-`,h=d.default.div`
-	position: absolute;
-	flex: 1;
-	background-color: white;
-	scroll-behavior: smooth;
-	left: 12px;
-	top: 8px;
-	width: calc(100% - 25px);
-	height: calc(100% - 17px);
-	border-radius: 16px;
-	overflow-y: auto;
-`,m=p.default.forwardRef(({display_content:t,channel:i,template:n,showSampleValues:p},d)=>{const{pod:m,hideDeviceContainerInPreview:v}=l.useTemplateModalContext(),w={showSampleValues:p,template:n,channel:i,smsSpecificMeta:{smsDisplayContent:t},whatsAppSpecificMeta:{showWhatsAppHeader:!0,whatsAppExtras:m!==r.POD.CHATBOT,containerStyle:{border:"none",borderBottomRightRadius:0,borderBottomLeftRadius:0,minHeight:426,width:i==s.CHANNEL_TYPE.RCS?"unset":240}},size:"small",hideHeader:!0,emailSpecificMeta:{emailDisplayContent:t,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_mobile",containerStyle:{height:"100%",width:"100%"},templateContainerStyles:{height:"100%"}},isPreview:!0,hidePointerEvents:!0};return v?e.jsx(u,{children:e.jsx(a.TemplatePreview,Object.assign({},w))}):e.jsx(e.Fragment,{children:e.jsxs(c,Object.assign({channel:i},{children:[e.jsx("img",{alt:"",src:"https://firebasestorage.googleapis.com/v0/b/staging-bikayi.appspot.com/o/bik%2FkNwEVoGlLpVjOsXoO1M8WgvWicP2%2F6f07b850-8b4b-4d58-96cc-8ba6df7b4e4a-Device___Frame.jpg?alt=media&token=253f1bfe-8481-4f54-bdef-3c0a73697d6a",style:{width:o.getPreviewWidth(i),height:443}}),e.jsx(h,Object.assign({ref:d},{children:e.jsx(a.TemplatePreview,Object.assign({},w))}))]}))})});m.displayName="MobilePreview";const u=d.default.div`
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	flex: 1;
-`;exports.default=m;

package/dist/cjs/components/template-context-mapper/modalElements/ProductBox.d.ts

@@ -1,8 +0,0 @@
-interface ProductBoxProps {
-    cardBody: string;
-    deleteItem: any;
-    editItem?: any;
-    hideIcon?: boolean;
-}
-export declare const ProductBox: (props: ProductBoxProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,47 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/box.svg.js"),o=require("../../../assets/icons/delete.svg.js"),n=require("../../../assets/icons/edit.svg.js"),i=require("styled-components"),s=require("../../icon-button/IconButton.js"),r=require("../../TypographyStyle.js"),l=require("../../../constants/Theme.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=c(i).default.div`
-	width: ${e=>e.width};
-	padding: 12px;
-	display: flex;
-	flex-direction: row;
-	column-gap: 14px;
-	justify-content: center;
-	align-items: center;
-	background: #ffffff;
-
-	border: 1px solid #e0e0e0;
-	border-radius: 4px;
-
-	.card-body {
-		width: 256px;
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-
-		&__dynamic {
-			font-family: 'Inter';
-			font-style: normal;
-			font-weight: 400;
-			font-size: 16px;
-			line-height: 24px;
-			color: #731dcf;
-
-			&__desc {
-				font-family: 'Inter';
-				font-style: normal;
-				font-weight: 400;
-				font-size: 12px;
-				line-height: 16px;
-				color: #616161;
-			}
-		}
-
-		&__simple {
-			font-family: 'Inter';
-			font-style: normal;
-			font-weight: 400;
-			font-size: 16px;
-			line-height: 24px;
-			color: #000000;
-		}
-	}
-`;exports.ProductBox=i=>{const{cardBody:c,deleteItem:a,editItem:f,hideIcon:x}=i;return e.jsxs(d,Object.assign({width:"100%"},{children:[!x&&e.jsx("div",Object.assign({style:{width:36,height:36}},{children:e.jsx(t.default,{})})),e.jsx("div",Object.assign({className:"card-body"},{children:e.jsx(r.TitleSmall,Object.assign({color:l.COLORS.content.secondary},{children:c}))})),e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center"}},{children:[f&&e.jsx(s.IconButton,{style:{display:"flex"},Icon:()=>e.jsx(n.default,{width:24,height:24,color:l.COLORS.content.placeholder}),onClick:e=>{f(),e.stopPropagation()}}),e.jsx(s.IconButton,{style:{display:"flex",color:"#919191"},Icon:()=>e.jsx(o.default,{width:24,height:24,color:l.COLORS.content.placeholder}),onClick:e=>{a(),e.stopPropagation()}})]}))]}))};

package/dist/cjs/components/template-context-mapper/modalElements/QualityWarningModal.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { TEMPLATE_QUALITY } from "../../template-preview";
-interface QualityWarningModalProps {
-    quality: TEMPLATE_QUALITY;
-    onClose?: () => void;
-    onProceed?: () => void;
-    onCancel?: () => void;
-    headingTitle?: string;
-    headingSubtitle?: string;
-}
-declare const QualityWarningModal: React.FC<QualityWarningModalProps>;
-export default QualityWarningModal;

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

@@ -1,12 +0,0 @@
-export declare const QueryParamsComponent: (props: {
-    params: {
-        key: string;
-        value: string;
-    }[];
-    onChange: (params: {
-        key: string;
-        value: string;
-    }[]) => void;
-    isError: boolean;
-    variableValue?: string | undefined;
-}) => import("react/jsx-runtime").JSX.Element;

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"),s=require("react"),a=require("styled-components"),i=require("../../button/Button.js"),r=require("../../checkBox/CheckBox.js"),l=require("../../icon-button/IconButton.js"),o=require("../../input/Input.js"),c=require("../../TypographyStyle.js"),u=require("../../../constants/Theme.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const p=d(a).default.div`
-	display: flex;
-	flex-direction: column;
-	gap: 12px;
-
-	.button-container {
-		display: flex;
-		justify-content: center;
-		padding: 12px !important;
-	}
-`;exports.QueryParamsComponent=a=>{const{params:d,onChange:j,isError:x,variableValue:h}=a,[y,g]=s.useState(d.length>0),[f,m]=s.useState(d);return s.useEffect(()=>{m(d)},[h]),e.jsxs(p,{children:[e.jsxs("div",Object.assign({style:{display:"flex"}},{children:[e.jsx(r.CheckBox,{isChecked:y,onValueChange:e=>{m([]),j([]),g(e)}}),e.jsx(c.TitleSmall,Object.assign({style:{marginLeft:8}},{children:"Add custom query params"}))]})),y&&f.map((n,s)=>e.jsxs("div",Object.assign({style:{display:"flex",gap:"8px"}},{children:[e.jsx(o.Input,{placeholder:"Key",value:n.key,onChangeText:e=>{const t=f.map((t,n)=>n===s?Object.assign(Object.assign({},t),{key:e}):t);m(t),j(t)},state:x&&!n.key.length?"invalid":"none"}),e.jsx(o.Input,{placeholder:"Value",value:n.value,onChangeText:e=>{const t=f.map((t,n)=>n===s?Object.assign(Object.assign({},t),{value:e}):t);m(t),j(t)},state:x&&!n.value.length?"invalid":"none"}),e.jsx(l.IconButton,{Icon:t.default,width:20,height:20,onClick:()=>{const e=f.filter((e,t)=>t!=s);m(e),j(e)}})]}),s)),y&&d.length<10&&e.jsx(i.Button,{buttonText:"Add Params",buttonType:"dashRegular",style:{display:"flex",alignItems:"center",justifyContent:"center"},IconComponent:()=>e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",height:"20px"}},{children:e.jsx(n.default,{width:16,height:16,color:u.COLORS.content.secondary})})),onClick:()=>{const e=[...f,{key:"",value:""}];m(e),j(e)}})]})};

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

@@ -1,16 +0,0 @@
-import { TEMPLATE_QUALITY, TemplateAnalyticsComponentI, TemplateAnalyticsDataI } from "../../template-preview/models/WhatsAppTemplate";
-export declare const TemplateAnalyticsComponent: (props: TemplateAnalyticsComponentI) => import("react/jsx-runtime").JSX.Element;
-export declare const RightPanelTemplateAnalytics: (props: {
-    analyticsData: TemplateAnalyticsDataI;
-    skipTitle?: boolean;
-    fullWidth?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const AnalyticsItem: (props: {
-    icon: React.ElementType;
-    title: string;
-    value: number;
-    percentValue?: number;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const QualityTimelineChart: (props: {
-    qualityTimeLine: TEMPLATE_QUALITY[];
-}) => import("react/jsx-runtime").JSX.Element;

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

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

@@ -1,4 +0,0 @@
-export declare const TemplateAnalyticsSkeleton: (props: {
-    skipTitleShimmer?: boolean;
-    fullWidth?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;

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"),s=require("../../shimmer/ShimmerComponent/BikShimmer.js"),i=require("../styles/TemplateAnalyticsStyles.js");const t=()=>e.jsxs("div",Object.assign({className:"each--analytics--container"},{children:[e.jsxs("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[e.jsx(s.BikShimmer,{boxes:[{width:"24px",height:"24px"}]}),e.jsx(s.BikShimmer,{boxes:[{width:"69px",height:"11px"}]})]})),e.jsxs("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[e.jsx(s.BikShimmer,{boxes:[{width:"43px",height:"18px"}]}),e.jsx(s.BikShimmer,{boxes:[{width:"69px",height:"28px"}]})]}))]}));exports.TemplateAnalyticsSkeleton=h=>{const{skipTitleShimmer:r,fullWidth:x}=h;return e.jsxs(i.RightPanelContainer,Object.assign({fullWidth:x},{children:[e.jsx("div",{children:r?e.jsx(e.Fragment,{}):e.jsx(s.BikShimmer,{boxes:[{width:"76px",height:"18px"}]})}),e.jsx("div",Object.assign({className:"mt-3"},{children:[0,1,2].map(s=>e.jsx(t,{},s))})),e.jsxs(e.Fragment,{children:[e.jsx("div",{children:e.jsx(s.BikShimmer,{boxes:[{width:"76px",height:"18px"}]})}),e.jsx("div",Object.assign({className:"mt-3"},{children:e.jsx(t,{})}))]})]}))};

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

@@ -1,21 +0,0 @@
-import { VariableListInterfaceV2 } from "../../add-variableV2/AddVariableV2";
-import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
-import { WhatsAppPickerMeta } from "../../template-preview/models/WhatsAppTemplate";
-export interface TemplateSelectModalContentProps {
-    channel: CHANNEL_TYPE;
-    showVariableMapping?: boolean;
-    hideHeader?: boolean;
-    showOnlyContent?: boolean;
-    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
-    showVariableModal?: boolean;
-    variableListForImage?: VariableListInterfaceV2[];
-    discountCode?: string;
-    setDiscountCode?: (code: string) => void;
-    showSampleValues?: boolean;
-    fileName?: string;
-    setFileName?: (name: string) => void;
-    variableListFromProps?: VariableListInterfaceV2[];
-    skipDefaultVariableContent?: boolean;
-}
-declare const TemplateSelectModalContent: ({ channel, showVariableMapping, variableListFromProps, showOnlyContent, whatsappSpecificPickerMeta, showVariableModal, discountCode, setDiscountCode, variableListForImage, showSampleValues, fileName, setFileName, skipDefaultVariableContent, }: TemplateSelectModalContentProps) => import("react/jsx-runtime").JSX.Element;
-export default TemplateSelectModalContent;

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"),i=require("./Header.js");exports.default=({channel:t,showVariableMapping:o,variableListFromProps:r,showOnlyContent:l,whatsappSpecificPickerMeta:n,showVariableModal:d,discountCode:p,setDiscountCode:u,variableListForImage:c,showSampleValues:h,fileName:m,setFileName:b,skipDefaultVariableContent:w})=>e.jsx("div",Object.assign({style:{paddingBottom:0}},{children:e.jsxs("div",{children:[t===a.CHANNEL_TYPE.EMAIL&&e.jsx(i.default,{showOnlyContent:l}),e.jsx(s.default,{variableListFromProps:r,whatsappSpecificPickerMeta:n,showVariableMapping:!!o,showOnlyContent:l,showVariableModal:d,discountCode:p,setDiscountCode:u,variableListForImage:c,showSampleValues:h,fileName:m,setFileName:b,skipDefaultVariableContent:w})]})}));

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

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
-import { ButtonPlaceHolderOptions, CUSTOM_VARIABLE } from "../../template-preview/models/TemplateMeta";
-import { WEB_PUSH_COMPONENT_TYPE } from "../../template-preview/models/WebpushTemplate";
-import { BUTTON_TYPE } from "../../template-preview/models/WhatsAppTemplate";
-import { ComponentType } from './VariableConnectorWhatsApp';
-export declare const Container: import("styled-components").StyledComponent<"div", any, {
-    focused?: boolean | undefined;
-    channel?: CHANNEL_TYPE | undefined;
-}, never>;
-/** COMPONENT BELOW */
-export interface VariableConnectorProps {
-    onFocus?: () => void;
-    variable: CUSTOM_VARIABLE;
-    index: number;
-    showVariableModal?: boolean;
-    setShowDiscountCheckBox?: any;
-    buttonType?: BUTTON_TYPE;
-    componentType?: ComponentType['type'] | WEB_PUSH_COMPONENT_TYPE;
-    CTAoptions?: ButtonPlaceHolderOptions[];
-}
-declare const VariableConnector: React.FC<VariableConnectorProps>;
-export default VariableConnector;

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

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

@@ -1,14 +0,0 @@
-import { AllTemplateVariables, CHANNEL_TYPE } from "../../template-preview";
-import { WEB_PUSH_COMPONENT_TYPE, WebpushComponentKeyType, WebpushTemplateVariables } from "../../template-preview/models/WebpushTemplate";
-import { WhatsAppTemplate, WhatsAppTemplateVariables } from "../../template-preview/models/WhatsAppTemplate";
-export type ComponentType = WhatsAppTemplate['components'][0];
-export interface VariableConnectorWhatsAppProps {
-    originalVariableList: WhatsAppTemplateVariables | WebpushTemplateVariables | AllTemplateVariables;
-    descriptionComponent: ComponentType | WebpushComponentKeyType;
-    type: ComponentType['type'] | WEB_PUSH_COMPONENT_TYPE;
-    showVariableModal?: boolean;
-    originalList?: WhatsAppTemplateVariables | WebpushTemplateVariables | AllTemplateVariables;
-    channel?: CHANNEL_TYPE;
-}
-declare const VariableConnectorWhatsApp: (props: VariableConnectorWhatsAppProps) => import("react/jsx-runtime").JSX.Element;
-export default VariableConnectorWhatsApp;

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

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

@@ -1,10 +0,0 @@
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export interface VariableConnectorsProps {
-    onFocus?: (variableIndex: number) => void;
-    showVariableModal?: boolean;
-    discountCode?: string;
-    setDiscountCode?: (code: string) => void;
-}
-declare const VariableConnectors: ({ onFocus, showVariableModal, discountCode, setDiscountCode, }: VariableConnectorsProps) => import("react/jsx-runtime").JSX.Element;
-export default VariableConnectors;
-export declare const AddVariableStyled: import("styled-components").StyledComponent<"button", any, {}, never>;

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

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

@@ -1,9 +0,0 @@
-import { CSSProperties } from 'react';
-export interface VariableEditorHeaderProps {
-    headerText: string;
-    subText: string;
-    toolTipInfo?: string;
-    containerStyle?: CSSProperties;
-}
-declare const VariableEditorHeader: ({ headerText, subText, toolTipInfo, containerStyle, }: VariableEditorHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export default VariableEditorHeader;

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"),i=require("styled-components"),s=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(i);const a=l.default(n.BodySecondary)`
-	line-height: 1.5 !important;
-`,d=l.default.div`
-	padding-top: 24px;
-	padding-left: 10px;
-	padding-right: 10px;
-	margin-bottom: 8px;
-	line-height: normal;
-`;exports.default=({headerText:i,subText:r,toolTipInfo:l,containerStyle:c})=>e.jsxs(d,Object.assign({style:Object.assign({},c)},{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:8}},{children:[e.jsx(n.TitleRegular,Object.assign({style:{color:o.COLORS.content.primary}},{children:i})),l&&e.jsx(s.Tooltip,Object.assign({body:l},{children:e.jsx("div",{children:e.jsx(t.default,{width:20,height:20,color:o.COLORS.content.placeholder})})}))]})),e.jsx(a,Object.assign({style:{color:o.COLORS.content.secondary,marginBottom:0,lineHeight:20,display:"block"}},{children:r}))]}));

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

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { ButtonPlaceHolderOptions } from "../../template-preview/models/TemplateMeta";
-import { CTABtnValType, QRBBtnValType, TEMPLATE_BUTTON } from "../../template-preview/models/WhatsAppTemplate";
-import { WhatsAppTemplateVariables } from "../../template-preview/models/WhatsAppTemplate";
-export type URLBtnUpdateFunctionType = (val: CTABtnValType, mode: 'custom' | 'placeholder', btnIndex?: number) => void;
-export type QRBBtnUpdateFunctionType = (val: QRBBtnValType, mode: 'custom' | 'placeholder', btnIndex?: number) => void;
-export interface WhatsAppTemplateCardButtonV2Props {
-    currentVariableList: WhatsAppTemplateVariables;
-    updateSelectedURLTemplateBtn?: URLBtnUpdateFunctionType;
-    updateSelectedQRBTemplateBtn?: QRBBtnUpdateFunctionType;
-    button: TEMPLATE_BUTTON;
-    CTAoptions?: ButtonPlaceHolderOptions[];
-    QRBoptions?: ButtonPlaceHolderOptions[];
-    variableListIndex: number;
-    disableEdit?: boolean;
-}
-declare const WhatsAppTemplateCardButtonV2: React.FC<WhatsAppTemplateCardButtonV2Props>;
-export default WhatsAppTemplateCardButtonV2;