@bikdotai/bik-component-library 0.0.736-beta.6 → 0.0.736-beta.7

package/dist/esm/components/template-preview/WhatsApp/ChatBtn.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Caption as r,BodySecondary as o}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";import{ChatBtnContainer as l}from"./ChatUI.style.js";const n=n=>{let{Icon:c,text:a,extraContent:s,placeholder:p,textTypography:h,size:d,iconPosition:f="left"}=n;const m=h||o;return e(l,{children:t("div",{style:{textAlign:"center",maxWidth:"100%"},children:[t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"},children:[c&&"left"===f&&e(c,{color:i.special.brand.facebook,height:16,width:16,style:{marginRight:8}}),e(m,{style:{color:i.special.brand.facebook,textAlign:"center",fontSize:"small"===d?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},children:a}),c&&"right"===f&&e(c,{color:i.special.brand.facebook,height:16,width:16,style:{marginLeft:8}})]}),!!s&&e(r,{style:{marginTop:2,color:i.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},children:p?function(e){return e.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,(function(e){return e.toUpperCase()}))}(p):s})]})})};export{n as ChatBtn};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Caption as r,BodySecondary as o}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";import{ChatBtnContainer as l}from"./ChatUI.style.js";const n=({Icon:n,text:c,extraContent:a,placeholder:s,textTypography:p,size:h,iconPosition:d="left"})=>{const f=p||o;return e(l,{children:t("div",{style:{textAlign:"center",maxWidth:"100%"},children:[t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"},children:[n&&"left"===d&&e(n,{color:i.special.brand.facebook,height:16,width:16,style:{marginRight:8}}),e(f,{style:{color:i.special.brand.facebook,textAlign:"center",fontSize:"small"===h?12:14,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},children:c}),n&&"right"===d&&e(n,{color:i.special.brand.facebook,height:16,width:16,style:{marginLeft:8}})]}),!!a&&e(r,{style:{marginTop:2,color:i.content.placeholder,textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},children:s?function(e){return e.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,function(e){return e.toUpperCase()})}(s):a})]})})};export{n as ChatBtn};

package/dist/esm/components/template-preview/WhatsApp/ChatUI.js

@@ -4,4 +4,4 @@ import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import o from"..
 	height: 8px;
 	left: -7.7px;
 	top: -8px;
-`,S=l=>{const{bodyText:S,footerText:N,headerMediaType:A,headerText:M,headerAssetLink:C,headerAssetName:L,quickReplybtn:k,ctaBtn:z,actionTypes:B,textType:E,extras:I,showHeader:P,imagePreviewStyles:R,size:W,children:H,isPreview:_}=l,U=new c,q=s((()=>({color:d.content.primary,margin:12,fontSize:P?h.caption.fontSize:h.bodySecondary.fontSize,fontWeight:h.bodySecondary.fontWeight,maxWidth:"100%",whiteSpace:"pre-wrap",marginBottom:0,marginTop:8,wordBreak:"break-word"})),[]);return e(g,{isPreview:_,children:[t(b,{children:t(o,{color:"white",height:8,width:8})}),A===f.TEXT?t(u,{bold:!0,text:null==M?void 0:M.replace(/</g,"&lt;").replace(/>/g,"&gt;")}):A!==f.NONE?t(j,{headerAssetLink:C,headerAssetName:L,mediaType:A,imagePreviewStyles:A===f.IMAGE?R:{}}):t(r,{}),!!S&&t(r,{children:t(r,H?{children:H}:{children:"html"===E?t("div",{className:"richTextEditor",style:q,dangerouslySetInnerHTML:{__html:U.convertToHTML(S)}}):t(p,{children:null==S?void 0:S.replace(/</g,"&lt;").replace(/>/g,"&gt;")})})}),e(x,{children:[t(n,{body:null!=N?N:"",placement:"top",children:t(v,{style:{flex:1},children:N})}),t(w,{children:"16:48"})]}),B===y.QUICK_REPLY?t("div",{children:null==k?void 0:k.map(((e,r)=>t(T,{text:e.text},r)))}):B===y.CTA_BTN?t("div",{children:null==z?void 0:z.map(((e,r)=>t(T,{textTypography:P?m:p,extraContent:I?e.extra:void 0,placeholder:e.placeholder,text:e.text,Icon:"phoneNumber"===e.type?i:a,size:W},r)))}):t(r,{})]})};export{S as default};
+`,S=l=>{const{bodyText:S,footerText:N,headerMediaType:A,headerText:M,headerAssetLink:C,headerAssetName:L,quickReplybtn:k,ctaBtn:z,actionTypes:B,textType:E,extras:I,showHeader:P,imagePreviewStyles:R,size:W,children:H,isPreview:_}=l,U=new c,q=s(()=>({color:d.content.primary,margin:12,fontSize:P?h.caption.fontSize:h.bodySecondary.fontSize,fontWeight:h.bodySecondary.fontWeight,maxWidth:"100%",whiteSpace:"pre-wrap",marginBottom:0,marginTop:8,wordBreak:"break-word"}),[]);return e(g,{isPreview:_,children:[t(b,{children:t(o,{color:"white",height:8,width:8})}),A===f.TEXT?t(u,{bold:!0,text:null==M?void 0:M.replace(/</g,"&lt;").replace(/>/g,"&gt;")}):A!==f.NONE?t(j,{headerAssetLink:C,headerAssetName:L,mediaType:A,imagePreviewStyles:A===f.IMAGE?R:{}}):t(r,{}),!!S&&t(r,{children:t(r,H?{children:H}:{children:"html"===E?t("div",{className:"richTextEditor",style:q,dangerouslySetInnerHTML:{__html:U.convertToHTML(S)}}):t(p,{children:null==S?void 0:S.replace(/</g,"&lt;").replace(/>/g,"&gt;")})})}),e(x,{children:[t(n,{body:null!=N?N:"",placement:"top",children:t(v,{style:{flex:1},children:N})}),t(w,{children:"16:48"})]}),B===y.QUICK_REPLY?t("div",{children:null==k?void 0:k.map((e,r)=>t(T,{text:e.text},r))}):B===y.CTA_BTN?t("div",{children:null==z?void 0:z.map((e,r)=>t(T,{textTypography:P?m:p,extraContent:I?e.extra:void 0,placeholder:e.placeholder,text:e.text,Icon:"phoneNumber"===e.type?i:a,size:W},r))}):t(r,{})]})};export{S as default};

package/dist/esm/components/template-preview/WhatsApp/ChatUiV2.js

@@ -16,4 +16,4 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import r from"..
 `,P=p(O)`
 	font-weight: 600;
 	margin-bottom: 8px;
-`,_=new y,b=p=>{const{bodyText:x,footerText:y,headerMediaType:b,headerText:N,headerAssetLink:M,headerAssetName:S,quickReplybtn:A,ctaBtn:R,actionTypes:B,extras:H,showHeader:U,imagePreviewStyles:k,size:z,bodyVariableList:D,headerVariableList:V,buttons:Y,limitedTimeOfferComponent:q,carouselCardIndex:K,isWhatsappCarousel:Q,isPreview:W,children:F,hideFooter:G=!1}=p,X=_.format(null==x?void 0:x.replace(/</g,"&lt;").replace(/>/g,"&gt;"),D),$=_.format(null==N?void 0:N.replace(/</g,"&lt;").replace(/>/g,"&gt;"),V),{selectedCarouselIndex:J,isProductCarouselType:Z,errorIndexes:ee,isCarouselHovered:te}=d(),oe={COPY_CODE:i,PHONE_NUMBER:l,URL:a,QUICK_REPLY:n,VOICE_CALL:l,CALL_PERMISSION:r};return e(T,{isCarouselCard:null!=K&&K>-1,showBorder:null!=K&&K===J||Z&&null!=K&&K>-1&&null!=J&&J>-1,hasError:null==ee?void 0:ee.includes(null!=K?K:-2),isWhatsappCarousel:Q,isPreview:W,showDashedBorder:Z&&te&&(null!=J?J:-1)<0&&(null!=K?K:-1)>-1,children:[!Q&&t(E,{children:t(s,{color:"white",height:8,width:8})}),b===u.TEXT?t(P,{dangerouslySetInnerHTML:{__html:$}}):b!==u.NONE?t(j,{headerAssetLink:M,headerAssetName:S,mediaType:b,imagePreviewStyles:b===u.IMAGE?k:{}}):t(o,{}),(null==q?void 0:q.dateTime)?t(w,{text:q.text,dateTime:q.dateTime,code:q.code}):t(o,{}),!!x&&t(o,{children:t(O,{dangerouslySetInnerHTML:{__html:X},style:{flex:1}})}),F,!G&&e(v,{children:[t(m,{body:null!=y?y:"",placement:"top",children:t(I,{style:{flex:1},children:y})}),t(L,{children:"16:48"})]}),Y&&Y.length>0?Y.map(((e,o)=>t(C,{text:"COPY_CODE"===e.type?"Copy code":e.text,Icon:oe[e.type],size:z,iconPosition:"CALL_PERMISSION"===e.type?"right":"left",textTypography:"CALL_PERMISSION"===e.type?h:void 0},o))):B===g.QUICK_REPLY?t("div",{children:null==A?void 0:A.map(((e,o)=>t(C,{text:e.text},o)))}):B===g.CTA_BTN?t("div",{children:null==R?void 0:R.map(((e,o)=>t(C,{textTypography:U?c:f,extraContent:H?e.extra:void 0,placeholder:e.placeholder,text:e.text,Icon:"phoneNumber"===e.type?l:a,size:z},o)))}):t(o,{})]})};export{b as ChatUIV2,O as HtmlContainer};
+`,_=new y,b=p=>{const{bodyText:x,footerText:y,headerMediaType:b,headerText:N,headerAssetLink:M,headerAssetName:S,quickReplybtn:A,ctaBtn:R,actionTypes:B,extras:H,showHeader:U,imagePreviewStyles:k,size:z,bodyVariableList:D,headerVariableList:V,buttons:Y,limitedTimeOfferComponent:q,carouselCardIndex:K,isWhatsappCarousel:Q,isPreview:W,children:F,hideFooter:G=!1}=p,X=_.format(null==x?void 0:x.replace(/</g,"&lt;").replace(/>/g,"&gt;"),D),$=_.format(null==N?void 0:N.replace(/</g,"&lt;").replace(/>/g,"&gt;"),V),{selectedCarouselIndex:J,isProductCarouselType:Z,errorIndexes:ee,isCarouselHovered:te}=d(),oe={COPY_CODE:i,PHONE_NUMBER:l,URL:a,QUICK_REPLY:n,VOICE_CALL:l,CALL_PERMISSION:r};return e(T,{isCarouselCard:null!=K&&K>-1,showBorder:null!=K&&K===J||Z&&null!=K&&K>-1&&null!=J&&J>-1,hasError:null==ee?void 0:ee.includes(null!=K?K:-2),isWhatsappCarousel:Q,isPreview:W,showDashedBorder:Z&&te&&(null!=J?J:-1)<0&&(null!=K?K:-1)>-1,children:[!Q&&t(E,{children:t(s,{color:"white",height:8,width:8})}),b===u.TEXT?t(P,{dangerouslySetInnerHTML:{__html:$}}):b!==u.NONE?t(j,{headerAssetLink:M,headerAssetName:S,mediaType:b,imagePreviewStyles:b===u.IMAGE?k:{}}):t(o,{}),(null==q?void 0:q.dateTime)?t(w,{text:q.text,dateTime:q.dateTime,code:q.code}):t(o,{}),!!x&&t(o,{children:t(O,{dangerouslySetInnerHTML:{__html:X},style:{flex:1}})}),F,!G&&e(v,{children:[t(m,{body:null!=y?y:"",placement:"top",children:t(I,{style:{flex:1},children:y})}),t(L,{children:"16:48"})]}),Y&&Y.length>0?Y.map((e,o)=>t(C,{text:"COPY_CODE"===e.type?"Copy code":e.text,Icon:oe[e.type],size:z,iconPosition:"CALL_PERMISSION"===e.type?"right":"left",textTypography:"CALL_PERMISSION"===e.type?h:void 0},o)):B===g.QUICK_REPLY?t("div",{children:null==A?void 0:A.map((e,o)=>t(C,{text:e.text},o))}):B===g.CTA_BTN?t("div",{children:null==R?void 0:R.map((e,o)=>t(C,{textTypography:U?c:f,extraContent:H?e.extra:void 0,placeholder:e.placeholder,text:e.text,Icon:"phoneNumber"===e.type?l:a,size:z},o))}):t(o,{})]})};export{b as ChatUIV2,O as HtmlContainer};

package/dist/esm/components/template-preview/WhatsApp/MediaCard.js

@@ -1 +1 @@
-import{jsx as e,Fragment as r,jsxs as s}from"react/jsx-runtime";import t from"../../../assets/icons/filePdf.svg.js";import i from"../../../assets/icons/image.svg.js";import o from"../../../assets/icons/videoRecorder.svg.js";import{ShimmerImage as m}from"../../shimmer-image/ShimmerImage.js";import{BodySecondary as a}from"../../TypographyStyle.js";import{COLORS as d}from"../../../constants/Theme.js";import{HEADER_TYPES as n}from"../models/TemplateMeta.js";import{MediaContainer as h}from"./ChatUI.style.js";const c=r=>{let{headerAssetName:m,mediaType:c}=r;const l=c===n.IMAGE?i:c===n.VIDEO?o:t;return s(h,{children:[e(l,{height:40,width:40,color:d.icon.placeholder}),!!m&&e(a,{style:{color:d.content.secondary,marginTop:8},children:m})]})},l=s=>{let{headerAssetLink:t,headerAssetName:i,mediaType:o,imagePreviewStyles:a}=s;if(!t||o===n.DOCUMENT)return e(c,{headerAssetLink:t,headerAssetName:i,mediaType:o});return e(h,{children:o===n.IMAGE?e(m,{imageUrl:t,alt:t,width:"100%",height:240,borderRadius:8}):o===n.VIDEO?e("video",{src:t,style:{width:"100%",minHeight:"240px",height:"240px",borderRadius:8},controls:!0,muted:!0,children:e("track",{default:!0,kind:"captions",srcLang:"en",src:t})}):e(r,{})})};export{l as MediaCard,c as NoMediaCard};
+import{jsx as e,Fragment as r,jsxs as s}from"react/jsx-runtime";import t from"../../../assets/icons/filePdf.svg.js";import i from"../../../assets/icons/image.svg.js";import o from"../../../assets/icons/videoRecorder.svg.js";import{ShimmerImage as m}from"../../shimmer-image/ShimmerImage.js";import{BodySecondary as a}from"../../TypographyStyle.js";import{COLORS as d}from"../../../constants/Theme.js";import{HEADER_TYPES as n}from"../models/TemplateMeta.js";import{MediaContainer as h}from"./ChatUI.style.js";const c=({headerAssetName:r,mediaType:m})=>{const c=m===n.IMAGE?i:m===n.VIDEO?o:t;return s(h,{children:[e(c,{height:40,width:40,color:d.icon.placeholder}),!!r&&e(a,{style:{color:d.content.secondary,marginTop:8},children:r})]})},p=({headerAssetLink:s,headerAssetName:t,mediaType:i,imagePreviewStyles:o})=>{if(!s||i===n.DOCUMENT)return e(c,{headerAssetLink:s,headerAssetName:t,mediaType:i});return e(h,{children:i===n.IMAGE?e(m,{imageUrl:s,alt:s,width:"100%",height:240,borderRadius:8}):i===n.VIDEO?e("video",{src:s,style:{width:"100%",minHeight:"240px",height:"240px",borderRadius:8},controls:!0,muted:!0,children:e("track",{default:!0,kind:"captions",srcLang:"en",src:s})}):e(r,{})})};export{p as MediaCard,c as NoMediaCard};

package/dist/esm/components/template-preview/WhatsApp/RenderTemplateWithVariable.js

@@ -1,4 +1,4 @@
 import{jsx as t,Fragment as n,jsxs as o}from"react/jsx-runtime";import e from"styled-components";import{BodyRegular as r}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";import{templateVariablePattern as l}from"../constants/regexPatterns.js";const s=e.div`
 	padding: 8px 12px 0px;
 	/* display: inline; */
-`,p=e=>{const{text:p,bold:d}=e,m=null==p?void 0:p.match(l),c=d?{fontWeight:"600"}:{};return p?t(s,{children:p.split(l).map(((e,l)=>o(n,{children:[t(r,{style:c,children:e}),!!(null==m?void 0:m[l])&&t(r,{style:Object.assign({color:i.content.brand},c),children:null==m?void 0:m[l]})]})))}):t(n,{})};export{p as default};
+`,p=e=>{const{text:p,bold:d}=e,m=null==p?void 0:p.match(l),c=d?{fontWeight:"600"}:{};return p?t(s,{children:p.split(l).map((e,l)=>o(n,{children:[t(r,{style:c,children:e}),!!(null==m?void 0:m[l])&&t(r,{style:Object.assign({color:i.content.brand},c),children:null==m?void 0:m[l]})]}))}):t(n,{})};export{p as default};

package/dist/esm/components/template-preview/WhatsAppTemplatePreview.js

