@bikdotai/bik-component-library 0.0.711-beta.3 → 0.0.711

package/dist/cjs/components/bik-layout/BikSidebar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),i=require("../../assets/icons/Bik_logo.svg.js"),t=require("../../assets/icons/locked.svg.js"),n=require("react"),s=require("../progress-bar/CircularProgressBar.js"),o=require("../../constants/Theme.js"),r=require("../navigation-hyperlink/NavigationHyperlink.js"),u=require("./SidebarPopup.js"),l=require("./SidebarStyles.js"),a=require("./SimpleSidebar.js");const d=i=>{const{icon:t,isActive:n,activeStateIcon:s,hoverStateIcon:r,isHovered:u}=i,l=t,a=s,d=r;return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:n?e.jsxRuntimeExports.jsx(a,{width:20,height:20}):u?e.jsxRuntimeExports.jsx(d,{width:20,height:20,color:o.COLORS.surface.standard}):e.jsxRuntimeExports.jsx(l,{width:20,height:20,color:o.COLORS.surface.standard})})},c=i=>{let{option:n,index:s,onClickMainMenuLogic:o,setHandleHoverForFullLayout:r,isDisabled:u,setHoveredComp:a,setPopupMenu:c,mainActiveMenu:v,hoveredComp:p,popupMenu:m}=i;var x,j,g,h,y,k;return e.jsxRuntimeExports.jsx(l.SibeBarMenuItem,{children:e.jsxRuntimeExports.jsxs("div",Object.assign({id:(null===(j=null===(x=n.displayName)||void 0===x?void 0:x.split(" "))||void 0===j?void 0:j.join(""))||n.key.toString(),className:"main--sidebar",onClick:()=>o(n),onMouseEnter:()=>{!u&&r(n)},onMouseOver:()=>{!u&&r(n)},onMouseLeave:()=>{var e;(null===(e=null==n?void 0:n.children)||void 0===e?void 0:e.length)||(a(void 0),c(void 0))},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:[n.isNew&&e.jsxRuntimeExports.jsx("div",Object.assign({className:"new-tag "+(n.isLastSticky?"tag-sticky":"")},{children:"NEW"})),n.isLocked&&e.jsxRuntimeExports.jsx("div",Object.assign({className:`locked--channel ${n.isLastSticky?"tag-sticky":""}  ${n.is2ndLastSticky?"tag-sticky-2":""}`},{children:e.jsxRuntimeExports.jsx(t.default,{height:16,width:16})})),e.jsxRuntimeExports.jsxs("div",Object.assign({id:(null===(h=null===(g=n.displayName)||void 0===g?void 0:g.split(" "))||void 0===h?void 0:h.join(""))+"_sub"||n.key.toString()+"_sub",className:`sidebar-menu-item \n\t\t\t\t\t${(null==v?void 0:v.key)===n.key?"main-menu-active-class":""} \n\t\t\t\t\t${n.isLastSticky?"sticky-menu-int":""} \n\t\t\t\t\t${n.is2ndLastSticky?"sticky-menu":""} \n\t\t\t\t\t${n.key===(null==p?void 0:p.key)?"sidebar-menu-item-hover":""} \n\t\t\t\t\t${n.isNew?"new-menu-item":""}`},{children:[e.jsxRuntimeExports.jsx(d,{icon:n.icon,isActive:n.key==(null==v?void 0:v.key),activeStateIcon:null!==(y=n.activeIcon)&&void 0!==y?y:{},hoverStateIcon:null!==(k=n.hoverIcon)&&void 0!==k?k:{},isHovered:n.key==(null==p?void 0:p.key)||n.key==(null==m?void 0:m.key)}),e.jsxRuntimeExports.jsx("div",Object.assign({className:"menu-item-container"},{children:e.jsxRuntimeExports.jsx("p",Object.assign({className:"menu-item-text "+((null==n?void 0:n.key)===(null==v?void 0:v.key)?"active-menu-item-text":"")},{children:n.displayName}))}))]}),s)]}),s)})};exports.BikSidebar=t=>{const{logoSvg:o,allMenuList:d,activeMainMenu:v,activeSubMenu:p,router:m,onClickingMainMenu:x,onClickingSubMenu:j,onClickingAccessUpgradePanel:g,onClickingPopupMenuItem:h,popupMinHeight:y,isNewSidebar:k,menuStyle:b}=t,[S,E]=n.useState(v),[M,R]=n.useState(),[w,C]=n.useState(p),[f,L]=n.useState(!1),[N,O]=n.useState(),[H,P]=n.useState(),[B,I]=n.useState(),[q,_]=n.useState(null),F=n.useMemo((()=>d.filter((e=>e.is2ndLastSticky||e.isLastSticky)).length),[d]);n.useEffect((()=>{E(v)}),[v]),n.useEffect((()=>{C(p)}),[p]);const A=n.useCallback((e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(O(void 0),R(void 0),L(!0),E(e),e.path||x(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?C(null==e?void 0:e.children[0]):C({}),R(void 0),setTimeout((()=>{L(!1)}),1e3))}),[x]),$=n.useCallback((e=>{var i,t;if(W(),R(void 0),O(void 0),"popup"==(null==e?void 0:e.layout)){const i=U();i&&P(i),O(e)}else{const n=document.getElementById((null===(t=null===(i=e.displayName)||void 0===i?void 0:i.split(" "))||void 0===t?void 0:t.join(""))||e.key.toString());if(n){const e=D(n);I(e)}R(e),z()}}),[]),D=e=>{const i=e.getBoundingClientRect();let t=i.top;const n=e.querySelectorAll("div");let s=null;if(window.innerHeight<=768)return t;if(n.forEach((e=>{e.className.includes("sticky")&&(s=e)})),s){const e=window.innerHeight-i.bottom;t=i.top+e-140}return t};n.useEffect((()=>{const e=()=>{const e=U();e&&P(e),T()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const T=()=>{const e=document.getElementById("_sub-menu"),i=null==e?void 0:e.getBoundingClientRect().height;i&&I(window.innerHeight-i)},U=()=>{var e,i;if(N){const t=(null===(i=null===(e=N.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||N.key.toString()+"_sub",n=document.getElementById(t);if(n){const e=n.getBoundingClientRect();let i=e.top;const t=null!=y?y:320;return e.bottom+t>window.innerHeight&&(i-=e.bottom+t-window.innerHeight),i}return null}},z=()=>{W();const e=setTimeout((()=>R(void 0)),1e4);_(e)},W=()=>{clearTimeout(q)};return e.jsxRuntimeExports.jsxs(l.SideBarContainer,{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:o||e.jsxRuntimeExports.jsx(i.default,{})})),e.jsxRuntimeExports.jsxs(l.MainSideBarMenuWrapper,Object.assign({style:b},{children:[null==d?void 0:d.map(((i,t)=>{var s,o;return e.jsxRuntimeExports.jsxs(n.Fragment,{children:[i.path?e.jsxRuntimeExports.jsx(r.NavigationHyperlink,Object.assign({href:i.path,router:m},{children:e.jsxRuntimeExports.jsx(c,{option:i,index:t,onClickMainMenuLogic:A,setHandleHoverForFullLayout:$,isDisabled:f,setHoveredComp:R,setPopupMenu:O,mainActiveMenu:S,hoveredComp:M,popupMenu:N})})):e.jsxRuntimeExports.jsx(c,{option:i,index:t,onClickMainMenuLogic:A,setHandleHoverForFullLayout:$,isDisabled:f,setHoveredComp:R,setPopupMenu:O,mainActiveMenu:S,hoveredComp:M,popupMenu:N}),e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:["popup"===i.layout&&(null===(s=null==N?void 0:N.children)||void 0===s?void 0:s.length)&&e.jsxRuntimeExports.jsx(u.SidebarPopup,{top:null!=H?H:void 0,menuList:null==N?void 0:N.children,onClickingPopupMenu:e=>{h&&h(e),O(void 0)},onMouseLeaveOnMenu:()=>O(void 0)}),(null===(o=null==M?void 0:M.children)||void 0===o?void 0:o.length)&&e.jsxRuntimeExports.jsx(a.SimpleSidebar,{menuList:null==M?void 0:M.children,activeMenu:w,onMouseEnterOnMenu:()=>W(),onMouseLeaveOnMenu:()=>{W(),R(void 0)},left:k?92:88,postion:"fixed",header:M.displayName,theme:"brand",router:m,showAccessUpgradePanel:M.showAccessUpgradePanel,onMenuClick:(e,i)=>{C(e),E(M),R(void 0),O(void 0),i&&j(e)},onUpgrade:g,top:k&&B||0,isNewSidebar:k})]})]},t)})),"number"==typeof t.onboardingPercentage&&e.jsxRuntimeExports.jsx(l.SibeBarMenuItem,{children:e.jsxRuntimeExports.jsx("div",Object.assign({className:"main--sidebar"},{children:e.jsxRuntimeExports.jsx("div",Object.assign({id:"bik-onboarding__checklist",className:"sidebar-menu-item "+(0===F?"sticky-menu":1===F?"sticky-menu-int":"sticky-menu-three")},{children:e.jsxRuntimeExports.jsx(s.default,{percentage:t.onboardingPercentage,width:48})}))}))})]}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),i=require("../../assets/icons/Bik_logo.svg.js"),t=require("../../assets/icons/locked.svg.js"),n=require("react"),s=require("../progress-bar/CircularProgressBar.js"),o=require("../../constants/Theme.js"),r=require("../navigation-hyperlink/NavigationHyperlink.js"),u=require("./SidebarPopup.js"),l=require("./SidebarStyles.js"),a=require("./SimpleSidebar.js");const d=i=>{const{icon:t,isActive:n,activeStateIcon:s,hoverStateIcon:r,isHovered:u}=i,l=t,a=s,d=r;return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:n?e.jsxRuntimeExports.jsx(a,{width:20,height:20}):u?e.jsxRuntimeExports.jsx(d,{width:20,height:20,color:o.COLORS.surface.standard}):e.jsxRuntimeExports.jsx(l,{width:20,height:20,color:o.COLORS.surface.standard})})},c=i=>{let{option:n,index:s,onClickMainMenuLogic:o,setHandleHoverForFullLayout:r,isDisabled:u,setHoveredComp:a,setPopupMenu:c,mainActiveMenu:v,hoveredComp:p,popupMenu:m}=i;var x,j,g,h,y,k;return e.jsxRuntimeExports.jsx(l.SibeBarMenuItem,{children:e.jsxRuntimeExports.jsxs("div",Object.assign({id:(null===(j=null===(x=n.displayName)||void 0===x?void 0:x.split(" "))||void 0===j?void 0:j.join(""))||n.key.toString(),className:"main--sidebar",onClick:()=>o(n),onMouseEnter:()=>{!u&&r(n)},onMouseOver:()=>{!u&&r(n)},onMouseLeave:()=>{var e;(null===(e=null==n?void 0:n.children)||void 0===e?void 0:e.length)||(a(void 0),c(void 0))},onFocus:()=>{},"aria-hidden":"true"},{children:[n.isNew&&e.jsxRuntimeExports.jsx("div",Object.assign({className:"new-tag "+(n.isLastSticky?"tag-sticky":"")},{children:"NEW"})),n.isLocked&&e.jsxRuntimeExports.jsx("div",Object.assign({className:`locked--channel ${n.isLastSticky?"tag-sticky":""}  ${n.is2ndLastSticky?"tag-sticky-2":""}`},{children:e.jsxRuntimeExports.jsx(t.default,{height:16,width:16})})),e.jsxRuntimeExports.jsxs("div",Object.assign({id:(null===(h=null===(g=n.displayName)||void 0===g?void 0:g.split(" "))||void 0===h?void 0:h.join(""))+"_sub"||n.key.toString()+"_sub",className:`sidebar-menu-item \n\t\t\t\t\t${(null==v?void 0:v.key)===n.key?"main-menu-active-class":""} \n\t\t\t\t\t${n.isLastSticky?"sticky-menu-int":""} \n\t\t\t\t\t${n.is2ndLastSticky?"sticky-menu":""} \n\t\t\t\t\t${n.key===(null==p?void 0:p.key)?"sidebar-menu-item-hover":""} \n\t\t\t\t\t${n.isNew?"new-menu-item":""}`},{children:[e.jsxRuntimeExports.jsx(d,{icon:n.icon,isActive:n.key==(null==v?void 0:v.key),activeStateIcon:null!==(y=n.activeIcon)&&void 0!==y?y:{},hoverStateIcon:null!==(k=n.hoverIcon)&&void 0!==k?k:{},isHovered:n.key==(null==p?void 0:p.key)||n.key==(null==m?void 0:m.key)}),e.jsxRuntimeExports.jsx("div",Object.assign({className:"menu-item-container"},{children:e.jsxRuntimeExports.jsx("p",Object.assign({className:"menu-item-text "+((null==n?void 0:n.key)===(null==v?void 0:v.key)?"active-menu-item-text":"")},{children:n.displayName}))}))]}),s)]}),s)})};exports.BikSidebar=t=>{const{logoSvg:o,allMenuList:d,activeMainMenu:v,activeSubMenu:p,router:m,onClickingMainMenu:x,onClickingSubMenu:j,onClickingAccessUpgradePanel:g,onClickingPopupMenuItem:h,popupMinHeight:y,isNewSidebar:k,menuStyle:b}=t,[S,E]=n.useState(v),[M,R]=n.useState(),[w,C]=n.useState(p),[f,L]=n.useState(!1),[N,O]=n.useState(),[H,P]=n.useState(),[B,I]=n.useState(),[q,_]=n.useState(null),F=n.useMemo((()=>d.filter((e=>e.is2ndLastSticky||e.isLastSticky)).length),[d]);n.useEffect((()=>{E(v)}),[v]),n.useEffect((()=>{C(p)}),[p]);const A=n.useCallback((e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(O(void 0),R(void 0),L(!0),E(e),e.path||x(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?C(null==e?void 0:e.children[0]):C({}),R(void 0),setTimeout((()=>{L(!1)}),1e3))}),[x]),$=n.useCallback((e=>{var i,t;if(W(),R(void 0),O(void 0),"popup"==(null==e?void 0:e.layout)){const i=U();i&&P(i),O(e)}else{const n=document.getElementById((null===(t=null===(i=e.displayName)||void 0===i?void 0:i.split(" "))||void 0===t?void 0:t.join(""))||e.key.toString());if(n){const e=D(n);I(e)}R(e),z()}}),[]),D=e=>{const i=e.getBoundingClientRect();let t=i.top;const n=e.querySelectorAll("div");let s=null;if(window.innerHeight<=768)return t;if(n.forEach((e=>{e.className.includes("sticky")&&(s=e)})),s){const e=window.innerHeight-i.bottom;t=i.top+e-200}return t};n.useEffect((()=>{const e=()=>{const e=U();e&&P(e),T()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const T=()=>{const e=document.getElementById("_sub-menu"),i=null==e?void 0:e.getBoundingClientRect().height;i&&I(window.innerHeight-i)},U=()=>{var e,i;if(N){const t=(null===(i=null===(e=N.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||N.key.toString()+"_sub",n=document.getElementById(t);if(n){const e=n.getBoundingClientRect();let i=e.top;const t=null!=y?y:320;return e.bottom+t>window.innerHeight&&(i-=e.bottom+t-window.innerHeight),i}return null}},z=()=>{W();const e=setTimeout((()=>R(void 0)),1e4);_(e)},W=()=>{clearTimeout(q)};return e.jsxRuntimeExports.jsxs(l.SideBarContainer,{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:o||e.jsxRuntimeExports.jsx(i.default,{})})),e.jsxRuntimeExports.jsxs(l.MainSideBarMenuWrapper,Object.assign({style:b},{children:[null==d?void 0:d.map(((i,t)=>{var s,o;return e.jsxRuntimeExports.jsxs(n.Fragment,{children:[i.path?e.jsxRuntimeExports.jsx(r.NavigationHyperlink,Object.assign({href:i.path,router:m},{children:e.jsxRuntimeExports.jsx(c,{option:i,index:t,onClickMainMenuLogic:A,setHandleHoverForFullLayout:$,isDisabled:f,setHoveredComp:R,setPopupMenu:O,mainActiveMenu:S,hoveredComp:M,popupMenu:N})})):e.jsxRuntimeExports.jsx(c,{option:i,index:t,onClickMainMenuLogic:A,setHandleHoverForFullLayout:$,isDisabled:f,setHoveredComp:R,setPopupMenu:O,mainActiveMenu:S,hoveredComp:M,popupMenu:N}),e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:["popup"===i.layout&&(null===(s=null==N?void 0:N.children)||void 0===s?void 0:s.length)&&e.jsxRuntimeExports.jsx(u.SidebarPopup,{top:null!=H?H:void 0,menuList:null==N?void 0:N.children,onClickingPopupMenu:e=>{h&&h(e),O(void 0)},onMouseLeaveOnMenu:()=>O(void 0)}),(null===(o=null==M?void 0:M.children)||void 0===o?void 0:o.length)&&e.jsxRuntimeExports.jsx(a.SimpleSidebar,{menuList:null==M?void 0:M.children,activeMenu:w,onMouseEnterOnMenu:()=>W(),onMouseLeaveOnMenu:()=>{W(),R(void 0)},left:k?92:88,postion:"fixed",header:M.displayName,theme:"brand",router:m,showAccessUpgradePanel:M.showAccessUpgradePanel,onMenuClick:(e,i)=>{C(e),E(M),R(void 0),O(void 0),i&&j(e)},onUpgrade:g,top:k&&B||0,isNewSidebar:k})]})]},t)})),"number"==typeof t.onboardingPercentage&&e.jsxRuntimeExports.jsx(l.SibeBarMenuItem,{children:e.jsxRuntimeExports.jsx("div",Object.assign({className:"main--sidebar"},{children:e.jsxRuntimeExports.jsx("div",Object.assign({id:"bik-onboarding__checklist",className:"sidebar-menu-item "+(0===F?"sticky-menu":1===F?"sticky-menu-int":"sticky-menu-three")},{children:e.jsxRuntimeExports.jsx(s.default,{percentage:t.onboardingPercentage,width:48})}))}))})]}))]})};

package/dist/cjs/components/tag/Tag.d.ts

@@ -1,5 +1,5 @@
 import { TagProps } from './model';
 export declare const Tag: {
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, }: TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, }: TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/cjs/components/tag/Tag.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),i=require("react"),t=require("../tooltips/Tooltip.js"),n=require("../TypographyStyle.js"),s=require("./model.js"),a=require("./Tag.styled.js"),r=require("./themes.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=o(i);const l=i=>{let{tagText:o,LeadingIcon:l,TrailingIcon:d,onLeadingIconClicked:g,leadingIconId:p,trailingIconId:j,onTrailingIconClicked:u,theme:x="light",type:m="neutral",variant:b="regular",version:h,cursor:O,alignIcon:y,noBorder:T,tagHtmlText:E,contentPadding:I,leadingIconTooltip:R,trailingIconTooltip:C}=i,f=o;const w=x;let v=m;s.ValidTagTypeMap[b][m]||(v="neutral"),"circle"===b&&"number"==typeof f&&f>99&&(f="99+");const N={height:"compressed"===b?12:16,width:"compressed"===b?12:16,color:r.getTagIconColor(x,v),style:{display:"block"}};return e.jsxRuntimeExports.jsx(a.Tag,Object.assign({cursor:O,theme:w,type:m,variant:b,version:h,alignIcon:y,noBorder:T,contentPadding:I},{children:e.jsxRuntimeExports.jsxs("div",Object.assign({className:"container"},{children:[l&&(R?e.jsxRuntimeExports.jsx(t.Tooltip,Object.assign({},R,{children:e.jsxRuntimeExports.jsx("button",Object.assign({className:"icon-leading",onClick:g,id:`${p}-wrapper`||"leading-icon-wrapper"},{children:c.default.createElement(l,Object.assign(Object.assign({},N),{id:p||"leading-icon"}))}))})):e.jsxRuntimeExports.jsx("button",Object.assign({className:"icon-leading",onClick:g,id:`${p}-wrapper`||"leading-icon-wrapper"},{children:c.default.createElement(l,Object.assign(Object.assign({},N),{id:p||"leading-icon"}))}))),E&&("ai"===m&&"light"===x?e.jsxRuntimeExports.jsx(n.AiBodyCaption,{children:E}):e.jsxRuntimeExports.jsx(n.BodyCaption,Object.assign({className:"text"},{children:E}))),!E&&""!==f&&("ai"===m&&"light"===x?e.jsxRuntimeExports.jsx(n.AiBodyCaption,{children:f}):e.jsxRuntimeExports.jsx(n.BodyCaption,Object.assign({className:"text"},{children:f}))),d&&(C?e.jsxRuntimeExports.jsx(t.Tooltip,Object.assign({},C,{children:e.jsxRuntimeExports.jsx("button",Object.assign({className:"icon-trailing",onClick:u,id:`${j}-wrapper`||"trailing-icon-wrapper"},{children:c.default.createElement(d,Object.assign(Object.assign({},N),{id:j||"trailing-icon"}))}))})):e.jsxRuntimeExports.jsx("button",Object.assign({className:"icon-trailing",onClick:u,id:`${j}-wrapper`||"trailing-icon-wrapper"},{children:c.default.createElement(d,Object.assign(Object.assign({},N),{id:j||"trailing-icon"}))})))]}))}))};l.displayName="Tag",exports.Tag=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),i=require("react"),t=require("../tooltips/Tooltip.js"),n=require("../TypographyStyle.js"),s=require("./model.js"),a=require("./Tag.styled.js"),r=require("./themes.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=o(i);const l=i=>{let{tagText:o,LeadingIcon:l,TrailingIcon:d,onLeadingIconClicked:g,leadingIconId:p,trailingIconId:j,onTrailingIconClicked:u,theme:x="light",type:m="neutral",variant:b="regular",version:h,cursor:O,alignIcon:y,noBorder:T,tagHtmlText:E,contentPadding:I,leadingIconTooltip:C,trailingIconTooltip:R,tagColor:f}=i,w=o;const v=x;let N=m;s.ValidTagTypeMap[b][m]||(N="neutral"),"circle"===b&&"number"==typeof w&&w>99&&(w="99+");const k={height:"compressed"===b?12:16,width:"compressed"===b?12:16,color:r.getTagIconColor(x,N),style:{display:"block"}};return e.jsxRuntimeExports.jsx(a.Tag,Object.assign({cursor:O,theme:v,type:m,variant:b,version:h,alignIcon:y,noBorder:T,contentPadding:I},{children:e.jsxRuntimeExports.jsxs("div",Object.assign({className:"container"},{children:[l&&(C?e.jsxRuntimeExports.jsx(t.Tooltip,Object.assign({},C,{children:e.jsxRuntimeExports.jsx("button",Object.assign({className:"icon-leading",onClick:g,id:`${p}-wrapper`||"leading-icon-wrapper"},{children:c.default.createElement(l,Object.assign(Object.assign({},k),{id:p||"leading-icon"}))}))})):e.jsxRuntimeExports.jsx("button",Object.assign({className:"icon-leading",onClick:g,id:`${p}-wrapper`||"leading-icon-wrapper"},{children:c.default.createElement(l,Object.assign(Object.assign({},k),{id:p||"leading-icon"}))}))),E&&("ai"===m&&"light"===x?e.jsxRuntimeExports.jsx(n.AiBodyCaption,{children:E}):e.jsxRuntimeExports.jsx(n.BodyCaption,Object.assign({className:"text"},{children:E}))),!E&&""!==w&&("ai"===m&&"light"===x?e.jsxRuntimeExports.jsx(n.AiBodyCaption,{children:w}):e.jsxRuntimeExports.jsx(n.BodyCaption,Object.assign({className:"text",color:f},{children:w}))),d&&(R?e.jsxRuntimeExports.jsx(t.Tooltip,Object.assign({},R,{children:e.jsxRuntimeExports.jsx("button",Object.assign({className:"icon-trailing",onClick:u,id:`${j}-wrapper`||"trailing-icon-wrapper"},{children:c.default.createElement(d,Object.assign(Object.assign({},k),{id:j||"trailing-icon"}))}))})):e.jsxRuntimeExports.jsx("button",Object.assign({className:"icon-trailing",onClick:u,id:`${j}-wrapper`||"trailing-icon-wrapper"},{children:c.default.createElement(d,Object.assign(Object.assign({},k),{id:j||"trailing-icon"}))})))]}))}))};l.displayName="Tag",exports.Tag=l;

package/dist/cjs/components/tag/Tag.stories.d.ts

@@ -1,22 +1,22 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 declare const _default: ComponentMeta<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export default _default;
 export declare const Default: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export declare const WithIcons: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export declare const WithIconTooltips: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export declare const DarkTheme: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;

package/dist/cjs/components/tag/model.d.ts

@@ -98,4 +98,5 @@ export interface TagProps extends React.BaseHTMLAttributes<HTMLDivElement> {
     noBorder?: boolean;
     tagHtmlText?: JSX.Element;
     contentPadding?: number;
+    tagColor?: string;
 }

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

@@ -6,4 +6,5 @@ export declare const ChatBtn: React.FC<{
     placeholder?: string;
     textTypography?: React.FC;
     size?: 'small' | 'large';
+    iconPosition?: 'left' | 'right';
 }>;

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

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

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

@@ -1,2 +1,3 @@
 import { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';
+export declare const HtmlContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ChatUIV2: (props: WhatsappLikePreviewTypes) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,11 +1,21 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("styled-components"),s=require("../../template-context-mapper/context/templateModalContext.js"),r=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 u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=u(t);const l=x.default.div`
-	background-image: ${e=>e.isWhatsappCarousel?"none":`url(${r.BACKGROUND_PREVIEW_IMAGE})`};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("../../../assets/icons/phone_round.svg.js"),s=require("styled-components"),r=require("../../template-context-mapper/context/templateModalContext.js"),i=require("../../template-context-mapper/utils/constants.js"),a=require("../../TypographyStyle.js"),o=require("../../../constants/Theme.js"),n=require("../models/TemplateMeta.js"),x=require("../utils/getPreviewPropLen.js"),p=require("./ChatHeader.js"),l=require("./ChatUI.style.js"),u=require("./ChatUiV2.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=j(s);const m=d.default.div`
+	background-image: ${e=>e.isWhatsappCarousel?"none":`url(${i.BACKGROUND_PREVIEW_IMAGE})`};
 	border-radius: 4px;
 	background-repeat: no-repeat;
 	background-position: center;
 	background-size: cover;
 	position: relative;
 	height: ${e=>e.isWhatsappCarousel?"100%":"auto"};
-`,d=x.default(a.TitleRegular)`
-	color: ${i.COLORS.content.primary};
-`;exports.WhatsappLikePreviewV2=t=>{const{hideDeviceContainerInPreview:r}=s.useTemplateModalContext();return 3===o.getPreviewPropLen(t)?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t.zeroStateComponent}):r?e.jsxRuntimeExports.jsx(p.ChatUIV2,Object.assign({showHeader:t.showHeader},t)):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(l,Object.assign({style:t.containerStyle,showHeader:t.showHeader,isWhatsappCarousel:t.isWhatsappCarousel},{children:[t.showHeader&&e.jsxRuntimeExports.jsx(n.default,{}),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{padding:"small"===t.size?"12px 32px 12px 12px":`16px ${t.isWhatsappCarousel?"0px":"56px"} ${t.isWhatsappCarousel?"2px":"16px"} 16px`,height:"100%",overflowY:"auto"}},{children:[!t.hidePreviewText&&e.jsxRuntimeExports.jsx("div",Object.assign({style:{marginBottom:16}},{children:e.jsxRuntimeExports.jsx(d,{children:"Preview"})})),e.jsxRuntimeExports.jsx(p.ChatUIV2,Object.assign({showHeader:t.showHeader},t))]}))]}))})};
+`,c=d.default(a.TitleRegular)`
+	color: ${o.COLORS.content.primary};
+`,h=d.default.div`
+	margin: 4px;
+	margin-top: -4px;
+	background-color: ${o.BASE_COLORS.grayscale[50]};
+	border-radius: 6px;
+	.flex-align-center-gap {
+		display: flex;
+		align-items: center;
+		gap: 8px;
+	}
+`;exports.WhatsappLikePreviewV2=s=>{const{hideDeviceContainerInPreview:i}=r.useTemplateModalContext();return 3===x.getPreviewPropLen(s)?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:s.zeroStateComponent}):i?e.jsxRuntimeExports.jsx(u.ChatUIV2,Object.assign({showHeader:s.showHeader},s)):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(m,Object.assign({style:s.containerStyle,showHeader:s.showHeader,isWhatsappCarousel:s.isWhatsappCarousel},{children:[s.showHeader&&e.jsxRuntimeExports.jsx(p.default,{}),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{padding:"small"===s.size?"12px 32px 12px 12px":`16px ${s.isWhatsappCarousel?"0px":"56px"} ${s.isWhatsappCarousel?"2px":"16px"} 16px`,height:"100%",overflowY:"auto"}},{children:[!s.hidePreviewText&&e.jsxRuntimeExports.jsx("div",Object.assign({style:{marginBottom:16}},{children:e.jsxRuntimeExports.jsx(c,{children:"Preview"})})),e.jsxRuntimeExports.jsx(u.ChatUIV2,Object.assign({showHeader:s.showHeader},s)),s.showCallPermissionCard&&e.jsxRuntimeExports.jsx("div",Object.assign({style:{marginTop:16}},{children:e.jsxRuntimeExports.jsx(u.ChatUIV2,Object.assign({hideFooter:!0,headerMediaType:n.HEADER_TYPES.NONE,textType:"html",isPreview:s.isPreview,zeroStateComponent:e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}),buttons:[{text:"Choose preference",type:"CALL_PERMISSION",flowId:"",flowName:""}]},{children:e.jsxRuntimeExports.jsxs(h,{children:[e.jsxRuntimeExports.jsxs(u.HtmlContainer,Object.assign({className:"flex-align-center-gap"},{children:[e.jsxRuntimeExports.jsx(t.default,{width:30,height:30}),e.jsxRuntimeExports.jsx(a.TitleSmall,{children:s.callPermissionText?`${s.callPermissionText}`:'Can Make "Merchant Name" call you?'})]})),e.jsxRuntimeExports.jsxs(l.FooterWrapper,{children:[e.jsxRuntimeExports.jsx(l.FooterText,{style:{flex:1}}),e.jsxRuntimeExports.jsx(l.TimeStamp,{children:"16:48"})]})]})}))}))]}))]}))})};

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

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

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

