@bikdotai/bik-component-library 0.0.569 → 0.0.570-beta-0

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../button/Button.js"),a=require("../TypographyStyle.js"),n=require("./EmailTemplatePreview.styled.js");const s="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c";exports.DEFAULT_IMAGE=s,exports.default=r=>{let{template:o,handleViewTemplate:i,hideHeader:l,hideViewButton:p,containerStyle:d,emailHtmlContainerId:c,emailDisplayContent:u,applyBorderBottom:m}=r;return e.jsxs(n.EmailContainer,Object.assign({hideHeader:l,style:Object.assign({},null!=d?d:{})},{children:[!l&&e.jsx(n.Header,{children:e.jsx(a.TitleRegular,Object.assign({style:{maxWidth:"100%"}},{children:o.name}))}),e.jsx(n.IframeContainer,Object.assign({applyBorderBottom:m},{children:u?e.jsx("iframe",{title:"Email template preview",id:null!=c?c:"",width:"100%",srcDoc:(x=u,x.replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{##orderProducts}}<\/span><span>\s*<\/span>/g,"").replace(/src="<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{product.photoUrl}}<\/span><span> <\/span>"/g,`src=${s}`).replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{\/\/orderProducts}}<\/span><span>\s*<\/span>/g,"").replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{##abandonedCartProducts}}<\/span><span>\s*<\/span>/g,"").replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{\/\/abandonedCartProducts}}<\/span><span>\s*<\/span>/g,"")),height:"100%",style:{pointerEvents:"none"}}):e.jsx(n.ImageContainer,Object.assign({hideHeader:l},{children:e.jsx(n.CardLoadingContainer,{})}))})),!p&&e.jsx(n.ViewButton,{children:e.jsx(t.Button,{buttonType:"tertiary",buttonText:"View",onClick:()=>{i&&i()}})})]}));var x};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../button/Button.js"),a=require("../TypographyStyle.js"),n=require("./EmailTemplatePreview.styled.js");const s="https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F9034204a-cbf9-4b93-8b28-ccf880d273f9?alt=media&token=318529b5-8df0-4644-85b0-40fff1dc1d5c";exports.DEFAULT_IMAGE=s,exports.default=r=>{let{template:o,handleViewTemplate:i,hideHeader:l,hideViewButton:p,containerStyle:d,emailHtmlContainerId:c,emailDisplayContent:u,applyBorderBottom:m,hidePointerEvents:h}=r;return e.jsxs(n.EmailContainer,Object.assign({hideHeader:l,style:Object.assign({},null!=d?d:{})},{children:[!l&&e.jsx(n.Header,{children:e.jsx(a.TitleRegular,Object.assign({style:{maxWidth:"100%"}},{children:o.name}))}),e.jsx(n.IframeContainer,Object.assign({applyBorderBottom:m},{children:u?e.jsx("iframe",{title:"Email template preview",id:null!=c?c:"",width:"100%",srcDoc:(x=u,x.replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{##orderProducts}}<\/span><span>\s*<\/span>/g,"").replace(/src="<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{product.photoUrl}}<\/span><span> <\/span>"/g,`src=${s}`).replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{\/\/orderProducts}}<\/span><span>\s*<\/span>/g,"").replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{##abandonedCartProducts}}<\/span><span>\s*<\/span>/g,"").replace(/<span><\/span><span style="color: #731DCF; text-decoration: underline;">{{\/\/abandonedCartProducts}}<\/span><span>\s*<\/span>/g,"")),height:"100%",style:{pointerEvents:h?void 0:"none"}}):e.jsx(n.ImageContainer,Object.assign({hideHeader:l},{children:e.jsx(n.CardLoadingContainer,{})}))})),!p&&e.jsx(n.ViewButton,{children:e.jsx(t.Button,{buttonType:"tertiary",buttonText:"View",onClick:()=>{i&&i()}})})]}));var x};

package/dist/cjs/components/template-preview/TemplatePreview.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
-import { WhatsAppCarouselTemplate } from "./models/WhatsappCarouselTemplate";
 import { CHANNEL_TYPE } from './models/Channels';
-import { EmailMeta, EmailTemplateType } from './models/EmailTemplate';
-import { SMSMeta, SMSTemplateType } from './models/SmsTemplate';
-import { WhatsappMeta, WhatsAppTemplate } from './models/WhatsAppTemplate';
+import { EmailMeta } from './models/EmailTemplate';
+import { SMSMeta } from './models/SmsTemplate';
+import { AllTemplateTypes } from './models/types';
+import { WebpushMetaType } from './models/WebpushTemplate';
+import { WhatsappMeta } from './models/WhatsAppTemplate';
 export interface TemplatePreviewProps {
-    template?: WhatsAppTemplate | SMSTemplateType | EmailTemplateType | WhatsAppCarouselTemplate;
+    template?: AllTemplateTypes;
     channel: CHANNEL_TYPE;
     onlyTemplateContent?: boolean;
     outsidePreview?: boolean;
@@ -21,5 +22,7 @@ export interface TemplatePreviewProps {
     isWhatsappCarousel?: boolean;
     isPreview?: boolean;
     applyBorderBottom?: boolean;
+    webPushSpecificMeta?: WebpushMetaType;
+    hidePointerEvents?: boolean;
 }
-export declare const TemplatePreview: ({ template, channel, whatsAppSpecificMeta, templateCreationsInfo, hideHeader, size, onlyTemplateContent, emailSpecificMeta, smsSpecificMeta, showSampleValues, carouselCardIndex, isWhatsappCarousel, isPreview, applyBorderBottom, }: TemplatePreviewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TemplatePreview: ({ template, channel, whatsAppSpecificMeta, templateCreationsInfo, hideHeader, size, onlyTemplateContent, emailSpecificMeta, smsSpecificMeta, showSampleValues, carouselCardIndex, isWhatsappCarousel, isPreview, applyBorderBottom, webPushSpecificMeta, hidePointerEvents, }: TemplatePreviewProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("../template-context-mapper/context/templateModalContext.js"),t=require("../../utils/StringUtils.js"),a=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),n=require("./EmailTemplateThumbnailPreview.js"),r=require("./models/Channels.js"),s=require("./SmsTemplatePreview.js"),o=require("./WhatsAppTemplatePreview.js");const d={WhatsAppWrapper:{backgroundColor:a.COLORS.surface.standard,borderRadius:4,border:`1px solid ${a.COLORS.background.inactive}`,marginTop:16}};exports.TemplatePreview=p=>{let{template:u,channel:m,whatsAppSpecificMeta:c,templateCreationsInfo:v,hideHeader:h,size:j,onlyTemplateContent:C,emailSpecificMeta:g,smsSpecificMeta:S,showSampleValues:y,carouselCardIndex:b,isWhatsappCarousel:x,isPreview:T,applyBorderBottom:O}=p;var w,P;const{setSelectedCarouselIndex:H}=l.useTemplateModalContext();return m===r.CHANNEL_TYPE.SMS?e.jsx("div",Object.assign({style:Object.assign({marginTop:v?16:0,border:v?`1px solid ${a.COLORS.stroke.primary}`:"none",borderRadius:4},null==S?void 0:S.templateContainerStyles)},{children:e.jsx(s.default,{template:u,hideHeader:h,onlyTemplateContent:C,size:null!=j?j:"large",variableStore:null==S?void 0:S.smsVariableStore,display_content:null==S?void 0:S.smsDisplayContent,uniqueId:null==S?void 0:S.uniqueId})})):m===r.CHANNEL_TYPE.EMAIL?e.jsx("div",Object.assign({style:Object.assign({marginTop:v?16:0},null==g?void 0:g.templateContainerStyles)},{children:e.jsx(n.default,{template:u,handleViewTemplate:()=>{var e;null===(e=null==g?void 0:g.handleViewTemplate)||void 0===e||e.call(g)},hideHeader:h,hideViewButton:null==g?void 0:g.hideViewButtonForEmail,containerStyle:null==g?void 0:g.containerStyle,emailDisplayContent:null==g?void 0:g.emailDisplayContent,emailHtmlContainerId:null==g?void 0:g.emailHtmlContainerId,applyBorderBottom:O})})):m===r.CHANNEL_TYPE.WHATSAPP?e.jsxs("div",Object.assign({style:Object.assign(Object.assign({},null==c?void 0:c.templateContainerStyles),v?d.WhatsAppWrapper:{}),onClick:()=>{var e,l;if(H&&x){if(-1===b&&!(null===(l=null===(e=null==u?void 0:u.mapping)||void 0===e?void 0:e.body)||void 0===l?void 0:l.length))return;H(null!=b?b:-1)}}},{children:[v?e.jsx("div",Object.assign({style:{padding:16}},{children:e.jsx(i.TitleRegular,{children:t.default.convertToTitleCase(null!==(w=null==u?void 0:u.label)&&void 0!==w?w:"")})})):e.jsx(e.Fragment,{}),e.jsx(o.default,{showSampleValues:y,showHeader:null==c?void 0:c.showWhatsAppHeader,extras:null==c?void 0:c.whatsAppExtras,template:u,size:v?"small":null!=j?j:"large",containerStyle:Object.assign(Object.assign({borderWidth:v?0:1,borderTopWidth:1},null!==(P=null==c?void 0:c.containerStyle)&&void 0!==P?P:{}),{height:"100%"}),zeroStateComponent:null==c?void 0:c.zeroStateComponent,usePlaceHolderName:null==c?void 0:c.usePlaceHolderName,carouselCardIndex:b,isWhatsappCarousel:x,isPreview:T})]})):e.jsx(e.Fragment,{})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("../template-context-mapper/context/templateModalContext.js"),t=require("../../utils/StringUtils.js"),i=require("../../constants/Theme.js"),a=require("../TypographyStyle.js"),n=require("./EmailTemplateThumbnailPreview.js"),s=require("./models/Channels.js"),r=require("./SmsTemplatePreview.js"),o=require("./webpush/WebpushPreview.js"),d=require("./WhatsAppTemplatePreview.js");const p={WhatsAppWrapper:{backgroundColor:i.COLORS.surface.standard,borderRadius:4,border:`1px solid ${i.COLORS.background.inactive}`,marginTop:16}};exports.TemplatePreview=u=>{let{template:m,channel:c,whatsAppSpecificMeta:v,templateCreationsInfo:h,hideHeader:j,size:C,onlyTemplateContent:b,emailSpecificMeta:S,smsSpecificMeta:g,showSampleValues:y,carouselCardIndex:x,isWhatsappCarousel:T,isPreview:P,applyBorderBottom:w,webPushSpecificMeta:O,hidePointerEvents:E}=u;var H,f;const{setSelectedCarouselIndex:A}=l.useTemplateModalContext();return c===s.CHANNEL_TYPE.SMS?e.jsx("div",Object.assign({style:Object.assign({marginTop:h?16:0,border:h?`1px solid ${i.COLORS.stroke.primary}`:"none",borderRadius:4},null==g?void 0:g.templateContainerStyles)},{children:e.jsx(r.default,{template:m,hideHeader:j,onlyTemplateContent:b,size:null!=C?C:"large",variableStore:null==g?void 0:g.smsVariableStore,display_content:null==g?void 0:g.smsDisplayContent,uniqueId:null==g?void 0:g.uniqueId})})):c===s.CHANNEL_TYPE.EMAIL?e.jsx("div",Object.assign({style:Object.assign({marginTop:h?16:0},null==S?void 0:S.templateContainerStyles)},{children:e.jsx(n.default,{template:m,handleViewTemplate:()=>{var e;null===(e=null==S?void 0:S.handleViewTemplate)||void 0===e||e.call(S)},hideHeader:j,hideViewButton:null==S?void 0:S.hideViewButtonForEmail,containerStyle:null==S?void 0:S.containerStyle,emailDisplayContent:null==S?void 0:S.emailDisplayContent,emailHtmlContainerId:null==S?void 0:S.emailHtmlContainerId,applyBorderBottom:w,hidePointerEvents:E})})):c===s.CHANNEL_TYPE.WHATSAPP?e.jsxs("div",Object.assign({style:Object.assign(Object.assign({},null==v?void 0:v.templateContainerStyles),h?p.WhatsAppWrapper:{}),onClick:()=>{var e,l;if(A&&T){if(-1===x&&!(null===(l=null===(e=null==m?void 0:m.mapping)||void 0===e?void 0:e.body)||void 0===l?void 0:l.length))return;A(null!=x?x:-1)}}},{children:[h?e.jsx("div",Object.assign({style:{padding:16}},{children:e.jsx(a.TitleRegular,{children:t.default.convertToTitleCase(null!==(H=null==m?void 0:m.label)&&void 0!==H?H:"")})})):e.jsx(e.Fragment,{}),e.jsx(d.default,{showSampleValues:y,showHeader:null==v?void 0:v.showWhatsAppHeader,extras:null==v?void 0:v.whatsAppExtras,template:m,size:h?"small":null!=C?C:"large",containerStyle:Object.assign(Object.assign({borderWidth:h?0:1,borderTopWidth:1},null!==(f=null==v?void 0:v.containerStyle)&&void 0!==f?f:{}),{height:"100%"}),zeroStateComponent:null==v?void 0:v.zeroStateComponent,usePlaceHolderName:null==v?void 0:v.usePlaceHolderName,carouselCardIndex:x,isWhatsappCarousel:T,isPreview:P})]})):c==s.CHANNEL_TYPE.WEBPUSH?e.jsx("div",Object.assign({style:Object.assign({},null==O?void 0:O.containerStyle)},{children:e.jsx(o.default,{template:m})})):e.jsx(e.Fragment,{})};

package/dist/cjs/components/template-preview/models/WebpushTemplate.d.ts

@@ -0,0 +1,57 @@
+/// <reference types="react" />
+import { CHANNEL_TYPE } from './Channels';
+import { CUSTOM_VARIABLE } from './TemplateMeta';
+import { TEMPLATE_BUTTON, WhatsAppPickerMeta, WhatsAppTemplateVariables } from './WhatsAppTemplate';
+export type WebpushTemplateType = {
+    name: string;
+    label: string;
+    templateId?: string;
+    channel: CHANNEL_TYPE;
+    templateCategory: string;
+    category: string;
+    mapping?: {
+        title?: string[];
+        body?: string[];
+        buttons?: string[];
+        icon?: string[];
+        image?: string[];
+    };
+    templateVariables?: WebpushTemplateVariables;
+    webpushBroadcastConfig?: {
+        [k in WEB_PUSH_COMPONENT_TYPE]?: string[];
+    };
+    components: WebPushTemplateComponent;
+    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
+};
+export type WebpushMetaType = {
+    containerStyle?: React.CSSProperties | undefined;
+};
+export declare enum WEB_PUSH_COMPONENT_TYPE {
+    TITLE = "title",
+    BODY = "body",
+    ICON = "icon",
+    IMAGE = "image",
+    BUTTONS = "buttons"
+}
+export type WebpushComponentKeyType = {
+    type: WEB_PUSH_COMPONENT_TYPE;
+};
+export type WebPushComponentType = {
+    text: string;
+    redirectionLink?: string;
+    websiteLink?: string;
+};
+export type WebPushTemplateComponent = {
+    [WEB_PUSH_COMPONENT_TYPE.TITLE]: string;
+    [WEB_PUSH_COMPONENT_TYPE.BODY]: WebPushComponentType;
+    [WEB_PUSH_COMPONENT_TYPE.ICON]: string;
+    [WEB_PUSH_COMPONENT_TYPE.IMAGE]: string;
+    [WEB_PUSH_COMPONENT_TYPE.BUTTONS]: WebPushComponentType[];
+};
+export interface WebpushTemplateVariables extends WhatsAppTemplateVariables {
+    title: CUSTOM_VARIABLE[];
+    body: CUSTOM_VARIABLE[];
+    buttons: TEMPLATE_BUTTON[];
+    image?: CUSTOM_VARIABLE[];
+    icon: CUSTOM_VARIABLE[];
+}

package/dist/cjs/components/template-preview/models/WebpushTemplate.js

@@ -0,0 +1 @@
+"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.WEB_PUSH_COMPONENT_TYPE=void 0,(e=exports.WEB_PUSH_COMPONENT_TYPE||(exports.WEB_PUSH_COMPONENT_TYPE={})).TITLE="title",e.BODY="body",e.ICON="icon",e.IMAGE="image",e.BUTTONS="buttons";

package/dist/cjs/components/template-preview/models/types.d.ts

@@ -0,0 +1,9 @@
+import { EmailTemplateType } from './EmailTemplate';
+import { SMSTemplateType } from './SmsTemplate';
+import { CUSTOM_VARIABLE } from './TemplateMeta';
+import { WebpushTemplateType, WebpushTemplateVariables } from './WebpushTemplate';
+import { WhatsAppCarouselTemplate, WhatsAppCarouselTemplateVariables } from './WhatsappCarouselTemplate';
+import { WhatsAppTemplate, WhatsAppTemplateVariables } from './WhatsAppTemplate';
+export type AllTemplateTypes = WhatsAppTemplate | EmailTemplateType | SMSTemplateType | WhatsAppCarouselTemplate | WebpushTemplateType | null;
+export type NonNullTemplateTypes = NonNullable<AllTemplateTypes>;
+export type AllTemplateVariables = CUSTOM_VARIABLE[] | WhatsAppTemplateVariables | WhatsAppCarouselTemplateVariables | WebpushTemplateVariables;

package/dist/cjs/components/template-preview/webpush/WebpushPreview.d.ts

@@ -0,0 +1,6 @@
+import { WebpushTemplateType } from '../models/WebpushTemplate';
+interface WebpushPreviewProps {
+    template: WebpushTemplateType;
+}
+declare const WebpushPreview: (props: WebpushPreviewProps) => import("react/jsx-runtime").JSX.Element;
+export default WebpushPreview;

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

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

package/dist/cjs/components/template-preview/webpush/WebpushPreview.styled.d.ts

@@ -0,0 +1 @@
+export declare const WebpushPreviewContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,70 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=i(e).default.div`
+	max-width: 345px;
+	min-width: 242px;
+	background-color: ${t.COLORS.content.primary};
+	.icon--header {
+		display: flex;
+		flex-direction: row;
+		justify-content: flex-start;
+		align-items: flex-start;
+		gap: 10px;
+		padding: 10px;
+	}
+	.icon-img-container {
+		border-radius: 4px;
+		width: 48px;
+		height: 48px;
+	}
+	.banner-img-container {
+		padding: 8px 10px 8px 10px;
+		height: 180px;
+	}
+	.text--container {
+		max-width: 180px;
+		color: #f0f0f0;
+		font-family: Inter;
+		font-size: 10.44px;
+		font-weight: 400;
+		line-height: 15.66px;
+		text-align: left;
+	}
+	img {
+		width: 100%;
+		height: 100%;
+		object-fit: cover;
+		border-radius: 3px;
+	}
+	.button-container {
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+		padding: 10px;
+		gap: 10px;
+	}
+	.each--btn {
+		background-color: #444345;
+		color: #f0f0f0;
+		display: flex;
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+		height: 26px;
+		flex: 1;
+		max-width: 100%;
+	}
+	.text-btn {
+		font-family: Inter;
+		font-size: 10.5px;
+		font-weight: 500;
+		line-height: 13.13px;
+		text-align: center;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		max-width: 100px;
+	}
+	.single-button {
+		justify-content: flex-end;
+	}
+`;exports.WebpushPreviewContainer=n;

package/dist/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./amplitude/index.js"),r=require("./components/template-preview/constants/regexPatterns.js"),t=require("./utils/StringUtils.js"),o=require("./constants/Theme.js"),n=require("./constants/zindex.js"),i=require("./components/checkBox/CheckBox.js"),a=require("./components/list-item/ListItem.js"),s=require("./components/pagination/Pagination.js"),p=require("./components/radioButton/RadioButton.js"),u=require("./components/toaster/Toaster.js"),c=require("./components/tooltips/Tooltip.js"),l=require("./components/spinner/Spinner.js"),d=require("./components/stepper/Stepper.js"),m=require("./components/tag/Tag.js"),x=require("./components/icon-button/IconButton.js"),T=require("./components/template-preview/TemplatePreview.js"),P=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),S=require("./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),A=require("./components/template-preview/helpers/SmsTemplateHelper.js"),C=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),y=require("./components/template-preview/helpers/VariableEditorHelper.js"),O=require("./components/template-preview/models/TemplateMeta.js"),b=require("./components/template-preview/models/WhatsAppTemplate.js"),E=require("./components/template-context-mapper/TemplateContextMapper.js"),j=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),R=require("./components/template-context-mapper/utils/validateIsUrl.js"),h=require("./components/fab-menu/FABMenu.js"),B=require("./components/floating-action-button/FloatingActionButton.js"),g=require("./components/floating-action-button/FloatingActionButton.styles.js"),_=require("./components/image-compress/ImageCompress.js"),I=require("./components/TypographyStyle.js"),q=require("./components/button/Button.js"),f=require("./components/progress-bar/ProgressBarComponent.js");require("react/jsx-runtime");var k=require("./components/progress-bar-v2/ProgressBarV2.js"),N=require("./components/QueryBuilder/QueryBuilder.js"),D=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),L=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),w=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),M=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),V=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),G=require("./components/modals/styledModal.js"),v=require("./components/dropdown/DropdownPopover/index.js"),U=require("./components/dropdown/Dropdown.js"),F=require("./components/dropdown/ChipDropdown.js"),H=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),W=require("./components/dropdown/MenuItem/MenuItem.js"),Y=require("./components/analytics-card/AnalyticsCard.js"),Q=require("./components/analytics-card/AnalyticsCard.styled.js"),K=require("./components/input/Input.js"),z=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),Z=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),X=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),J=require("./components/analytics-chips-and-dropdowns/AnalyticsMetric.js"),$=require("./components/analytics-chips-and-dropdowns/AnalyticsTrend.js"),ee=require("./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),re=require("./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js"),te=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),oe=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),ne=require("./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),ie=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),ae=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),se=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js"),pe=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),ue=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js"),ce=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),le=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),de=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js"),me=require("./components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),xe=require("./components/avatar/Avatar.js"),Te=require("./components/avatar/AvatarHelper.js"),Pe=require("./components/alerts/Alert.js"),Se=require("./components/alerts/AlertHelper.js"),Ae=require("./components/thumbnail/Thumbnail.js"),Ce=require("./components/curtain/Curtain.js"),ye=require("./components/datePicker/DatePicker.js"),Oe=require("./components/datePicker/DatePickerWrapper.js"),be=require("./components/switch/Switch.js"),Ee=require("./components/plans/SubscriptionPlan.js"),je=require("./components/plans/SubscriptionPlanSelector.js"),Re=require("./components/plans/NewSubscriptionPlan.js"),he=require("./components/plans/SubscriptionPlansCollected.js"),Be=require("./components/tabs/Tabs.js"),ge=require("./components/dynamic-tabs/DynamicTabs.js"),_e=require("./components/shimmer/ShimmerComponent/BikShimmer.js"),Ie=require("./components/TablePagination/TablePagination.js"),qe=require("./components/TablePagination/TablePaginationCard.js"),fe=require("./components/states-modal/StateModalComponent.js"),ke=require("./components/states-modal/DeleteConfirmationModal.js"),Ne=require("./components/states/StateComponent.js"),De=require("./components/states/ShopifyScopeWrapper.js"),Le=require("./components/WhatsAppTextEditor/WhatsAppTextEditor.js"),we=require("./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),Me=require("./helpers/BaseWhatsappContentLang.helper.js"),Ve=require("./components/curtain/CurtainHelper.js"),Ge=require("./utils/resizeImage.js"),ve=require("./components/variable-picker-v3/model.js"),Ue=require("./components/card-selection-modal/CardSelectionModal.js"),Fe=require("./components/image-cropper/BikImageCropper.js"),He=require("./components/image-cropper/BikImagePipeline/BikImagePipeline.js"),We=require("./components/buttonGroup/ButtonGroup.js"),Ye=require("./components/accordion/Accordion.js"),Qe=require("./components/file-uploader/FileUploader.js"),Ke=require("./components/colourInput/ColourInput.js"),ze=require("./components/bik-layout/BikHeader.js"),Ze=require("./components/bik-layout/BikLayout.js"),Xe=require("./components/bik-layout/BikProfile.js"),Je=require("./components/bik-layout/SimpleSidebar.js"),$e=require("./components/bik-layout/BikSidebar.js"),er=require("./components/bik-layout/FeatureModal.js"),rr=require("./components/bik-layout/SidebarSkeleton.js"),tr=require("./components/bik-layout/ShowShopifyRestrictedModal.js"),or=require("./components/bik-layout/FeatureModalV2.js"),nr=require("./components/searchBar/searchBar.js"),ir=require("./components/custom-date-time/CustomDateTime.js"),ar=require("./components/product-picker/ProductPickerModal.js"),sr=require("./components/discount-modal/DiscountModal.js"),pr=require("./components/discount-modal/CouponExpiration/CouponExpiration.js"),ur=require("./components/discount-modal/type.js"),cr=require("./components/country-code-picker/CountryCodePicker.js"),lr=require("./components/country-code-picker/CountryCodePicker.modal.js"),dr=require("./components/shimmer-image/ShimmerImage.js"),mr=require("./components/product-picker-v2/modal.js"),xr=require("./components/carousel/carousel.js"),Tr=require("./components/carousel-secondary/CarouselSecondary.js"),Pr=require("./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js"),Sr=require("./components/radioList/RadioList.js"),Ar=require("./components/checkList/CheckList.js"),Cr=require("./components/postPicker/postPicker.js"),yr=require("./components/dropdown-button/DropdownButton.js"),Or=require("./components/side-modal/SideModal.js"),br=require("./components/keywords-input/KeywordsInput.js"),Er=require("./components/add-variableV2/AddVariableV2SideModal.js"),jr=require("./components/add-variableV2/AddVariableV2.js"),Rr=require("./components/navigation-hyperlink/NavigationHyperlink.js"),hr=require("./components/SearchFilter/index.js"),Br=require("./components/input-with-vars/InputWithVariables.js"),gr=require("./components/dashboard-review-popup/DashboardReviewPopUp.js"),_r=require("./components/star-rating/StarRating.js"),Ir=require("./components/testimonial-card/TestimonialCard.js"),qr=require("./components/slider/slider.js"),fr=require("./components/resizeImage/index.js"),kr=require("./utils/validator.js"),Nr=require("./components/carousel-preview/CarouselPreview.js"),Dr=require("./components/floater/floater.js"),Lr=require("./components/card-selector/CardSelector.js"),wr=require("./components/card-selector/CardSelectorGroup.js"),Mr=require("./components/variable-picker-v3/VariablePicker.js"),Vr=require("./components/action-button/ActionButtons.js"),Gr=require("./components/ai-modals/ActivateBikAI.js"),vr=require("./components/ai-modals/AiSyncProgress.js"),Ur=require("./components/ai-modals/AiCreditsExhausted.js"),Fr=require("./components/ai-modals/AiCreditsLow.js"),Hr=require("./components/input-with-vars/customPortal.js");exports.AmplitudeEvent=e.AmplitudeEvent,exports.regexPatterns=r,exports.StringUtils=t.default,exports.BASE_COLORS=o.BASE_COLORS,exports.COLORS=o.COLORS,exports.DEFAULT_THEME=o.DEFAULT_THEME,exports.FONTS=o.FONTS,exports.ComponentZindex=n.ComponentZindex,exports.CheckBox=i.CheckBox,exports.ListItem=a.ListItem,exports.Pagination=s.Pagination,exports.RadioButton=p.RadioButton,exports.Toaster=u.Toaster,exports.Tooltip=c.Tooltip,exports.PureSpinner=l.PureSpinner,exports.Spinner=l.Spinner,exports.Stepper=d.Stepper,exports.Tag=m.Tag,exports.IconButton=x.IconButton,exports.TemplatePreview=T.TemplatePreview,exports.WhatsappLikePreview=P.WhatsappLikePreview,exports.WhatsappLikePreviewV2=S.WhatsappLikePreviewV2,exports.renderVariableUIForPreview=A.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=C.WhatsAppFormatToHTML,exports.VariableEditorHelper=y.VariableEditorHelper,Object.defineProperty(exports,"ACTIONS_TYPES",{enumerable:!0,get:function(){return O.ACTIONS_TYPES}}),exports.CUSTOM_URL_NAME=O.CUSTOM_URL_NAME,Object.defineProperty(exports,"HEADER_TYPES",{enumerable:!0,get:function(){return O.HEADER_TYPES}}),Object.defineProperty(exports,"TEMPLATE_EDITOR",{enumerable:!0,get:function(){return O.TEMPLATE_EDITOR}}),Object.defineProperty(exports,"TEMPLATE_STATUS",{enumerable:!0,get:function(){return O.TEMPLATE_STATUS}}),Object.defineProperty(exports,"BUTTON_TYPE",{enumerable:!0,get:function(){return b.BUTTON_TYPE}}),Object.defineProperty(exports,"POD",{enumerable:!0,get:function(){return b.POD}}),exports.TemplateContextMapper=E.TemplateContextMapper,exports.getAllDataFromTemplateComponent=j.getAllDataFromTemplateComponent,exports.isVariable=R.isVariable,exports.validateIsUrl=R.validateIsUrl,exports.FABMenu=h.FABMenu,exports.FloatingActionButton=B.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=_.ImageService,exports.AiBodyCaption=I.AiBodyCaption,exports.AiBodyTiny=I.AiBodyTiny,exports.BodyCaption=I.BodyCaption,exports.BodyLarge=I.BodyLarge,exports.BodyPrimary=I.BodyPrimary,exports.BodyPrimaryLink=I.BodyPrimaryLink,exports.BodyRegular=I.BodyRegular,exports.BodySecondary=I.BodySecondary,exports.BodySecondaryLink=I.BodySecondaryLink,exports.BodySmall=I.BodySmall,exports.BodyTiny=I.BodyTiny,exports.ButtonLarge=I.ButtonLarge,exports.ButtonLargeAI=I.ButtonLargeAI,exports.ButtonRegular=I.ButtonRegular,exports.ButtonRegularAI=I.ButtonRegularAI,exports.Caption=I.Caption,exports.CaptionBold=I.CaptionBold,exports.Display=I.Display,exports.SmallRegular=I.SmallRegular,exports.SubHeading=I.SubHeading,exports.TextPlaceholder=I.TextPlaceholder,exports.Tiny=I.Tiny,exports.TitleFour=I.TitleFour,exports.TitleLarge=I.TitleLarge,exports.TitleMedium=I.TitleMedium,exports.TitleRegular=I.TitleRegular,exports.TitleSmall=I.TitleSmall,exports.TitleXlarge=I.TitleXlarge,exports.Button=q.Button,exports.ProgressBarComponent=f.ProgressBarComponent,exports.ProgressCompletedBar=f.ProgressCompletedBar,Object.defineProperty(exports,"ProgressBarType",{enumerable:!0,get:function(){return k.ProgressBarType}}),exports.ProgressBarV2=k.ProgressBarV2,Object.defineProperty(exports,"TextAlignment",{enumerable:!0,get:function(){return k.TextAlignment}}),exports.QueryBuilder=N.QueryBuilder,exports.BaseQueryBuilderNode=D.BaseQueryBuilderNode,exports.PropertyNode=L.PropertyNode,exports.PropertyNodeHeadless=L.PropertyNodeHeadless,exports.queryBuilderSlice=w.queryBuilderSlice,exports.queryBuilderCacheSlice=M.queryBuilderCacheSlice,Object.defineProperty(exports,"AD_STRING_OPERATORS",{enumerable:!0,get:function(){return V.AD_STRING_OPERATORS}}),Object.defineProperty(exports,"ANY_AD_OPERATORS",{enumerable:!0,get:function(){return V.ANY_AD_OPERATORS}}),Object.defineProperty(exports,"ANY_IG_OPERATORS",{enumerable:!0,get:function(){return V.ANY_IG_OPERATORS}}),Object.defineProperty(exports,"BOOLEAN_OPERATORS",{enumerable:!0,get:function(){return V.BOOLEAN_OPERATORS}}),Object.defineProperty(exports,"DATE_OPERATORS",{enumerable:!0,get:function(){return V.DATE_OPERATORS}}),Object.defineProperty(exports,"EVENT_VALUES",{enumerable:!0,get:function(){return V.EVENT_VALUES}}),Object.defineProperty(exports,"EXACTLY_OPERATORS",{enumerable:!0,get:function(){return V.EXACTLY_OPERATORS}}),Object.defineProperty(exports,"FREQUENCY_OPERATORS",{enumerable:!0,get:function(){return V.FREQUENCY_OPERATORS}}),Object.defineProperty(exports,"ICE_BREAKER_OPERATORS",{enumerable:!0,get:function(){return V.ICE_BREAKER_OPERATORS}}),Object.defineProperty(exports,"IG_STRING_OPERATORS",{enumerable:!0,get:function(){return V.IG_STRING_OPERATORS}}),Object.defineProperty(exports,"INTEGER_OPERATORS",{enumerable:!0,get:function(){return V.INTEGER_OPERATORS}}),Object.defineProperty(exports,"MAIL_SUBJECT_OPERATORS",{enumerable:!0,get:function(){return V.MAIL_SUBJECT_OPERATORS}}),Object.defineProperty(exports,"REACTION_OPERATORS",{enumerable:!0,get:function(){return V.REACTION_OPERATORS}}),Object.defineProperty(exports,"SPECIFIC_IG_OPERATORS",{enumerable:!0,get:function(){return V.SPECIFIC_IG_OPERATORS}}),Object.defineProperty(exports,"STRING_OPERATORS",{enumerable:!0,get:function(){return V.STRING_OPERATORS}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS",{enumerable:!0,get:function(){return V.STRING_RESTRICTED_OPERATORS}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS_2",{enumerable:!0,get:function(){return V.STRING_RESTRICTED_OPERATORS_2}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS_3",{enumerable:!0,get:function(){return V.STRING_RESTRICTED_OPERATORS_3}}),exports.StyledModal=G.StyledModal,exports.DropdownPopover=v.DropdownPopover,exports.Dropdown=U.Dropdown,exports.ChipDropdown=F.ChipDropdown,exports.OpenedDropdown=H.OpenedDropdown,exports.MenuItemDropdown=W.MenuItemDropdown,exports.AnalyticsCard=Y.AnalyticsCard,exports.AnalyticsContainer=Q.AnalyticsContainer,exports.CardDataContainer=Q.CardDataContainer,exports.Input=K.Input,exports.AnalyticsChip=z.AnalyticsChip,exports.AnalyticsDropdown=Z.AnalyticsDropdown,exports.EachItem=Z.EachItem,exports.formatDate=Z.formatDate,exports.AnalyticsMultiChip=X.AnalyticsMultiChip,exports.AnalyticsMetric=J.AnalyticsMetric,exports.AnalyticsTrend=$.AnalyticsTrend,exports.LineChart=ee.LineChart,exports.LinearChipGroupedChart=re.LinearChipGroupedChart,exports.Card=te.Card,exports.PieChartAnalytics=te.PieChartAnalytics,exports.PieChart=oe.PieChart,exports.HorizontalGraph=ne.HorizontalGraph,exports.StackedBarChart=ie.StackedBarChart,exports.StackedBarDistributionChart=ae.StackedBarDistributionChart,Object.defineProperty(exports,"GRAPH_ORIENTATION",{enumerable:!0,get:function(){return se.GRAPH_ORIENTATION}}),exports.VerticalGraph=pe.VerticalGraph,exports.FunnelVerticalBarGraph=ue.FunnelVerticalBarGraph,Object.defineProperty(exports,"HEAT",{enumerable:!0,get:function(){return ce.HEAT}}),exports.HEAT_COLORS=ce.HEAT_COLORS,Object.defineProperty(exports,"HEAT_GRADING_TYPE",{enumerable:!0,get:function(){return ce.HEAT_GRADING_TYPE}}),exports.HeatMap=ce.HeatMap,exports.HeatBoxStyled=le.HeatBoxStyled,exports.HeatMapVertical=le.HeatMapVertical,exports.VerticalBarAndLinearGraph=de.VerticalBarAndLinearGraph,exports.calculatePercentage=me.calculatePercentage,exports.roundNumber=me.roundNumber,exports.truncateValueTo10K=me.truncateValueTo10K,exports.truncateValueToK=me.truncateValueToK,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=xe.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=xe.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=xe.BACKGROUND_VS_TEXT_COLOR_MAP,Object.defineProperty(exports,"AVATAR_BACKGROUND",{enumerable:!0,get:function(){return Te.AVATAR_BACKGROUND}}),exports.AVATAR_SIZE_MAP=Te.AVATAR_SIZE_MAP,Object.defineProperty(exports,"AVATAR_TYPES",{enumerable:!0,get:function(){return Te.AVATAR_TYPES}}),Object.defineProperty(exports,"SIZE",{enumerable:!0,get:function(){return Te.SIZE}}),exports.Alert=Pe.Alert,Object.defineProperty(exports,"ALERT_TYPES",{enumerable:!0,get:function(){return Se.ALERT_TYPES}}),exports.COLOR_CONFIG_MAP=Se.COLOR_CONFIG_MAP,Object.defineProperty(exports,"CONTENT_POSITION",{enumerable:!0,get:function(){return Se.CONTENT_POSITION}}),Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return Ae.RATIO}}),exports.Thumbnail=Ae.Thumbnail,exports.Curtain=Ce.Curtain,exports.DatePicker=ye.DatePicker,exports.DatePickerWrapper=Oe.DatePickerWrapper,exports.Loader=be.Loader,exports.Switch=be.Switch,exports.SwitchContainer=be.SwitchContainer,exports.Thumb=be.Thumb,exports.SubscriptionPlan=Ee.SubscriptionPlan,exports.BottomWrapper=je.BottomWrapper,exports.HeaderWrapper=je.HeaderWrapper,exports.SubscriptionPlanSelector=je.SubscriptionPlanSelector,exports.defaultTabs=je.defaultTabs,exports.NewSubscriptionPlan=Re.NewSubscriptionPlan,exports.SubscriptionPlansCollected=he.SubscriptionPlansCollected,exports.TabItemComponent=Be.TabItemComponent,exports.Tabs=Be.Tabs,exports.DynamicTabs=ge.DynamicTabs,exports.BikShimmer=_e.BikShimmer,exports.TablePagination=Ie.TablePagination,exports.TablePaginationCard=qe.TablePaginationCard,exports.TablePaginationCardStyled=qe.TablePaginationCardStyled,exports.StateModalComponent=fe.StateModalComponent,exports.DeleteConfirmationModal=ke.DeleteConfirmationModal,Object.defineProperty(exports,"ButtonActions",{enumerable:!0,get:function(){return Ne.ButtonActions}}),Object.defineProperty(exports,"ButtonTypes",{enumerable:!0,get:function(){return Ne.ButtonTypes}}),exports.StateComponent=Ne.StateComponent,Object.defineProperty(exports,"StateInterface",{enumerable:!0,get:function(){return Ne.StateInterface}}),exports.ShopifyScopeWrapper=De.ShopifyScopeWrapper,exports.WhatsAppTextEditor=Le.WhatsAppTextEditor,exports.CustomRightBorder=we.CustomRightBorder,Object.defineProperty(exports,"EditorActionTypes",{enumerable:!0,get:function(){return we.EditorActionTypes}}),exports.WhatsAppTextEditorHeader=we.WhatsAppTextEditorHeader,exports.BaseWhatsappContentLangHelper=Me.BaseWhatsappContentLangHelper,exports.CURTAIN_COLOR_CONFIG_MAP=Ve.CURTAIN_COLOR_CONFIG_MAP,Object.defineProperty(exports,"CURTAIN_MODE",{enumerable:!0,get:function(){return Ve.CURTAIN_MODE}}),Object.defineProperty(exports,"CURTAIN_TYPES",{enumerable:!0,get:function(){return Ve.CURTAIN_TYPES}}),exports.resizeImage=Ge.resizeImage,Object.defineProperty(exports,"PickerType",{enumerable:!0,get:function(){return ve.PickerType}}),exports.CardSelectionModal=Ue.CardSelectionModal,exports.BikImageCropper=Fe.BikImageCropper,exports.BikImagePipeline=He.BikImagePipeline,exports.ButtonGroup=We.ButtonGroup,exports.BikAccordion=Ye.BikAccordion,exports.FileUploader=Qe.FileUploader,exports.ColourInput=Ke.ColourInput,exports.BikHeader=ze.BikHeader,exports.BikLayout=Ze.BikLayout,exports.BikProfile=Xe.BikProfile,exports.SimpleSidebar=Je.SimpleSidebar,exports.BikSidebar=$e.BikSidebar,exports.FeatureModal=er.FeatureModal,exports.SidebarSkeleton=rr.SidebarSkeleton,exports.ShowShopifyRestrictedModal=tr.ShowShopifyRestrictedModal,exports.FeatureModalV2=or.FeatureModalV2,exports.SearchBar=nr.SearchBar,exports.CustomDateTime=ir.CustomDateTime,exports.PricePleaseProductPicker=ar.PricePleaseProductPicker,exports.ProductPickerContent=ar.ProductPickerContent,exports.DiscountModal=sr.DiscountModal,exports.CouponExpiration=pr.CouponExpiration,Object.defineProperty(exports,"COUPON_EXPIRATION",{enumerable:!0,get:function(){return ur.COUPON_EXPIRATION}}),Object.defineProperty(exports,"DISCOUNT_APPLIES_TO",{enumerable:!0,get:function(){return ur.DISCOUNT_APPLIES_TO}}),Object.defineProperty(exports,"DISCOUNT_TARGET_SELECTION",{enumerable:!0,get:function(){return ur.DISCOUNT_TARGET_SELECTION}}),Object.defineProperty(exports,"DISCOUNT_TARGET_TYPES",{enumerable:!0,get:function(){return ur.DISCOUNT_TARGET_TYPES}}),Object.defineProperty(exports,"DISCOUNT_TYPES",{enumerable:!0,get:function(){return ur.DISCOUNT_TYPES}}),Object.defineProperty(exports,"DISCOUNT_VALUE_TYPES",{enumerable:!0,get:function(){return ur.DISCOUNT_VALUE_TYPES}}),Object.defineProperty(exports,"MIN_PURCHASE_REQUIREMENT",{enumerable:!0,get:function(){return ur.MIN_PURCHASE_REQUIREMENT}}),Object.defineProperty(exports,"OFFER_APPLIES_TO",{enumerable:!0,get:function(){return ur.OFFER_APPLIES_TO}}),exports.initialDynamicCouponErrorState=ur.initialDynamicCouponErrorState,exports.initialStaticCouponErrorState=ur.initialStaticCouponErrorState,exports.CountryCodePicker=cr.CountryCodePicker,exports.CountriesData=lr.CountriesData,exports.DEFAULT_IMAGE=dr.DEFAULT_IMAGE,exports.ShimmerImage=dr.ShimmerImage,exports.ProductPickerModal=mr.ProductPickerModal,Object.defineProperty(exports,"ScreenName",{enumerable:!0,get:function(){return mr.ScreenName}}),exports.Carousel=xr.Carousel,exports.CarouselSecondary=Tr.CarouselSecondary,exports.AccessTokenTroubleshootDialog=Pr.AccessTokenTroubleshootDialog,exports.RadioList=Sr.RadioList,exports.CheckList=Ar.CheckList,Object.defineProperty(exports,"DateKeys",{enumerable:!0,get:function(){return Cr.DateKeys}}),Object.defineProperty(exports,"MEDIA_TYPES",{enumerable:!0,get:function(){return Cr.MEDIA_TYPES}}),exports.PostPicker=Cr.PostPicker,exports.dateOptions=Cr.dateOptions,exports.DropdownButton=yr.DropdownButton,exports.SideModal=Or.SideModal,exports.KeywordsInput=br.KeywordsInput,exports.AddVariableV2SideModal=Er.AddVariableV2SideModal,exports.AddVariableV2=jr.AddVariableV2,exports.NaLinkWrapper=Rr.NaLinkWrapper,exports.NavigationHyperlink=Rr.NavigationHyperlink,exports.SearchFilter=hr.SearchFilter,exports.InputWithVariables=Br.InputWithVariables,exports.DashboardReviewPopUp=gr.DashboardReviewPopUp,exports.StarRating=_r.StarRating,exports.TestimonialCard=Ir.TestimonialCard,exports.BikSlider=qr.BikSlider,exports.ResizableImage=fr.ResizableImage,exports.validateURL=kr.validateURL,exports.CarouselPreview=Nr.CarouselPreview,exports.Floater=Dr.Floater,exports.CardSelector=Lr.CardSelector,exports.CardSelectorGroup=wr.CardSelectorGroup,exports.VariablePicker=Mr.VariablePicker,exports.ActionButtons=Vr.ActionButtons,exports.ActivateBikAi=Gr.ActivateBikAi,exports.AiSyncProgress=vr.AiSyncProgress,exports.AiCreditsExhausted=Ur.AiCreditsExhausted,exports.AiCreditsLow=Fr.AiCreditsLow,exports.CustomPortal=Hr.CustomPortal;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./amplitude/index.js"),r=require("./components/template-preview/constants/regexPatterns.js"),t=require("./utils/StringUtils.js"),o=require("./constants/Theme.js"),n=require("./constants/zindex.js"),i=require("./components/checkBox/CheckBox.js"),a=require("./components/list-item/ListItem.js"),s=require("./components/pagination/Pagination.js"),p=require("./components/radioButton/RadioButton.js"),u=require("./components/toaster/Toaster.js"),c=require("./components/tooltips/Tooltip.js"),l=require("./components/spinner/Spinner.js"),d=require("./components/stepper/Stepper.js"),m=require("./components/tag/Tag.js"),x=require("./components/icon-button/IconButton.js"),T=require("./components/template-preview/TemplatePreview.js"),P=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),S=require("./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),A=require("./components/template-preview/helpers/SmsTemplateHelper.js"),C=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),y=require("./components/template-preview/helpers/VariableEditorHelper.js"),O=require("./components/template-preview/models/TemplateMeta.js"),b=require("./components/template-preview/models/WhatsAppTemplate.js"),E=require("./components/template-context-mapper/TemplateContextMapper.js"),j=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),R=require("./components/template-context-mapper/utils/validateIsUrl.js"),h=require("./components/fab-menu/FABMenu.js"),B=require("./components/floating-action-button/FloatingActionButton.js"),g=require("./components/floating-action-button/FloatingActionButton.styles.js"),_=require("./components/image-compress/ImageCompress.js"),I=require("./components/TypographyStyle.js"),q=require("./components/button/Button.js"),f=require("./components/progress-bar/ProgressBarComponent.js");require("react/jsx-runtime");var k=require("./components/progress-bar-v2/ProgressBarV2.js"),D=require("./components/QueryBuilder/QueryBuilder.js"),N=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),L=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),w=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),M=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),V=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),G=require("./components/modals/styledModal.js"),v=require("./components/dropdown/DropdownPopover/index.js"),U=require("./components/dropdown/Dropdown.js"),F=require("./components/dropdown/ChipDropdown.js"),H=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),W=require("./components/dropdown/MenuItem/MenuItem.js"),Y=require("./components/analytics-card/AnalyticsCard.js"),Q=require("./components/analytics-card/AnalyticsCard.styled.js"),K=require("./components/input/Input.js"),z=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),Z=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),X=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),J=require("./components/analytics-chips-and-dropdowns/AnalyticsMetric.js"),$=require("./components/analytics-chips-and-dropdowns/AnalyticsTrend.js"),ee=require("./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),re=require("./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js"),te=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),oe=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),ne=require("./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),ie=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),ae=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),se=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js"),pe=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),ue=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js"),ce=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),le=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),de=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js"),me=require("./components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),xe=require("./components/avatar/Avatar.js"),Te=require("./components/avatar/AvatarHelper.js"),Pe=require("./components/alerts/Alert.js"),Se=require("./components/alerts/AlertHelper.js"),Ae=require("./components/thumbnail/Thumbnail.js"),Ce=require("./components/curtain/Curtain.js"),ye=require("./components/datePicker/DatePicker.js"),Oe=require("./components/datePicker/DatePickerWrapper.js"),be=require("./components/switch/Switch.js"),Ee=require("./components/plans/SubscriptionPlan.js"),je=require("./components/plans/SubscriptionPlanSelector.js"),Re=require("./components/plans/NewSubscriptionPlan.js"),he=require("./components/plans/SubscriptionPlansCollected.js"),Be=require("./components/tabs/Tabs.js"),ge=require("./components/dynamic-tabs/DynamicTabs.js"),_e=require("./components/shimmer/ShimmerComponent/BikShimmer.js"),Ie=require("./components/TablePagination/TablePagination.js"),qe=require("./components/TablePagination/TablePaginationCard.js"),fe=require("./components/states-modal/StateModalComponent.js"),ke=require("./components/states-modal/DeleteConfirmationModal.js"),De=require("./components/states/StateComponent.js"),Ne=require("./components/states/ShopifyScopeWrapper.js"),Le=require("./components/WhatsAppTextEditor/WhatsAppTextEditor.js"),we=require("./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),Me=require("./helpers/BaseWhatsappContentLang.helper.js"),Ve=require("./components/curtain/CurtainHelper.js"),Ge=require("./utils/resizeImage.js"),ve=require("./components/variable-picker-v3/model.js"),Ue=require("./components/card-selection-modal/CardSelectionModal.js"),Fe=require("./components/image-cropper/BikImageCropper.js"),He=require("./components/image-cropper/BikImagePipeline/BikImagePipeline.js"),We=require("./components/buttonGroup/ButtonGroup.js"),Ye=require("./components/accordion/Accordion.js"),Qe=require("./components/file-uploader/FileUploader.js"),Ke=require("./components/colourInput/ColourInput.js"),ze=require("./components/bik-layout/BikHeader.js"),Ze=require("./components/bik-layout/BikLayout.js"),Xe=require("./components/bik-layout/BikProfile.js"),Je=require("./components/bik-layout/SimpleSidebar.js"),$e=require("./components/bik-layout/BikSidebar.js"),er=require("./components/bik-layout/FeatureModal.js"),rr=require("./components/bik-layout/SidebarSkeleton.js"),tr=require("./components/bik-layout/ShowShopifyRestrictedModal.js"),or=require("./components/bik-layout/FeatureModalV2.js"),nr=require("./components/searchBar/searchBar.js"),ir=require("./components/custom-date-time/CustomDateTime.js"),ar=require("./components/product-picker/ProductPickerModal.js"),sr=require("./components/discount-modal/DiscountModal.js"),pr=require("./components/discount-modal/CouponExpiration/CouponExpiration.js"),ur=require("./components/discount-modal/type.js"),cr=require("./components/country-code-picker/CountryCodePicker.js"),lr=require("./components/country-code-picker/CountryCodePicker.modal.js"),dr=require("./components/shimmer-image/ShimmerImage.js"),mr=require("./components/product-picker-v2/modal.js"),xr=require("./components/carousel/carousel.js"),Tr=require("./components/carousel-secondary/CarouselSecondary.js"),Pr=require("./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js"),Sr=require("./components/radioList/RadioList.js"),Ar=require("./components/checkList/CheckList.js"),Cr=require("./components/postPicker/postPicker.js"),yr=require("./components/dropdown-button/DropdownButton.js"),Or=require("./components/side-modal/SideModal.js"),br=require("./components/keywords-input/KeywordsInput.js"),Er=require("./components/add-variableV2/AddVariableV2SideModal.js"),jr=require("./components/add-variableV2/AddVariableV2.js"),Rr=require("./components/navigation-hyperlink/NavigationHyperlink.js"),hr=require("./components/SearchFilter/index.js"),Br=require("./components/input-with-vars/InputWithVariables.js"),gr=require("./components/dashboard-review-popup/DashboardReviewPopUp.js"),_r=require("./components/star-rating/StarRating.js"),Ir=require("./components/testimonial-card/TestimonialCard.js"),qr=require("./components/slider/slider.js"),fr=require("./components/resizeImage/index.js"),kr=require("./utils/validator.js"),Dr=require("./components/carousel-preview/CarouselPreview.js"),Nr=require("./components/floater/floater.js"),Lr=require("./components/card-selector/CardSelector.js"),wr=require("./components/card-selector/CardSelectorGroup.js"),Mr=require("./components/variable-picker-v3/VariablePicker.js"),Vr=require("./components/action-button/ActionButtons.js"),Gr=require("./components/ai-modals/ActivateBikAI.js"),vr=require("./components/ai-modals/AiSyncProgress.js"),Ur=require("./components/ai-modals/AiCreditsExhausted.js"),Fr=require("./components/ai-modals/AiCreditsLow.js"),Hr=require("./components/input-with-vars/customPortal.js");exports.AmplitudeEvent=e.AmplitudeEvent,exports.regexPatterns=r,exports.StringUtils=t.default,exports.BASE_COLORS=o.BASE_COLORS,exports.COLORS=o.COLORS,exports.DEFAULT_THEME=o.DEFAULT_THEME,exports.FONTS=o.FONTS,exports.ComponentZindex=n.ComponentZindex,exports.CheckBox=i.CheckBox,exports.ListItem=a.ListItem,exports.Pagination=s.Pagination,exports.RadioButton=p.RadioButton,exports.Toaster=u.Toaster,exports.Tooltip=c.Tooltip,exports.PureSpinner=l.PureSpinner,exports.Spinner=l.Spinner,exports.Stepper=d.Stepper,exports.Tag=m.Tag,exports.IconButton=x.IconButton,exports.TemplatePreview=T.TemplatePreview,exports.WhatsappLikePreview=P.WhatsappLikePreview,exports.WhatsappLikePreviewV2=S.WhatsappLikePreviewV2,exports.renderVariableUIForPreview=A.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=C.WhatsAppFormatToHTML,exports.VariableEditorHelper=y.VariableEditorHelper,Object.defineProperty(exports,"ACTIONS_TYPES",{enumerable:!0,get:function(){return O.ACTIONS_TYPES}}),exports.CUSTOM_URL_NAME=O.CUSTOM_URL_NAME,Object.defineProperty(exports,"HEADER_TYPES",{enumerable:!0,get:function(){return O.HEADER_TYPES}}),Object.defineProperty(exports,"TEMPLATE_EDITOR",{enumerable:!0,get:function(){return O.TEMPLATE_EDITOR}}),Object.defineProperty(exports,"TEMPLATE_STATUS",{enumerable:!0,get:function(){return O.TEMPLATE_STATUS}}),Object.defineProperty(exports,"BUTTON_TYPE",{enumerable:!0,get:function(){return b.BUTTON_TYPE}}),Object.defineProperty(exports,"POD",{enumerable:!0,get:function(){return b.POD}}),exports.TemplateContextMapper=E.TemplateContextMapper,exports.getAllDataFromTemplateComponent=j.getAllDataFromTemplateComponent,exports.getAllDataFromWebpushTemplateComponent=j.getAllDataFromWebpushTemplateComponent,exports.isVariable=R.isVariable,exports.validateIsUrl=R.validateIsUrl,exports.FABMenu=h.FABMenu,exports.FloatingActionButton=B.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=_.ImageService,exports.AiBodyCaption=I.AiBodyCaption,exports.AiBodyTiny=I.AiBodyTiny,exports.BodyCaption=I.BodyCaption,exports.BodyLarge=I.BodyLarge,exports.BodyPrimary=I.BodyPrimary,exports.BodyPrimaryLink=I.BodyPrimaryLink,exports.BodyRegular=I.BodyRegular,exports.BodySecondary=I.BodySecondary,exports.BodySecondaryLink=I.BodySecondaryLink,exports.BodySmall=I.BodySmall,exports.BodyTiny=I.BodyTiny,exports.ButtonLarge=I.ButtonLarge,exports.ButtonLargeAI=I.ButtonLargeAI,exports.ButtonRegular=I.ButtonRegular,exports.ButtonRegularAI=I.ButtonRegularAI,exports.Caption=I.Caption,exports.CaptionBold=I.CaptionBold,exports.Display=I.Display,exports.SmallRegular=I.SmallRegular,exports.SubHeading=I.SubHeading,exports.TextPlaceholder=I.TextPlaceholder,exports.Tiny=I.Tiny,exports.TitleFour=I.TitleFour,exports.TitleLarge=I.TitleLarge,exports.TitleMedium=I.TitleMedium,exports.TitleRegular=I.TitleRegular,exports.TitleSmall=I.TitleSmall,exports.TitleXlarge=I.TitleXlarge,exports.Button=q.Button,exports.ProgressBarComponent=f.ProgressBarComponent,exports.ProgressCompletedBar=f.ProgressCompletedBar,Object.defineProperty(exports,"ProgressBarType",{enumerable:!0,get:function(){return k.ProgressBarType}}),exports.ProgressBarV2=k.ProgressBarV2,Object.defineProperty(exports,"TextAlignment",{enumerable:!0,get:function(){return k.TextAlignment}}),exports.QueryBuilder=D.QueryBuilder,exports.BaseQueryBuilderNode=N.BaseQueryBuilderNode,exports.PropertyNode=L.PropertyNode,exports.PropertyNodeHeadless=L.PropertyNodeHeadless,exports.queryBuilderSlice=w.queryBuilderSlice,exports.queryBuilderCacheSlice=M.queryBuilderCacheSlice,Object.defineProperty(exports,"AD_STRING_OPERATORS",{enumerable:!0,get:function(){return V.AD_STRING_OPERATORS}}),Object.defineProperty(exports,"ANY_AD_OPERATORS",{enumerable:!0,get:function(){return V.ANY_AD_OPERATORS}}),Object.defineProperty(exports,"ANY_IG_OPERATORS",{enumerable:!0,get:function(){return V.ANY_IG_OPERATORS}}),Object.defineProperty(exports,"BOOLEAN_OPERATORS",{enumerable:!0,get:function(){return V.BOOLEAN_OPERATORS}}),Object.defineProperty(exports,"DATE_OPERATORS",{enumerable:!0,get:function(){return V.DATE_OPERATORS}}),Object.defineProperty(exports,"EVENT_VALUES",{enumerable:!0,get:function(){return V.EVENT_VALUES}}),Object.defineProperty(exports,"EXACTLY_OPERATORS",{enumerable:!0,get:function(){return V.EXACTLY_OPERATORS}}),Object.defineProperty(exports,"FREQUENCY_OPERATORS",{enumerable:!0,get:function(){return V.FREQUENCY_OPERATORS}}),Object.defineProperty(exports,"ICE_BREAKER_OPERATORS",{enumerable:!0,get:function(){return V.ICE_BREAKER_OPERATORS}}),Object.defineProperty(exports,"IG_STRING_OPERATORS",{enumerable:!0,get:function(){return V.IG_STRING_OPERATORS}}),Object.defineProperty(exports,"INTEGER_OPERATORS",{enumerable:!0,get:function(){return V.INTEGER_OPERATORS}}),Object.defineProperty(exports,"MAIL_SUBJECT_OPERATORS",{enumerable:!0,get:function(){return V.MAIL_SUBJECT_OPERATORS}}),Object.defineProperty(exports,"REACTION_OPERATORS",{enumerable:!0,get:function(){return V.REACTION_OPERATORS}}),Object.defineProperty(exports,"SPECIFIC_IG_OPERATORS",{enumerable:!0,get:function(){return V.SPECIFIC_IG_OPERATORS}}),Object.defineProperty(exports,"STRING_OPERATORS",{enumerable:!0,get:function(){return V.STRING_OPERATORS}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS",{enumerable:!0,get:function(){return V.STRING_RESTRICTED_OPERATORS}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS_2",{enumerable:!0,get:function(){return V.STRING_RESTRICTED_OPERATORS_2}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS_3",{enumerable:!0,get:function(){return V.STRING_RESTRICTED_OPERATORS_3}}),exports.StyledModal=G.StyledModal,exports.DropdownPopover=v.DropdownPopover,exports.Dropdown=U.Dropdown,exports.ChipDropdown=F.ChipDropdown,exports.OpenedDropdown=H.OpenedDropdown,exports.MenuItemDropdown=W.MenuItemDropdown,exports.AnalyticsCard=Y.AnalyticsCard,exports.AnalyticsContainer=Q.AnalyticsContainer,exports.CardDataContainer=Q.CardDataContainer,exports.Input=K.Input,exports.AnalyticsChip=z.AnalyticsChip,exports.AnalyticsDropdown=Z.AnalyticsDropdown,exports.EachItem=Z.EachItem,exports.formatDate=Z.formatDate,exports.AnalyticsMultiChip=X.AnalyticsMultiChip,exports.AnalyticsMetric=J.AnalyticsMetric,exports.AnalyticsTrend=$.AnalyticsTrend,exports.LineChart=ee.LineChart,exports.LinearChipGroupedChart=re.LinearChipGroupedChart,exports.Card=te.Card,exports.PieChartAnalytics=te.PieChartAnalytics,exports.PieChart=oe.PieChart,exports.HorizontalGraph=ne.HorizontalGraph,exports.StackedBarChart=ie.StackedBarChart,exports.StackedBarDistributionChart=ae.StackedBarDistributionChart,Object.defineProperty(exports,"GRAPH_ORIENTATION",{enumerable:!0,get:function(){return se.GRAPH_ORIENTATION}}),exports.VerticalGraph=pe.VerticalGraph,exports.FunnelVerticalBarGraph=ue.FunnelVerticalBarGraph,Object.defineProperty(exports,"HEAT",{enumerable:!0,get:function(){return ce.HEAT}}),exports.HEAT_COLORS=ce.HEAT_COLORS,Object.defineProperty(exports,"HEAT_GRADING_TYPE",{enumerable:!0,get:function(){return ce.HEAT_GRADING_TYPE}}),exports.HeatMap=ce.HeatMap,exports.HeatBoxStyled=le.HeatBoxStyled,exports.HeatMapVertical=le.HeatMapVertical,exports.VerticalBarAndLinearGraph=de.VerticalBarAndLinearGraph,exports.calculatePercentage=me.calculatePercentage,exports.roundNumber=me.roundNumber,exports.truncateValueTo10K=me.truncateValueTo10K,exports.truncateValueToK=me.truncateValueToK,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=xe.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=xe.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=xe.BACKGROUND_VS_TEXT_COLOR_MAP,Object.defineProperty(exports,"AVATAR_BACKGROUND",{enumerable:!0,get:function(){return Te.AVATAR_BACKGROUND}}),exports.AVATAR_SIZE_MAP=Te.AVATAR_SIZE_MAP,Object.defineProperty(exports,"AVATAR_TYPES",{enumerable:!0,get:function(){return Te.AVATAR_TYPES}}),Object.defineProperty(exports,"SIZE",{enumerable:!0,get:function(){return Te.SIZE}}),exports.Alert=Pe.Alert,Object.defineProperty(exports,"ALERT_TYPES",{enumerable:!0,get:function(){return Se.ALERT_TYPES}}),exports.COLOR_CONFIG_MAP=Se.COLOR_CONFIG_MAP,Object.defineProperty(exports,"CONTENT_POSITION",{enumerable:!0,get:function(){return Se.CONTENT_POSITION}}),Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return Ae.RATIO}}),exports.Thumbnail=Ae.Thumbnail,exports.Curtain=Ce.Curtain,exports.DatePicker=ye.DatePicker,exports.DatePickerWrapper=Oe.DatePickerWrapper,exports.Loader=be.Loader,exports.Switch=be.Switch,exports.SwitchContainer=be.SwitchContainer,exports.Thumb=be.Thumb,exports.SubscriptionPlan=Ee.SubscriptionPlan,exports.BottomWrapper=je.BottomWrapper,exports.HeaderWrapper=je.HeaderWrapper,exports.SubscriptionPlanSelector=je.SubscriptionPlanSelector,exports.defaultTabs=je.defaultTabs,exports.NewSubscriptionPlan=Re.NewSubscriptionPlan,exports.SubscriptionPlansCollected=he.SubscriptionPlansCollected,exports.TabItemComponent=Be.TabItemComponent,exports.Tabs=Be.Tabs,exports.DynamicTabs=ge.DynamicTabs,exports.BikShimmer=_e.BikShimmer,exports.TablePagination=Ie.TablePagination,exports.TablePaginationCard=qe.TablePaginationCard,exports.TablePaginationCardStyled=qe.TablePaginationCardStyled,exports.StateModalComponent=fe.StateModalComponent,exports.DeleteConfirmationModal=ke.DeleteConfirmationModal,Object.defineProperty(exports,"ButtonActions",{enumerable:!0,get:function(){return De.ButtonActions}}),Object.defineProperty(exports,"ButtonTypes",{enumerable:!0,get:function(){return De.ButtonTypes}}),exports.StateComponent=De.StateComponent,Object.defineProperty(exports,"StateInterface",{enumerable:!0,get:function(){return De.StateInterface}}),exports.ShopifyScopeWrapper=Ne.ShopifyScopeWrapper,exports.WhatsAppTextEditor=Le.WhatsAppTextEditor,exports.CustomRightBorder=we.CustomRightBorder,Object.defineProperty(exports,"EditorActionTypes",{enumerable:!0,get:function(){return we.EditorActionTypes}}),exports.WhatsAppTextEditorHeader=we.WhatsAppTextEditorHeader,exports.BaseWhatsappContentLangHelper=Me.BaseWhatsappContentLangHelper,exports.CURTAIN_COLOR_CONFIG_MAP=Ve.CURTAIN_COLOR_CONFIG_MAP,Object.defineProperty(exports,"CURTAIN_MODE",{enumerable:!0,get:function(){return Ve.CURTAIN_MODE}}),Object.defineProperty(exports,"CURTAIN_TYPES",{enumerable:!0,get:function(){return Ve.CURTAIN_TYPES}}),exports.resizeImage=Ge.resizeImage,Object.defineProperty(exports,"PickerType",{enumerable:!0,get:function(){return ve.PickerType}}),exports.CardSelectionModal=Ue.CardSelectionModal,exports.BikImageCropper=Fe.BikImageCropper,exports.BikImagePipeline=He.BikImagePipeline,exports.ButtonGroup=We.ButtonGroup,exports.BikAccordion=Ye.BikAccordion,exports.FileUploader=Qe.FileUploader,exports.ColourInput=Ke.ColourInput,exports.BikHeader=ze.BikHeader,exports.BikLayout=Ze.BikLayout,exports.BikProfile=Xe.BikProfile,exports.SimpleSidebar=Je.SimpleSidebar,exports.BikSidebar=$e.BikSidebar,exports.FeatureModal=er.FeatureModal,exports.SidebarSkeleton=rr.SidebarSkeleton,exports.ShowShopifyRestrictedModal=tr.ShowShopifyRestrictedModal,exports.FeatureModalV2=or.FeatureModalV2,exports.SearchBar=nr.SearchBar,exports.CustomDateTime=ir.CustomDateTime,exports.PricePleaseProductPicker=ar.PricePleaseProductPicker,exports.ProductPickerContent=ar.ProductPickerContent,exports.DiscountModal=sr.DiscountModal,exports.CouponExpiration=pr.CouponExpiration,Object.defineProperty(exports,"COUPON_EXPIRATION",{enumerable:!0,get:function(){return ur.COUPON_EXPIRATION}}),Object.defineProperty(exports,"DISCOUNT_APPLIES_TO",{enumerable:!0,get:function(){return ur.DISCOUNT_APPLIES_TO}}),Object.defineProperty(exports,"DISCOUNT_TARGET_SELECTION",{enumerable:!0,get:function(){return ur.DISCOUNT_TARGET_SELECTION}}),Object.defineProperty(exports,"DISCOUNT_TARGET_TYPES",{enumerable:!0,get:function(){return ur.DISCOUNT_TARGET_TYPES}}),Object.defineProperty(exports,"DISCOUNT_TYPES",{enumerable:!0,get:function(){return ur.DISCOUNT_TYPES}}),Object.defineProperty(exports,"DISCOUNT_VALUE_TYPES",{enumerable:!0,get:function(){return ur.DISCOUNT_VALUE_TYPES}}),Object.defineProperty(exports,"MIN_PURCHASE_REQUIREMENT",{enumerable:!0,get:function(){return ur.MIN_PURCHASE_REQUIREMENT}}),Object.defineProperty(exports,"OFFER_APPLIES_TO",{enumerable:!0,get:function(){return ur.OFFER_APPLIES_TO}}),exports.initialDynamicCouponErrorState=ur.initialDynamicCouponErrorState,exports.initialStaticCouponErrorState=ur.initialStaticCouponErrorState,exports.CountryCodePicker=cr.CountryCodePicker,exports.CountriesData=lr.CountriesData,exports.DEFAULT_IMAGE=dr.DEFAULT_IMAGE,exports.ShimmerImage=dr.ShimmerImage,exports.ProductPickerModal=mr.ProductPickerModal,Object.defineProperty(exports,"ScreenName",{enumerable:!0,get:function(){return mr.ScreenName}}),exports.Carousel=xr.Carousel,exports.CarouselSecondary=Tr.CarouselSecondary,exports.AccessTokenTroubleshootDialog=Pr.AccessTokenTroubleshootDialog,exports.RadioList=Sr.RadioList,exports.CheckList=Ar.CheckList,Object.defineProperty(exports,"DateKeys",{enumerable:!0,get:function(){return Cr.DateKeys}}),Object.defineProperty(exports,"MEDIA_TYPES",{enumerable:!0,get:function(){return Cr.MEDIA_TYPES}}),exports.PostPicker=Cr.PostPicker,exports.dateOptions=Cr.dateOptions,exports.DropdownButton=yr.DropdownButton,exports.SideModal=Or.SideModal,exports.KeywordsInput=br.KeywordsInput,exports.AddVariableV2SideModal=Er.AddVariableV2SideModal,exports.AddVariableV2=jr.AddVariableV2,exports.NaLinkWrapper=Rr.NaLinkWrapper,exports.NavigationHyperlink=Rr.NavigationHyperlink,exports.SearchFilter=hr.SearchFilter,exports.InputWithVariables=Br.InputWithVariables,exports.DashboardReviewPopUp=gr.DashboardReviewPopUp,exports.StarRating=_r.StarRating,exports.TestimonialCard=Ir.TestimonialCard,exports.BikSlider=qr.BikSlider,exports.ResizableImage=fr.ResizableImage,exports.validateURL=kr.validateURL,exports.CarouselPreview=Dr.CarouselPreview,exports.Floater=Nr.Floater,exports.CardSelector=Lr.CardSelector,exports.CardSelectorGroup=wr.CardSelectorGroup,exports.VariablePicker=Mr.VariablePicker,exports.ActionButtons=Vr.ActionButtons,exports.ActivateBikAi=Gr.ActivateBikAi,exports.AiSyncProgress=vr.AiSyncProgress,exports.AiCreditsExhausted=Ur.AiCreditsExhausted,exports.AiCreditsLow=Fr.AiCreditsLow,exports.CustomPortal=Hr.CustomPortal;