@@ -1 +1 @@
-import{jsx as e,Fragment as l}from"react/jsx-runtime";import{useState as a,useEffect as t}from"react";import{useTemplateModalContext as i}from"../template-context-mapper/context/templateModalContext.js";import{TemplateCreatorHelper as o}from"./helpers/TemplateCreatorHelper.js";import{isRCSChannel as r}from"./helpers/templateMiscHelper.js";import{HEADER_TYPES as n}from"./models/TemplateMeta.js";import{RCSTemplateLikePreview as d}from"./RCS/RCSTemplateLikePreview.js";import{TemplateHelperUtils as s}from"./utils/TemplateHelperUtils.js";import{WhatsappLikePreview as p}from"./WhatsApp/WhatsAppLikePreview.js";import{WhatsappLikePreviewV2 as u}from"./WhatsApp/WhatsAppLikePreviewV2.js";const v=v=>{let{template:m,extras:h,containerStyle:x,usePlaceHolderName:c,showHeader:b,zeroStateComponent:T,size:y,showSampleValues:w,carouselCardIndex:C,isWhatsappCarousel:N,isPreview:V,channel:f}=v;var k,P,B,L,A,S,j,g,F,O,H,I,R,W,q,M,U,z,D,E,G,J,K,Q,X,Y,Z,$,_,ee;const{selectedCarouselIndex:le,pod:ae}=i(),[te,ie]=a(),oe=new o,re=new s,ne=[];if((null===(P=null===(k=null==te?void 0:te.ctaBtn)||void 0===k?void 0:k.phoneNumber)||void 0===P?void 0:P.isChecked)&&ne.push({type:"phoneNumber",text:null!==(B=te.ctaBtn.phoneNumber.btnText)&&void 0!==B?B:"",extra:null!==(L=te.ctaBtn.phoneNumber.phoneNumber)&&void 0!==L?L:""}),(null===(S=null===(A=null==te?void 0:te.ctaBtn)||void 0===A?void 0:A.websiteLinkBtn)||void 0===S?void 0:S.isChecked)&&ne.push({type:"website",text:null!==(j=te.ctaBtn.websiteLinkBtn.btnText)&&void 0!==j?j:"",extra:null!==(F=null===(g=te.ctaBtn.websiteLinkBtn)||void 0===g?void 0:g.linkOpens)&&void 0!==F?F:"",placeholder:null!==(O=te.ctaBtn.websiteLinkBtn.placeholder)&&void 0!==O?O:""}),t((()=>{m&&oe.parseUITemplateFromDBFormat({dbFormattedTemplate:m,isDuplicate:!1,showSampleValues:w,isV2:!m.htmlContentUrl,pod:ae}).then((e=>{ie(Object.assign({},e))}))}),[m,w]),t((()=>{m&&oe.parseUITemplateFromDBFormat({dbFormattedTemplate:m,isDuplicate:!1,showSampleValues:w,isV2:!m.htmlContentUrl,pod:ae}).then((e=>{ie(Object.assign({},e))}))}),[le]),!m)return e(l,{children:T});if(r(f||(null==m?void 0:m.channel))){const a=oe.parseTemplateConfiguration(m);return e(d,{showHeader:b,containerPadding:"large"===y?"16px 36px 12px 16px":"12px 36px 12px 12px",containerStyle:x,textType:"html",bodyText:null==te?void 0:te.bodyText,titleText:null==te?void 0:te.titleText,footerText:null==te?void 0:te.footerText,headerMediaType:(null==te?void 0:te.headerType)||n.NONE,headerText:null==te?void 0:te.headerText,headerAssetLink:null!==(H=null==te?void 0:te.headerAssetLink)&&void 0!==H?H:"",headerAssetName:null!==(I=null==te?void 0:te.headerAssetName)&&void 0!==I?I:"",quickReplybtn:null==te?void 0:te.quickReply,ctaBtn:ne,actionTypes:null==te?void 0:te.actionsType,extras:h,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},carouselCardIndex:C,zeroStateComponent:null!=T?T:e(l,{children:" "}),bodyVariableList:null!==(W=null===(R=null==te?void 0:te.bodyVariables)||void 0===R?void 0:R.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==W?W:[],headerVariableList:null!==(M=null===(q=null==te?void 0:te.headerVariables)||void 0===q?void 0:q.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==M?M:[],titleVariableList:null!==(z=null===(U=null==te?void 0:te.titleVariables)||void 0===U?void 0:U.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==z?z:[],buttons:null==te?void 0:te.allButtons,isWhatsappCarousel:N,isPreview:V,templateConfiguration:a})}return m.htmlContentUrl?e(p,{showHeader:b,containerPadding:"large"===y?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:x,textType:"html",bodyText:re.whatsappOnlyFillVariablesValueInBodyText(null!==(X=null==te?void 0:te.bodyText)&&void 0!==X?X:"",null!==(Y=null==te?void 0:te.bodyVariables)&&void 0!==Y?Y:[],c),footerText:null==te?void 0:te.footerText,headerMediaType:(null==te?void 0:te.headerType)||n.NONE,headerText:re.fillVariablesValInBodyText(null!==(Z=null==te?void 0:te.headerText)&&void 0!==Z?Z:"",null!==($=null==te?void 0:te.headerVariables)&&void 0!==$?$:[],c),headerAssetLink:null!==(_=null==te?void 0:te.headerAssetLink)&&void 0!==_?_:"",headerAssetName:null!==(ee=null==te?void 0:te.headerAssetName)&&void 0!==ee?ee:"",quickReplybtn:null==te?void 0:te.quickReply,ctaBtn:ne,actionTypes:null==te?void 0:te.actionsType,extras:h,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=T?T:e(l,{children:" "}),isPreview:V}):e(u,{showHeader:b,containerPadding:"large"===y?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:x,textType:"html",bodyText:null==te?void 0:te.bodyText,footerText:null==te?void 0:te.footerText,headerMediaType:(null==te?void 0:te.headerType)||n.NONE,headerText:null==te?void 0:te.headerText,headerAssetLink:null!==(D=null==te?void 0:te.headerAssetLink)&&void 0!==D?D:"",headerAssetName:null!==(E=null==te?void 0:te.headerAssetName)&&void 0!==E?E:"",quickReplybtn:null==te?void 0:te.quickReply,ctaBtn:ne,actionTypes:null==te?void 0:te.actionsType,extras:h,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},carouselCardIndex:C,zeroStateComponent:null!=T?T:e(l,{children:" "}),bodyVariableList:null!==(J=null===(G=null==te?void 0:te.bodyVariables)||void 0===G?void 0:G.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==J?J:[],headerVariableList:null!==(Q=null===(K=null==te?void 0:te.headerVariables)||void 0===K?void 0:K.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==Q?Q:[],buttons:null==te?void 0:te.allButtons,limitedTimeOfferComponent:null==te?void 0:te.limitedTimeOfferComponent,isWhatsappCarousel:N,isPreview:V,showCallPermissionCard:null==te?void 0:te.showCallPermissionCard,callPermissionText:null==te?void 0:te.callPermissionText})};export{v as default};
+import{jsx as e,Fragment as l}from"react/jsx-runtime";import{useState as a,useEffect as t}from"react";import{useTemplateModalContext as i}from"../template-context-mapper/context/templateModalContext.js";import{TemplateCreatorHelper as o}from"./helpers/TemplateCreatorHelper.js";import{isRCSChannel as r}from"./helpers/templateMiscHelper.js";import{HEADER_TYPES as n}from"./models/TemplateMeta.js";import{RCSTemplateLikePreview as d}from"./RCS/RCSTemplateLikePreview.js";import{TemplateHelperUtils as s}from"./utils/TemplateHelperUtils.js";import{WhatsappLikePreview as p}from"./WhatsApp/WhatsAppLikePreview.js";import{WhatsappLikePreviewV2 as u}from"./WhatsApp/WhatsAppLikePreviewV2.js";const v=({template:v,extras:m,containerStyle:h,usePlaceHolderName:x,showHeader:c,zeroStateComponent:b,size:T,showSampleValues:y,carouselCardIndex:w,isWhatsappCarousel:C,isPreview:N,channel:V})=>{var f,k,P,B,L,A,S,j,g,F,O,H,I,R,W,q,M,U,z,D,E,G,J,K,Q,X,Y,Z,$,_;const{selectedCarouselIndex:ee,pod:le}=i(),[ae,te]=a(),ie=new o,oe=new s,re=[];if((null===(k=null===(f=null==ae?void 0:ae.ctaBtn)||void 0===f?void 0:f.phoneNumber)||void 0===k?void 0:k.isChecked)&&re.push({type:"phoneNumber",text:null!==(P=ae.ctaBtn.phoneNumber.btnText)&&void 0!==P?P:"",extra:null!==(B=ae.ctaBtn.phoneNumber.phoneNumber)&&void 0!==B?B:""}),(null===(A=null===(L=null==ae?void 0:ae.ctaBtn)||void 0===L?void 0:L.websiteLinkBtn)||void 0===A?void 0:A.isChecked)&&re.push({type:"website",text:null!==(S=ae.ctaBtn.websiteLinkBtn.btnText)&&void 0!==S?S:"",extra:null!==(g=null===(j=ae.ctaBtn.websiteLinkBtn)||void 0===j?void 0:j.linkOpens)&&void 0!==g?g:"",placeholder:null!==(F=ae.ctaBtn.websiteLinkBtn.placeholder)&&void 0!==F?F:""}),t(()=>{v&&ie.parseUITemplateFromDBFormat({dbFormattedTemplate:v,isDuplicate:!1,showSampleValues:y,isV2:!v.htmlContentUrl,pod:le}).then(e=>{te(Object.assign({},e))})},[v,y]),t(()=>{v&&ie.parseUITemplateFromDBFormat({dbFormattedTemplate:v,isDuplicate:!1,showSampleValues:y,isV2:!v.htmlContentUrl,pod:le}).then(e=>{te(Object.assign({},e))})},[ee]),!v)return e(l,{children:b});if(r(V||(null==v?void 0:v.channel))){const a=ie.parseTemplateConfiguration(v);return e(d,{showHeader:c,containerPadding:"large"===T?"16px 36px 12px 16px":"12px 36px 12px 12px",containerStyle:h,textType:"html",bodyText:null==ae?void 0:ae.bodyText,titleText:null==ae?void 0:ae.titleText,footerText:null==ae?void 0:ae.footerText,headerMediaType:(null==ae?void 0:ae.headerType)||n.NONE,headerText:null==ae?void 0:ae.headerText,headerAssetLink:null!==(O=null==ae?void 0:ae.headerAssetLink)&&void 0!==O?O:"",headerAssetName:null!==(H=null==ae?void 0:ae.headerAssetName)&&void 0!==H?H:"",quickReplybtn:null==ae?void 0:ae.quickReply,ctaBtn:re,actionTypes:null==ae?void 0:ae.actionsType,extras:m,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},carouselCardIndex:w,zeroStateComponent:null!=b?b:e(l,{children:" "}),bodyVariableList:null!==(R=null===(I=null==ae?void 0:ae.bodyVariables)||void 0===I?void 0:I.map(e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}}))&&void 0!==R?R:[],headerVariableList:null!==(q=null===(W=null==ae?void 0:ae.headerVariables)||void 0===W?void 0:W.map(e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}}))&&void 0!==q?q:[],titleVariableList:null!==(U=null===(M=null==ae?void 0:ae.titleVariables)||void 0===M?void 0:M.map(e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}}))&&void 0!==U?U:[],buttons:null==ae?void 0:ae.allButtons,isWhatsappCarousel:C,isPreview:N,templateConfiguration:a})}return v.htmlContentUrl?e(p,{showHeader:c,containerPadding:"large"===T?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:h,textType:"html",bodyText:oe.whatsappOnlyFillVariablesValueInBodyText(null!==(Q=null==ae?void 0:ae.bodyText)&&void 0!==Q?Q:"",null!==(X=null==ae?void 0:ae.bodyVariables)&&void 0!==X?X:[],x),footerText:null==ae?void 0:ae.footerText,headerMediaType:(null==ae?void 0:ae.headerType)||n.NONE,headerText:oe.fillVariablesValInBodyText(null!==(Y=null==ae?void 0:ae.headerText)&&void 0!==Y?Y:"",null!==(Z=null==ae?void 0:ae.headerVariables)&&void 0!==Z?Z:[],x),headerAssetLink:null!==($=null==ae?void 0:ae.headerAssetLink)&&void 0!==$?$:"",headerAssetName:null!==(_=null==ae?void 0:ae.headerAssetName)&&void 0!==_?_:"",quickReplybtn:null==ae?void 0:ae.quickReply,ctaBtn:re,actionTypes:null==ae?void 0:ae.actionsType,extras:m,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=b?b:e(l,{children:" "}),isPreview:N}):e(u,{showHeader:c,containerPadding:"large"===T?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:h,textType:"html",bodyText:null==ae?void 0:ae.bodyText,footerText:null==ae?void 0:ae.footerText,headerMediaType:(null==ae?void 0:ae.headerType)||n.NONE,headerText:null==ae?void 0:ae.headerText,headerAssetLink:null!==(z=null==ae?void 0:ae.headerAssetLink)&&void 0!==z?z:"",headerAssetName:null!==(D=null==ae?void 0:ae.headerAssetName)&&void 0!==D?D:"",quickReplybtn:null==ae?void 0:ae.quickReply,ctaBtn:re,actionTypes:null==ae?void 0:ae.actionsType,extras:m,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},carouselCardIndex:w,zeroStateComponent:null!=b?b:e(l,{children:" "}),bodyVariableList:null!==(G=null===(E=null==ae?void 0:ae.bodyVariables)||void 0===E?void 0:E.map(e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}}))&&void 0!==G?G:[],headerVariableList:null!==(K=null===(J=null==ae?void 0:ae.headerVariables)||void 0===J?void 0:J.map(e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}}))&&void 0!==K?K:[],buttons:null==ae?void 0:ae.allButtons,limitedTimeOfferComponent:null==ae?void 0:ae.limitedTimeOfferComponent,isWhatsappCarousel:C,isPreview:N,showCallPermissionCard:null==ae?void 0:ae.showCallPermissionCard,callPermissionText:null==ae?void 0:ae.callPermissionText})};export{v as default};

package/dist/esm/components/template-preview/helpers/SmsTemplateHelper.js

@@ -1 +1 @@
-import{COLORS as n}from"../../../constants/Theme.js";import{variablePatternGlobal as t,variablePattern as o}from"../constants/regexPatterns.js";const e=function(e,a){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:n.content.brand,l=arguments.length>3?arguments[3]:void 0;const s=(null==a?void 0:a.length)?null==a?void 0:a.map((n=>n.updatedValue)):e.match(t);return t.lastIndex=0,e.split(o).map(((n,t)=>{var o;return(null==s?void 0:s[t])?`${n}<span></span><span id="${l||""}connectors_variable_${t+1}" style="color: ${r}; text-decoration: underline; word-break: break-word;">${null!==(o=null==s?void 0:s[t])&&void 0!==o?o:""}</span><span> </span>`:n})).join("")};export{e as renderVariableUIForPreview};
+import{COLORS as n}from"../../../constants/Theme.js";import{variablePatternGlobal as t,variablePattern as o}from"../constants/regexPatterns.js";const a=(a,e,r=n.content.brand,s)=>{const l=(null==e?void 0:e.length)?null==e?void 0:e.map(n=>n.updatedValue):a.match(t);return t.lastIndex=0,a.split(o).map((n,t)=>{var o;return(null==l?void 0:l[t])?`${n}<span></span><span id="${s||""}connectors_variable_${t+1}" style="color: ${r}; text-decoration: underline; word-break: break-word;">${null!==(o=null==l?void 0:l[t])&&void 0!==o?o:""}</span><span> </span>`:n}).join("")};export{a as renderVariableUIForPreview};

