@bikdotai/bik-component-library 0.0.533-beta.1 → 0.0.533-beta.10

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

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

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

@@ -1,6 +1,7 @@
 export declare const Container: import("styled-components").StyledComponent<"div", any, {
     isCarouselCard?: boolean | undefined;
     showBorder?: boolean | undefined;
+    showDashedBorder?: boolean | undefined;
     isWhatsappCarousel?: boolean | undefined;
     hasError?: boolean | undefined;
     isPreview?: boolean | undefined;
@@ -9,6 +10,10 @@ export declare const TimeStamp: import("styled-components").StyledComponent<"div
     numberOfLines?: number | undefined;
     color?: string | undefined;
 }, never>;
+export declare const FooterText: import("styled-components").StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+}, never>;
 export declare const MediaContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ChatBtnContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const FooterWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,6 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);const a=i.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);const d=i.default.div`
 	background: ${r.COLORS.surface.standard};
-	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
 	border-top-left-radius: ${e=>e.isCarouselCard?"12px":"0px"};
 	border-top-right-radius: 12px;
 	border-bottom-right-radius: 12px;
@@ -8,20 +7,27 @@
 	position: relative;
 	padding: 8px 0px;
 	border: 2px solid
-		${e=>e.hasError?`${r.COLORS.content.negative}`:e.showBorder?`${r.COLORS.stroke.brand}`:`${r.COLORS.text.white}`};
+		${e=>e.hasError?`${r.COLORS.content.negative}`:e.showBorder?`${r.COLORS.stroke.brand}`:`${r.COLORS.stroke.primary}`};
+	border: ${e=>e.showDashedBorder&&`2px dashed ${r.COLORS.content.brand}`};
+	height: 100%;
+	display: flex;
+	flex-direction: column;
 	:hover {
 		border: 2px
 			${e=>e.isPreview?"unset":e.isWhatsappCarousel?e.hasError?"dashed":e.showBorder?"solid":"dashed":"solid"}
 			${r.COLORS.stroke.brand};
+		box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25);
 	}
-`,d=i.default(t.Caption)`
+`,a=i.default(t.Caption)`
 	color: ${r.COLORS.content.secondary};
 	max-width: 80px;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	overflow: hidden;
 	text-wrap: wrap;
-`,s=i.default.div`
+`,s=i.default(a)`
+	max-width: 200px;
+`,n=i.default.div`
 	border-radius: 8px;
 	display: flex;
 	flex-direction: column;
@@ -30,14 +36,14 @@
 	min-height: 152px;
 	margin-bottom: 4px;
 	margin: 0px 8px;
-`,n=i.default.div`
+`,p=i.default.div`
 	padding: 12px;
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
 	align-items: center;
 	border-top: 1px solid ${r.COLORS.stroke.primary};
-`,p=i.default.div`
+`,x=i.default.div`
 	display: flex;
 	flex-direction: row;
 	justify-content: space-between;
@@ -60,4 +66,4 @@
 	position: absolute;
 	top: 16px;
 	right: 16px;
-`,exports.ChatBtnContainer=n,exports.Container=a,exports.FooterWrapper=p,exports.MediaContainer=s,exports.TimeStamp=d;
+`,exports.ChatBtnContainer=p,exports.Container=d,exports.FooterText=s,exports.FooterWrapper=x,exports.MediaContainer=n,exports.TimeStamp=a;

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/copy-code-icon.svg.js"),r=require("../../../assets/icons/halfRectangle.svg.js"),s=require("../../../assets/icons/phone.svg.js"),i=require("../../../assets/icons/qrb.svg.js"),a=require("../../../assets/icons/RedirectToNew.svg.js"),o=require("styled-components"),n=require("../../template-context-mapper/context/templateModalContext.js"),l=require("../../tooltips/Tooltip.js"),d=require("../../TypographyStyle.js"),p=require("../../../constants/Theme.js"),u=require("../helpers/VariableEditorHelper.js"),x=require("../models/TemplateMeta.js"),c=require("./ChatBtn.js"),h=require("./ChatUI.style.js"),m=require("./LimitedTimeOffer/LimitedTimeOffer.index.js"),j=require("./MediaCard.js");function T(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=T(o);const y=f.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/copy-code-icon.svg.js"),r=require("../../../assets/icons/halfRectangle.svg.js"),s=require("../../../assets/icons/phone.svg.js"),i=require("../../../assets/icons/qrb.svg.js"),a=require("../../../assets/icons/RedirectToNew.svg.js"),o=require("styled-components"),l=require("../../template-context-mapper/context/templateModalContext.js"),n=require("../../tooltips/Tooltip.js"),d=require("../../TypographyStyle.js"),p=require("../../../constants/Theme.js"),u=require("../helpers/VariableEditorHelper.js"),x=require("../models/TemplateMeta.js"),c=require("./ChatBtn.js"),h=require("./ChatUI.style.js"),m=require("./LimitedTimeOffer/LimitedTimeOffer.index.js"),j=require("./MediaCard.js");function T(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=T(o);const y=f.default.div`
 	position: absolute;
 	width: 8px;
 	height: 8px;
