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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../assets/icons/PlusIcon.js"),t=require("react"),r=require("../../checkBox/CheckBox.js"),a=require("../../input/Input.js"),i=require("../../TypographyStyle.js"),n=require("../context/templateModalContext.js"),o=require("./VariableConnectorsPanel.js");exports.DiscountCodeComponent=l=>{const{discountCode:c,setDiscountCode:d}=l,[u,j]=t.useState(""),[x,h]=t.useState(!!c),[g,p]=t.useState(!1),{setVariableCallback:b,setShowVariablePicker:C}=n.useTemplateModalContext(),f=t.useRef(),v=t.useRef();t.useEffect((()=>{d&&u&&d(c+u)}),[u]);const m=e=>{j(e.actualValue)};return e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8}},{children:[e.jsx(r.CheckBox,{isChecked:x,onValueChange:()=>{x&&d&&(d(""),j("")),h(!x)}}),e.jsx(i.TitleSmall,Object.assign({style:{marginLeft:8}},{children:"Add discount code"}))]})),x&&e.jsxs("div",Object.assign({ref:f,style:{margin:10}},{children:[e.jsx(a.Input,{placeholder:"Enter your discount code",onChangeText:e=>{d&&d(e)},value:c,onFocus:()=>{p(!0)},onBlur:e=>{var s;"addVar"===(null===(s=e.relatedTarget)||void 0===s?void 0:s.id)?(f.current&&f.current.focus(),p(!0)):p(!1)},noErrorHint:!0,validate:e=>[!0,""]}),g&&e.jsx(o.AddVariableStyled,Object.assign({ref:v,id:"addVar",onClick:e=>{e.stopPropagation(),b((()=>m)),C(!0)}},{children:e.jsxs("div",Object.assign({className:"add"},{children:[e.jsx(s.default,{width:14,height:14,color:"white"}),e.jsx("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))]}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/PlusIcon.js"),t=require("react"),s=require("../../checkBox/CheckBox.js"),a=require("../../input/Input.js"),i=require("../../TypographyStyle.js"),o=require("../context/templateModalContext.js"),l=require("./VariableConnectorsPanel.js");exports.DiscountCodeComponent=n=>{const{discountCode:d,setDiscountCode:c}=n,[u,x]=t.useState(""),[h,j]=t.useState(!!d),[p,C]=t.useState(!1),{setVariableCallback:f,setShowVariablePicker:m}=o.useTemplateModalContext(),v=t.useRef(),g=t.useRef();t.useEffect((()=>{c&&u&&c(d+u)}),[u]);const y=e=>{x(e.actualValue)};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8},children:[e.jsx(s.CheckBox,{isChecked:h,onValueChange:()=>{h&&c&&(c(""),x("")),j(!h)}}),e.jsx(i.TitleSmall,{style:{marginLeft:8},children:"Add discount code"})]}),h&&e.jsxs("div",{ref:v,style:{margin:10},children:[e.jsx(a.Input,{placeholder:"Enter your discount code",onChangeText:e=>{c&&c(e)},value:d,onFocus:()=>{C(!0)},onBlur:e=>{var r;"addVar"===(null==(r=e.relatedTarget)?void 0:r.id)?(v.current&&v.current.focus(),C(!0)):C(!1)},noErrorHint:!0,validate:e=>[!0,""]}),p&&e.jsx(l.AddVariableStyled,{ref:g,id:"addVar",onClick:e=>{e.stopPropagation(),f((()=>y)),m(!0)},children:e.jsxs("div",{className:"add",children:[e.jsx(r.default,{width:14,height:14,color:"white"}),e.jsx("div",{className:"variable",children:"Add variable"})]})})]})]})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/arrow_back.svg.js"),i=require("../../../assets/icons/info.svg.js");require("../../curtain/CurtainHelper.js");var s=require("../../variable-picker-v3/model.js"),a=require("react"),r=require("../../button/Button.js"),o=require("../../image-cropper/BikImageCropper.js");require("../../image-compress/ImageCompress.js"),require("../../states/StateComponent.js"),require("../../../_virtual/_tslib.js"),require("../../../constants/zindex.js"),require("../../modals/styledModal.js");var l=require("../../spinner/Spinner.js"),n=require("../../input-with-vars/InputWithVariables.js");require("../../template-preview/TemplatePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js");var d=require("../../../constants/Theme.js"),p=require("../../template-preview/models/TemplateMeta.js"),c=require("../../template-preview/models/WhatsAppTemplate.js");require("../../template-preview/models/Channels.js");var u=require("../../TypographyStyle.js"),g=require("../../../utils/validator.js"),m=require("../../../assets/icons/file.svg.js"),j=require("../../../assets/icons/filePdf.svg.js"),h=require("../../../assets/icons/image.svg.js"),x=require("../../../assets/icons/upload.svg.js"),E=require("../context/templateModalContext.js"),v=require("../utils/validateIsUrl.js");exports.default=b=>{let{setOpenEditMedia:f,mediaComponentFormat:y,variableListForImage:T,openEditMedia:C,uploadMedia:M,fileRef:A,useEditWhatsappTemplateMediaResponse:q,skipAddVariable:I}=b;const{pod:D,setHideCrossButton:O,setHideFooterButton:S}=E.useTemplateModalContext(),[P,R]=a.useState(""),[w,k]=a.useState(void 0),[H,L]=a.useState(!1),[_,B]=a.useState("");let V;if(a.useEffect((()=>(S(!0),()=>{S(!1)})),[]),a.useEffect((()=>{const e=document.querySelector('[class*="ModalWrapper"]');e&&k(e)}),[q.loading]),V=y===p.HEADER_TYPES.IMAGE?"image/png, image/jpeg":y===p.HEADER_TYPES.VIDEO?"video/mp4":"application/pdf",!C)return e.jsx(e.Fragment,{});const U=()=>y===p.HEADER_TYPES.IMAGE?"Image":y===p.HEADER_TYPES.VIDEO?"Video":"Document";return e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:"10px",alignItems:"center",marginBottom:"16px"}},{children:[e.jsx(t.default,{onClick:e=>{e.stopPropagation(),f(!1),R("")},style:{cursor:"pointer"},width:16,height:16}),e.jsx(u.TitleRegular,{children:"Update Media"})]})),e.jsxs("div",Object.assign({style:{position:"relative",padding:16,borderRadius:4,border:H?`1px dashed ${d.DEFAULT_THEME.colorsV2.stroke.negative.vibrant}`:`1px dashed ${d.DEFAULT_THEME.colorsV2.stroke.primary}`,backgroundColor:d.DEFAULT_THEME.colorsV2.surface.subdued,width:"100%",height:"100%",alignItems:"center",display:q.loading?"flex":"initial"}},{children:[e.jsxs("div",Object.assign({style:{marginBottom:24,display:"flex",justifyContent:"center",flexDirection:"column",alignItems:"center",gap:16}},{children:[q.loading?e.jsx(l.PureSpinner,{width:"40px",height:"40px",color:d.COLORS.content.brand}):e.jsx("div",Object.assign({style:{height:64,width:64,borderRadius:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:d.DEFAULT_THEME.colorsV2.background.base}},{children:y===p.HEADER_TYPES.IMAGE?e.jsx(h.default,{width:40,height:40}):y===p.HEADER_TYPES.VIDEO?e.jsx(m.default,{width:40,height:40}):e.jsx(j.default,{width:40,height:40})})),e.jsx(u.TitleMedium,{children:q.loading?"Upload in progress...":y===p.HEADER_TYPES.IMAGE?"Upload an image":y===p.HEADER_TYPES.VIDEO?"Upload a video":"Upload a document"}),e.jsx(u.BodySecondary,Object.assign({color:d.COLORS.content.secondary},{children:q.loading?`Your ${y.toLowerCase()} is getting loaded. This may take a couple of minutes.`:y===p.HEADER_TYPES.IMAGE?"JPEG/ PNG format • Max 5MB":y===p.HEADER_TYPES.VIDEO?"MP4 format video • Max 16MB":"PDF format document • Max 100MB"}))]})),!q.loading&&e.jsxs(e.Fragment,{children:[e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"6px"}},{children:e.jsx(n.InputWithVariables,{labelText:`${U()} URL`,onPickerToggle:e=>{O(!!e)},pickerType:s.PickerType.EMBEDDED,portalElement:null!=w?w:document.body,noMaxCharCheck:!0,allowMix:!1,onChange:e=>{B(e.actualValue),L(!1)},showVarHeader:!0,varHeaderText:"Select variable",errorMessage:P,prevVariable:{actualValue:"",variableType:"string"},variablesList:T,placeHolder:I?"Enter URL":"Enter URL/Add variable",showAddButton:D!==c.POD.CAMPAIGN||!I&&y===p.HEADER_TYPES.IMAGE})})),e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"4px",marginBottom:"12px"}},{children:[e.jsx("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}}),e.jsx(u.BodyCaption,{children:"Or upload media from device"}),e.jsx("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}})]})),e.jsx("div",Object.assign({style:{display:"flex",width:"100%"}},{children:e.jsx(r.Button,{matchParentWidth:!0,buttonText:"Upload",buttonType:"dashBold",LeadingIcon:x.default,onClick:()=>{M(),L(!1)},size:"medium"})}))]}),H&&e.jsxs("div",Object.assign({style:{position:"absolute",display:"flex",alignItems:"center",bottom:-24,left:0,gap:4}},{children:[e.jsx(i.default,{width:16,height:16,color:d.COLORS.content.negative}),e.jsx(u.BodyCaption,Object.assign({style:{color:d.COLORS.content.negative}},{children:`Select ${U()}`}))]}))]})),!q.loading&&e.jsx("div",Object.assign({style:{display:"flex",justifyContent:"flex-end",marginTop:8}},{children:e.jsx(r.Button,{buttonText:`Add ${U()}`,onClick:()=>{_?g.validateURL(_)||v.isVariable(_)?(M(_),f(!1),R(""),L(!1)):R("Enter valid URL"):L(!0)}})})),e.jsx("input",{ref:A,style:{display:"none"},type:"file",onChange:q.handleImageUpload,accept:V}),!!q.selectedImage&&e.jsx(o.BikImageCropper,{aspectRatio:15/8,src:q.selectedImage,onCropComplete:q.onCropComplete,onCancel:()=>{q.setLoading(!1),q.setSelectedImage(""),A.current&&(A.current.value="")}})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/arrow_back.svg.js"),a=require("../../../assets/icons/info.svg.js");require("../../curtain/CurtainHelper.js");var i=require("../../variable-picker-v3/model.js"),r=require("react"),s=require("../../button/Button.js"),o=require("../../image-cropper/BikImageCropper.js");require("../../image-compress/ImageCompress.js");var l=require("../../../constants/Theme.js"),n=require("../../spinner/Spinner.js"),d=require("../../TypographyStyle.js");require("../../states/StateComponent.styled.js"),require("../../../constants/zindex.js"),require("../../modals/styledModal.js");var p=require("../../input-with-vars/InputWithVariables.js");require("../../template-preview/TemplatePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js");var c=require("../../template-preview/models/TemplateMeta.js"),u=require("../../template-preview/models/WhatsAppTemplate.js"),g=require("../../../utils/validator.js"),m=require("../../../assets/icons/file.svg.js"),h=require("../../../assets/icons/filePdf.svg.js"),x=require("../../../assets/icons/image.svg.js"),E=require("../../../assets/icons/upload.svg.js"),j=require("../context/templateModalContext.js"),v=require("../utils/validateIsUrl.js");exports.default=y=>{let{setOpenEditMedia:f,mediaComponentFormat:T,variableListForImage:C,openEditMedia:b,uploadMedia:M,fileRef:A,useEditWhatsappTemplateMediaResponse:I,skipAddVariable:q}=y;const{pod:D,setHideCrossButton:S,setHideFooterButton:P}=j.useTemplateModalContext(),[R,k]=r.useState(""),[w,H]=r.useState(void 0),[L,B]=r.useState(!1),[V,_]=r.useState("");let O;if(r.useEffect((()=>(P(!0),()=>{P(!1)})),[]),r.useEffect((()=>{const e=document.querySelector('[class*="ModalWrapper"]');e&&H(e)}),[I.loading]),O=T===c.HEADER_TYPES.IMAGE?"image/png, image/jpeg":T===c.HEADER_TYPES.VIDEO?"video/mp4":"application/pdf",!b)return e.jsx(e.Fragment,{});const U=()=>T===c.HEADER_TYPES.IMAGE?"Image":T===c.HEADER_TYPES.VIDEO?"Video":"Document";return e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",gap:"10px",alignItems:"center",marginBottom:"16px"},children:[e.jsx(t.default,{onClick:e=>{e.stopPropagation(),f(!1),k("")},style:{cursor:"pointer"},width:16,height:16}),e.jsx(d.TitleRegular,{children:"Update Media"})]}),e.jsxs("div",{style:{position:"relative",padding:16,borderRadius:4,border:L?`1px dashed ${l.DEFAULT_THEME.colorsV2.stroke.negative.vibrant}`:`1px dashed ${l.DEFAULT_THEME.colorsV2.stroke.primary}`,backgroundColor:l.DEFAULT_THEME.colorsV2.surface.subdued,width:"100%",height:"100%",alignItems:"center",display:I.loading?"flex":"initial"},children:[e.jsxs("div",{style:{marginBottom:24,display:"flex",justifyContent:"center",flexDirection:"column",alignItems:"center",gap:16},children:[I.loading?e.jsx(n.PureSpinner,{width:"40px",height:"40px",color:l.COLORS.content.brand}):e.jsx("div",{style:{height:64,width:64,borderRadius:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:l.DEFAULT_THEME.colorsV2.background.base},children:T===c.HEADER_TYPES.IMAGE?e.jsx(x.default,{width:40,height:40}):T===c.HEADER_TYPES.VIDEO?e.jsx(m.default,{width:40,height:40}):e.jsx(h.default,{width:40,height:40})}),e.jsx(d.TitleMedium,{children:I.loading?"Upload in progress...":T===c.HEADER_TYPES.IMAGE?"Upload an image":T===c.HEADER_TYPES.VIDEO?"Upload a video":"Upload a document"}),e.jsx(d.BodySecondary,{color:l.COLORS.content.secondary,children:I.loading?`Your ${T.toLowerCase()} is getting loaded. This may take a couple of minutes.`:T===c.HEADER_TYPES.IMAGE?"JPEG/ PNG format • Max 5MB":T===c.HEADER_TYPES.VIDEO?"MP4 format video • Max 16MB":"PDF format document • Max 100MB"})]}),!I.loading&&e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"6px"},children:e.jsx(p.InputWithVariables,{labelText:`${U()} URL`,onPickerToggle:e=>{S(!!e)},pickerType:i.PickerType.EMBEDDED,portalElement:null!=w?w:document.body,noMaxCharCheck:!0,allowMix:!1,onChange:e=>{_(e.actualValue),B(!1)},showVarHeader:!0,varHeaderText:"Select variable",errorMessage:R,prevVariable:{actualValue:"",variableType:"string"},variablesList:C,placeHolder:q?"Enter URL":"Enter URL/Add variable",showAddButton:D!==u.POD.CAMPAIGN||!q&&T===c.HEADER_TYPES.IMAGE})}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"4px",marginBottom:"12px"},children:[e.jsx("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}}),e.jsx(d.BodyCaption,{children:"Or upload media from device"}),e.jsx("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}})]}),e.jsx("div",{style:{display:"flex",width:"100%"},children:e.jsx(s.Button,{matchParentWidth:!0,buttonText:"Upload",buttonType:"dashBold",LeadingIcon:E.default,onClick:()=>{M(),B(!1)},size:"medium"})})]}),L&&e.jsxs("div",{style:{position:"absolute",display:"flex",alignItems:"center",bottom:-24,left:0,gap:4},children:[e.jsx(a.default,{width:16,height:16,color:l.COLORS.content.negative}),e.jsx(d.BodyCaption,{style:{color:l.COLORS.content.negative},children:`Select ${U()}`})]})]}),!I.loading&&e.jsx("div",{style:{display:"flex",justifyContent:"flex-end",marginTop:8},children:e.jsx(s.Button,{buttonText:`Add ${U()}`,onClick:()=>{V?g.validateURL(V)||v.isVariable(V)?(M(V),f(!1),k(""),B(!1)):k("Enter valid URL"):B(!0)}})}),e.jsx("input",{ref:A,style:{display:"none"},type:"file",onChange:I.handleImageUpload,accept:O}),!!I.selectedImage&&e.jsx(o.BikImageCropper,{aspectRatio:15/8,src:I.selectedImage,onCropComplete:I.onCropComplete,onCancel:()=>{I.setLoading(!1),I.setSelectedImage(""),A.current&&(A.current.value="")}})]})};

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

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../../assets/icons/broken_media_image.svg.js"),t=require("../../../assets/icons/document_pdf.svg.js"),s=require("../../../assets/icons/edit.svg.js"),r=require("../../../assets/icons/refresh.svg.js"),n=require("styled-components"),a=require("../../shimmer-image/ShimmerImage.js"),o=require("../../spinner/Spinner.js"),l=require("../../template-preview/models/TemplateMeta.js"),d=require("../../TypographyStyle.js"),c=require("../../../utils/StringUtils.js"),g=require("../../../constants/Theme.js"),h=require("../context/templateModalContext.js"),u=require("./EditMediaV2.style.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const m=j(n).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../../assets/icons/broken_media_image.svg.js"),t=require("../../../assets/icons/document_pdf.svg.js"),r=require("../../../assets/icons/edit.svg.js"),s=require("../../../assets/icons/refresh.svg.js"),n=require("styled-components"),o=require("../../shimmer-image/ShimmerImage.js"),l=require("../../spinner/Spinner.js"),a=require("../../template-preview/models/TemplateMeta.js"),d=require("../../TypographyStyle.js"),c=require("../../../utils/StringUtils.js"),h=require("../../../constants/Theme.js"),u=require("../context/templateModalContext.js"),g=require("./EditMediaV2.style.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const p=m(n).default.div`
 	padding-left: 14px;
 	padding-right: 6px;
 	height: 100%;
-	border-left: 1px solid ${g.COLORS.stroke.primary};
+	border-left: 1px solid ${h.COLORS.stroke.primary};
 	cursor: pointer;
 	display: flex;
 	align-items: center;
-`;exports.default=n=>{const{imageName:j,error:p,isLoading:x,mediaType:f,selectedVariable:y,setOpenEditMedia:O}=n,b=null==j?void 0:j[0].split("/"),v=null==b?void 0:b[b.length-1],{disableEditVariable:C}=h.useTemplateModalContext();return e.jsxs(u.Container,{children:[e.jsx(u.ImageContainer,Object.assign({error:!!p,onClick:()=>null==O?void 0:O(!0)},{children:p?e.jsx(i.default,{width:56,height:56}):x?e.jsx(o.Spinner,{size:"small"}):y?e.jsx(a.ShimmerImage,{imageUrl:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F629bff40-6405-4514-9203-029bca59a7b0?alt=media&token=228e2231-176e-46d8-b29f-532d72592f51",width:56,height:56}):f===l.HEADER_TYPES.IMAGE?e.jsx(a.ShimmerImage,{imageUrl:null==j?void 0:j[0],width:56,height:56}):f===l.HEADER_TYPES.VIDEO?e.jsx("video",Object.assign({src:j[0],style:{width:56,height:56}},{children:e.jsx("track",{default:!0,kind:"captions",srcLang:"en",src:j[0]})})):e.jsx(t.default,{width:18,height:22,color:g.COLORS.content.placeholder})})),e.jsxs(u.RightComponent,{children:[e.jsx("div",Object.assign({style:{flex:p?"unset":1}},{children:j&&p?e.jsx(e.Fragment,{}):x?e.jsx(d.BodyCaption,Object.assign({style:{marginLeft:8}},{children:"Your media is getting loaded..."})):e.jsx(d.BodySecondary,Object.assign({style:{color:g.COLORS.content.primary,marginLeft:8}},{children:y||c.default.toCapitilize(null==f?void 0:f.toLowerCase())||v}))})),!!p&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",marginLeft:8,gap:"2px"}},{children:[e.jsxs(d.BodySecondary,Object.assign({style:{color:g.COLORS.content.negative}},{children:["Error loading this ",null==f?void 0:f.toLowerCase(),". Retry"]})),e.jsx(d.Caption,Object.assign({style:{color:g.COLORS.content.secondary}},{children:p}))]}))]}),!C&&!x&&e.jsx(m,Object.assign({onClick:()=>null==O?void 0:O(!0),onKeyDown:()=>null==O?void 0:O(!0),role:"presentation"},{children:p?e.jsx(r.default,{color:g.COLORS.content.brand,width:24,height:24}):e.jsx(s.default,{width:24,height:24,color:g.COLORS.content.placeholder})}))]})};
+`;exports.default=n=>{const{imageName:m,error:j,isLoading:x,mediaType:f,selectedVariable:y,setOpenEditMedia:v}=n,C=null==m?void 0:m[0].split("/"),S=null==C?void 0:C[C.length-1],{disableEditVariable:O}=u.useTemplateModalContext();return e.jsxs(g.Container,{children:[e.jsx(g.ImageContainer,{error:!!j,onClick:()=>null==v?void 0:v(!0),children:j?e.jsx(i.default,{width:56,height:56}):x?e.jsx(l.Spinner,{size:"small"}):y?e.jsx(o.ShimmerImage,{imageUrl:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F629bff40-6405-4514-9203-029bca59a7b0?alt=media&token=228e2231-176e-46d8-b29f-532d72592f51",width:56,height:56}):f===a.HEADER_TYPES.IMAGE?e.jsx(o.ShimmerImage,{imageUrl:null==m?void 0:m[0],width:56,height:56}):f===a.HEADER_TYPES.VIDEO?e.jsx("video",{src:m[0],style:{width:56,height:56},children:e.jsx("track",{default:!0,kind:"captions",srcLang:"en",src:m[0]})}):e.jsx(t.default,{width:18,height:22,color:h.COLORS.content.placeholder})}),e.jsxs(g.RightComponent,{children:[e.jsx("div",{style:{flex:j?"unset":1},children:m&&j?e.jsx(e.Fragment,{}):x?e.jsx(d.BodyCaption,{style:{marginLeft:8},children:"Your media is getting loaded..."}):e.jsx(d.BodySecondary,{style:{color:h.COLORS.content.primary,marginLeft:8},children:y||c.default.toCapitilize(null==f?void 0:f.toLowerCase())||S})}),!!j&&e.jsxs("div",{style:{display:"flex",flexDirection:"column",marginLeft:8,gap:"2px"},children:[e.jsxs(d.BodySecondary,{style:{color:h.COLORS.content.negative},children:["Error loading this ",null==f?void 0:f.toLowerCase(),". Retry"]}),e.jsx(d.Caption,{style:{color:h.COLORS.content.secondary},children:j})]})]}),!O&&!x&&e.jsx(p,{onClick:()=>null==v?void 0:v(!0),onKeyDown:()=>null==v?void 0:v(!0),role:"presentation",children:j?e.jsx(s.default,{color:h.COLORS.content.brand,width:24,height:24}):e.jsx(r.default,{width:24,height:24,color:h.COLORS.content.placeholder})})]})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("lodash"),a=require("react"),i=require("../../input/Input.js"),n=require("../../template-preview/models/Channels.js"),l=require("../../template-preview/models/TemplateMeta.js"),o=require("../context/templateModalContext.js"),s=require("../helpers/WebpushTemplateHelper.js"),d=require("../utils/getDataFromTemplateComponent.js"),r=require("./EditMediaModal.js"),p=require("./EditMediaV2.js"),u=require("./EditMediaV2.style.js"),c=require("./useEditWhtasappTemplateMedia.js"),m=require("./VariableConnectorsPanel.js"),h=require("./VariableConnectorWhatsApp.js"),b=require("./VariableEditorHeader.js"),g=require("./WhatsAppTemplateCardButtonV2.js");exports.default=f=>{let{template:M,onTemplateChange:E,whatsappSpecificPickerMeta:j,showVariableModal:C}=f;var T,x,v;const[V,L]=a.useState(null),[y,I]=a.useState(null),{variableList:w,disableEditVariable:O,originalVariableList:q,setOriginalVariableList:R}=o.useTemplateModalContext(),{processWebpushTemplate:A,isValidUrl:S}=s.default(),[k,B]=a.useState(null),[D,W]=a.useState(null),[H,P]=a.useState(null);a.useEffect((()=>{w&&A(M,w,q,O).then((e=>{let{templateVariableMapping:t,template:a,webpushBroadcastConfig:i}=e;L(t),null==R||R(t),null==E||E(Object.assign({},a)),I(i)}))}),[w,O]);const{descriptionComponents:F,bodyVariables:U,titleVariables:_}=a.useMemo((()=>{if(V&&y){const e=d.getAllDataFromWebpushTemplateComponent(y,V);return k||B(e.iconImage),D||W(e.bannerImage),H||P(e.redirectionLink),{descriptionComponents:e.descriptionComponents,bodyVariables:e.bodyVariables,titleVariables:e.titleVariables}}return{descriptionComponents:[],bodyVariables:[],titleVariables:[],iconImage:null,bannerImage:null}}),[V,y]),{uploadMediaLink:N,uploadMediaFiles:Y,validateMimeType:G}=j,$=a.useRef(null),K=c.useEditWhatsappTemplateMedia({uploadMediaLink:N,uploadMediaFiles:Y,updateTemplateImageUrl:e=>J(e,"icon"),validateMimeType:G,mediaComponent:k,fileRef:$}),z=c.useEditWhatsappTemplateMedia({uploadMediaLink:N,uploadMediaFiles:Y,updateTemplateImageUrl:e=>J(e,"image"),validateMimeType:G,mediaComponent:D,fileRef:$});function J(e,a){const i=Object.assign({},M),n=t.cloneDeep(i);"icon"===a?(n.webpushBroadcastConfig.icon=[e],B([e])):"image"===a&&(n.webpushBroadcastConfig.image=[e],W([e])),null==E||E(Object.assign({},n))}function Q(e,a,i){var n;const l=Object.assign({},M),o=t.cloneDeep(l),s="custom"===a&&"string"==typeof e,d=null===(n=null==o?void 0:o.webpushBroadcastConfig)||void 0===n?void 0:n.buttons;if(d&&d.length>0){d[i]=s?e:"string"!=typeof e?e.placeHolder:"";const t=Object.assign(Object.assign({},o.webpushBroadcastConfig),{buttons:d});o.webpushBroadcastConfig=t}null==E||E(o)}const X=K.openEditMedia?K:z.openEditMedia?z:null;if(X)return e.jsx(m.Container,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460}},{children:e.jsx(r.default,{mediaComponentFormat:l.HEADER_TYPES.IMAGE,uploadMedia:X.uploadMedia,variableListForImage:[],useEditWhatsappTemplateMediaResponse:X,setOpenEditMedia:X.setOpenEditMedia,openEditMedia:X.openEditMedia,editIconRef:X.editIconRef,fileRef:$,skipAddVariable:!0})}));return e.jsxs(m.Container,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460,minWidth:"auto"}},{children:[k&&k.length?e.jsx(u.EditTemplateMediaContainer,{children:e.jsx(p.default,{imageName:k,handleImageChange:K.handleImageChange,mediaType:l.HEADER_TYPES.IMAGE,error:K.error,isLoading:K.loading,setOpenEditMedia:K.setOpenEditMedia})}):null,D&&D.length?e.jsx(u.EditTemplateMediaContainer,{children:e.jsx(p.default,{imageName:D,handleImageChange:z.handleImageChange,mediaType:l.HEADER_TYPES.IMAGE,error:z.error,isLoading:z.loading,setOpenEditMedia:z.setOpenEditMedia})}):null,(null==U?void 0:U.length)||(null==_?void 0:_.length)?e.jsx(b.default,{containerStyle:{paddingTop: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,null==F?void 0:F.map(((t,a)=>e.jsx(h.default,{originalVariableList:V,originalList:q,channel:n.CHANNEL_TYPE.WEBPUSH,type:t.type,descriptionComponent:t.component,showVariableModal:C},a))),H&&H.length?e.jsx("div",Object.assign({style:{padding:"16px 14px"}},{children:e.jsx(i.Input,{labelText:"Redirection Link",id:"redirection-link",value:H[0].replace("https://",""),errorMessage:S(H[0])?"":"Please enter a valid URL",maxCharLimit:2e3,noKeyDownChange:!0,state:O?"disabled":"none",prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:e=>{!function(e){var a;const i=`https://${e}`;P([i]);const n=t.cloneDeep(M);(null===(a=n.webpushBroadcastConfig)||void 0===a?void 0:a.redirectionLink)&&(n.webpushBroadcastConfig.redirectionLink=[i]),null==E||E(Object.assign({},n))}(e)}})})):e.jsx(e.Fragment,{}),(null===(x=null===(T=null==V?void 0:V.buttons)||void 0===T?void 0:T.filter((e=>"URL"===e.type)))||void 0===x?void 0:x.length)>0&&e.jsx(b.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),null===(v=null==V?void 0:V.buttons)||void 0===v?void 0:v.map(((t,a)=>e.jsx(g.default,{variableListIndex:a,CTAoptions:null==j?void 0:j.CTAoptions,button:t,currentVariableList:V,updateSelectedURLTemplateBtn:Q},`${a}`)))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("lodash"),a=require("react"),i=require("../../input/Input.js"),n=require("../../template-preview/models/Channels.js"),l=require("../../template-preview/models/TemplateMeta.js"),r=require("../context/templateModalContext.js"),o=require("../helpers/WebpushTemplateHelper.js"),s=require("../utils/getDataFromTemplateComponent.js"),d=require("./EditMediaModal.js"),p=require("./EditMediaV2.js"),u=require("./EditMediaV2.style.js"),c=require("./useEditWhtasappTemplateMedia.js"),m=require("./VariableConnectorsPanel.js"),h=require("./VariableConnectorWhatsApp.js"),b=require("./VariableEditorHeader.js"),g=require("./WhatsAppTemplateCardButtonV2.js"),f=Object.defineProperty,M=Object.defineProperties,E=Object.getOwnPropertyDescriptors,C=Object.getOwnPropertySymbols,T=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,j=(e,t,a)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,v=(e,t)=>{for(var a in t||(t={}))T.call(t,a)&&j(e,a,t[a]);if(C)for(var a of C(t))x.call(t,a)&&j(e,a,t[a]);return e};exports.default=f=>{let{template:C,onTemplateChange:T,whatsappSpecificPickerMeta:x,showVariableModal:j}=f;var y,V,w;const[L,I]=a.useState(null),[q,O]=a.useState(null),{variableList:R,disableEditVariable:A,originalVariableList:P,setOriginalVariableList:S}=r.useTemplateModalContext(),{processWebpushTemplate:D,isValidUrl:k}=o.default(),[B,W]=a.useState(null),[H,F]=a.useState(null),[U,_]=a.useState(null);a.useEffect((()=>{R&&D(C,R,P,A).then((e=>{let{templateVariableMapping:t,template:a,webpushBroadcastConfig:i}=e;I(t),null==S||S(t),null==T||T(v({},a)),O(i)}))}),[R,A]);const{descriptionComponents:N,bodyVariables:Y,titleVariables:G}=a.useMemo((()=>{if(L&&q){const e=s.getAllDataFromWebpushTemplateComponent(q,L);return B||W(e.iconImage),H||F(e.bannerImage),U||_(e.redirectionLink),{descriptionComponents:e.descriptionComponents,bodyVariables:e.bodyVariables,titleVariables:e.titleVariables}}return{descriptionComponents:[],bodyVariables:[],titleVariables:[],iconImage:null,bannerImage:null}}),[L,q]),{uploadMediaLink:$,uploadMediaFiles:K,validateMimeType:z}=x,J=a.useRef(null),Q=c.useEditWhatsappTemplateMedia({uploadMediaLink:$,uploadMediaFiles:K,updateTemplateImageUrl:e=>Z(e,"icon"),validateMimeType:z,mediaComponent:B,fileRef:J}),X=c.useEditWhatsappTemplateMedia({uploadMediaLink:$,uploadMediaFiles:K,updateTemplateImageUrl:e=>Z(e,"image"),validateMimeType:z,mediaComponent:H,fileRef:J});function Z(e,a){const i=v({},C),n=t.cloneDeep(i);"icon"===a?(n.webpushBroadcastConfig.icon=[e],W([e])):"image"===a&&(n.webpushBroadcastConfig.image=[e],F([e])),null==T||T(v({},n))}function ee(e,a,i){var n;const l=v({},C),r=t.cloneDeep(l),o="custom"===a&&"string"==typeof e,s=null==(n=null==r?void 0:r.webpushBroadcastConfig)?void 0:n.buttons;if(s&&s.length>0){s[i]=o?e:"string"!=typeof e?e.placeHolder:"";const t=(d=v({},r.webpushBroadcastConfig),M(d,E({buttons:s})));r.webpushBroadcastConfig=t}var d;null==T||T(r)}const te=Q.openEditMedia?Q:X.openEditMedia?X:null;if(te)return e.jsx(m.Container,{style:{flexDirection:"column",width:400,maxHeight:460},children:e.jsx(d.default,{mediaComponentFormat:l.HEADER_TYPES.IMAGE,uploadMedia:te.uploadMedia,variableListForImage:[],useEditWhatsappTemplateMediaResponse:te,setOpenEditMedia:te.setOpenEditMedia,openEditMedia:te.openEditMedia,editIconRef:te.editIconRef,fileRef:J,skipAddVariable:!0})});return e.jsxs(m.Container,{style:{flexDirection:"column",width:400,maxHeight:460,minWidth:"auto"},children:[B&&B.length?e.jsx(u.EditTemplateMediaContainer,{children:e.jsx(p.default,{imageName:B,handleImageChange:Q.handleImageChange,mediaType:l.HEADER_TYPES.IMAGE,error:Q.error,isLoading:Q.loading,setOpenEditMedia:Q.setOpenEditMedia})}):null,H&&H.length?e.jsx(u.EditTemplateMediaContainer,{children:e.jsx(p.default,{imageName:H,handleImageChange:X.handleImageChange,mediaType:l.HEADER_TYPES.IMAGE,error:X.error,isLoading:X.loading,setOpenEditMedia:X.setOpenEditMedia})}):null,(null==Y?void 0:Y.length)||(null==G?void 0:G.length)?e.jsx(b.default,{containerStyle:{paddingTop: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,null==N?void 0:N.map(((t,a)=>e.jsx(h.default,{originalVariableList:L,originalList:P,channel:n.CHANNEL_TYPE.WEBPUSH,type:t.type,descriptionComponent:t.component,showVariableModal:j},a))),U&&U.length?e.jsx("div",{style:{padding:"16px 14px"},children:e.jsx(i.Input,{labelText:"Redirection Link",id:"redirection-link",value:U[0].replace("https://",""),errorMessage:k(U[0])?"":"Please enter a valid URL",maxCharLimit:2e3,noKeyDownChange:!0,state:A?"disabled":"none",prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:e=>{!function(e){var a;const i=`https://${e}`;_([i]);const n=t.cloneDeep(C);(null==(a=n.webpushBroadcastConfig)?void 0:a.redirectionLink)&&(n.webpushBroadcastConfig.redirectionLink=[i]),null==T||T(v({},n))}(e)}})}):e.jsx(e.Fragment,{}),(null==(V=null==(y=null==L?void 0:L.buttons)?void 0:y.filter((e=>"URL"===e.type)))?void 0:V.length)>0&&e.jsx(b.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),null==(w=null==L?void 0:L.buttons)?void 0:w.map(((t,a)=>e.jsx(g.default,{variableListIndex:a,CTAoptions:null==x?void 0:x.CTAoptions,button:t,currentVariableList:L,updateSelectedURLTemplateBtn:ee},`${a}`)))]})};

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

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

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

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

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/info.svg.js"),r=require("react"),i=require("styled-components"),s=require("../../button/Button.js"),l=require("../../tag/Tag.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 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`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/info.svg.js"),r=require("react"),l=require("styled-components"),s=require("../../button/Button.js"),i=require("../../tag/Tag.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");var n=require("../../template-preview/models/Channels.js"),o=require("../../template-preview/helpers/templateMiscHelper.js"),u=require("../../TypographyStyle.js"),p=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(l).default.div`
 	background: ${a.COLORS.surface.standard};
 	border-top-width: 1px;
 	border-top-color: ${a.COLORS.stroke.primary};