package/dist/esm/components/template-preview/helpers/TemplateCreatorHelper.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../../_virtual/_tslib.js";import{format as t}from"date-fns";import{COLORS as i}from"../../../constants/Theme.js";import{specialCharPattern as n,placeHolderNamePattern as l,editableVarPattern as o}from"../constants/regexPatterns.js";import{REQUIRED_FIELD as a,NAME_LEN_LIMIT as d,NAME_LEN_ERROR as r,NO_SPECIAL_CHAR as s,HEADER_TEXT_LEN_LIMIT as v,HEADER_LEN_ERROR as p,ONE_VAR_ALLOWED as u,HEADER_ASSET_LINK_ERROR as m,BODY_TEXT_LEN_LIMIT as c,BODY_LEN_ERROR as h,QUICK_REPLY_BTN_TEXT_LIMIT as b,QUICK_REPLY_LEN_ERROR as T,BUTTON_EMOJI_ERROR as y,VALID_PHONE_NUMBER as x,QUICK_REPLY_NAME_LEN_LIMIT as f,CREATE_TEMPLATE_DOM_IDS as B,QUICK_REPLY_NAME_ERROR as C}from"../constants/TemplateConstants.js";import{HEADER_TYPES as g,ACTIONS_TYPES as k}from"../models/TemplateMeta.js";import{POD as N}from"../models/WhatsAppTemplate.js";import{TemplateHelperUtils as E}from"../utils/TemplateHelperUtils.js";class L{parseDataFromHeaderComponent(e,t,i){var n,l,o,a,d,r,s,v,p,u;const m={headerType:g.NONE,headerVariables:[]},c=null===(n=null==e?void 0:e.components)||void 0===n?void 0:n.find((e=>"HEADER"===e.type));if(c){m.headerType=c.format,m.headerText=c.text,m.headerAssetLink=null===(o=null===(l=c.example)||void 0===l?void 0:l.header_handle)||void 0===o?void 0:o[0];const n=null===(d=null===(a=c.example)||void 0===a?void 0:a.header_text)||void 0===d?void 0:d[0],h=null===(s=null===(r=e.mapping)||void 0===r?void 0:r.header)||void 0===s?void 0:s[0],b=h;if(h){const e=null==h?void 0:h.replace("[[","").replace("]]","").replace("{{","").replace("}}","").replace("((","").replace("))",""),l=/\(\(/.test(h),o=i===N.CHATBOT&&b&&(null==b?void 0:b.startsWith("(("))&&(null==b?void 0:b.endsWith("))")),a={idx:0,variableVal:t||o?n:b,editable:l,editableDefaultValues:l?void 0:n,variableName:e};m.headerVariables=[a],(null===(p=null===(v=c.example)||void 0===v?void 0:v.header_text)||void 0===p?void 0:p.length)&&(m.headerText=null===(u=m.headerText)||void 0===u?void 0:u.replace("{{1}}",`{{${e}}}`))}}return m}validateState(e){var t,i,l,o,N,L,_,O,w,V,A,R,D,I,P,U,j,$,q,S,F,M,Y;const W=/\p{Extended_Pictographic}/u;let H="valid";const Q={meta:{},ctaBtn:{phoneNumber:{btnText:"",link:""},websiteLink:{btnText:"",link:""}},quickReply:[null,null,null]},K=new E;let G=!1;const J=e=>{var t;null===(t=document.getElementById(e))||void 0===t||t.scrollIntoView({behavior:"smooth",block:"nearest"})};if((null===(t=e.meta)||void 0===t?void 0:t.name)?(null===(i=e.meta.name)||void 0===i?void 0:i.trim().length)>d?(Q.meta.name=r,H="invalid"):n.test(null===(l=e.meta.name)||void 0===l?void 0:l.trim())&&(Q.meta.name=s,H="invalid"):(Q.meta.name=a,H="invalid"),Q.meta.name&&!G&&(J(B.name),G=!0),e.headerType===g.TEXT){const t=null!==(N=null===(o=e.headerText)||void 0===o?void 0:o.trim())&&void 0!==N?N:"";if(t)if(t.length>v)Q.header=p,H="invalid";else{const e=K.getTemplateVariablesFromState(t);e&&e.length>1&&(Q.header=u,H="invalid")}else Q.header=a,H="invalid"}else e.headerType===g.DOCUMENT||e.headerType===g.IMAGE||(e.headerType,g.VIDEO);if(e.headerType!==g.DOCUMENT&&e.headerType!==g.IMAGE&&e.headerType!==g.VIDEO||e.headerAssetLink||(Q.header=m,H="invalid"),Q.header&&!G&&(J(B.header),G=!0),e.bodyText?e.bodyTextRaw&&(null===(L=e.bodyTextRaw)||void 0===L?void 0:L.trim().length)>c&&(Q.body=h,H="invalid"):(Q.body=a,H="invalid"),Q.body&&!G&&(J(B.body),G=!0),e.footerText&&e.footerText.length>v&&(Q.footer=p,H="invalid"),(null==Q?void 0:Q.footer)&&!G&&(J(B.footer),G=!0),e.actionsType===k.CTA_BTN){if(null===(O=null===(_=e.ctaBtn)||void 0===_?void 0:_.phoneNumber)||void 0===O?void 0:O.isChecked){const t=null===(w=e.ctaBtn.phoneNumber.btnText)||void 0===w?void 0:w.trim(),i=e.ctaBtn.phoneNumber.phoneNumber;Q.ctaBtn&&!t?(Q.ctaBtn.phoneNumber.btnText=a,H="invalid"):Q.ctaBtn&&t&&t.length>b?(Q.ctaBtn.phoneNumber.btnText=T,H="invalid"):Q.ctaBtn&&t&&W.test(t)&&(Q.ctaBtn.phoneNumber.btnText=y,H="invalid"),Q.ctaBtn&&!i?(Q.ctaBtn.phoneNumber.link=a,H="invalid"):Q.ctaBtn&&i&&i.length<10&&(Q.ctaBtn.phoneNumber.link=x,H="invalid")}if(null===(A=null===(V=e.ctaBtn)||void 0===V?void 0:V.websiteLinkBtn)||void 0===A?void 0:A.isChecked){const t=null===(R=e.ctaBtn.websiteLinkBtn.btnText)||void 0===R?void 0:R.trim(),i=null===(D=e.ctaBtn.websiteLinkBtn.linkOpens)||void 0===D?void 0:D.trim(),n=null===(I=e.ctaBtn.websiteLinkBtn.placeholder)||void 0===I?void 0:I.trim();Q.ctaBtn&&!t?(Q.ctaBtn.websiteLink.btnText=a,H="invalid"):Q.ctaBtn&&t&&t.length>b?(Q.ctaBtn.websiteLink.btnText=T,H="invalid"):Q.ctaBtn&&t&&W.test(t)&&(Q.ctaBtn.websiteLink.btnText=y,H="invalid"),!Q.ctaBtn||i||n||(Q.ctaBtn.websiteLink.link=a,H="invalid")}}else if(e.actionsType===k.QUICK_REPLY){const t=["","",""];e.quickReply.forEach(((i,n)=>{var l;const o=null===(l=i.text)||void 0===l?void 0:l.trim();if(o)if(o.length>f)t[n]=T,H="invalid";else if(W.test(o))t[n]=y,H="invalid";else{const i=[...e.quickReply];i.splice(n,1);i.find((e=>e.text===o))&&(t[n]=C,H="invalid")}else t[n]=a,H="invalid"})),Q.quickReply=t}if(e.actionsType===k.CTA_BTN||e.actionsType===k.QUICK_REPLY){const e=null===(P=Q.quickReply)||void 0===P?void 0:P.reduce(((e,t)=>e||!!t),!1);((null===(j=null===(U=null==Q?void 0:Q.ctaBtn)||void 0===U?void 0:U.websiteLink)||void 0===j?void 0:j.link)||(null===(q=null===($=Q.ctaBtn)||void 0===$?void 0:$.websiteLink)||void 0===q?void 0:q.btnText)||(null===(F=null===(S=Q.ctaBtn)||void 0===S?void 0:S.phoneNumber)||void 0===F?void 0:F.link)||(null===(Y=null===(M=Q.ctaBtn)||void 0===M?void 0:M.phoneNumber)||void 0===Y?void 0:Y.btnText)||e)&&!G&&(J(B.actionButtons),G=!0)}return{status:H,errors:Q}}parseBodyComponent(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2?arguments[2]:void 0,o=arguments.length>3?arguments[3]:void 0;var a,d,r,s,v,p;const u=[];let m="";const c=null===(a=e.components)||void 0===a?void 0:a.find((e=>"BODY"===e.type));return c&&(null===(s=null===(r=null===(d=c.example)||void 0===d?void 0:d.body_text)||void 0===r?void 0:r[0])||void 0===s||s.forEach(((t,i)=>{var a,d;let r=null===(d=null===(a=e.mapping)||void 0===a?void 0:a.body)||void 0===d?void 0:d[i];const s=r,v=r&&/\(\(/.test(r),p=null==r?void 0:r.match(l);(null==p?void 0:p[2])&&(r=null==p?void 0:p[2]);const m=o===N.CHATBOT&&s&&(null==s?void 0:s.startsWith("(("))&&(null==s?void 0:s.endsWith("))"));u.push({idx:i,variableVal:n||m?t:s,editable:!!v,editableDefaultValues:v?void 0:t,variableName:null!=r?r:""})})),m=e.htmlContentUrl?e.htmlContentUrl:(null===(v=c.text)||void 0===v?void 0:v.split(/\{\{[0-9]+\}\}/).length)?null===(p=c.text)||void 0===p?void 0:p.split(/\{\{[0-9]+\}\}/).map(((e,n)=>{if(null==u?void 0:u[n]){const l=u[n].variableName;return t?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${i.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e})).join(""):""),{bodyVariable:u,bodyText:m}}parseTitleComponent(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2?arguments[2]:void 0;var o,a,d,r,s,v;const p=[];let u="";const m=null===(o=e.components)||void 0===o?void 0:o.find((e=>"TITLE"===e.type));return m&&(null===(r=null===(d=null===(a=m.example)||void 0===a?void 0:a.title_text)||void 0===d?void 0:d[0])||void 0===r||r.forEach(((t,i)=>{var o,a;let d=null===(a=null===(o=e.mapping)||void 0===o?void 0:o.body)||void 0===a?void 0:a[i];const r=d,s=d&&/\(\(/.test(d),v=null==d?void 0:d.match(l);(null==v?void 0:v[2])&&(d=null==v?void 0:v[2]),p.push({idx:i,variableVal:n?t:r,editable:!!s,editableDefaultValues:s?void 0:t,variableName:null!=d?d:""})})),u=e.htmlContentUrl?e.htmlContentUrl:(null===(s=m.text)||void 0===s?void 0:s.split(/\{\{[0-9]+\}\}/).length)?null===(v=m.text)||void 0===v?void 0:v.split(/\{\{[0-9]+\}\}/).map(((e,n)=>{if(null==p?void 0:p[n]){const l=p[n].variableName;return t?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${i.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e})).join(""):""),{titleText:u,titleVariables:p}}parseFooterComponent(e){var t;const i=null===(t=e.components)||void 0===t?void 0:t.find((e=>"FOOTER"===e.type));return null==i?void 0:i.text}parseButtonComponent(e){var t,i,n,l,a,d,r;const s={actionsType:k.NONE,quickReply:[],ctaBtn:{phoneNumber:void 0,websiteLinkBtn:void 0},allButtons:[]},v=null===(t=e.components)||void 0===t?void 0:t.find((e=>"BUTTONS"===e.type));if(v&&(null===(i=null==v?void 0:v.buttons)||void 0===i?void 0:i.length)){const t="QUICK_REPLY"===(null===(n=null==v?void 0:v.buttons)||void 0===n?void 0:n[0].type)?k.QUICK_REPLY:k.CTA_BTN;if(s.actionsType=t,t===k.QUICK_REPLY){const e=null!==(a=null===(l=null==v?void 0:v.buttons)||void 0===l?void 0:l.map((e=>e)))&&void 0!==a?a:[];s.quickReply=e}else t===k.CTA_BTN&&(null===(d=null==v?void 0:v.buttons)||void 0===d||d.forEach((t=>{var i,n,l,a;if(t.phone_number&&(s.ctaBtn.phoneNumber={isChecked:!0,btnText:t.text,phoneNumber:t.phone_number}),t.url){const d=null!==(l=null===(n=null===(i=null==e?void 0:e.mapping)||void 0===i?void 0:i.buttons)||void 0===n?void 0:n[0])&&void 0!==l?l:void 0;let r=!1;d&&o.test(d)&&(r=!0),s.ctaBtn.websiteLinkBtn={isChecked:!0,btnText:t.text,linkOpens:r?null===(a=t.example)||void 0===a?void 0:a[0]:t.url,placeholder:r?void 0:d}}})));s.allButtons=null===(r=v.buttons)||void 0===r?void 0:r.map((e=>"COPY_CODE"===e.type?Object.assign(Object.assign({},e),{placeholder:Array.isArray(e.example)?e.example[0]:(null==e?void 0:e.example)||""}):e))}return s}parseLimitedTimeOfferComponent(e,i){const n={text:"",dateTime:"",code:""};return e.components.forEach((e=>{var l,o,a;if("limited_time_offer"===e.type){n.text=null!==(o=null===(l=e.limited_time_offer)||void 0===l?void 0:l.text)&&void 0!==o?o:"";const i=null===(a=e.example)||void 0===a?void 0:a.limited_time_offer;i&&i.startsWith("{{")&&i.endsWith("}}")?n.dateTime=i:n.dateTime=t(i?new Date(i):new Date,"MMM dd")}i.forEach((e=>{var t;"COPY_CODE"===e.type&&(n.code=null!==(t=e.placeholder)&&void 0!==t?t:"")}))})),n}parseCallPermissionComponent(e){var t;const i=null===(t=e.components)||void 0===t?void 0:t.find((e=>"CALL_PERMISSION_REQUEST"===e.type));return{showCallPermissionCard:Boolean(i),callPermissionText:null==i?void 0:i.text}}parseUITemplateFromDBFormat(t){return e(this,void 0,void 0,(function*(){var e;const{dbFormattedTemplate:i,isDuplicate:n,isV2:l=!1,showSampleValues:o,pod:a}=t,{headerType:d,headerAssetLink:r,headerAssetName:s,headerText:v,headerVariables:p}=yield this.parseDataFromHeaderComponent(i,void 0,a),{bodyText:u,bodyVariable:m}=yield this.parseBodyComponent(i,l,o,a),{titleText:c,titleVariables:h}=yield this.parseTitleComponent(i,l,o),{actionsType:b,quickReply:T,ctaBtn:y,allButtons:x}=yield this.parseButtonComponent(i),f=this.parseLimitedTimeOfferComponent(i,x),{showCallPermissionCard:B,callPermissionText:C}=this.parseCallPermissionComponent(i),g={quickReply:T,ctaBtn:y,allButtons:x,meta:{name:n?`${i.label} Copy`:i.label,category:null===(e=i.category)||void 0===e?void 0:e.toUpperCase(),subCategory:i.templateCategory,language:i.language,templateId:i.templateId},error:{header:void 0,body:void 0,footer:void 0,quickReply:void 0,meta:void 0,ctaBtn:void 0},actionsType:b,footerText:this.parseFooterComponent(i),bodyVariables:m,bodyText:u,headerType:d,headerAssetLink:r,headerAssetName:s,headerText:v,headerVariables:p,alreadyAsADraft:i.isDraft,mode:"edit",initialLoading:!1,limitedTimeOfferComponent:f,titleText:c,titleVariables:h,showCallPermissionCard:B,callPermissionText:C},{errors:k}=this.validateState(g);return g.error=k,g}))}parseTemplateConfiguration(e){let t;const i=(null==e?void 0:e.content)||{};if("string"==typeof i)try{t=JSON.parse(i)}catch(e){console.error("Error parsing rcsTemplate component JSON:",e),t={orientation:"VERTICAL"}}else t=i;return Object.assign(Object.assign({},t),{templateType:null==e?void 0:e.templateType})}}export{L as TemplateCreatorHelper};
+import{__awaiter as e}from"../../../_virtual/_tslib.js";import{format as t}from"date-fns";import{COLORS as i}from"../../../constants/Theme.js";import{specialCharPattern as n,placeHolderNamePattern as l,editableVarPattern as o}from"../constants/regexPatterns.js";import{REQUIRED_FIELD as a,NAME_LEN_LIMIT as d,NAME_LEN_ERROR as r,NO_SPECIAL_CHAR as s,HEADER_TEXT_LEN_LIMIT as v,HEADER_LEN_ERROR as p,ONE_VAR_ALLOWED as u,HEADER_ASSET_LINK_ERROR as m,BODY_TEXT_LEN_LIMIT as c,BODY_LEN_ERROR as h,QUICK_REPLY_BTN_TEXT_LIMIT as b,QUICK_REPLY_LEN_ERROR as T,BUTTON_EMOJI_ERROR as y,VALID_PHONE_NUMBER as x,QUICK_REPLY_NAME_LEN_LIMIT as f,CREATE_TEMPLATE_DOM_IDS as B,QUICK_REPLY_NAME_ERROR as C}from"../constants/TemplateConstants.js";import{HEADER_TYPES as k,ACTIONS_TYPES as g}from"../models/TemplateMeta.js";import{POD as N}from"../models/WhatsAppTemplate.js";import{TemplateHelperUtils as E}from"../utils/TemplateHelperUtils.js";class L{parseDataFromHeaderComponent(e,t,i){var n,l,o,a,d,r,s,v,p,u;const m={headerType:k.NONE,headerVariables:[]},c=null===(n=null==e?void 0:e.components)||void 0===n?void 0:n.find(e=>"HEADER"===e.type);if(c){m.headerType=c.format,m.headerText=c.text,m.headerAssetLink=null===(o=null===(l=c.example)||void 0===l?void 0:l.header_handle)||void 0===o?void 0:o[0];const n=null===(d=null===(a=c.example)||void 0===a?void 0:a.header_text)||void 0===d?void 0:d[0],h=null===(s=null===(r=e.mapping)||void 0===r?void 0:r.header)||void 0===s?void 0:s[0],b=h;if(h){const e=null==h?void 0:h.replace("[[","").replace("]]","").replace("{{","").replace("}}","").replace("((","").replace("))",""),l=/\(\(/.test(h),o=i===N.CHATBOT&&b&&(null==b?void 0:b.startsWith("(("))&&(null==b?void 0:b.endsWith("))")),a={idx:0,variableVal:t||o?n:b,editable:l,editableDefaultValues:l?void 0:n,variableName:e};m.headerVariables=[a],(null===(p=null===(v=c.example)||void 0===v?void 0:v.header_text)||void 0===p?void 0:p.length)&&(m.headerText=null===(u=m.headerText)||void 0===u?void 0:u.replace("{{1}}",`{{${e}}}`))}}return m}validateState(e){var t,i,l,o,N,L,_,O,w,V,A,R,D,I,P,U,j,$,q,S,F,M,Y;const W=/\p{Extended_Pictographic}/u;let H="valid";const Q={meta:{},ctaBtn:{phoneNumber:{btnText:"",link:""},websiteLink:{btnText:"",link:""}},quickReply:[null,null,null]},K=new E;let G=!1;const J=e=>{var t;null===(t=document.getElementById(e))||void 0===t||t.scrollIntoView({behavior:"smooth",block:"nearest"})};if((null===(t=e.meta)||void 0===t?void 0:t.name)?(null===(i=e.meta.name)||void 0===i?void 0:i.trim().length)>d?(Q.meta.name=r,H="invalid"):n.test(null===(l=e.meta.name)||void 0===l?void 0:l.trim())&&(Q.meta.name=s,H="invalid"):(Q.meta.name=a,H="invalid"),Q.meta.name&&!G&&(J(B.name),G=!0),e.headerType===k.TEXT){const t=null!==(N=null===(o=e.headerText)||void 0===o?void 0:o.trim())&&void 0!==N?N:"";if(t)if(t.length>v)Q.header=p,H="invalid";else{const e=K.getTemplateVariablesFromState(t);e&&e.length>1&&(Q.header=u,H="invalid")}else Q.header=a,H="invalid"}else e.headerType===k.DOCUMENT||e.headerType===k.IMAGE||(e.headerType,k.VIDEO);if(e.headerType!==k.DOCUMENT&&e.headerType!==k.IMAGE&&e.headerType!==k.VIDEO||e.headerAssetLink||(Q.header=m,H="invalid"),Q.header&&!G&&(J(B.header),G=!0),e.bodyText?e.bodyTextRaw&&(null===(L=e.bodyTextRaw)||void 0===L?void 0:L.trim().length)>c&&(Q.body=h,H="invalid"):(Q.body=a,H="invalid"),Q.body&&!G&&(J(B.body),G=!0),e.footerText&&e.footerText.length>v&&(Q.footer=p,H="invalid"),(null==Q?void 0:Q.footer)&&!G&&(J(B.footer),G=!0),e.actionsType===g.CTA_BTN){if(null===(O=null===(_=e.ctaBtn)||void 0===_?void 0:_.phoneNumber)||void 0===O?void 0:O.isChecked){const t=null===(w=e.ctaBtn.phoneNumber.btnText)||void 0===w?void 0:w.trim(),i=e.ctaBtn.phoneNumber.phoneNumber;Q.ctaBtn&&!t?(Q.ctaBtn.phoneNumber.btnText=a,H="invalid"):Q.ctaBtn&&t&&t.length>b?(Q.ctaBtn.phoneNumber.btnText=T,H="invalid"):Q.ctaBtn&&t&&W.test(t)&&(Q.ctaBtn.phoneNumber.btnText=y,H="invalid"),Q.ctaBtn&&!i?(Q.ctaBtn.phoneNumber.link=a,H="invalid"):Q.ctaBtn&&i&&i.length<10&&(Q.ctaBtn.phoneNumber.link=x,H="invalid")}if(null===(A=null===(V=e.ctaBtn)||void 0===V?void 0:V.websiteLinkBtn)||void 0===A?void 0:A.isChecked){const t=null===(R=e.ctaBtn.websiteLinkBtn.btnText)||void 0===R?void 0:R.trim(),i=null===(D=e.ctaBtn.websiteLinkBtn.linkOpens)||void 0===D?void 0:D.trim(),n=null===(I=e.ctaBtn.websiteLinkBtn.placeholder)||void 0===I?void 0:I.trim();Q.ctaBtn&&!t?(Q.ctaBtn.websiteLink.btnText=a,H="invalid"):Q.ctaBtn&&t&&t.length>b?(Q.ctaBtn.websiteLink.btnText=T,H="invalid"):Q.ctaBtn&&t&&W.test(t)&&(Q.ctaBtn.websiteLink.btnText=y,H="invalid"),!Q.ctaBtn||i||n||(Q.ctaBtn.websiteLink.link=a,H="invalid")}}else if(e.actionsType===g.QUICK_REPLY){const t=["","",""];e.quickReply.forEach((i,n)=>{var l;const o=null===(l=i.text)||void 0===l?void 0:l.trim();if(o)if(o.length>f)t[n]=T,H="invalid";else if(W.test(o))t[n]=y,H="invalid";else{const i=[...e.quickReply];i.splice(n,1);i.find(e=>e.text===o)&&(t[n]=C,H="invalid")}else t[n]=a,H="invalid"}),Q.quickReply=t}if(e.actionsType===g.CTA_BTN||e.actionsType===g.QUICK_REPLY){const e=null===(P=Q.quickReply)||void 0===P?void 0:P.reduce((e,t)=>e||!!t,!1);((null===(j=null===(U=null==Q?void 0:Q.ctaBtn)||void 0===U?void 0:U.websiteLink)||void 0===j?void 0:j.link)||(null===(q=null===($=Q.ctaBtn)||void 0===$?void 0:$.websiteLink)||void 0===q?void 0:q.btnText)||(null===(F=null===(S=Q.ctaBtn)||void 0===S?void 0:S.phoneNumber)||void 0===F?void 0:F.link)||(null===(Y=null===(M=Q.ctaBtn)||void 0===M?void 0:M.phoneNumber)||void 0===Y?void 0:Y.btnText)||e)&&!G&&(J(B.actionButtons),G=!0)}return{status:H,errors:Q}}parseBodyComponent(e,t=!1,n,o){var a,d,r,s,v,p;const u=[];let m="";const c=null===(a=e.components)||void 0===a?void 0:a.find(e=>"BODY"===e.type);return c&&(null===(s=null===(r=null===(d=c.example)||void 0===d?void 0:d.body_text)||void 0===r?void 0:r[0])||void 0===s||s.forEach((t,i)=>{var a,d;let r=null===(d=null===(a=e.mapping)||void 0===a?void 0:a.body)||void 0===d?void 0:d[i];const s=r,v=r&&/\(\(/.test(r),p=null==r?void 0:r.match(l);(null==p?void 0:p[2])&&(r=null==p?void 0:p[2]);const m=o===N.CHATBOT&&s&&(null==s?void 0:s.startsWith("(("))&&(null==s?void 0:s.endsWith("))"));u.push({idx:i,variableVal:n||m?t:s,editable:!!v,editableDefaultValues:v?void 0:t,variableName:null!=r?r:""})}),m=e.htmlContentUrl?e.htmlContentUrl:(null===(v=c.text)||void 0===v?void 0:v.split(/\{\{[0-9]+\}\}/).length)?null===(p=c.text)||void 0===p?void 0:p.split(/\{\{[0-9]+\}\}/).map((e,n)=>{if(null==u?void 0:u[n]){const l=u[n].variableName;return t?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${i.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e}).join(""):""),{bodyVariable:u,bodyText:m}}parseTitleComponent(e,t=!1,n){var o,a,d,r,s,v;const p=[];let u="";const m=null===(o=e.components)||void 0===o?void 0:o.find(e=>"TITLE"===e.type);return m&&(null===(r=null===(d=null===(a=m.example)||void 0===a?void 0:a.title_text)||void 0===d?void 0:d[0])||void 0===r||r.forEach((t,i)=>{var o,a;let d=null===(a=null===(o=e.mapping)||void 0===o?void 0:o.body)||void 0===a?void 0:a[i];const r=d,s=d&&/\(\(/.test(d),v=null==d?void 0:d.match(l);(null==v?void 0:v[2])&&(d=null==v?void 0:v[2]),p.push({idx:i,variableVal:n?t:r,editable:!!s,editableDefaultValues:s?void 0:t,variableName:null!=d?d:""})}),u=e.htmlContentUrl?e.htmlContentUrl:(null===(s=m.text)||void 0===s?void 0:s.split(/\{\{[0-9]+\}\}/).length)?null===(v=m.text)||void 0===v?void 0:v.split(/\{\{[0-9]+\}\}/).map((e,n)=>{if(null==p?void 0:p[n]){const l=p[n].variableName;return t?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${i.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e}).join(""):""),{titleText:u,titleVariables:p}}parseFooterComponent(e){var t;const i=null===(t=e.components)||void 0===t?void 0:t.find(e=>"FOOTER"===e.type);return null==i?void 0:i.text}parseButtonComponent(e){var t,i,n,l,a,d,r;const s={actionsType:g.NONE,quickReply:[],ctaBtn:{phoneNumber:void 0,websiteLinkBtn:void 0},allButtons:[]},v=null===(t=e.components)||void 0===t?void 0:t.find(e=>"BUTTONS"===e.type);if(v&&(null===(i=null==v?void 0:v.buttons)||void 0===i?void 0:i.length)){const t="QUICK_REPLY"===(null===(n=null==v?void 0:v.buttons)||void 0===n?void 0:n[0].type)?g.QUICK_REPLY:g.CTA_BTN;if(s.actionsType=t,t===g.QUICK_REPLY){const e=null!==(a=null===(l=null==v?void 0:v.buttons)||void 0===l?void 0:l.map(e=>e))&&void 0!==a?a:[];s.quickReply=e}else t===g.CTA_BTN&&(null===(d=null==v?void 0:v.buttons)||void 0===d||d.forEach(t=>{var i,n,l,a;if(t.phone_number&&(s.ctaBtn.phoneNumber={isChecked:!0,btnText:t.text,phoneNumber:t.phone_number}),t.url){const d=null!==(l=null===(n=null===(i=null==e?void 0:e.mapping)||void 0===i?void 0:i.buttons)||void 0===n?void 0:n[0])&&void 0!==l?l:void 0;let r=!1;d&&o.test(d)&&(r=!0),s.ctaBtn.websiteLinkBtn={isChecked:!0,btnText:t.text,linkOpens:r?null===(a=t.example)||void 0===a?void 0:a[0]:t.url,placeholder:r?void 0:d}}}));s.allButtons=null===(r=v.buttons)||void 0===r?void 0:r.map(e=>"COPY_CODE"===e.type?Object.assign(Object.assign({},e),{placeholder:Array.isArray(e.example)?e.example[0]:(null==e?void 0:e.example)||""}):e)}return s}parseLimitedTimeOfferComponent(e,i){const n={text:"",dateTime:"",code:""};return e.components.forEach(e=>{var l,o,a;if("limited_time_offer"===e.type){n.text=null!==(o=null===(l=e.limited_time_offer)||void 0===l?void 0:l.text)&&void 0!==o?o:"";const i=null===(a=e.example)||void 0===a?void 0:a.limited_time_offer;i&&i.startsWith("{{")&&i.endsWith("}}")?n.dateTime=i:n.dateTime=t(i?new Date(i):new Date,"MMM dd")}i.forEach(e=>{var t;"COPY_CODE"===e.type&&(n.code=null!==(t=e.placeholder)&&void 0!==t?t:"")})}),n}parseCallPermissionComponent(e){var t;const i=null===(t=e.components)||void 0===t?void 0:t.find(e=>"CALL_PERMISSION_REQUEST"===e.type);return{showCallPermissionCard:Boolean(i),callPermissionText:null==i?void 0:i.text}}parseUITemplateFromDBFormat(t){return e(this,void 0,void 0,function*(){var e;const{dbFormattedTemplate:i,isDuplicate:n,isV2:l=!1,showSampleValues:o,pod:a}=t,{headerType:d,headerAssetLink:r,headerAssetName:s,headerText:v,headerVariables:p}=yield this.parseDataFromHeaderComponent(i,void 0,a),{bodyText:u,bodyVariable:m}=yield this.parseBodyComponent(i,l,o,a),{titleText:c,titleVariables:h}=yield this.parseTitleComponent(i,l,o),{actionsType:b,quickReply:T,ctaBtn:y,allButtons:x}=yield this.parseButtonComponent(i),f=this.parseLimitedTimeOfferComponent(i,x),{showCallPermissionCard:B,callPermissionText:C}=this.parseCallPermissionComponent(i),k={quickReply:T,ctaBtn:y,allButtons:x,meta:{name:n?`${i.label} Copy`:i.label,category:null===(e=i.category)||void 0===e?void 0:e.toUpperCase(),subCategory:i.templateCategory,language:i.language,templateId:i.templateId},error:{header:void 0,body:void 0,footer:void 0,quickReply:void 0,meta:void 0,ctaBtn:void 0},actionsType:b,footerText:this.parseFooterComponent(i),bodyVariables:m,bodyText:u,headerType:d,headerAssetLink:r,headerAssetName:s,headerText:v,headerVariables:p,alreadyAsADraft:i.isDraft,mode:"edit",initialLoading:!1,limitedTimeOfferComponent:f,titleText:c,titleVariables:h,showCallPermissionCard:B,callPermissionText:C},{errors:g}=this.validateState(k);return k.error=g,k})}parseTemplateConfiguration(e){let t;const i=(null==e?void 0:e.content)||{};if("string"==typeof i)try{t=JSON.parse(i)}catch(e){console.error("Error parsing rcsTemplate component JSON:",e),t={orientation:"VERTICAL"}}else t=i;return Object.assign(Object.assign({},t),{templateType:null==e?void 0:e.templateType})}}export{L as TemplateCreatorHelper};

package/dist/esm/components/template-preview/helpers/VariableEditorHelper.js

@@ -1 +1 @@
-import{BaseWhatsappContentLangHelper as e}from"../../../helpers/BaseWhatsappContentLang.helper.js";import"../../curtain/CurtainHelper.js";import"../../variable-picker-v3/model.js";import{variablePattern as r}from"../constants/regexPatterns.js";const l=new e;class a{format(e,a){var t;if(!e)return"";const p=new RegExp(r,"g"),n=e.match(p),o=null!==(t=null==a?void 0:a.map((e=>{let{placeholder:r}=e;return r})))&&void 0!==t?t:[],c=e.split(r).map(((e,r)=>{var l;const t=null==n?void 0:n[r];if(t){const r=t.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))",""),p=o.findIndex((e=>e.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))","")===r));return p>-1?e+'<code style="color: #731DCF">'+(null===(l=null==a?void 0:a[p])||void 0===l?void 0:l.value)+"</code>":e+t}return e})).join("");return l.getHTML(c)}}export{a as VariableEditorHelper};
+import{BaseWhatsappContentLangHelper as e}from"../../../helpers/BaseWhatsappContentLang.helper.js";import"../../curtain/CurtainHelper.js";import"../../variable-picker-v3/model.js";import{variablePattern as r}from"../constants/regexPatterns.js";const l=new e;class a{format(e,a){var p;if(!e)return"";const o=new RegExp(r,"g"),t=e.match(o),n=null!==(p=null==a?void 0:a.map(({placeholder:e})=>e))&&void 0!==p?p:[],c=e.split(r).map((e,r)=>{var l;const p=null==t?void 0:t[r];if(p){const r=p.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))",""),o=n.findIndex(e=>e.replace("{{","").replace("}}","").replace("[[","").replace("]]","").replace("((","").replace("))","")===r);return o>-1?e+'<code style="color: #731DCF">'+(null===(l=null==a?void 0:a[o])||void 0===l?void 0:l.value)+"</code>":e+p}return e}).join("");return l.getHTML(c)}}export{a as VariableEditorHelper};

package/dist/esm/components/template-preview/utils/TemplateHelperUtils.js

@@ -1 +1 @@
-import{templateVariablePattern as e,globalVariablePattern as l}from"../constants/regexPatterns.js";class a{fillVariablesValInBodyText(l,a){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const i=l.match(e),t=l.split(e);if(l&&(null==i?void 0:i.length)){return t.map(((e,l)=>{var n,o,v,d,s;const u=null===(n=null==i?void 0:i[l])||void 0===n?void 0:n.replace("{{","").replace("}}","");return t.length-1===l?e:(null===(v=null===(o=null==a?void 0:a[l])||void 0===o?void 0:o.variableName)||void 0===v?void 0:v.trim())===u.trim()||(null===(s=null===(d=null==a?void 0:a[l])||void 0===d?void 0:d.variableVal)||void 0===s?void 0:s.trim())===u.trim()?a[l].editable?`${e}${r?"{{":""}${a[l].variableVal}${r?"}}":""}`:`${e}${r?"{{":""}${a[l].variableName}${r?"}}":""}`:e})).join("")}return l}getTemplateVariablesFromState(e){var a;return null===(a=e.match(l))||void 0===a?void 0:a.map((e=>e.replace("{{","").replace("}}","")))}whatsappOnlyFillVariablesValueInBodyText(l,a){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const i=l.match(e),t=l.split(e);if(l&&(null==i?void 0:i.length)){return t.map(((e,l)=>{var n;const o=null===(n=null==i?void 0:i[l])||void 0===n?void 0:n.replace("{{","").replace("}}","");if(t.length-1===l)return e;const v=a.findIndex((e=>e.variableName===o));if(v>-1){let l=a[v].variableVal;return r||(l=!a[v].variableVal&&a[v].variableName.startsWith("editableVariable")?a[v].variableName:null==l?void 0:l.replace("[[","").replace("]]","")),a[v].editable?`${e}${r?"{{":""}${l}${r?"}}":""}`:`${e}${r?"{{":""}${o}${r?"}}":""}`}return e})).join("")}return l}parseJsonString(e){let l;if("string"==typeof e)try{l=JSON.parse(e)}catch(e){console.error("Error parsing webpush component JSON:",e),l={}}else l=e;return l}}export{a as TemplateHelperUtils};
+import{templateVariablePattern as e,globalVariablePattern as l}from"../constants/regexPatterns.js";class a{fillVariablesValInBodyText(l,a,r=!1){const i=l.match(e),t=l.split(e);if(l&&(null==i?void 0:i.length)){return t.map((e,l)=>{var n,o,v,d,s;const u=null===(n=null==i?void 0:i[l])||void 0===n?void 0:n.replace("{{","").replace("}}","");return t.length-1===l?e:(null===(v=null===(o=null==a?void 0:a[l])||void 0===o?void 0:o.variableName)||void 0===v?void 0:v.trim())===u.trim()||(null===(s=null===(d=null==a?void 0:a[l])||void 0===d?void 0:d.variableVal)||void 0===s?void 0:s.trim())===u.trim()?a[l].editable?`${e}${r?"{{":""}${a[l].variableVal}${r?"}}":""}`:`${e}${r?"{{":""}${a[l].variableName}${r?"}}":""}`:e}).join("")}return l}getTemplateVariablesFromState(e){var a;return null===(a=e.match(l))||void 0===a?void 0:a.map(e=>e.replace("{{","").replace("}}",""))}whatsappOnlyFillVariablesValueInBodyText(l,a,r=!1){const i=l.match(e),t=l.split(e);if(l&&(null==i?void 0:i.length)){return t.map((e,l)=>{var n;const o=null===(n=null==i?void 0:i[l])||void 0===n?void 0:n.replace("{{","").replace("}}","");if(t.length-1===l)return e;const v=a.findIndex(e=>e.variableName===o);if(v>-1){let l=a[v].variableVal;return r||(l=!a[v].variableVal&&a[v].variableName.startsWith("editableVariable")?a[v].variableName:null==l?void 0:l.replace("[[","").replace("]]","")),a[v].editable?`${e}${r?"{{":""}${l}${r?"}}":""}`:`${e}${r?"{{":""}${o}${r?"}}":""}`}return e}).join("")}return l}parseJsonString(e){let l;if("string"==typeof e)try{l=JSON.parse(e)}catch(e){console.error("Error parsing webpush component JSON:",e),l={}}else l=e;return l}}export{a as TemplateHelperUtils};

package/dist/esm/components/template-preview/utils/getPreviewPropLen.js

@@ -1 +1 @@
-const r=r=>Object.keys(r).filter((t=>{const e=r[t];return e&&Array.isArray(e)?!!e.length:!!e})).length;export{r as getPreviewPropLen};
+const r=r=>Object.keys(r).filter(t=>{const e=r[t];return e&&Array.isArray(e)?!!e.length:!!e}).length;export{r as getPreviewPropLen};

package/dist/esm/components/template-preview/webpush/WebpushPreview.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{WEB_PUSH_COMPONENT_TYPE as i}from"../models/WebpushTemplate.js";import{TemplateHelperUtils as n}from"../utils/TemplateHelperUtils.js";import{WebpushPreviewContainer as l}from"./WebpushPreview.styled.js";const a="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F4daae031-3902-4e58-a57c-32f29ea90812?alt=media&token=a7655ba9-6843-47df-91ba-422345e925c3",o=o=>{var s,r,c,d,m,h;const{components:u,webpushBroadcastConfig:v}=o.template,g=(new n).parseJsonString(u),p=(e,t)=>{let i=0;return e?e.replace(/{{(.*?)}}/g,((e,n)=>{const l=n.trim();if(t&&t.length&&i<t.length){const e=t[i];return i++,`${e} `}return`{{${l}}}`})):""},b=p(g[i.TITLE],null==v?void 0:v.title),N=p(null!==(c=null!==(r=null===(s=g[i.BODY])||void 0===s?void 0:s.text)&&void 0!==r?r:g[i.BODY])&&void 0!==c?c:"",null==v?void 0:v.body);return e(l,{style:Object.assign({},o.extraContainerCss),children:[e("div",{className:"icon--header",children:[t("div",{className:"icon-img-container",children:t("img",{src:(null===(d=null==v?void 0:v[i.ICON])||void 0===d?void 0:d.length)?v[i.ICON][0]:g[i.ICON]||a,alt:"icon-image"})}),e("div",{className:"text--container",children:[t("div",{children:b}),t("div",{style:{marginTop:3},children:N})]})]}),g[i.IMAGE]&&g[i.IMAGE].length&&t("div",{className:"banner-img-container",children:t("img",{src:(null===(m=null==v?void 0:v[i.IMAGE])||void 0===m?void 0:m.length)?v[i.IMAGE][0]:null!==(h=g[i.IMAGE])&&void 0!==h?h:a,alt:"icon-image"})}),g[i.BUTTONS]&&g[i.BUTTONS].length&&t("div",{className:"button-container "+(1===g[i.BUTTONS].length?"single-button":""),children:g[i.BUTTONS].map(((e,n)=>t("div",{className:"each--btn",style:{flex:1===g[i.BUTTONS].length?"0 0 50%":"1"},children:t("div",{className:"text-btn",children:e.text})},`webpush-buttons-${n}`)))})]})};export{o as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{WEB_PUSH_COMPONENT_TYPE as i}from"../models/WebpushTemplate.js";import{TemplateHelperUtils as n}from"../utils/TemplateHelperUtils.js";import{WebpushPreviewContainer as l}from"./WebpushPreview.styled.js";const a="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F4daae031-3902-4e58-a57c-32f29ea90812?alt=media&token=a7655ba9-6843-47df-91ba-422345e925c3",o=o=>{var s,r,c,d,m,h;const{components:u,webpushBroadcastConfig:v}=o.template,g=(new n).parseJsonString(u),p=(e,t)=>{let i=0;return e?e.replace(/{{(.*?)}}/g,(e,n)=>{const l=n.trim();if(t&&t.length&&i<t.length){const e=t[i];return i++,`${e} `}return`{{${l}}}`}):""},b=p(g[i.TITLE],null==v?void 0:v.title),N=p(null!==(c=null!==(r=null===(s=g[i.BODY])||void 0===s?void 0:s.text)&&void 0!==r?r:g[i.BODY])&&void 0!==c?c:"",null==v?void 0:v.body);return e(l,{style:Object.assign({},o.extraContainerCss),children:[e("div",{className:"icon--header",children:[t("div",{className:"icon-img-container",children:t("img",{src:(null===(d=null==v?void 0:v[i.ICON])||void 0===d?void 0:d.length)?v[i.ICON][0]:g[i.ICON]||a,alt:"icon-image"})}),e("div",{className:"text--container",children:[t("div",{children:b}),t("div",{style:{marginTop:3},children:N})]})]}),g[i.IMAGE]&&g[i.IMAGE].length&&t("div",{className:"banner-img-container",children:t("img",{src:(null===(m=null==v?void 0:v[i.IMAGE])||void 0===m?void 0:m.length)?v[i.IMAGE][0]:null!==(h=g[i.IMAGE])&&void 0!==h?h:a,alt:"icon-image"})}),g[i.BUTTONS]&&g[i.BUTTONS].length&&t("div",{className:"button-container "+(1===g[i.BUTTONS].length?"single-button":""),children:g[i.BUTTONS].map((e,n)=>t("div",{className:"each--btn",style:{flex:1===g[i.BUTTONS].length?"0 0 50%":"1"},children:t("div",{className:"text-btn",children:e.text})},`webpush-buttons-${n}`))})]})};export{o as default};

package/dist/esm/components/text-picker/TextPickerCategoryCard.js

@@ -1,6 +1,6 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../assets/icons/chevronRight.svg.js";import i from"styled-components";import{COLORS as r}from"../../constants/Theme.js";import{CheckBox as n}from"../checkBox/CheckBox.js";import{IconButton as s}from"../icon-button/IconButton.js";import{Tag as c}from"../tag/Tag.js";import{BodyPrimary as l,BodyCaption as a}from"../TypographyStyle.js";const d=i.div`
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../assets/icons/chevronRight.svg.js";import i from"styled-components";import{COLORS as r}from"../../constants/Theme.js";import{CheckBox as s}from"../checkBox/CheckBox.js";import{IconButton as n}from"../icon-button/IconButton.js";import{Tag as c}from"../tag/Tag.js";import{BodyPrimary as l,BodyCaption as a}from"../TypographyStyle.js";const d=i.div`
 	height: 64px;
-	background-color: ${e=>{let{isSelected:t,isActive:o}=e;return t?r.background.positive.light:o?r.surface.hovered:r.surface.standard}};
+	background-color: ${({isSelected:e,isActive:t})=>e?r.background.positive.light:t?r.surface.hovered:r.surface.standard};
 	border-bottom: 1px solid ${r.stroke.primary};
 	padding: 12px 24px;
 	display: flex;
@@ -8,6 +8,6 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../assets/ico
 	cursor: pointer;
 	transition: background 0.2s;
 	&:hover {
-		background-color: ${e=>{let{isSelected:t}=e;return t?r.background.positive.light:r.surface.hovered}};
+		background-color: ${({isSelected:e})=>e?r.background.positive.light:r.surface.hovered};
 	}
-`,m=i=>{let{id:m,name:h,itemsCount:p,selectedCount:g,isChecked:u,isPartiallyChecked:f,onCheck:y,onClick:k}=i;return e(d,{isActive:u||f,isSelected:u,onClick:k,children:[t(n,{isChecked:u||f,isPartiallyChecked:f&&!u,onValueChange:function(e,t,o){null==o||o.stopPropagation(),y(e,o)},style:{marginRight:16}}),e("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[t(l,{children:h}),e(a,{style:{color:r.text.secondary,fontSize:13},children:[p," document",1!==p?"s":""]})]}),!!g&&t(c,{tagText:`${g} selected`,type:"positive",style:{marginLeft:12}}),t(s,{Icon:o,height:16,width:16,style:{marginLeft:8}})]})};export{m as TextPickerCategoryCard};
+`,m=({id:i,name:m,itemsCount:h,selectedCount:p,isChecked:g,isPartiallyChecked:f,onCheck:u,onClick:y})=>e(d,{isActive:g||f,isSelected:g,onClick:y,children:[t(s,{isChecked:g||f,isPartiallyChecked:f&&!g,onValueChange:function(e,t,o){null==o||o.stopPropagation(),u(e,o)},style:{marginRight:16}}),e("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[t(l,{children:m}),e(a,{style:{color:r.text.secondary,fontSize:13},children:[h," document",1!==h?"s":""]})]}),!!p&&t(c,{tagText:`${p} selected`,type:"positive",style:{marginLeft:12}}),t(n,{Icon:o,height:16,width:16,style:{marginLeft:8}})]});export{m as TextPickerCategoryCard};

package/dist/esm/components/text-picker/TextPickerFooter.js

@@ -1,13 +1,13 @@
-import{jsx as e}from"react/jsx-runtime";import t from"styled-components";import{COLORS as n}from"../../constants/Theme.js";import{Tag as o}from"../tag/Tag.js";import{BodySecondary as i}from"../TypographyStyle.js";const r=t.div`
+import{jsx as e}from"react/jsx-runtime";import t from"styled-components";import{COLORS as n}from"../../constants/Theme.js";import{Tag as o}from"../tag/Tag.js";import{BodySecondary as i}from"../TypographyStyle.js";const c=t.div`
 	box-sizing: border-box;
 	width: 100%;
 	margin: 0;
 	display: flex;
 	justify-content: flex-start;
 	align-items: center;
-`,c=t.div`
+`,r=t.div`
 	display: flex;
 	align-items: center;
 `,s=t(i)`
-	color: ${e=>{let{$isInactive:t}=e;return t?n.content.inactive:n.content.brand}};
-`,l=t=>{let{totalSelected:n,maxDocuments:i}=t;return e(r,{children:e(c,{children:i!==1/0&&n>=i?e(o,{tagText:`You can only select ${i} documents`,type:"negative"}):e(s,{$isInactive:0===n,children:i!==1/0?`${n}/${i} documents selected`:`${n} documents selected`})})})};export{l as TextPickerFooter};
+	color: ${({$isInactive:e})=>e?n.content.inactive:n.content.brand};
+`,m=({totalSelected:t,maxDocuments:n})=>e(c,{children:e(r,{children:n!==1/0&&t>=n?e(o,{tagText:`You can only select ${n} documents`,type:"negative"}):e(s,{$isInactive:0===t,children:n!==1/0?`${t}/${n} documents selected`:`${t} documents selected`})})});export{m as TextPickerFooter};

package/dist/esm/components/text-picker/TextPickerItemRow.js

@@ -1,17 +1,17 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import t from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import{CheckBox as i}from"../checkBox/CheckBox.js";import{BodyPrimary as n}from"../TypographyStyle.js";const c=t.div`
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import r from"styled-components";import{COLORS as i}from"../../constants/Theme.js";import{CheckBox as t}from"../checkBox/CheckBox.js";import{BodyPrimary as n}from"../TypographyStyle.js";const c=r.div`
 	min-height: 48px;
-	background: ${e=>{let{selected:r}=e;return r?o.surface.hovered:o.surface.standard}};
-	border-bottom: 1px solid ${o.stroke.primary};
+	background: ${({selected:e})=>e?i.surface.hovered:i.surface.standard};
+	border-bottom: 1px solid ${i.stroke.primary};
 	padding: 12px 24px;
 	display: flex;
 	align-items: center;
 	cursor: pointer;
-`,l=t.div`
+`,s=r.div`
 	margin-right: 16px;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
-`,s=t.div`
+`,d=r.div`
 	flex: 1;
-`,d=t=>{let{item:o,selected:d,onCheck:m,onClick:p}=t;return e(c,{selected:d,onClick:p,children:[r(l,{onClick:e=>e.stopPropagation(),children:r(i,{isChecked:d,onValueChange:m})}),r(s,{children:r(n,{children:o.name})})]})};export{d as TextPickerItemRow};
+`,l=({item:r,selected:i,onCheck:l,onClick:m})=>e(c,{selected:i,onClick:m,children:[o(s,{onClick:e=>e.stopPropagation(),children:o(t,{isChecked:i,onValueChange:l})}),o(d,{children:o(n,{children:r.name})})]});export{l as TextPickerItemRow};

package/dist/esm/components/text-picker/TextPickerModal.js

@@ -23,4 +23,4 @@ import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import o from"..
 	color: ${l.content.secondary};
 	text-align: center;
 	padding: 32px;
-`,b=r=>{var b,C;const{visible:j,categories:k,selectedItems:T,onAdd:w,onClose:B,title:O="Select Text",subtitle:S,width:I="640px",zIndex:L}=r,P=null!==(b=r.maxDocuments)&&void 0!==b?b:1/0,[$,A]=n("categories"),[D,R]=n(""),[z,N]=n(T),[E,F]=n(null),M=k.filter((e=>e.name.toLowerCase().includes(D.toLowerCase()))),_=E?E.items.filter((e=>e.name.toLowerCase().includes(D.toLowerCase()))):[],q=Object.values(z).reduce(((e,t)=>e+t.length),0),G=e=>{var t;return e.items.length>0&&(null===(t=z[e.id])||void 0===t?void 0:t.length)===e.items.length},H=e=>{var t;return!!(null===(t=z[e.id])||void 0===t?void 0:t.length)&&z[e.id].length<e.items.length},J=()=>{var e;return!!E&&_.length>0&&(null===(e=z[E.id])||void 0===e?void 0:e.length)===_.length},K=(e,t)=>{E&&N((i=>{const o=i[E.id]||[];return t&&q>=P?i:Object.assign(Object.assign({},i),{[E.id]:t?[...o,e]:o.filter((t=>t!==e))})}))};return e(s,{open:j,onClose:B,headingTitle:O,headingSubtitle:S||"",centralContainerStyles:{width:I,zIndex:L},hideCrossButton:!1,primaryButton:r.primaryButton?Object.assign(Object.assign({},r.primaryButton),{buttonText:r.primaryButton.isLoading?"Loading...":r.primaryButton.buttonText||"Add",disabled:null!==(C=r.primaryButton.disabled)&&void 0!==C&&C||0===q||P!==1/0&&q>=P,onClick:r.primaryButton.onClick||(()=>w(z))}):{buttonText:"Add",disabled:0===q||P!==1/0&&q>=P,onClick:()=>w(z)},footerLeftCustomElement:e(h,{totalSelected:q,maxDocuments:P}),footerContainerStyle:{borderTop:`1px solid ${l.stroke.primary}`,background:l.surface.standard},modalBodyStyles:{overflow:"hidden",display:"flex",flexDirection:"column",flex:1},wrapperStyle:{height:"calc(100vh - 168px)"},children:e(g,{children:t(i,"categories"===$?{children:[e(f,{children:e(a,{placeholder:"Search ...",value:D,onChangeText:R,height:"40px"})}),e(v,{children:0===M.length?e(y,{children:"No categories found. Try a different search."}):M.map((t=>{var i;return e(m,{id:t.id,name:t.name,itemsCount:t.items.length,selectedCount:(null===(i=z[t.id])||void 0===i?void 0:i.length)||0,isChecked:G(t),isPartiallyChecked:H(t)&&!G(t),onCheck:(e,i)=>((e,t,i)=>{i&&i.stopPropagation(),N((i=>Object.assign(Object.assign({},i),{[e.id]:t?e.items.map((e=>e.id)):[]})))})(t,e,i),onClick:()=>(e=>{F(e),A("items"),R("")})(t)},t.id)}))})]}:{children:[t(x,{children:[e(d,{Icon:o,height:16,width:16,onClick:()=>{A("categories"),F(null),R("")},style:{marginRight:8},"aria-label":"Back"}),e(c,{style:{color:l.content.secondary},children:null==E?void 0:E.name})]}),e(f,{children:e(a,{placeholder:"Search ...",value:D,onChangeText:R,height:"40px"})}),e(v,{children:0===_.length?e(y,{children:"No items found. Try a different search."}):t(i,{children:[e(p,{isChecked:J(),isPartiallyChecked:(()=>{var e;return!!E&&!!(null===(e=z[E.id])||void 0===e?void 0:e.length)&&z[E.id].length<_.length})()&&!J(),onCheck:e=>{E&&N((t=>e?Object.assign(Object.assign({},t),{[E.id]:_.map((e=>e.id))}):Object.assign(Object.assign({},t),{[E.id]:[]})))}}),_.map((t=>{var i;return e(u,{item:t,selected:(null===(i=z[E.id])||void 0===i?void 0:i.includes(t.id))||!1,onCheck:e=>K(t.id,e),onClick:()=>{var e;return K(t.id,!(null===(e=z[E.id])||void 0===e?void 0:e.includes(t.id)))}},t.id)}))]})})]})})})};export{b as TextPickerModal};
+`,b=r=>{var b,C;const{visible:j,categories:k,selectedItems:T,onAdd:w,onClose:B,title:O="Select Text",subtitle:S,width:I="640px",zIndex:L}=r,P=null!==(b=r.maxDocuments)&&void 0!==b?b:1/0,[$,A]=n("categories"),[D,R]=n(""),[z,N]=n(T),[E,F]=n(null),M=k.filter(e=>e.name.toLowerCase().includes(D.toLowerCase())),_=E?E.items.filter(e=>e.name.toLowerCase().includes(D.toLowerCase())):[],q=Object.values(z).reduce((e,t)=>e+t.length,0),G=e=>{var t;return e.items.length>0&&(null===(t=z[e.id])||void 0===t?void 0:t.length)===e.items.length},H=e=>{var t;return!!(null===(t=z[e.id])||void 0===t?void 0:t.length)&&z[e.id].length<e.items.length},J=()=>{var e;return!!E&&_.length>0&&(null===(e=z[E.id])||void 0===e?void 0:e.length)===_.length},K=(e,t)=>{E&&N(i=>{const o=i[E.id]||[];return t&&q>=P?i:Object.assign(Object.assign({},i),{[E.id]:t?[...o,e]:o.filter(t=>t!==e)})})};return e(s,{open:j,onClose:B,headingTitle:O,headingSubtitle:S||"",centralContainerStyles:{width:I,zIndex:L},hideCrossButton:!1,primaryButton:r.primaryButton?Object.assign(Object.assign({},r.primaryButton),{buttonText:r.primaryButton.isLoading?"Loading...":r.primaryButton.buttonText||"Add",disabled:null!==(C=r.primaryButton.disabled)&&void 0!==C&&C||0===q||P!==1/0&&q>=P,onClick:r.primaryButton.onClick||(()=>w(z))}):{buttonText:"Add",disabled:0===q||P!==1/0&&q>=P,onClick:()=>w(z)},footerLeftCustomElement:e(h,{totalSelected:q,maxDocuments:P}),footerContainerStyle:{borderTop:`1px solid ${l.stroke.primary}`,background:l.surface.standard},modalBodyStyles:{overflow:"hidden",display:"flex",flexDirection:"column",flex:1},wrapperStyle:{height:"calc(100vh - 168px)"},children:e(g,{children:t(i,"categories"===$?{children:[e(f,{children:e(a,{placeholder:"Search ...",value:D,onChangeText:R,height:"40px"})}),e(v,{children:0===M.length?e(y,{children:"No categories found. Try a different search."}):M.map(t=>{var i;return e(m,{id:t.id,name:t.name,itemsCount:t.items.length,selectedCount:(null===(i=z[t.id])||void 0===i?void 0:i.length)||0,isChecked:G(t),isPartiallyChecked:H(t)&&!G(t),onCheck:(e,i)=>((e,t,i)=>{i&&i.stopPropagation(),N(i=>Object.assign(Object.assign({},i),{[e.id]:t?e.items.map(e=>e.id):[]}))})(t,e,i),onClick:()=>(e=>{F(e),A("items"),R("")})(t)},t.id)})})]}:{children:[t(x,{children:[e(d,{Icon:o,height:16,width:16,onClick:()=>{A("categories"),F(null),R("")},style:{marginRight:8},"aria-label":"Back"}),e(c,{style:{color:l.content.secondary},children:null==E?void 0:E.name})]}),e(f,{children:e(a,{placeholder:"Search ...",value:D,onChangeText:R,height:"40px"})}),e(v,{children:0===_.length?e(y,{children:"No items found. Try a different search."}):t(i,{children:[e(p,{isChecked:J(),isPartiallyChecked:(()=>{var e;return!!E&&!!(null===(e=z[E.id])||void 0===e?void 0:e.length)&&z[E.id].length<_.length})()&&!J(),onCheck:e=>{E&&N(t=>e?Object.assign(Object.assign({},t),{[E.id]:_.map(e=>e.id)}):Object.assign(Object.assign({},t),{[E.id]:[]}))}}),_.map(t=>{var i;return e(u,{item:t,selected:(null===(i=z[E.id])||void 0===i?void 0:i.includes(t.id))||!1,onCheck:e=>K(t.id,e),onClick:()=>{var e;return K(t.id,!(null===(e=z[E.id])||void 0===e?void 0:e.includes(t.id)))}},t.id)})]})})]})})})};export{b as TextPickerModal};

package/dist/esm/components/text-picker/TextPickerSelectAllRow.js

@@ -1,5 +1,5 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import i from"styled-components";import{COLORS as t}from"../../constants/Theme.js";import{CheckBox as o}from"../checkBox/CheckBox.js";import{BodyPrimary as c}from"../TypographyStyle.js";const l=i.div`
-  background: ${e=>{let{isActive:r}=e;return r?t.surface.hovered:t.surface.subdued}};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import i from"styled-components";import{COLORS as t}from"../../constants/Theme.js";import{CheckBox as o}from"../checkBox/CheckBox.js";import{BodyPrimary as c}from"../TypographyStyle.js";const s=i.div`
+  background: ${({isActive:e})=>e?t.surface.hovered:t.surface.subdued};
   border-bottom: 1px solid ${t.stroke.primary};
   padding: 12px 24px;
   display: flex;
@@ -9,9 +9,9 @@ import{jsxs as e,jsx as r}from"react/jsx-runtime";import i from"styled-component
   justify-content: center;
   align-items: center;
 
-`,n=i.div`
+`,d=i.div`
   display: flex;
   margin-right: 16px;
-`,s=i.div`
+`,l=i.div`
   flex: 1;
-`,d=i=>{let{isChecked:t,isPartiallyChecked:d,onCheck:a}=i;return e(l,{isActive:t||d,children:[r(n,{children:r(o,{isChecked:t||d,isPartiallyChecked:d&&!t,onValueChange:a})}),r(s,{children:r(c,{children:"Select All"})})]})};export{d as TextPickerSelectAllRow};
+`,n=({isChecked:i,isPartiallyChecked:t,onCheck:n})=>e(s,{isActive:i||t,children:[r(d,{children:r(o,{isChecked:i||t,isPartiallyChecked:t&&!i,onValueChange:n})}),r(l,{children:r(c,{children:"Select All"})})]});export{n as TextPickerSelectAllRow};

package/dist/esm/components/toaster/Toaster.js

@@ -1 +1 @@
-import{jsx as t,Fragment as o,jsxs as e}from"react/jsx-runtime";import n from"../../assets/icons/alert_triangle.svg.js";import s from"../../assets/icons/check.svg.js";import i from"../../assets/icons/cross.svg.js";import l from"../../assets/icons/errorInfo.svg.js";import r from"../../assets/icons/info.svg.js";import d,{useRef as c,useState as u,useEffect as a,useContext as p}from"react";import h from"react-dom";import{cssTransition as x,toast as y,ToastContainer as v}from"react-toastify";import{Button as f}from"../button/Button.js";import{ToasterStyled as T}from"./Toaster.styled.js";import{TitleSmall as B,BodySecondary as g,BodyCaption as m}from"../TypographyStyle.js";import{COLORS as b}from"../../constants/Theme.js";const w=o=>{const e=(o.type,b.content.secondary);return t("div",{tabIndex:0,role:"button",style:{width:20,display:"flex",cursor:"pointer",alignSelf:""+(o.alignTop?"flex-start":"center")},onClick:o.closeToast,onKeyDown:t=>{"Enter"===t.key&&o.closeToast&&o.closeToast()},children:t(i,{height:20,width:20,color:e})})},C=n=>{var s,i;const l=b.content.placeholder,{toasterText:r}=p(P);return t(o,{children:e("div",{style:{display:"flex",flexGrow:1},children:[t("div",{style:{flexGrow:1,marginRight:32,display:"flex",alignItems:"center"},children:e("div",{children:[n.subText?t(B,{color:"inherit",children:null!==(s=n.toastText)&&void 0!==s?s:r}):t(g,{color:"inherit",children:null!==(i=n.toastText)&&void 0!==i?i:r}),n.subText&&t("div",{style:{marginTop:2},children:t(m,{color:b.content.secondary,children:n.subText})})]})}),n.showButton&&t("div",{style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px",marginRight:{showSecondButton:4,showButton:0}[n.showSecondButton?"showSecondButton":"showButton"]},children:t(f,{buttonText:n.buttonText,buttonType:"tertiaryGray",color:b.content.secondary,onClick:n.onButtonClick})}),n.showSecondButton&&t("div",{style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px"},children:t(f,{buttonText:n.secondButtonText,buttonType:"tertiaryGray",color:b.content.secondary,onClick:n.onSecondButtonClick})}),n.showButton||n.showSecondButton?t("div",{style:{height:28,alignSelf:"center",marginLeft:8,marginRight:8,borderRight:`1px solid ${l}`,borderRadius:1}}):null]})})},I=o=>{const e=c(o.toastId||"default-toast"),[i,d]=u(o.text),p=x({enter:"Toastify__slide-enter",exit:"Toastify__slide-exit"}),f="default"===o.type?null:"success"===o.type?t(s,{width:20,height:20,color:b.content.positive}):"error"===o.type?t(l,{width:20,height:20,color:b.content.negative}):"warning"===o.type?t(n,{width:20,height:20,color:b.content.warning}):t(r,{width:20,height:20,color:b.content.brand});a((()=>{e.current&&e.current===o.toastId?(d(o.text),y.update(e.current,{autoClose:o.autoClose})):e.current&&e.current!==o.toastId&&B(o.text)}),[o.toastId,o.text]);const B=n=>{var s,i,l,r,d,c,u,a,h,x,v,T,B,g,m,b;void 0!==o.hideLeftIcon||o.leftIcon?y(t(C,{toastText:n,type:o.type||"info",buttonText:null===(s=o.buttonProps)||void 0===s?void 0:s.buttonText,secondButtonText:null===(i=o.secondButtonProps)||void 0===i?void 0:i.buttonText,showButton:null===(l=o.buttonProps)||void 0===l?void 0:l.showButton,showSecondButton:null===(r=o.secondButtonProps)||void 0===r?void 0:r.showButton,onButtonClick:null===(d=o.buttonProps)||void 0===d?void 0:d.onButtonClick,onSecondButtonClick:null===(c=o.secondButtonProps)||void 0===c?void 0:c.onButtonClick,subText:o.subText}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),icon:!0!==o.hideLeftIcon&&(o.leftIcon?o.leftIcon:"default"!==o.type&&t("div",{style:{display:"flex",alignItems:"flex-start"},children:f})),type:o.type,closeButton:t(w,{type:o.type||"default",alignTop:!(!o.subText||(null===(u=o.buttonProps)||void 0===u?void 0:u.showButton)||(null===(a=o.secondButtonProps)||void 0===a?void 0:a.showButton))}),toastId:o.toastId||"default-toast",transition:p}):e.current=y(t(C,{toastText:n,type:o.type||"info",buttonText:null===(h=o.buttonProps)||void 0===h?void 0:h.buttonText,secondButtonText:null===(x=o.secondButtonProps)||void 0===x?void 0:x.buttonText,showButton:null===(v=o.buttonProps)||void 0===v?void 0:v.showButton,showSecondButton:null===(T=o.secondButtonProps)||void 0===T?void 0:T.showButton,onButtonClick:null===(B=o.buttonProps)||void 0===B?void 0:B.onButtonClick,onSecondButtonClick:null===(g=o.secondButtonProps)||void 0===g?void 0:g.onButtonClick,subText:o.subText}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),type:o.type,icon:"default"!==o.type&&t("div",{style:{display:"flex",alignItems:"flex-start"},children:f}),closeButton:t(w,{type:o.type||"default",alignTop:!(!o.subText||(null===(m=o.buttonProps)||void 0===m?void 0:m.showButton)||(null===(b=o.secondButtonProps)||void 0===b?void 0:b.showButton))}),toastId:o.toastId||"default-toast",transition:p})};return a((()=>{B()}),[]),h.createPortal(t(T,{width:o.width,height:o.height,zIndex:o.zIndex,isSubTextIncluded:!!o.subText,type:o.type,children:t(P.Provider,{value:{toasterText:i},children:t(v,{position:o.position||"top-right",closeOnClick:o.closeOnClick||!1,hideProgressBar:o.hideProgressBar||!1,draggable:!1,autoClose:o.autoClose||!1,theme:"colored"})})}),document.body)},P=d.createContext({toasterText:""});export{I as Toaster};
+import{jsx as t,Fragment as o,jsxs as e}from"react/jsx-runtime";import n from"../../assets/icons/alert_triangle.svg.js";import s from"../../assets/icons/check.svg.js";import i from"../../assets/icons/cross.svg.js";import l from"../../assets/icons/errorInfo.svg.js";import r from"../../assets/icons/info.svg.js";import d,{useRef as c,useState as u,useEffect as a,useContext as p}from"react";import h from"react-dom";import{cssTransition as x,toast as y,ToastContainer as v}from"react-toastify";import{Button as f}from"../button/Button.js";import{ToasterStyled as T}from"./Toaster.styled.js";import{TitleSmall as B,BodySecondary as g,BodyCaption as m}from"../TypographyStyle.js";import{COLORS as b}from"../../constants/Theme.js";const w=o=>{const e=(o.type,b.content.secondary);return t("div",{tabIndex:0,role:"button",style:{width:20,display:"flex",cursor:"pointer",alignSelf:""+(o.alignTop?"flex-start":"center")},onClick:o.closeToast,onKeyDown:t=>{"Enter"===t.key&&o.closeToast&&o.closeToast()},children:t(i,{height:20,width:20,color:e})})},C=n=>{var s,i;const l=b.content.placeholder,{toasterText:r}=p(P);return t(o,{children:e("div",{style:{display:"flex",flexGrow:1},children:[t("div",{style:{flexGrow:1,marginRight:32,display:"flex",alignItems:"center"},children:e("div",{children:[n.subText?t(B,{color:"inherit",children:null!==(s=n.toastText)&&void 0!==s?s:r}):t(g,{color:"inherit",children:null!==(i=n.toastText)&&void 0!==i?i:r}),n.subText&&t("div",{style:{marginTop:2},children:t(m,{color:b.content.secondary,children:n.subText})})]})}),n.showButton&&t("div",{style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px",marginRight:{showSecondButton:4,showButton:0}[n.showSecondButton?"showSecondButton":"showButton"]},children:t(f,{buttonText:n.buttonText,buttonType:"tertiaryGray",color:b.content.secondary,onClick:n.onButtonClick})}),n.showSecondButton&&t("div",{style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px"},children:t(f,{buttonText:n.secondButtonText,buttonType:"tertiaryGray",color:b.content.secondary,onClick:n.onSecondButtonClick})}),n.showButton||n.showSecondButton?t("div",{style:{height:28,alignSelf:"center",marginLeft:8,marginRight:8,borderRight:`1px solid ${l}`,borderRadius:1}}):null]})})},I=o=>{const e=c(o.toastId||"default-toast"),[i,d]=u(o.text),p=x({enter:"Toastify__slide-enter",exit:"Toastify__slide-exit"}),f="default"===o.type?null:"success"===o.type?t(s,{width:20,height:20,color:b.content.positive}):"error"===o.type?t(l,{width:20,height:20,color:b.content.negative}):"warning"===o.type?t(n,{width:20,height:20,color:b.content.warning}):t(r,{width:20,height:20,color:b.content.brand});a(()=>{e.current&&e.current===o.toastId?(d(o.text),y.update(e.current,{autoClose:o.autoClose})):e.current&&e.current!==o.toastId&&B(o.text)},[o.toastId,o.text]);const B=n=>{var s,i,l,r,d,c,u,a,h,x,v,T,B,g,m,b;void 0!==o.hideLeftIcon||o.leftIcon?y(t(C,{toastText:n,type:o.type||"info",buttonText:null===(s=o.buttonProps)||void 0===s?void 0:s.buttonText,secondButtonText:null===(i=o.secondButtonProps)||void 0===i?void 0:i.buttonText,showButton:null===(l=o.buttonProps)||void 0===l?void 0:l.showButton,showSecondButton:null===(r=o.secondButtonProps)||void 0===r?void 0:r.showButton,onButtonClick:null===(d=o.buttonProps)||void 0===d?void 0:d.onButtonClick,onSecondButtonClick:null===(c=o.secondButtonProps)||void 0===c?void 0:c.onButtonClick,subText:o.subText}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),icon:!0!==o.hideLeftIcon&&(o.leftIcon?o.leftIcon:"default"!==o.type&&t("div",{style:{display:"flex",alignItems:"flex-start"},children:f})),type:o.type,closeButton:t(w,{type:o.type||"default",alignTop:!(!o.subText||(null===(u=o.buttonProps)||void 0===u?void 0:u.showButton)||(null===(a=o.secondButtonProps)||void 0===a?void 0:a.showButton))}),toastId:o.toastId||"default-toast",transition:p}):e.current=y(t(C,{toastText:n,type:o.type||"info",buttonText:null===(h=o.buttonProps)||void 0===h?void 0:h.buttonText,secondButtonText:null===(x=o.secondButtonProps)||void 0===x?void 0:x.buttonText,showButton:null===(v=o.buttonProps)||void 0===v?void 0:v.showButton,showSecondButton:null===(T=o.secondButtonProps)||void 0===T?void 0:T.showButton,onButtonClick:null===(B=o.buttonProps)||void 0===B?void 0:B.onButtonClick,onSecondButtonClick:null===(g=o.secondButtonProps)||void 0===g?void 0:g.onButtonClick,subText:o.subText}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),type:o.type,icon:"default"!==o.type&&t("div",{style:{display:"flex",alignItems:"flex-start"},children:f}),closeButton:t(w,{type:o.type||"default",alignTop:!(!o.subText||(null===(m=o.buttonProps)||void 0===m?void 0:m.showButton)||(null===(b=o.secondButtonProps)||void 0===b?void 0:b.showButton))}),toastId:o.toastId||"default-toast",transition:p})};return a(()=>{B()},[]),h.createPortal(t(T,{width:o.width,height:o.height,zIndex:o.zIndex,isSubTextIncluded:!!o.subText,type:o.type,children:t(P.Provider,{value:{toasterText:i},children:t(v,{position:o.position||"top-right",closeOnClick:o.closeOnClick||!1,hideProgressBar:o.hideProgressBar||!1,draggable:!1,autoClose:o.autoClose||!1,theme:"colored"})})}),document.body)},P=d.createContext({toasterText:""});export{I as Toaster};

package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as l,useEffect as n}from"react";import{COLORS as s}from"../../constants/Theme.js";import{Button as i}from"../button/Button.js";import{StyledModal as r}from"../modals/styledModal.js";import{BikShimmer as o}from"../shimmer/ShimmerComponent/BikShimmer.js";import{BodyPrimary as a,TitleSmall as c,BodySecondary as d}from"../TypographyStyle.js";import{ModalBody as m}from"./UnsatisfactoryCountIntentWiseModal.style.js";const h=h=>{const{storeId:p,setShowUnsatisfactoryResponseModal:y,showUnsatisfactoryResponseModal:b,ChecklistType:f,UnsatisfactoryResponseIntentList:v,viewIntentWiseUnsatisfactoryResponse:u,IntentHeaderTitle:x,fetchUnsatisfactoryResponseCountIntentWise:N}=h,[g,w]=l(),[I,j]=l(!1);return n((()=>{p&&N&&(j(!0),N().then((e=>{w(e),j(!1)})))}),[p]),e(r,{onClose:()=>y(!1),open:b,headingTitle:"Improve unsatisfactory response",children:t(m,{children:[e("div",{children:e(a,{style:{color:s.content.primary},children:"Intent wise distribution of unsatisfactory response"})}),t("div",{className:"modal-table",children:[t("div",{className:"table-row header",children:[e("div",{className:"table-cell",children:e(c,{style:{color:s.content.primary},children:"Intent"})}),e("div",{className:"table-cell center-align",children:e(c,{style:{color:s.content.primary},children:"Unsatisfactory response"})}),e("div",{className:"table-cell center-align",children:e(c,{style:{color:s.content.primary},children:"Action"})})]}),I&&[0,1,2,3,4,5,6].map((l=>t("div",{className:"table-row",children:[e("div",{className:"table-cell",children:e(o,{boxes:[{width:"196px",height:"20px"}]})}),e("div",{className:"table-cell center-align",children:e(o,{boxes:[{width:"176px",height:"20px"}]})}),e("div",{className:"table-cell center-align",children:e(o,{boxes:[{width:"56px",height:"20px"}]})})]},l))),!I&&v&&x&&u&&v.map((l=>t("div",{className:"table-row",children:[e("div",{className:"table-cell",children:e(d,{style:{color:s.content.primary},children:x[l]})}),e("div",{className:"table-cell center-align",children:e(d,{style:{color:s.content.primary},children:(null==g?void 0:g[l])||"--"})}),e("div",{className:"table-cell center-align",children:e(i,{buttonText:"Fix",buttonType:"tertiary",size:"small",onClick:()=>u(l),disabled:!(null==g?void 0:g[l])})})]},l)))]})]})})};export{h as UnsatisfactoryCountIntentWiseModal};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as l,useEffect as n}from"react";import{COLORS as s}from"../../constants/Theme.js";import{Button as i}from"../button/Button.js";import{StyledModal as r}from"../modals/styledModal.js";import{BikShimmer as o}from"../shimmer/ShimmerComponent/BikShimmer.js";import{BodyPrimary as a,TitleSmall as c,BodySecondary as d}from"../TypographyStyle.js";import{ModalBody as m}from"./UnsatisfactoryCountIntentWiseModal.style.js";const h=h=>{const{storeId:p,setShowUnsatisfactoryResponseModal:y,showUnsatisfactoryResponseModal:b,ChecklistType:f,UnsatisfactoryResponseIntentList:v,viewIntentWiseUnsatisfactoryResponse:u,IntentHeaderTitle:x,fetchUnsatisfactoryResponseCountIntentWise:N}=h,[g,w]=l(),[I,j]=l(!1);return n(()=>{p&&N&&(j(!0),N().then(e=>{w(e),j(!1)}))},[p]),e(r,{onClose:()=>y(!1),open:b,headingTitle:"Improve unsatisfactory response",children:t(m,{children:[e("div",{children:e(a,{style:{color:s.content.primary},children:"Intent wise distribution of unsatisfactory response"})}),t("div",{className:"modal-table",children:[t("div",{className:"table-row header",children:[e("div",{className:"table-cell",children:e(c,{style:{color:s.content.primary},children:"Intent"})}),e("div",{className:"table-cell center-align",children:e(c,{style:{color:s.content.primary},children:"Unsatisfactory response"})}),e("div",{className:"table-cell center-align",children:e(c,{style:{color:s.content.primary},children:"Action"})})]}),I&&[0,1,2,3,4,5,6].map(l=>t("div",{className:"table-row",children:[e("div",{className:"table-cell",children:e(o,{boxes:[{width:"196px",height:"20px"}]})}),e("div",{className:"table-cell center-align",children:e(o,{boxes:[{width:"176px",height:"20px"}]})}),e("div",{className:"table-cell center-align",children:e(o,{boxes:[{width:"56px",height:"20px"}]})})]},l)),!I&&v&&x&&u&&v.map(l=>t("div",{className:"table-row",children:[e("div",{className:"table-cell",children:e(d,{style:{color:s.content.primary},children:x[l]})}),e("div",{className:"table-cell center-align",children:e(d,{style:{color:s.content.primary},children:(null==g?void 0:g[l])||"--"})}),e("div",{className:"table-cell center-align",children:e(i,{buttonText:"Fix",buttonType:"tertiary",size:"small",onClick:()=>u(l),disabled:!(null==g?void 0:g[l])})})]},l))]})]})})};export{h as UnsatisfactoryCountIntentWiseModal};

package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryResponseList.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as s}from"react/jsx-runtime";import{ApplicationType as o}from"@bikdotai/bik-models/growth/models/bik-store";import n from"../../assets/icons/cross.svg.js";import r from"../../assets/icons/info.svg.js";import{format as i}from"date-fns";import{useState as a,useEffect as l}from"react";import{COLORS as c}from"../../constants/Theme.js";import{Avatar as d}from"../avatar/Avatar.js";import{SIZE as p,AVATAR_TYPES as m,AVATAR_BACKGROUND as h}from"../avatar/AvatarHelper.js";import{Button as y}from"../button/Button.js";import{StateComponent as f,StateInterface as u}from"../states/StateComponent.js";import"../../_virtual/_tslib.js";import{TitleRegular as v,BodySecondary as g,Caption as I}from"../TypographyStyle.js";import{UnsatisfactoryCountIntentWiseModal as b}from"./UnsatisfactoryCountIntentWiseModal.js";import{IncorrectRepliesStyle as w}from"./UnsatisfactoryResponseList.style.js";const C=C=>{const{storeId:j,appType:T,incorrectMessages:U,onIncorrectMessageBubbleClick:M,setShowIncorrectReplies:R,ChecklistType:k,IntentWiseUnsatisfactoryResponse:x,IntentHeaderTitle:N,redirectToUnsatisfactoryResponse:S,fetchUnsatisfactoryResponseCountIntentWise:A,fetchUnsatisfactoryResponseCount:W}=C,[L,D]=a(""),[E,H]=a((null==U?void 0:U.length)>0),[z,B]=a(!1);return l((()=>{!E&&W&&W().then((e=>{e>0&&H(!0),0===e&&R(!1)}))}),[]),e("div",{style:{overflow:"scroll",height:"100%"},children:t(w,{children:[T==o.MANIFEST&&t("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[t("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e(v,{children:"Unsatisfactory responses"}),e("div",{style:{cursor:"pointer"},onClick:()=>R(!1),children:e(n,{height:16,width:16,color:c.content.primary})})]}),e(g,{style:{color:c.content.secondary},children:"Spot unsatisfactory replies, dive deeper, and enhance with relevant data for improved responses."})]}),!(null==U?void 0:U.length)&&e("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"},children:e(f,{states:u.WARNING,heading:"No unsatisfactory responses",subline:"As of now, all responses are correct",isButtonEnabled:!1,width:0,size:p.SMALL,icon:e(d,{type:m.ICON,size:p.MEDIUM,background:h.LIGHT,icon:()=>e(r,{width:16,height:16,color:c.content.warning})})})}),!!(null==U?void 0:U.length)&&t(s,{children:[T==o.MANIFEST&&e("div",{style:{display:"flex",width:"100%",justifyContent:(null==U?void 0:U.length)?"flex-start":"center"},children:e(y,{buttonText:"Fix all unsatisfactory responses",buttonType:"tertiary",size:"small",onClick:()=>{B(!0)},disabled:!E})}),e(b,{storeId:j,setShowUnsatisfactoryResponseModal:B,showUnsatisfactoryResponseModal:z,ChecklistType:k,UnsatisfactoryResponseIntentList:x,IntentHeaderTitle:N,fetchUnsatisfactoryResponseCountIntentWise:A,viewIntentWiseUnsatisfactoryResponse:S}),U&&(null==U?void 0:U.length)>0&&e("div",{className:"wrapper",children:U.map(((s,o)=>t("div",{className:"bubble",onClick:()=>{M(s.messageId),D(s.messageId)},style:L===s.messageId?{backgroundColor:c.surface.hovered}:{},children:[e(g,{style:{color:c.content.primary},children:s.message}),e("div",{children:t(I,{style:{color:c.content.secondary},children:[i(new Date(null==s?void 0:s.date),"hh:mm a")," |"," ",i(new Date(null==s?void 0:s.date),"dd/MM/yyyy")]})})]},s.messageId)))})]})]})})};export{C as UnsatisfactoryResponseList};
+import{jsx as e,jsxs as t,Fragment as s}from"react/jsx-runtime";import{ApplicationType as o}from"@bikdotai/bik-models/growth/models/bik-store";import n from"../../assets/icons/cross.svg.js";import r from"../../assets/icons/info.svg.js";import{format as i}from"date-fns";import{useState as a,useEffect as l}from"react";import{COLORS as c}from"../../constants/Theme.js";import{Avatar as d}from"../avatar/Avatar.js";import{SIZE as p,AVATAR_TYPES as m,AVATAR_BACKGROUND as h}from"../avatar/AvatarHelper.js";import{Button as y}from"../button/Button.js";import{StateComponent as f,StateInterface as u}from"../states/StateComponent.js";import"../../_virtual/_tslib.js";import{TitleRegular as v,BodySecondary as g,Caption as I}from"../TypographyStyle.js";import{UnsatisfactoryCountIntentWiseModal as b}from"./UnsatisfactoryCountIntentWiseModal.js";import{IncorrectRepliesStyle as w}from"./UnsatisfactoryResponseList.style.js";const C=C=>{const{storeId:j,appType:T,incorrectMessages:U,onIncorrectMessageBubbleClick:M,setShowIncorrectReplies:R,ChecklistType:k,IntentWiseUnsatisfactoryResponse:x,IntentHeaderTitle:N,redirectToUnsatisfactoryResponse:S,fetchUnsatisfactoryResponseCountIntentWise:A,fetchUnsatisfactoryResponseCount:W}=C,[L,D]=a(""),[E,H]=a((null==U?void 0:U.length)>0),[z,B]=a(!1);return l(()=>{!E&&W&&W().then(e=>{e>0&&H(!0),0===e&&R(!1)})},[]),e("div",{style:{overflow:"scroll",height:"100%"},children:t(w,{children:[T==o.MANIFEST&&t("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[t("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e(v,{children:"Unsatisfactory responses"}),e("div",{style:{cursor:"pointer"},onClick:()=>R(!1),children:e(n,{height:16,width:16,color:c.content.primary})})]}),e(g,{style:{color:c.content.secondary},children:"Spot unsatisfactory replies, dive deeper, and enhance with relevant data for improved responses."})]}),!(null==U?void 0:U.length)&&e("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"},children:e(f,{states:u.WARNING,heading:"No unsatisfactory responses",subline:"As of now, all responses are correct",isButtonEnabled:!1,width:0,size:p.SMALL,icon:e(d,{type:m.ICON,size:p.MEDIUM,background:h.LIGHT,icon:()=>e(r,{width:16,height:16,color:c.content.warning})})})}),!!(null==U?void 0:U.length)&&t(s,{children:[T==o.MANIFEST&&e("div",{style:{display:"flex",width:"100%",justifyContent:(null==U?void 0:U.length)?"flex-start":"center"},children:e(y,{buttonText:"Fix all unsatisfactory responses",buttonType:"tertiary",size:"small",onClick:()=>{B(!0)},disabled:!E})}),e(b,{storeId:j,setShowUnsatisfactoryResponseModal:B,showUnsatisfactoryResponseModal:z,ChecklistType:k,UnsatisfactoryResponseIntentList:x,IntentHeaderTitle:N,fetchUnsatisfactoryResponseCountIntentWise:A,viewIntentWiseUnsatisfactoryResponse:S}),U&&(null==U?void 0:U.length)>0&&e("div",{className:"wrapper",children:U.map((s,o)=>t("div",{className:"bubble",onClick:()=>{M(s.messageId),D(s.messageId)},style:L===s.messageId?{backgroundColor:c.surface.hovered}:{},children:[e(g,{style:{color:c.content.primary},children:s.message}),e("div",{children:t(I,{style:{color:c.content.secondary},children:[i(new Date(null==s?void 0:s.date),"hh:mm a")," |"," ",i(new Date(null==s?void 0:s.date),"dd/MM/yyyy")]})})]},s.messageId))})]})]})})};export{C as UnsatisfactoryResponseList};