@@ -16,4 +16,4 @@
 `,g=f.default(C)`
 	font-weight: 600;
 	margin-bottom: 8px;
-`,E=new u.VariableEditorHelper;exports.ChatUIV2=o=>{const{bodyText:p,footerText:u,headerMediaType:T,headerText:f,headerAssetLink:v,headerAssetName:b,quickReplybtn:q,ctaBtn:O,actionTypes:_,extras:w,showHeader:P,imagePreviewStyles:S,size:I,bodyVariableList:L,headerVariableList:A,buttons:M,limitedTimeOfferComponent:N,carouselCardIndex:R,isWhatsappCarousel:B,isPreview:H}=o,Y=E.format(p,L),U=E.format(f,A),{selectedCarouselIndex:D,isProductCarouselType:F,errorIndexes:V}=n.useTemplateModalContext(),k={COPY_CODE:t.default,PHONE_NUMBER:s.default,URL:a.default,QUICK_REPLY:i.default};return e.jsxs(h.Container,Object.assign({isCarouselCard:null!=R&&R>-1,showBorder:null!=R&&R===D||F&&null!=R&&R>-1&&null!=D&&D>-1,hasError:null==V?void 0:V.includes(null!=R?R:-2),isWhatsappCarousel:B,isPreview:H},{children:[!B&&e.jsx(y,{children:e.jsx(r.default,{color:"white",height:8,width:8})}),T===x.HEADER_TYPES.TEXT?e.jsx(g,{dangerouslySetInnerHTML:{__html:U}}):T!==x.HEADER_TYPES.NONE?e.jsx(j.MediaCard,{headerAssetLink:v,headerAssetName:b,mediaType:T,imagePreviewStyles:T===x.HEADER_TYPES.IMAGE?S:{}}):e.jsx(e.Fragment,{}),(null==N?void 0:N.dateTime)?e.jsx(m.LimitedTimeOffer,{text:N.text,dateTime:N.dateTime,code:N.code}):e.jsx(e.Fragment,{}),!!p&&e.jsx(e.Fragment,{children:e.jsx(C,{dangerouslySetInnerHTML:{__html:Y}})}),e.jsxs(h.FooterWrapper,{children:[e.jsx(l.Tooltip,Object.assign({body:null!=u?u:"",placement:"top"},{children:e.jsx(h.TimeStamp,Object.assign({style:{flex:1}},{children:u}))})),e.jsx(h.TimeStamp,{children:"16:48"})]}),M&&M.length>0?M.map(((t,r)=>e.jsx(c.ChatBtn,{text:"COPY_CODE"===t.type?"Copy code":t.text,Icon:k[t.type],size:I},r))):_===x.ACTIONS_TYPES.QUICK_REPLY?e.jsx("div",{children:null==q?void 0:q.map(((t,r)=>e.jsx(c.ChatBtn,{text:t.text},r)))}):_===x.ACTIONS_TYPES.CTA_BTN?e.jsx("div",{children:null==O?void 0:O.map(((t,r)=>e.jsx(c.ChatBtn,{textTypography:P?d.Caption:d.BodySecondary,extraContent:w?t.extra:void 0,placeholder:t.placeholder,text:t.text,Icon:"phoneNumber"===t.type?s.default:a.default,size:I},r)))}):e.jsx(e.Fragment,{})]}))};
+`,E=new u.VariableEditorHelper;exports.ChatUIV2=o=>{const{bodyText:p,footerText:u,headerMediaType:T,headerText:f,headerAssetLink:v,headerAssetName:b,quickReplybtn:q,ctaBtn:O,actionTypes:w,extras:_,showHeader:P,imagePreviewStyles:I,size:S,bodyVariableList:L,headerVariableList:A,buttons:M,limitedTimeOfferComponent:N,carouselCardIndex:R,isWhatsappCarousel:B,isPreview:H}=o,Y=E.format(p,L),D=E.format(f,A),{selectedCarouselIndex:F,isProductCarouselType:U,errorIndexes:V,isCarouselHovered:k}=l.useTemplateModalContext(),z={COPY_CODE:t.default,PHONE_NUMBER:s.default,URL:a.default,QUICK_REPLY:i.default};return e.jsxs(h.Container,Object.assign({isCarouselCard:null!=R&&R>-1,showBorder:null!=R&&R===F||U&&null!=R&&R>-1&&null!=F&&F>-1,hasError:null==V?void 0:V.includes(null!=R?R:-2),isWhatsappCarousel:B,isPreview:H,showDashedBorder:U&&k&&(null!=F?F:-1)<0&&(null!=R?R:-1)>-1},{children:[!B&&e.jsx(y,{children:e.jsx(r.default,{color:"white",height:8,width:8})}),T===x.HEADER_TYPES.TEXT?e.jsx(g,{dangerouslySetInnerHTML:{__html:D}}):T!==x.HEADER_TYPES.NONE?e.jsx(j.MediaCard,{headerAssetLink:v,headerAssetName:b,mediaType:T,imagePreviewStyles:T===x.HEADER_TYPES.IMAGE?I:{}}):e.jsx(e.Fragment,{}),(null==N?void 0:N.dateTime)?e.jsx(m.LimitedTimeOffer,{text:N.text,dateTime:N.dateTime,code:N.code}):e.jsx(e.Fragment,{}),!!p&&e.jsx(e.Fragment,{children:e.jsx(C,{dangerouslySetInnerHTML:{__html:Y},style:{flex:1}})}),e.jsxs(h.FooterWrapper,{children:[e.jsx(n.Tooltip,Object.assign({body:null!=u?u:"",placement:"top"},{children:e.jsx(h.FooterText,Object.assign({style:{flex:1}},{children:u}))})),e.jsx(h.TimeStamp,{children:"16:48"})]}),M&&M.length>0?M.map(((t,r)=>e.jsx(c.ChatBtn,{text:"COPY_CODE"===t.type?"Copy code":t.text,Icon:z[t.type],size:S},r))):w===x.ACTIONS_TYPES.QUICK_REPLY?e.jsx("div",{children:null==q?void 0:q.map(((t,r)=>e.jsx(c.ChatBtn,{text:t.text},r)))}):w===x.ACTIONS_TYPES.CTA_BTN?e.jsx("div",{children:null==O?void 0:O.map(((t,r)=>e.jsx(c.ChatBtn,{textTypography:P?d.Caption:d.BodySecondary,extraContent:_?t.extra:void 0,placeholder:t.placeholder,text:t.text,Icon:"phoneNumber"===t.type?s.default:a.default,size:S},r)))}):e.jsx(e.Fragment,{})]}))};

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

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

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