@@ -6,10 +6,10 @@
 	width: 100%;
 	padding: 0 24px;
 	display: flex;
-	justify-content: ${e=>{var t;return null!==(t=e.justifyContent)&&void 0!==t?t:"end"}};
+	justify-content: ${e=>{var t;return null!=(t=e.justifyContent)?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=i=>{let{isWhatsappCarousel:c,onSelect:m,footerButtonText:v,footerInfoText:j}=i;var g,h,b,f;const{isError:q,selectedCarouselIndex:C,setSelectedCarouselIndex:T,setErrorIndexes:y,template:w,showVariablePicker:S,hideFooterButton:O}=d.useTemplateModalContext(),[P,W]=r.useState(c?"Next":"Select template");return r.useEffect((()=>{v?W(v):c&&-1===C?W("Next"):c&&null!=C&&C>-1&&W("Save & Select Template")}),[C]),e.jsxs(x,Object.assign({isWhatsappCarousel:c,justifyContent:c&&(null===(h=null===(g=null==w?void 0:w.mapping)||void 0===g?void 0:g.body)||void 0===h?void 0:h.length)?"space-between":"end"},{children:[n.isRCSChannel((null==w?void 0:w.channel)||o.CHANNEL_TYPE.WHATSAPP)?e.jsx(p.TitleRegular,{}):c&&null!=C&&C>=-1&&!!(null===(f=null===(b=null==w?void 0:w.mapping)||void 0===b?void 0:b.body)||void 0===f?void 0:f.length)&&e.jsx(p.TitleRegular,Object.assign({color:a.COLORS.text.secondary},{children:`Step ${-1===C?1:2}/2`})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center"}},{children:[q&&e.jsx(u.Badge,{errorText:"Some inputs are missing or incorrect. Please check"}),!q&&j&&e.jsx("div",Object.assign({style:{marginRight:12}},{children:e.jsx(l.Tag,{tagText:j,LeadingIcon:t.default})})),!O&&e.jsx(s.Button,{disabled:S,id:"select-template-btn",buttonText:P,size:c?"small":"large",onClick:function(){c&&-1===C&&T?T(0):(null==y||y([]),m())}})]}))]}))};
+`;exports.default=l=>{let{isWhatsappCarousel:c,onSelect:h,footerButtonText:m,footerInfoText:g}=l;var j,v,f,b;const{isError:C,selectedCarouselIndex:y,setSelectedCarouselIndex:q,setErrorIndexes:T,template:w,showVariablePicker:S,hideFooterButton:P}=d.useTemplateModalContext(),[W,k]=r.useState(c?"Next":"Select template");return r.useEffect((()=>{m?k(m):c&&-1===y?k("Next"):c&&null!=y&&y>-1&&k("Save & Select Template")}),[y]),e.jsxs(x,{isWhatsappCarousel:c,justifyContent:c&&(null==(v=null==(j=null==w?void 0:w.mapping)?void 0:j.body)?void 0:v.length)?"space-between":"end",children:[o.isRCSChannel((null==w?void 0:w.channel)||n.CHANNEL_TYPE.WHATSAPP)?e.jsx(u.TitleRegular,{}):c&&null!=y&&y>=-1&&!!(null==(b=null==(f=null==w?void 0:w.mapping)?void 0:f.body)?void 0:b.length)&&e.jsx(u.TitleRegular,{color:a.COLORS.text.secondary,children:`Step ${-1===y?1:2}/2`}),e.jsxs("div",{style:{display:"flex",flexDirection:"row",alignItems:"center"},children:[C&&e.jsx(p.Badge,{errorText:"Some inputs are missing or incorrect. Please check"}),!C&&g&&e.jsx("div",{style:{marginRight:12},children:e.jsx(i.Tag,{tagText:g,LeadingIcon:t.default})}),!P&&e.jsx(s.Button,{disabled:S,id:"select-template-btn",buttonText:W,size:c?"small":"large",onClick:function(){c&&-1===y&&q?q(0):(null==T||T([]),h())}})]})]})};

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

@@ -1,23 +1,23 @@
-"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`
+"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"),i=require("../../../constants/Theme.js"),d=require("../context/templateModalContext.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(n);const a=l.default.div`
 	padding-top: 12px;
 	padding-bottom: 12px;
 	padding-left: 30px;
 	padding-right: 30px;
-	background-color: ${s.COLORS.surface.subdued};
+	background-color: ${i.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`
+`,c=l.default.div`
 	display: flex;
-	border: 1px solid ${s.COLORS.stroke.primary};
+	border: 1px solid ${i.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};
+`,p=l.default.div`
+	background: ${e=>e.active?i.COLORS.background.brandLight:i.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=n=>{let{showOnlyContent:d}=n;const{device:a,setDevice:O}=i.useTemplateModalContext();return e.jsxs(l,Object.assign({showOnlyContent:d},{children:[e.jsxs(c,{children:[e.jsx(p,Object.assign({active:"mobile"===a,onClick:()=>null==O?void 0:O("mobile")},{children:e.jsx(o.default,{color:"mobile"===a?s.COLORS.content.brand:s.COLORS.content.secondary,height:20,width:20})})),e.jsx(u,Object.assign({active:"desktop"===a,onClick:()=>null==O?void 0:O("desktop")},{children:e.jsx(t.default,{color:"desktop"===a?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"===a?"Mobile":"Web"," view"]}))]}))};
+`,u=l.default(p)`
+	border-left: 1px solid ${i.COLORS.stroke.primary};
+`;exports.default=n=>{let{showOnlyContent:s}=n;const{device:l,setDevice:x}=d.useTemplateModalContext();return e.jsxs(a,{showOnlyContent:s,children:[e.jsxs(c,{children:[e.jsx(p,{active:"mobile"===l,onClick:()=>null==x?void 0:x("mobile"),children:e.jsx(o.default,{color:"mobile"===l?i.COLORS.content.brand:i.COLORS.content.secondary,height:20,width:20})}),e.jsx(u,{active:"desktop"===l,onClick:()=>null==x?void 0:x("desktop"),children:e.jsx(t.default,{color:"desktop"===l?i.COLORS.content.brand:i.COLORS.content.secondary,height:20,width:20})})]}),e.jsxs(r.BodyPrimary,{style:{color:i.COLORS.content.primary,marginLeft:16},children:["mobile"===l?"Mobile":"Web"," view"]})]})};

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

@@ -1,12 +1,12 @@
-"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`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("styled-components"),r=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");var a=require("../../template-preview/models/WhatsAppTemplate.js"),o=require("../../template-preview/models/Channels.js"),l=require("../context/templateModalContext.js"),s=require("../utils/getPreviewDimension.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=n(t),c=n(i),d=Object.defineProperty,h=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,f=(e,t,i)=>t in e?d(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i,w=(e,t)=>{for(var i in t||(t={}))u.call(t,i)&&f(e,i,t[i]);if(h)for(var i of h(t))m.call(t,i)&&f(e,i,t[i]);return e};const v=c.default.div`
 	position: relative;
 	height: 100%;
 	border-radius: 31px;
-	width: ${e=>o.getPreviewWidth(e.channel)}px;
+	width: ${e=>s.getPreviewWidth(e.channel)}px;
 	background-color: white;
 	margin: auto;
 	overflow-y: auto;
-`,h=d.default.div`
+`,b=c.default.div`
 	position: absolute;
 	flex: 1;
 	background-color: white;
@@ -17,9 +17,9 @@
 	height: calc(100% - 17px);
 	border-radius: 16px;
 	overflow-y: auto;
-`,m=p.default.forwardRef(((t,i)=>{let{display_content:n,channel:p,template:d,showSampleValues:m}=t;const{pod:v,hideDeviceContainerInPreview:w}=l.useTemplateModalContext(),f={showSampleValues:m,template:d,channel:p,smsSpecificMeta:{smsDisplayContent:n},whatsAppSpecificMeta:{showWhatsAppHeader:!0,whatsAppExtras:v!==r.POD.CHATBOT,containerStyle:{border:"none",borderBottomRightRadius:0,borderBottomLeftRadius:0,minHeight:426,width:p==s.CHANNEL_TYPE.RCS?"unset":240}},size:"small",hideHeader:!0,emailSpecificMeta:{emailDisplayContent:n,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_mobile",containerStyle:{height:"100%",width:"100%"},templateContainerStyles:{height:"100%"}},isPreview:!0,hidePointerEvents:!0};return w?e.jsx(u,{children:e.jsx(a.TemplatePreview,Object.assign({},f))}):e.jsx(e.Fragment,{children:e.jsxs(c,Object.assign({channel:p},{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(p),height:443}}),e.jsx(h,Object.assign({ref:i},{children:e.jsx(a.TemplatePreview,Object.assign({},f))}))]}))})}));m.displayName="MobilePreview";const u=d.default.div`
+`,j=p.default.forwardRef(((t,i)=>{let{display_content:n,channel:p,template:c,showSampleValues:d}=t;const{pod:h,hideDeviceContainerInPreview:u}=l.useTemplateModalContext(),m={showSampleValues:d,template:c,channel:p,smsSpecificMeta:{smsDisplayContent:n},whatsAppSpecificMeta:{showWhatsAppHeader:!0,whatsAppExtras:h!==a.POD.CHATBOT,containerStyle:{border:"none",borderBottomRightRadius:0,borderBottomLeftRadius:0,minHeight:426,width:p==o.CHANNEL_TYPE.RCS?"unset":240}},size:"small",hideHeader:!0,emailSpecificMeta:{emailDisplayContent:n,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_mobile",containerStyle:{height:"100%",width:"100%"},templateContainerStyles:{height:"100%"}},isPreview:!0,hidePointerEvents:!0};return u?e.jsx(g,{children:e.jsx(r.TemplatePreview,w({},m))}):e.jsx(e.Fragment,{children:e.jsxs(v,{channel:p,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:s.getPreviewWidth(p),height:443}}),e.jsx(b,{ref:i,children:e.jsx(r.TemplatePreview,w({},m))})]})})}));j.displayName="MobilePreview";const g=c.default.div`
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	flex: 1;
-`;exports.default=m;
+`;exports.default=j;

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

@@ -44,4 +44,4 @@
 			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()}})]}))]}))};
+`;exports.ProductBox=i=>{const{cardBody:c,deleteItem:a,editItem:f,hideIcon:x}=i;return e.jsxs(d,{width:"100%",children:[!x&&e.jsx("div",{style:{width:36,height:36},children:e.jsx(t.default,{})}),e.jsx("div",{className:"card-body",children:e.jsx(r.TitleSmall,{color:l.COLORS.content.secondary,children:c})}),e.jsxs("div",{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/QueryParamsComponent.js

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