package/dist/esm/components/variable-picker-v3/Content.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as o,Fragment as l}from"react/jsx-runtime";import i from"../../assets/icons/arrow_back.svg.js";import r from"../../assets/icons/cross.svg.js";import a from"../../assets/icons/plus.svg.js";import s from"../../assets/icons/triangle_error.svg.js";import{useState as n,useEffect as c}from"react";import{COLORS as d}from"../../constants/Theme.js";import{BikAccordion as h}from"../accordion/Accordion.js";import{IconButton as p}from"../icon-button/IconButton.js";import{Input as m}from"../input/Input.js";import{ListItem as u}from"../list-item/ListItem.js";import{Switch as f}from"../switch/Switch.js";import{Tooltip as g}from"../tooltips/Tooltip.js";import{TitleRegular as b,BodySecondary as y,BodyCaption as v,TitleSmall as x}from"../TypographyStyle.js";import{VariablePickerContext as j}from"./context.js";import{DefaultVariableContent as S}from"./DefaultVariableContent.js";import{highlightSearchText as k}from"./highlightSearchText.js";import{PickerType as w}from"./model.js";import V from"./NoResult.js";import{showOnlyRecommendedVariables as C}from"./recommendVaribles.js";import{searchVariables as T}from"./searchVariables.js";import{HeaderWrapper as I,RecommendWrapper as N,BackHeader as B,Container as D}from"./styles.js";import R,{renderTooltipBody as E}from"./SubHeaderItems.js";const H=/.*\..*/,L=L=>{const{data:O,onSelect:$,showHeader:P,showBackButton:_,hideHeaderCross:A,onBackButtonClick:z,isEvaluationList:F,autoOpenFirst:K,headerText:M,contentHeight:q,onDefaultVariableSelect:G,skipDefaultVariableContent:J}=L,[Q,U]=n(O),[W,X]=n(""),[Y,Z]=n([]),[ee,te]=n(""),[oe,le]=n(!1),[ie,re]=n([]),[ae,se]=n(!1),[ne,ce]=n(),de=ae&&L.type===w.EMBEDDED&&!A;c((()=>{he(!0)}),[]),c((()=>{Y.length>0?re([Y[Y.length-1]]):re(O)}),[Y]);const he=t=>e(void 0,void 0,void 0,(function*(){if(le(t),t){const e=C(Q,Y);U(e)}else if(Y.length>0){const e=ee==Y[Y.length-1].displayName;if(W.length>0&&e){const e=T(W,ie,Y);U(e)}else U([Y[Y.length-1].variables])}else if(W.length>0){const e=T(W,ie,Y);U(e)}else U(O)})),pe=()=>{if(q)return q;let e=131;return Y.length>0&&(e+=32),(L.showHeader||L.showBackButton)&&(e+=40),`calc(100% - ${e}px)`},me=e=>{if(!L.disabled)if(F){const t=(e=>{if(e.actualValue.match(H)){const t=e.actualValue.replace("{{","").replace("}}","").split(".");let o=t[0];return t.forEach(((e,t)=>{if(0===t)return;const l=(e=>/\w+\[\d+\]/g.test(e))(e);if(l){const t=e.match(/(\w+)\[(\d+)\]/);if(t){const e=t[1],l=t[2];o+=`['${e}'][${l}]`}}else o+=`['${e}']`})),o}return e.actualValueEval?e.actualValueEval:e.actualValue})(e);$(Object.assign(Object.assign({},e),{actualValue:t}))}else{if(e.isDefaultValueSupported&&!J)return ce(e),void se(!0);$(e)}};return t(j.Provider,{value:{variables:Q,searchText:W,subHeaderStack:Y,showRecommended:oe,setSubHeaderStack:Z,setSearchText:X,setVariables:U,setShowRecommended:le},children:o("div",{tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:8,height:"100%",outline:"none"},onClick:e=>e.stopPropagation(),children:[(P||_||ae)&&o(I,{openDefault:ae,children:[o("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(_||ae)&&t(p,{Icon:()=>t(i,{width:16,height:16,style:{display:"flex",color:d.content.primary}}),onClick:()=>{ae?se(!1):z&&z()}}),(P||ae)&&t(b,{children:ae?"Set up":null!=M?M:"Select Variable"})]}),de&&t(p,{style:{color:"#212121"},Icon:r,onClick:()=>L.onClose&&L.onClose()})]}),ae&&ne&&!J?t(S,{variable:ne,onInsertVariable:e=>{$(e),null==G||G(e)}}):o(l,{children:[t("div",{style:{padding:"0 16px",paddingTop:12,backgroundColor:d.surface.subdued,borderTopLeftRadius:8,borderTopRightRadius:8},children:t(m,{id:"search-bar-v3-picker",onBlur:e=>{L.onSearchBlur&&L.onSearchBlur(e)},value:W,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||te("");const t=T(e,ie,Y);if(oe){const e=C(t,Y);U(e)}else U(t);X(e);const o=Y.length>0?Y[Y.length-1].displayName:"home";te(o)}})}),o(N,{children:[t(y,{style:{color:d.content.secondary},children:"Only Recommended"}),t(f,{value:oe,onValueChange:t=>e(void 0,void 0,void 0,(function*(){yield he(t)}))})]}),Y.length>0&&o(B,{children:[t("div",{style:{position:"absolute",left:16},children:t(p,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>t(i,{width:12,height:12,style:{color:d.content.secondary}}),onClick:e=>{e.stopPropagation();let t=W;const o=[...Y],l=o.pop();if(Z(o),l.displayName===ee&&(X(""),t=""),t.length>0){const e=o.length>0?[o[o.length-1]]:O,l=T(t,e,o);if(oe){const e=C(l,o);U(e)}else U(l)}else if(o.length>0)if(oe){const e=C([o[o.length-1].variables],o);U(e)}else U([o[o.length-1].variables]);else if(oe){const e=C(O,Y);U(e)}else U(O)}})}),t(v,{style:{color:d.content.secondary},children:Y[Y.length-1].displayName})]}),t(l,{children:Q.length>0?t(D,{height:pe(),children:Q.map(((e,i)=>{var r,n;return e.displayName&&void 0!==e.variables?t("div",{style:{borderBottom:`1px solid ${d.stroke.primary}`},children:t(h,{arrowColor:d.content.primary,autoOpen:K&&0===i,headerPadding:"12px 16px",header:t(x,{style:{color:d.content.secondary},children:k(e.displayName,W)}),children:t(R,{parentVariable:e,disabled:null!==(r=L.disabled)&&void 0!==r&&r,searchText:W,variable:e.variables,onSelect:e=>{if(e.isDefaultValueSupported&&!J)return ce(e),void se(!0);$(e)}})})},e.displayName+oe):e.displayName?t(g,{body:E(e),placement:"bottom",children:t(u,{variant:L.disabled?"readonly":(null==e?void 0:e.selected)?"selected":"default",version:"2.0",leadingIcon:(null==e?void 0:e.selected)||L.disabled?t(l,{}):t("div",{style:{flexShrink:0},children:t(a,{width:14,height:14})}),customListItemLabel:o("div",{style:{display:"flex",gap:4},children:[t(y,{style:{fontSize:"14px",color:d.text.primary},children:k(e.displayName,W)}),!e.isAvailable&&t(g,{body:"Not Recommended",children:t("div",{style:{display:"flex",marginTop:2},children:t(s,{width:16,height:16,color:d.content.secondary})})})]}),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>me(e)},i)},i):t(R,{disabled:null!==(n=L.disabled)&&void 0!==n&&n,searchText:W,variable:e,onSelect:e=>me(e)},i)}))}):t(V,{height:pe(),searchText:W})})]})]})})};export{L as VariablePickerContent};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as o,Fragment as l}from"react/jsx-runtime";import i from"../../assets/icons/arrow_back.svg.js";import r from"../../assets/icons/cross.svg.js";import a from"../../assets/icons/plus.svg.js";import s from"../../assets/icons/triangle_error.svg.js";import{useState as n,useEffect as c}from"react";import{COLORS as d}from"../../constants/Theme.js";import{BikAccordion as h}from"../accordion/Accordion.js";import{IconButton as p}from"../icon-button/IconButton.js";import{Input as m}from"../input/Input.js";import{ListItem as u}from"../list-item/ListItem.js";import{Switch as f}from"../switch/Switch.js";import{Tooltip as g}from"../tooltips/Tooltip.js";import{TitleRegular as b,BodySecondary as y,BodyCaption as v,TitleSmall as x}from"../TypographyStyle.js";import{VariablePickerContext as j}from"./context.js";import{DefaultVariableContent as S}from"./DefaultVariableContent.js";import{highlightSearchText as k}from"./highlightSearchText.js";import{PickerType as w}from"./model.js";import V from"./NoResult.js";import{showOnlyRecommendedVariables as C}from"./recommendVaribles.js";import{searchVariables as T}from"./searchVariables.js";import{HeaderWrapper as I,RecommendWrapper as N,BackHeader as B,Container as D}from"./styles.js";import R,{renderTooltipBody as E}from"./SubHeaderItems.js";const H=/.*\..*/,L=L=>{const{data:O,onSelect:$,showHeader:P,showBackButton:_,hideHeaderCross:A,onBackButtonClick:z,isEvaluationList:F,autoOpenFirst:K,headerText:M,contentHeight:q,onDefaultVariableSelect:G,skipDefaultVariableContent:J}=L,[Q,U]=n(O),[W,X]=n(""),[Y,Z]=n([]),[ee,te]=n(""),[oe,le]=n(!1),[ie,re]=n([]),[ae,se]=n(!1),[ne,ce]=n(),de=ae&&L.type===w.EMBEDDED&&!A;c(()=>{he(!0)},[]),c(()=>{Y.length>0?re([Y[Y.length-1]]):re(O)},[Y]);const he=t=>e(void 0,void 0,void 0,function*(){if(le(t),t){const e=C(Q,Y);U(e)}else if(Y.length>0){const e=ee==Y[Y.length-1].displayName;if(W.length>0&&e){const e=T(W,ie,Y);U(e)}else U([Y[Y.length-1].variables])}else if(W.length>0){const e=T(W,ie,Y);U(e)}else U(O)}),pe=()=>{if(q)return q;let e=131;return Y.length>0&&(e+=32),(L.showHeader||L.showBackButton)&&(e+=40),`calc(100% - ${e}px)`},me=e=>{if(!L.disabled)if(F){const t=(e=>{if(e.actualValue.match(H)){const t=e.actualValue.replace("{{","").replace("}}","").split(".");let o=t[0];return t.forEach((e,t)=>{if(0===t)return;const l=(e=>/\w+\[\d+\]/g.test(e))(e);if(l){const t=e.match(/(\w+)\[(\d+)\]/);if(t){const e=t[1],l=t[2];o+=`['${e}'][${l}]`}}else o+=`['${e}']`}),o}return e.actualValueEval?e.actualValueEval:e.actualValue})(e);$(Object.assign(Object.assign({},e),{actualValue:t}))}else{if(e.isDefaultValueSupported&&!J)return ce(e),void se(!0);$(e)}};return t(j.Provider,{value:{variables:Q,searchText:W,subHeaderStack:Y,showRecommended:oe,setSubHeaderStack:Z,setSearchText:X,setVariables:U,setShowRecommended:le},children:o("div",{tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:8,height:"100%",outline:"none"},onClick:e=>e.stopPropagation(),children:[(P||_||ae)&&o(I,{openDefault:ae,children:[o("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(_||ae)&&t(p,{Icon:()=>t(i,{width:16,height:16,style:{display:"flex",color:d.content.primary}}),onClick:()=>{ae?se(!1):z&&z()}}),(P||ae)&&t(b,{children:ae?"Set up":null!=M?M:"Select Variable"})]}),de&&t(p,{style:{color:"#212121"},Icon:r,onClick:()=>L.onClose&&L.onClose()})]}),ae&&ne&&!J?t(S,{variable:ne,onInsertVariable:e=>{$(e),null==G||G(e)}}):o(l,{children:[t("div",{style:{padding:"0 16px",paddingTop:12,backgroundColor:d.surface.subdued,borderTopLeftRadius:8,borderTopRightRadius:8},children:t(m,{id:"search-bar-v3-picker",onBlur:e=>{L.onSearchBlur&&L.onSearchBlur(e)},value:W,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||te("");const t=T(e,ie,Y);if(oe){const e=C(t,Y);U(e)}else U(t);X(e);const o=Y.length>0?Y[Y.length-1].displayName:"home";te(o)}})}),o(N,{children:[t(y,{style:{color:d.content.secondary},children:"Only Recommended"}),t(f,{value:oe,onValueChange:t=>e(void 0,void 0,void 0,function*(){yield he(t)})})]}),Y.length>0&&o(B,{children:[t("div",{style:{position:"absolute",left:16},children:t(p,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>t(i,{width:12,height:12,style:{color:d.content.secondary}}),onClick:e=>{e.stopPropagation();let t=W;const o=[...Y],l=o.pop();if(Z(o),l.displayName===ee&&(X(""),t=""),t.length>0){const e=o.length>0?[o[o.length-1]]:O,l=T(t,e,o);if(oe){const e=C(l,o);U(e)}else U(l)}else if(o.length>0)if(oe){const e=C([o[o.length-1].variables],o);U(e)}else U([o[o.length-1].variables]);else if(oe){const e=C(O,Y);U(e)}else U(O)}})}),t(v,{style:{color:d.content.secondary},children:Y[Y.length-1].displayName})]}),t(l,{children:Q.length>0?t(D,{height:pe(),children:Q.map((e,i)=>{var r,n;return e.displayName&&void 0!==e.variables?t("div",{style:{borderBottom:`1px solid ${d.stroke.primary}`},children:t(h,{arrowColor:d.content.primary,autoOpen:K&&0===i,headerPadding:"12px 16px",header:t(x,{style:{color:d.content.secondary},children:k(e.displayName,W)}),children:t(R,{parentVariable:e,disabled:null!==(r=L.disabled)&&void 0!==r&&r,searchText:W,variable:e.variables,onSelect:e=>{if(e.isDefaultValueSupported&&!J)return ce(e),void se(!0);$(e)}})})},e.displayName+oe):e.displayName?t(g,{body:E(e),placement:"bottom",children:t(u,{variant:L.disabled?"readonly":(null==e?void 0:e.selected)?"selected":"default",version:"2.0",leadingIcon:(null==e?void 0:e.selected)||L.disabled?t(l,{}):t("div",{style:{flexShrink:0},children:t(a,{width:14,height:14})}),customListItemLabel:o("div",{style:{display:"flex",gap:4},children:[t(y,{style:{fontSize:"14px",color:d.text.primary},children:k(e.displayName,W)}),!e.isAvailable&&t(g,{body:"Not Recommended",children:t("div",{style:{display:"flex",marginTop:2},children:t(s,{width:16,height:16,color:d.content.secondary})})})]}),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>me(e)},i)},i):t(R,{disabled:null!==(n=L.disabled)&&void 0!==n&&n,searchText:W,variable:e,onSelect:e=>me(e)},i)})}):t(V,{height:pe(),searchText:W})})]})]})})};export{L as VariablePickerContent};

package/dist/esm/components/variable-picker-v3/SubHeaderItems.js

@@ -1 +1 @@
-import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import o from"../../assets/icons/chevronRight.svg.js";import s from"../../assets/icons/plus.svg.js";import l from"../../assets/icons/sub_category.svg.js";import r from"../../assets/icons/triangle_error.svg.js";import{cloneDeep as a}from"lodash";import{COLORS as n}from"../../constants/Theme.js";import{ListItem as d}from"../list-item/ListItem.js";import{Tooltip as c}from"../tooltips/Tooltip.js";import{BodySecondary as m}from"../TypographyStyle.js";import{useVariablePickerContext as p}from"./context.js";import{highlightSearchText as h}from"./highlightSearchText.js";import{showOnlyRecommendedVariables as v}from"./recommendVaribles.js";const y=e=>{var t;return(null===(t=e.contextQ)||void 0===t?void 0:t.join(" > "))||""},b=b=>{const{onSelect:f,variable:u,searchText:g,disabled:x,parentVariable:j}=b,{subHeaderStack:I,setSubHeaderStack:S,setVariables:N,showRecommended:T}=p();return e("div",{style:{display:"flex",flexDirection:"column",gap:4},children:Object.keys(u).map(((p,b)=>{var k;if(void 0===u[p].variables||0===Object.keys((null===(k=u[p])||void 0===k?void 0:k.variables)||{}).length){const o=u[p];return e(c,{body:y(o),placement:"bottom",children:e(d,{variant:x?"readonly":(null==o?void 0:o.selected)?"selected":"default",version:"2.0",leadingIcon:(null==o?void 0:o.selected)||x?e(t,{}):e("div",{style:{flexShrink:0},children:e(s,{width:14,height:14})}),customListItemLabel:i("div",{style:{display:"flex",gap:4},children:[e(m,{style:{fontSize:"14px",color:n.text.primary},children:h(o.displayName,g)}),!o.isAvailable&&e(c,{body:"Not Recommended",children:e("div",{style:{display:"flex",marginTop:2},children:e(r,{width:16,height:16,color:n.content.secondary})})})]}),listItem:{label:o.displayName,value:o.displayName},subText:o.description||"",onClick:()=>{f(o)}})},b)}return e(c,{body:y(u[p]),placement:"bottom",children:e(d,{variant:"default",version:"2.0",listItem:{label:u[p].displayName,value:u[p].displayName},customListItemLabel:e("div",{style:{display:"flex",alignItems:"center"},children:e(m,{style:{fontSize:"14px",color:n.text.primary},children:h(u[p].displayName,g)})}),leadingIcon:e(l,{width:14,height:14}),subText:u[p].description||"",trailingIcon:e(o,{width:10,height:10,color:"#212121"}),onClick:()=>{const e=a(u[p]);void 0!==j&&(e.contextQ=[j.displayName]);const t=[...I,e];if(S(t),T){const i=v([e.variables],t);N(i)}else N([e.variables])}})},b)}))})};export{b as default,y as renderTooltipBody};
+import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import o from"../../assets/icons/chevronRight.svg.js";import s from"../../assets/icons/plus.svg.js";import l from"../../assets/icons/sub_category.svg.js";import r from"../../assets/icons/triangle_error.svg.js";import{cloneDeep as a}from"lodash";import{COLORS as n}from"../../constants/Theme.js";import{ListItem as d}from"../list-item/ListItem.js";import{Tooltip as c}from"../tooltips/Tooltip.js";import{BodySecondary as m}from"../TypographyStyle.js";import{useVariablePickerContext as p}from"./context.js";import{highlightSearchText as h}from"./highlightSearchText.js";import{showOnlyRecommendedVariables as v}from"./recommendVaribles.js";const y=e=>{var t;return(null===(t=e.contextQ)||void 0===t?void 0:t.join(" > "))||""},b=b=>{const{onSelect:f,variable:u,searchText:g,disabled:x,parentVariable:j}=b,{subHeaderStack:I,setSubHeaderStack:S,setVariables:N,showRecommended:T}=p();return e("div",{style:{display:"flex",flexDirection:"column",gap:4},children:Object.keys(u).map((p,b)=>{var k;if(void 0===u[p].variables||0===Object.keys((null===(k=u[p])||void 0===k?void 0:k.variables)||{}).length){const o=u[p];return e(c,{body:y(o),placement:"bottom",children:e(d,{variant:x?"readonly":(null==o?void 0:o.selected)?"selected":"default",version:"2.0",leadingIcon:(null==o?void 0:o.selected)||x?e(t,{}):e("div",{style:{flexShrink:0},children:e(s,{width:14,height:14})}),customListItemLabel:i("div",{style:{display:"flex",gap:4},children:[e(m,{style:{fontSize:"14px",color:n.text.primary},children:h(o.displayName,g)}),!o.isAvailable&&e(c,{body:"Not Recommended",children:e("div",{style:{display:"flex",marginTop:2},children:e(r,{width:16,height:16,color:n.content.secondary})})})]}),listItem:{label:o.displayName,value:o.displayName},subText:o.description||"",onClick:()=>{f(o)}})},b)}return e(c,{body:y(u[p]),placement:"bottom",children:e(d,{variant:"default",version:"2.0",listItem:{label:u[p].displayName,value:u[p].displayName},customListItemLabel:e("div",{style:{display:"flex",alignItems:"center"},children:e(m,{style:{fontSize:"14px",color:n.text.primary},children:h(u[p].displayName,g)})}),leadingIcon:e(l,{width:14,height:14}),subText:u[p].description||"",trailingIcon:e(o,{width:10,height:10,color:"#212121"}),onClick:()=>{const e=a(u[p]);void 0!==j&&(e.contextQ=[j.displayName]);const t=[...I,e];if(S(t),T){const i=v([e.variables],t);N(i)}else N([e.variables])}})},b)})})};export{b as default,y as renderTooltipBody};

package/dist/esm/components/variable-picker-v3/recommendVaribles.js

@@ -1 +1 @@
-const e=(e,i)=>e.map((e=>{if(e.isAvailable&&void 0===e.variables)return e;if(void 0===e.isAvailable&&void 0!==e.variables){const i=a(e.variables);return 0===Object.keys(i).length?{}:Object.assign(Object.assign({},e),{variables:i})}if(void 0===e.variables){return a(e)}{const s=a(e.variables);return i.length?s:0===Object.keys(s).length?{}:Object.assign(Object.assign({},e),{variables:s})}})).filter((e=>Object.keys(e).length>0)),a=e=>Object.keys(e).reduce(((a,i)=>(e[i]&&e[i].isAvailable&&(a[i]=e[i]),a)),{});export{e as showOnlyRecommendedVariables};
+const e=(e,i)=>e.map(e=>{if(e.isAvailable&&void 0===e.variables)return e;if(void 0===e.isAvailable&&void 0!==e.variables){const i=a(e.variables);return 0===Object.keys(i).length?{}:Object.assign(Object.assign({},e),{variables:i})}if(void 0===e.variables){return a(e)}{const s=a(e.variables);return i.length?s:0===Object.keys(s).length?{}:Object.assign(Object.assign({},e),{variables:s})}}).filter(e=>Object.keys(e).length>0),a=e=>Object.keys(e).reduce((a,i)=>(e[i]&&e[i].isAvailable&&(a[i]=e[i]),a),{});export{e as showOnlyRecommendedVariables};

package/dist/esm/components/variable-picker-v3/searchVariables.js

@@ -1 +1 @@
-const e=(e,s,t)=>{if(!e)return t.length>0?[t[t.length-1].variables]:s;const i=[];return s.forEach((s=>{if(t.length>0)if(s.displayName&&void 0!==s.variables)a(e,s.variables,i,[...s.contextQ||[],s.displayName]);else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,i,[...s.contextQ||[],s.displayName])}else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,i,[s.displayName])}})),i},a=function(e,s,t){let i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];Object.keys(s).forEach((l=>{s[l].displayName.toLowerCase().includes(e.toLowerCase())&&(void 0!==s[l].variables&&0===Object.keys(s[l].variables).length&&delete s[l].variables,t.push(s[l].isSubHeader?{[l]:Object.assign(Object.assign({},s[l]),{contextQ:i})}:Object.assign(Object.assign({},s[l]),{contextQ:i}))),s[l].variables&&Object.keys(s[l].variables).length&&a(e,s[l].variables,t,[...i,s[l].displayName])}))};export{e as searchVariables};
+const e=(e,s,i)=>{if(!e)return i.length>0?[i[i.length-1].variables]:s;const t=[];return s.forEach(s=>{if(i.length>0)if(s.displayName&&void 0!==s.variables)a(e,s.variables,t,[...s.contextQ||[],s.displayName]);else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&t.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,t,[...s.contextQ||[],s.displayName])}else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&t.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,t,[s.displayName])}}),t},a=(e,s,i,t=[])=>{Object.keys(s).forEach(l=>{s[l].displayName.toLowerCase().includes(e.toLowerCase())&&(void 0!==s[l].variables&&0===Object.keys(s[l].variables).length&&delete s[l].variables,i.push(s[l].isSubHeader?{[l]:Object.assign(Object.assign({},s[l]),{contextQ:t})}:Object.assign(Object.assign({},s[l]),{contextQ:t}))),s[l].variables&&Object.keys(s[l].variables).length&&a(e,s[l].variables,i,[...t,s[l].displayName])})};export{e as searchVariables};