@@ -1,10 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../template-context-mapper/context/templateModalContext.js"),a=require("../../TypographyStyle.js"),s=require("../../../constants/Theme.js"),i=require("../utils/getPreviewPropLen.js"),o=require("./ChatHeader.js"),n=require("./ChatUiV2.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=p(t);const l=d.default.div`
-	background-image: ${e=>e.isWhatsappCarousel?"none":"url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f')"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../template-context-mapper/context/templateModalContext.js"),s=require("../../template-context-mapper/utils/constants.js"),a=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js"),o=require("../utils/getPreviewPropLen.js"),n=require("./ChatHeader.js"),p=require("./ChatUiV2.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(t);const d=u.default.div`
+	background-image: ${e=>e.isWhatsappCarousel?"none":`url(${s.BACKGROUND_PREVIEW_IMAGE})`};
 	border-radius: 4px;
 	background-repeat: no-repeat;
 	background-position: center;
 	background-size: cover;
 	position: relative;
-`,c=d.default(a.TitleRegular)`
-	color: ${s.COLORS.content.primary};
-`;exports.WhatsappLikePreviewV2=t=>{const{hideDeviceContainerInPreview:a}=r.useTemplateModalContext();return 3===i.getPreviewPropLen(t)?e.jsx(e.Fragment,{children:t.zeroStateComponent}):a?e.jsx(n.ChatUIV2,Object.assign({showHeader:t.showHeader},t)):e.jsx(e.Fragment,{children:e.jsxs(l,Object.assign({style:t.containerStyle,showHeader:t.showHeader,isWhatsappCarousel:t.isWhatsappCarousel},{children:[t.showHeader&&e.jsx(o.default,{}),e.jsxs("div",Object.assign({style:{padding:"small"===t.size?"12px 32px 12px 12px":`16px ${t.isWhatsappCarousel?"0px":"56px"} ${t.isWhatsappCarousel?"2px":"16px"} 16px`}},{children:[!t.hidePreviewText&&e.jsx("div",Object.assign({style:{marginBottom:16}},{children:e.jsx(c,{children:"Preview"})})),e.jsx(n.ChatUIV2,Object.assign({showHeader:t.showHeader},t))]}))]}))})};
+	height: ${e=>e.isWhatsappCarousel?"100%":"auto"};
+`,c=u.default(a.TitleRegular)`
+	color: ${i.COLORS.content.primary};
+`;exports.WhatsappLikePreviewV2=t=>{const{hideDeviceContainerInPreview:s}=r.useTemplateModalContext();return 3===o.getPreviewPropLen(t)?e.jsx(e.Fragment,{children:t.zeroStateComponent}):s?e.jsx(p.ChatUIV2,Object.assign({showHeader:t.showHeader},t)):e.jsx(e.Fragment,{children:e.jsxs(d,Object.assign({style:t.containerStyle,showHeader:t.showHeader,isWhatsappCarousel:t.isWhatsappCarousel},{children:[t.showHeader&&e.jsx(n.default,{}),e.jsxs("div",Object.assign({style:{padding:"small"===t.size?"12px 32px 12px 12px":`16px ${t.isWhatsappCarousel?"0px":"56px"} ${t.isWhatsappCarousel?"2px":"16px"} 16px`,height:t.isWhatsappCarousel?"100%":"auto"}},{children:[!t.hidePreviewText&&e.jsx("div",Object.assign({style:{marginBottom:16}},{children:e.jsx(c,{children:"Preview"})})),e.jsx(p.ChatUIV2,Object.assign({showHeader:t.showHeader},t))]}))]}))})};

