npm - @bikdotai/bik-component-library - Versions diffs - 1.0.0-beta.1 → 1.1.1-beta.1 - Mend

@bikdotai/bik-component-library 1.0.0-beta.1 → 1.1.1-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (789) hide show

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

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/info.svg.js"),i=require("styled-components"),s=require("../../input/Input.js"),n=require("../../template-preview/models/Channels.js"),r=require("../../tooltips/Tooltip.js"),l=require("../../TypographyStyle.js"),a=require("../../../constants/Theme.js"),o=require("../context/templateModalContext.js"),c=require("./VariableConnector.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const u=d(i).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/info.svg.js"),i=require("styled-components"),s=require("../../template-preview/models/Channels.js"),n=require("../../tooltips/Tooltip.js"),l=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js"),a=require("../context/templateModalContext.js"),o=require("./VariableConnector.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=c(i).default.div`
 	overflow-y: auto;
 	display: flex;
 	flex-direction: column;
 	height: 100%;
-`;exports.Container=u,exports.default=i=>{let{onFocus:d}=i;const{originalVariableList:p,channel:j}=o.useTemplateModalContext();return e.jsxs(u,{children:[e.jsxs("div",Object.assign({style:{padding:8}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:8}},{children:[e.jsx(l.TitleRegular,Object.assign({style:{color:a.COLORS.content.primary}},{children:"Edit variables and links"})),e.jsx(r.Tooltip,Object.assign({body:"Variables are placeholder texts which can either be filled by data, eg: customer name or can have any custom text within them"},{children:e.jsx("div",{children:e.jsx(t.default,{width:20,height:20,color:a.COLORS.content.placeholder})})}))]})),e.jsx(l.BodySecondary,Object.assign({style:{color:a.COLORS.content.secondary}},{children:"You can view variables and links on the left underlined in purple colour."}))]})),null==p?void 0:p.map(((t,i)=>j!==n.CHANNEL_TYPE.EMAIL||t.isEditableVariable?e.jsx("div",Object.assign({style:{marginTop:16}},{children:e.jsx(c.default,{index:i,variable:t,onFocus:()=>null==d?void 0:d(i)})}),i):e.jsxs("div",Object.assign({style:{margin:"16px 8px"}},{children:[e.jsxs(l.BodySecondary,Object.assign({style:{color:a.COLORS.content.primary}},{children:["Locked variable ",i+1]})),e.jsx(s.Input,{state:"disabled",placeholder:t.variableName,onChangeText:()=>{}})]}),i)))]})};
+`;exports.Container=d,exports.default=i=>{let{onFocus:c}=i;const{originalVariableList:u,channel:j}=a.useTemplateModalContext();return e.jsxs(d,{children:[e.jsxs("div",Object.assign({style:{padding:8}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:8}},{children:[e.jsx(l.TitleRegular,Object.assign({style:{color:r.COLORS.content.primary}},{children:"Edit variables and links"})),e.jsx(n.Tooltip,Object.assign({body:"Variables are placeholder texts which can either be filled by data, eg: customer name or can have any custom text within them"},{children:e.jsx("div",{children:e.jsx(t.default,{width:20,height:20,color:r.COLORS.content.placeholder})})}))]})),e.jsx(l.BodySecondary,Object.assign({style:{color:r.COLORS.content.secondary}},{children:"You can view variables and links on the left underlined in purple colour."}))]})),null==u?void 0:u.map(((t,i)=>j!==s.CHANNEL_TYPE.EMAIL||t.isEditableVariable?e.jsx("div",Object.assign({style:{marginTop:16}},{children:e.jsx(o.default,{index:i,variable:t,onFocus:()=>null==c?void 0:c(i)})}),i):e.jsx(e.Fragment,{})))]})};

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

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.validateIsUrl=e=>!!new RegExp("^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-][a-z\\d]))\\.)+[a-z]{2,}\|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+])(\\?[;&a-z\\d%_~~,.~+=-~~])?(\\#[-a-z\\d_])?$","i").test(e);
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.validateIsUrl=e=>!!new RegExp("^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-][a-z\\d]))\\.)+[a-z]{2,}\|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+])(\\?[;&a-z\\d%_.~+=-])?(\\#[-a-z\\d_])?$","i").test(e);

package/dist/cjs/components/template-preview/EmailTemplatePreview.styled.d.ts CHANGED Viewed

@@ -2,10 +2,6 @@ export declare const Header: import("styled-components").StyledComponent<"div",
 export declare const ImageContainer: import("styled-components").StyledComponent<"div", any, {
     hideHeader?: boolean | undefined;
 }, never>;