package/dist/esm/components/whats-new/WhatsNew.js

@@ -1 +1 @@
-import{jsxs as t,Fragment as e,jsx as o}from"react/jsx-runtime";import{useState as n}from"react";import{WhatsNewButton as i}from"./WhatsNewButton.js";import{WhatsNewPanel as s}from"./WhatsNewPanel.js";import{useWhatsNewContext as r}from"./WhatsNewProvider.js";const a=a=>{let{title:c="What's new",tooltip:h="What's new",searchPlaceholder:m="Search posts",emptyStateTitle:l="Nothing new!",emptyStateDescription:p="There are no new updates or features at the moment. Check back soon!",noResultsText:d="Sorry, no results found.",width:u="480px",onContentClick:C,renderCustomContent:w,buttonTestId:f="whats-new-button",iconWidth:W=32,iconHeight:g=32,customIcon:S}=a;const[T,k]=n(!1),{whatsNewContent:x,isLoading:y,newContentCount:N}=r();return t(e,{children:[o(i,{onClick:()=>k(!0),newContentCount:N,isOpen:T,isLoading:y,tooltip:h,testId:f,iconWidth:W,iconHeight:g,customIcon:S}),o(s,{isOpen:T,onClose:()=>k(!1),content:x,isLoading:y,title:c,searchPlaceholder:m,emptyStateTitle:l,emptyStateDescription:p,noResultsText:d,width:u,onContentClick:t=>{C&&C(t)},renderCustomContent:w})]})};export{a as WhatsNew};
+import{jsxs as t,Fragment as e,jsx as o}from"react/jsx-runtime";import{useState as n}from"react";import{WhatsNewButton as i}from"./WhatsNewButton.js";import{WhatsNewPanel as s}from"./WhatsNewPanel.js";import{useWhatsNewContext as r}from"./WhatsNewProvider.js";const a=({title:a="What's new",tooltip:c="What's new",searchPlaceholder:h="Search posts",emptyStateTitle:m="Nothing new!",emptyStateDescription:l="There are no new updates or features at the moment. Check back soon!",noResultsText:p="Sorry, no results found.",width:d="480px",onContentClick:u,renderCustomContent:C,buttonTestId:w="whats-new-button",iconWidth:f=32,iconHeight:W=32,customIcon:g})=>{const[S,T]=n(!1),{whatsNewContent:k,isLoading:x,newContentCount:y}=r();return t(e,{children:[o(i,{onClick:()=>T(!0),newContentCount:y,isOpen:S,isLoading:x,tooltip:c,testId:w,iconWidth:f,iconHeight:W,customIcon:g}),o(s,{isOpen:S,onClose:()=>T(!1),content:k,isLoading:x,title:a,searchPlaceholder:h,emptyStateTitle:m,emptyStateDescription:l,noResultsText:p,width:d,onContentClick:t=>{u&&u(t)},renderCustomContent:C})]})};export{a as WhatsNew};