package/dist/cjs/components/template-preview/helpers/SmsTemplateHelper.d.ts

@@ -1,2 +1,2 @@
 import { CUSTOM_VARIABLE } from '../models/TemplateMeta';
-export declare const renderVariableUIForPreview: (content: string, variablStore?: CUSTOM_VARIABLE[], brandColor?: string) => string;
+export declare const renderVariableUIForPreview: (content: string, variablStore?: CUSTOM_VARIABLE[], brandColor?: string, uniqueId?: string) => string;

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

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

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

@@ -32,4 +32,5 @@ export type SMSMeta = {
     smsVariableStore?: CUSTOM_VARIABLE[];
     smsDisplayContent?: string;
     templateContainerStyles?: React.CSSProperties | undefined;
+    uniqueId?: string;
 };

package/dist/cjs/components/tooltips/TooltipInternal.d.ts

@@ -2,7 +2,7 @@ import { FunctionComponent } from 'react';
 import { ButtonProps } from "../button/model";
 export interface TooltipInternalProps {
     title?: string;
-    body: string;
+    body?: string;
     buttonProps?: ButtonProps;
     delay?: number;
     variant?: 'light' | 'dark';

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

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

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

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

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

@@ -4,6 +4,8 @@
 	padding: 12px 16px 0px 16px;
 	background-color: ${t.COLORS.surface.subdued};
 	justify-content: space-between;
+	border-top-right-radius: 4px;
+	border-top-left-radius: 4px;
 `,a=o.default.div`
 	display: flex;
 	justify-content: space-between;
@@ -18,7 +20,7 @@
 	justify-content: center;
 	height: 32px;
 	background-color: ${t.COLORS.background.base};
-`,n=o.default.div`
+`,p=o.default.div`
 	margin: 8px;
 	display: flex;
 	flex-direction: column;
@@ -37,4 +39,4 @@
 	&::-webkit-scrollbar-thumb:horizontal {
 		width: 8px;
 	}
-`;exports.BackHeader=d,exports.Container=n,exports.HeaderWrapper=i,exports.RecommendWrapper=a;
+`;exports.BackHeader=d,exports.Container=p,exports.HeaderWrapper=i,exports.RecommendWrapper=a;

package/dist/cjs/hooks/useOutside.d.ts

@@ -1 +1 @@
-export declare function useOutside(ref: any, cb: () => void): void;
+export declare function useOutside(ref: any, cb: () => void, excludeRefs?: any[]): void;

package/dist/cjs/hooks/useOutside.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.useOutside=function(t,r){e.useEffect((()=>{function e(e){t.current&&!t.current.contains(e.target)&&r()}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[t])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.useOutside=function(t,r){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];e.useEffect((()=>{function e(e){let u=!0;null==n||n.forEach((t=>{t&&t.current&&t.current.contains(e.target)&&(u=!1)})),u&&t.current&&!t.current.contains(e.target)&&r()}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[t])};

package/dist/cjs/index.d.ts

@@ -22,6 +22,7 @@ export * from './components/image-compress';
 export * from './components/TypographyStyle';
 export * from './components/button';
 export * from './components/progress-bar';
+export * from './components/progress-bar-v2';
 export * from './components/QueryBuilder';
 export * from './components/modals';
 export * from './components/dropdown';
@@ -80,3 +81,4 @@ export * from './components/carousel-preview';
 export * from './components/floater';
 export * from './components/card-selector';
 export * from './components/variable-picker-v3';
+export * from './components/action-button';

package/dist/cjs/index.js

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