package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
 export default EventsTrigger;

package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
 export default IGTrigger;

package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DropdownOption } from "../../../dropdown/type";
-import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
-import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
+import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
 declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
     cacheKey: string;
     propertyAddBtnText: string;

package/dist/esm/components/bik-layout/MockMenus.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/esm/components/carousel-preview/CarouselPreview.d.ts

@@ -2,13 +2,10 @@ import React from 'react';
 import 'slick-carousel/slick/slick-theme.css';
 import 'slick-carousel/slick/slick.css';
 import { CHANNEL_TYPE } from "../template-preview/models/Channels";
-import { EmailTemplateType } from "../template-preview/models/EmailTemplate";
-import { SMSTemplateType } from "../template-preview/models/SmsTemplate";
-import { WhatsAppCarouselTemplate } from "../template-preview/models/WhatsappCarouselTemplate";
-import { WhatsAppTemplate } from "../template-preview/models/WhatsAppTemplate";
+import { AllTemplateTypes } from '../template-preview/models/types';
 export declare const CarouselPreview: React.ForwardRefExoticComponent<{
     channel: CHANNEL_TYPE;
-    template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType | WhatsAppCarouselTemplate | null;
+    template: AllTemplateTypes;
     showSampleValues?: boolean | undefined;
     isPreview?: boolean | undefined;
     removeBottomBorder?: boolean | undefined;

package/dist/esm/components/template-context-mapper/TemplateContextMapper.d.ts

@@ -1,25 +1,24 @@
-/// <reference types="react" />
 import { VariableListInterfaceV2 } from "../add-variableV2/AddVariableV2";
 import { CarouselProduct } from "./modalElements/EditWhatsAppCarouselTemplateV2";
-import { WhatsAppCarouselTemplate, WhatsAppCarouselTemplateVariables } from "../template-preview/models/WhatsappCarouselTemplate";
+import { WhatsAppCarouselTemplateVariables } from "../template-preview/models/WhatsappCarouselTemplate";
 import { CHANNEL_TYPE } from '../template-preview/models/Channels';
-import { EmailTemplateType } from '../template-preview/models/EmailTemplate';
-import { SMSTemplateType } from '../template-preview/models/SmsTemplate';
 import { CUSTOM_VARIABLE, GlobalPlaceholderType } from '../template-preview/models/TemplateMeta';
-import { ExtrasWhatsapp, POD, WhatsAppPickerMeta, WhatsAppTemplate, WhatsAppTemplateVariables } from '../template-preview/models/WhatsAppTemplate';
+import { AllTemplateTypes, AllTemplateVariables, NonNullTemplateTypes } from '../template-preview/models/types';
+import { WebpushTemplateVariables } from '../template-preview/models/WebpushTemplate';
+import { ExtrasWhatsapp, POD, WhatsAppPickerMeta, WhatsAppTemplateVariables } from '../template-preview/models/WhatsAppTemplate';
 import { VariableV3 } from '../variable-picker-v3/model';
 export interface TemplateContextMapperProps {
-    selectedTemplate: WhatsAppTemplate | EmailTemplateType | SMSTemplateType | WhatsAppCarouselTemplate;
+    selectedTemplate: NonNullTemplateTypes;
     closeDialog?: () => void;
     showVariableMapping: boolean;
     channel: CHANNEL_TYPE;
     globalPlaceholders: GlobalPlaceholderType;
     /** List of variables being used in this template */
-    templateVariables: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables | WhatsAppCarouselTemplateVariables;
+    templateVariables: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables | WhatsAppCarouselTemplateVariables | WebpushTemplateVariables;
     /** Only for initial-UI-purpose for the modal */
     htmlContent: string;
     showOnlyContent?: boolean;
-    onTemplateSelect?(template: EmailTemplateType | SMSTemplateType | WhatsAppTemplate | WhatsAppCarouselTemplate, variables: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables | WhatsAppCarouselTemplateVariables, display_content?: string, carouselProducts?: CarouselProduct[]): {
+    onTemplateSelect?(template: AllTemplateTypes, variables: AllTemplateVariables, display_content?: string, carouselProducts?: CarouselProduct[]): {
         error: string;
         errorIndexes?: number[];
         templateErrorIndexes?: {
@@ -57,4 +56,4 @@ export interface TemplateContextMapperProps {
     maxCharLimit?: number;
     onDefaultVariableSelect?: (variable: VariableV3) => void;
 }
-export declare const TemplateContextMapper: React.FC<TemplateContextMapperProps>;
+export declare const TemplateContextMapper: ({ selectedTemplate, closeDialog, showVariableMapping, channel, htmlContent, templateVariables, onTemplateSelect, globalPlaceholders, showOnlyContent, whatsappSpecificPickerMeta, zIndex, showVariableModal, variableList: variableListFromProps, discountCode, setDiscountCode, onBackPress, enabledCustomText, variableListForImage, showSampleValues, disableEditVariable, pod, extras, pickerConf, selectedCarouselProducts, disableEditExpiry, cardWidth, onDeleteSelectedProducts, fileName, setFileName, hideDeviceContainerInPreview, maxCharLimit, onDefaultVariableSelect, }: TemplateContextMapperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/template-context-mapper/TemplateContextMapper.js

@@ -1 +1 @@
-import{jsx as e,jsxs as l,Fragment as o}from"react/jsx-runtime";import{cloneDeep as t}from"lodash";import{useEffect as r,useState as i,useRef as a,useMemo as s}from"react";import n from"../../utils/StringUtils.js";import{COLORS as d}from"../../constants/Theme.js";import{StyledModal as u}from"../modals/styledModal.js";import{CHANNEL_TYPE as c}from"../template-preview/models/Channels.js";import{POD as p}from"../template-preview/models/WhatsAppTemplate.js";import{TemplateModalContext as m}from"./context/templateModalContext.js";import v from"./modalElements/Footer.js";import h from"./modalElements/TemplateSelectModalContent.js";import{convertPlaceholdersToBikDropdown as b}from"./utils/convertPlaceholdersToBikDropdown.js";const C=C=>{let{selectedTemplate:g,closeDialog:f,showVariableMapping:x,channel:P,htmlContent:E,templateVariables:S,onTemplateSelect:I,globalPlaceholders:T,showOnlyContent:y,whatsappSpecificPickerMeta:w,zIndex:V,showVariableModal:L,variableList:k,discountCode:j,setDiscountCode:D,onBackPress:M,enabledCustomText:A,variableListForImage:B,showSampleValues:F,disableEditVariable:H,pod:O,extras:W,pickerConf:N,selectedCarouselProducts:z,disableEditExpiry:R,cardWidth:$,onDeleteSelectedProducts:U,fileName:_,setFileName:q,hideDeviceContainerInPreview:G,maxCharLimit:J,onDefaultVariableSelect:K}=C;var Q,X,Y,Z,ee,le,oe,te;r((()=>{ce(E)}),[E]);const re=P===c.WHATSAPP&&"CAROUSEL"===(null===(X=null===(Q=null==g?void 0:g.components)||void 0===Q?void 0:Q[1])||void 0===X?void 0:X.type),ie=null==g?void 0:g.isProductCarouselType,[ae,se]=i(P===c.EMAIL||re?"desktop":"mobile"),[ne,de]=i(!1),[ue,ce]=i(E),[pe,me]=i(!1),[ve,he]=i([]),[be,Ce]=i({}),[ge,fe]=i(g),[xe,Pe]=i([]),[Ee,Se]=i(null),[Ie,Te]=i(!1),[ye,we]=i(null!=S?S:[]),[Ve,Le]=i(!1),[ke,je]=i(re?(null===(Z=null===(Y=null==ge?void 0:ge.mapping)||void 0===Y?void 0:Y.body)||void 0===Z?void 0:Z.length)?-1:0:-1),[De,Me]=i([]),[Ae,Be]=i(void 0),Fe=a(null),[He,Oe]=i(!1),[We,Ne]=i(!1),[ze,Re]=i(!1),[$e,Ue]=i({});r((()=>{z?Me(z):ie&&Me([])}),[z]),r((()=>{var e;if(!Ie&&ie&&(!z||0===Me.length)){const l=null===(e=null==ge?void 0:ge.components)||void 0===e?void 0:e[1].cards,o=[];null==l||l.forEach((e=>{var l;null===(l=null==e?void 0:e.components)||void 0===l||l.forEach((e=>{var l,t,r;"HEADER"===e.type&&o.push(null!==(r=null===(t=null===(l=e.example)||void 0===l?void 0:l.header_handle)||void 0===t?void 0:t[0])&&void 0!==r?r:"")}))})),Pe(o),Te(!0)}}),[Ie]);const _e=s((()=>b(T)),[T]);return r((()=>{Be(t(k))}),[k]),e(m.Provider,Object.assign({value:{hideFooterButton:ze,setHideFooterButton:Re,hideCrossButton:We,setHideCrossButton:Ne,variableList:Ae,setVariableList:Be,variableCallback:Ee,setVariableCallback:Se,showVariablePicker:ne,setShowVariablePicker:de,template:ge,setTemplate:fe,device:ae,setDevice:se,display_content:ue,setDisplayContent:ce,originalVariableList:ye,setOriginalVariableList:we,isError:pe,setIsError:me,channel:P,globalNormalizedPlaceholders:_e,templateSelectionTriggered:Ve,setTemplateSelectionTriggered:Le,enabledCustomText:A,disableEditVariable:H,pod:O,extras:W,isWhatsappCarousel:re,selectedCarouselIndex:ke,setSelectedCarouselIndex:je,isProductCarouselType:ie,templateErrorIndexes:be,cardCount:re?null===(le=null===(ee=g.components)||void 0===ee?void 0:ee[1].cards)||void 0===le?void 0:le.length:void 0,errorIndexes:ve,setErrorIndexes:he,pickerConf:N,carouselProducts:De,setCarouselProducts:Me,disableEditExpiry:R,cardWidth:$,cardImages:xe,onDeleteSelectedProducts:U,hideDeviceContainerInPreview:G,sliderRef:Fe,isCarouselHovered:He,setIsCarouselHovered:Oe,maxCharLimit:J,ctaOptionsErrors:$e,setCtaOptionsErrors:Ue,onDefaultVariableSelect:K}},{children:y?e(h,{variableListFromProps:k,channel:c.EMAIL,hideHeader:!0}):l(u,Object.assign({hideCrossButton:We,zIndex:V,centralContainerStyles:{width:re?900:P===c.EMAIL&&x?1e3:800},open:!0,onClose:()=>{null==f||f()},headingTitle:null==ge?void 0:ge.label,headingSubtitle:P===c.WHATSAPP?`${n.capitaliseFirstLetterOfString(null!==(oe=null==ge?void 0:ge.category)&&void 0!==oe?oe:"")} • ${null!==(te=null==ge?void 0:ge.templateCategory)&&void 0!==te?te:""}`:"",onBackPress:()=>{null==M||M()},modalHeaderStyles:{borderBottom:`1px solid ${d.stroke.primary}`}},{children:[e(h,{variableListFromProps:k,showSampleValues:F,showVariableMapping:x,channel:P,whatsappSpecificPickerMeta:w,showVariableModal:L,discountCode:j,setDiscountCode:D,variableListForImage:B&&(null==B?void 0:B.length)>0?B:Ae,fileName:_,setFileName:e=>{null==q||q(e)}}),I?e(v,{isWhatsappCarousel:null!=re&&re,onSelect:function(){var e;if((null==De?void 0:De.length)<1&&ie)return void me(!0);if(Object.keys($e).length>0&&O!==p.CHATBOT)return void me(!0);const l=null==I?void 0:I(ge,ye,null!=ue?ue:"",De);Ce(null!==(e=null==l?void 0:l.templateErrorIndexes)&&void 0!==e?e:{body:[],buttons:[]}),(null==l?void 0:l.errorIndexes)||(null==l?void 0:l.error)?((null==l?void 0:l.errorIndexes)&&he(l.errorIndexes),(null==l?void 0:l.error)&&me(!!(null==l?void 0:l.error))):Le(!0)}}):e(o,{})]}))}))};export{C as TemplateContextMapper};
+import{jsx as e,jsxs as l,Fragment as o}from"react/jsx-runtime";import{cloneDeep as t}from"lodash";import{useEffect as r,useState as i,useRef as a,useMemo as s}from"react";import n from"../../utils/StringUtils.js";import{COLORS as d}from"../../constants/Theme.js";import{StyledModal as u}from"../modals/styledModal.js";import{CHANNEL_TYPE as c}from"../template-preview/models/Channels.js";import{POD as p}from"../template-preview/models/WhatsAppTemplate.js";import{TemplateModalContext as m}from"./context/templateModalContext.js";import v from"./modalElements/Footer.js";import h from"./modalElements/TemplateSelectModalContent.js";import{convertPlaceholdersToBikDropdown as b}from"./utils/convertPlaceholdersToBikDropdown.js";const C=C=>{let{selectedTemplate:g,closeDialog:f,showVariableMapping:P,channel:x,htmlContent:E,templateVariables:S,onTemplateSelect:I,globalPlaceholders:T,showOnlyContent:y,whatsappSpecificPickerMeta:w,zIndex:V,showVariableModal:L,variableList:k,discountCode:j,setDiscountCode:D,onBackPress:M,enabledCustomText:A,variableListForImage:B,showSampleValues:H,disableEditVariable:F,pod:O,extras:W,pickerConf:N,selectedCarouselProducts:z,disableEditExpiry:R,cardWidth:U,onDeleteSelectedProducts:$,fileName:_,setFileName:q,hideDeviceContainerInPreview:G,maxCharLimit:J,onDefaultVariableSelect:K}=C;var Q,X,Y,Z,ee,le,oe,te;r((()=>{ce(E)}),[E]);const re=x===c.WHATSAPP&&"CAROUSEL"===(null===(X=null===(Q=null==g?void 0:g.components)||void 0===Q?void 0:Q[1])||void 0===X?void 0:X.type),ie=null==g?void 0:g.isProductCarouselType,[ae,se]=i(x===c.EMAIL||x==c.WEBPUSH||re?"desktop":"mobile"),[ne,de]=i(!1),[ue,ce]=i(E),[pe,me]=i(!1),[ve,he]=i([]),[be,Ce]=i({}),[ge,fe]=i(g),[Pe,xe]=i([]),[Ee,Se]=i(null),[Ie,Te]=i(!1),[ye,we]=i(null!=S?S:[]),[Ve,Le]=i(!1),[ke,je]=i(re?(null===(Z=null===(Y=null==ge?void 0:ge.mapping)||void 0===Y?void 0:Y.body)||void 0===Z?void 0:Z.length)?-1:0:-1),[De,Me]=i([]),[Ae,Be]=i(void 0),He=a(null),[Fe,Oe]=i(!1),[We,Ne]=i(!1),[ze,Re]=i(!1),[Ue,$e]=i({});r((()=>{z?Me(z):ie&&Me([])}),[z]),r((()=>{var e;if(!Ie&&ie&&(!z||0===Me.length)){const l=null===(e=null==ge?void 0:ge.components)||void 0===e?void 0:e[1].cards,o=[];null==l||l.forEach((e=>{var l;null===(l=null==e?void 0:e.components)||void 0===l||l.forEach((e=>{var l,t,r;"HEADER"===e.type&&o.push(null!==(r=null===(t=null===(l=e.example)||void 0===l?void 0:l.header_handle)||void 0===t?void 0:t[0])&&void 0!==r?r:"")}))})),xe(o),Te(!0)}}),[Ie]);const _e=s((()=>b(T)),[T]);return r((()=>{Be(t(k))}),[k]),e(m.Provider,Object.assign({value:{hideFooterButton:ze,setHideFooterButton:Re,hideCrossButton:We,setHideCrossButton:Ne,variableList:Ae,setVariableList:Be,variableCallback:Ee,setVariableCallback:Se,showVariablePicker:ne,setShowVariablePicker:de,template:ge,setTemplate:fe,device:ae,setDevice:se,display_content:ue,setDisplayContent:ce,originalVariableList:ye,setOriginalVariableList:we,isError:pe,setIsError:me,channel:x,globalNormalizedPlaceholders:_e,templateSelectionTriggered:Ve,setTemplateSelectionTriggered:Le,enabledCustomText:A,disableEditVariable:F,pod:O,extras:W,isWhatsappCarousel:re,selectedCarouselIndex:ke,setSelectedCarouselIndex:je,isProductCarouselType:ie,templateErrorIndexes:be,cardCount:re?null===(le=null===(ee=g.components)||void 0===ee?void 0:ee[1].cards)||void 0===le?void 0:le.length:void 0,errorIndexes:ve,setErrorIndexes:he,pickerConf:N,carouselProducts:De,setCarouselProducts:Me,disableEditExpiry:R,cardWidth:U,cardImages:Pe,onDeleteSelectedProducts:$,hideDeviceContainerInPreview:G,sliderRef:He,isCarouselHovered:Fe,setIsCarouselHovered:Oe,maxCharLimit:J,ctaOptionsErrors:Ue,setCtaOptionsErrors:$e,onDefaultVariableSelect:K}},{children:y?e(h,{variableListFromProps:k,channel:c.EMAIL,hideHeader:!0}):l(u,Object.assign({hideCrossButton:We,zIndex:V,centralContainerStyles:{width:re?900:x===c.EMAIL&&P?1e3:800},open:!0,onClose:()=>{null==f||f()},headingTitle:null==ge?void 0:ge.label,headingSubtitle:x===c.WHATSAPP?`${n.capitaliseFirstLetterOfString(null!==(oe=null==ge?void 0:ge.category)&&void 0!==oe?oe:"")} • ${null!==(te=null==ge?void 0:ge.templateCategory)&&void 0!==te?te:""}`:"",onBackPress:()=>{null==M||M()},modalHeaderStyles:{borderBottom:`1px solid ${d.stroke.primary}`}},{children:[e(h,{variableListFromProps:k,showSampleValues:H,showVariableMapping:P,channel:x,whatsappSpecificPickerMeta:w,showVariableModal:L,discountCode:j,setDiscountCode:D,variableListForImage:B&&(null==B?void 0:B.length)>0?B:Ae,fileName:_,setFileName:e=>{null==q||q(e)}}),I?e(v,{isWhatsappCarousel:null!=re&&re,onSelect:function(){var e;if((null==De?void 0:De.length)<1&&ie)return void me(!0);if(Object.keys(Ue).length>0&&O!==p.CHATBOT)return void me(!0);const l=null==I?void 0:I(ge,ye,null!=ue?ue:"",De);Ce(null!==(e=null==l?void 0:l.templateErrorIndexes)&&void 0!==e?e:{body:[],buttons:[]}),(null==l?void 0:l.errorIndexes)||(null==l?void 0:l.error)?((null==l?void 0:l.errorIndexes)&&he(l.errorIndexes),(null==l?void 0:l.error)&&me(!!(null==l?void 0:l.error))):Le(!0)}}):e(o,{})]}))}))};export{C as TemplateContextMapper};

package/dist/esm/components/template-context-mapper/context/templateModalContext.d.ts

@@ -4,11 +4,9 @@ import Slider from 'react-slick';
 import { VariableListInterfaceV2 } from "../../add-variableV2";
 import { CarouselProduct } from "../modalElements/EditWhatsAppCarouselTemplateV2";
 import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
-import { EmailTemplateType } from "../../template-preview/models/EmailTemplate";
-import { SMSTemplateType } from "../../template-preview/models/SmsTemplate";
-import { CUSTOM_VARIABLE, globalNormalizedPlaceholdersType } from "../../template-preview/models/TemplateMeta";
-import { WhatsAppCarouselTemplate, WhatsAppCarouselTemplateVariables } from "../../template-preview/models/WhatsappCarouselTemplate";
-import { ExtrasWhatsapp, WhatsAppTemplate, WhatsAppTemplateVariables } from "../../template-preview/models/WhatsAppTemplate";
+import { globalNormalizedPlaceholdersType } from "../../template-preview/models/TemplateMeta";
+import { AllTemplateTypes, AllTemplateVariables } from "../../template-preview/models/types";
+import { ExtrasWhatsapp } from "../../template-preview/models/WhatsAppTemplate";
 export type DEVICE_TYPES = 'desktop' | 'mobile';
 export declare const TemplateModalContext: React.Context<{
     hideFooterButton: boolean;
@@ -25,12 +23,12 @@ export declare const TemplateModalContext: React.Context<{
     setDevice?: React.Dispatch<React.SetStateAction<DEVICE_TYPES>> | undefined;
     display_content: string | null;
     setDisplayContent?: React.Dispatch<React.SetStateAction<string | null>> | undefined;
-    originalVariableList: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables | WhatsAppCarouselTemplateVariables;
-    setOriginalVariableList?: React.Dispatch<React.SetStateAction<WhatsAppTemplateVariables | WhatsAppCarouselTemplateVariables | CUSTOM_VARIABLE[]>> | undefined;
+    originalVariableList: AllTemplateVariables;
+    setOriginalVariableList?: React.Dispatch<React.SetStateAction<AllTemplateVariables>> | undefined;
     channel: CHANNEL_TYPE;
     setChannel?: React.Dispatch<React.SetStateAction<CHANNEL_TYPE>> | undefined;
-    template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType | WhatsAppCarouselTemplate | null;
-    setTemplate?: React.Dispatch<React.SetStateAction<WhatsAppTemplate | EmailTemplateType | SMSTemplateType | WhatsAppCarouselTemplate | null>> | undefined;
+    template: AllTemplateTypes;
+    setTemplate?: React.Dispatch<React.SetStateAction<AllTemplateTypes>> | undefined;
     isError: boolean;
     setIsError?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
     globalNormalizedPlaceholders?: globalNormalizedPlaceholdersType[] | undefined;
@@ -92,12 +90,12 @@ export declare const useTemplateModalContext: () => {
     setDevice?: React.Dispatch<React.SetStateAction<DEVICE_TYPES>> | undefined;
     display_content: string | null;
     setDisplayContent?: React.Dispatch<React.SetStateAction<string | null>> | undefined;
-    originalVariableList: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables | WhatsAppCarouselTemplateVariables;
-    setOriginalVariableList?: React.Dispatch<React.SetStateAction<WhatsAppTemplateVariables | WhatsAppCarouselTemplateVariables | CUSTOM_VARIABLE[]>> | undefined;
+    originalVariableList: AllTemplateVariables;
+    setOriginalVariableList?: React.Dispatch<React.SetStateAction<AllTemplateVariables>> | undefined;
     channel: CHANNEL_TYPE;
     setChannel?: React.Dispatch<React.SetStateAction<CHANNEL_TYPE>> | undefined;
-    template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType | WhatsAppCarouselTemplate | null;
-    setTemplate?: React.Dispatch<React.SetStateAction<WhatsAppTemplate | EmailTemplateType | SMSTemplateType | WhatsAppCarouselTemplate | null>> | undefined;
+    template: AllTemplateTypes;
+    setTemplate?: React.Dispatch<React.SetStateAction<AllTemplateTypes>> | undefined;
     isError: boolean;
     setIsError?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
     globalNormalizedPlaceholders?: globalNormalizedPlaceholdersType[] | undefined;

package/dist/esm/components/template-context-mapper/modalElements/Body.js

@@ -1,22 +1,22 @@
-import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import"../../curtain/CurtainHelper.js";import{PickerType as i}from"../../variable-picker-v3/model.js";import{cloneDeep as a}from"lodash";import{useRef as l}from"react";import n from"styled-components";import{CarouselPreview as r}from"../../carousel-preview/CarouselPreview.js";import s from"./EditWhatsAppCarouselTemplateV2.js";import{CHANNEL_TYPE as p}from"../../template-preview/models/Channels.js";import{BodySecondary as d}from"../../TypographyStyle.js";import{VariablePicker as c}from"../../variable-picker-v3/VariablePicker.js";import{COLORS as m}from"../../../constants/Theme.js";import{useTemplateModalContext as h}from"../context/templateModalContext.js";import{BACKGROUND_PREVIEW_IMAGE as u}from"../utils/constants.js";import{getVariableNameForEmailByIndex as w}from"../utils/getVariableNameEmail.js";import{highlightFor as v}from"../utils/highlightFor.js";import f from"./DesktopPreview.js";import b from"./EditWhatsAppTemplateV2.js";import g from"./MobilePreview.js";import C from"./VariableConnectorsPanel.js";const P=n.div`
+import{jsxs as e,jsx as t,Fragment as a}from"react/jsx-runtime";import"../../curtain/CurtainHelper.js";import{PickerType as i}from"../../variable-picker-v3/model.js";import{cloneDeep as o}from"lodash";import{useRef as l}from"react";import r from"styled-components";import{CarouselPreview as s}from"../../carousel-preview/CarouselPreview.js";import n from"./EditWhatsAppCarouselTemplateV2.js";import{TemplatePreview as p}from"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import{COLORS as m}from"../../../constants/Theme.js";import"../../template-preview/models/TemplateMeta.js";import"../../template-preview/models/WhatsAppTemplate.js";import{CHANNEL_TYPE as d}from"../../template-preview/models/Channels.js";import{BodySecondary as c}from"../../TypographyStyle.js";import{VariablePicker as h}from"../../variable-picker-v3/VariablePicker.js";import{useTemplateModalContext as u}from"../context/templateModalContext.js";import{BACKGROUND_PREVIEW_IMAGE as w}from"../utils/constants.js";import{getVariableNameForEmailByIndex as v}from"../utils/getVariableNameEmail.js";import{highlightFor as f}from"../utils/highlightFor.js";import b from"./DesktopPreview.js";import g from"./EditWebpushTemplate.js";import P from"./EditWhatsAppTemplateV2.js";import C from"./MobilePreview.js";import S from"./VariableConnectorsPanel.js";const j=r.div`
 	display: flex;
 	//	height: 100%;
-`,x=n.div`
+`,x=r.div`
 	max-width: 450px;
-	max-width: ${e=>e.channel===p.EMAIL?"400px":"450px"};
+	max-width: ${e=>e.channel===d.EMAIL?"400px":"450px"};
 
-	height: ${e=>e.channel===p.WHATSAPP?"500px":"475px"};
+	height: ${e=>e.channel===d.WHATSAPP?"500px":"475px"};
 	overflow-y: auto;
 	padding-bottom: 24px;
 	border-left: ${m.stroke.primary} 1px solid;
 	border-top: ${e=>e.isWhatsappCarousel?`${m.stroke.primary} 1px solid`:void 0};
 	${e=>!e.showVariableMapping&&"width: 340px; height: 500px"};
-`,y=n.div`
+`,y=r.div`
 	padding: ${e=>e.isWhatsappCarousel?void 0:e.showOnlyContent?"16px 14px":"16px 32px"};
 	flex: 1;
 	height: ${e=>e.isWhatsappCarousel||e.hideDeviceContainerInPreview?"500px":"475px"};
 	overflow-y: auto;
-	background-image: ${e=>e.hideDeviceContainerInPreview&&e.channel===p.WHATSAPP?`url(${u});`:"none"};
-	display: ${e=>e.hideDeviceContainerInPreview&&e.channel===p.WHATSAPP?"flex":"initial"};
+	background-image: ${e=>e.hideDeviceContainerInPreview&&e.channel===d.WHATSAPP?`url(${w});`:"none"};
+	display: ${e=>e.hideDeviceContainerInPreview&&e.channel===d.WHATSAPP?"flex":"initial"};
 	align-items: flex-start;
-`,S=n=>{const{showVariableMapping:u,showOnlyContent:S,whatsappSpecificPickerMeta:k,showVariableModal:j,discountCode:V,setDiscountCode:A,variableListForImage:M,showSampleValues:W,variableListFromProps:T,fileName:D,setFileName:E}=n,I=l(),$=l(),{variableList:H,setVariableList:L,variableCallback:B,showVariablePicker:F,setShowVariablePicker:O,device:_,display_content:N,channel:G,template:q,setTemplate:z,isWhatsappCarousel:J,isProductCarouselType:K,hideDeviceContainerInPreview:Q,onDefaultVariableSelect:R}=h();const U=e=>{let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t};return e(P,{children:[t(y,Object.assign({showOnlyContent:S,showVariableMapping:u,isWhatsappCarousel:J,hideDeviceContainerInPreview:Q,channel:G},{children:"mobile"===_?t(g,{ref:$,display_content:null!=N?N:"",channel:G,template:q,showSampleValues:W}):G===p.WHATSAPP&&J?t(r,{ref:I,channel:G,template:q,showSampleValues:W,isPreview:!1,showArrows:!0}):G!==p.MESSAGE?t(f,{ref:I,channel:G,display_content:null!=N?N:"",showSampleValues:W}):t(o,{})})),(K||u)&&e(x,Object.assign({channel:G,isWhatsappCarousel:J,showVariableMapping:!0},{children:[t("div",Object.assign({style:{height:"100%",width:"whatsapp"===G?428:400,display:F?"block":"none"}},{children:t(c,{hideHeaderCross:!0,showHeader:!0,showBackButton:!0,onBackButtonClick:()=>{L(a(T)),O(!1)},onSelect:e=>{B(e),L(a(T)),O(!1)},type:i.EMBEDDED,data:null!=H?H:[],onDefaultVariableSelect:R},Math.random())})),t("div",Object.assign({style:{padding:"16px 14px",width:"whatsapp"===G?428:400,display:F?"none":"block"}},{children:G!==p.WHATSAPP?t(C,{onFocus:G===p.EMAIL?function(e){var t,o,i;const a=null===document||void 0===document?void 0:document.getElementById("mobile"===_?"template_html_mobile":"template_html_desktop"),l=w(e+1),n=G===p.EMAIL?null===(t=null==a?void 0:a.contentWindow)||void 0===t?void 0:t.document.getElementById(l):document.getElementById(l),r=U(n),s=null==n?void 0:n.offsetLeft;"desktop"===_?r&&I.current&&(null===(o=null==a?void 0:a.contentWindow)||void 0===o||o.scrollTo(null!=s?s:0,r),v(l,m.background.warning.light,2,G,_)):r&&$.current&&(null===(i=null==a?void 0:a.contentWindow)||void 0===i||i.scrollTo(null!=s?s:0,r),v(l,m.background.warning.light,2,G,_))}:void 0,showVariableModal:j,discountCode:V,setDiscountCode:A}):G===p.WHATSAPP&&J?t(s,{whatsappSpecificPickerMeta:k,template:q,showVariableModal:j,variableListForImage:M,discountCode:V,setDiscountCode:A}):t(b,{whatsappSpecificPickerMeta:k,template:q,onTemplateChange:e=>{null==z||z(e)},showVariableModal:j,variableListForImage:M,discountCode:V,setDiscountCode:A,fileName:D,setFileName:E})}))]})),[p.WHATSAPP,p.SMS].includes(G)&&!u&&!K&&t(x,{children:t(d,Object.assign({color:m.content.secondary,style:{fontStyle:"italic"}},{children:"Click on ‘Select template’ below to use it"}))})]})};export{S as default};
+`,k=r=>{const{showVariableMapping:w,showOnlyContent:k,whatsappSpecificPickerMeta:A,showVariableModal:W,discountCode:V,setDiscountCode:M,variableListForImage:T,showSampleValues:E,variableListFromProps:D,fileName:I,setFileName:H}=r,L=l(),$=l(),{variableList:B,setVariableList:F,variableCallback:O,showVariablePicker:_,setShowVariablePicker:N,device:U,display_content:G,channel:q,template:z,setTemplate:J,isWhatsappCarousel:K,isProductCarouselType:Q,hideDeviceContainerInPreview:R,onDefaultVariableSelect:X}=u();const Y=e=>{let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t};return e(j,{children:[t(y,Object.assign({showOnlyContent:k,showVariableMapping:w,isWhatsappCarousel:K,hideDeviceContainerInPreview:R,channel:q},{children:"mobile"===U?t(C,{ref:$,display_content:null!=G?G:"",channel:q,template:z,showSampleValues:E}):q===d.WHATSAPP&&K?t(s,{ref:L,channel:q,template:z,showSampleValues:E,isPreview:!1,showArrows:!0}):q===d.WEBPUSH?t(p,{showSampleValues:E,channel:q,hideHeader:!0,template:z}):q!==d.MESSAGE?t(b,{ref:L,channel:q,display_content:null!=G?G:"",showSampleValues:E}):t(a,{})})),(Q||w)&&e(x,Object.assign({channel:q,isWhatsappCarousel:K,showVariableMapping:!0},{children:[t("div",Object.assign({style:{height:"100%",width:"whatsapp"===q?428:400,display:_?"block":"none"}},{children:t(h,{hideHeaderCross:!0,showHeader:!0,showBackButton:!0,onBackButtonClick:()=>{F(o(D)),N(!1)},onSelect:e=>{O(e),F(o(D)),N(!1)},type:i.EMBEDDED,data:null!=B?B:[],onDefaultVariableSelect:X},Math.random())})),t("div",Object.assign({style:{padding:"16px 14px",width:"whatsapp"===q||"webpush"==q?428:400,display:_?"none":"block"}},{children:q!==d.WHATSAPP?q==d.WEBPUSH?t(g,{whatsappSpecificPickerMeta:A,template:z,onTemplateChange:e=>{null==J||J(e)},showVariableModal:W,variableListForImage:T}):t(S,{onFocus:q===d.EMAIL?function(e){var t,a,i;const o=null===document||void 0===document?void 0:document.getElementById("mobile"===U?"template_html_mobile":"template_html_desktop"),l=v(e+1),r=q===d.EMAIL?null===(t=null==o?void 0:o.contentWindow)||void 0===t?void 0:t.document.getElementById(l):document.getElementById(l),s=Y(r),n=null==r?void 0:r.offsetLeft;"desktop"===U?s&&L.current&&(null===(a=null==o?void 0:o.contentWindow)||void 0===a||a.scrollTo(null!=n?n:0,s),f(l,m.background.warning.light,2,q,U)):s&&$.current&&(null===(i=null==o?void 0:o.contentWindow)||void 0===i||i.scrollTo(null!=n?n:0,s),f(l,m.background.warning.light,2,q,U))}:void 0,showVariableModal:W,discountCode:V,setDiscountCode:M}):q===d.WHATSAPP&&K?t(n,{whatsappSpecificPickerMeta:A,template:z,showVariableModal:W,variableListForImage:T,discountCode:V,setDiscountCode:M}):t(P,{whatsappSpecificPickerMeta:A,template:z,onTemplateChange:e=>{null==J||J(e)},showVariableModal:W,variableListForImage:T,discountCode:V,setDiscountCode:M,fileName:I,setFileName:H})}))]})),[d.WHATSAPP,d.SMS].includes(q)&&!w&&!Q&&t(x,{children:t(c,Object.assign({color:m.content.secondary,style:{fontStyle:"italic"}},{children:"Click on ‘Select template’ below to use it"}))})]})};export{k as default};