package/dist/esm/components/whats-new/WhatsNewButton.js

@@ -1 +1 @@
-import{jsxs as t,jsx as i}from"react/jsx-runtime";import n from"../../assets/icons/whatsNew.svg.js";import{COLORS as o}from"../../constants/Theme.js";import{Tooltip as e}from"../tooltips/Tooltip.js";import{WhatsNewIconContainer as r}from"./WhatsNew.styles.js";const s=s=>{let{onClick:c,newContentCount:a=0,isOpen:d=!1,isLoading:l=!1,tooltip:h="What's new",testId:m="whats-new-button",iconWidth:p=32,iconHeight:f=32,customIcon:w}=s;return l?t("div",{style:{margin:"0px 8px"},children:[i("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}}),i("style",{children:"\n\t\t\t\t\t\t@keyframes spin {\n\t\t\t\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t\t\t\t}\n\t\t\t\t\t"})]}):i(r,{count:a,children:t("div",{className:"main-icon-class "+(d?"icon-active":""),style:{color:d?o.content.brand:o.content.primary},onClick:c,"data-testid":m,children:[i(e,{body:h,children:i("div",{children:w?i(w,{width:p,height:f,color:d?o.content.brand:o.content.primary}):i(n,{width:p,height:f})})}),a>0&&i("div",{className:"notification--count",children:i("div",{className:"count--text",children:a})})]})})};export{s as WhatsNewButton};
+import{jsxs as t,jsx as i}from"react/jsx-runtime";import n from"../../assets/icons/whatsNew.svg.js";import{COLORS as o}from"../../constants/Theme.js";import{Tooltip as e}from"../tooltips/Tooltip.js";import{WhatsNewIconContainer as s}from"./WhatsNew.styles.js";const r=({onClick:r,newContentCount:c=0,isOpen:a=!1,isLoading:d=!1,tooltip:l="What's new",testId:h="whats-new-button",iconWidth:m=32,iconHeight:p=32,customIcon:f})=>d?t("div",{style:{margin:"0px 8px"},children:[i("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}}),i("style",{children:"\n\t\t\t\t\t\t@keyframes spin {\n\t\t\t\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t\t\t\t}\n\t\t\t\t\t"})]}):i(s,{count:c,children:t("div",{className:"main-icon-class "+(a?"icon-active":""),style:{color:a?o.content.brand:o.content.primary},onClick:r,"data-testid":h,children:[i(e,{body:l,children:i("div",{children:f?i(f,{width:m,height:p,color:a?o.content.brand:o.content.primary}):i(n,{width:m,height:p})})}),c>0&&i("div",{className:"notification--count",children:i("div",{className:"count--text",children:c})})]})});export{r as WhatsNewButton};

package/dist/esm/components/whats-new/WhatsNewPanel.js

@@ -1 +1 @@
-import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{format as o,differenceInBusinessDays as n}from"date-fns";import{useState as a,useMemo as s}from"react";import i from"../../assets/icons/searchIcon.svg.js";import d from"../../assets/icons/whatsNew.svg.js";import{COLORS as l}from"../../constants/Theme.js";import{Button as c}from"../button/Button.js";import{VideoModal as h}from"../feature-announcements/VideoModal.js";import{SearchBar as m}from"../searchBar/searchBar.js";import{SideModal as u}from"../side-modal/SideModal.js";import{TitleMedium as p,TitleRegular as w,BodyPrimary as f,Caption as g,TitleSmall as y}from"../TypographyStyle.js";import{MainContainer as C,WhatsNewWrapper as x,MainCardContainer as N,BackgroundImageContainer as v}from"./WhatsNew.styles.js";const b=b=>{let{isOpen:j,onClose:k,content:A,isLoading:D=!1,title:S="What's new on BIK",searchPlaceholder:T="Search posts",emptyStateTitle:L="Nothing new!",emptyStateDescription:M="There are no new updates or features at the moment. Check back soon!",noResultsText:W="Sorry, no results found.",width:B="480px",onContentClick:U,renderCustomContent:V}=b;const[E,I]=a(""),[_,O]=a(!1),[P,R]=a(""),z=e=>{if(!e.createdAt)return!1;const t=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return n(new Date,t)<7},F=s((()=>{if(!E.trim())return A;const e=E.toLowerCase();return A.filter((t=>t.title.toLowerCase().includes(e)||t.body.toLowerCase().includes(e)||t.content&&t.content.toLowerCase().includes(e)))}),[A,E]),H=0===A.length,K=0===F.length;return j?r(u,{width:B,onClose:k,header:"",headerCustomComponent:e(p,{color:l.background.inverse,children:S}),headerStyle:{background:l.background.brandLight},hideFooter:!0,children:[r(C,{children:[e("div",{className:"mt-8",children:e(m,{width:"100%",isEnabled:!H,onChange:e=>{I(e)},onEnter:e=>{I(e)},placeholder:T,variant:"default",searchValue:E,onClickCross:()=>{I("")}})}),e(x,{children:H||K?r("div",{className:"no--data--found",children:[e("div",{className:"icon--wrapper",children:e(H?d:i,{width:32,height:32})}),H?r(t,{children:[e(w,{children:L}),e(f,{color:l.content.secondary,className:"text--align",style:{maxWidth:300},children:M})]}):K?e(f,{color:l.content.secondary,className:"text--align",style:{maxWidth:300},children:W}):null]}):e("div",{className:"scroller",children:F.map(((n,a)=>V?V(n):r(N,{className:"padding--16 mb-mt-8",children:[e(v,{imageUrl:n.image,height:"209px",width:"100%",style:{borderRadius:"4px"}}),e("div",{className:"mt-20 full--width",children:r("div",{className:"created--at flex flex--row",children:[z(n)?e("div",{className:"new--content--tag",children:e(g,{children:"New"})}):e(t,{}),e(g,{style:{color:l.content.placeholder},children:n.createdAt?o(n.createdAt.toDate?n.createdAt.toDate():new Date(n.createdAt),"dd MMMM yyyy"):""})]})}),e("div",{className:"mt--8",children:e(y,{children:n.title})}),e("div",{dangerouslySetInnerHTML:{__html:n.body},className:"card--desc mt--12"}),e("div",{className:"flex flex--row mt-20 full--width",children:e(c,{buttonText:n.buttonText||"Explore the feature",onClick:()=>(e=>{e.productVideo?(R(e.productVideo),O(!0)):e.redirectUrl&&window.open(e.redirectUrl,"_blank"),U&&U(e)})(n),matchParentWidth:!0,size:"medium"})})]},`whats-new-${a}`)))})})]}),e(h,{isOpen:_,videoUrl:P,onClose:()=>{O(!1)}})]}):e(t,{})};export{b as WhatsNewPanel};
+import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{format as o,differenceInBusinessDays as n}from"date-fns";import{useState as a,useMemo as s}from"react";import i from"../../assets/icons/searchIcon.svg.js";import d from"../../assets/icons/whatsNew.svg.js";import{COLORS as c}from"../../constants/Theme.js";import{Button as l}from"../button/Button.js";import{VideoModal as h}from"../feature-announcements/VideoModal.js";import{SearchBar as m}from"../searchBar/searchBar.js";import{SideModal as u}from"../side-modal/SideModal.js";import{TitleMedium as p,TitleRegular as w,BodyPrimary as f,Caption as g,TitleSmall as y}from"../TypographyStyle.js";import{MainContainer as C,WhatsNewWrapper as x,MainCardContainer as N,BackgroundImageContainer as v}from"./WhatsNew.styles.js";const b=({isOpen:b,onClose:j,content:k,isLoading:A=!1,title:D="What's new on BIK",searchPlaceholder:S="Search posts",emptyStateTitle:T="Nothing new!",emptyStateDescription:L="There are no new updates or features at the moment. Check back soon!",noResultsText:M="Sorry, no results found.",width:W="480px",onContentClick:B,renderCustomContent:U})=>{const[V,E]=a(""),[I,_]=a(!1),[O,P]=a(""),R=e=>{if(!e.createdAt)return!1;const t=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return n(new Date,t)<7},z=s(()=>{if(!V.trim())return k;const e=V.toLowerCase();return k.filter(t=>t.title.toLowerCase().includes(e)||t.body.toLowerCase().includes(e)||t.content&&t.content.toLowerCase().includes(e))},[k,V]),F=0===k.length,H=0===z.length;return b?r(u,{width:W,onClose:j,header:"",headerCustomComponent:e(p,{color:c.background.inverse,children:D}),headerStyle:{background:c.background.brandLight},hideFooter:!0,children:[r(C,{children:[e("div",{className:"mt-8",children:e(m,{width:"100%",isEnabled:!F,onChange:e=>{E(e)},onEnter:e=>{E(e)},placeholder:S,variant:"default",searchValue:V,onClickCross:()=>{E("")}})}),e(x,{children:F||H?r("div",{className:"no--data--found",children:[e("div",{className:"icon--wrapper",children:e(F?d:i,{width:32,height:32})}),F?r(t,{children:[e(w,{children:T}),e(f,{color:c.content.secondary,className:"text--align",style:{maxWidth:300},children:L})]}):H?e(f,{color:c.content.secondary,className:"text--align",style:{maxWidth:300},children:M}):null]}):e("div",{className:"scroller",children:z.map((n,a)=>U?U(n):r(N,{className:"padding--16 mb-mt-8",children:[e(v,{imageUrl:n.image,height:"209px",width:"100%",style:{borderRadius:"4px"}}),e("div",{className:"mt-20 full--width",children:r("div",{className:"created--at flex flex--row",children:[R(n)?e("div",{className:"new--content--tag",children:e(g,{children:"New"})}):e(t,{}),e(g,{style:{color:c.content.placeholder},children:n.createdAt?o(n.createdAt.toDate?n.createdAt.toDate():new Date(n.createdAt),"dd MMMM yyyy"):""})]})}),e("div",{className:"mt--8",children:e(y,{children:n.title})}),e("div",{dangerouslySetInnerHTML:{__html:n.body},className:"card--desc mt--12"}),e("div",{className:"flex flex--row mt-20 full--width",children:e(l,{buttonText:n.buttonText||"Explore the feature",onClick:()=>(e=>{e.productVideo?(P(e.productVideo),_(!0)):e.redirectUrl&&window.open(e.redirectUrl,"_blank"),B&&B(e)})(n),matchParentWidth:!0,size:"medium"})})]},`whats-new-${a}`))})})]}),e(h,{isOpen:I,videoUrl:O,onClose:()=>{_(!1)}})]}):e(t,{})};export{b as WhatsNewPanel};

package/dist/esm/components/whats-new/WhatsNewProvider.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useContext as t,createContext as r}from"react";import{useWhatsNew as o}from"./useWhatsNew.js";const n=r(null),s=t=>{let{children:r,fetchWhatsNewContent:s,markContentAsViewed:i,module:m}=t;const a=o({fetchWhatsNewContent:s,markContentAsViewed:i,module:m});return e(n.Provider,{value:a,children:r})},i=()=>{const e=t(n);if(!e)throw new Error("useWhatsNewContext must be used within a WhatsNewProvider");return e};export{s as WhatsNewProvider,i as useWhatsNewContext};
+import{jsx as e}from"react/jsx-runtime";import{useContext as t,createContext as r}from"react";import{useWhatsNew as o}from"./useWhatsNew.js";const n=r(null),s=({children:t,fetchWhatsNewContent:r,markContentAsViewed:s,module:i})=>{const m=o({fetchWhatsNewContent:r,markContentAsViewed:s,module:i});return e(n.Provider,{value:m,children:t})},i=()=>{const e=t(n);if(!e)throw new Error("useWhatsNewContext must be used within a WhatsNewProvider");return e};export{s as WhatsNewProvider,i as useWhatsNewContext};

package/dist/esm/components/whats-new/useWhatsNew.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{differenceInBusinessDays as t}from"date-fns";import{useState as o,useRef as r,useEffect as n,useCallback as a}from"react";const i=i=>{let{fetchWhatsNewContent:c,markContentAsViewed:d,module:s,newContentThresholdDays:l=7}=i;const[u,f]=o([]),[w,v]=o(!0),m=r(c),A=r(d);n((()=>{m.current=c}),[c]),n((()=>{A.current=d}),[d]);const h=a((()=>e(void 0,void 0,void 0,(function*(){v(!0);try{const[e,t]=yield m.current();if(e)console.error("Failed to fetch what's new content:",e),f([]);else if(t){let e=t;s&&(e=t.filter((e=>Array.isArray(e.module)?e.module.includes(s):e.module===s))),e.sort(((e,t)=>{var o,r;const n=(null===(o=e.createdAt)||void 0===o?void 0:o.toDate)?e.createdAt.toDate():new Date(e.createdAt);return((null===(r=t.createdAt)||void 0===r?void 0:r.toDate)?t.createdAt.toDate():new Date(t.createdAt)).getTime()-n.getTime()})),f(e)}else f([])}catch(e){console.error("Failed to fetch what's new content:",e),f([])}finally{v(!1)}}))),[s]);n((()=>{h()}),[h]);const D=a((e=>{if(!e.createdAt)return!1;const o=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return t(new Date,o)<l}),[l]),y=u.reduce(((e,t)=>D(t)?e+1:e),0);return{whatsNewContent:u,isLoading:w,newContentCount:y,markAsViewed:a((t=>e(void 0,void 0,void 0,(function*(){if(A.current)try{yield A.current(t)}catch(e){console.warn("Failed to mark content as viewed:",e)}}))),[]),refreshContent:a((()=>e(void 0,void 0,void 0,(function*(){yield h()}))),[h])}};export{i as useWhatsNew};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import{differenceInBusinessDays as t}from"date-fns";import{useState as o,useRef as r,useEffect as n,useCallback as a}from"react";const i=({fetchWhatsNewContent:i,markContentAsViewed:c,module:d,newContentThresholdDays:s=7})=>{const[l,u]=o([]),[f,w]=o(!0),v=r(i),m=r(c);n(()=>{v.current=i},[i]),n(()=>{m.current=c},[c]);const A=a(()=>e(void 0,void 0,void 0,function*(){w(!0);try{const[e,t]=yield v.current();if(e)console.error("Failed to fetch what's new content:",e),u([]);else if(t){let e=t;d&&(e=t.filter(e=>Array.isArray(e.module)?e.module.includes(d):e.module===d)),e.sort((e,t)=>{var o,r;const n=(null===(o=e.createdAt)||void 0===o?void 0:o.toDate)?e.createdAt.toDate():new Date(e.createdAt);return((null===(r=t.createdAt)||void 0===r?void 0:r.toDate)?t.createdAt.toDate():new Date(t.createdAt)).getTime()-n.getTime()}),u(e)}else u([])}catch(e){console.error("Failed to fetch what's new content:",e),u([])}finally{w(!1)}}),[d]);n(()=>{A()},[A]);const h=a(e=>{if(!e.createdAt)return!1;const o=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return t(new Date,o)<s},[s]),D=l.reduce((e,t)=>h(t)?e+1:e,0);return{whatsNewContent:l,isLoading:f,newContentCount:D,markAsViewed:a(t=>e(void 0,void 0,void 0,function*(){if(m.current)try{yield m.current(t)}catch(e){console.warn("Failed to mark content as viewed:",e)}}),[]),refreshContent:a(()=>e(void 0,void 0,void 0,function*(){yield A()}),[A])}};export{i as useWhatsNew};

package/dist/esm/helpers/BaseWhatsappContentLang.helper.js

@@ -1 +1 @@
-import{isAplhanumeric as t}from"../utils/isAlphanumeric.js";class e{getHTML(t){let e=t;return e=this.whatsappStyles(e,"_","<i>","</i>"),e=this.whatsappStyles(e,"*","<b>","</b>"),e=this.whatsappStyles(e,"~","<s>","</s>"),e=this.whatsappStylesMonospace(e,'<code style="color: black;">',"</code>"),e&&(e=e.replace(/\n/gi,"<br>")),e=this.whatsappLinkStyle(e),e}whatsappStyles(e,s,p,a){const h=[];if(e)for(let p=0;p<e.length;p++)e[p]===s?h.length%2?" "!==e[p-1]&&((void 0===e[p+1]||!t(e[p+1]))&&h.push(p)):void 0!==e[p+1]&&(" "!==e[p+1]&&((void 0===e[p-1]||!t(e[p-1]))&&h.push(p))):10===e.charCodeAt(p)&&h.length%2&&h.pop();h.length%2&&h.pop();let l=0;return h.forEach((function(t,s){const h=s%2?a:p;t+=l,e=e.substr(0,t)+h+e.substr(t+1),l+=h.length-1})),e}whatsappStylesMonospace(e,s,p){const a=[];if(e)for(let s=0;s<e.length;s++)"`"===e[s]&&"`"===e[s+1]&&"`"===e[s+2]?a.length%2?" "===e[s-3]||(void 0===e[s+3]?a.push(s):t(e[s+3])?a.length%2==1&&a.pop():a.push(s)):void 0===e[s+3]||" "===e[s+3]||(void 0===e[s-1]||" "===e[s-1]?a.push(s):t(e[s-1])?a.length%2==1&&a.pop():a.push(s)):10===e.charCodeAt(s)&&a.length%2&&a.pop();a.length%2&&a.pop();let h=0;return a.forEach((function(t,a){const l=a%2?p:s;t+=h,e=e.substr(0,t)+l+e.substr(t+3),h+=l.length-3})),e}whatsappLinkStyle(t){const e=t;return new RegExp("^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$","i").test(e)?`<a href="${e}" target="_blank" rel="noreferrer">${e}</a>`:e}wrappWildcard(t,e,s,p){return t<0||t>e?p:p.slice(0,t)+s+p.slice(t,e)+s+p.slice(e)}}export{e as BaseWhatsappContentLangHelper};
+import{isAplhanumeric as t}from"../utils/isAlphanumeric.js";class e{getHTML(t){let e=t;return e=this.whatsappStyles(e,"_","<i>","</i>"),e=this.whatsappStyles(e,"*","<b>","</b>"),e=this.whatsappStyles(e,"~","<s>","</s>"),e=this.whatsappStylesMonospace(e,'<code style="color: black;">',"</code>"),e&&(e=e.replace(/\n/gi,"<br>")),e=this.whatsappLinkStyle(e),e}whatsappStyles(e,s,p,a){const h=[];if(e)for(let p=0;p<e.length;p++)e[p]===s?h.length%2?" "!==e[p-1]&&((void 0===e[p+1]||!t(e[p+1]))&&h.push(p)):void 0!==e[p+1]&&(" "!==e[p+1]&&((void 0===e[p-1]||!t(e[p-1]))&&h.push(p))):10===e.charCodeAt(p)&&h.length%2&&h.pop();h.length%2&&h.pop();let l=0;return h.forEach(function(t,s){const h=s%2?a:p;t+=l,e=e.substr(0,t)+h+e.substr(t+1),l+=h.length-1}),e}whatsappStylesMonospace(e,s,p){const a=[];if(e)for(let s=0;s<e.length;s++)"`"===e[s]&&"`"===e[s+1]&&"`"===e[s+2]?a.length%2?" "===e[s-3]||(void 0===e[s+3]?a.push(s):t(e[s+3])?a.length%2==1&&a.pop():a.push(s)):void 0===e[s+3]||" "===e[s+3]||(void 0===e[s-1]||" "===e[s-1]?a.push(s):t(e[s-1])?a.length%2==1&&a.pop():a.push(s)):10===e.charCodeAt(s)&&a.length%2&&a.pop();a.length%2&&a.pop();let h=0;return a.forEach(function(t,a){const l=a%2?p:s;t+=h,e=e.substr(0,t)+l+e.substr(t+3),h+=l.length-3}),e}whatsappLinkStyle(t){const e=t;return new RegExp("^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$","i").test(e)?`<a href="${e}" target="_blank" rel="noreferrer">${e}</a>`:e}wrappWildcard(t,e,s,p){return t<0||t>e?p:p.slice(0,t)+s+p.slice(t,e)+s+p.slice(e)}}export{e as BaseWhatsappContentLangHelper};