-export declare const CardLoadingContainer: import("styled-components").StyledComponent<"div", any, {
-    hideHeader?: boolean | undefined;
-}, never>;
-export declare const IframeContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ViewButton: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const EmailContainer: import("styled-components").StyledComponent<"div", any, {
     hideHeader?: boolean | undefined;

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

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

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

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../button/Button.js"),i=require("../TypographyStyle.js"),r=require("./EmailTemplatePreview.styled.js");exports.default=n=>{let{template:a,handleViewTemplate:l,hideHeader:s,hideViewButton:d,containerStyle:o,emailHtmlContainerId:u,emailDisplayContent:j}=n;return e.jsxs(r.EmailContainer,Object.assign({hideHeader:s,style:Object.assign({},null!=o?o:{})},{children:[!s&&e.jsx(r.Header,{children:e.jsx(i.TitleRegular,Object.assign({style:{maxWidth:"100%"}},{children:a.name}))}),~~e.jsx(r.IframeContainer,{children:j~~?e.jsx("iframe",{title:"Email template preview",id:null!=u?u:"",width:"100%",srcDoc:j,height:"100%",style:{pointerEvents:"none"}}):e.jsx(r.ImageContainer,Object.assign({hideHeader:s},{children:e.jsx(r.~~CardLoadingContainer~~,{})}))}),!d&&e.jsx(r.ViewButton,{children:e.jsx(t.Button,{buttonType:"tertiary",buttonText:"View",onClick:()=>{l&&l()}})})]}))};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../button/Button.js"),i=require("../TypographyStyle.js"),r=require("./EmailTemplatePreview.styled.js");exports.default=n=>{let{template:l,handleViewTemplate:a,hideHeader:s,hideViewButton:d,containerStyle:o,emailHtmlContainerId:u,emailDisplayContent:c}=n;return e.jsxs(r.EmailContainer,Object.assign({hideHeader:s,style:Object.assign({},null!=o?o:{})},{children:[!s&&e.jsx(r.Header,{children:e.jsx(i.TitleRegular,Object.assign({style:{maxWidth:"100%"}},{children:l.name}))}),c?e.jsx("iframe",{title:"Email template preview",id:null!=u?u:"",width:"100%",srcDoc:c,height:"100%",style:{pointerEvents:"none"}}):e.jsx(r.ImageContainer,Object.assign({hideHeader:s},{children:e.jsx("img",{alt:"",src:l.thumbnailUrl,style:{objectFit:"contain",width:"100%"}})})),!d&&e.jsx(r.ViewButton,{children:e.jsx(t.Button,{buttonType:"tertiary",buttonText:"View",onClick:()=>{a&&a()}})})]}))};

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

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

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

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/halfRectangle.svg.js"),r=require("../../../assets/icons/phone.svg.js"),s=require("../../../assets/icons/RedirectToNew.svg.js"),a=require("react"),i=require("styled-components"),o=require("../../tooltips/Tooltip.js"),n=require("../../TypographyStyle.js"),d=require("../../../constants/Theme.js"),l=require("../helpers/WhatsAppFormatToHTML.js"),h=require("../models/TemplateMeta.js"),p=require("./ChatBtn.js"),c=require("./ChatUI.style.js"),x=require("./MediaCard.js"),T=require("./RenderTemplateWithVariable.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const j=u(i).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/halfRectangle.svg.js"),r=require("../../../assets/icons/phone.svg.js"),s=require("../../../assets/icons/RedirectToNew.svg.js"),a=require("react"),i=require("styled-components"),o=require("../../tooltips/Tooltip.js"),n=require("../../TypographyStyle.js"),d=require("../../../constants/Theme.js"),l=require("../helpers/WhatsAppFormatToHTML.js"),p=require("../models/TemplateMeta.js"),h=require("./ChatBtn.js"),c=require("./ChatUI.style.js"),x=require("./MediaCard.js"),T=require("./RenderTemplateWithVariable.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const j=u(i).default.div`
 	position: absolute;
 	width: 8px;
 	height: 8px;
 	left: -8px;
 	top: -9px;
-`;exports.default=i=>{const{bodyText:u,footerText:m,headerMediaType:y,headerText:S,headerAssetLink:g,headerAssetName:f,quickReplybtn:q,ctaBtn:E,actionTypes:v,textType:b,extras:C,showHeader:A,imagePreviewStyles:N,size:w,children:F}=i,M=new l.WhatsAppFormatToHTML,O=a.useMemo((()=>({color:d.COLORS.content.primary,margin:12,fontSize:A?d.FONTS.caption.fontSize:d.FONTS.bodySecondary.fontSize,fontWeight:d.FONTS.bodySecondary.fontWeight,maxWidth:"100%",whiteSpace:"pre-wrap",marginBottom:0,marginTop:8,wordBreak:"break-word"})),[]);return e.jsxs(c.Container,{children:[e.jsx(j,{children:e.jsx(t.default,{color:"white",height:8,width:8})}),y===h.HEADER_TYPES.TEXT?e.jsx(T.default,{bold:!0,text:S}):y!==h.HEADER_TYPES.NONE?e.jsx(x.MediaCard,{headerAssetLink:g,headerAssetName:f,mediaType:y,imagePreviewStyles:y===h.HEADER_TYPES.IMAGE?N:{}}):e.jsx(e.Fragment,{}),!!u&&e.jsx(e.Fragment,{children:F?e.jsx(e.Fragment,{children:F}):e.jsx(e.Fragment,{children:"html"===b?e.jsx("div",{className:"richTextEditor",style:O,dangerouslySetInnerHTML:{__html:M.convertToHTML(u)}}):e.jsx(n.BodySecondary,{children:u})})}),e.jsxs(c.FooterWrapper,{children:[e.jsx(o.Tooltip,Object.assign({body:null!=m?m:"",placement:"top"},{children:e.jsx(c.TimeStamp,Object.assign({style:{flex:1}},{children:m}))})),e.jsx(c.TimeStamp,{children:"16:48"})]}),v===h.ACTIONS_TYPES.QUICK_REPLY?e.jsx("div",{children:null==q?void 0:q.map(((t,r)=>e.jsx(p.ChatBtn,{text:t.text},r)))}):v===h.ACTIONS_TYPES.CTA_BTN?e.jsx("div",{children:null==E?void 0:E.map(((t,a)=>e.jsx(p.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:s.default,size:w},a)))}):e.jsx(e.Fragment,{})]})};
+`;exports.default=i=>{const{bodyText:u,footerText:m,headerMediaType:y,headerText:S,headerAssetLink:g,headerAssetName:f,quickReplybtn:q,ctaBtn:E,actionTypes:v,textType:b,extras:C,showHeader:A,imagePreviewStyles:N,size:w}=i,M=new l.WhatsAppFormatToHTML,O=a.useMemo((()=>({color:d.COLORS.content.primary,margin:12,fontSize:A?d.FONTS.caption.fontSize:d.FONTS.bodySecondary.fontSize,fontWeight:d.FONTS.bodySecondary.fontWeight,maxWidth:"100%",whiteSpace:"pre-wrap",marginBottom:0,marginTop:8,wordBreak:"break-word"})),[]);return e.jsxs(c.Container,{children:[e.jsx(j,{children:e.jsx(t.default,{color:"white",height:8,width:8})}),y===p.HEADER_TYPES.TEXT?e.jsx(T.default,{bold:!0,text:S}):y!==p.HEADER_TYPES.NONE?e.jsx(x.MediaCard,{headerAssetLink:g,headerAssetName:f,mediaType:y,imagePreviewStyles:y===p.HEADER_TYPES.IMAGE?N:{}}):e.jsx(e.Fragment,{}),!!u&&e.jsx(e.Fragment,{children:"html"===b?e.jsx("div",{className:"richTextEditor",style:O,dangerouslySetInnerHTML:{__html:M.convertToHTML(u)}}):e.jsx(n.BodySecondary,{children:u})}),e.jsxs(c.FooterWrapper,{children:[e.jsx(o.Tooltip,Object.assign({body:null!=m?m:"",placement:"top"},{children:e.jsx(c.TimeStamp,Object.assign({style:{flex:1}},{children:m}))})),e.jsx(c.TimeStamp,{children:"16:48"})]}),v===p.ACTIONS_TYPES.QUICK_REPLY?e.jsx("div",{children:null==q?void 0:q.map(((t,r)=>e.jsx(h.ChatBtn,{text:t.text},r)))}):v===p.ACTIONS_TYPES.CTA_BTN?e.jsx("div",{children:null==E?void 0:E.map(((t,a)=>e.jsx(h.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:s.default,size:w},a)))}):e.jsx(e.Fragment,{})]})};

package/dist/cjs/components/template-preview/WhatsApp/ChatUI.style.d.ts CHANGED Viewed

@@ -1,8 +1,5 @@
 export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TimeStamp: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
+export declare const TimeStamp: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MediaContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ChatBtnContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const FooterWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),t=require("./helpers/TemplateCreatorHelper.js"),a=require("./models/TemplateMeta.js"),i=require("./utils/TemplateHelperUtils.js"),r=require("./WhatsApp/WhatsAppLikePreview.js")~~,n=require("./WhatsApp/WhatsAppLikePreviewV2.js")~~;exports.default=o=>{let{template:d,extras:s,containerStyle:u,usePlaceHolderName:p,showHeader:v,zeroStateComponent:h,size:x}=o;var c,b,m,T,y,k,w,N,B,j,A,~~L,P,V,~~q,S,g,H,f~~,C,E,F~~;const[O,R]=l.useState(),W=new t.TemplateCreatorHelper,U=new i.TemplateHelperUtils,z=[];return(null===(b=null===(c=null==O?void 0:O.ctaBtn)\|\|void 0===c?void 0:c.phoneNumber)\|\|void 0===b?void 0:b.isChecked)&&z.push({type:"phoneNumber",text:null!==(m=O.ctaBtn.phoneNumber.btnText)&&void 0!==m?m:"",extra:null!==(T=O.ctaBtn.phoneNumber.phoneNumber)&&void 0!==T?T:""}),(null===(k=null===(y=null==O?void 0:O.ctaBtn)\|\|void 0===y?void 0:y.websiteLinkBtn)\|\|void 0===k?void 0:k.isChecked)&&z.push({type:"website",text:null!==(w=O.ctaBtn.websiteLinkBtn.btnText)&&void 0!==w?w:"",extra:null!==(B=null===(N=O.ctaBtn.websiteLinkBtn)\|\|void 0===N?void 0:N.linkOpens)&&void 0!==B?B:"",placeholder:null!==(j=O.ctaBtn.websiteLinkBtn.placeholder)&&void 0!==j?j:""}),l.useEffect((()=>{d&&W.parseUITemplateFromDBFormat(~~d,!1,!d.htmlContentUrl~~).then((e=>{R(Object.assign({},e))}))}),[d]),d?~~d.htmlContentUrl?~~e.jsx(r.WhatsappLikePreview,{showHeader:v,containerPadding:"large"===x?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:u,textType:"html",bodyText:U.whatsappOnlyFillVariablesValueInBodyText(null!==(g=null==O?void 0:O.bodyText)&&void 0!==g?g:"",null!==(H=null==O?void 0:O.bodyVariables)&&void 0!==H?H:[],p),footerText:null==O?void 0:O.footerText,headerMediaType:(null==O?void 0:O.headerType)\|\|a.HEADER_TYPES.NONE,headerText:U.fillVariablesValInBodyText(null!==(f=null==O?void 0:O.headerText)&&void 0!==f?f:"",null!==(C=null==O?void 0:O.headerVariables)&&void 0!==C?C:[],p),headerAssetLink:null!==(E=null==O?void 0:O.headerAssetLink)&&void 0!==E?E:"",headerAssetName:null!==(F=null==O?void 0:O.headerAssetName)&&void 0!==F?F:"",quickReplybtn:null==O?void 0:O.quickReply,ctaBtn:z,actionTypes:null==O?void 0:O.actionsType,extras:s,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=h?h:e.jsx(e.Fragment,{children:" "})}):e.jsx(n.WhatsappLikePreviewV2,{showHeader:v,containerPadding:"large"===x?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:u,textType:"html",bodyText:null==O?void 0:O.bodyText,footerText:null==O?void 0:O.footerText,headerMediaType:(null==O?void 0:O.headerType)\|\|a.HEADER_TYPES.NONE,headerText:null==O?void 0:O.headerText,headerAssetLink:null!==(A~~=null==O~~?void 0:~~O.headerAssetLink)&&void 0!==~~A~~?A:"",headerAssetName:null!==(L=null==O?void 0:O~~.~~headerAssetName)&&void 0!==L?L:"",quickReplybtn:null==O?void 0:O.quickReply,ctaBtn:z,actionTypes:null==O?void 0:O.~~actionsType,extras:s,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=h?h:e.jsx(e.Fragment,{children:" "})~~,bodyVariableList:null!==(V=null===(P=null==O?void 0:O.bodyVariables)\|\|void 0===P?void 0:P.map((e=>{var l;return{placeholder:e.variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName~~}})~~))&&void 0!==V?V~~:~~[],headerVariableList:null!==(S=null===(q=null==O?void 0:O.headerVariables)\|\|void 0===q?void 0:q.map((~~e~~=>{var l;return{placeholder:e~~.~~variableName,value:null!==(l=e.variableVal)&&void 0!==l?l:e.variableName}})))&&void 0!==S?S:[]}):e.~~jsx(e.Fragment,{children:h})};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("./helpers/TemplateCreatorHelper.js"),i=require("./models/TemplateMeta.js"),n=require("./utils/TemplateHelperUtils.js"),r=require("./WhatsApp/WhatsAppLikePreview.js");exports.default=a=>{let{template:o,extras:d,containerStyle:s,usePlaceHolderName:u,showHeader:p,zeroStateComponent:v,size:h}=a;var x,c,m,b,T,y,B,w,k,j,N,q,H,L,P,f;const[A,S]=t.useState(),g=new l.TemplateCreatorHelper,C=new n.TemplateHelperUtils,F=[];return(null===(c=null===(x=null==A?void 0:A.ctaBtn)\|\|void 0===x?void 0:x.phoneNumber)\|\|void 0===c?void 0:c.isChecked)&&F.push({type:"phoneNumber",text:null!==(m=A.ctaBtn.phoneNumber.btnText)&&void 0!==m?m:"",extra:null!==(b=A.ctaBtn.phoneNumber.phoneNumber)&&void 0!==b?b:""}),(null===(y=null===(T=null==A?void 0:A.ctaBtn)\|\|void 0===T?void 0:T.websiteLinkBtn)\|\|void 0===y?void 0:y.isChecked)&&F.push({type:"website",text:null!==(B=A.ctaBtn.websiteLinkBtn.btnText)&&void 0!==B?B:"",extra:null!==(k=null===(w=A.ctaBtn.websiteLinkBtn)\|\|void 0===w?void 0:w.linkOpens)&&void 0!==k?k:"",placeholder:null!==(j=A.ctaBtn.websiteLinkBtn.placeholder)&&void 0!==j?j:""}),t.useEffect((()=>{o&&g.parseUITemplateFromDBFormat(o).then((e=>{S(Object.assign({},e))}))}),[o]),o?e.jsx(r.WhatsappLikePreview,{showHeader:p,containerPadding:"large"===h?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:s,textType:"html",bodyText:C.whatsappOnlyFillVariablesValueInBodyText(null!==(N=null==A?void 0:A.bodyText)&&void 0!==N?N:"",null!==(q=null==A?void 0:A.bodyVariables)&&void 0!==q?q:[],u),footerText:null==A?void 0:A.footerText,headerMediaType:(null==A?void 0:A.headerType)\|\|i.HEADER_TYPES.NONE,headerText:C.fillVariablesValInBodyText(null!==(H=null==A?void 0:A.headerText)&&void 0!==H?H:"",null!==(L=null==A?void 0:A.headerVariables)&&void 0!==L?L:[],u),headerAssetLink:null!==(P=null==A?void 0:A.headerAssetLink)&&void 0!==P?P:"",headerAssetName:null!==(f=null==A?void 0:A.headerAssetName)&&void 0!==f?f:"",quickReplybtn:null==A?void 0:A.quickReply,ctaBtn:F,actionTypes:null==A?void 0:A.actionsType,extras:d,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=v?v:e.jsx(e.Fragment,{children:" "})}):e.jsx(e.Fragment,{children:v})};

package/dist/cjs/components/template-preview/constants/regexPatterns.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=/\{\{[A-Za-z0-9 .]+\}\}/g,t=e;exports.editableBracketPattern=/[((\|))]/,exports.editableVarPattern=/$(\(\|\[)[A-Za-z0-9 ]+(\]\|$)\)/,exports.globalHalfVariablePattern=/\{\{[a-zA-Z0-9]+(?=( \|\}))(?!\}\})/g,exports.globalVariablePattern=e,exports.lockedVarPattern=/\[\[[A-Za-z0-9 .]+\]\]/,exports.placeHolderNamePattern=/(\[\[\|$\()(.)($\)\|\]\])/,exports.previewLinkMDFormatPattern=/\[([^[]+)\]($.$)/,exports.specialCharPattern=/[!@#$%^&*()_+\-={};':"\\\|,.<>?]+/,exports.templateVariablePattern=t,exports.variablePattern=/\{\{[A-Za-z0-9 ._]+\}\}/,exports.variablePatternGlobal=/\{\{[A-Za-z0-9 _]+\}\}/g;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=/\{\{[A-Za-z0-9 ]+\}\}/g,t=e;exports.editableBracketPattern=/[((\|))]/,exports.editableVarPattern=/$(\(\|\[)[A-Za-z0-9 ]+(\]\|$)\)/,exports.globalHalfVariablePattern=/\{\{[a-zA-Z0-9]+(?=( \|\}))(?!\}\})/g,exports.globalVariablePattern=e,exports.lockedVarPattern=/\[\[[A-Za-z0-9 ]+\]\]/,exports.placeHolderNamePattern=/(\[\[\|$\()(.)($\)\|\]\])/,exports.previewLinkMDFormatPattern=/\[([^[]+)\]($.$)/,exports.specialCharPattern=/[!@#$%^&*()_+\-={};':"\\\|,.<>?]+/,exports.templateVariablePattern=t,exports.variablePattern=/\{\{[A-Za-z0-9 _]+\}\}/,exports.variablePatternGlobal=/\{\{[A-Za-z0-9 _]+\}\}/g;

package/dist/cjs/components/template-preview/helpers/TemplateCreatorHelper.d.ts CHANGED Viewed

@@ -12,5 +12,5 @@ export declare class TemplateCreatorHelper {
     private parseBodyComponent;
     private parseFooterComponent;
     private parseButtonComponent;
-    parseUITemplateFromDBFormat(dbFormattedTemplate: WhatsAppTemplate, isDuplicate?: boolean, isV2?: boolean): Promise<CreateTemplateType>;
+    parseUITemplateFromDBFormat(dbFormattedTemplate: WhatsAppTemplate, isDuplicate?: boolean): Promise<CreateTemplateType>;
 }

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

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

package/dist/cjs/components/template-preview/index.d.ts CHANGED Viewed

@@ -2,9 +2,5 @@ import * as regexPatterns from './constants/regexPatterns';
 export { regexPatterns };
 export * from './TemplatePreview';
 export * from './WhatsApp/WhatsAppLikePreview';
-export * from './WhatsApp/WhatsAppLikePreviewV2';
 export * from './helpers/SmsTemplateHelper';
 export * from './helpers/WhatsAppFormatToHTML';
-export * from './helpers/VariableEditorHelper';
-export * from './models/EmailTemplate';
-export * from './models/TemplateMeta';

package/dist/cjs/components/template-preview/models/WhatsAppTemplate.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import React, { ReactElement } from 'react';
-import { variableType } from '../helpers/VariableEditorHelper';
 import { CHANNEL_TYPE } from './Channels';
 import { ACTIONS_TYPES, ButtonPlaceHolderOptions, CUSTOM_VARIABLE, HEADER_TYPES, QUICK_REPLY_BUTTON, TEMPLATE_STATUS } from './TemplateMeta';
 export type WhatsAppTemplate = {
@@ -169,9 +168,6 @@ export type WhatsappLikePreviewTypes = {
     imagePreviewStyles?: React.CSSProperties;
     size?: 'small' | 'large';
     zeroStateComponent: ReactElement<any, any>;
-    children?: React.ReactNode;
-    bodyVariableList?: variableType[];
-    headerVariableList?: variableType[];
 };
 export type WhatsappMeta = {
     containerStyle?: React.CSSProperties | undefined;

package/dist/cjs/components/toaster/Toaster.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ export type ToasterButtonProps = {
 export type ToasterProps = {
     text: string;
     position?: ToastPosition;
-    type?: 'info' | 'success' | 'error' | 'default' | 'warning';
+    type?: 'info' | 'success' | 'error' | 'default';
     closeOnClick?: boolean;
     hideProgressBar?: boolean;
     autoClose?: number | false | undefined;

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

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../../assets/icons/cross.svg.js"),e=require("react"),n=require("react-toastify"),s=require("./Toaster.styled.js"),i=require("../TypographyStyle.js"),r=require("../../constants/Theme.js");const l=e=>{const n="default"===e.type?r.COLORS.content.secondary:r.COLORS.content.secondaryInverse;return t.jsx("div",Object.assign({tabIndex:0,role:"button",style:{width:20,display:"flex",margin:"auto",cursor:"pointer"},onClick:e.closeToast,onKeyDown:t=>{"Enter"===t.key&&e.closeToast()}},{children:t.jsx(o.default,{height:20,width:20,color:n})}))},u=o=>{const e="default"===o.type?r.COLORS.stroke.primary:"success"===o.type?r.COLORS.background.positive.vibrant:"error"===o.type?r.COLORS.background.negative.vibrant:~~"warning"===o.type?~~r.COLORS.background.~~warning.vibrant:r.COLORS.background.~~inverseLight;return t.jsx(t.Fragment,{children:t.jsxs("div",Object.assign({style:{display:"flex",flexGrow:1,borderRight:o.hideCloseButton?"unset":`1px solid ${e}`}},{children:[t.jsx("div",Object.assign({style:{flexGrow:1,marginRight:o.showButton?16:o.hideCloseButton?0:12}},{children:t.jsx(i.BodyPrimary,Object.assign({color:"inherit"},{children:o.toastText}))})),o.showButton&&t.jsx(i.ButtonRegular,Object.assign({style:{marginRight:o.hideCloseButton?0:12,marginTop:"auto",marginBottom:"auto",display:"flex",cursor:"pointer"},onClick:o.onButtonClick,color:"default"===o.type?r.COLORS.content.brand:"inherit"},{children:o.buttonText}))]}))})};exports.Toaster=o=>(e.useEffect((()=>{var e,s,i,r,a,d;void 0!==o.hideLeftIcon\|\|o.leftIcon?n.toast(t.jsx(u,{toastText:o.text,type:o.type\|\|"info",buttonText:null===(e=o.buttonProps)\|\|void 0===e?void 0:e.buttonText,showButton:null===(s=o.buttonProps)\|\|void 0===s?void 0:s.showButton,onButtonClick:null===(i=o.buttonProps)\|\|void 0===i?void 0:i.onButtonClick,hideCloseButton:o.hideCloseButton}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),icon:t=>!1!==o.hideLeftIcon&&(o.leftIcon?o.leftIcon:null),type:o.type,closeButton:!o.hideCloseButton&&t.jsx(l,{type:o.type\|\|"default"})}):n.toast(t.jsx(u,{toastText:o.text,type:o.type\|\|"info",buttonText:null===(r=o.buttonProps)\|\|void 0===r?void 0:r.buttonText,showButton:null===(a=o.buttonProps)\|\|void 0===a?void 0:a.showButton,onButtonClick:null===(d=o.buttonProps)\|\|void 0===d?void 0:d.onButtonClick,hideCloseButton:o.hideCloseButton}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),type:o.type,closeButton:!o.hideCloseButton&&t.jsx(l,{type:o.type\|\|"info"})})}),[]),t.jsx(s.ToasterStyled,Object.assign({width:o.width,height:o.height},{children:t.jsx(n.ToastContainer,{position:o.position\|\|"top-right",closeOnClick:o.closeOnClick\|\|!1,hideProgressBar:o.hideProgressBar\|\|!1,draggable:!1,autoClose:o.autoClose\|\|!1,theme:"colored"})})));
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../../assets/icons/cross.svg.js"),e=require("react"),s=require("react-toastify"),n=require("./Toaster.styled.js"),i=require("../TypographyStyle.js"),r=require("../../constants/Theme.js");const l=e=>{const s="default"===e.type?r.COLORS.content.secondary:("success"===e.type\|\|e.type,r.COLORS.content.secondaryInverse);return t.jsx("div",Object.assign({tabIndex:0,role:"button",style:{width:20,display:"flex",margin:"auto",cursor:"pointer"},onClick:e.closeToast,onKeyDown:t=>{"Enter"===t.key&&e.closeToast()}},{children:t.jsx(o.default,{height:20,width:20,color:s})}))},u=o=>{const e="default"===o.type?r.COLORS.stroke.primary:"success"===o.type?r.COLORS.background.positive.vibrant:"error"===o.type?r.COLORS.background.negative.vibrant:r.COLORS.background.inverseLight;return t.jsx(t.Fragment,{children:t.jsxs("div",Object.assign({style:{display:"flex",flexGrow:1,borderRight:o.hideCloseButton?"unset":`1px solid ${e}`}},{children:[t.jsx("div",Object.assign({style:{flexGrow:1,marginRight:o.showButton?16:o.hideCloseButton?0:12}},{children:t.jsx(i.BodyPrimary,Object.assign({color:"inherit"},{children:o.toastText}))})),o.showButton&&t.jsx(i.ButtonRegular,Object.assign({style:{marginRight:o.hideCloseButton?0:12,marginTop:"auto",marginBottom:"auto",display:"flex",cursor:"pointer"},onClick:o.onButtonClick,color:"default"===o.type?r.COLORS.content.brand:"inherit"},{children:o.buttonText}))]}))})};exports.Toaster=o=>(e.useEffect((()=>{var e,n,i,r,a,c;void 0!==o.hideLeftIcon\|\|o.leftIcon?s.toast(t.jsx(u,{toastText:o.text,type:o.type\|\|"info",buttonText:null===(e=o.buttonProps)\|\|void 0===e?void 0:e.buttonText,showButton:null===(n=o.buttonProps)\|\|void 0===n?void 0:n.showButton,onButtonClick:null===(i=o.buttonProps)\|\|void 0===i?void 0:i.onButtonClick,hideCloseButton:o.hideCloseButton}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),icon:t=>!1!==o.hideLeftIcon&&(o.leftIcon?o.leftIcon:null),type:o.type,closeButton:!o.hideCloseButton&&t.jsx(l,{type:o.type\|\|"default"})}):s.toast(t.jsx(u,{toastText:o.text,type:o.type\|\|"info",buttonText:null===(r=o.buttonProps)\|\|void 0===r?void 0:r.buttonText,showButton:null===(a=o.buttonProps)\|\|void 0===a?void 0:a.showButton,onButtonClick:null===(c=o.buttonProps)\|\|void 0===c?void 0:c.onButtonClick,hideCloseButton:o.hideCloseButton}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),type:o.type,closeButton:!o.hideCloseButton&&t.jsx(l,{type:o.type\|\|"info"})})}),[]),t.jsx(n.ToasterStyled,Object.assign({width:o.width,height:o.height},{children:t.jsx(s.ToastContainer,{position:o.position\|\|"top-right",closeOnClick:o.closeOnClick\|\|!1,hideProgressBar:o.hideProgressBar\|\|!1,draggable:!1,autoClose:o.autoClose\|\|!1,theme:"colored"})})));

package/dist/cjs/components/toaster/Toaster.styled.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/styled/base"),c=require("../../constants/Theme.js");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const d=o(t).default("div","production"===process.env.NODE_ENV?{target:"e1tdeuzc0"}:{target:"e1tdeuzc0",label:"ToasterStyled"})("--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:",c.COLORS.background.inverse,";--toastify-color-success:",c.COLORS.content.positive,";--toastify-color-error:",c.COLORS.content.negative,";--toastify-~~color-warning:",c.COLORS.content.warning,";--toastify-~~text-color-light:",c.COLORS.content.primary,';--toastify-toast-width:"fit-content";--toastify-toast-min-height:',(t=>t.height\|\|"44px"),";--toastify-toast-max-height:",(t=>t.height\|\|"fit-content"),";font-family:inherit;.custom-position{position:relative;}.Toastify__toast{padding:6px;max-width:",(t=>t.width),";.Toastify__close-button{display:block;margin:auto;}.Toastify__toast-body{padding:0 6px;}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:",c.COLORS.content.brand,";}.Toastify__toast-body>div:last-child{display:flex;}}"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvYXN0ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFd0MiLCJmaWxlIjoiVG9hc3Rlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBUb2FzdGVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cblx0LS10b2FzdGlmeS1jb2xvci1saWdodDogI2ZmZjtcblx0LS10b2FzdGlmeS1jb2xvci1kYXJrOiAjMTIxMjEyO1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWluZm86ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZX07XG5cdC0tdG9hc3RpZnktY29sb3Itc3VjY2VzczogJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX07XG5cdC0tdG9hc3RpZnktY29sb3ItZXJyb3I6ICR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLXdhcm5pbmc6ICR7Q09MT1JTLmNvbnRlbnQud2FybmluZ307XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1saWdodDogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS10b2FzdC13aWR0aDogXCJmaXQtY29udGVudFwiO1xuXHQtLXRvYXN0aWZ5LXRvYXN0LW1pbi1oZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5oZWlnaHQgfHwgJzQ0cHgnfTtcblx0LS10b2FzdGlmeS10b2FzdC1tYXgtaGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0IHx8ICdmaXQtY29udGVudCd9O1xuXHRmb250LWZhbWlseTogaW5oZXJpdDtcblxuXHQuY3VzdG9tLXBvc2l0aW9uIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdH1cblx0LlRvYXN0aWZ5X190b2FzdCB7XG5cdFx0cGFkZGluZzogNnB4O1xuXHRcdG1heC13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLndpZHRofTtcblxuXHQuVG9hc3RpZnlfX2Nsb3NlLWJ1dHRvbiB7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0bWFyZ2luOiBhdXRvO1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1ib2R5e1xuXHRcdHBhZGRpbmc6IDAgNnB4O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0tZGVmYXVsdCB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuY29udGVudC5icmFuZH07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LWJvZHkgPiBkaXY6bGFzdC1jaGlsZCB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9VG9hc3Rlci5zdHlsZWQuanMubWFwIl19 /"));exports.ToasterStyled=d;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/styled/base"),c=require("../../constants/Theme.js");function b(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const o=b(t).default("div","production"===process.env.NODE_ENV?{target:"e1tdeuzc0"}:{target:"e1tdeuzc0",label:"ToasterStyled"})("--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:",c.COLORS.background.inverse,";--toastify-color-success:",c.COLORS.content.positive,";--toastify-color-error:",c.COLORS.content.negative,";--toastify-text-color-light:",c.COLORS.content.primary,';--toastify-toast-width:"fit-content";--toastify-toast-min-height:',(t=>t.height\|\|"44px"),";--toastify-toast-max-height:",(t=>t.height\|\|"fit-content"),";font-family:inherit;.custom-position{position:relative;}.Toastify__toast{padding:6px;max-width:",(t=>t.width),";.Toastify__close-button{display:block;margin:auto;}.Toastify__toast-body{padding:0 6px;}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:",c.COLORS.content.brand,";}.Toastify__toast-body>div:last-child{display:flex;}}"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvYXN0ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFd0MiLCJmaWxlIjoiVG9hc3Rlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBUb2FzdGVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cblx0LS10b2FzdGlmeS1jb2xvci1saWdodDogI2ZmZjtcblx0LS10b2FzdGlmeS1jb2xvci1kYXJrOiAjMTIxMjEyO1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWluZm86ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZX07XG5cdC0tdG9hc3RpZnktY29sb3Itc3VjY2VzczogJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX07XG5cdC0tdG9hc3RpZnktY29sb3ItZXJyb3I6ICR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9O1xuXHQtLXRvYXN0aWZ5LXRleHQtY29sb3ItbGlnaHQ6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdG9hc3Qtd2lkdGg6IFwiZml0LWNvbnRlbnRcIjtcblx0LS10b2FzdGlmeS10b2FzdC1taW4taGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0IHx8ICc0NHB4J307XG5cdC0tdG9hc3RpZnktdG9hc3QtbWF4LWhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodCB8fCAnZml0LWNvbnRlbnQnfTtcblx0Zm9udC1mYW1pbHk6IGluaGVyaXQ7XG5cblx0LmN1c3RvbS1wb3NpdGlvbiB7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR9XG5cdC5Ub2FzdGlmeV9fdG9hc3Qge1xuXHRcdHBhZGRpbmc6IDZweDtcblx0XHRtYXgtd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy53aWR0aH07XG5cblx0LlRvYXN0aWZ5X19jbG9zZS1idXR0b24ge1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdG1hcmdpbjogYXV0bztcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtYm9keXtcblx0XHRwYWRkaW5nOiAwIDZweDtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLWRlZmF1bHQge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1ib2R5ID4gZGl2Omxhc3QtY2hpbGQge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRvYXN0ZXIuc3R5bGVkLmpzLm1hcCJdfQ== /"));exports.ToasterStyled=o;

package/dist/cjs/components/tooltips/Tooltip.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("@tippyjs/react"),n=require("react"),r=require("./TooltipInternal.js"),o=require("../../constants/Theme.js");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=i(e),l=i(n);const p=`\n\t.tippy-content {\n~~\t\tpadding~~: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${t=>o.COLORS.content.primary};\n\t}\n~~\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n~~`;exports.Tooltip=e=>l.default.isValidElement(e.children)?t.jsxs(t.Fragment,{children:[t.jsx("style",{children:p}),t.jsx(a.default,Object.assign({~~appendTo:document.body,className:"overflow-wrap-tippy",~~placement:e.placement\|\|"right",maxWidth:e.width,animation:"fade",arrow:!0,interactive:!0,content:e.tooltipContent?e.tooltipContent:t.jsx(r.default,{title:e.title,body:e.body,buttonProps:e.buttonProps})},{children:e.children}))]}):null;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("@tippyjs/react"),n=require("react"),r=require("./TooltipInternal.js"),i=require("../../constants/Theme.js");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=o(e),l=o(n);const s=`\n .tippy-content {\n padding: 0px;\n }\n .tippy-arrow {\n \tcolor: ${t=>i.COLORS.content.primary};\n }\n`;exports.Tooltip=e=>l.default.isValidElement(e.children)?t.jsxs(t.Fragment,{children:[t.jsx("style",{children:s}),t.jsx(a.default,Object.assign({placement:e.placement\|\|"right",maxWidth:e.width,animation:"fade",arrow:!0,interactive:!0,content:e.tooltipContent?e.tooltipContent:t.jsx(r.default,{title:e.title,body:e.body,buttonProps:e.buttonProps})},{children:e.children}))]}):null;

package/dist/cjs/components/zeroState/ZeroState.js CHANGED Viewed

@@ -14,4 +14,4 @@
 	align-items: center;
 	justify-content: center;
 	border-radius: 24px;
-`;exports.ZeroState=t=>{let{subTitle:l,title:i,IconHolderStyle:a,style:d}=t;return e.jsxs(o,Object.assign({style:null!=d?d:{}},{children:[e.jsx(c,Object.assign({style:null!=a?a:{}},{children:e.jsx(s.default,{color:n.COLORS.content.placeholder,height:24,width:24})})),e.jsx(r.TitleRegular,Object.assign({style:{marginTop:8,color:n.COLORS.content.primary}},{children:null!=i?i:"No results found"})),!!l&&e.jsx(r.BodyCaption,Object.assign({style:{marginTop:4,color:n.COLORS.content.secondary,textAlign:"center",maxWidth:184}},{children:l}))]}))};
+`;exports.ZeroState=t=>{let{subTitle:l,title:i,IconHolderStyle:a,style:u}=t;return e.jsxs(o,Object.assign({style:null!=u?u:{}},{children:[e.jsx(c,Object.assign({style:null!=a?a:{}},{children:e.jsx(s.default,{color:n.COLORS.content.placeholder,height:24,width:24})})),e.jsx(r.TitleRegular,Object.assign({style:{marginTop:8,color:n.COLORS.content.primary}},{children:null!=i?i:"No results found"})),!!l&&e.jsx(r.BodyCaption,Object.assign({style:{marginTop:4,color:n.COLORS.content.secondary}},{children:l}))]}))};

package/dist/cjs/constants/Theme.d.ts CHANGED Viewed

@@ -92,11 +92,9 @@ export declare const COLORS: {
         };
         warning: {
             lightAlt: string;
-            vibrant: string;
         };
         positive: {
             lightAlt: string;
-            vibrant: string;
         };
         brandLightAlt: string;
         blue: {
@@ -372,11 +370,9 @@ export declare const DEFAULT_THEME: {
             };
             warning: {
                 lightAlt: string;
-                vibrant: string;
             };
             positive: {
                 lightAlt: string;
-                vibrant: string;
             };
             brandLightAlt: string;
             blue: {

package/dist/cjs/constants/Theme.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e={brand:{900:"#28034E",800:"#4B1583",500:"#731DCF",50:"#EFE6F9"},grayscale:{900:"#212121",700:"#616161",500:"#9E9E9E",400:"#BDBDBD",200:"#E0E0E0",100:"#F0F0F0",50:"#FAFAFA",white:"#FFFFFF",alpha:"#00000088"},negative:{900:"#B92321",700:"#D53434",100:"#FFCED4",50:"#FFEBEF"},warning:{900:"#99631B",500:"#FEC02D",100:"#FFEABE",50:"#FFF7E5"},positive:{900:"#00580E",700:"#1A872C",100:"#C3E4C4",50:"#E6F4E7"}},t={background:{inactive:e.grayscale[200],base:e.grayscale[100],inverse:e.brand[900],inverseLight:e.brand[800],brand:e.brand[500],brandLight:e.brand[50],negative:{vibrant:e.negative[700],light:e.negative[50]},warning:{vibrant:e.warning[500],light:e.warning[50]},positive:{vibrant:e.positive[700],light:e.positive[50]},blue:{light:"#E5F2FF"}},icon:{placeholder:"#9E9E9E"},scrim:{standard:"#00000099"},surface:{standard:e.grayscale.white,subdued:e.grayscale[50],hovered:e.grayscale[100]},content:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],inactive:e.grayscale[400],brand:e.brand[500],primaryInverse:e.grayscale.white,secondaryInverse:"#ffffffcc",negative:e.negative[900],warning:e.warning[900],positive:e.positive[900],blue:"#28458F"},stroke:{primary:e.grayscale[200],brand:e.brand[500],negative:{lightAlt:e.negative[100],vibrant:e.negative[700]},warning:{lightAlt:e.warning[100]~~,vibrant:e.warning[500]~~},positive:{lightAlt:e.positive[100]~~,vibrant:e.positive[700]~~},brandLightAlt:"#DDCCF0",blue:{lightAlt:"#C3D5E5"}},special:{whatsapp:{brand:"#25D366",gradient:"linear-gradient(360deg, #20B038 0%, #60D66A 100%)",dark:"#455A64",gradientArr:["#20B038","#60D66A"]},brand:{google:"#DD4B39",facebook:"#1877F2"}},text:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],disabled:e.grayscale[400],white:e.grayscale.white,brand:e.brand[500],altPrimary:e.brand[900],altSecondary:e.brand[800]}},i={display:{fontWeight:"400",fontSize:32,lineHeight:40,letterSpacing:0},titleXLarge:{fontWeight:"600",fontSize:32,lineHeight:40,letterSpacing:0},titleLarge:{fontWeight:"600",fontSize:28,lineHeight:40,letterSpacing:0},titleMedium:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},titleRegular:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},titleSmall:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},bodyPrimary:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodyLarge:{fontWeight:"400",fontSize:20,lineHeight:28,letterSpacing:0},bodySecondary:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},caption:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},tiny:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},subHeading:{fontWeight:"600",fontSize:10,lineHeight:12,letterSpacing:0},title1:{fontWeight:"600",fontSize:24,lineHeight:32,letterSpacing:0},title1Mobile:{fontWeight:"600",fontSize:20,lineHeight:30,letterSpacing:0},title2:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},title2Mobile:{fontWeight:"600",fontSize:18,lineHeight:24,letterSpacing:0},title3:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},title3Mobile:{fontWeight:"500",fontSize:14,lineHeight:20,letterSpacing:0},title4:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},textPlaceholder:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},title4Mobile:{fontWeight:"400",fontSize:10,lineHeight:16,letterSpacing:0},bodyRegularMobile:{fontWeight:"400",fontSize:14,lineHeight:18,letterSpacing:0},bodyRegular:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodySmall:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},buttonLarge:{fontWeight:"600",fontSize:16,lineHeight:20,letterSpacing:0},buttonRegular:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},captionMobile:{fontWeight:"500",fontSize:10,lineHeight:12,letterSpacing:0},captionBold:{fontWeight:"700",fontSize:12,lineHeight:16,letterSpacing:0},text1Bold:{fontWeight:"700",fontSize:10,lineHeight:14,letterSpacing:0},toast:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},toastMobile:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0}},n={colorsV2:t,fonts:i};exports.BASE_COLORS=e,exports.COLORS=t,exports.DEFAULT_THEME=n,exports.FONTS=i;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e={brand:{900:"#28034E",800:"#4B1583",500:"#731DCF",50:"#EFE6F9"},grayscale:{900:"#212121",700:"#616161",500:"#9E9E9E",400:"#BDBDBD",200:"#E0E0E0",100:"#F0F0F0",50:"#FAFAFA",white:"#FFFFFF",alpha:"#00000088"},negative:{900:"#B92321",700:"#D53434",100:"#FFCED4",50:"#FFEBEF"},warning:{900:"#99631B",500:"#FEC02D",100:"#FFEABE",50:"#FFF7E5"},positive:{900:"#00580E",700:"#1A872C",100:"#C3E4C4",50:"#E6F4E7"}},t={background:{inactive:e.grayscale[200],base:e.grayscale[100],inverse:e.brand[900],inverseLight:e.brand[800],brand:e.brand[500],brandLight:e.brand[50],negative:{vibrant:e.negative[700],light:e.negative[50]},warning:{vibrant:e.warning[500],light:e.warning[50]},positive:{vibrant:e.positive[700],light:e.positive[50]},blue:{light:"#E5F2FF"}},icon:{placeholder:"#9E9E9E"},scrim:{standard:"#00000099"},surface:{standard:e.grayscale.white,subdued:e.grayscale[50],hovered:e.grayscale[100]},content:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],inactive:e.grayscale[400],brand:e.brand[500],primaryInverse:e.grayscale.white,secondaryInverse:"#ffffffcc",negative:e.negative[900],warning:e.warning[900],positive:e.positive[900],blue:"#28458F"},stroke:{primary:e.grayscale[200],brand:e.brand[500],negative:{lightAlt:e.negative[100],vibrant:e.negative[700]},warning:{lightAlt:e.warning[100]},positive:{lightAlt:e.positive[100]},brandLightAlt:"#DDCCF0",blue:{lightAlt:"#C3D5E5"}},special:{whatsapp:{brand:"#25D366",gradient:"linear-gradient(360deg, #20B038 0%, #60D66A 100%)",dark:"#455A64",gradientArr:["#20B038","#60D66A"]},brand:{google:"#DD4B39",facebook:"#1877F2"}},text:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],disabled:e.grayscale[400],white:e.grayscale.white,brand:e.brand[500],altPrimary:e.brand[900],altSecondary:e.brand[800]}},i={display:{fontWeight:"400",fontSize:32,lineHeight:40,letterSpacing:0},titleXLarge:{fontWeight:"600",fontSize:32,lineHeight:40,letterSpacing:0},titleLarge:{fontWeight:"600",fontSize:28,lineHeight:32,letterSpacing:0},titleMedium:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},titleRegular:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},titleSmall:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},bodyPrimary:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodyLarge:{fontWeight:"400",fontSize:20,lineHeight:28,letterSpacing:0},bodySecondary:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},caption:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},tiny:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},subHeading:{fontWeight:"600",fontSize:10,lineHeight:12,letterSpacing:0},title1:{fontWeight:"600",fontSize:24,lineHeight:32,letterSpacing:0},title1Mobile:{fontWeight:"600",fontSize:20,lineHeight:30,letterSpacing:0},title2:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},title2Mobile:{fontWeight:"600",fontSize:18,lineHeight:24,letterSpacing:0},title3:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},title3Mobile:{fontWeight:"500",fontSize:14,lineHeight:20,letterSpacing:0},title4:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},textPlaceholder:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},title4Mobile:{fontWeight:"400",fontSize:10,lineHeight:16,letterSpacing:0},bodyRegularMobile:{fontWeight:"400",fontSize:14,lineHeight:18,letterSpacing:0},bodyRegular:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodySmall:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},buttonLarge:{fontWeight:"600",fontSize:16,lineHeight:20,letterSpacing:0},buttonRegular:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},captionMobile:{fontWeight:"500",fontSize:10,lineHeight:12,letterSpacing:0},captionBold:{fontWeight:"700",fontSize:12,lineHeight:16,letterSpacing:0},text1Bold:{fontWeight:"700",fontSize:10,lineHeight:14,letterSpacing:0},toast:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},toastMobile:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0}},n={colorsV2:t,fonts:i};exports.BASE_COLORS=e,exports.COLORS=t,exports.DEFAULT_THEME=n,exports.FONTS=i;

package/dist/cjs/index.d.ts CHANGED Viewed

@@ -12,6 +12,7 @@ export * from './components/tooltips';
 export * from './components/spinner';
 export * from './components/stepper';
 export * from './components/tag';
+export * from './components/pagination';
 export * from './components/icon-button';
 export * from './components/template-preview';
 export * from './components/template-context-mapper';
@@ -28,32 +29,6 @@ export * from './components/analytics-card';
 export * from './components/input';
 export * from './components/analytics-chips-and-dropdowns';
 export * from './components/avatar';
-export * from './components/alerts';
 export * from './components/thumbnail';
 export * from './components/curtain';
 export * from './components/datePicker';
-export * from './components/switch';
-export * from './components/plans';
-export * from './components/tabs';
-export * from './components/shimmer';
-export * from './components/TablePagination/';
-export * from './components/states-modal';
-export * from './components/states';
-export * from './components/WhatsAppTextEditor';
-export * from './helpers';
-export * from './components/card-selection-modal';
-export * from './components/image-cropper';
-export * from './components/buttonGroup';
-export * from './components/accordion';
-export * from './components/file-uploader';
-export * from './components/colourInput';
-export * from './components/bik-layout';
-export * from './components/searchBar';
-export * from './components/custom-date-time';
-export * from './components/product-picker';
-export * from './components/discount-modal';
-export * from './components/country-code-picker';
-export * from './components/shimmer-image';
-export * from './components/product-picker-v2';
-export * from './components/carousel';
-export * from './components/carousel-secondary';

package/dist/cjs/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/template-preview/constants/regexPatterns.js"),r=require("./utils/StringUtils.js"),t=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),n=require("./components/list-item/ListItem.js"),i=require("./components/pagination/Pagination.js"),p=require("./components/radioButton/RadioButton.js"),a=require("./components/toaster/Toaster.js"),s=require("./components/tooltips/Tooltip.js"),u=require("./components/spinner/Spinner.js"),c=require("./components/stepper/Stepper.js"),l=require("./components/tag/Tag.js"),d=require("./components/icon-button/IconButton.js"),m=require("./components/template-preview/TemplatePreview.js"),x=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),T=require("./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),P=require("./components/template-preview/helpers/SmsTemplateHelper.js"),S=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),y=require("./components/template-preview/helpers/VariableEditorHelper.js"),C=require("./components/template-preview/models/TemplateMeta.js"),A=require("./components/template-context-mapper/TemplateContextMapper.js"),O=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),E=require("./components/template-context-mapper/utils/validateIsUrl.js"),j=require("./components/fab-menu/FABMenu.js"),B=require("./components/floating-action-button/FloatingActionButton.js"),b=require("./components/floating-action-button/FloatingActionButton.styles.js"),h=require("./components/image-compress/ImageCompress.js"),g=require("./components/TypographyStyle.js"),R=require("./components/button/Button.js"),_=require("./components/progress-bar/ProgressBarComponent.js"),q=require("./components/QueryBuilder/QueryBuilder.js"),I=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),f=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),N=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),k=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),L=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),M=require("./components/modals/styledModal.js"),D=require("./components/dropdown/Dropdown.js"),w=require("./components/dropdown/DropdownPopover/index.js"),G=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),U=require("./components/dropdown/MenuItem/MenuItem.js"),H=require("./components/analytics-card/AnalyticsCard.js"),F=require("./components/analytics-card/AnalyticsCard.styled.js"),v=require("./components/input/Input.js"),V=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),W=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),Y=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),Q=require("./components/analytics-chips-and-dropdowns/AnalyticsMetric.js"),z=require("./components/analytics-chips-and-dropdowns/AnalyticsTrend.js"),K=require("./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),X=require("./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js"),Z=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),J=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),$=require("./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),ee=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),re=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),te=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),oe=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js"),ne=require("./components/avatar/Avatar.js"),ie=require("./components/alerts/Alert.js"),pe=require("./components/alerts/AlertHelper.js"),ae=require("./components/thumbnail/Thumbnail.js"),se=require("./components/curtain/Curtain.js"),ue=require("./components/datePicker/DatePicker.js"),ce=require("./components/switch/Switch.js"),le=require("./components/plans/SubscriptionPlan.js"),de=require("./components/plans/SubscriptionPlanSelector.js"),me=require("./components/tabs/Tabs.js"),xe=require("./components/shimmer/ShimmerComponent/BikShimmer.js"),Te=require("./components/TablePagination/TablePagination.js"),Pe=require("./components/TablePagination/TablePaginationCard.js"),Se=require("./components/states-modal/StateModalComponent.js"),ye=require("./components/states-modal/DeleteConfirmationModal.js"),Ce=require("./components/states/StateComponent.js"),Ae=require("./components/WhatsAppTextEditor/WhatsAppTextEditor.js"),Oe=require("./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),Ee=require("./helpers/BaseWhatsappContentLang.helper.js"),je=require("./components/card-selection-modal/CardSelectionModal.js"),Be=require("./components/image-cropper/BikImageCropper.js"),be=require("./components/image-cropper/BikImagePipeline/BikImagePipeline.js"),he=require("./components/buttonGroup/ButtonGroup.js"),ge=require("./components/accordion/Accordion.js"),Re=require("./components/file-uploader/FileUploader.js"),_e=require("./components/colourInput/ColourInput.js"),qe=require("./components/bik-layout/BikHeader.js"),Ie=require("./components/bik-layout/BikLayout.js"),fe=require("./components/bik-layout/BikProfile.js"),Ne=require("./components/bik-layout/SimpleSidebar.js"),ke=require("./components/bik-layout/BikSidebar.js"),Le=require("./components/bik-layout/FeatureModal.js"),Me=require("./components/bik-layout/SidebarSkeleton.js"),De=require("./components/searchBar/searchBar.js"),we=require("./components/custom-date-time/CustomDateTime.js"),Ge=require("./components/product-picker/ProductPickerModal.js"),Ue=require("./components/discount-modal/DiscountModal.js"),He=require("./components/discount-modal/CouponExpiration/CouponExpiration.js"),Fe=require("./components/discount-modal/type.js"),ve=require("./components/country-code-picker/CountryCodePicker.js"),Ve=require("./components/country-code-picker/CountryCodePicker.modal.js"),We=require("./components/shimmer-image/ShimmerImage.js"),Ye=require("./components/product-picker-v2/modal.js"),Qe=require("./components/carousel/carousel.js"),ze=require("./components/carousel-secondary/CarouselSecondary.js");exports.regexPatterns=e,exports.StringUtils=r.default,exports.BASE_COLORS=t.BASE_COLORS,exports.COLORS=t.COLORS,exports.DEFAULT_THEME=t.DEFAULT_THEME,exports.FONTS=t.FONTS,exports.CheckBox=o.CheckBox,exports.ListItem=n.ListItem,exports.Pagination=i.Pagination,exports.RadioButton=p.RadioButton,exports.Toaster=a.Toaster,exports.Tooltip=s.Tooltip,exports.Spinner=u.Spinner,exports.Stepper=c.Stepper,exports.Tag=l.Tag,exports.IconButton=d.IconButton,exports.TemplatePreview=m.TemplatePreview,exports.WhatsappLikePreview=x.WhatsappLikePreview,exports.WhatsappLikePreviewV2=T.WhatsappLikePreviewV2,exports.renderVariableUIForPreview=P.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=S.WhatsAppFormatToHTML,exports.VariableEditorHelper=y.VariableEditorHelper,Object.defineProperty(exports,"ACTIONS_TYPES",{enumerable:!0,get:function(){return C.ACTIONS_TYPES}}),exports.CUSTOM_URL_NAME=C.CUSTOM_URL_NAME,Object.defineProperty(exports,"HEADER_TYPES",{enumerable:!0,get:function(){return C.HEADER_TYPES}}),Object.defineProperty(exports,"TEMPLATE_EDITOR",{enumerable:!0,get:function(){return C.TEMPLATE_EDITOR}}),Object.defineProperty(exports,"TEMPLATE_STATUS",{enumerable:!0,get:function(){return C.TEMPLATE_STATUS}}),exports.TemplateContextMapper=A.TemplateContextMapper,exports.getAllDataFromTemplateComponent=O.getAllDataFromTemplateComponent,exports.validateIsUrl=E.validateIsUrl,exports.FABMenu=j.FABMenu,exports.FloatingActionButton=B.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return b.DROP_POSITION}}),exports.DropdownToggleContainer=b.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return b.FAB_POSITION}}),exports.FloatingActionButtonContainer=b.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=b.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return b.MENU_ALIGNMENT}}),exports.StyledDropdown=b.StyledDropdown,exports.TooltipStyled=b.TooltipStyled,exports.ImageService=h.ImageService,exports.BodyCaption=g.BodyCaption,exports.BodyLarge=g.BodyLarge,exports.BodyPrimary=g.BodyPrimary,exports.BodyPrimaryLink=g.BodyPrimaryLink,exports.BodyRegular=g.BodyRegular,exports.BodySecondary=g.BodySecondary,exports.BodySecondaryLink=g.BodySecondaryLink,exports.BodyTiny=g.BodyTiny,exports.ButtonLarge=g.ButtonLarge,exports.ButtonRegular=g.ButtonRegular,exports.Caption=g.Caption,exports.Display=g.Display,exports.SmallRegular=g.SmallRegular,exports.SubHeading=g.SubHeading,exports.TitleLarge=g.TitleLarge,exports.TitleMedium=g.TitleMedium,exports.TitleRegular=g.TitleRegular,exports.TitleSmall=g.TitleSmall,exports.Button=R.Button,exports.ProgressBarComponent=_.ProgressBarComponent,exports.ProgressCompletedBar=_.ProgressCompletedBar,exports.QueryBuilder=q.QueryBuilder,exports.BaseQueryBuilderNode=I.BaseQueryBuilderNode,exports.PropertyNode=f.PropertyNode,exports.PropertyNodeHeadless=f.PropertyNodeHeadless,exports.queryBuilderSlice=N.queryBuilderSlice,exports.queryBuilderCacheSlice=k.queryBuilderCacheSlice,Object.defineProperty(exports,"AD_STRING_OPERATORS",{enumerable:!0,get:function(){return L.AD_STRING_OPERATORS}}),Object.defineProperty(exports,"ANY_AD_OPERATORS",{enumerable:!0,get:function(){return L.ANY_AD_OPERATORS}}),Object.defineProperty(exports,"ANY_IG_OPERATORS",{enumerable:!0,get:function(){return L.ANY_IG_OPERATORS}}),Object.defineProperty(exports,"BOOLEAN_OPERATORS",{enumerable:!0,get:function(){return L.BOOLEAN_OPERATORS}}),Object.defineProperty(exports,"DATE_OPERATORS",{enumerable:!0,get:function(){return L.DATE_OPERATORS}}),Object.defineProperty(exports,"EVENT_VALUES",{enumerable:!0,get:function(){return L.EVENT_VALUES}}),Object.defineProperty(exports,"FREQUENCY_OPERATORS",{enumerable:!0,get:function(){return L.FREQUENCY_OPERATORS}}),Object.defineProperty(exports,"ICE_BREAKER_OPERATORS",{enumerable:!0,get:function(){return L.ICE_BREAKER_OPERATORS}}),Object.defineProperty(exports,"IG_STRING_OPERATORS",{enumerable:!0,get:function(){return L.IG_STRING_OPERATORS}}),Object.defineProperty(exports,"INTEGER_OPERATORS",{enumerable:!0,get:function(){return L.INTEGER_OPERATORS}}),Object.defineProperty(exports,"REACTION_OPERATORS",{enumerable:!0,get:function(){return L.REACTION_OPERATORS}}),Object.defineProperty(exports,"SPECIFIC_IG_OPERATORS",{enumerable:!0,get:function(){return L.SPECIFIC_IG_OPERATORS}}),Object.defineProperty(exports,"STRING_OPERATORS",{enumerable:!0,get:function(){return L.STRING_OPERATORS}}),exports.StyledModal=M.StyledModal,exports.Dropdown=D.Dropdown,exports.DropdownPopover=w.DropdownPopover,exports.OpenedDropdown=G.OpenedDropdown,exports.MenuItemDropdown=U.MenuItemDropdown,exports.AnalyticsCard=H.AnalyticsCard,exports.AnalyticsContainer=F.AnalyticsContainer,exports.CardDataContainer=F.CardDataContainer,exports.Input=v.Input,exports.AnalyticsChip=V.AnalyticsChip,exports.AnalyticsDropdown=W.AnalyticsDropdown,exports.EachItem=W.EachItem,exports.AnalyticsMultiChip=Y.AnalyticsMultiChip,exports.AnalyticsMetric=Q.AnalyticsMetric,exports.AnalyticsTrend=z.AnalyticsTrend,exports.LineChart=K.LineChart,exports.LinearChipGroupedChart=X.LinearChipGroupedChart,exports.Card=Z.Card,exports.PieChartAnalytics=Z.PieChartAnalytics,exports.PieChart=J.PieChart,exports.HorizontalGraph=$.HorizontalGraph,exports.StackedBarChart=ee.StackedBarChart,exports.VerticalGraph=re.VerticalGraph,Object.defineProperty(exports,"HEAT",{enumerable:!0,get:function(){return te.HEAT}}),exports.HEAT_COLORS=te.HEAT_COLORS,Object.defineProperty(exports,"HEAT_GRADING_TYPE",{enumerable:!0,get:function(){return te.HEAT_GRADING_TYPE}}),exports.HeatMap=te.HeatMap,exports.VerticalBarAndLinearGraph=oe.VerticalBarAndLinearGraph,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=ne.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=ne.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=ne.BACKGROUND_VS_TEXT_COLOR_MAP,exports.Alert=ie.Alert,Object.defineProperty(exports,"ALERT_TYPES",{enumerable:!0,get:function(){return pe.ALERT_TYPES}}),exports.COLOR_CONFIG_MAP=pe.COLOR_CONFIG_MAP,Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return ae.RATIO}}),exports.Thumbnail=ae.Thumbnail,exports.Curtain=se.Curtain,exports.DatePicker=ue.DatePicker,exports.Loader=ce.Loader,exports.Switch=ce.Switch,exports.SwitchContainer=ce.SwitchContainer,exports.Thumb=ce.Thumb,exports.SubscriptionPlan=le.SubscriptionPlan,exports.SubscriptionPlanSelector=de.SubscriptionPlanSelector,exports.TabItemComponent=me.TabItemComponent,exports.Tabs=me.Tabs,exports.BikShimmer=xe.BikShimmer,exports.TablePagination=Te.TablePagination,exports.TablePaginationCard=Pe.TablePaginationCard,exports.TablePaginationCardStyled=Pe.TablePaginationCardStyled,exports.StateModalComponent=Se.StateModalComponent,exports.DeleteConfirmationModal=ye.DeleteConfirmationModal,Object.defineProperty(exports,"ButtonActions",{enumerable:!0,get:function(){return Ce.ButtonActions}}),Object.defineProperty(exports,"ButtonTypes",{enumerable:!0,get:function(){return Ce.ButtonTypes}}),exports.StateComponent=Ce.StateComponent,Object.defineProperty(exports,"StateInterface",{enumerable:!0,get:function(){return Ce.StateInterface}}),exports.WhatsAppTextEditor=Ae.WhatsAppTextEditor,Object.defineProperty(exports,"EditorActionTypes",{enumerable:!0,get:function(){return Oe.EditorActionTypes}}),exports.WhatsAppTextEditorHeader=Oe.WhatsAppTextEditorHeader,exports.BaseWhatsappContentLangHelper=Ee.BaseWhatsappContentLangHelper,exports.CardSelectionModal=je.CardSelectionModal,exports.BikImageCropper=Be.BikImageCropper,exports.BikImagePipeline=be.BikImagePipeline,exports.ButtonGroup=he.ButtonGroup,exports.BikAccordion=ge.BikAccordion,exports.FileUploader=Re.FileUploader,exports.ColourInput=_e.ColourInput,exports.BikHeader=qe.BikHeader,exports.BikLayout=Ie.BikLayout,exports.BikProfile=fe.BikProfile,exports.SimpleSidebar=Ne.SimpleSidebar,exports.BikSidebar=ke.BikSidebar,exports.FeatureModal=Le.FeatureModal,exports.SidebarSkeleton=Me.SidebarSkeleton,exports.SearchBar=De.SearchBar,exports.CustomDateTime=we.CustomDateTime,exports.PricePleaseProductPicker=Ge.PricePleaseProductPicker,exports.ProductPickerContent=Ge.ProductPickerContent,exports.DiscountModal=Ue.DiscountModal,Object.defineProperty(exports,"COUPON_EXPIRATION",{enumerable:!0,get:function(){return He.COUPON_EXPIRATION}}),exports.CouponExpiration=He.CouponExpiration,Object.defineProperty(exports,"DISCOUNT_TARGET_SELECTION",{enumerable:!0,get:function(){return Fe.DISCOUNT_TARGET_SELECTION}}),Object.defineProperty(exports,"DISCOUNT_TARGET_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_TARGET_TYPES}}),Object.defineProperty(exports,"DISCOUNT_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_TYPES}}),Object.defineProperty(exports,"DISCOUNT_VALUE_TYPES",{enumerable:!0,get:function(){return Fe.DISCOUNT_VALUE_TYPES}}),Object.defineProperty(exports,"MIN_PURCHASE_REQUIREMENT",{enumerable:!0,get:function(){return Fe.MIN_PURCHASE_REQUIREMENT}}),exports.CountryCodePicker=ve.CountryCodePicker,exports.CountriesData=Ve.CountriesData,exports.ShimmerImage=We.ShimmerImage,exports.ProductPickerModal=Ye.ProductPickerModal,exports.Carousel=Qe.Carousel,exports.CarouselSecondary=ze.CarouselSecondary;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/template-preview/constants/regexPatterns.js"),r=require("./utils/StringUtils.js"),t=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),n=require("./components/list-item/ListItem.js"),p=require("./components/pagination/Pagination.js"),s=require("./components/radioButton/RadioButton.js"),i=require("./components/toaster/Toaster.js"),a=require("./components/tooltips/Tooltip.js"),u=require("./components/spinner/Spinner.js"),l=require("./components/stepper/Stepper.js"),c=require("./components/tag/Tag.js"),d=require("./components/icon-button/IconButton.js"),m=require("./components/template-preview/TemplatePreview.js"),x=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),y=require("./components/template-preview/helpers/SmsTemplateHelper.js"),T=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),O=require("./components/template-context-mapper/TemplateContextMapper.js"),A=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),B=require("./components/template-context-mapper/utils/validateIsUrl.js"),P=require("./components/fab-menu/FABMenu.js"),S=require("./components/floating-action-button/FloatingActionButton.js"),g=require("./components/floating-action-button/FloatingActionButton.styles.js"),C=require("./components/image-compress/ImageCompress.js"),R=require("./components/TypographyStyle.js"),j=require("./components/button/Button.js"),E=require("./components/progress-bar/ProgressBarComponent.js"),q=require("./components/QueryBuilder/QueryBuilder.js"),_=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),I=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),b=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),N=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),w=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),D=require("./components/modals/styledModal.js"),h=require("./components/dropdown/Dropdown.js"),L=require("./components/dropdown/DropdownPopover/index.js"),f=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),F=require("./components/analytics-card/AnalyticsCard.js"),M=require("./components/analytics-card/AnalyticsCard.styled.js"),v=require("./components/input/Input.js"),Q=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),U=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),k=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),G=require("./components/avatar/Avatar.js"),V=require("./components/thumbnail/Thumbnail.js"),H=require("./components/curtain/Curtain.js"),W=require("./components/datePicker/DatePicker.js");exports.regexPatterns=e,exports.StringUtils=r.default,exports.BASE_COLORS=t.BASE_COLORS,exports.COLORS=t.COLORS,exports.DEFAULT_THEME=t.DEFAULT_THEME,exports.FONTS=t.FONTS,exports.CheckBox=o.CheckBox,exports.ListItem=n.ListItem,exports.Pagination=p.Pagination,exports.RadioButton=s.RadioButton,exports.Toaster=i.Toaster,exports.Tooltip=a.Tooltip,exports.Spinner=u.Spinner,exports.Stepper=l.Stepper,exports.Tag=c.Tag,exports.IconButton=d.IconButton,exports.TemplatePreview=m.TemplatePreview,exports.WhatsappLikePreview=x.WhatsappLikePreview,exports.renderVariableUIForPreview=y.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=T.WhatsAppFormatToHTML,exports.TemplateContextMapper=O.TemplateContextMapper,exports.getAllDataFromTemplateComponent=A.getAllDataFromTemplateComponent,exports.validateIsUrl=B.validateIsUrl,exports.FABMenu=P.FABMenu,exports.FloatingActionButton=S.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return g.DROP_POSITION}}),exports.DropdownToggleContainer=g.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return g.FAB_POSITION}}),exports.FloatingActionButtonContainer=g.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=g.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return g.MENU_ALIGNMENT}}),exports.StyledDropdown=g.StyledDropdown,exports.TooltipStyled=g.TooltipStyled,exports.ImageService=C.ImageService,exports.BodyCaption=R.BodyCaption,exports.BodyLarge=R.BodyLarge,exports.BodyPrimary=R.BodyPrimary,exports.BodyPrimaryLink=R.BodyPrimaryLink,exports.BodyRegular=R.BodyRegular,exports.BodySecondary=R.BodySecondary,exports.BodySecondaryLink=R.BodySecondaryLink,exports.BodyTiny=R.BodyTiny,exports.ButtonLarge=R.ButtonLarge,exports.ButtonRegular=R.ButtonRegular,exports.Caption=R.Caption,exports.Display=R.Display,exports.SubHeading=R.SubHeading,exports.TitleLarge=R.TitleLarge,exports.TitleMedium=R.TitleMedium,exports.TitleRegular=R.TitleRegular,exports.TitleSmall=R.TitleSmall,exports.Button=j.Button,exports.ProgressBarComponent=E.ProgressBarComponent,exports.ProgressCompletedBar=E.ProgressCompletedBar,exports.QueryBuilder=q.QueryBuilder,exports.BaseQueryBuilderNode=_.BaseQueryBuilderNode,exports.PropertyNode=I.PropertyNode,exports.PropertyNodeHeadless=I.PropertyNodeHeadless,exports.queryBuilderSlice=b.queryBuilderSlice,exports.queryBuilderCacheSlice=N.queryBuilderCacheSlice,Object.defineProperty(exports,"ANY_IG_OPERATORS",{enumerable:!0,get:function(){return w.ANY_IG_OPERATORS}}),Object.defineProperty(exports,"BOOLEAN_OPERATORS",{enumerable:!0,get:function(){return w.BOOLEAN_OPERATORS}}),Object.defineProperty(exports,"DATE_OPERATORS",{enumerable:!0,get:function(){return w.DATE_OPERATORS}}),Object.defineProperty(exports,"EVENT_VALUES",{enumerable:!0,get:function(){return w.EVENT_VALUES}}),Object.defineProperty(exports,"FREQUENCY_OPERATORS",{enumerable:!0,get:function(){return w.FREQUENCY_OPERATORS}}),Object.defineProperty(exports,"INTEGER_OPERATORS",{enumerable:!0,get:function(){return w.INTEGER_OPERATORS}}),Object.defineProperty(exports,"REACTION_OPERATORS",{enumerable:!0,get:function(){return w.REACTION_OPERATORS}}),Object.defineProperty(exports,"SPECIFIC_IG_OPERATORS",{enumerable:!0,get:function(){return w.SPECIFIC_IG_OPERATORS}}),Object.defineProperty(exports,"STRING_OPERATORS",{enumerable:!0,get:function(){return w.STRING_OPERATORS}}),exports.StyledModal=D.StyledModal,exports.Dropdown=h.Dropdown,exports.DropdownPopover=L.DropdownPopover,exports.OpenedDropdown=f.OpenedDropdown,exports.AnalyticsCard=F.AnalyticsCard,exports.AnalyticsContainer=M.AnalyticsContainer,exports.CardDataContainer=M.CardDataContainer,exports.Input=v.Input,exports.AnalyticsChip=Q.AnalyticsChip,exports.AnalyticsDropdown=U.AnalyticsDropdown,exports.EachItem=U.EachItem,exports.AnalyticsMultiChip=k.AnalyticsMultiChip,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=G.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=G.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=G.BACKGROUND_VS_TEXT_COLOR_MAP,Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return V.RATIO}}),exports.Thumbnail=V.Thumbnail,exports.Curtain=H.Curtain,exports.DatePicker=W.DatePicker;

package/dist/esm/assets/icons/vertical_dots.svg.js CHANGED Viewed

	@@ -1 +1 @@
1	- import*as t from"react";var e;function r(){return r=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t},r.apply(this,arguments)}var a=a=>t.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"~~none~~",viewBox:"0 0 24 24"},a),e\|\|(e=t.createElement("path",{~~fill:"#212121",~~d:"~~M14~~ ~~5a2~~ 2 0 1 1-4 0 2 2 0 0 1 4 ~~0ZM14~~ ~~12a2~~ 2 0 1 1-4 0 2 2 0 0 1 4 ~~0ZM12~~ ~~21a2~~ 2 0 1 0 0-4 2 2 0 0 0 0 4Z"})));export{a as default};
1	+ import*as r from"react";var t;function e(){return e=Object.assign?Object.assign.bind():function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a])}return r},e.apply(this,arguments)}var a=a=>r.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 24 24"},a),t\|\|(t=r.createElement("path",{d:"M4 2a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM4 9a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM2 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"})));export{a as default};

package/dist/esm/bundle.css CHANGED Viewed

@@ -1,5 +1,3 @@
-.ReactCrop{position:relative;display:inline-block;cursor:crosshair;overflow:hidden;max-width:100%}.ReactCrop *,.ReactCrop *::before,.ReactCrop *::after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translate3d(0, 0, 0);cursor:move;box-shadow:0 0 0 9999em rgba(0,0,0,.5);border:1px dashed #fff}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%;box-shadow:0px 0px 1px 1px #fff,0 0 0 9999em rgba(0,0,0,.5)}.ReactCrop__crop-selection:focus{outline:none;border-color:blue;border-style:solid}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt::before,.ReactCrop__rule-of-thirds-vt::after,.ReactCrop__rule-of-thirds-hz::before,.ReactCrop__rule-of-thirds-hz::after{content:"";display:block;position:absolute;background-color:rgba(255,255,255,.4)}.ReactCrop__rule-of-thirds-vt::before,.ReactCrop__rule-of-thirds-vt::after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt::before{left:33.3333%;left:33.3333333333%}.ReactCrop__rule-of-thirds-vt::after{left:66.6666%;left:66.6666666667%}.ReactCrop__rule-of-thirds-hz::before,.ReactCrop__rule-of-thirds-hz::after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz::before{top:33.3333%;top:33.3333333333%}.ReactCrop__rule-of-thirds-hz::after{top:66.6666%;top:66.6666666667%}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle::after{position:absolute;content:"";display:block;width:10px;height:10px;background-color:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.7);outline:1px solid rgba(0,0,0,0)}.ReactCrop__drag-handle:focus::after{border-color:blue;background:#2dbfff}.ReactCrop .ord-nw{top:0;left:0;margin-top:-5px;margin-left:-5px;cursor:nw-resize}.ReactCrop .ord-nw::after{top:0;left:0}.ReactCrop .ord-n{top:0;left:50%;margin-top:-5px;margin-left:-5px;cursor:n-resize}.ReactCrop .ord-n::after{top:0}.ReactCrop .ord-ne{top:0;right:0;margin-top:-5px;margin-right:-5px;cursor:ne-resize}.ReactCrop .ord-ne::after{top:0;right:0}.ReactCrop .ord-e{top:50%;right:0;margin-top:-5px;margin-right:-5px;cursor:e-resize}.ReactCrop .ord-e::after{right:0}.ReactCrop .ord-se{bottom:0;right:0;margin-bottom:-5px;margin-right:-5px;cursor:se-resize}.ReactCrop .ord-se::after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;left:50%;margin-bottom:-5px;margin-left:-5px;cursor:s-resize}.ReactCrop .ord-s::after{bottom:0}.ReactCrop .ord-sw{bottom:0;left:0;margin-bottom:-5px;margin-left:-5px;cursor:sw-resize}.ReactCrop .ord-sw::after{bottom:0;left:0}.ReactCrop .ord-w{top:50%;left:0;margin-top:-5px;margin-left:-5px;cursor:w-resize}.ReactCrop .ord-w::after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:6px;margin-top:-3px}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:6px;height:100%;margin-right:-3px}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:6px;margin-bottom:-3px}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:6px;height:100%;margin-left:-3px}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar{display:none}.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:24px;height:24px}}
 @charset "UTF-8";/*!
  * Bootstrap  v5.2.3 (https://getbootstrap.com/)
  * Copyright 2011-2022 The Bootstrap Authors

package/dist/esm/components/QueryBuilder/Filters/Event/components/EventFilter.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as t,useEffect as a}from"react";import l from"../../../components/AllowedListDropdown.js";import i from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as n}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as d}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as u}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderConnectorType as v}from"../../../types/QueryBuilder.type.js";import{FREQUENCY_OPERATORS as p,DATE_OPERATORS as s}from"../../../types/QueryBuilderOperator.type.js";import y from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as c}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const m=new n,f=n=>{let{node:f,allowedNodes:T,apiHandler:_,mode:h,selectorKey:j}=n;var k,g,N,O,b,w,P,q,x,C,B,E,S,V,A,Q,D,M;const[L,$]=t([]),[J,W]=t(!1),{deleteProperty:G,createProperty:H,selectType:K,createMeta:R,updateMeta:z,updateProperty:F,selectPropertyJoinOperator:I,clearProperty:U}=d(j),{cacheWrap:X}=u(),[Y~~,Z]~~=~~t(!0),ee=~~null===(k=null==f?void 0:f.metas)\|\|void 0===k?void 0:k.find((e=>"date"===e.key)),oe=null===(g=null==f?void 0:f.metas)\|\|void 0===g?void 0:g.find((e=>"frequency"===e.key)),re=null===(N=null==f?void 0:f.metas)\|\|void 0===N?void 0:N.find((e=>"eventName"===e.key)),[te,ae]=t(!1),[le,ie]=t(!1),[ne~~,de~~]=t(!1),ue=e=>X((()=>_({query:{eventName:e}})),`EVENT_NAMES_${e}`),ve=(e,o)=>X((()=>_({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`);return a((()=>{X((()=>_({})),"EVENT_NAMES").then((e=>{~~Z(!1);~~const o=m.convertToGroupOptions(e,(null==re?void 0:re.value)?[re.value]:void 0);if("create"!==h&&re)return $([...o]),void W(!0);$([...o]),W(!0)}))}),[]),o(c,Object.assign({selectPropertyJoinOperator:I,node:f,addPropertyBtnText:(null==re?void 0:re.value)&&"Add event property",deleteProperty:G,createProperty:H,propertySelectorText:"Select property",fetchPropertyData:function(){return e(this,void 0,void 0,(function(){return yield ue(null==re?void 0:re.value)}))},onPropertyNameSelect:function(o,r){return e(this,void 0,void 0,(function(){F(Object.assign(Object.assign({},r),{name:o.id,dataType:o.type,operator:void 0,value:void 0,error:{}}),f._id);const e=yield ve(null==re?void 0:re.value,o.id);return null!=e?e:[]}))},onPropertyOperatorChange:function(e,o){F(Object.assign(Object.assign({},o),{operator:e,value:void 0,error:{}}),f._id)},onPropertyValueChange:function(e,o){F(Object.assign(Object.assign({},o),{value:e,error:{}}),f._id)},mode:h},{children:r("div",Object.assign({style:{flexDirection:"column",display:"flex",gap:12}},{children:[r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[o(l,{disabled:"view"===h,selectedType:f.type,allowedList:T,onSelect:function(e){ae(!0),setTimeout((()=>{K(e.value,f._id),ae(!1)}),1)}}),!te&&o(y,{~~isLoading:Y,~~disabled:"view"===h,width:"200px",dropdownLabel:"Select event name",options:L,~~selectedValues:(null==re?void 0:re.value)?[re.value]:void 0,~~onSelect:function(e){Array.isArray(e)\|\|(U(f._id),re?z({key:"eventName",value:e.value,error:{}},f._id):R({key:"eventName",value:e.value},f._id),oe?(ie(!0),setTimeout((()=>{z({key:"frequency",value:{dataType:v.frequency,operator:p.atleast~~,value:1~~},error:{}},f._id),ie(!1)}),1)):R({key:"frequency",value:{dataType:v.frequency,operator:p.atleast,value:1}},f._id),ee?(de(!0),setTimeout((()=>{z({key:"date",value:{dataType:v.date,operator:s["last month"]},error:{}},f._id),de(!1)}),1)):R({key:"date",value:{dataType:v.date,operator:s["last month"]}},f._id))},error:null!==(x=null!==(P=null===(w=null===(b=null===(O=f.metas)\|\|void 0===O?void 0:O[0])\|\|void 0===b?void 0:b.error)\|\|void 0===w?void 0:w.key)&&void 0!==P?P:null===(q=null==re?void 0:re.error)\|\|void 0===q?void 0:q.key)&&void 0!==x?x:null===(C=null==re?void 0:re.error)\|\|void 0===C?void 0:C.value})]})),(null==oe?void 0:oe.key)&&!le&&o(i,{disabled:"view"===h,extra:{},errors:{val:null===(E=null===(B=oe.error)\|\|void 0===B?void 0:B.value)\|\|void 0===E?void 0:E.value,operator:null===(V=null===(S=oe.error)\|\|void 0===S?void 0:S.value)\|\|void 0===V?void 0:V.operator},connectorVal:oe.value.value,connectorType:oe.value.dataType,defaultConnector:oe.value.operator,onOperatorChange:function(e){z({key:"frequency",value:{dataType:v.frequency,operator:e,value:1},error:{}},f._id)},onValueChange:function(e){var o;J&&z({key:"frequency",value:{dataType:v.frequency,operator:null===(o=null==oe?void 0:oe.value)\|\|void 0===o?void 0:o.operator,value:e},error:{}},f._id)}}),(null==ee?void 0:ee.key)&&!ne&&o(i,{disabled:"view"===h,extra:{},errors:{val:null===(Q=null===(A=ee.error)\|\|void 0===A?void 0:A.value)\|\|void 0===Q?void 0:Q.value,operator:null===(M=null===(D=ee.error)\|\|void 0===D?void 0:D.value)\|\|void 0===M?void 0:M.operator},connectorVal:ee.value.value,connectorType:ee.value.dataType,defaultConnector:ee.value.operator,onOperatorChange:function(e){z({key:"date",value:{dataType:v.date,operator:e,value:void 0},error:{}},f._id)},onValueChange:function(e){var o;J&&z({key:"date",value:{dataType:v.date,operator:null===(o=null==ee?void 0:ee.value)\|\|void 0===o?void 0:o.operator,value:e},error:{}},f._id)}})]}))}))};export{f as default};
1	+ import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as t,useEffect as a}from"react";import l from"../../../components/AllowedListDropdown.js";import n from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as i}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as d}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as u}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderConnectorType as v}from"../../../types/QueryBuilder.type.js";import{FREQUENCY_OPERATORS as p,DATE_OPERATORS as s}from"../../../types/QueryBuilderOperator.type.js";import y from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as c}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const m=new i,f=i=>{let{node:f,allowedNodes:T,apiHandler:_,mode:h,selectorKey:j}=i;var k,g,N,O,b,w,P,q,x,C,B,E,S,V,A,Q,D,M;const[L,$]=t([]),[J,R]=t(!1),{deleteProperty:W,createProperty:G,selectType:H,createMeta:K,updateMeta:z,updateProperty:F,selectPropertyJoinOperator:I,clearProperty:U}=d(j),{cacheWrap:X}=u(),Y=null===(k=null==f?void 0:f.metas)\|\|void 0===k?void 0:k.find((e=>"date"===e.key)),Z=null===(g=null==f?void 0:f.metas)\|\|void 0===g?void 0:g.find((e=>"frequency"===e.key)),ee=null===(N=null==f?void 0:f.metas)\|\|void 0===N?void 0:N.find((e=>"eventName"===e.key)),[oe,re]=t(!1),[te,ae]=t(!1),[le,ne]=t(!1),ie=e=>X((()=>_({query:{eventName:e}})),`EVENT_NAMES_${e}`),de=(e,o)=>X((()=>_({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`);return a((()=>{X((()=>_({})),"EVENT_NAMES").then((e=>{const o=m.convertToGroupOptions(e,(null==ee?void 0:ee.value)?[ee.value]:void 0);if("create"!==h&&ee)return $([...o]),void R(!0);$([...o]),R(!0)}))}),[]),o(c,Object.assign({selectPropertyJoinOperator:I,node:f,addPropertyBtnText:(null==ee?void 0:ee.value)&&"Add event property",deleteProperty:W,createProperty:G,propertySelectorText:"Select property",fetchPropertyData:function(){return e(this,void 0,void 0,(function(){return yield ie(null==ee?void 0:ee.value)}))},onPropertyNameSelect:function(o,r){return e(this,void 0,void 0,(function(){if(F(Object.assign(Object.assign({},r),{name:o.id,dataType:o.type,operator:void 0,value:void 0,error:{}}),f._id),!o.needValuesRetrieval)return[];const e=yield de(null==ee?void 0:ee.value,o.id);return null!=e?e:[]}))},onPropertyOperatorChange:function(e,o){F(Object.assign(Object.assign({},o),{operator:e,value:void 0,error:{}}),f._id)},onPropertyValueChange:function(e,o){F(Object.assign(Object.assign({},o),{value:e,error:{}}),f._id)},mode:h},{children:r("div",Object.assign({style:{flexDirection:"column",display:"flex",gap:12}},{children:[r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[o(l,{disabled:"view"===h,selectedType:f.type,allowedList:T,onSelect:function(e){re(!0),setTimeout((()=>{H(e.value,f._id),re(!1)}),1)}}),!oe&&o(y,{disabled:"view"===h,width:"200px",dropdownLabel:"Select event name",options:L,onSelect:function(e){Array.isArray(e)\|\|(U(f._id),ee?z({key:"eventName",value:e.value,error:{}},f._id):K({key:"eventName",value:e.value},f._id),Z?(ae(!0),setTimeout((()=>{z({key:"frequency",value:{dataType:v.frequency,operator:p.atleast},error:{}},f._id),ae(!1)}),1)):K({key:"frequency",value:{dataType:v.frequency,operator:p.atleast,value:1}},f._id),Y?(ne(!0),setTimeout((()=>{z({key:"date",value:{dataType:v.date,operator:s["last month"]},error:{}},f._id),ne(!1)}),1)):K({key:"date",value:{dataType:v.date,operator:s["last month"]}},f._id))},error:null!==(x=null!==(P=null===(w=null===(b=null===(O=f.metas)\|\|void 0===O?void 0:O[0])\|\|void 0===b?void 0:b.error)\|\|void 0===w?void 0:w.key)&&void 0!==P?P:null===(q=null==ee?void 0:ee.error)\|\|void 0===q?void 0:q.key)&&void 0!==x?x:null===(C=null==ee?void 0:ee.error)\|\|void 0===C?void 0:C.value})]})),(null==Z?void 0:Z.key)&&!te&&o(n,{disabled:"view"===h,extra:{},errors:{val:null===(E=null===(B=Z.error)\|\|void 0===B?void 0:B.value)\|\|void 0===E?void 0:E.value,operator:null===(V=null===(S=Z.error)\|\|void 0===S?void 0:S.value)\|\|void 0===V?void 0:V.operator},connectorVal:Z.value.value,connectorType:Z.value.dataType,defaultConnector:Z.value.operator,onOperatorChange:function(e){z({key:"frequency",value:{dataType:v.frequency,operator:e,value:1},error:{}},f._id)},onValueChange:function(e){var o;J&&z({key:"frequency",value:{dataType:v.frequency,operator:null===(o=null==Z?void 0:Z.value)\|\|void 0===o?void 0:o.operator,value:e},error:{}},f._id)}}),(null==Y?void 0:Y.key)&&!le&&o(n,{disabled:"view"===h,extra:{},errors:{val:null===(Q=null===(A=Y.error)\|\|void 0===A?void 0:A.value)\|\|void 0===Q?void 0:Q.value,operator:null===(M=null===(D=Y.error)\|\|void 0===D?void 0:D.value)\|\|void 0===M?void 0:M.operator},connectorVal:Y.value.value,connectorType:Y.value.dataType,defaultConnector:Y.value.operator,onOperatorChange:function(e){z({key:"date",value:{dataType:v.date,operator:e,value:void 0},error:{}},f._id)},onValueChange:function(e){var o;J&&z({key:"date",value:{dataType:v.date,operator:null===(o=null==Y?void 0:Y.value)\|\|void 0===o?void 0:o.operator,value:e},error:{}},f._id)}})]}))}))};export{f as default};

package/dist/esm/components/QueryBuilder/Filters/Segment/components/SegmentFilter.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as l,useEffect as r}from"react";import i from"../../../components/AllowedListDropdown.js";import{ApiResponseHelper as d}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as n}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as t}from"../../../hooks/useQueryBuilderCache.js";import s from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as a}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const u=new d,v=d=>{let{node:v,allowedNodes:p,apiHandler:c,mode:m,selectorKey:y}=d;var f,w,h,g,j,k,A,b,B;const{updateMeta:D,selectType:x,createMeta:L}=n(y),{cacheWrap:T}=t(),[I,N]=l(!1),[Q,S]=l([]),_=v.metas.find((e=>"segmentID"===e.key));return r((()=>{L({key:"segmentID"},v._id),T((()=>c({})),"SEGMENT_FILTER").then((e=>{if(e&&Array.isArray(e))S([...e.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==m&&(!!(null==_?void 0:_.value)&&_.value===e.id)})))]);else{const o=u.convertToGroupOptions(e,(null==_?void 0:_.value)?[_.value]:void 0);S([...o])}N(!1)}))}),[]),e(a,Object.assign({node:v,mode:m},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e(i,{disabled:"view"===m,loading:I,selectedType:v.type,allowedList:p,onSelect:function(e){Array.isArray(e)\|\|(N(!0),x(e.value,v._id))}}),(null===(w=null===(f=null==v?void 0:v.metas)\|\|void 0===f?void 0:f[0])\|\|void 0===w?void 0:w.key)&&e(s,{~~selectedValues:(null==_?void 0:_.value)?[_.value]:void 0,~~isLoading:I,disabled:"view"===m,width:"200px",dropdownLabel:"Select segment",options:Q,onSelect:function(e){Array.isArray(e)\|\|D({key:"segmentID",value:e.value,error:{}},v._id)},error:null!==(b=null!==(k=null===(j=null===(g=null===(h=v.metas)\|\|void 0===h?void 0:h[0])\|\|void 0===g?void 0:g.error)\|\|void 0===j?void 0:j.key)&&void 0!==k?k:null===(A=null==_?void 0:_.error)\|\|void 0===A?void 0:A.key)&&void 0!==b?b:null===(B=null==_?void 0:_.error)\|\|void 0===B?void 0:B.value})]}))}))};export{v as default};
1	+ import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as r,useEffect as i}from"react";import l from"../../../components/AllowedListDropdown.js";import{ApiResponseHelper as d}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as n}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as t}from"../../../hooks/useQueryBuilderCache.js";import s from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as a}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const u=new d,p=d=>{let{node:p,allowedNodes:v,apiHandler:m,mode:c,selectorKey:y}=d;var f,w,h,g,j,k,A,b,B;const{updateMeta:D,selectType:x,createMeta:L}=n(y),{cacheWrap:T}=t(),[I,N]=r(!1),[Q,S]=r([]),_=p.metas.find((e=>"segmentID"===e.key));return i((()=>{L({key:"segmentID"},p._id),T((()=>m({})),"SEGMENT_FILTER").then((e=>{if(e&&Array.isArray(e))S([...e.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==c&&(!!(null==_?void 0:_.value)&&_.value===e.id)})))]);else{const o=u.convertToGroupOptions(e,(null==_?void 0:_.value)?[_.value]:void 0);S([...o])}N(!1)}))}),[]),e(a,Object.assign({node:p,mode:c},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e(l,{disabled:"view"===c,loading:I,selectedType:p.type,allowedList:v,onSelect:function(e){Array.isArray(e)\|\|(N(!0),x(e.value,p._id))}}),(null===(w=null===(f=null==p?void 0:p.metas)\|\|void 0===f?void 0:f[0])\|\|void 0===w?void 0:w.key)&&e(s,{isLoading:I,disabled:"view"===c,width:"200px",dropdownLabel:"Select segment",options:Q,onSelect:function(e){Array.isArray(e)\|\|D({key:"segmentID",value:e.value,error:{}},p._id)},error:null!==(b=null!==(k=null===(j=null===(g=null===(h=p.metas)\|\|void 0===h?void 0:h[0])\|\|void 0===g?void 0:g.error)\|\|void 0===j?void 0:j.key)&&void 0!==k?k:null===(A=null==_?void 0:_.error)\|\|void 0===A?void 0:A.key)&&void 0!==b?b:null===(B=null==_?void 0:_.error)\|\|void 0===B?void 0:B.value})]}))}))};export{p as default};

package/dist/esm/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as r,jsxs as o}from"react/jsx-runtime";import t from"../../../components/AllowedListDropdown.js";import{PropertyNodeHeadless as i}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{useQueryBuilder as s}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as d}from"../../../hooks/useQueryBuilderCache.js";import{BaseQueryBuilderNode as a}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const n=n=>{let{node:p,allowedNodes:l,apiHandler:u,mode:c,selectorKey:y}=n;var m;const{selectType:v,createProperty:f,updateProperty:j}=s(y),{cacheWrap:g}=d(),P=e=>g((()=>u({query:{propertyName:e}})),`USER_PROPERTIES-${e}`);return r(a,Object.assign({node:p,mode:c},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"~~flex-start~~"}},{children:[r(t,{disabled:"view"===c,selectedType:p.type,allowedList:l,onSelect:e=>v(e.value,p._id)}),r(i,{mode:c,property:null===(m=null==p?void 0:p.properties)\|\|void 0===m?void 0:m[0],fetchPropertyData:()=>g((()=>u({})),"USER_PROPERTIES"),onPropertyNameSelect:function(r){var o,t;return e(this,void 0,void 0,(function*(){if((null===(o=p.properties)\|\|void 0===o?void 0:o[0])?j(Object.assign(Object.assign({},null===(t=p.properties)\|\|void 0===t?void 0:t[0]),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),p._id):f({name:r.id,dataType:r.type},p._id),r.needValuesRetrieval){const e=yield P(r.id);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){j(Object.assign(Object.assign({},p.properties[0]),{operator:e,value:void 0~~,error:{~~}}),p._id)},onPropertyValueChange:function(e){j(Object.assign(Object.assign({},p.properties[0]),{value:e~~,error:{~~}}),p._id)}})]}))}))};export{n as default};
1	+ import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as r,jsxs as o}from"react/jsx-runtime";import t from"../../../components/AllowedListDropdown.js";import{PropertyNodeHeadless as i}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{useQueryBuilder as s}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as d}from"../../../hooks/useQueryBuilderCache.js";import{BaseQueryBuilderNode as n}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const a=a=>{let{node:p,allowedNodes:l,apiHandler:u,mode:c,selectorKey:y}=a;var m;const{selectType:v,createProperty:f,updateProperty:j}=s(y),{cacheWrap:g}=d(),P=e=>g((()=>u({query:{propertyName:e}})),`USER_PROPERTIES-${e}`);return r(n,Object.assign({node:p,mode:c},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"center"}},{children:[r(t,{disabled:"view"===c,selectedType:p.type,allowedList:l,onSelect:e=>v(e.value,p._id)}),r(i,{mode:c,property:null===(m=null==p?void 0:p.properties)\|\|void 0===m?void 0:m[0],fetchPropertyData:()=>g((()=>u({})),"USER_PROPERTIES"),onPropertyNameSelect:function(r){var o,t;return e(this,void 0,void 0,(function*(){if((null===(o=p.properties)\|\|void 0===o?void 0:o[0])?j(Object.assign(Object.assign({},null===(t=p.properties)\|\|void 0===t?void 0:t[0]),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),p._id):f({name:r.id,dataType:r.type},p._id),r.needValuesRetrieval){const e=yield P(r.id);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){j(Object.assign(Object.assign({},p.properties[0]),{operator:e,value:void 0}),p._id)},onPropertyValueChange:function(e){j(Object.assign(Object.assign({},p.properties[0]),{value:e}),p._id)}})]}))}))};export{a as default};