@bikdotai/bik-component-library 0.0.736-beta.10 → 0.0.736-beta.3

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),l=require("../constants/regexPatterns.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=s(t).default.div`
 	padding: 8px 12px 0px;
 	/* display: inline; */
-`;exports.default=t=>{const{text:s,bold:i}=t,o=null==s?void 0:s.match(l.templateVariablePattern),d=i?{fontWeight:"600"}:{};return s?e.jsx(a,{children:s.split(l.templateVariablePattern).map((t,l)=>e.jsxs(e.Fragment,{children:[e.jsx(r.BodyRegular,{style:d,children:t}),!!(null==o?void 0:o[l])&&e.jsx(r.BodyRegular,{style:Object.assign({color:n.COLORS.content.brand},d),children:null==o?void 0:o[l]})]}))}):e.jsx(e.Fragment,{})};
+`;exports.default=t=>{const{text:s,bold:i}=t,o=null==s?void 0:s.match(l.templateVariablePattern),d=i?{fontWeight:"600"}:{};return s?e.jsx(a,{children:s.split(l.templateVariablePattern).map(((t,l)=>e.jsxs(e.Fragment,{children:[e.jsx(r.BodyRegular,{style:d,children:t}),!!(null==o?void 0:o[l])&&e.jsx(r.BodyRegular,{style:Object.assign({color:n.COLORS.content.brand},d),children:null==o?void 0:o[l]})]})))}):e.jsx(e.Fragment,{})};

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("date-fns"),i=require("../../../constants/Theme.js"),n=require("../constants/regexPatterns.js"),l=require("../constants/TemplateConstants.js"),o=require("../models/TemplateMeta.js"),a=require("../models/WhatsAppTemplate.js"),d=require("../utils/TemplateHelperUtils.js");exports.TemplateCreatorHelper=class{parseDataFromHeaderComponent(e,t,i){var n,l,d,r,s,v,u,p,E,T;const c={headerType:o.HEADER_TYPES.NONE,headerVariables:[]},m=null===(n=null==e?void 0:e.components)||void 0===n?void 0:n.find(e=>"HEADER"===e.type);if(m){c.headerType=m.format,c.headerText=m.text,c.headerAssetLink=null===(d=null===(l=m.example)||void 0===l?void 0:l.header_handle)||void 0===d?void 0:d[0];const n=null===(s=null===(r=m.example)||void 0===r?void 0:r.header_text)||void 0===s?void 0:s[0],o=null===(u=null===(v=e.mapping)||void 0===v?void 0:v.header)||void 0===u?void 0:u[0],_=o;if(o){const e=null==o?void 0:o.replace("[[","").replace("]]","").replace("{{","").replace("}}","").replace("((","").replace("))",""),l=/\(\(/.test(o),d=i===a.POD.CHATBOT&&_&&(null==_?void 0:_.startsWith("(("))&&(null==_?void 0:_.endsWith("))")),r={idx:0,variableVal:t||d?n:_,editable:l,editableDefaultValues:l?void 0:n,variableName:e};c.headerVariables=[r],(null===(E=null===(p=m.example)||void 0===p?void 0:p.header_text)||void 0===E?void 0:E.length)&&(c.headerText=null===(T=c.headerText)||void 0===T?void 0:T.replace("{{1}}",`{{${e}}}`))}}return c}validateState(e){var t,i,a,r,s,v,u,p,E,T,c,m,_,h,b,R,C,y,I,L,N,O,x;const B=/\p{Extended_Pictographic}/u;let f="valid";const A={meta:{},ctaBtn:{phoneNumber:{btnText:"",link:""},websiteLink:{btnText:"",link:""}},quickReply:[null,null,null]},D=new d.TemplateHelperUtils;let P=!1;const S=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)>l.NAME_LEN_LIMIT?(A.meta.name=l.NAME_LEN_ERROR,f="invalid"):n.specialCharPattern.test(null===(a=e.meta.name)||void 0===a?void 0:a.trim())&&(A.meta.name=l.NO_SPECIAL_CHAR,f="invalid"):(A.meta.name=l.REQUIRED_FIELD,f="invalid"),A.meta.name&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.name),P=!0),e.headerType===o.HEADER_TYPES.TEXT){const t=null!==(s=null===(r=e.headerText)||void 0===r?void 0:r.trim())&&void 0!==s?s:"";if(t)if(t.length>l.HEADER_TEXT_LEN_LIMIT)A.header=l.HEADER_LEN_ERROR,f="invalid";else{const e=D.getTemplateVariablesFromState(t);e&&e.length>1&&(A.header=l.ONE_VAR_ALLOWED,f="invalid")}else A.header=l.REQUIRED_FIELD,f="invalid"}else e.headerType===o.HEADER_TYPES.DOCUMENT||e.headerType===o.HEADER_TYPES.IMAGE||(e.headerType,o.HEADER_TYPES.VIDEO);if(e.headerType!==o.HEADER_TYPES.DOCUMENT&&e.headerType!==o.HEADER_TYPES.IMAGE&&e.headerType!==o.HEADER_TYPES.VIDEO||e.headerAssetLink||(A.header=l.HEADER_ASSET_LINK_ERROR,f="invalid"),A.header&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.header),P=!0),e.bodyText?e.bodyTextRaw&&(null===(v=e.bodyTextRaw)||void 0===v?void 0:v.trim().length)>l.BODY_TEXT_LEN_LIMIT&&(A.body=l.BODY_LEN_ERROR,f="invalid"):(A.body=l.REQUIRED_FIELD,f="invalid"),A.body&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.body),P=!0),e.footerText&&e.footerText.length>l.HEADER_TEXT_LEN_LIMIT&&(A.footer=l.HEADER_LEN_ERROR,f="invalid"),(null==A?void 0:A.footer)&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.footer),P=!0),e.actionsType===o.ACTIONS_TYPES.CTA_BTN){if(null===(p=null===(u=e.ctaBtn)||void 0===u?void 0:u.phoneNumber)||void 0===p?void 0:p.isChecked){const t=null===(E=e.ctaBtn.phoneNumber.btnText)||void 0===E?void 0:E.trim(),i=e.ctaBtn.phoneNumber.phoneNumber;A.ctaBtn&&!t?(A.ctaBtn.phoneNumber.btnText=l.REQUIRED_FIELD,f="invalid"):A.ctaBtn&&t&&t.length>l.QUICK_REPLY_BTN_TEXT_LIMIT?(A.ctaBtn.phoneNumber.btnText=l.QUICK_REPLY_LEN_ERROR,f="invalid"):A.ctaBtn&&t&&B.test(t)&&(A.ctaBtn.phoneNumber.btnText=l.BUTTON_EMOJI_ERROR,f="invalid"),A.ctaBtn&&!i?(A.ctaBtn.phoneNumber.link=l.REQUIRED_FIELD,f="invalid"):A.ctaBtn&&i&&i.length<10&&(A.ctaBtn.phoneNumber.link=l.VALID_PHONE_NUMBER,f="invalid")}if(null===(c=null===(T=e.ctaBtn)||void 0===T?void 0:T.websiteLinkBtn)||void 0===c?void 0:c.isChecked){const t=null===(m=e.ctaBtn.websiteLinkBtn.btnText)||void 0===m?void 0:m.trim(),i=null===(_=e.ctaBtn.websiteLinkBtn.linkOpens)||void 0===_?void 0:_.trim(),n=null===(h=e.ctaBtn.websiteLinkBtn.placeholder)||void 0===h?void 0:h.trim();A.ctaBtn&&!t?(A.ctaBtn.websiteLink.btnText=l.REQUIRED_FIELD,f="invalid"):A.ctaBtn&&t&&t.length>l.QUICK_REPLY_BTN_TEXT_LIMIT?(A.ctaBtn.websiteLink.btnText=l.QUICK_REPLY_LEN_ERROR,f="invalid"):A.ctaBtn&&t&&B.test(t)&&(A.ctaBtn.websiteLink.btnText=l.BUTTON_EMOJI_ERROR,f="invalid"),!A.ctaBtn||i||n||(A.ctaBtn.websiteLink.link=l.REQUIRED_FIELD,f="invalid")}}else if(e.actionsType===o.ACTIONS_TYPES.QUICK_REPLY){const t=["","",""];e.quickReply.forEach((i,n)=>{var o;const a=null===(o=i.text)||void 0===o?void 0:o.trim();if(a)if(a.length>l.QUICK_REPLY_NAME_LEN_LIMIT)t[n]=l.QUICK_REPLY_LEN_ERROR,f="invalid";else if(B.test(a))t[n]=l.BUTTON_EMOJI_ERROR,f="invalid";else{const i=[...e.quickReply];i.splice(n,1);i.find(e=>e.text===a)&&(t[n]=l.QUICK_REPLY_NAME_ERROR,f="invalid")}else t[n]=l.REQUIRED_FIELD,f="invalid"}),A.quickReply=t}if(e.actionsType===o.ACTIONS_TYPES.CTA_BTN||e.actionsType===o.ACTIONS_TYPES.QUICK_REPLY){const e=null===(b=A.quickReply)||void 0===b?void 0:b.reduce((e,t)=>e||!!t,!1);((null===(C=null===(R=null==A?void 0:A.ctaBtn)||void 0===R?void 0:R.websiteLink)||void 0===C?void 0:C.link)||(null===(I=null===(y=A.ctaBtn)||void 0===y?void 0:y.websiteLink)||void 0===I?void 0:I.btnText)||(null===(N=null===(L=A.ctaBtn)||void 0===L?void 0:L.phoneNumber)||void 0===N?void 0:N.link)||(null===(x=null===(O=A.ctaBtn)||void 0===O?void 0:O.phoneNumber)||void 0===x?void 0:x.btnText)||e)&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.actionButtons),P=!0)}return{status:f,errors:A}}parseBodyComponent(e,t=!1,l,o){var d,r,s,v,u,p;const E=[];let T="";const c=null===(d=e.components)||void 0===d?void 0:d.find(e=>"BODY"===e.type);return c&&(null===(v=null===(s=null===(r=c.example)||void 0===r?void 0:r.body_text)||void 0===s?void 0:s[0])||void 0===v||v.forEach((t,i)=>{var d,r;let s=null===(r=null===(d=e.mapping)||void 0===d?void 0:d.body)||void 0===r?void 0:r[i];const v=s,u=s&&/\(\(/.test(s),p=null==s?void 0:s.match(n.placeHolderNamePattern);(null==p?void 0:p[2])&&(s=null==p?void 0:p[2]);const T=o===a.POD.CHATBOT&&v&&(null==v?void 0:v.startsWith("(("))&&(null==v?void 0:v.endsWith("))"));E.push({idx:i,variableVal:l||T?t:v,editable:!!u,editableDefaultValues:u?void 0:t,variableName:null!=s?s:""})}),T=e.htmlContentUrl?e.htmlContentUrl:(null===(u=c.text)||void 0===u?void 0:u.split(/\{\{[0-9]+\}\}/).length)?null===(p=c.text)||void 0===p?void 0:p.split(/\{\{[0-9]+\}\}/).map((e,n)=>{if(null==E?void 0:E[n]){const l=E[n].variableName;return t?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${i.COLORS.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e}).join(""):""),{bodyVariable:E,bodyText:T}}parseTitleComponent(e,t=!1,l){var o,a,d,r,s,v;const u=[];let p="";const E=null===(o=e.components)||void 0===o?void 0:o.find(e=>"TITLE"===e.type);return E&&(null===(r=null===(d=null===(a=E.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(n.placeHolderNamePattern);(null==v?void 0:v[2])&&(d=null==v?void 0:v[2]),u.push({idx:i,variableVal:l?t:r,editable:!!s,editableDefaultValues:s?void 0:t,variableName:null!=d?d:""})}),p=e.htmlContentUrl?e.htmlContentUrl:(null===(s=E.text)||void 0===s?void 0:s.split(/\{\{[0-9]+\}\}/).length)?null===(v=E.text)||void 0===v?void 0:v.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.COLORS.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e}).join(""):""),{titleText:p,titleVariables:u}}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,l,a,d,r,s;const v={actionsType:o.ACTIONS_TYPES.NONE,quickReply:[],ctaBtn:{phoneNumber:void 0,websiteLinkBtn:void 0},allButtons:[]},u=null===(t=e.components)||void 0===t?void 0:t.find(e=>"BUTTONS"===e.type);if(u&&(null===(i=null==u?void 0:u.buttons)||void 0===i?void 0:i.length)){const t="QUICK_REPLY"===(null===(l=null==u?void 0:u.buttons)||void 0===l?void 0:l[0].type)?o.ACTIONS_TYPES.QUICK_REPLY:o.ACTIONS_TYPES.CTA_BTN;if(v.actionsType=t,t===o.ACTIONS_TYPES.QUICK_REPLY){const e=null!==(d=null===(a=null==u?void 0:u.buttons)||void 0===a?void 0:a.map(e=>e))&&void 0!==d?d:[];v.quickReply=e}else t===o.ACTIONS_TYPES.CTA_BTN&&(null===(r=null==u?void 0:u.buttons)||void 0===r||r.forEach(t=>{var i,l,o,a;if(t.phone_number&&(v.ctaBtn.phoneNumber={isChecked:!0,btnText:t.text,phoneNumber:t.phone_number}),t.url){const d=null!==(o=null===(l=null===(i=null==e?void 0:e.mapping)||void 0===i?void 0:i.buttons)||void 0===l?void 0:l[0])&&void 0!==o?o:void 0;let r=!1;d&&n.editableVarPattern.test(d)&&(r=!0),v.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}}}));v.allButtons=null===(s=u.buttons)||void 0===s?void 0:s.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 v}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.format(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.__awaiter(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:u}=yield this.parseDataFromHeaderComponent(i,void 0,a),{bodyText:p,bodyVariable:E}=yield this.parseBodyComponent(i,l,o,a),{titleText:T,titleVariables:c}=yield this.parseTitleComponent(i,l,o),{actionsType:m,quickReply:_,ctaBtn:h,allButtons:b}=yield this.parseButtonComponent(i),R=this.parseLimitedTimeOfferComponent(i,b),{showCallPermissionCard:C,callPermissionText:y}=this.parseCallPermissionComponent(i),I={quickReply:_,ctaBtn:h,allButtons:b,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:m,footerText:this.parseFooterComponent(i),bodyVariables:E,bodyText:p,headerType:d,headerAssetLink:r,headerAssetName:s,headerText:v,headerVariables:u,alreadyAsADraft:i.isDraft,mode:"edit",initialLoading:!1,limitedTimeOfferComponent:R,titleText:T,titleVariables:c,showCallPermissionCard:C,callPermissionText:y},{errors:L}=this.validateState(I);return I.error=L,I})}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})}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("date-fns"),i=require("../../../constants/Theme.js"),n=require("../constants/regexPatterns.js"),l=require("../constants/TemplateConstants.js"),o=require("../models/TemplateMeta.js"),a=require("../models/WhatsAppTemplate.js"),d=require("../utils/TemplateHelperUtils.js");exports.TemplateCreatorHelper=class{parseDataFromHeaderComponent(e,t,i){var n,l,d,r,s,v,u,p,E,T;const c={headerType:o.HEADER_TYPES.NONE,headerVariables:[]},m=null===(n=null==e?void 0:e.components)||void 0===n?void 0:n.find((e=>"HEADER"===e.type));if(m){c.headerType=m.format,c.headerText=m.text,c.headerAssetLink=null===(d=null===(l=m.example)||void 0===l?void 0:l.header_handle)||void 0===d?void 0:d[0];const n=null===(s=null===(r=m.example)||void 0===r?void 0:r.header_text)||void 0===s?void 0:s[0],o=null===(u=null===(v=e.mapping)||void 0===v?void 0:v.header)||void 0===u?void 0:u[0],_=o;if(o){const e=null==o?void 0:o.replace("[[","").replace("]]","").replace("{{","").replace("}}","").replace("((","").replace("))",""),l=/\(\(/.test(o),d=i===a.POD.CHATBOT&&_&&(null==_?void 0:_.startsWith("(("))&&(null==_?void 0:_.endsWith("))")),r={idx:0,variableVal:t||d?n:_,editable:l,editableDefaultValues:l?void 0:n,variableName:e};c.headerVariables=[r],(null===(E=null===(p=m.example)||void 0===p?void 0:p.header_text)||void 0===E?void 0:E.length)&&(c.headerText=null===(T=c.headerText)||void 0===T?void 0:T.replace("{{1}}",`{{${e}}}`))}}return c}validateState(e){var t,i,a,r,s,v,u,p,E,T,c,m,_,h,b,R,C,y,I,L,N,O,x;const B=/\p{Extended_Pictographic}/u;let f="valid";const A={meta:{},ctaBtn:{phoneNumber:{btnText:"",link:""},websiteLink:{btnText:"",link:""}},quickReply:[null,null,null]},D=new d.TemplateHelperUtils;let P=!1;const S=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)>l.NAME_LEN_LIMIT?(A.meta.name=l.NAME_LEN_ERROR,f="invalid"):n.specialCharPattern.test(null===(a=e.meta.name)||void 0===a?void 0:a.trim())&&(A.meta.name=l.NO_SPECIAL_CHAR,f="invalid"):(A.meta.name=l.REQUIRED_FIELD,f="invalid"),A.meta.name&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.name),P=!0),e.headerType===o.HEADER_TYPES.TEXT){const t=null!==(s=null===(r=e.headerText)||void 0===r?void 0:r.trim())&&void 0!==s?s:"";if(t)if(t.length>l.HEADER_TEXT_LEN_LIMIT)A.header=l.HEADER_LEN_ERROR,f="invalid";else{const e=D.getTemplateVariablesFromState(t);e&&e.length>1&&(A.header=l.ONE_VAR_ALLOWED,f="invalid")}else A.header=l.REQUIRED_FIELD,f="invalid"}else e.headerType===o.HEADER_TYPES.DOCUMENT||e.headerType===o.HEADER_TYPES.IMAGE||(e.headerType,o.HEADER_TYPES.VIDEO);if(e.headerType!==o.HEADER_TYPES.DOCUMENT&&e.headerType!==o.HEADER_TYPES.IMAGE&&e.headerType!==o.HEADER_TYPES.VIDEO||e.headerAssetLink||(A.header=l.HEADER_ASSET_LINK_ERROR,f="invalid"),A.header&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.header),P=!0),e.bodyText?e.bodyTextRaw&&(null===(v=e.bodyTextRaw)||void 0===v?void 0:v.trim().length)>l.BODY_TEXT_LEN_LIMIT&&(A.body=l.BODY_LEN_ERROR,f="invalid"):(A.body=l.REQUIRED_FIELD,f="invalid"),A.body&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.body),P=!0),e.footerText&&e.footerText.length>l.HEADER_TEXT_LEN_LIMIT&&(A.footer=l.HEADER_LEN_ERROR,f="invalid"),(null==A?void 0:A.footer)&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.footer),P=!0),e.actionsType===o.ACTIONS_TYPES.CTA_BTN){if(null===(p=null===(u=e.ctaBtn)||void 0===u?void 0:u.phoneNumber)||void 0===p?void 0:p.isChecked){const t=null===(E=e.ctaBtn.phoneNumber.btnText)||void 0===E?void 0:E.trim(),i=e.ctaBtn.phoneNumber.phoneNumber;A.ctaBtn&&!t?(A.ctaBtn.phoneNumber.btnText=l.REQUIRED_FIELD,f="invalid"):A.ctaBtn&&t&&t.length>l.QUICK_REPLY_BTN_TEXT_LIMIT?(A.ctaBtn.phoneNumber.btnText=l.QUICK_REPLY_LEN_ERROR,f="invalid"):A.ctaBtn&&t&&B.test(t)&&(A.ctaBtn.phoneNumber.btnText=l.BUTTON_EMOJI_ERROR,f="invalid"),A.ctaBtn&&!i?(A.ctaBtn.phoneNumber.link=l.REQUIRED_FIELD,f="invalid"):A.ctaBtn&&i&&i.length<10&&(A.ctaBtn.phoneNumber.link=l.VALID_PHONE_NUMBER,f="invalid")}if(null===(c=null===(T=e.ctaBtn)||void 0===T?void 0:T.websiteLinkBtn)||void 0===c?void 0:c.isChecked){const t=null===(m=e.ctaBtn.websiteLinkBtn.btnText)||void 0===m?void 0:m.trim(),i=null===(_=e.ctaBtn.websiteLinkBtn.linkOpens)||void 0===_?void 0:_.trim(),n=null===(h=e.ctaBtn.websiteLinkBtn.placeholder)||void 0===h?void 0:h.trim();A.ctaBtn&&!t?(A.ctaBtn.websiteLink.btnText=l.REQUIRED_FIELD,f="invalid"):A.ctaBtn&&t&&t.length>l.QUICK_REPLY_BTN_TEXT_LIMIT?(A.ctaBtn.websiteLink.btnText=l.QUICK_REPLY_LEN_ERROR,f="invalid"):A.ctaBtn&&t&&B.test(t)&&(A.ctaBtn.websiteLink.btnText=l.BUTTON_EMOJI_ERROR,f="invalid"),!A.ctaBtn||i||n||(A.ctaBtn.websiteLink.link=l.REQUIRED_FIELD,f="invalid")}}else if(e.actionsType===o.ACTIONS_TYPES.QUICK_REPLY){const t=["","",""];e.quickReply.forEach(((i,n)=>{var o;const a=null===(o=i.text)||void 0===o?void 0:o.trim();if(a)if(a.length>l.QUICK_REPLY_NAME_LEN_LIMIT)t[n]=l.QUICK_REPLY_LEN_ERROR,f="invalid";else if(B.test(a))t[n]=l.BUTTON_EMOJI_ERROR,f="invalid";else{const i=[...e.quickReply];i.splice(n,1);i.find((e=>e.text===a))&&(t[n]=l.QUICK_REPLY_NAME_ERROR,f="invalid")}else t[n]=l.REQUIRED_FIELD,f="invalid"})),A.quickReply=t}if(e.actionsType===o.ACTIONS_TYPES.CTA_BTN||e.actionsType===o.ACTIONS_TYPES.QUICK_REPLY){const e=null===(b=A.quickReply)||void 0===b?void 0:b.reduce(((e,t)=>e||!!t),!1);((null===(C=null===(R=null==A?void 0:A.ctaBtn)||void 0===R?void 0:R.websiteLink)||void 0===C?void 0:C.link)||(null===(I=null===(y=A.ctaBtn)||void 0===y?void 0:y.websiteLink)||void 0===I?void 0:I.btnText)||(null===(N=null===(L=A.ctaBtn)||void 0===L?void 0:L.phoneNumber)||void 0===N?void 0:N.link)||(null===(x=null===(O=A.ctaBtn)||void 0===O?void 0:O.phoneNumber)||void 0===x?void 0:x.btnText)||e)&&!P&&(S(l.CREATE_TEMPLATE_DOM_IDS.actionButtons),P=!0)}return{status:f,errors:A}}parseBodyComponent(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],l=arguments.length>2?arguments[2]:void 0,o=arguments.length>3?arguments[3]:void 0;var d,r,s,v,u,p;const E=[];let T="";const c=null===(d=e.components)||void 0===d?void 0:d.find((e=>"BODY"===e.type));return c&&(null===(v=null===(s=null===(r=c.example)||void 0===r?void 0:r.body_text)||void 0===s?void 0:s[0])||void 0===v||v.forEach(((t,i)=>{var d,r;let s=null===(r=null===(d=e.mapping)||void 0===d?void 0:d.body)||void 0===r?void 0:r[i];const v=s,u=s&&/\(\(/.test(s),p=null==s?void 0:s.match(n.placeHolderNamePattern);(null==p?void 0:p[2])&&(s=null==p?void 0:p[2]);const T=o===a.POD.CHATBOT&&v&&(null==v?void 0:v.startsWith("(("))&&(null==v?void 0:v.endsWith("))"));E.push({idx:i,variableVal:l||T?t:v,editable:!!u,editableDefaultValues:u?void 0:t,variableName:null!=s?s:""})})),T=e.htmlContentUrl?e.htmlContentUrl:(null===(u=c.text)||void 0===u?void 0:u.split(/\{\{[0-9]+\}\}/).length)?null===(p=c.text)||void 0===p?void 0:p.split(/\{\{[0-9]+\}\}/).map(((e,n)=>{if(null==E?void 0:E[n]){const l=E[n].variableName;return t?`${e}{{${l}}}`:`${e} <span> </span><span  style="color: ${i.COLORS.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e})).join(""):""),{bodyVariable:E,bodyText:T}}parseTitleComponent(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],l=arguments.length>2?arguments[2]:void 0;var o,a,d,r,s,v;const u=[];let p="";const E=null===(o=e.components)||void 0===o?void 0:o.find((e=>"TITLE"===e.type));return E&&(null===(r=null===(d=null===(a=E.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(n.placeHolderNamePattern);(null==v?void 0:v[2])&&(d=null==v?void 0:v[2]),u.push({idx:i,variableVal:l?t:r,editable:!!s,editableDefaultValues:s?void 0:t,variableName:null!=d?d:""})})),p=e.htmlContentUrl?e.htmlContentUrl:(null===(s=E.text)||void 0===s?void 0:s.split(/\{\{[0-9]+\}\}/).length)?null===(v=E.text)||void 0===v?void 0:v.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.COLORS.content.brand}; text-decoration: underline;">{{${l}}}</span><span> </span>`}return e})).join(""):""),{titleText:p,titleVariables:u}}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,l,a,d,r,s;const v={actionsType:o.ACTIONS_TYPES.NONE,quickReply:[],ctaBtn:{phoneNumber:void 0,websiteLinkBtn:void 0},allButtons:[]},u=null===(t=e.components)||void 0===t?void 0:t.find((e=>"BUTTONS"===e.type));if(u&&(null===(i=null==u?void 0:u.buttons)||void 0===i?void 0:i.length)){const t="QUICK_REPLY"===(null===(l=null==u?void 0:u.buttons)||void 0===l?void 0:l[0].type)?o.ACTIONS_TYPES.QUICK_REPLY:o.ACTIONS_TYPES.CTA_BTN;if(v.actionsType=t,t===o.ACTIONS_TYPES.QUICK_REPLY){const e=null!==(d=null===(a=null==u?void 0:u.buttons)||void 0===a?void 0:a.map((e=>e)))&&void 0!==d?d:[];v.quickReply=e}else t===o.ACTIONS_TYPES.CTA_BTN&&(null===(r=null==u?void 0:u.buttons)||void 0===r||r.forEach((t=>{var i,l,o,a;if(t.phone_number&&(v.ctaBtn.phoneNumber={isChecked:!0,btnText:t.text,phoneNumber:t.phone_number}),t.url){const d=null!==(o=null===(l=null===(i=null==e?void 0:e.mapping)||void 0===i?void 0:i.buttons)||void 0===l?void 0:l[0])&&void 0!==o?o:void 0;let r=!1;d&&n.editableVarPattern.test(d)&&(r=!0),v.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}}})));v.allButtons=null===(s=u.buttons)||void 0===s?void 0:s.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 v}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.format(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.__awaiter(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:u}=yield this.parseDataFromHeaderComponent(i,void 0,a),{bodyText:p,bodyVariable:E}=yield this.parseBodyComponent(i,l,o,a),{titleText:T,titleVariables:c}=yield this.parseTitleComponent(i,l,o),{actionsType:m,quickReply:_,ctaBtn:h,allButtons:b}=yield this.parseButtonComponent(i),R=this.parseLimitedTimeOfferComponent(i,b),{showCallPermissionCard:C,callPermissionText:y}=this.parseCallPermissionComponent(i),I={quickReply:_,ctaBtn:h,allButtons:b,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:m,footerText:this.parseFooterComponent(i),bodyVariables:E,bodyText:p,headerType:d,headerAssetLink:r,headerAssetName:s,headerText:v,headerVariables:u,alreadyAsADraft:i.isDraft,mode:"edit",initialLoading:!1,limitedTimeOfferComponent:R,titleText:T,titleVariables:c,showCallPermissionCard:C,callPermissionText:y},{errors:L}=this.validateState(I);return I.error=L,I}))}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})}};

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.getPreviewPropLen=e=>Object.keys(e).filter(r=>{const t=e[r];return t&&Array.isArray(t)?!!t.length:!!t}).length;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.getPreviewPropLen=e=>Object.keys(e).filter((r=>{const t=e[r];return t&&Array.isArray(t)?!!t.length:!!t})).length;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../models/WebpushTemplate.js"),i=require("../utils/TemplateHelperUtils.js"),s=require("./WebpushPreview.styled.js");const l="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";exports.default=n=>{var a,r,E,P,o,_;const{components:T,webpushBroadcastConfig:N}=n.template,c=(new i.TemplateHelperUtils).parseJsonString(T),d=(e,t)=>{let i=0;return e?e.replace(/{{(.*?)}}/g,(e,s)=>{const l=s.trim();if(t&&t.length&&i<t.length){const e=t[i];return i++,`${e} `}return`{{${l}}}`}):""},O=d(c[t.WEB_PUSH_COMPONENT_TYPE.TITLE],null==N?void 0:N.title),u=d(null!==(E=null!==(r=null===(a=c[t.WEB_PUSH_COMPONENT_TYPE.BODY])||void 0===a?void 0:a.text)&&void 0!==r?r:c[t.WEB_PUSH_COMPONENT_TYPE.BODY])&&void 0!==E?E:"",null==N?void 0:N.body);return e.jsxs(s.WebpushPreviewContainer,{style:Object.assign({},n.extraContainerCss),children:[e.jsxs("div",{className:"icon--header",children:[e.jsx("div",{className:"icon-img-container",children:e.jsx("img",{src:(null===(P=null==N?void 0:N[t.WEB_PUSH_COMPONENT_TYPE.ICON])||void 0===P?void 0:P.length)?N[t.WEB_PUSH_COMPONENT_TYPE.ICON][0]:c[t.WEB_PUSH_COMPONENT_TYPE.ICON]||l,alt:"icon-image"})}),e.jsxs("div",{className:"text--container",children:[e.jsx("div",{children:O}),e.jsx("div",{style:{marginTop:3},children:u})]})]}),c[t.WEB_PUSH_COMPONENT_TYPE.IMAGE]&&c[t.WEB_PUSH_COMPONENT_TYPE.IMAGE].length&&e.jsx("div",{className:"banner-img-container",children:e.jsx("img",{src:(null===(o=null==N?void 0:N[t.WEB_PUSH_COMPONENT_TYPE.IMAGE])||void 0===o?void 0:o.length)?N[t.WEB_PUSH_COMPONENT_TYPE.IMAGE][0]:null!==(_=c[t.WEB_PUSH_COMPONENT_TYPE.IMAGE])&&void 0!==_?_:l,alt:"icon-image"})}),c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS]&&c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length&&e.jsx("div",{className:"button-container "+(1===c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length?"single-button":""),children:c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].map((i,s)=>e.jsx("div",{className:"each--btn",style:{flex:1===c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length?"0 0 50%":"1"},children:e.jsx("div",{className:"text-btn",children:i.text})},`webpush-buttons-${s}`))})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../models/WebpushTemplate.js"),i=require("../utils/TemplateHelperUtils.js"),s=require("./WebpushPreview.styled.js");const l="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";exports.default=n=>{var a,r,E,P,o,_;const{components:T,webpushBroadcastConfig:N}=n.template,c=(new i.TemplateHelperUtils).parseJsonString(T),d=(e,t)=>{let i=0;return e?e.replace(/{{(.*?)}}/g,((e,s)=>{const l=s.trim();if(t&&t.length&&i<t.length){const e=t[i];return i++,`${e} `}return`{{${l}}}`})):""},O=d(c[t.WEB_PUSH_COMPONENT_TYPE.TITLE],null==N?void 0:N.title),u=d(null!==(E=null!==(r=null===(a=c[t.WEB_PUSH_COMPONENT_TYPE.BODY])||void 0===a?void 0:a.text)&&void 0!==r?r:c[t.WEB_PUSH_COMPONENT_TYPE.BODY])&&void 0!==E?E:"",null==N?void 0:N.body);return e.jsxs(s.WebpushPreviewContainer,{style:Object.assign({},n.extraContainerCss),children:[e.jsxs("div",{className:"icon--header",children:[e.jsx("div",{className:"icon-img-container",children:e.jsx("img",{src:(null===(P=null==N?void 0:N[t.WEB_PUSH_COMPONENT_TYPE.ICON])||void 0===P?void 0:P.length)?N[t.WEB_PUSH_COMPONENT_TYPE.ICON][0]:c[t.WEB_PUSH_COMPONENT_TYPE.ICON]||l,alt:"icon-image"})}),e.jsxs("div",{className:"text--container",children:[e.jsx("div",{children:O}),e.jsx("div",{style:{marginTop:3},children:u})]})]}),c[t.WEB_PUSH_COMPONENT_TYPE.IMAGE]&&c[t.WEB_PUSH_COMPONENT_TYPE.IMAGE].length&&e.jsx("div",{className:"banner-img-container",children:e.jsx("img",{src:(null===(o=null==N?void 0:N[t.WEB_PUSH_COMPONENT_TYPE.IMAGE])||void 0===o?void 0:o.length)?N[t.WEB_PUSH_COMPONENT_TYPE.IMAGE][0]:null!==(_=c[t.WEB_PUSH_COMPONENT_TYPE.IMAGE])&&void 0!==_?_:l,alt:"icon-image"})}),c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS]&&c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length&&e.jsx("div",{className:"button-container "+(1===c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length?"single-button":""),children:c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].map(((i,s)=>e.jsx("div",{className:"each--btn",style:{flex:1===c[t.WEB_PUSH_COMPONENT_TYPE.BUTTONS].length?"0 0 50%":"1"},children:e.jsx("div",{className:"text-btn",children:i.text})},`webpush-buttons-${s}`)))})]})};

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

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

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