@@ -21,6 +21,7 @@ export declare class TemplateCreatorHelper {
      * 2. LTO component does not have a dateTime expiry by default. Hence, while sending template to ContextMapper, send with a date or current Date and Time is picked here.
      */
     private parseLimitedTimeOfferComponent;
+    private parseCallPermissionComponent;
     parseUITemplateFromDBFormat(data: {
         dbFormattedTemplate: WhatsAppTemplate;
         isDuplicate?: boolean;

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

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

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

@@ -19,7 +19,7 @@ export type WhatsAppTemplate = {
             has_expiration: boolean;
         };
         buttons?: {
-            type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER' | 'COPY_CODE';
+            type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER' | 'COPY_CODE' | 'VOICE_CALL';
             text?: string;
             url?: string;
             example?: string[];
@@ -55,8 +55,10 @@ export type WhatsAppTemplate = {
     newQualityScore?: TEMPLATE_QUALITY;
     previousQualityScore?: TEMPLATE_QUALITY;
     aiContentConfigId?: string;
+    showCallPermissionCard?: boolean;
+    callPermissionText?: string;
 };
-export type WhatsappTemplateButtonTypes = 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER' | 'COPY_CODE';
+export type WhatsappTemplateButtonTypes = 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER' | 'COPY_CODE' | 'VOICE_CALL' | 'CALL_PERMISSION';
 export type CreateTemplateType = {
     /** Data */
     headerType: HEADER_TYPES;
@@ -102,6 +104,8 @@ export type CreateTemplateType = {
         dateTime: string;
         code: string;
     };
+    showCallPermissionCard?: boolean;
+    callPermissionText?: string;
     error: {
         modalError?: string;
         header?: string;
@@ -199,6 +203,9 @@ export type WhatsappLikePreviewTypes = {
     isPreview?: boolean;
     titleText?: string;
     titleVariableList?: variableType[];
+    showCallPermissionCard?: boolean;
+    callPermissionText?: string;
+    hideFooter?: boolean;
 };
 export type WhatsappPreviewButtonType = {
     type: WhatsappTemplateButtonTypes;
@@ -220,6 +227,8 @@ export type WhatsappMeta = {
     whatsAppExtras?: boolean;
     zeroStateComponent?: ReactElement;
     usePlaceHolderName?: boolean;
+    showCallPermissionCard?: boolean;
+    callPermissionText?: string;
 };
 export interface IMimeTypeResponse {
     isValid: boolean;
@@ -279,7 +288,8 @@ export declare enum BUTTON_TYPE {
     QUICK_REPLY = "QUICK_REPLY",
     URL = "URL",
     PHONE_NUMBER = "PHONE_NUMBER",
-    COPY_CODE = "COPY_CODE"
+    COPY_CODE = "COPY_CODE",
+    VOICE_CALL = "VOICE_CALL"
 }
 export declare enum POD {
     CHATBOT = "CHATBOT",

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

@@ -1 +1 @@
-"use strict";var E,T,O;Object.defineProperty(exports,"__esModule",{value:!0}),exports.TEMPLATE_QUALITY=void 0,(E=exports.TEMPLATE_QUALITY||(exports.TEMPLATE_QUALITY={})).GREEN="GREEN",E.YELLOW="YELLOW",E.RED="RED",exports.BUTTON_TYPE=void 0,(T=exports.BUTTON_TYPE||(exports.BUTTON_TYPE={})).QUICK_REPLY="QUICK_REPLY",T.URL="URL",T.PHONE_NUMBER="PHONE_NUMBER",T.COPY_CODE="COPY_CODE",exports.POD=void 0,(O=exports.POD||(exports.POD={})).CHATBOT="CHATBOT",O.GROWTH="GROWTH",O.CAMPAIGN="CAMPAIGN",O.CRM="CRM",O.INTEGRATIONS="INTEGRATIONS",O.OPENAI="OPENAI",O.DM="DM",O.FRONTEND="FRONTEND";
+"use strict";var E,T,O;Object.defineProperty(exports,"__esModule",{value:!0}),exports.TEMPLATE_QUALITY=void 0,(E=exports.TEMPLATE_QUALITY||(exports.TEMPLATE_QUALITY={})).GREEN="GREEN",E.YELLOW="YELLOW",E.RED="RED",exports.BUTTON_TYPE=void 0,(T=exports.BUTTON_TYPE||(exports.BUTTON_TYPE={})).QUICK_REPLY="QUICK_REPLY",T.URL="URL",T.PHONE_NUMBER="PHONE_NUMBER",T.COPY_CODE="COPY_CODE",T.VOICE_CALL="VOICE_CALL",exports.POD=void 0,(O=exports.POD||(exports.POD={})).CHATBOT="CHATBOT",O.GROWTH="GROWTH",O.CAMPAIGN="CAMPAIGN",O.CRM="CRM",O.INTEGRATIONS="INTEGRATIONS",O.OPENAI="OPENAI",O.DM="DM",O.FRONTEND="FRONTEND";

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

@@ -10,7 +10,7 @@ export type WhatsAppCarouselTemplate = {
     templateCategory: string;
     type?: 'email' | 'whatsapp';
     components: {
-        type: 'BODY' | 'CAROUSEL';
+        type: 'BODY' | 'CAROUSEL' | 'CALL_PERMISSION_REQUEST';
         format?: HEADER_TYPES;
         text?: string;
         example?: {
@@ -24,7 +24,7 @@ export type WhatsAppCarouselTemplate = {
                 format?: HEADER_TYPES;
                 text?: string;
                 buttons?: {
-                    type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER';
+                    type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER' | 'VOICE_CALL';
                     text?: string;
                     url?: string;
                     example?: string[];
@@ -90,7 +90,7 @@ export interface WhatsAppCarouselTemplateCards {
         format?: HEADER_TYPES;
         text?: string;
         buttons?: {
-            type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER';
+            type: 'QUICK_REPLY' | 'URL' | 'PHONE_NUMBER' | 'VOICE_CALL';
             text?: string;
             url?: string;
             example?: string[];

package/dist/cjs/index.d.ts

@@ -45,7 +45,6 @@ export * from './components/TablePagination/';
 export * from './components/states-modal';
 export * from './components/states';
 export * from './components/WhatsAppTextEditor';
-export * from './components/whats-new';
 export * from './helpers';
 export * from './components/card-selection-modal';
 export * from './components/image-cropper';
@@ -98,4 +97,4 @@ export * from './components/unsatisfactory-response-list/UnsatisfactoryCountInte
 export * from './components/data-source-panel/model';
 export * from './components/text-picker';
 export * from './components/dot-pulse';
-export * from './components/feature-announcements';
+export * from './components/banner';

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"),a=require("./components/checkBox/CheckBox.js"),s=require("./components/list-item/ListItem.js"),i=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"),j=require("./components/template-preview/models/TemplateMeta.js"),O=require("./components/template-preview/models/WhatsAppTemplate.js"),b=require("./components/template-preview/models/Channels.js"),E=require("./components/template-context-mapper/TemplateContextMapper.js"),h=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),R=require("./components/template-context-mapper/utils/validateIsUrl.js");require("./_virtual/_tslib.js");var g=require("./components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.js"),B=require("./components/template-context-mapper/modalElements/TemplateAnalyticsComponent.js"),I=require("./components/fab-menu/FABMenu.js"),q=require("./components/floating-action-button/FloatingActionButton.js"),_=require("./components/floating-action-button/FloatingActionButton.styles.js"),f=require("./components/image-compress/ImageCompress.js"),w=require("./components/TypographyStyle.js"),N=require("./components/button/Button.js"),D=require("./components/progress-bar/ProgressBarComponent.js");require("./node_modules/react/jsx-runtime.js");var k=require("./components/progress-bar-v2/ProgressBarV2.js"),M=require("./components/QueryBuilder/QueryBuilder.js"),L=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),V=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),v=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),U=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),F=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),G=require("./components/modals/styledModal.js"),W=require("./components/dropdown/DropdownPopover/index.js"),H=require("./components/dropdown/Dropdown.js"),Y=require("./components/dropdown/ChipDropdown.js"),Q=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),K=require("./components/dropdown/MenuItem/MenuItem.js"),z=require("./components/analytics-card/AnalyticsCard.js"),Z=require("./components/analytics-card/AnalyticsCard.styled.js"),X=require("./components/input/Input.js"),J=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),$=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),ee=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),re=require("./components/analytics-chips-and-dropdowns/AnalyticsMetric.js"),te=require("./components/analytics-chips-and-dropdowns/AnalyticsTrend.js"),oe=require("./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),ne=require("./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js"),ae=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),se=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),ie=require("./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),pe=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),ue=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),ce=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js"),le=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),de=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js"),me=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),xe=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),Te=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js"),Pe=require("./components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),Se=require("./components/avatar/Avatar.js"),Ae=require("./components/avatar/AvatarHelper.js"),Ce=require("./components/alerts/Alert.js"),ye=require("./components/alerts/AlertHelper.js"),je=require("./components/thumbnail/Thumbnail.js"),Oe=require("./components/curtain/Curtain.js"),be=require("./components/datePicker/DatePicker.js"),Ee=require("./components/datePicker/DatePickerWrapper.js"),he=require("./components/switch/Switch.js"),Re=require("./components/plans/SubscriptionPlan.js"),ge=require("./components/plans/SubscriptionPlanSelector.js"),Be=require("./components/plans/NewSubscriptionPlan.js"),Ie=require("./components/plans/SubscriptionPlansCollected.js"),qe=require("./components/tabs/Tabs.js"),_e=require("./components/dynamic-tabs/DynamicTabs.js"),fe=require("./components/shimmer/ShimmerComponent/BikShimmer.js"),we=require("./components/TablePagination/TablePagination.js"),Ne=require("./components/TablePagination/TablePaginationCard.js"),De=require("./components/states-modal/StateModalComponent.js"),ke=require("./components/states-modal/DeleteConfirmationModal.js"),Me=require("./components/states/StateComponent.js"),Le=require("./components/states/ShopifyScopeWrapper.js"),Ve=require("./components/WhatsAppTextEditor/WhatsAppTextEditor.js"),ve=require("./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),Ue=require("./components/whats-new/WhatsNew.styles.js"),Fe=require("./components/whats-new/WhatsNewButton.js"),Ge=require("./components/whats-new/WhatsNewPanel.js"),We=require("./components/whats-new/WhatsNewProvider.js"),He=require("./components/whats-new/WhatsNew.js"),Ye=require("./components/whats-new/useWhatsNew.js"),Qe=require("./helpers/BaseWhatsappContentLang.helper.js"),Ke=require("./components/curtain/CurtainHelper.js"),ze=require("./utils/resizeImage.js"),Ze=require("./components/variable-picker-v3/model.js"),Xe=require("./components/card-selection-modal/CardSelectionModal.js"),Je=require("./components/image-cropper/BikImageCropper.js"),$e=require("./components/image-cropper/BikImagePipeline/BikImagePipeline.js"),er=require("./components/buttonGroup/ButtonGroup.js"),rr=require("./components/accordion/Accordion.js"),tr=require("./components/file-uploader/FileUploader.js"),or=require("./components/colourInput/ColourInput.js"),nr=require("./components/code-block/CodeBlock.js"),ar=require("./components/code-block/types.js"),sr=require("./components/bik-layout/BikHeader.js"),ir=require("./components/bik-layout/BikLayout.js"),pr=require("./components/bik-layout/BikProfile.js"),ur=require("./components/bik-layout/SimpleSidebar.js"),cr=require("./components/bik-layout/BikSidebar.js"),lr=require("./components/bik-layout/FeatureModal.js"),dr=require("./components/bik-layout/SidebarSkeleton.js"),mr=require("./components/bik-layout/ShowShopifyRestrictedModal.js"),xr=require("./components/bik-layout/FeatureModalV2.js"),Tr=require("./components/searchBar/searchBar.js"),Pr=require("./components/custom-date-time/CustomDateTime.js"),Sr=require("./components/product-picker/ProductPickerModal.js"),Ar=require("./components/discount-modal/DiscountModal.js"),Cr=require("./components/discount-modal/CouponExpiration/CouponExpiration.js"),yr=require("./components/discount-modal/type.js"),jr=require("./components/country-code-picker/CountryCodePicker.js"),Or=require("./components/country-code-picker/CountryCodePicker.modal.js"),br=require("./components/shimmer-image/ShimmerImage.js"),Er=require("./components/product-picker-v2/modal.js"),hr=require("./components/product-picker-v2/type.js"),Rr=require("./components/carousel/carousel.js"),gr=require("./components/carousel-secondary/CarouselSecondary.js"),Br=require("./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js"),Ir=require("./components/radioList/RadioList.js"),qr=require("./components/checkList/CheckList.js"),_r=require("./components/postPicker/postPicker.js"),fr=require("./components/dropdown-button/DropdownButton.js"),wr=require("./components/side-modal/SideModal.js"),Nr=require("./components/keywords-input/KeywordsInput.js"),Dr=require("./components/add-variableV2/AddVariableV2SideModal.js"),kr=require("./components/add-variableV2/AddVariableV2.js"),Mr=require("./components/navigation-hyperlink/NavigationHyperlink.js"),Lr=require("./components/SearchFilter/index.js"),Vr=require("./components/input-with-vars/InputWithVariables.js"),vr=require("./components/dashboard-review-popup/DashboardReviewPopUp.js"),Ur=require("./components/star-rating/StarRating.js"),Fr=require("./components/testimonial-card/TestimonialCard.js"),Gr=require("./components/slider/slider.js"),Wr=require("./components/resizeImage/index.js"),Hr=require("./utils/validator.js"),Yr=require("./components/carousel-preview/CarouselPreview.js"),Qr=require("./components/floater/floater.js"),Kr=require("./components/card-selector/CardSelector.js"),zr=require("./components/card-selector/CardSelectorGroup.js"),Zr=require("./components/variable-picker-v3/VariablePicker.js"),Xr=require("./components/action-button/ActionButtons.js"),Jr=require("./components/ai-modals/ActivateBikAI.js"),$r=require("./components/ai-modals/AiSyncProgress.js"),et=require("./components/ai-modals/AiCreditsExhausted.js"),rt=require("./components/ai-modals/AiCreditsLow.js"),tt=require("./components/input-with-vars/customPortal.js"),ot=require("./components/floating-input-dropdown/FloatingInputDropdown.js"),nt=require("./components/dropdown/MultilevelDropdownPopover/index.js"),at=require("./components/dropShadow/DropShadow.js"),st=require("./components/multi-level-dropdown/MultiLevelDropdown.js"),it=require("./components/data-source-panel/DataSourcePanel.js"),pt=require("./components/unsatisfactory-response-list/UnsatisfactoryResponseList.js"),ut=require("./components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js"),ct=require("./components/data-source-panel/model.js"),lt=require("./components/text-picker/TextPickerModal.js"),dt=require("./components/dot-pulse/DotPulse.js"),mt=require("./components/feature-announcements/FeatureAnnouncementProvider.js"),xt=require("./components/feature-announcements/MajorUpdatePopup.js"),Tt=require("./components/feature-announcements/MinorUpdatePopup.js"),Pt=require("./components/feature-announcements/VideoModal.js"),St=require("./components/feature-announcements/useFeatureAnnouncements.js"),At=require("./components/carousel-secondary/model.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=a.CheckBox,exports.ListItem=s.ListItem,exports.Pagination=i.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 j.ACTIONS_TYPES}}),exports.CUSTOM_URL_NAME=j.CUSTOM_URL_NAME,Object.defineProperty(exports,"HEADER_TYPES",{enumerable:!0,get:function(){return j.HEADER_TYPES}}),exports.STATIC_URL_CTA_OPTION=j.STATIC_URL_CTA_OPTION,Object.defineProperty(exports,"TEMPLATE_EDITOR",{enumerable:!0,get:function(){return j.TEMPLATE_EDITOR}}),Object.defineProperty(exports,"TEMPLATE_STATUS",{enumerable:!0,get:function(){return j.TEMPLATE_STATUS}}),exports.UNSUBSCRIBE_URL_OPTION=j.UNSUBSCRIBE_URL_OPTION,Object.defineProperty(exports,"BUTTON_TYPE",{enumerable:!0,get:function(){return O.BUTTON_TYPE}}),Object.defineProperty(exports,"POD",{enumerable:!0,get:function(){return O.POD}}),Object.defineProperty(exports,"TEMPLATE_QUALITY",{enumerable:!0,get:function(){return O.TEMPLATE_QUALITY}}),Object.defineProperty(exports,"CHANNEL_TYPE",{enumerable:!0,get:function(){return b.CHANNEL_TYPE}}),exports.TemplateContextMapper=E.TemplateContextMapper,exports.getAllDataFromTemplateComponent=h.getAllDataFromTemplateComponent,exports.getAllDataFromWebpushTemplateComponent=h.getAllDataFromWebpushTemplateComponent,exports.isVariable=R.isVariable,exports.validateIsUrl=R.validateIsUrl,exports.TemplateAnalyticsSkeleton=g.TemplateAnalyticsSkeleton,exports.AnalyticsItem=B.AnalyticsItem,exports.RightPanelTemplateAnalytics=B.RightPanelTemplateAnalytics,exports.TemplateAnalyticsComponent=B.TemplateAnalyticsComponent,exports.FABMenu=I.FABMenu,exports.FloatingActionButton=q.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=f.ImageService,exports.AiBodyCaption=w.AiBodyCaption,exports.AiBodyTiny=w.AiBodyTiny,exports.BodyCaption=w.BodyCaption,exports.BodyLarge=w.BodyLarge,exports.BodyPrimary=w.BodyPrimary,exports.BodyPrimaryLink=w.BodyPrimaryLink,exports.BodyRegular=w.BodyRegular,exports.BodySecondary=w.BodySecondary,exports.BodySecondaryLink=w.BodySecondaryLink,exports.BodySmall=w.BodySmall,exports.BodyTiny=w.BodyTiny,exports.ButtonLarge=w.ButtonLarge,exports.ButtonLargeAI=w.ButtonLargeAI,exports.ButtonRegular=w.ButtonRegular,exports.ButtonRegularAI=w.ButtonRegularAI,exports.Caption=w.Caption,exports.CaptionBold=w.CaptionBold,exports.Display=w.Display,exports.SmallRegular=w.SmallRegular,exports.SubHeading=w.SubHeading,exports.TextPlaceholder=w.TextPlaceholder,exports.Tiny=w.Tiny,exports.TitleFour=w.TitleFour,exports.TitleLarge=w.TitleLarge,exports.TitleMedium=w.TitleMedium,exports.TitleRegular=w.TitleRegular,exports.TitleSmall=w.TitleSmall,exports.TitleXlarge=w.TitleXlarge,exports.Button=N.Button,exports.ProgressBarComponent=D.ProgressBarComponent,exports.ProgressCompletedBar=D.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=M.QueryBuilder,exports.BaseQueryBuilderNode=L.BaseQueryBuilderNode,exports.PropertyNode=V.PropertyNode,exports.PropertyNodeHeadless=V.PropertyNodeHeadless,exports.queryBuilderSlice=v.queryBuilderSlice,exports.queryBuilderCacheSlice=U.queryBuilderCacheSlice,Object.defineProperty(exports,"AD_STRING_OPERATORS",{enumerable:!0,get:function(){return F.AD_STRING_OPERATORS}}),Object.defineProperty(exports,"ANY_AD_OPERATORS",{enumerable:!0,get:function(){return F.ANY_AD_OPERATORS}}),Object.defineProperty(exports,"ANY_IG_OPERATORS",{enumerable:!0,get:function(){return F.ANY_IG_OPERATORS}}),Object.defineProperty(exports,"BOOLEAN_OPERATORS",{enumerable:!0,get:function(){return F.BOOLEAN_OPERATORS}}),Object.defineProperty(exports,"DATE_OPERATORS",{enumerable:!0,get:function(){return F.DATE_OPERATORS}}),Object.defineProperty(exports,"EVENT_VALUES",{enumerable:!0,get:function(){return F.EVENT_VALUES}}),Object.defineProperty(exports,"EXACTLY_OPERATORS",{enumerable:!0,get:function(){return F.EXACTLY_OPERATORS}}),Object.defineProperty(exports,"FREQUENCY_OPERATORS",{enumerable:!0,get:function(){return F.FREQUENCY_OPERATORS}}),Object.defineProperty(exports,"ICE_BREAKER_OPERATORS",{enumerable:!0,get:function(){return F.ICE_BREAKER_OPERATORS}}),Object.defineProperty(exports,"IG_STRING_OPERATORS",{enumerable:!0,get:function(){return F.IG_STRING_OPERATORS}}),Object.defineProperty(exports,"INTEGER_OPERATORS",{enumerable:!0,get:function(){return F.INTEGER_OPERATORS}}),Object.defineProperty(exports,"MAIL_SUBJECT_OPERATORS",{enumerable:!0,get:function(){return F.MAIL_SUBJECT_OPERATORS}}),Object.defineProperty(exports,"REACTION_OPERATORS",{enumerable:!0,get:function(){return F.REACTION_OPERATORS}}),Object.defineProperty(exports,"SPECIFIC_IG_OPERATORS",{enumerable:!0,get:function(){return F.SPECIFIC_IG_OPERATORS}}),Object.defineProperty(exports,"STRING_OPERATORS",{enumerable:!0,get:function(){return F.STRING_OPERATORS}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS",{enumerable:!0,get:function(){return F.STRING_RESTRICTED_OPERATORS}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS_2",{enumerable:!0,get:function(){return F.STRING_RESTRICTED_OPERATORS_2}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS_3",{enumerable:!0,get:function(){return F.STRING_RESTRICTED_OPERATORS_3}}),exports.StyledModal=G.StyledModal,exports.DropdownPopover=W.DropdownPopover,exports.Dropdown=H.Dropdown,exports.ChipDropdown=Y.ChipDropdown,exports.ChipDropdownContainer=Y.ChipDropdownContainer,exports.OpenedDropdown=Q.OpenedDropdown,exports.MenuItemDropdown=K.MenuItemDropdown,exports.AnalyticsCard=z.AnalyticsCard,exports.AnalyticsContainer=Z.AnalyticsContainer,exports.CardDataContainer=Z.CardDataContainer,exports.Input=X.Input,exports.AnalyticsChip=J.AnalyticsChip,exports.AnalyticsDropdown=$.AnalyticsDropdown,exports.EachItem=$.EachItem,exports.formatDate=$.formatDate,exports.AnalyticsMultiChip=ee.AnalyticsMultiChip,exports.AnalyticsMetric=re.AnalyticsMetric,exports.AnalyticsTrend=te.AnalyticsTrend,exports.LineChart=oe.LineChart,exports.LinearChipGroupedChart=ne.LinearChipGroupedChart,exports.Card=ae.Card,exports.PieChartAnalytics=ae.PieChartAnalytics,exports.PieChart=se.PieChart,exports.HorizontalGraph=ie.HorizontalGraph,exports.StackedBarChart=pe.StackedBarChart,exports.StackedBarDistributionChart=ue.StackedBarDistributionChart,Object.defineProperty(exports,"GRAPH_ORIENTATION",{enumerable:!0,get:function(){return ce.GRAPH_ORIENTATION}}),exports.VerticalGraph=le.VerticalGraph,exports.FunnelVerticalBarGraph=de.FunnelVerticalBarGraph,Object.defineProperty(exports,"HEAT",{enumerable:!0,get:function(){return me.HEAT}}),exports.HEAT_COLORS=me.HEAT_COLORS,Object.defineProperty(exports,"HEAT_GRADING_TYPE",{enumerable:!0,get:function(){return me.HEAT_GRADING_TYPE}}),exports.HeatMap=me.HeatMap,exports.HeatBoxStyled=xe.HeatBoxStyled,exports.HeatMapVertical=xe.HeatMapVertical,exports.VerticalBarAndLinearGraph=Te.VerticalBarAndLinearGraph,Object.defineProperty(exports,"TruncateValue",{enumerable:!0,get:function(){return Pe.TruncateValue}}),exports.calculatePercentage=Pe.calculatePercentage,exports.roundNumber=Pe.roundNumber,exports.truncateValueForIndianStore=Pe.truncateValueForIndianStore,exports.truncateValueForInternationalStore=Pe.truncateValueForInternationalStore,exports.truncateValueTo10K=Pe.truncateValueTo10K,exports.truncateValueToA=Pe.truncateValueToA,exports.truncateValueToB=Pe.truncateValueToB,exports.truncateValueToC=Pe.truncateValueToC,exports.truncateValueToK=Pe.truncateValueToK,exports.truncateValueToL=Pe.truncateValueToL,exports.truncateValueToM=Pe.truncateValueToM,exports.truncateValueToT=Pe.truncateValueToT,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=Se.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=Se.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=Se.BACKGROUND_VS_TEXT_COLOR_MAP,Object.defineProperty(exports,"MESSAGE_CHANNELS",{enumerable:!0,get:function(){return Se.MESSAGE_CHANNELS}}),Object.defineProperty(exports,"AVATAR_BACKGROUND",{enumerable:!0,get:function(){return Ae.AVATAR_BACKGROUND}}),exports.AVATAR_SIZE_MAP=Ae.AVATAR_SIZE_MAP,Object.defineProperty(exports,"AVATAR_TYPES",{enumerable:!0,get:function(){return Ae.AVATAR_TYPES}}),Object.defineProperty(exports,"SIZE",{enumerable:!0,get:function(){return Ae.SIZE}}),exports.Alert=Ce.Alert,Object.defineProperty(exports,"ALERT_TYPES",{enumerable:!0,get:function(){return ye.ALERT_TYPES}}),exports.COLOR_CONFIG_MAP=ye.COLOR_CONFIG_MAP,Object.defineProperty(exports,"CONTENT_POSITION",{enumerable:!0,get:function(){return ye.CONTENT_POSITION}}),Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return je.RATIO}}),exports.Thumbnail=je.Thumbnail,exports.Curtain=Oe.Curtain,exports.DatePicker=be.DatePicker,exports.DatePickerWrapper=Ee.DatePickerWrapper,exports.Loader=he.Loader,exports.Switch=he.Switch,exports.SwitchContainer=he.SwitchContainer,exports.Thumb=he.Thumb,exports.SubscriptionPlan=Re.SubscriptionPlan,exports.BottomWrapper=ge.BottomWrapper,exports.HeaderWrapper=ge.HeaderWrapper,exports.SubscriptionPlanSelector=ge.SubscriptionPlanSelector,exports.defaultTabs=ge.defaultTabs,exports.NewSubscriptionPlan=Be.NewSubscriptionPlan,exports.SubscriptionPlansCollected=Ie.SubscriptionPlansCollected,exports.TabItemComponent=qe.TabItemComponent,exports.Tabs=qe.Tabs,exports.DynamicTabs=_e.DynamicTabs,exports.BikShimmer=fe.BikShimmer,exports.TablePagination=we.TablePagination,exports.TablePaginationCard=Ne.TablePaginationCard,exports.TablePaginationCardStyled=Ne.TablePaginationCardStyled,exports.StateModalComponent=De.StateModalComponent,exports.DeleteConfirmationModal=ke.DeleteConfirmationModal,Object.defineProperty(exports,"ButtonActions",{enumerable:!0,get:function(){return Me.ButtonActions}}),Object.defineProperty(exports,"ButtonTypes",{enumerable:!0,get:function(){return Me.ButtonTypes}}),exports.StateComponent=Me.StateComponent,Object.defineProperty(exports,"StateInterface",{enumerable:!0,get:function(){return Me.StateInterface}}),exports.ShopifyScopeWrapper=Le.ShopifyScopeWrapper,exports.WhatsAppTextEditor=Ve.WhatsAppTextEditor,exports.CustomRightBorder=ve.CustomRightBorder,Object.defineProperty(exports,"EditorActionTypes",{enumerable:!0,get:function(){return ve.EditorActionTypes}}),exports.WhatsAppTextEditorHeader=ve.WhatsAppTextEditorHeader,exports.BackgroundImageContainer=Ue.BackgroundImageContainer,exports.MainCardContainer=Ue.MainCardContainer,exports.MainContainer=Ue.MainContainer,exports.WhatsNewIconContainer=Ue.WhatsNewIconContainer,exports.WhatsNewWrapper=Ue.WhatsNewWrapper,exports.WhatsNewButton=Fe.WhatsNewButton,exports.WhatsNewPanel=Ge.WhatsNewPanel,exports.WhatsNewProvider=We.WhatsNewProvider,exports.useWhatsNewContext=We.useWhatsNewContext,exports.WhatsNew=He.WhatsNew,exports.useWhatsNew=Ye.useWhatsNew,exports.BaseWhatsappContentLangHelper=Qe.BaseWhatsappContentLangHelper,exports.CURTAIN_COLOR_CONFIG_MAP=Ke.CURTAIN_COLOR_CONFIG_MAP,Object.defineProperty(exports,"CURTAIN_MODE",{enumerable:!0,get:function(){return Ke.CURTAIN_MODE}}),Object.defineProperty(exports,"CURTAIN_TYPES",{enumerable:!0,get:function(){return Ke.CURTAIN_TYPES}}),exports.resizeImage=ze.resizeImage,Object.defineProperty(exports,"PickerType",{enumerable:!0,get:function(){return Ze.PickerType}}),exports.CardSelectionModal=Xe.CardSelectionModal,exports.BikImageCropper=Je.BikImageCropper,exports.BikImagePipeline=$e.BikImagePipeline,exports.ButtonGroup=er.ButtonGroup,exports.BikAccordion=rr.BikAccordion,exports.FileUploader=tr.FileUploader,exports.ColourInput=or.ColourInput,exports.CodeBlock=nr.CodeBlock,Object.defineProperty(exports,"CodeLanguage",{enumerable:!0,get:function(){return ar.CodeLanguage}}),exports.BikHeader=sr.BikHeader,exports.BikLayout=ir.BikLayout,exports.BikProfile=pr.BikProfile,exports.SimpleSidebar=ur.SimpleSidebar,exports.BikSidebar=cr.BikSidebar,exports.FeatureModal=lr.FeatureModal,exports.SidebarSkeleton=dr.SidebarSkeleton,exports.ShowShopifyRestrictedModal=mr.ShowShopifyRestrictedModal,exports.FeatureModalV2=xr.FeatureModalV2,exports.SearchBar=Tr.SearchBar,exports.CustomDateTime=Pr.CustomDateTime,exports.PricePleaseProductPicker=Sr.PricePleaseProductPicker,exports.ProductPickerContent=Sr.ProductPickerContent,exports.DiscountModal=Ar.DiscountModal,exports.CouponExpiration=Cr.CouponExpiration,Object.defineProperty(exports,"COUPON_EXPIRATION",{enumerable:!0,get:function(){return yr.COUPON_EXPIRATION}}),Object.defineProperty(exports,"DISCOUNT_APPLIES_TO",{enumerable:!0,get:function(){return yr.DISCOUNT_APPLIES_TO}}),Object.defineProperty(exports,"DISCOUNT_TARGET_SELECTION",{enumerable:!0,get:function(){return yr.DISCOUNT_TARGET_SELECTION}}),Object.defineProperty(exports,"DISCOUNT_TARGET_TYPES",{enumerable:!0,get:function(){return yr.DISCOUNT_TARGET_TYPES}}),Object.defineProperty(exports,"DISCOUNT_TYPES",{enumerable:!0,get:function(){return yr.DISCOUNT_TYPES}}),Object.defineProperty(exports,"DISCOUNT_VALUE_TYPES",{enumerable:!0,get:function(){return yr.DISCOUNT_VALUE_TYPES}}),Object.defineProperty(exports,"MIN_PURCHASE_REQUIREMENT",{enumerable:!0,get:function(){return yr.MIN_PURCHASE_REQUIREMENT}}),Object.defineProperty(exports,"OFFER_APPLIES_TO",{enumerable:!0,get:function(){return yr.OFFER_APPLIES_TO}}),exports.initialDynamicCouponErrorState=yr.initialDynamicCouponErrorState,exports.initialStaticCouponErrorState=yr.initialStaticCouponErrorState,exports.CountryCodePicker=jr.CountryCodePicker,exports.CountriesData=Or.CountriesData,exports.DEFAULT_IMAGE=br.DEFAULT_IMAGE,exports.ShimmerImage=br.ShimmerImage,exports.ProductPickerModal=Er.ProductPickerModal,Object.defineProperty(exports,"ScreenName",{enumerable:!0,get:function(){return hr.ScreenName}}),exports.Carousel=Rr.Carousel,exports.CarouselSecondary=gr.CarouselSecondary,exports.AccessTokenTroubleshootDialog=Br.AccessTokenTroubleshootDialog,exports.RadioList=Ir.RadioList,exports.CheckList=qr.CheckList,Object.defineProperty(exports,"DateKeys",{enumerable:!0,get:function(){return _r.DateKeys}}),Object.defineProperty(exports,"MEDIA_TYPES",{enumerable:!0,get:function(){return _r.MEDIA_TYPES}}),exports.PostPicker=_r.PostPicker,exports.dateOptions=_r.dateOptions,exports.DropdownButton=fr.DropdownButton,exports.SideModal=wr.SideModal,exports.KeywordsInput=Nr.KeywordsInput,exports.AddVariableV2SideModal=Dr.AddVariableV2SideModal,exports.AddVariableV2=kr.AddVariableV2,exports.NaLinkWrapper=Mr.NaLinkWrapper,exports.NavigationHyperlink=Mr.NavigationHyperlink,exports.SearchFilter=Lr.SearchFilter,exports.InputWithVariables=Vr.InputWithVariables,exports.DashboardReviewPopUp=vr.DashboardReviewPopUp,exports.StarRating=Ur.StarRating,exports.TestimonialCard=Fr.TestimonialCard,exports.BikSlider=Gr.BikSlider,exports.ResizableImage=Wr.ResizableImage,exports.validateURL=Hr.validateURL,exports.CarouselPreview=Yr.CarouselPreview,exports.Floater=Qr.Floater,exports.CardSelector=Kr.CardSelector,exports.CardSelectorGroup=zr.CardSelectorGroup,exports.VariablePicker=Zr.VariablePicker,exports.ActionButtons=Xr.ActionButtons,exports.ActivateBikAi=Jr.ActivateBikAi,exports.AiSyncProgress=$r.AiSyncProgress,exports.AiCreditsExhausted=et.AiCreditsExhausted,exports.AiCreditsLow=rt.AiCreditsLow,exports.CustomPortal=tt.CustomPortal,exports.FloatingInputDropdown=ot.FloatingInputDropdown,exports.MultilevelDropdownPopover=nt.MultilevelDropdownPopover,exports.DropShadow=at.DropShadow,exports.MultiLevelDropdown=st.MultiLevelDropdown,exports.DataSourcePanel=it.DataSourcePanel,exports.UnsatisfactoryResponseList=pt.UnsatisfactoryResponseList,exports.UnsatisfactoryCountIntentWiseModal=ut.UnsatisfactoryCountIntentWiseModal,Object.defineProperty(exports,"CustomDataCategories",{enumerable:!0,get:function(){return ct.CustomDataCategories}}),Object.defineProperty(exports,"CustomDataType",{enumerable:!0,get:function(){return ct.CustomDataType}}),exports.TextPickerModal=lt.TextPickerModal,exports.DotPulse=dt.DotPulse,exports.FeatureAnnouncementProvider=mt.default,exports.MajorUpdatePopup=xt.default,exports.MinorUpdatePopup=Tt.default,exports.VideoModal=Pt.VideoModal,exports.useFeatureAnnouncements=St.useFeatureAnnouncements,Object.defineProperty(exports,"CarouselVersion",{enumerable:!0,get:function(){return At.CarouselVersion}});
+"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"),a=require("./components/checkBox/CheckBox.js"),i=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"),T=require("./components/icon-button/IconButton.js"),x=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"),j=require("./components/template-preview/models/Channels.js"),E=require("./components/template-context-mapper/TemplateContextMapper.js"),R=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),g=require("./components/template-context-mapper/utils/validateIsUrl.js");require("./_virtual/_tslib.js");var h=require("./components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.js"),B=require("./components/template-context-mapper/modalElements/TemplateAnalyticsComponent.js"),I=require("./components/fab-menu/FABMenu.js"),_=require("./components/floating-action-button/FloatingActionButton.js"),q=require("./components/floating-action-button/FloatingActionButton.styles.js"),f=require("./components/image-compress/ImageCompress.js"),D=require("./components/TypographyStyle.js"),N=require("./components/button/Button.js"),k=require("./components/progress-bar/ProgressBarComponent.js");require("./node_modules/react/jsx-runtime.js");var L=require("./components/progress-bar-v2/ProgressBarV2.js"),w=require("./components/QueryBuilder/QueryBuilder.js"),M=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),V=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),v=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),U=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),G=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),F=require("./components/modals/styledModal.js"),H=require("./components/dropdown/DropdownPopover/index.js"),W=require("./components/dropdown/Dropdown.js"),Y=require("./components/dropdown/ChipDropdown.js"),Q=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),K=require("./components/dropdown/MenuItem/MenuItem.js"),z=require("./components/analytics-card/AnalyticsCard.js"),Z=require("./components/analytics-card/AnalyticsCard.styled.js"),X=require("./components/input/Input.js"),J=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),$=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),ee=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),re=require("./components/analytics-chips-and-dropdowns/AnalyticsMetric.js"),te=require("./components/analytics-chips-and-dropdowns/AnalyticsTrend.js"),oe=require("./components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),ne=require("./components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js"),ae=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),ie=require("./components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),se=require("./components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),pe=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),ue=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),ce=require("./components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js"),le=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),de=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js"),me=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),Te=require("./components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),xe=require("./components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js"),Pe=require("./components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),Se=require("./components/avatar/Avatar.js"),Ae=require("./components/avatar/AvatarHelper.js"),Ce=require("./components/alerts/Alert.js"),ye=require("./components/alerts/AlertHelper.js"),Oe=require("./components/thumbnail/Thumbnail.js"),be=require("./components/curtain/Curtain.js"),je=require("./components/datePicker/DatePicker.js"),Ee=require("./components/datePicker/DatePickerWrapper.js"),Re=require("./components/switch/Switch.js"),ge=require("./components/plans/SubscriptionPlan.js"),he=require("./components/plans/SubscriptionPlanSelector.js"),Be=require("./components/plans/NewSubscriptionPlan.js"),Ie=require("./components/plans/SubscriptionPlansCollected.js"),_e=require("./components/tabs/Tabs.js"),qe=require("./components/dynamic-tabs/DynamicTabs.js"),fe=require("./components/shimmer/ShimmerComponent/BikShimmer.js"),De=require("./components/TablePagination/TablePagination.js"),Ne=require("./components/TablePagination/TablePaginationCard.js"),ke=require("./components/states-modal/StateModalComponent.js"),Le=require("./components/states-modal/DeleteConfirmationModal.js"),we=require("./components/states/StateComponent.js"),Me=require("./components/states/ShopifyScopeWrapper.js"),Ve=require("./components/WhatsAppTextEditor/WhatsAppTextEditor.js"),ve=require("./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),Ue=require("./helpers/BaseWhatsappContentLang.helper.js"),Ge=require("./components/curtain/CurtainHelper.js"),Fe=require("./utils/resizeImage.js"),He=require("./components/variable-picker-v3/model.js"),We=require("./components/card-selection-modal/CardSelectionModal.js"),Ye=require("./components/image-cropper/BikImageCropper.js"),Qe=require("./components/image-cropper/BikImagePipeline/BikImagePipeline.js"),Ke=require("./components/buttonGroup/ButtonGroup.js"),ze=require("./components/accordion/Accordion.js"),Ze=require("./components/file-uploader/FileUploader.js"),Xe=require("./components/colourInput/ColourInput.js"),Je=require("./components/code-block/CodeBlock.js"),$e=require("./components/code-block/types.js"),er=require("./components/bik-layout/BikHeader.js"),rr=require("./components/bik-layout/BikLayout.js"),tr=require("./components/bik-layout/BikProfile.js"),or=require("./components/bik-layout/SimpleSidebar.js"),nr=require("./components/bik-layout/BikSidebar.js"),ar=require("./components/bik-layout/FeatureModal.js"),ir=require("./components/bik-layout/SidebarSkeleton.js"),sr=require("./components/bik-layout/ShowShopifyRestrictedModal.js"),pr=require("./components/bik-layout/FeatureModalV2.js"),ur=require("./components/searchBar/searchBar.js"),cr=require("./components/custom-date-time/CustomDateTime.js"),lr=require("./components/product-picker/ProductPickerModal.js"),dr=require("./components/discount-modal/DiscountModal.js"),mr=require("./components/discount-modal/CouponExpiration/CouponExpiration.js"),Tr=require("./components/discount-modal/type.js"),xr=require("./components/country-code-picker/CountryCodePicker.js"),Pr=require("./components/country-code-picker/CountryCodePicker.modal.js"),Sr=require("./components/shimmer-image/ShimmerImage.js"),Ar=require("./components/product-picker-v2/modal.js"),Cr=require("./components/product-picker-v2/type.js"),yr=require("./components/carousel/carousel.js"),Or=require("./components/carousel-secondary/CarouselSecondary.js"),br=require("./components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js"),jr=require("./components/radioList/RadioList.js"),Er=require("./components/checkList/CheckList.js"),Rr=require("./components/postPicker/postPicker.js"),gr=require("./components/dropdown-button/DropdownButton.js"),hr=require("./components/side-modal/SideModal.js"),Br=require("./components/keywords-input/KeywordsInput.js"),Ir=require("./components/add-variableV2/AddVariableV2SideModal.js"),_r=require("./components/add-variableV2/AddVariableV2.js"),qr=require("./components/navigation-hyperlink/NavigationHyperlink.js"),fr=require("./components/SearchFilter/index.js"),Dr=require("./components/input-with-vars/InputWithVariables.js"),Nr=require("./components/dashboard-review-popup/DashboardReviewPopUp.js"),kr=require("./components/star-rating/StarRating.js"),Lr=require("./components/testimonial-card/TestimonialCard.js"),wr=require("./components/slider/slider.js"),Mr=require("./components/resizeImage/index.js"),Vr=require("./utils/validator.js"),vr=require("./components/carousel-preview/CarouselPreview.js"),Ur=require("./components/floater/floater.js"),Gr=require("./components/card-selector/CardSelector.js"),Fr=require("./components/card-selector/CardSelectorGroup.js"),Hr=require("./components/variable-picker-v3/VariablePicker.js"),Wr=require("./components/action-button/ActionButtons.js"),Yr=require("./components/ai-modals/ActivateBikAI.js"),Qr=require("./components/ai-modals/AiSyncProgress.js"),Kr=require("./components/ai-modals/AiCreditsExhausted.js"),zr=require("./components/ai-modals/AiCreditsLow.js"),Zr=require("./components/input-with-vars/customPortal.js"),Xr=require("./components/floating-input-dropdown/FloatingInputDropdown.js"),Jr=require("./components/dropdown/MultilevelDropdownPopover/index.js"),$r=require("./components/dropShadow/DropShadow.js"),et=require("./components/multi-level-dropdown/MultiLevelDropdown.js"),rt=require("./components/data-source-panel/DataSourcePanel.js"),tt=require("./components/unsatisfactory-response-list/UnsatisfactoryResponseList.js"),ot=require("./components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js"),nt=require("./components/data-source-panel/model.js"),at=require("./components/text-picker/TextPickerModal.js"),it=require("./components/dot-pulse/DotPulse.js"),st=require("./components/banner/Banner.js"),pt=require("./components/banner/model.js"),ut=require("./components/carousel-secondary/model.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=a.CheckBox,exports.ListItem=i.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=T.IconButton,exports.TemplatePreview=x.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}}),exports.STATIC_URL_CTA_OPTION=O.STATIC_URL_CTA_OPTION,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}}),exports.UNSUBSCRIBE_URL_OPTION=O.UNSUBSCRIBE_URL_OPTION,Object.defineProperty(exports,"BUTTON_TYPE",{enumerable:!0,get:function(){return b.BUTTON_TYPE}}),Object.defineProperty(exports,"POD",{enumerable:!0,get:function(){return b.POD}}),Object.defineProperty(exports,"TEMPLATE_QUALITY",{enumerable:!0,get:function(){return b.TEMPLATE_QUALITY}}),Object.defineProperty(exports,"CHANNEL_TYPE",{enumerable:!0,get:function(){return j.CHANNEL_TYPE}}),exports.TemplateContextMapper=E.TemplateContextMapper,exports.getAllDataFromTemplateComponent=R.getAllDataFromTemplateComponent,exports.getAllDataFromWebpushTemplateComponent=R.getAllDataFromWebpushTemplateComponent,exports.isVariable=g.isVariable,exports.validateIsUrl=g.validateIsUrl,exports.TemplateAnalyticsSkeleton=h.TemplateAnalyticsSkeleton,exports.AnalyticsItem=B.AnalyticsItem,exports.RightPanelTemplateAnalytics=B.RightPanelTemplateAnalytics,exports.TemplateAnalyticsComponent=B.TemplateAnalyticsComponent,exports.FABMenu=I.FABMenu,exports.FloatingActionButton=_.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return q.DROP_POSITION}}),exports.DropdownToggleContainer=q.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return q.FAB_POSITION}}),exports.FloatingActionButtonContainer=q.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=q.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return q.MENU_ALIGNMENT}}),exports.StyledDropdown=q.StyledDropdown,exports.TooltipStyled=q.TooltipStyled,exports.ImageService=f.ImageService,exports.AiBodyCaption=D.AiBodyCaption,exports.AiBodyTiny=D.AiBodyTiny,exports.BodyCaption=D.BodyCaption,exports.BodyLarge=D.BodyLarge,exports.BodyPrimary=D.BodyPrimary,exports.BodyPrimaryLink=D.BodyPrimaryLink,exports.BodyRegular=D.BodyRegular,exports.BodySecondary=D.BodySecondary,exports.BodySecondaryLink=D.BodySecondaryLink,exports.BodySmall=D.BodySmall,exports.BodyTiny=D.BodyTiny,exports.ButtonLarge=D.ButtonLarge,exports.ButtonLargeAI=D.ButtonLargeAI,exports.ButtonRegular=D.ButtonRegular,exports.ButtonRegularAI=D.ButtonRegularAI,exports.Caption=D.Caption,exports.CaptionBold=D.CaptionBold,exports.Display=D.Display,exports.SmallRegular=D.SmallRegular,exports.SubHeading=D.SubHeading,exports.TextPlaceholder=D.TextPlaceholder,exports.Tiny=D.Tiny,exports.TitleFour=D.TitleFour,exports.TitleLarge=D.TitleLarge,exports.TitleMedium=D.TitleMedium,exports.TitleRegular=D.TitleRegular,exports.TitleSmall=D.TitleSmall,exports.TitleXlarge=D.TitleXlarge,exports.Button=N.Button,exports.ProgressBarComponent=k.ProgressBarComponent,exports.ProgressCompletedBar=k.ProgressCompletedBar,Object.defineProperty(exports,"ProgressBarType",{enumerable:!0,get:function(){return L.ProgressBarType}}),exports.ProgressBarV2=L.ProgressBarV2,Object.defineProperty(exports,"TextAlignment",{enumerable:!0,get:function(){return L.TextAlignment}}),exports.QueryBuilder=w.QueryBuilder,exports.BaseQueryBuilderNode=M.BaseQueryBuilderNode,exports.PropertyNode=V.PropertyNode,exports.PropertyNodeHeadless=V.PropertyNodeHeadless,exports.queryBuilderSlice=v.queryBuilderSlice,exports.queryBuilderCacheSlice=U.queryBuilderCacheSlice,Object.defineProperty(exports,"AD_STRING_OPERATORS",{enumerable:!0,get:function(){return G.AD_STRING_OPERATORS}}),Object.defineProperty(exports,"ANY_AD_OPERATORS",{enumerable:!0,get:function(){return G.ANY_AD_OPERATORS}}),Object.defineProperty(exports,"ANY_IG_OPERATORS",{enumerable:!0,get:function(){return G.ANY_IG_OPERATORS}}),Object.defineProperty(exports,"BOOLEAN_OPERATORS",{enumerable:!0,get:function(){return G.BOOLEAN_OPERATORS}}),Object.defineProperty(exports,"DATE_OPERATORS",{enumerable:!0,get:function(){return G.DATE_OPERATORS}}),Object.defineProperty(exports,"EVENT_VALUES",{enumerable:!0,get:function(){return G.EVENT_VALUES}}),Object.defineProperty(exports,"EXACTLY_OPERATORS",{enumerable:!0,get:function(){return G.EXACTLY_OPERATORS}}),Object.defineProperty(exports,"FREQUENCY_OPERATORS",{enumerable:!0,get:function(){return G.FREQUENCY_OPERATORS}}),Object.defineProperty(exports,"ICE_BREAKER_OPERATORS",{enumerable:!0,get:function(){return G.ICE_BREAKER_OPERATORS}}),Object.defineProperty(exports,"IG_STRING_OPERATORS",{enumerable:!0,get:function(){return G.IG_STRING_OPERATORS}}),Object.defineProperty(exports,"INTEGER_OPERATORS",{enumerable:!0,get:function(){return G.INTEGER_OPERATORS}}),Object.defineProperty(exports,"MAIL_SUBJECT_OPERATORS",{enumerable:!0,get:function(){return G.MAIL_SUBJECT_OPERATORS}}),Object.defineProperty(exports,"REACTION_OPERATORS",{enumerable:!0,get:function(){return G.REACTION_OPERATORS}}),Object.defineProperty(exports,"SPECIFIC_IG_OPERATORS",{enumerable:!0,get:function(){return G.SPECIFIC_IG_OPERATORS}}),Object.defineProperty(exports,"STRING_OPERATORS",{enumerable:!0,get:function(){return G.STRING_OPERATORS}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS",{enumerable:!0,get:function(){return G.STRING_RESTRICTED_OPERATORS}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS_2",{enumerable:!0,get:function(){return G.STRING_RESTRICTED_OPERATORS_2}}),Object.defineProperty(exports,"STRING_RESTRICTED_OPERATORS_3",{enumerable:!0,get:function(){return G.STRING_RESTRICTED_OPERATORS_3}}),exports.StyledModal=F.StyledModal,exports.DropdownPopover=H.DropdownPopover,exports.Dropdown=W.Dropdown,exports.ChipDropdown=Y.ChipDropdown,exports.ChipDropdownContainer=Y.ChipDropdownContainer,exports.OpenedDropdown=Q.OpenedDropdown,exports.MenuItemDropdown=K.MenuItemDropdown,exports.AnalyticsCard=z.AnalyticsCard,exports.AnalyticsContainer=Z.AnalyticsContainer,exports.CardDataContainer=Z.CardDataContainer,exports.Input=X.Input,exports.AnalyticsChip=J.AnalyticsChip,exports.AnalyticsDropdown=$.AnalyticsDropdown,exports.EachItem=$.EachItem,exports.formatDate=$.formatDate,exports.AnalyticsMultiChip=ee.AnalyticsMultiChip,exports.AnalyticsMetric=re.AnalyticsMetric,exports.AnalyticsTrend=te.AnalyticsTrend,exports.LineChart=oe.LineChart,exports.LinearChipGroupedChart=ne.LinearChipGroupedChart,exports.Card=ae.Card,exports.PieChartAnalytics=ae.PieChartAnalytics,exports.PieChart=ie.PieChart,exports.HorizontalGraph=se.HorizontalGraph,exports.StackedBarChart=pe.StackedBarChart,exports.StackedBarDistributionChart=ue.StackedBarDistributionChart,Object.defineProperty(exports,"GRAPH_ORIENTATION",{enumerable:!0,get:function(){return ce.GRAPH_ORIENTATION}}),exports.VerticalGraph=le.VerticalGraph,exports.FunnelVerticalBarGraph=de.FunnelVerticalBarGraph,Object.defineProperty(exports,"HEAT",{enumerable:!0,get:function(){return me.HEAT}}),exports.HEAT_COLORS=me.HEAT_COLORS,Object.defineProperty(exports,"HEAT_GRADING_TYPE",{enumerable:!0,get:function(){return me.HEAT_GRADING_TYPE}}),exports.HeatMap=me.HeatMap,exports.HeatBoxStyled=Te.HeatBoxStyled,exports.HeatMapVertical=Te.HeatMapVertical,exports.VerticalBarAndLinearGraph=xe.VerticalBarAndLinearGraph,Object.defineProperty(exports,"TruncateValue",{enumerable:!0,get:function(){return Pe.TruncateValue}}),exports.calculatePercentage=Pe.calculatePercentage,exports.roundNumber=Pe.roundNumber,exports.truncateValueForIndianStore=Pe.truncateValueForIndianStore,exports.truncateValueForInternationalStore=Pe.truncateValueForInternationalStore,exports.truncateValueTo10K=Pe.truncateValueTo10K,exports.truncateValueToA=Pe.truncateValueToA,exports.truncateValueToB=Pe.truncateValueToB,exports.truncateValueToC=Pe.truncateValueToC,exports.truncateValueToK=Pe.truncateValueToK,exports.truncateValueToL=Pe.truncateValueToL,exports.truncateValueToM=Pe.truncateValueToM,exports.truncateValueToT=Pe.truncateValueToT,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=Se.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=Se.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=Se.BACKGROUND_VS_TEXT_COLOR_MAP,Object.defineProperty(exports,"MESSAGE_CHANNELS",{enumerable:!0,get:function(){return Se.MESSAGE_CHANNELS}}),Object.defineProperty(exports,"AVATAR_BACKGROUND",{enumerable:!0,get:function(){return Ae.AVATAR_BACKGROUND}}),exports.AVATAR_SIZE_MAP=Ae.AVATAR_SIZE_MAP,Object.defineProperty(exports,"AVATAR_TYPES",{enumerable:!0,get:function(){return Ae.AVATAR_TYPES}}),Object.defineProperty(exports,"SIZE",{enumerable:!0,get:function(){return Ae.SIZE}}),exports.Alert=Ce.Alert,Object.defineProperty(exports,"ALERT_TYPES",{enumerable:!0,get:function(){return ye.ALERT_TYPES}}),exports.COLOR_CONFIG_MAP=ye.COLOR_CONFIG_MAP,Object.defineProperty(exports,"CONTENT_POSITION",{enumerable:!0,get:function(){return ye.CONTENT_POSITION}}),Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return Oe.RATIO}}),exports.Thumbnail=Oe.Thumbnail,exports.Curtain=be.Curtain,exports.DatePicker=je.DatePicker,exports.DatePickerWrapper=Ee.DatePickerWrapper,exports.Loader=Re.Loader,exports.Switch=Re.Switch,exports.SwitchContainer=Re.SwitchContainer,exports.Thumb=Re.Thumb,exports.SubscriptionPlan=ge.SubscriptionPlan,exports.BottomWrapper=he.BottomWrapper,exports.HeaderWrapper=he.HeaderWrapper,exports.SubscriptionPlanSelector=he.SubscriptionPlanSelector,exports.defaultTabs=he.defaultTabs,exports.NewSubscriptionPlan=Be.NewSubscriptionPlan,exports.SubscriptionPlansCollected=Ie.SubscriptionPlansCollected,exports.TabItemComponent=_e.TabItemComponent,exports.Tabs=_e.Tabs,exports.DynamicTabs=qe.DynamicTabs,exports.BikShimmer=fe.BikShimmer,exports.TablePagination=De.TablePagination,exports.TablePaginationCard=Ne.TablePaginationCard,exports.TablePaginationCardStyled=Ne.TablePaginationCardStyled,exports.StateModalComponent=ke.StateModalComponent,exports.DeleteConfirmationModal=Le.DeleteConfirmationModal,Object.defineProperty(exports,"ButtonActions",{enumerable:!0,get:function(){return we.ButtonActions}}),Object.defineProperty(exports,"ButtonTypes",{enumerable:!0,get:function(){return we.ButtonTypes}}),exports.StateComponent=we.StateComponent,Object.defineProperty(exports,"StateInterface",{enumerable:!0,get:function(){return we.StateInterface}}),exports.ShopifyScopeWrapper=Me.ShopifyScopeWrapper,exports.WhatsAppTextEditor=Ve.WhatsAppTextEditor,exports.CustomRightBorder=ve.CustomRightBorder,Object.defineProperty(exports,"EditorActionTypes",{enumerable:!0,get:function(){return ve.EditorActionTypes}}),exports.WhatsAppTextEditorHeader=ve.WhatsAppTextEditorHeader,exports.BaseWhatsappContentLangHelper=Ue.BaseWhatsappContentLangHelper,exports.CURTAIN_COLOR_CONFIG_MAP=Ge.CURTAIN_COLOR_CONFIG_MAP,Object.defineProperty(exports,"CURTAIN_MODE",{enumerable:!0,get:function(){return Ge.CURTAIN_MODE}}),Object.defineProperty(exports,"CURTAIN_TYPES",{enumerable:!0,get:function(){return Ge.CURTAIN_TYPES}}),exports.resizeImage=Fe.resizeImage,Object.defineProperty(exports,"PickerType",{enumerable:!0,get:function(){return He.PickerType}}),exports.CardSelectionModal=We.CardSelectionModal,exports.BikImageCropper=Ye.BikImageCropper,exports.BikImagePipeline=Qe.BikImagePipeline,exports.ButtonGroup=Ke.ButtonGroup,exports.BikAccordion=ze.BikAccordion,exports.FileUploader=Ze.FileUploader,exports.ColourInput=Xe.ColourInput,exports.CodeBlock=Je.CodeBlock,Object.defineProperty(exports,"CodeLanguage",{enumerable:!0,get:function(){return $e.CodeLanguage}}),exports.BikHeader=er.BikHeader,exports.BikLayout=rr.BikLayout,exports.BikProfile=tr.BikProfile,exports.SimpleSidebar=or.SimpleSidebar,exports.BikSidebar=nr.BikSidebar,exports.FeatureModal=ar.FeatureModal,exports.SidebarSkeleton=ir.SidebarSkeleton,exports.ShowShopifyRestrictedModal=sr.ShowShopifyRestrictedModal,exports.FeatureModalV2=pr.FeatureModalV2,exports.SearchBar=ur.SearchBar,exports.CustomDateTime=cr.CustomDateTime,exports.PricePleaseProductPicker=lr.PricePleaseProductPicker,exports.ProductPickerContent=lr.ProductPickerContent,exports.DiscountModal=dr.DiscountModal,exports.CouponExpiration=mr.CouponExpiration,Object.defineProperty(exports,"COUPON_EXPIRATION",{enumerable:!0,get:function(){return Tr.COUPON_EXPIRATION}}),Object.defineProperty(exports,"DISCOUNT_APPLIES_TO",{enumerable:!0,get:function(){return Tr.DISCOUNT_APPLIES_TO}}),Object.defineProperty(exports,"DISCOUNT_TARGET_SELECTION",{enumerable:!0,get:function(){return Tr.DISCOUNT_TARGET_SELECTION}}),Object.defineProperty(exports,"DISCOUNT_TARGET_TYPES",{enumerable:!0,get:function(){return Tr.DISCOUNT_TARGET_TYPES}}),Object.defineProperty(exports,"DISCOUNT_TYPES",{enumerable:!0,get:function(){return Tr.DISCOUNT_TYPES}}),Object.defineProperty(exports,"DISCOUNT_VALUE_TYPES",{enumerable:!0,get:function(){return Tr.DISCOUNT_VALUE_TYPES}}),Object.defineProperty(exports,"MIN_PURCHASE_REQUIREMENT",{enumerable:!0,get:function(){return Tr.MIN_PURCHASE_REQUIREMENT}}),Object.defineProperty(exports,"OFFER_APPLIES_TO",{enumerable:!0,get:function(){return Tr.OFFER_APPLIES_TO}}),exports.initialDynamicCouponErrorState=Tr.initialDynamicCouponErrorState,exports.initialStaticCouponErrorState=Tr.initialStaticCouponErrorState,exports.CountryCodePicker=xr.CountryCodePicker,exports.CountriesData=Pr.CountriesData,exports.DEFAULT_IMAGE=Sr.DEFAULT_IMAGE,exports.ShimmerImage=Sr.ShimmerImage,exports.ProductPickerModal=Ar.ProductPickerModal,Object.defineProperty(exports,"ScreenName",{enumerable:!0,get:function(){return Cr.ScreenName}}),exports.Carousel=yr.Carousel,exports.CarouselSecondary=Or.CarouselSecondary,exports.AccessTokenTroubleshootDialog=br.AccessTokenTroubleshootDialog,exports.RadioList=jr.RadioList,exports.CheckList=Er.CheckList,Object.defineProperty(exports,"DateKeys",{enumerable:!0,get:function(){return Rr.DateKeys}}),Object.defineProperty(exports,"MEDIA_TYPES",{enumerable:!0,get:function(){return Rr.MEDIA_TYPES}}),exports.PostPicker=Rr.PostPicker,exports.dateOptions=Rr.dateOptions,exports.DropdownButton=gr.DropdownButton,exports.SideModal=hr.SideModal,exports.KeywordsInput=Br.KeywordsInput,exports.AddVariableV2SideModal=Ir.AddVariableV2SideModal,exports.AddVariableV2=_r.AddVariableV2,exports.NaLinkWrapper=qr.NaLinkWrapper,exports.NavigationHyperlink=qr.NavigationHyperlink,exports.SearchFilter=fr.SearchFilter,exports.InputWithVariables=Dr.InputWithVariables,exports.DashboardReviewPopUp=Nr.DashboardReviewPopUp,exports.StarRating=kr.StarRating,exports.TestimonialCard=Lr.TestimonialCard,exports.BikSlider=wr.BikSlider,exports.ResizableImage=Mr.ResizableImage,exports.validateURL=Vr.validateURL,exports.CarouselPreview=vr.CarouselPreview,exports.Floater=Ur.Floater,exports.CardSelector=Gr.CardSelector,exports.CardSelectorGroup=Fr.CardSelectorGroup,exports.VariablePicker=Hr.VariablePicker,exports.ActionButtons=Wr.ActionButtons,exports.ActivateBikAi=Yr.ActivateBikAi,exports.AiSyncProgress=Qr.AiSyncProgress,exports.AiCreditsExhausted=Kr.AiCreditsExhausted,exports.AiCreditsLow=zr.AiCreditsLow,exports.CustomPortal=Zr.CustomPortal,exports.FloatingInputDropdown=Xr.FloatingInputDropdown,exports.MultilevelDropdownPopover=Jr.MultilevelDropdownPopover,exports.DropShadow=$r.DropShadow,exports.MultiLevelDropdown=et.MultiLevelDropdown,exports.DataSourcePanel=rt.DataSourcePanel,exports.UnsatisfactoryResponseList=tt.UnsatisfactoryResponseList,exports.UnsatisfactoryCountIntentWiseModal=ot.UnsatisfactoryCountIntentWiseModal,Object.defineProperty(exports,"CustomDataCategories",{enumerable:!0,get:function(){return nt.CustomDataCategories}}),Object.defineProperty(exports,"CustomDataType",{enumerable:!0,get:function(){return nt.CustomDataType}}),exports.TextPickerModal=at.TextPickerModal,exports.DotPulse=it.DotPulse,exports.AdBanner=st.default,Object.defineProperty(exports,"BannerThirdPartyIcon",{enumerable:!0,get:function(){return pt.BannerThirdPartyIcon}}),Object.defineProperty(exports,"BannerType",{enumerable:!0,get:function(){return pt.BannerType}}),exports.getUrlForBannerThirdPartyIcon=pt.getUrlForBannerThirdPartyIcon,Object.defineProperty(exports,"CarouselVersion",{enumerable:!0,get:function(){return ut.CarouselVersion}});