@@ -8,6 +8,6 @@
 `,a=c.default.div`
 	display: flex;
 	align-items: center;
-`,d=c.default(s.BodySecondary)`
-	color: ${({$isInactive:e})=>e?n.COLORS.content.inactive:n.COLORS.content.brand};
-`;exports.TextPickerFooter=({totalSelected:t,maxDocuments:n})=>{const s=n!==1/0&&t>=n;return e.jsx(o,{children:e.jsx(a,{children:s?e.jsx(r.Tag,{tagText:`You can only select ${n} documents`,type:"negative"}):e.jsx(d,{$isInactive:0===t,children:n!==1/0?`${t}/${n} documents selected`:`${t} documents selected`})})})};
+`,l=c.default(s.BodySecondary)`
+	color: ${e=>{let{$isInactive:t}=e;return t?n.COLORS.content.inactive:n.COLORS.content.brand}};
+`;exports.TextPickerFooter=t=>{let{totalSelected:n,maxDocuments:s}=t;const i=s!==1/0&&n>=s;return e.jsx(o,{children:e.jsx(a,{children:i?e.jsx(r.Tag,{tagText:`You can only select ${s} documents`,type:"negative"}):e.jsx(l,{$isInactive:0===n,children:s!==1/0?`${n}/${s} documents selected`:`${n} documents selected`})})})};

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

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../constants/Theme.js"),i=require("../checkBox/CheckBox.js"),n=require("../TypographyStyle.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(r);const c=s.default.div`
 	min-height: 48px;
-	background: ${({selected:e})=>e?t.COLORS.surface.hovered:t.COLORS.surface.standard};
+	background: ${e=>{let{selected:r}=e;return r?t.COLORS.surface.hovered:t.COLORS.surface.standard}};
 	border-bottom: 1px solid ${t.COLORS.stroke.primary};
 	padding: 12px 24px;
 	display: flex;
 	align-items: center;
 	cursor: pointer;
-`,d=s.default.div`
+`,l=s.default.div`
 	margin-right: 16px;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
-`,l=s.default.div`
+`,d=s.default.div`
 	flex: 1;
-`;exports.TextPickerItemRow=({item:r,selected:t,onCheck:o,onClick:s})=>e.jsxs(c,{selected:t,onClick:s,children:[e.jsx(d,{onClick:e=>e.stopPropagation(),children:e.jsx(i.CheckBox,{isChecked:t,onValueChange:o})}),e.jsx(l,{children:e.jsx(n.BodyPrimary,{children:r.name})})]});
+`;exports.TextPickerItemRow=r=>{let{item:t,selected:o,onCheck:s,onClick:a}=r;return e.jsxs(c,{selected:o,onClick:a,children:[e.jsx(l,{onClick:e=>e.stopPropagation(),children:e.jsx(i.CheckBox,{isChecked:o,onValueChange:s})}),e.jsx(d,{children:e.jsx(n.BodyPrimary,{children:t.name})})]})};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=(a,s,t,i=[])=>{Object.keys(s).forEach(l=>{s[l].displayName.toLowerCase().includes(a.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&&e(a,s[l].variables,t,[...i,s[l].displayName])})};exports.searchVariables=(a,s,t)=>{if(!a)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)e(a,s.variables,i,[...s.contextQ||[],s.displayName]);else{if(s.displayName.toLowerCase().includes(a.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;e(a,s.variables,i,[...s.contextQ||[],s.displayName])}else{if(s.displayName.toLowerCase().includes(a.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;e(a,s.variables,i,[s.displayName])}}),i};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=function(a,s,t){let i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];Object.keys(s).forEach((l=>{s[l].displayName.toLowerCase().includes(a.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&&e(a,s[l].variables,t,[...i,s[l].displayName])}))};exports.searchVariables=(a,s,t)=>{if(!a)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)e(a,s.variables,i,[...s.contextQ||[],s.displayName]);else{if(s.displayName.toLowerCase().includes(a.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;e(a,s.variables,i,[...s.contextQ||[],s.displayName])}else{if(s.displayName.toLowerCase().includes(a.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;e(a,s.variables,i,[s.displayName])}})),i};

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../../assets/icons/whatsNew.svg.js"),i=require("../../constants/Theme.js"),s=require("../tooltips/Tooltip.js"),n=require("./WhatsNew.styles.js");exports.WhatsNewButton=({onClick:o,newContentCount:r=0,isOpen:a=!1,isLoading:c=!1,tooltip:d="What's new",testId:l="whats-new-button",iconWidth:h=32,iconHeight:x=32,customIcon:u})=>c?t.jsxs("div",{style:{margin:"0px 8px"},children:[t.jsx("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}}),t.jsx("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"})]}):t.jsx(n.WhatsNewIconContainer,{count:r,children:t.jsxs("div",{className:"main-icon-class "+(a?"icon-active":""),style:{color:a?i.COLORS.content.brand:i.COLORS.content.primary},onClick:o,"data-testid":l,children:[t.jsx(s.Tooltip,{body:d,children:t.jsx("div",{children:u?t.jsx(u,{width:h,height:x,color:a?i.COLORS.content.brand:i.COLORS.content.primary}):t.jsx(e.default,{width:h,height:x})})}),r>0&&t.jsx("div",{className:"notification--count",children:t.jsx("div",{className:"count--text",children:r})})]})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../../assets/icons/whatsNew.svg.js"),i=require("../../constants/Theme.js"),n=require("../tooltips/Tooltip.js"),s=require("./WhatsNew.styles.js");exports.WhatsNewButton=o=>{let{onClick:r,newContentCount:a=0,isOpen:c=!1,isLoading:d=!1,tooltip:l="What's new",testId:h="whats-new-button",iconWidth:u=32,iconHeight:x=32,customIcon:j}=o;return d?t.jsxs("div",{style:{margin:"0px 8px"},children:[t.jsx("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}}),t.jsx("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"})]}):t.jsx(s.WhatsNewIconContainer,{count:a,children:t.jsxs("div",{className:"main-icon-class "+(c?"icon-active":""),style:{color:c?i.COLORS.content.brand:i.COLORS.content.primary},onClick:r,"data-testid":h,children:[t.jsx(n.Tooltip,{body:l,children:t.jsx("div",{children:j?t.jsx(j,{width:u,height:x,color:c?i.COLORS.content.brand:i.COLORS.content.primary}):t.jsx(e.default,{width:u,height:x})})}),a>0&&t.jsx("div",{className:"notification--count",children:t.jsx("div",{className:"count--text",children:a})})]})})};

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./useWhatsNew.js");const s=t.createContext(null);exports.WhatsNewProvider=({children:t,fetchWhatsNewContent:n,markContentAsViewed:o,module:u})=>{const a=r.useWhatsNew({fetchWhatsNewContent:n,markContentAsViewed:o,module:u});return e.jsx(s.Provider,{value:a,children:t})},exports.useWhatsNewContext=()=>{const e=t.useContext(s);if(!e)throw new Error("useWhatsNewContext must be used within a WhatsNewProvider");return e};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./useWhatsNew.js");const s=t.createContext(null);exports.WhatsNewProvider=t=>{let{children:n,fetchWhatsNewContent:o,markContentAsViewed:u,module:a}=t;const i=r.useWhatsNew({fetchWhatsNewContent:o,markContentAsViewed:u,module:a});return e.jsx(s.Provider,{value:i,children:n})},exports.useWhatsNewContext=()=>{const e=t.useContext(s);if(!e)throw new Error("useWhatsNewContext must be used within a WhatsNewProvider");return e};

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

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