@bikdotai/bik-component-library 0.0.736-beta.6 → 0.0.736-beta.7

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("../TypographyStyle.js"),i=require("./SidebarStyles.js");exports.SidebarPopup=r=>{const{top:s,menuList:t,zIndex:o,left:l,onMouseLeaveOnMenu:u,onClickingPopupMenu:d}=r;return e.jsx(i.SidebarPopupContainer,{top:s,theme:"white",zIndex:o,left:null!=l?l:95,postion:"fixed",children:e.jsx("div",{id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:u,children:null==t?void 0:t.map(((i,r)=>e.jsxs("div",{className:"each-menu",style:{borderBottom:r==t.length-1?"none":void 0},onClick:()=>d(i),children:[e.jsx(n.TitleRegular,{style:{fontSize:14},children:i.displayName}),e.jsx(n.BodySecondary,{style:{fontSize:12},children:i.description})]},r)))},"_sub-menu")})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("../TypographyStyle.js"),i=require("./SidebarStyles.js");exports.SidebarPopup=r=>{const{top:s,menuList:t,zIndex:o,left:l,onMouseLeaveOnMenu:u,onClickingPopupMenu:d}=r;return e.jsx(i.SidebarPopupContainer,{top:s,theme:"white",zIndex:o,left:null!=l?l:95,postion:"fixed",children:e.jsx("div",{id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:u,children:null==t?void 0:t.map((i,r)=>e.jsxs("div",{className:"each-menu",style:{borderBottom:r==t.length-1?"none":void 0},onClick:()=>d(i),children:[e.jsx(n.TitleRegular,{style:{fontSize:14},children:i.displayName}),e.jsx(n.BodySecondary,{style:{fontSize:12},children:i.description})]},r))},"_sub-menu")})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../shimmer/ShimmerComponent/BikShimmer.js"),i=require("./SidebarStyles.js");exports.SidebarSkeleton=t=>{const{width:s,zIndex:d,left:a,theme:n}=t;return e.jsx(i.SimpleSidebarContainer,{width:s,zIndex:d,left:a,theme:n,children:e.jsx("div",{className:"sidebar-right-menu",children:[...new Array(2)].map((()=>0)).map((i=>e.jsx("div",{className:"sidebar-skeleton",children:e.jsx(r.BikShimmer,{boxes:[{height:"24px",width:"100%"},{height:"24px",width:"100%"}],isBrand:"brand"===n})},i+"_"+Math.random())))})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../shimmer/ShimmerComponent/BikShimmer.js"),i=require("./SidebarStyles.js");exports.SidebarSkeleton=t=>{const{width:s,zIndex:d,left:a,theme:n}=t;return e.jsx(i.SimpleSidebarContainer,{width:s,zIndex:d,left:a,theme:n,children:e.jsx("div",{className:"sidebar-right-menu",children:[...new Array(2)].map(()=>0).map(i=>e.jsx("div",{className:"sidebar-skeleton",children:e.jsx(r.BikShimmer,{boxes:[{height:"24px",width:"100%"},{height:"24px",width:"100%"}],isBrand:"brand"===n})},i+"_"+Math.random()))})})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),i=require("../../constants/Theme.js"),a=require("../button/Button.js"),n=require("../navigation-hyperlink/NavigationHyperlink.js"),r=require("../TypographyStyle.js"),t=require("./SidebarStyles.js");exports.SimpleSidebar=l=>{const{menuList:d,activeMenu:o,theme:u,showAccessUpgradePanel:c=!1,header:h,width:p,zIndex:m,left:v,postion:y,top:b,router:x,onMouseLeaveOnMenu:j,onMouseEnterOnMenu:N,onMenuClick:g,onUpgrade:S,isNewSidebar:k}=l,[w,M]=s.useState(o),f=(s,i)=>e.jsxs("div",{className:"sub-child-menu  "+((null==w?void 0:w.key)==(null==s?void 0:s.key)?"sub-child-active-menu":""),onClick:()=>{M(s),g(s,!s.page)},"aria-hidden":"true",children:[e.jsx("span",{className:(null==w?void 0:w.key)==(null==s?void 0:s.key)&&"brand"==u?"sub-child-active-text":""}),e.jsx(r.BodySecondary,{className:"sub-child-text "+((null==w?void 0:w.key)==(null==s?void 0:s.key)&&"white"==u?"active-bold-weight":""),children:null==s?void 0:s.displayName}),s.isNew&&e.jsx("div",{className:"sub-child-new-tag",children:"NEW"})]},i);return e.jsx(t.SimpleSidebarContainer,{width:p,zIndex:m,left:v,theme:u,postion:y,top:b,isNewSidebar:k,children:e.jsxs("div",{id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:j,onMouseEnter:N,children:[e.jsxs("div",{children:[!k&&e.jsx(r.BodySecondary,{className:"sub-child-display-name",children:h}),null==d?void 0:d.map(((s,i)=>s.page?e.jsx(n.NavigationHyperlink,{href:s.page,router:x,children:f(s,i)}):f(s,i)))]}),c&&e.jsxs("div",{className:"lower-sticky-panel",children:[e.jsx(r.TitleSmall,{className:"title-text",style:{color:i.COLORS.surface.standard},children:"Upgrade plan to access this feature."}),e.jsx(a.Button,{className:"upgrade-button",buttonText:"Upgrade plan",buttonType:"primary",size:"small",inverse:!0,onClick:()=>S?S():""})]})]},"_sub-menu")})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),i=require("../../constants/Theme.js"),a=require("../button/Button.js"),n=require("../navigation-hyperlink/NavigationHyperlink.js"),r=require("../TypographyStyle.js"),t=require("./SidebarStyles.js");exports.SimpleSidebar=l=>{const{menuList:d,activeMenu:o,theme:u,showAccessUpgradePanel:c=!1,header:h,width:p,zIndex:m,left:v,postion:y,top:b,router:x,onMouseLeaveOnMenu:j,onMouseEnterOnMenu:N,onMenuClick:g,onUpgrade:S,isNewSidebar:k}=l,[w,M]=s.useState(o),f=(s,i)=>e.jsxs("div",{className:"sub-child-menu  "+((null==w?void 0:w.key)==(null==s?void 0:s.key)?"sub-child-active-menu":""),onClick:()=>{M(s),g(s,!s.page)},"aria-hidden":"true",children:[e.jsx("span",{className:(null==w?void 0:w.key)==(null==s?void 0:s.key)&&"brand"==u?"sub-child-active-text":""}),e.jsx(r.BodySecondary,{className:"sub-child-text "+((null==w?void 0:w.key)==(null==s?void 0:s.key)&&"white"==u?"active-bold-weight":""),children:null==s?void 0:s.displayName}),s.isNew&&e.jsx("div",{className:"sub-child-new-tag",children:"NEW"})]},i);return e.jsx(t.SimpleSidebarContainer,{width:p,zIndex:m,left:v,theme:u,postion:y,top:b,isNewSidebar:k,children:e.jsxs("div",{id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:j,onMouseEnter:N,children:[e.jsxs("div",{children:[!k&&e.jsx(r.BodySecondary,{className:"sub-child-display-name",children:h}),null==d?void 0:d.map((s,i)=>s.page?e.jsx(n.NavigationHyperlink,{href:s.page,router:x,children:f(s,i)}):f(s,i))]}),c&&e.jsxs("div",{className:"lower-sticky-panel",children:[e.jsx(r.TitleSmall,{className:"title-text",style:{color:i.COLORS.surface.standard},children:"Upgrade plan to access this feature."}),e.jsx(a.Button,{className:"upgrade-button",buttonText:"Upgrade plan",buttonType:"primary",size:"small",inverse:!0,onClick:()=>S?S():""})]})]},"_sub-menu")})};

package/dist/cjs/components/button/Button.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("react"),o=require("../spinner/Spinner.js"),i=require("./Button.styled.js"),r=require("./themes.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(n);const l=n.forwardRef(((s,l)=>{var{version:c,id:d,buttonType:u="primary",size:m="small",buttonText:b,disabled:x,IconComponent:h,LeadingIcon:p,TrailingIcon:v,isLoading:j,inverse:C,onClick:g,matchParentWidth:y,subtitle:I,darkMode:f,activated:N,error:T,buttonTextColor:z,buttonFontSize:k,customIconColor:B,buttonColor:S,LeadingIconStyles:L}=s,q=e.__rest(s,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor","buttonFontSize","customIconColor","buttonColor","LeadingIconStyles"]);const _=r.GetButtonTextComponent(m,u,x),M=r.getButtonIconColor(m,u,C,x,j,f),P=n.useCallback((()=>{const e="chip"===m?16:20;return{height:e,width:e,color:B||M,style:{display:"block"},className:"icon"}}),[m,B,M]);return t.jsx(i.Button,Object.assign({"data-test":q["data-test"],version:c,onClick:j?()=>{}:g,ref:l,id:d,disabled:x,size:m,buttonType:u,isLoading:j,inverse:C,matchParentWidth:y,darkMode:f,activated:N,error:T,buttonColor:S},q,{children:t.jsxs("div",{className:"button-container",children:[u.startsWith("dash")&&t.jsx(i.ButtonCustomDashedBorder,{}),t.jsx("div",{className:"overlay-container",children:j&&t.jsx(o.Spinner,{className:"spinner",size:"small",color:r.SpinnerColorMap(u,C)})}),h&&t.jsx("div",{className:"icon-component",children:a.default.createElement(h,P())}),p&&t.jsx("div",{className:"icon-leading",style:Object.assign({zIndex:1},L),children:a.default.createElement(p,P())}),b?t.jsxs(_,{className:"text",style:{color:z,fontSize:k},children:[b,t.jsx("div",{className:"text-subtitle",children:I})]}):t.jsx(t.Fragment,{}),v&&t.jsx("div",{className:"icon-trailing",style:{zIndex:1},children:a.default.createElement(v,P())})]})}))}));l.displayName="Button",exports.Button=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("react"),o=require("../spinner/Spinner.js"),i=require("./Button.styled.js"),r=require("./themes.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(n);const l=n.forwardRef((s,l)=>{var{version:c,id:d,buttonType:u="primary",size:m="small",buttonText:b,disabled:x,IconComponent:h,LeadingIcon:p,TrailingIcon:v,isLoading:j,inverse:C,onClick:g,matchParentWidth:y,subtitle:I,darkMode:f,activated:N,error:T,buttonTextColor:z,buttonFontSize:k,customIconColor:B,buttonColor:S,LeadingIconStyles:L}=s,q=e.__rest(s,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor","buttonFontSize","customIconColor","buttonColor","LeadingIconStyles"]);const _=r.GetButtonTextComponent(m,u,x),M=r.getButtonIconColor(m,u,C,x,j,f),P=n.useCallback(()=>{const e="chip"===m?16:20;return{height:e,width:e,color:B||M,style:{display:"block"},className:"icon"}},[m,B,M]);return t.jsx(i.Button,Object.assign({"data-test":q["data-test"],version:c,onClick:j?()=>{}:g,ref:l,id:d,disabled:x,size:m,buttonType:u,isLoading:j,inverse:C,matchParentWidth:y,darkMode:f,activated:N,error:T,buttonColor:S},q,{children:t.jsxs("div",{className:"button-container",children:[u.startsWith("dash")&&t.jsx(i.ButtonCustomDashedBorder,{}),t.jsx("div",{className:"overlay-container",children:j&&t.jsx(o.Spinner,{className:"spinner",size:"small",color:r.SpinnerColorMap(u,C)})}),h&&t.jsx("div",{className:"icon-component",children:a.default.createElement(h,P())}),p&&t.jsx("div",{className:"icon-leading",style:Object.assign({zIndex:1},L),children:a.default.createElement(p,P())}),b?t.jsxs(_,{className:"text",style:{color:z,fontSize:k},children:[b,t.jsx("div",{className:"text-subtitle",children:I})]}):t.jsx(t.Fragment,{}),v&&t.jsx("div",{className:"icon-trailing",style:{zIndex:1},children:a.default.createElement(v,P())})]})}))});l.displayName="Button",exports.Button=l;

package/dist/cjs/components/button/Button.styled.js

@@ -51,7 +51,7 @@
 
 	${t=>!t.disabled&&!t.isLoading&&`:active {\n\t\t\t\t.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\t.overlay-container {\n\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t}\n\t\t\t\t\t${"chip"===t.size&&`.text {\n\t\t\t\t\t\tcolor: ${e.COLORS.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${e.COLORS.background.inverseLight};\n\t\t\t\t\t}\n\t\t\t\t\t`}\n\t\t\t\t}\n\n\n\t\t\t${o.getClickEffect(t.buttonType,t.size,t.inverse)}\n\t\t\t${o.getDashedBorderStyling(t.buttonType,t.size,e.COLORS.content.brand)}\n\t\t}`}
 
-	${t=>t.isLoading?`\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${o.getLoadingBorder(t.buttonType,t.size,t.inverse)}\n\n\t\t.button-container {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\t.text {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\t${t.buttonColor?`background-color: ${o.getLoadingButtonBackgroundCustom(t.buttonColor,15)};`:""}\n\t\t\tpadding: ${o.getPadding(t.buttonType,t.size)};\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tpadding: 0;\n\t\t\t\tpadding-top: 1px;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\t${o.getLoadingBackground(t.buttonType,t.size,t.inverse,t.buttonColor)}\n\t\t\t\t.spinner {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: calc(50% - 14px);\n\t\t\t\t\tleft: calc(50% - 7px);\n\t\t\t\t}\n\n\t\t\t}\n\t\t}`:`:not(:active):not(:disabled):hover {\n\t\t\tpadding: 0;\n\t\t\t.button-container {\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\tpadding: ${o.getPadding(t.buttonType,t.size)};\n\t\t\t\t{${t.buttonColor?`background-color: ${o.getHoverButtonBackgroundCustom(t.buttonColor,15)}`:""}}\n\t\t\t\t.overlay-container {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\t${o.getHoverButtonBackground(t.buttonType,t.inverse)}\n\t\t\t\t}\n\t\t\t\t${"chip"===t.size&&"text"!==t.buttonType?t.darkMode?`background-color: ${e.COLORS.stroke.primary};`:`background-color: ${e.COLORS.surface.hovered};`:""}\n\t\t\t\t${"primary"!==t.buttonType||"chip"===t.size||t.inverse||t.buttonColor?"":`background-color: ${e.COLORS.background.inverse};`}\n\t\t\t}\n\t\t\t${"text"===t.buttonType?o.getHoverButtonTextDecorationStyle(t.buttonType,t.disabled):""}\n\t\t\t${t.inverse?o.generateInverseHoverBackground(t.buttonType,t.disabled):""}\n\t\t}`}
+	${t=>t.isLoading?`\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${o.getLoadingBorder(t.buttonType,t.size,t.inverse)}\n\n\t\t.button-container {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\t.text {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\t${t.buttonColor?`background-color: ${o.getLoadingButtonBackgroundCustom(t.buttonColor,15)};`:""}\n\t\t\tpadding: ${o.getPadding(t.buttonType,t.size)};\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tpadding: 0;\n\t\t\t\tpadding-top: 1px;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\t${o.getLoadingBackground(t.buttonType,t.size,t.inverse,t.buttonColor)}\n\t\t\t\t.spinner {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: calc(50% - 14px);\n\t\t\t\t\tleft: calc(50% - 7px);\n\t\t\t\t}\n\n\t\t\t}\n\t\t}`:`:not(:active):not(:disabled):hover {\n\t\t\t.button-container {\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\tpadding: ${o.getPadding(t.buttonType,t.size)};\n\t\t\t\t{${t.buttonColor?`background-color: ${o.getHoverButtonBackgroundCustom(t.buttonColor,15)}`:""}}\n\t\t\t\t.overlay-container {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\t${o.getHoverButtonBackground(t.buttonType,t.inverse)}\n\t\t\t\t}\n\t\t\t\t${"chip"===t.size&&"text"!==t.buttonType?t.darkMode?`background-color: ${e.COLORS.stroke.primary};`:`background-color: ${e.COLORS.surface.hovered};`:""}\n\t\t\t\t${"primary"!==t.buttonType||"chip"===t.size||t.inverse||t.buttonColor?"":`background-color: ${e.COLORS.background.inverse};`}\n\t\t\t}\n\t\t\t${"text"===t.buttonType?o.getHoverButtonTextDecorationStyle(t.buttonType,t.disabled):""}\n\t\t\t${t.inverse?o.generateInverseHoverBackground(t.buttonType,t.disabled):""}\n\t\t}`}
 
 		.button-container {
 		display: flex;

package/dist/cjs/components/button/themes.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../constants/Theme.js"),r=require("../TypographyStyle.js");const n=(r,n,e)=>e?t.COLORS.stroke.negative.vibrant:n?t.COLORS.surface.standard:"secondary"==r?t.COLORS.stroke.brand:t.COLORS.content.placeholder,e=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px",o=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),o=(n>>16)+e,a=(n>>8&255)+e,i=(255&n)+e;return`#${(16777216+(Math.min(o,255)<<16)+(Math.min(a,255)<<8)+Math.min(i,255)).toString(16).slice(1)}`};exports.GetButtonTextComponent=(t,n,e)=>e||"ai"!==n?"dashRegular"===n?r.BodySecondary:"chip"===t?r.BodyCaption:"small"===t?r.ButtonRegular:r.ButtonLarge:"small"===t?r.ButtonRegularAI:r.ButtonLargeAI,exports.SpinnerColorMap=(r,n)=>n?"primary"===r?t.COLORS.content.primary:t.COLORS.content.primaryInverse:"destructive"===r?t.COLORS.content.negative:t.COLORS.content.brand,exports.generateDisabledStyling=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.COLORS.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.COLORS.stroke.primary};`:"",exports.generateInverseHoverBackground=(r,n)=>n?"":"primary"===r?`background-color: ${t.COLORS.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",exports.getBackgroundColor=(r,n,e,o,a)=>{if("chip"===n)return"text"===r?"transparent":o?t.COLORS.surface.hovered:t.COLORS.surface.subdued;switch(r){case"primary":return a||(e?t.COLORS.background.warning.vibrant:t.COLORS.background.inverseLight);case"destructive":return t.COLORS.background.negative.vibrant;default:return"transparent"}},exports.getBorder=(r,e,o,a,i)=>"text"==e?"border: none;":"chip"===o?`border: ${"2.0"===r?.5:1}px solid ${t.COLORS.stroke.primary};`:a?"secondary"===e?`border: ${"2.0"===r?.5:1}px solid ${n(e,a,i)};`:"border: none;":"secondary"===e?`border: ${"2.0"===r?.5:1}px solid ${n(e,!1,i)};`:"border: none;",exports.getBorderColor=n,exports.getButtonIconColor=(r,n,e,o,a,i)=>"chip"===r?o?t.COLORS.content.inactive:i?t.COLORS.content.primary:t.COLORS.content.secondary:a?"transparent":"primary"===n||"destructive"===n?e?o?"rgba(255, 255, 255, 0.5)":t.COLORS.content.primary:o?t.COLORS.content.inactive:t.COLORS.content.primaryInverse:"secondary"===n||"tertiary"===n?e?o?"rgba(255, 255, 255, 0.5)":t.COLORS.content.primaryInverse:o?t.COLORS.content.inactive:t.COLORS.content.brand:"tertiaryGray"===n||n.startsWith("dash")?o?t.COLORS.content.inactive:t.COLORS.content.secondary:void 0,exports.getClickEffect=(r,n,e)=>"text"===r?`background-color: ${t.COLORS.background.brandLight};\n\t\t\ttext-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.COLORS.content.brand};`:"chip"===n?`border: 1px solid ${t.COLORS.stroke.brandLightAlt};\n\t\tbackground-color: ${t.COLORS.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.COLORS.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`:"box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);":"secondary"===r||"tertiary"===r||"tertiaryGray"===r||r.startsWith("dash")?e?`background-color: ${t.COLORS.background.inverseLight}  !important;`:`background-color: ${t.COLORS.background.brandLight};`:void 0,exports.getColor=(r,n,e,o)=>{if("chip"===n)return"text"===r?e?t.COLORS.content.inactive:t.COLORS.content.brand:o?t.COLORS.content.primary:t.COLORS.content.secondary;switch(r){case"primary":return e?t.COLORS.content.primary:t.COLORS.content.primaryInverse;case"tertiaryGray":case"dashBold":case"dashRegular":return t.COLORS.content.secondary;case"destructive":return t.COLORS.content.primaryInverse;case"ai":return t.COLORS.content.ai;default:return e?t.COLORS.content.primaryInverse:t.COLORS.stroke.brand}},exports.getDashedBorderStyling=function(t,r){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:n(t,!1);return`\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t`},exports.getDisabledTextColor=r=>r?"rgba(255, 255, 255, 0.5)":t.COLORS.content.inactive,exports.getHoverButtonBackground=(r,n)=>"ai"===r?`background: ${t.COLORS.surface.aiLight};`:"text"===r?"background-color:transparent;":n||"primary"===r?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",exports.getHoverButtonBackgroundCustom=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),o=(n>>16)-e,a=(n>>8&255)-e,i=(255&n)-e;return`#${(16777216+(Math.max(o,0)<<16)+(Math.max(a,0)<<8)+Math.max(i,0)).toString(16).slice(1)}`},exports.getHoverButtonTextDecorationStyle=(r,n)=>n?"":`text-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.COLORS.content.brand};`,exports.getLinearGradientValue=e,exports.getLoadingBackground=(r,n,e,a)=>"chip"===n?`background-color: ${t.COLORS.background.base};`:"primary"===r?a?`background-color: ${o(a,50)};`:`background-color: ${e?t.COLORS.background.warning.vibrant:t.COLORS.background.brandLight};`:"destructive"===r?`background-color: ${t.COLORS.background.negative.light};`:"background-color: transparent;",exports.getLoadingBorder=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.COLORS.content.secondary};`:`border: 1px solid ${t.COLORS.stroke.brandLightAlt};`:"",exports.getLoadingButtonBackgroundCustom=o,exports.getPadding=(t,r)=>{if("text"===t)return"0px";if("chip"===r)return"4px 8px";if("small"===r)switch(t){case"tertiary":case"tertiaryGray":return"6px 4px";default:return"6px 12px"}else if("medium"===r)switch(t){case"tertiary":case"tertiaryGray":return"10px 4px";default:return"10px 12px"}else if("large"===r)switch(t){case"tertiary":case"tertiaryGray":return"14px 4px";default:return"14px 12px"}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../constants/Theme.js"),r=require("../TypographyStyle.js");const n=(r,n,e)=>e?t.COLORS.stroke.negative.vibrant:n?t.COLORS.surface.standard:"secondary"==r?t.COLORS.stroke.brand:t.COLORS.content.placeholder,e=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px",o=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),o=(n>>16)+e,a=(n>>8&255)+e,i=(255&n)+e;return`#${(16777216+(Math.min(o,255)<<16)+(Math.min(a,255)<<8)+Math.min(i,255)).toString(16).slice(1)}`};exports.GetButtonTextComponent=(t,n,e)=>e||"ai"!==n?"dashRegular"===n?r.BodySecondary:"chip"===t?r.BodyCaption:"small"===t?r.ButtonRegular:r.ButtonLarge:"small"===t?r.ButtonRegularAI:r.ButtonLargeAI,exports.SpinnerColorMap=(r,n)=>n?"primary"===r?t.COLORS.content.primary:t.COLORS.content.primaryInverse:"destructive"===r?t.COLORS.content.negative:t.COLORS.content.brand,exports.generateDisabledStyling=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.COLORS.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.COLORS.stroke.primary};`:"",exports.generateInverseHoverBackground=(r,n)=>n?"":"primary"===r?`background-color: ${t.COLORS.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",exports.getBackgroundColor=(r,n,e,o,a)=>{if("chip"===n)return"text"===r?"transparent":o?t.COLORS.surface.hovered:t.COLORS.surface.subdued;switch(r){case"primary":return a||(e?t.COLORS.background.warning.vibrant:t.COLORS.background.inverseLight);case"destructive":return t.COLORS.background.negative.vibrant;default:return"transparent"}},exports.getBorder=(r,e,o,a,i)=>"text"==e?"border: none;":"chip"===o?`border: ${"2.0"===r?.5:1}px solid ${t.COLORS.stroke.primary};`:a?"secondary"===e?`border: ${"2.0"===r?.5:1}px solid ${n(e,a,i)};`:"border: none;":"secondary"===e?`border: ${"2.0"===r?.5:1}px solid ${n(e,!1,i)};`:"border: none;",exports.getBorderColor=n,exports.getButtonIconColor=(r,n,e,o,a,i)=>"chip"===r?o?t.COLORS.content.inactive:i?t.COLORS.content.primary:t.COLORS.content.secondary:a?"transparent":"primary"===n||"destructive"===n?e?o?"rgba(255, 255, 255, 0.5)":t.COLORS.content.primary:o?t.COLORS.content.inactive:t.COLORS.content.primaryInverse:"secondary"===n||"tertiary"===n?e?o?"rgba(255, 255, 255, 0.5)":t.COLORS.content.primaryInverse:o?t.COLORS.content.inactive:t.COLORS.content.brand:"tertiaryGray"===n||n.startsWith("dash")?o?t.COLORS.content.inactive:t.COLORS.content.secondary:void 0,exports.getClickEffect=(r,n,e)=>"text"===r?`background-color: ${t.COLORS.background.brandLight};\n\t\t\ttext-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.COLORS.content.brand};`:"chip"===n?`border: 1px solid ${t.COLORS.stroke.brandLightAlt};\n\t\tbackground-color: ${t.COLORS.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.COLORS.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`:"box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);":"secondary"===r||"tertiary"===r||"tertiaryGray"===r||r.startsWith("dash")?e?`background-color: ${t.COLORS.background.inverseLight}  !important;`:`background-color: ${t.COLORS.background.brandLight};`:void 0,exports.getColor=(r,n,e,o)=>{if("chip"===n)return"text"===r?e?t.COLORS.content.inactive:t.COLORS.content.brand:o?t.COLORS.content.primary:t.COLORS.content.secondary;switch(r){case"primary":return e?t.COLORS.content.primary:t.COLORS.content.primaryInverse;case"tertiaryGray":case"dashBold":case"dashRegular":return t.COLORS.content.secondary;case"destructive":return t.COLORS.content.primaryInverse;case"ai":return t.COLORS.content.ai;default:return e?t.COLORS.content.primaryInverse:t.COLORS.stroke.brand}},exports.getDashedBorderStyling=(t,r,o=n(t,!1))=>`\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t`,exports.getDisabledTextColor=r=>r?"rgba(255, 255, 255, 0.5)":t.COLORS.content.inactive,exports.getHoverButtonBackground=(r,n)=>"ai"===r?`background: ${t.COLORS.surface.aiLight};`:"text"===r?"background-color:transparent;":n||"primary"===r?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",exports.getHoverButtonBackgroundCustom=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),o=(n>>16)-e,a=(n>>8&255)-e,i=(255&n)-e;return`#${(16777216+(Math.max(o,0)<<16)+(Math.max(a,0)<<8)+Math.max(i,0)).toString(16).slice(1)}`},exports.getHoverButtonTextDecorationStyle=(r,n)=>n?"":`text-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.COLORS.content.brand};`,exports.getLinearGradientValue=e,exports.getLoadingBackground=(r,n,e,a)=>"chip"===n?`background-color: ${t.COLORS.background.base};`:"primary"===r?a?`background-color: ${o(a,50)};`:`background-color: ${e?t.COLORS.background.warning.vibrant:t.COLORS.background.brandLight};`:"destructive"===r?`background-color: ${t.COLORS.background.negative.light};`:"background-color: transparent;",exports.getLoadingBorder=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.COLORS.content.secondary};`:`border: 1px solid ${t.COLORS.stroke.brandLightAlt};`:"",exports.getLoadingButtonBackgroundCustom=o,exports.getPadding=(t,r)=>{if("text"===t)return"0px";if("chip"===r)return"4px 8px";if("small"===r)switch(t){case"tertiary":case"tertiaryGray":return"6px 4px";default:return"6px 12px"}else if("medium"===r)switch(t){case"tertiary":case"tertiaryGray":return"10px 4px";default:return"10px 12px"}else if("large"===r)switch(t){case"tertiary":case"tertiaryGray":return"14px 4px";default:return"14px 12px"}};

package/dist/cjs/components/buttonGroup/ButtonGroup.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react/jsx-runtime"),o=require("react"),t=require("../TypographyStyle.js"),e=require("../../constants/Theme.js"),n=require("./ButtonGroupStyle.js");exports.ButtonGroup=r=>{const[s,d]=o.useState(void 0);o.useEffect((()=>{d(r.activeButtonId||void 0)}),[null==r?void 0:r.activeButtonId]);return i.jsx(n.ButtonGroupStyle,{className:"button-group",width:r.width||"100%",gap:r.gap,size:r.size,iconPosition:r.iconPosition,children:r.buttonGroup.map((o=>{var u,c;const a=null==o?void 0:o.icon;return i.jsxs(n.Button,{borderRadius:null!==(u=r.borderRadius)&&void 0!==u?u:"4px",matchParentWidth:null===(c=r.matchParentWidth)||void 0===c||c,className:"button",isActive:s===o.id,onClick:()=>(i=>{d(i.id),r.onButtonClick(i.id)})(o),iconPosition:r.iconPosition,size:r.size,backgroundColor:r.backgroundColor||e.COLORS.surface.subdued,children:[(null==r?void 0:r.iconPosition)&&a&&i.jsx("div",{className:"button__image",children:i.jsx(a,{color:s===o.id?e.COLORS.background.inverseLight:e.COLORS.content.secondary,width:(null==r?void 0:r.iconWidth)||"18px",height:(null==r?void 0:r.iconHeight)||"18px"})}),i.jsx("div",{className:"button__name",children:i.jsx(t.BodySecondary,{style:{color:s===o.id?e.COLORS.background.inverseLight:e.COLORS.content.secondary},children:o.title})})]},o.id)}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react/jsx-runtime"),o=require("react"),t=require("../TypographyStyle.js"),e=require("../../constants/Theme.js"),n=require("./ButtonGroupStyle.js");exports.ButtonGroup=r=>{const[s,d]=o.useState(void 0);o.useEffect(()=>{d(r.activeButtonId||void 0)},[null==r?void 0:r.activeButtonId]);return i.jsx(n.ButtonGroupStyle,{className:"button-group",width:r.width||"100%",gap:r.gap,size:r.size,iconPosition:r.iconPosition,children:r.buttonGroup.map(o=>{var u,c;const a=null==o?void 0:o.icon;return i.jsxs(n.Button,{borderRadius:null!==(u=r.borderRadius)&&void 0!==u?u:"4px",matchParentWidth:null===(c=r.matchParentWidth)||void 0===c||c,className:"button",isActive:s===o.id,onClick:()=>(i=>{d(i.id),r.onButtonClick(i.id)})(o),iconPosition:r.iconPosition,size:r.size,backgroundColor:r.backgroundColor||e.COLORS.surface.subdued,children:[(null==r?void 0:r.iconPosition)&&a&&i.jsx("div",{className:"button__image",children:i.jsx(a,{color:s===o.id?e.COLORS.background.inverseLight:e.COLORS.content.secondary,width:(null==r?void 0:r.iconWidth)||"18px",height:(null==r?void 0:r.iconHeight)||"18px"})}),i.jsx("div",{className:"button__name",children:i.jsx(t.BodySecondary,{style:{color:s===o.id?e.COLORS.background.inverseLight:e.COLORS.content.secondary},children:o.title})})]},o.id)})})};

package/dist/cjs/components/card-selection-modal/CardSelectionModal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/info.svg.js"),s=require("./CardSelectionModal.styled.js"),i=require("../modals/styledModal.js"),l=require("../../constants/Theme.js"),o=require("../TypographyStyle.js");exports.CardSelectionModal=n=>e.jsx(i.StyledModal,{open:n.isOpen,onClose:n.onClose,headingTitle:n.title,headingSubtitle:n.subTitle,centralContainerStyles:{width:716},children:e.jsxs(s.StyledCardContainer,{children:[e.jsx("div",{className:"cards__wrapper",children:n.cards.map((r=>e.jsxs(s.StyledCard,{onClick:()=>{n.onCardSelected(r.value)},children:[r.icon&&e.jsx("div",{className:"icon__container",children:e.jsx(r.icon,{width:22,color:l.DEFAULT_THEME.colorsV2.content.brand})}),e.jsx(o.TitleRegular,{children:r.title}),e.jsx(o.BodyCaption,{children:r.description})]},r.value)))}),n.infoText&&e.jsxs("div",{className:"info__wrapper",children:[e.jsx(r.default,{width:15,color:l.DEFAULT_THEME.colorsV2.content.placeholder}),e.jsx(o.BodySecondary,{children:n.infoText})]})]})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/info.svg.js"),s=require("./CardSelectionModal.styled.js"),i=require("../modals/styledModal.js"),l=require("../../constants/Theme.js"),o=require("../TypographyStyle.js");exports.CardSelectionModal=n=>e.jsx(i.StyledModal,{open:n.isOpen,onClose:n.onClose,headingTitle:n.title,headingSubtitle:n.subTitle,centralContainerStyles:{width:716},children:e.jsxs(s.StyledCardContainer,{children:[e.jsx("div",{className:"cards__wrapper",children:n.cards.map(r=>e.jsxs(s.StyledCard,{onClick:()=>{n.onCardSelected(r.value)},children:[r.icon&&e.jsx("div",{className:"icon__container",children:e.jsx(r.icon,{width:22,color:l.DEFAULT_THEME.colorsV2.content.brand})}),e.jsx(o.TitleRegular,{children:r.title}),e.jsx(o.BodyCaption,{children:r.description})]},r.value))}),n.infoText&&e.jsxs("div",{className:"info__wrapper",children:[e.jsx(r.default,{width:15,color:l.DEFAULT_THEME.colorsV2.content.placeholder}),e.jsx(o.BodySecondary,{children:n.infoText})]})]})});

package/dist/cjs/components/card-selector/CardSelectorGroup.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./CardSelector.js");exports.CardSelectorGroup=i=>e.jsx("div",{style:{display:"flex",flexDirection:"vertical"===i.align?"column":"row",gap:i.gap||16},children:i.cards.map((l=>e.jsx("div",{style:{display:"flex",flex:1},children:e.jsx(t.CardSelector,{"data-test":i["data-test"],id:l.id,icon:l.icon,title:l.title,subtitle:l.subtitle,selected:l.selected,onCardClick:i.onClick,loading:l.loading,disabled:l.disabled,dataTestId:l.dataTestId,tooltip:l.tooltip})},l.id)))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./CardSelector.js");exports.CardSelectorGroup=i=>e.jsx("div",{style:{display:"flex",flexDirection:"vertical"===i.align?"column":"row",gap:i.gap||16},children:i.cards.map(l=>e.jsx("div",{style:{display:"flex",flex:1},children:e.jsx(t.CardSelector,{"data-test":i["data-test"],id:l.id,icon:l.icon,title:l.title,subtitle:l.subtitle,selected:l.selected,onCardClick:i.onClick,loading:l.loading,disabled:l.disabled,dataTestId:l.dataTestId,tooltip:l.tooltip})},l.id))});

package/dist/cjs/components/carousel-preview/CarouselPreview.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("react-slick"),o=require("./CarouselPreview.style.js"),t=require("./CarouselPreviewCard.js"),s=require("../template-context-mapper/context/templateModalContext.js"),a=require("../template-preview/helpers/templateMiscHelper.js"),n=require("../template-preview/RCS/RCSPreview.styled.js"),i=require("./CustomCarouselArrows.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(r),c=d(l);const v=u.default.forwardRef((r=>{let{channel:l,template:i,isPreview:d,removeBottomBorder:u,borderRadius:c,showArrows:v,hideBorder:C,showSampleValues:w}=r;var m,h;const{sliderRef:x,selectedCarouselIndex:f,cardCount:j,setIsCarouselHovered:P,cardIndex:R}=s.useTemplateModalContext(),I=-1==R?a.determineCardIndex(l):R,S=null===(h=null===(m=null==i?void 0:i.components)||void 0===m?void 0:m[I])||void 0===h?void 0:h.cards,q=(null==S?void 0:S.length)?e.jsx(p,{cards:S,cardCount:null!=j?j:0,selectedCarouselIndex:null!=f?f:-1,sliderRef:x,isPreview:d,showArrows:v,channel:l,template:i,setIsCarouselHovered:P,showSampleValues:!!w}):null;return a.isRCSChannel(l)?e.jsx(n.RCSCarousalContainer,{borderRadius:c,children:q}):e.jsxs(o.Container,{removeBottomBorder:u,borderRadius:c,hideBorder:C,children:[e.jsx(t.default,{channel:l,currentTemplate:i,carouselCardIndex:-1,isPreview:d,width:"77%"}),q]})})),p=r=>{let{cards:l,cardCount:s,selectedCarouselIndex:a,sliderRef:n,isPreview:d,showArrows:u,channel:v,template:p,setIsCarouselHovered:C,showSampleValues:w}=r;return e.jsx(o.CarouselSlickContainer,{cardCount:s,selectedCarouselIndex:a,onMouseEnter:()=>null==C?void 0:C(!0),onMouseLeave:()=>null==C?void 0:C(!1),children:e.jsx(c.default,{ref:n,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!d,centerMode:!0,arrows:u,adaptiveHeight:!0,nextArrow:e.jsx(i.CustomCarouselRightArrow,{isPreview:null!=d&&d}),prevArrow:e.jsx(i.CustomCarouselLeftArrow,{isPreview:null!=d&&d}),children:null==l?void 0:l.map(((r,l)=>{var o,s;const a={components:r.components,mapping:null===(s=null===(o=null==p?void 0:p.mapping)||void 0===o?void 0:o.cards)||void 0===s?void 0:s[l],content:null==p?void 0:p.content,templateType:null==p?void 0:p.templateType};return e.jsx(t.default,{channel:v,currentTemplate:a,carouselCardIndex:l,isPreview:d,width:"100%",showSampleValues:w},l)}))})})};exports.CarouselPreview=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("react-slick"),o=require("./CarouselPreview.style.js"),s=require("./CarouselPreviewCard.js"),t=require("../template-context-mapper/context/templateModalContext.js"),a=require("../template-preview/helpers/templateMiscHelper.js"),n=require("../template-preview/RCS/RCSPreview.styled.js"),i=require("./CustomCarouselArrows.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(r),c=d(l);const v=u.default.forwardRef(({channel:r,template:l,isPreview:i,removeBottomBorder:d,borderRadius:u,showArrows:c,hideBorder:v,showSampleValues:C})=>{var w,m;const{sliderRef:h,selectedCarouselIndex:x,cardCount:f,setIsCarouselHovered:j,cardIndex:P}=t.useTemplateModalContext(),R=-1==P?a.determineCardIndex(r):P,I=null===(m=null===(w=null==l?void 0:l.components)||void 0===w?void 0:w[R])||void 0===m?void 0:m.cards,S=(null==I?void 0:I.length)?e.jsx(p,{cards:I,cardCount:null!=f?f:0,selectedCarouselIndex:null!=x?x:-1,sliderRef:h,isPreview:i,showArrows:c,channel:r,template:l,setIsCarouselHovered:j,showSampleValues:!!C}):null;return a.isRCSChannel(r)?e.jsx(n.RCSCarousalContainer,{borderRadius:u,children:S}):e.jsxs(o.Container,{removeBottomBorder:d,borderRadius:u,hideBorder:v,children:[e.jsx(s.default,{channel:r,currentTemplate:l,carouselCardIndex:-1,isPreview:i,width:"77%"}),S]})}),p=({cards:r,cardCount:l,selectedCarouselIndex:t,sliderRef:a,isPreview:n,showArrows:d,channel:u,template:v,setIsCarouselHovered:p,showSampleValues:C})=>e.jsx(o.CarouselSlickContainer,{cardCount:l,selectedCarouselIndex:t,onMouseEnter:()=>null==p?void 0:p(!0),onMouseLeave:()=>null==p?void 0:p(!1),children:e.jsx(c.default,{ref:a,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!n,centerMode:!0,arrows:d,adaptiveHeight:!0,nextArrow:e.jsx(i.CustomCarouselRightArrow,{isPreview:null!=n&&n}),prevArrow:e.jsx(i.CustomCarouselLeftArrow,{isPreview:null!=n&&n}),children:null==r?void 0:r.map((r,l)=>{var o,t;const a={components:r.components,mapping:null===(t=null===(o=null==v?void 0:v.mapping)||void 0===o?void 0:o.cards)||void 0===t?void 0:t[l],content:null==v?void 0:v.content,templateType:null==v?void 0:v.templateType};return e.jsx(s.default,{channel:u,currentTemplate:a,carouselCardIndex:l,isPreview:n,width:"100%",showSampleValues:C},l)})})});exports.CarouselPreview=v;

package/dist/cjs/components/carousel-preview/CarouselPreviewCard.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../template-context-mapper/context/templateModalContext.js"),a=require("../template-preview/TemplatePreview.js");require("../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../constants/Theme.js"),require("../curtain/CurtainHelper.js"),require("../variable-picker-v3/model.js"),require("../template-preview/models/TemplateMeta.js"),require("../template-preview/models/WhatsAppTemplate.js"),require("../template-preview/models/Channels.js");var i=require("../template-preview/helpers/templateMiscHelper.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const p=l(t).default.forwardRef((t=>{let{channel:l,currentTemplate:p,showSampleValues:s,carouselCardIndex:n,isPreview:u,width:d}=t;var o,m,c;const{cardWidth:v,template:h,cardIndex:w}=r.useTemplateModalContext(),j=-1==w?i.determineCardIndex(l):w,q=(null!==(c=null===(m=null===(o=null==h?void 0:h.components)||void 0===o?void 0:o[j].cards)||void 0===m?void 0:m.length)&&void 0!==c?c:0)-1===n?12:0;return e.jsx("div",{style:{width:d||v,height:(null!=n?n:-1)>-1?"100%":"auto"},children:e.jsx(a.TemplatePreview,{showSampleValues:s,template:p,channel:l,size:"small",hideHeader:!0,carouselCardIndex:n,isWhatsappCarousel:!0,isPreview:u,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:q,height:"100%"}}})})}));exports.default=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../template-context-mapper/context/templateModalContext.js"),a=require("../template-preview/TemplatePreview.js");require("../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../constants/Theme.js"),require("../curtain/CurtainHelper.js"),require("../variable-picker-v3/model.js"),require("../template-preview/models/TemplateMeta.js"),require("../template-preview/models/WhatsAppTemplate.js"),require("../template-preview/models/Channels.js");var i=require("../template-preview/helpers/templateMiscHelper.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const p=l(t).default.forwardRef(({channel:t,currentTemplate:l,showSampleValues:p,carouselCardIndex:s,isPreview:n,width:u})=>{var d,o,m;const{cardWidth:c,template:v,cardIndex:h}=r.useTemplateModalContext(),w=-1==h?i.determineCardIndex(t):h,j=(null!==(m=null===(o=null===(d=null==v?void 0:v.components)||void 0===d?void 0:d[w].cards)||void 0===o?void 0:o.length)&&void 0!==m?m:0)-1===s?12:0;return e.jsx("div",{style:{width:u||c,height:(null!=s?s:-1)>-1?"100%":"auto"},children:e.jsx(a.TemplatePreview,{showSampleValues:p,template:l,channel:t,size:"small",hideHeader:!0,carouselCardIndex:s,isWhatsappCarousel:!0,isPreview:n,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:j,height:"100%"}}})})});exports.default=p;

package/dist/cjs/components/carousel-secondary/CarouselSecondary.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/chevronLeft2.svg.js"),s=require("../../assets/icons/chevronLeft.svg.js"),t=require("../../assets/icons/chevronRight2.svg.js"),o=require("../../assets/icons/chevronRight.svg.js"),n=require("react"),i=require("../button/Button.js"),l=require("./CarouselSecondary.style.js"),a=require("./model.js");Object.defineProperty(exports,"CarouselVersion",{enumerable:!0,get:function(){return a.CarouselVersion}}),exports.CarouselSecondary=u=>{let{pages:c,onComplete:d,textAlign:C,version:V,onCompleteText:h}=u;const[v,g]=n.useState(0),j=n.useRef(null);return n.useEffect((()=>{j.current&&j.current.scrollTo({left:j.current.offsetWidth*v,behavior:"smooth"})}),[v]),e.jsxs(l.CarouselContainer,{version:V||a.CarouselVersion.V1,children:[e.jsx(l.CarouselBody,{ref:j,textAlign:C,children:c.map(((r,s)=>e.jsx(l.CarouselPage,{isActive:s===v,children:r},s)))}),e.jsxs(l.CarouselFooter,{version:V||a.CarouselVersion.V1,children:[e.jsx("div",{style:{visibility:V===a.CarouselVersion.V2&&0===v?"hidden":"visible"},children:e.jsx(i.Button,{buttonText:"Back",buttonType:"tertiaryGray",onClick:()=>{g((e=>0===e?e:e-1))},size:V===a.CarouselVersion.V2?"small":"medium",LeadingIcon:V===a.CarouselVersion.V2?r.default:s.default,disabled:!v})}),e.jsx(l.PageIndicator,{children:c.map(((r,s)=>e.jsx(l.Indicator,{isActive:s===v,version:V||a.CarouselVersion.V1,onClick:()=>{g(s)}},s)))}),e.jsx(i.Button,{buttonText:v===c.length-1?h||"Get started":"Next",buttonType:v===c.length-1||V===a.CarouselVersion.V2?"tertiary":"tertiaryGray",onClick:()=>{g((e=>e===c.length-1?e:e+1)),v===c.length-1&&d()},size:V===a.CarouselVersion.V2?"small":"medium",TrailingIcon:v<c.length-1?V===a.CarouselVersion.V2?t.default:o.default:void 0,style:V===a.CarouselVersion.V2?{}:{background:"transparent"}})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/chevronLeft2.svg.js"),s=require("../../assets/icons/chevronLeft.svg.js"),t=require("../../assets/icons/chevronRight2.svg.js"),o=require("../../assets/icons/chevronRight.svg.js"),n=require("react"),i=require("../button/Button.js"),l=require("./CarouselSecondary.style.js"),a=require("./model.js");Object.defineProperty(exports,"CarouselVersion",{enumerable:!0,get:function(){return a.CarouselVersion}}),exports.CarouselSecondary=({pages:u,onComplete:c,textAlign:d,version:C,onCompleteText:V})=>{const[h,v]=n.useState(0),g=n.useRef(null);return n.useEffect(()=>{g.current&&g.current.scrollTo({left:g.current.offsetWidth*h,behavior:"smooth"})},[h]),e.jsxs(l.CarouselContainer,{version:C||a.CarouselVersion.V1,children:[e.jsx(l.CarouselBody,{ref:g,textAlign:d,children:u.map((r,s)=>e.jsx(l.CarouselPage,{isActive:s===h,children:r},s))}),e.jsxs(l.CarouselFooter,{version:C||a.CarouselVersion.V1,children:[e.jsx("div",{style:{visibility:C===a.CarouselVersion.V2&&0===h?"hidden":"visible"},children:e.jsx(i.Button,{buttonText:"Back",buttonType:"tertiaryGray",onClick:()=>{v(e=>0===e?e:e-1)},size:C===a.CarouselVersion.V2?"small":"medium",LeadingIcon:C===a.CarouselVersion.V2?r.default:s.default,disabled:!h})}),e.jsx(l.PageIndicator,{children:u.map((r,s)=>e.jsx(l.Indicator,{isActive:s===h,version:C||a.CarouselVersion.V1,onClick:()=>{v(s)}},s))}),e.jsx(i.Button,{buttonText:h===u.length-1?V||"Get started":"Next",buttonType:h===u.length-1||C===a.CarouselVersion.V2?"tertiary":"tertiaryGray",onClick:()=>{v(e=>e===u.length-1?e:e+1),h===u.length-1&&c()},size:C===a.CarouselVersion.V2?"small":"medium",TrailingIcon:h<u.length-1?C===a.CarouselVersion.V2?t.default:o.default:void 0,style:C===a.CarouselVersion.V2?{}:{background:"transparent"}})]})]})};

package/dist/cjs/components/checkBox/CheckBox.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),i=require("./CheckBox.styled.js"),s=require("../TypographyStyle.js"),t=require("../../constants/Theme.js");const a=i=>{const s=l.useMemo((()=>i.activeColor||t.COLORS.background.positive.vibrant),[i.activeColor]);return e.jsxs("svg",{width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",viewBox:i.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{x:"0",y:"0",width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",rx:"4",fill:i.isDisabled?t.COLORS.content.inactive:s}),!i.isPartial&&e.jsx("svg",{width:i.isSmall?"8":"10",height:i.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})}),i.isPartial&&e.jsx("rect",{x:"5",y:i.isSmall?"7":"8",width:i.isSmall?"6":"8",height:"2",rx:"1",fill:t.COLORS.surface.standard})]})};exports.CheckBox=r=>{var o;const[d,c]=l.useState(r.isChecked||!1),[n,h]=l.useState(r.isPartiallyChecked||!1),[x,C]=l.useState(r.isDisabled||!1),[S,b]=l.useState(!1),[u,v]=l.useState(!1);l.useEffect((()=>{c(r.isChecked)}),[r.isChecked]),l.useEffect((()=>{C(r.isDisabled||!1)}),[r.isDisabled]),l.useEffect((()=>{h(r.isPartiallyChecked||!1)}),[r.isPartiallyChecked]);return e.jsxs(i.CheckboxContainer,{onClick:e=>{var l;if(!r.isDisabled){const i=!d;n?h(!n):c(i),null===(l=r.onValueChange)||void 0===l||l.call(r,i,r.value,e)}},onMouseEnter:()=>b(!r.skipHoverState),onMouseLeave:()=>b(!1),onMouseDown:()=>v(!r.skipHoverState),onMouseUp:()=>v(!1),isDisabled:x,enableHover:r.enableHover,style:null!==(o=r.style)&&void 0!==o?o:{},children:[e.jsx(i.CheckboxIcon,{checked:d,hovered:S,clicked:u,isDisabled:x,size:r.size,borderColor:r.checkboxBorderColor,children:d&&e.jsx(a,{isPartial:n||!1,isDisabled:x,isSmall:"SMALL"===r.size,activeColor:null==r?void 0:r.activeColor})}),r.label?r.boldOnChecked&&d||r.bold?"DEFAULT"===r.labelSize?e.jsx(s.TitleRegular,{color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:r.label}):e.jsx(s.TitleSmall,{color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:r.label}):"SMALL"===r.size||"SMALL"===r.labelSize?e.jsx(s.BodySecondary,{color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:r.label}):e.jsx(s.BodyPrimary,{color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:r.label}):e.jsx(e.Fragment,{}),r.rightComponent]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),i=require("./CheckBox.styled.js"),s=require("../TypographyStyle.js"),t=require("../../constants/Theme.js");const a=i=>{const s=l.useMemo(()=>i.activeColor||t.COLORS.background.positive.vibrant,[i.activeColor]);return e.jsxs("svg",{width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",viewBox:i.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{x:"0",y:"0",width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",rx:"4",fill:i.isDisabled?t.COLORS.content.inactive:s}),!i.isPartial&&e.jsx("svg",{width:i.isSmall?"8":"10",height:i.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})}),i.isPartial&&e.jsx("rect",{x:"5",y:i.isSmall?"7":"8",width:i.isSmall?"6":"8",height:"2",rx:"1",fill:t.COLORS.surface.standard})]})};exports.CheckBox=r=>{var o;const[d,c]=l.useState(r.isChecked||!1),[n,h]=l.useState(r.isPartiallyChecked||!1),[x,C]=l.useState(r.isDisabled||!1),[S,b]=l.useState(!1),[u,v]=l.useState(!1);l.useEffect(()=>{c(r.isChecked)},[r.isChecked]),l.useEffect(()=>{C(r.isDisabled||!1)},[r.isDisabled]),l.useEffect(()=>{h(r.isPartiallyChecked||!1)},[r.isPartiallyChecked]);return e.jsxs(i.CheckboxContainer,{onClick:e=>{var l;if(!r.isDisabled){const i=!d;n?h(!n):c(i),null===(l=r.onValueChange)||void 0===l||l.call(r,i,r.value,e)}},onMouseEnter:()=>b(!r.skipHoverState),onMouseLeave:()=>b(!1),onMouseDown:()=>v(!r.skipHoverState),onMouseUp:()=>v(!1),isDisabled:x,enableHover:r.enableHover,style:null!==(o=r.style)&&void 0!==o?o:{},children:[e.jsx(i.CheckboxIcon,{checked:d,hovered:S,clicked:u,isDisabled:x,size:r.size,borderColor:r.checkboxBorderColor,children:d&&e.jsx(a,{isPartial:n||!1,isDisabled:x,isSmall:"SMALL"===r.size,activeColor:null==r?void 0:r.activeColor})}),r.label?r.boldOnChecked&&d||r.bold?"DEFAULT"===r.labelSize?e.jsx(s.TitleRegular,{color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:r.label}):e.jsx(s.TitleSmall,{color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:r.label}):"SMALL"===r.size||"SMALL"===r.labelSize?e.jsx(s.BodySecondary,{color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:r.label}):e.jsx(s.BodyPrimary,{color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:r.label}):e.jsx(e.Fragment,{}),r.rightComponent]})};

package/dist/cjs/components/checkList/CheckList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../checkBox/CheckBox.js"),i=require("./CheckList.styled.js"),r=require("../TypographyStyle.js"),l=require("../../constants/Theme.js");exports.CheckList=c=>{var n;const[a,o]=t.useState(c.listItems);t.useEffect((()=>{o(c.listItems)}),[c.listItems]);const u=(e,t)=>{const s=[...a],i=a.find((e=>e.value===t));i&&(i.isChecked=e),o(s);const r=s.filter((e=>e.isChecked));c.onChange(r)};return e.jsxs(i.CheckListStyled,{children:[(c.title||c.subTitle)&&e.jsxs("div",{className:"title__container",children:[c.title&&e.jsx(r.TitleRegular,{children:c.title}),c.subTitle&&e.jsx(r.BodySecondary,{color:l.COLORS.text.secondary,children:c.subTitle})]}),e.jsx("div",{style:null!==(n=c.listContainerStyles)&&void 0!==n?n:{},className:"list__container",children:a.map((t=>e.jsx(s.CheckBox,Object.assign({},t,{onValueChange:u}),t.value)))})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../checkBox/CheckBox.js"),i=require("./CheckList.styled.js"),r=require("../TypographyStyle.js"),l=require("../../constants/Theme.js");exports.CheckList=c=>{var n;const[a,o]=t.useState(c.listItems);t.useEffect(()=>{o(c.listItems)},[c.listItems]);const u=(e,t)=>{const s=[...a],i=a.find(e=>e.value===t);i&&(i.isChecked=e),o(s);const r=s.filter(e=>e.isChecked);c.onChange(r)};return e.jsxs(i.CheckListStyled,{children:[(c.title||c.subTitle)&&e.jsxs("div",{className:"title__container",children:[c.title&&e.jsx(r.TitleRegular,{children:c.title}),c.subTitle&&e.jsx(r.BodySecondary,{color:l.COLORS.text.secondary,children:c.subTitle})]}),e.jsx("div",{style:null!==(n=c.listContainerStyles)&&void 0!==n?n:{},className:"list__container",children:a.map(t=>e.jsx(s.CheckBox,Object.assign({},t,{onValueChange:u}),t.value))})]})};

package/dist/cjs/components/code-block/CodeBlock.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("react-toastify"),o=require("./CodeBlock.styled.js"),n=require("./CodeBlockHelper.js"),a=require("./types.js");function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}exports.CodeBlock=d=>{let{code:c="",language:l=a.CodeLanguage.JAVASCRIPT,title:u="",hideLineNumbers:h=!1,maxHeight:p="400px",maxWidth:j,theme:m="dark",hideHeader:f=!1,hideCopy:g=!1}=d;const[x,v]=r.useState(!1),[C,y]=r.useState(c);r.useEffect((()=>{let t=!0;return e.__awaiter(void 0,void 0,void 0,(function*(){try{const r=yield(e=`./languageSpecificFormatting/${l}_file.ts`,Promise.resolve().then((function(){return s(require(e))})));if((null==r?void 0:r.format)&&t)return void y(r.format(c))}catch(e){}var e;t&&y(c)})),()=>{t=!1}}),[c,l]);const b=C.split("\n");return t.jsxs(o.Container,{themeMode:m,maxWidth:j,children:[!f&&t.jsxs(o.Header,{themeMode:m,children:[t.jsxs(o.TitleSection,{children:[!!u&&u&&t.jsx(o.Title,{themeMode:m,children:u}),t.jsx(o.LanguageBadge,{bg:(_=l,{javascript:"#e6cd12ff",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"}[_.toLowerCase()]||("dark"===m?"#6e7681":"#656d76")),color:(e=>{const t={javascript:"#000"};return(null==t?void 0:t[e.toLowerCase()])||"#fff"})(l),children:l})]}),!g&&t.jsx(o.CopyButton,{themeMode:m,onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield navigator.clipboard.writeText(c),v(!0),i.toast.success("Code copied to clipboard!",{position:"top-right",autoClose:2e3,hideProgressBar:!0}),setTimeout((()=>v(!1)),2e3)}catch(e){i.toast.error("Failed to copy code",{position:"top-right",autoClose:2e3})}})),children:x?t.jsx(t.Fragment,{children:"✓ Copied"}):t.jsx(t.Fragment,{children:"Copy"})})]}),t.jsxs(o.CodeContainer,{maxHeight:p,children:[!h&&t.jsx(o.LineNumbers,{themeMode:m,children:b.map(((e,r)=>t.jsx("div",{children:r+1},r)))}),t.jsx(o.Code,{themeMode:m,children:b.map(((e,r)=>t.jsx("div",{style:{minHeight:e.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:n.highlightCode(e,l,m)||" "}},r)))})]})]});var _};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("react-toastify"),o=require("./CodeBlock.styled.js"),n=require("./CodeBlockHelper.js"),a=require("./types.js");function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}exports.CodeBlock=({code:d="",language:c=a.CodeLanguage.JAVASCRIPT,title:l="",hideLineNumbers:u=!1,maxHeight:h="400px",maxWidth:p,theme:j="dark",hideHeader:m=!1,hideCopy:f=!1})=>{const[g,x]=r.useState(!1),[v,C]=r.useState(d);r.useEffect(()=>{let t=!0;return e.__awaiter(void 0,void 0,void 0,function*(){try{const r=yield(e=`./languageSpecificFormatting/${c}_file.ts`,Promise.resolve().then(function(){return s(require(e))}));if((null==r?void 0:r.format)&&t)return void C(r.format(d))}catch(e){}var e;t&&C(d)}),()=>{t=!1}},[d,c]);const y=v.split("\n");return t.jsxs(o.Container,{themeMode:j,maxWidth:p,children:[!m&&t.jsxs(o.Header,{themeMode:j,children:[t.jsxs(o.TitleSection,{children:[!!l&&l&&t.jsx(o.Title,{themeMode:j,children:l}),t.jsx(o.LanguageBadge,{bg:(b=c,{javascript:"#e6cd12ff",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"}[b.toLowerCase()]||("dark"===j?"#6e7681":"#656d76")),color:(e=>{const t={javascript:"#000"};return(null==t?void 0:t[e.toLowerCase()])||"#fff"})(c),children:c})]}),!f&&t.jsx(o.CopyButton,{themeMode:j,onClick:()=>e.__awaiter(void 0,void 0,void 0,function*(){try{yield navigator.clipboard.writeText(d),x(!0),i.toast.success("Code copied to clipboard!",{position:"top-right",autoClose:2e3,hideProgressBar:!0}),setTimeout(()=>x(!1),2e3)}catch(e){i.toast.error("Failed to copy code",{position:"top-right",autoClose:2e3})}}),children:g?t.jsx(t.Fragment,{children:"✓ Copied"}):t.jsx(t.Fragment,{children:"Copy"})})]}),t.jsxs(o.CodeContainer,{maxHeight:h,children:[!u&&t.jsx(o.LineNumbers,{themeMode:j,children:y.map((e,r)=>t.jsx("div",{children:r+1},r))}),t.jsx(o.Code,{themeMode:j,children:y.map((e,r)=>t.jsx("div",{style:{minHeight:e.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:n.highlightCode(e,c,j)||" "}},r))})]})]});var b};

package/dist/cjs/components/code-block/CodeBlock.styled.js

@@ -1,55 +1,55 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var r=e(require("styled-components"));const t=r.default.div`
-	background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#0d1117":"#ffffff"}};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var o=e(require("styled-components"));const d=o.default.div`
+	background-color: ${({themeMode:e})=>"dark"===e?"#0d1117":"#ffffff"};
 	border: 1px solid
-		${e=>{let{themeMode:r}=e;return"dark"===r?"#30363d":"#d0d7de"}};
+		${({themeMode:e})=>"dark"===e?"#30363d":"#d0d7de"};
 	border-radius: 6px;
 	overflow: hidden;
 	font-family: ui-monospace, SFMono-Regular, 'SF Mono', Consolas,
 		'Liberation Mono', Menlo, monospace;
 	margin-bottom: 1rem;
-	${e=>{let{maxWidth:r}=e;return r&&`max-width: ${r};`}}
-`,o=r.default.div`
-	background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#161b22":"#f6f8fa"}};
+	${({maxWidth:e})=>e&&`max-width: ${e};`}
+`,r=o.default.div`
+	background-color: ${({themeMode:e})=>"dark"===e?"#161b22":"#f6f8fa"};
 	border-bottom: 1px solid
-		${e=>{let{themeMode:r}=e;return"dark"===r?"#30363d":"#d0d7de"}};
+		${({themeMode:e})=>"dark"===e?"#30363d":"#d0d7de"};
 	padding: 8px 16px;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
-`;r.default.div`
+`;o.default.div`
 	display: flex;
 	gap: 6px;
 	align-items: center;
-`,r.default.div`
+`,o.default.div`
 	width: 12px;
 	height: 12px;
 	border-radius: 50%;
-	background-color: ${e=>{let{color:r}=e;return r}};
-`;const d=r.default.div`
+	background-color: ${({color:e})=>e};
+`;const t=o.default.div`
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	flex: 1;
 	margin-left: 12px;
-`,n=r.default.span`
-	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#f0f6fc":"#24292f"}};
+`,a=o.default.span`
+	color: ${({themeMode:e})=>"dark"===e?"#f0f6fc":"#24292f"};
 	font-size: 14px;
 	font-weight: 500;
-`,a=r.default.div`
-	background-color: ${e=>{let{bg:r}=e;return r}};
-	color: ${e=>{let{color:r}=e;return r||"#ffffff"}};
+`,i=o.default.div`
+	background-color: ${({bg:e})=>e};
+	color: ${({color:e})=>e||"#ffffff"};
 	padding: 2px 6px;
 	border-radius: 4px;
 	font-size: 11px;
 	font-weight: 600;
 	text-transform: uppercase;
-`,l=r.default.button`
+`,n=o.default.button`
 	background-color: transparent;
 	border: 1px solid
-		${e=>{let{themeMode:r}=e;return"dark"===r?"#30363d":"#d0d7de"}};
+		${({themeMode:e})=>"dark"===e?"#30363d":"#d0d7de"};
 	border-radius: 4px;
 	padding: 4px 8px;
-	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#f0f6fc":"#24292f"}};
+	color: ${({themeMode:e})=>"dark"===e?"#f0f6fc":"#24292f"};
 	font-size: 12px;
 	cursor: pointer;
 	display: flex;
@@ -58,31 +58,31 @@
 	transition: background-color 0.2s ease;
 
 	&:hover {
-		background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#21262d":"#f3f4f6"}};
+		background-color: ${({themeMode:e})=>"dark"===e?"#21262d":"#f3f4f6"};
 	}
-`,i=r.default.div`
-	max-height: ${e=>{let{maxHeight:r}=e;return r}};
+`,l=o.default.div`
+	max-height: ${({maxHeight:e})=>e};
 	overflow: auto;
 	display: flex;
 	/* Ensure this is the only scroll container */
 	min-width: 0;
-`,f=r.default.div`
-	background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#0d1117":"#f6f8fa"}};
-	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#6e7681":"#656d76"}};
+`,f=o.default.div`
+	background-color: ${({themeMode:e})=>"dark"===e?"#0d1117":"#f6f8fa"};
+	color: ${({themeMode:e})=>"dark"===e?"#6e7681":"#656d76"};
 	padding: 16px 12px;
 	font-size: 12px;
 	line-height: 20px;
 	text-align: right;
 	user-select: none;
 	border-right: 1px solid
-		${e=>{let{themeMode:r}=e;return"dark"===r?"#21262d":"#d0d7de"}};
+		${({themeMode:e})=>"dark"===e?"#21262d":"#d0d7de"};
 	min-width: 40px;
-`,p=r.default.pre`
+`,p=o.default.pre`
 	flex: 1;
 	padding: 16px;
 	font-size: 12px;
 	line-height: 20px;
-	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#f0f6fc":"#24292f"}};
+	color: ${({themeMode:e})=>"dark"===e?"#f0f6fc":"#24292f"};
 	background-color: transparent;
 	margin: 0;
 	white-space: pre;
@@ -91,20 +91,20 @@
 	min-width: 0; /* Ensures proper shrinking in flex container */
 
 	.keyword {
-		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#79c0ff":"#0969da"}};
+		color: ${({themeMode:e})=>"dark"===e?"#79c0ff":"#0969da"};
 		font-weight: 600;
 	}
 
 	.string {
-		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#a5d6ff":"#0a3069"}};
+		color: ${({themeMode:e})=>"dark"===e?"#a5d6ff":"#0a3069"};
 	}
 
 	.comment {
-		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#8b949e":"#656d76"}};
+		color: ${({themeMode:e})=>"dark"===e?"#8b949e":"#656d76"};
 		font-style: italic;
 	}
 
 	.number {
-		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#79c0ff":"#0969da"}};
+		color: ${({themeMode:e})=>"dark"===e?"#79c0ff":"#0969da"};
 	}
-`;exports.Code=p,exports.CodeContainer=i,exports.Container=t,exports.CopyButton=l,exports.Header=o,exports.LanguageBadge=a,exports.LineNumbers=f,exports.Title=n,exports.TitleSection=d;
+`;exports.Code=p,exports.CodeContainer=l,exports.Container=d,exports.CopyButton=n,exports.Header=r,exports.LanguageBadge=i,exports.LineNumbers=f,exports.Title=a,exports.TitleSection=t;

package/dist/cjs/components/code-block/CodeBlockHelper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./keywordMap.js");const o={javascript:require("./languageSpecificFormatting/javascript_file.js")},s=e=>{let o=0;for(let s=0;s<e.length;s++)o=(o<<5)-o+e.charCodeAt(s),o|=0;return Math.abs(o)};exports.highlightCode=function(r,l){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"dark";const a=e.keywordsMap[l.toLowerCase()]||[],c=(r=>{let{theme:l,lang:n}=r;var a,c;const t=e.keywordsMap[n.toLowerCase()]||[],g={};let i={},d=[];const p=o[n.toLowerCase()];if(p)try{i=(null===(a=p.colorOverWrite)||void 0===a?void 0:a.call(p,l))||{},d=(null===(c=p.colorMap)||void 0===c?void 0:c.call(p,l))||[],console.log(`Formatter found for ${n} (${l}):`,{overrides:Object.keys(i),colorMapLength:d.length,colorMapColors:d})}catch(e){console.warn(`Failed to load formatting for ${n}:`,e)}else console.log(`No formatter found for ${n}`);const f="dark"===l?{primary:"#79c0ff",secondary:"#a5d6ff",tertiary:"#ff7b72",quaternary:"#d2a8ff"}:{primary:"#0969da",secondary:"#207d57ff",tertiary:"#d1242f",quaternary:"#8250df"},u=Object.values(f);return console.log(`Processing ${t.length} keywords for ${n}`),t.forEach((e=>{if(null==i?void 0:i[e])g[e]=i[e],["function","console","log"].includes(e)&&console.log(`${e}: using override color ${i[e]}`);else if(d&&d.length>0){const o=s(e)%d.length;g[e]=d[o],["function","console","log"].includes(e)&&console.log(`${e}: using colorMap[${o}] = ${d[o]}`)}else{const o=s(e)%u.length;g[e]=u[o],["function","console","log"].includes(e)&&console.log(`${e}: using fallback color ${u[o]}`)}})),g})({theme:n,lang:l});let t=r;t=t.replace(/(["'`])(?:\\.|(?!\1).)*\1/g,'<span class="string">$&</span>'),t=t.replace(/\/\/.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\/\*[\s\S]*?\*\//g,'<span class="comment">$&</span>'),t=t.replace(/#.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\b\d+\.?\d*\b/g,'<span class="number">$&</span>');const g=a.sort(((e,o)=>o.length-e.length));return console.log(`Processing ${l} keywords in order:`,g),g.forEach((e=>{let o;o="css"===l.toLowerCase()?new RegExp(`(^|[\\s:])\\b(${e.replace(/-/g,"\\-")})(?=\\s*:|\\s|$)(?![^<]*>)`,"g"):new RegExp(`\\b(${e})\\b(?![^<]*>)`,"g");const s=t;t="css"===l.toLowerCase()?t.replace(o,`$1<span style="color: ${c[e]}">$2</span>`):t.replace(o,`<span style="color: ${c[e]}">$1</span>`),s!==t&&["background","background-color","color"].includes(e)&&console.log(`${e} -> ${c[e]} (made changes)`)})),t};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./keywordMap.js");const o={javascript:require("./languageSpecificFormatting/javascript_file.js")},s=e=>{let o=0;for(let s=0;s<e.length;s++)o=(o<<5)-o+e.charCodeAt(s),o|=0;return Math.abs(o)};exports.highlightCode=(r,l,n="dark")=>{const a=e.keywordsMap[l.toLowerCase()]||[],c=(({theme:r,lang:l})=>{var n,a;const c=e.keywordsMap[l.toLowerCase()]||[],t={};let g={},i=[];const d=o[l.toLowerCase()];if(d)try{g=(null===(n=d.colorOverWrite)||void 0===n?void 0:n.call(d,r))||{},i=(null===(a=d.colorMap)||void 0===a?void 0:a.call(d,r))||[],console.log(`Formatter found for ${l} (${r}):`,{overrides:Object.keys(g),colorMapLength:i.length,colorMapColors:i})}catch(e){console.warn(`Failed to load formatting for ${l}:`,e)}else console.log(`No formatter found for ${l}`);const p="dark"===r?{primary:"#79c0ff",secondary:"#a5d6ff",tertiary:"#ff7b72",quaternary:"#d2a8ff"}:{primary:"#0969da",secondary:"#207d57ff",tertiary:"#d1242f",quaternary:"#8250df"},f=Object.values(p);return console.log(`Processing ${c.length} keywords for ${l}`),c.forEach(e=>{if(null==g?void 0:g[e])t[e]=g[e],["function","console","log"].includes(e)&&console.log(`${e}: using override color ${g[e]}`);else if(i&&i.length>0){const o=s(e)%i.length;t[e]=i[o],["function","console","log"].includes(e)&&console.log(`${e}: using colorMap[${o}] = ${i[o]}`)}else{const o=s(e)%f.length;t[e]=f[o],["function","console","log"].includes(e)&&console.log(`${e}: using fallback color ${f[o]}`)}}),t})({theme:n,lang:l});let t=r;t=t.replace(/(["'`])(?:\\.|(?!\1).)*\1/g,'<span class="string">$&</span>'),t=t.replace(/\/\/.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\/\*[\s\S]*?\*\//g,'<span class="comment">$&</span>'),t=t.replace(/#.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\b\d+\.?\d*\b/g,'<span class="number">$&</span>');const g=a.sort((e,o)=>o.length-e.length);return console.log(`Processing ${l} keywords in order:`,g),g.forEach(e=>{let o;o="css"===l.toLowerCase()?new RegExp(`(^|[\\s:])\\b(${e.replace(/-/g,"\\-")})(?=\\s*:|\\s|$)(?![^<]*>)`,"g"):new RegExp(`\\b(${e})\\b(?![^<]*>)`,"g");const s=t;t="css"===l.toLowerCase()?t.replace(o,`$1<span style="color: ${c[e]}">$2</span>`):t.replace(o,`<span style="color: ${c[e]}">$1</span>`),s!==t&&["background","background-color","color"].includes(e)&&console.log(`${e} -> ${c[e]} (made changes)`)}),t};

package/dist/cjs/components/country-code-picker/CountryCodePicker.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("../../assets/icons/chevronDown.svg.js"),r=require("react"),t=require("./CountryCodePicker.modal.js"),n=require("./CountryCodePicker.styled.js"),d=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js");var s=require("../TypographyStyle.js"),l=require("../../constants/Theme.js");require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");exports.CountryCodePicker=i=>{var c,u,a,p,y,m,j;const[v,h]=r.useState(null!==(c=i.selectedCountry)&&void 0!==c?c:{name:"India",dial:"+91",code:"IN"}),w=`https://flagcdn.com/${null===(u=v.code)||void 0===u?void 0:u.toLowerCase()}.svg`;r.useEffect((()=>{i.selectedCountry&&h(i.selectedCountry)}),[null===(a=i.selectedCountry)||void 0===a?void 0:a.code]);return e.jsx(d.DropdownPopover,{version:i.version,isSearchable:!0,width:null!==(p=i.popoverWidth)&&void 0!==p?p:"200px",placement:null!==(y=i.placement)&&void 0!==y?y:"bottom-start",strategy:null!==(m=i.placementStrategy)&&void 0!==m?m:"absolute",options:t.CountriesData.map((o=>{var r,t,d,c;const u=`https://flagcdn.com/${null===(r=o.code)||void 0===r?void 0:r.toLowerCase()}.svg`;return{value:o.code,label:o.dial,searchKey:o.name,customComponent:e.jsxs(n.StyledCountryPickerOption,{children:[!i.hideFlagImage&&e.jsx("img",{src:u,className:"country-flag__option",alt:o.name}),e.jsxs(s.BodySecondary,{style:null!==(t=i.countryTextStyle)&&void 0!==t?t:{},children:[e.jsx("span",{style:{color:null!==(d=i.codeColor)&&void 0!==d?d:l.COLORS.text.primary},children:o.code}),"  ",e.jsx("span",{style:{color:null!==(c=i.dialColor)&&void 0!==c?c:l.COLORS.text.primary},children:o.dial})]})]}),selected:v.code===o.code}})),disabled:i.disabled,onSelect:e=>{const o=t.CountriesData.filter((o=>o.code===e.value));h(o[0]),i.onCountrySelect(o[0])},children:e.jsxs(n.StyledCountryPickerWrapper,{height:i.height,style:i.containerStyles,onClick:()=>{var e;console.log("hello"),null===(e=i.onDropdownClick)||void 0===e||e.call(i)},children:[e.jsxs("div",{className:"content__wrapper",children:[!i.hideFlagImage&&e.jsx("img",{src:w,className:"country-flag__selected-option",alt:v.name}),e.jsx(s.BodySecondary,{style:null!==(j=i.countryTextStyle)&&void 0!==j?j:{},children:v.dial})]}),e.jsx(o.default,{width:24,height:24,color:l.COLORS.content.primary})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("../../assets/icons/chevronDown.svg.js"),r=require("react"),t=require("./CountryCodePicker.modal.js"),n=require("./CountryCodePicker.styled.js"),d=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js");var s=require("../TypographyStyle.js"),l=require("../../constants/Theme.js");require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");exports.CountryCodePicker=i=>{var c,u,a,p,y,m,j;const[v,h]=r.useState(null!==(c=i.selectedCountry)&&void 0!==c?c:{name:"India",dial:"+91",code:"IN"}),w=`https://flagcdn.com/${null===(u=v.code)||void 0===u?void 0:u.toLowerCase()}.svg`;r.useEffect(()=>{i.selectedCountry&&h(i.selectedCountry)},[null===(a=i.selectedCountry)||void 0===a?void 0:a.code]);return e.jsx(d.DropdownPopover,{version:i.version,isSearchable:!0,width:null!==(p=i.popoverWidth)&&void 0!==p?p:"200px",placement:null!==(y=i.placement)&&void 0!==y?y:"bottom-start",strategy:null!==(m=i.placementStrategy)&&void 0!==m?m:"absolute",options:t.CountriesData.map(o=>{var r,t,d,c;const u=`https://flagcdn.com/${null===(r=o.code)||void 0===r?void 0:r.toLowerCase()}.svg`;return{value:o.code,label:o.dial,searchKey:o.name,customComponent:e.jsxs(n.StyledCountryPickerOption,{children:[!i.hideFlagImage&&e.jsx("img",{src:u,className:"country-flag__option",alt:o.name}),e.jsxs(s.BodySecondary,{style:null!==(t=i.countryTextStyle)&&void 0!==t?t:{},children:[e.jsx("span",{style:{color:null!==(d=i.codeColor)&&void 0!==d?d:l.COLORS.text.primary},children:o.code}),"  ",e.jsx("span",{style:{color:null!==(c=i.dialColor)&&void 0!==c?c:l.COLORS.text.primary},children:o.dial})]})]}),selected:v.code===o.code}}),disabled:i.disabled,onSelect:e=>{const o=t.CountriesData.filter(o=>o.code===e.value);h(o[0]),i.onCountrySelect(o[0])},children:e.jsxs(n.StyledCountryPickerWrapper,{height:i.height,style:i.containerStyles,onClick:()=>{var e;console.log("hello"),null===(e=i.onDropdownClick)||void 0===e||e.call(i)},children:[e.jsxs("div",{className:"content__wrapper",children:[!i.hideFlagImage&&e.jsx("img",{src:w,className:"country-flag__selected-option",alt:v.name}),e.jsx(s.BodySecondary,{style:null!==(j=i.countryTextStyle)&&void 0!==j?j:{},children:v.dial})]}),e.jsx(o.default,{width:24,height:24,color:l.COLORS.content.primary})]})})};

package/dist/cjs/components/custom-date-time/CustomDateTime.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("date-fns"),t=require("react"),o=require("./DateSelector/DateSelector.js"),s=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js");var n=require("../TypographyStyle.js");require("../../constants/Theme.js"),require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../icon-button/IconButton.js");var i=require("../input/Input.js");require("../dropdown/MenuItem/MenuItem.js");var d=require("../../utils/DateUtils.js"),u=require("../../assets/icons/chevronDown.svg.js"),l=require("../../assets/icons/clock.svg.js"),a=require("./CustomDateTime.styled.js");const c=e=>{const r=[];for(let t=0;t<2;t++)for(let o=0;o<12;o++){let s;s=0===o?"12":o<10?`0${o}`:`${o}`;const n=`${s}:00 ${0===t?"AM":"PM"}`,i=`${s}:30 ${0===t?"AM":"PM"}`;r.push({label:n,value:n,selected:n===e},{label:i,value:i,selected:i===e})}return r};exports.CustomDateTime=p=>{const[m,j]=t.useState(p.time),[D,q]=t.useState(p.date);t.useEffect((()=>{p.setError(void 0);const e=d.default.convert12HourTimeTo24Hour(m),t=r.format(new Date,"HH:mm:ss");if(r.isToday(D)&&e<t)return void p.setError("Selected time should be later than current time");p.setError(void 0);const[o,s]=e.split(":"),n=new Date(D.getTime());n.setHours(+o,+s),p.onChange(n)}),[D,m]);return e.jsxs(a.CustomDateTimeStyle,{children:[e.jsxs("div",{style:{display:"flex",gap:16},children:[e.jsx("div",{style:{flex:1},children:e.jsx(o.default,{customDate:D,setCustomDate:q,placement:p.placement,minDate:p.minDate})}),e.jsx("div",{style:{flex:1},children:e.jsx(s.DropdownPopover,{options:c(m),onSelect:e=>{j(e.value)},children:e.jsx(i.Input,{value:m,leftIcon:{icon:l.default},rightIcon:{icon:u.default},onChangeText:e=>(e=>{if(d.default.timeFormatValidation(e)){const t=d.default.convert12HourTimeTo24Hour(e),o=r.format(new Date,"HH:mm:ss");if(r.isToday(D)&&t<o)return void p.setError("Selected time should be later than current time");p.setError(void 0),j(e)}else p.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')})(e)})})})]}),p.error&&e.jsx(n.BodySecondary,{style:{paddingTop:8},children:p.error})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("date-fns"),t=require("react"),o=require("./DateSelector/DateSelector.js"),s=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js");var n=require("../TypographyStyle.js");require("../../constants/Theme.js"),require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../icon-button/IconButton.js");var i=require("../input/Input.js");require("../dropdown/MenuItem/MenuItem.js");var d=require("../../utils/DateUtils.js"),u=require("../../assets/icons/chevronDown.svg.js"),l=require("../../assets/icons/clock.svg.js"),a=require("./CustomDateTime.styled.js");const c=e=>{const r=[];for(let t=0;t<2;t++)for(let o=0;o<12;o++){let s;s=0===o?"12":o<10?`0${o}`:`${o}`;const n=`${s}:00 ${0===t?"AM":"PM"}`,i=`${s}:30 ${0===t?"AM":"PM"}`;r.push({label:n,value:n,selected:n===e},{label:i,value:i,selected:i===e})}return r};exports.CustomDateTime=p=>{const[m,j]=t.useState(p.time),[D,q]=t.useState(p.date);t.useEffect(()=>{p.setError(void 0);const e=d.default.convert12HourTimeTo24Hour(m),t=r.format(new Date,"HH:mm:ss");if(r.isToday(D)&&e<t)return void p.setError("Selected time should be later than current time");p.setError(void 0);const[o,s]=e.split(":"),n=new Date(D.getTime());n.setHours(+o,+s),p.onChange(n)},[D,m]);return e.jsxs(a.CustomDateTimeStyle,{children:[e.jsxs("div",{style:{display:"flex",gap:16},children:[e.jsx("div",{style:{flex:1},children:e.jsx(o.default,{customDate:D,setCustomDate:q,placement:p.placement,minDate:p.minDate})}),e.jsx("div",{style:{flex:1},children:e.jsx(s.DropdownPopover,{options:c(m),onSelect:e=>{j(e.value)},children:e.jsx(i.Input,{value:m,leftIcon:{icon:l.default},rightIcon:{icon:u.default},onChangeText:e=>(e=>{if(d.default.timeFormatValidation(e)){const t=d.default.convert12HourTimeTo24Hour(e),o=r.format(new Date,"HH:mm:ss");if(r.isToday(D)&&t<o)return void p.setError("Selected time should be later than current time");p.setError(void 0),j(e)}else p.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')})(e)})})})]}),p.error&&e.jsx(n.BodySecondary,{style:{paddingTop:8},children:p.error})]})};

package/dist/cjs/components/custom-date-time/DateSelector/DateSelector.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/calendar.svg.js"),t=require("../../../assets/icons/chevronDown.svg.js"),o=require("react"),s=require("react-popper"),n=require("../../datePicker/DatePicker.js");require("react-calendar");var d=require("../../../hooks/useOutside.js"),i=require("../../../utils/DateUtils.js");require("../../../constants/Theme.js"),require("../../TypographyStyle.js"),require("../../datePicker/DatePickerWrapper.styled.js"),require("../../datePicker/model.js"),require("../../dropdown/DropdownPopover/index.js"),require("../../dropdown/Dropdown.js"),require("../../dropdown/ChipDropdown.js"),require("../../zeroState/ZeroState.js"),require("../../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../../checkBox/CheckBox.styled.js"),require("../../list-item/ListItem.js"),require("../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../../button/Button.js"),require("../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../icon-button/IconButton.js"),require("../../input/Input.js"),require("../../dropdown/MenuItem/MenuItem.js"),require("../../datePicker/DatePicker.styled.js");var u=require("../../dropdown/Common.styled.js"),a=require("../../dropShadow/DropShadow.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=p(o);exports.default=p=>{const[l,j]=o.useState(null),[m,q]=o.useState(null),[w,D]=o.useState(!1),{styles:y,attributes:h}=s.usePopper(l,m,{placement:p.placement}),f=c.default.useRef();return d.useOutside(f,(()=>{D(!1)})),e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"date-preview",ref:j,onClick:()=>{D(!w)},children:[e.jsx(r.default,{width:24,height:24}),e.jsx("span",{style:{marginLeft:8},children:i.default.onlyDateFormat(p.customDate,"dd MMM yyyy")}),e.jsx(t.default,{style:{marginLeft:"auto"},width:22,height:22})]}),w&&e.jsx(u.OpenDropdownContainer,Object.assign({ref:q,style:Object.assign(Object.assign({},y.popper),{zIndex:3})},h.popper,{children:e.jsx("div",{ref:f,children:e.jsx(a.DropShadow,{level:"z2",position:"down",style:{borderRadius:4},children:e.jsx(n.DatePicker,{selectedDate:p.customDate||new Date,selectRange:!1,onSelectDate:e=>{D(!1),p.setCustomDate(e)},minDate:p.minDate})})})}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/calendar.svg.js"),t=require("../../../assets/icons/chevronDown.svg.js"),o=require("react"),s=require("react-popper"),n=require("../../datePicker/DatePicker.js");require("react-calendar");var d=require("../../../hooks/useOutside.js"),i=require("../../../utils/DateUtils.js");require("../../../constants/Theme.js"),require("../../TypographyStyle.js"),require("../../datePicker/DatePickerWrapper.styled.js"),require("../../datePicker/model.js"),require("../../dropdown/DropdownPopover/index.js"),require("../../dropdown/Dropdown.js"),require("../../dropdown/ChipDropdown.js"),require("../../zeroState/ZeroState.js"),require("../../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../../checkBox/CheckBox.styled.js"),require("../../list-item/ListItem.js"),require("../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../../button/Button.js"),require("../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../icon-button/IconButton.js"),require("../../input/Input.js"),require("../../dropdown/MenuItem/MenuItem.js"),require("../../datePicker/DatePicker.styled.js");var u=require("../../dropdown/Common.styled.js"),a=require("../../dropShadow/DropShadow.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=p(o);exports.default=p=>{const[l,j]=o.useState(null),[m,q]=o.useState(null),[w,D]=o.useState(!1),{styles:y,attributes:h}=s.usePopper(l,m,{placement:p.placement}),f=c.default.useRef();return d.useOutside(f,()=>{D(!1)}),e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"date-preview",ref:j,onClick:()=>{D(!w)},children:[e.jsx(r.default,{width:24,height:24}),e.jsx("span",{style:{marginLeft:8},children:i.default.onlyDateFormat(p.customDate,"dd MMM yyyy")}),e.jsx(t.default,{style:{marginLeft:"auto"},width:22,height:22})]}),w&&e.jsx(u.OpenDropdownContainer,Object.assign({ref:q,style:Object.assign(Object.assign({},y.popper),{zIndex:3})},h.popper,{children:e.jsx("div",{ref:f,children:e.jsx(a.DropShadow,{level:"z2",position:"down",style:{borderRadius:4},children:e.jsx(n.DatePicker,{selectedDate:p.customDate||new Date,selectRange:!1,onSelectDate:e=>{D(!1),p.setCustomDate(e)},minDate:p.minDate})})})}))]})};

package/dist/cjs/components/dashboard-review-popup/DashboardReviewPopUp.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../assets/icons/cross.svg.js"),i=require("../dropShadow/DropShadow.js"),o=require("./components/FiveStar.js"),s=require("./components/Form.js"),n=require("./components/ZeroState.js"),a=require("./DashboardReviewPopUp.styled.js");exports.DashboardReviewPopUp=l=>{let{onClose:u,onSubmit:c,quickAnswerOptions:d,titleMap:S,feedbackMap:p,fullStarSubmitText:x,onRatingChange:h,initialText:j,fiveStar:b}=l;const[m,q]=t.useState(0);function v(e){q(e),null==h||h(e)}return e.jsx(i.DropShadow,{level:"z2",position:"down",children:e.jsxs(a.Container,{children:[e.jsx(a.CrossIconHolder,{onClick:u,children:e.jsx(r.default,{width:24,height:24})}),0===m?e.jsx(n.ZeroState,{handleStarSelection:v,initialText:j}):5===m?e.jsx(o.FiveStar,{fullStarSubmitText:x,onSubmit:c,handleStarSelection:v,subtext:null==b?void 0:b.subText}):e.jsx(s.Form,{titleMap:S,feedbackMap:p,stars:m,onStarChange:v,onSubmit:c,quickAnswerOptions:d})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../assets/icons/cross.svg.js"),i=require("../dropShadow/DropShadow.js"),o=require("./components/FiveStar.js"),s=require("./components/Form.js"),n=require("./components/ZeroState.js"),a=require("./DashboardReviewPopUp.styled.js");exports.DashboardReviewPopUp=({onClose:u,onSubmit:l,quickAnswerOptions:c,titleMap:d,feedbackMap:S,fullStarSubmitText:p,onRatingChange:x,initialText:h,fiveStar:j})=>{const[b,m]=t.useState(0);function q(e){m(e),null==x||x(e)}return e.jsx(i.DropShadow,{level:"z2",position:"down",children:e.jsxs(a.Container,{children:[e.jsx(a.CrossIconHolder,{onClick:u,children:e.jsx(r.default,{width:24,height:24})}),0===b?e.jsx(n.ZeroState,{handleStarSelection:q,initialText:h}):5===b?e.jsx(o.FiveStar,{fullStarSubmitText:p,onSubmit:l,handleStarSelection:q,subtext:null==j?void 0:j.subText}):e.jsx(s.Form,{titleMap:d,feedbackMap:S,stars:b,onStarChange:q,onSubmit:l,quickAnswerOptions:c})]})})};

package/dist/cjs/components/dashboard-review-popup/components/FiveStar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../star-rating/StarRating.js"),t=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),a=require("./FiveStar.styled.js");exports.FiveStar=i=>{let{handleStarSelection:s,onSubmit:l,fullStarSubmitText:o,subtext:u}=i;return e.jsxs(a.Container,{children:[e.jsx(t.TitleMedium,{color:n.COLORS.surface.standard,style:{textAlign:"center"},children:"We're glad to hear that your experience has been good!"}),e.jsx(r.StarRating,{starSize:32,value:5,onChange:s}),e.jsx(t.BodySecondary,{color:n.COLORS.surface.standard,style:{textAlign:"center",width:200},children:null!=u?u:"Help us by leaving a review on Shopify App Store"}),e.jsx(a.Button,{onClick:()=>l(5),children:e.jsx(t.ButtonLarge,{color:n.COLORS.content.brand,children:o})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../star-rating/StarRating.js"),t=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),a=require("./FiveStar.styled.js");exports.FiveStar=({handleStarSelection:i,onSubmit:s,fullStarSubmitText:o,subtext:l})=>e.jsxs(a.Container,{children:[e.jsx(t.TitleMedium,{color:n.COLORS.surface.standard,style:{textAlign:"center"},children:"We're glad to hear that your experience has been good!"}),e.jsx(r.StarRating,{starSize:32,value:5,onChange:i}),e.jsx(t.BodySecondary,{color:n.COLORS.surface.standard,style:{textAlign:"center",width:200},children:null!=l?l:"Help us by leaving a review on Shopify App Store"}),e.jsx(a.Button,{onClick:()=>s(5),children:e.jsx(t.ButtonLarge,{color:n.COLORS.content.brand,children:o})})]});

package/dist/cjs/components/dashboard-review-popup/components/Form.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("../../star-rating/StarRating.js"),i=require("../../TypographyStyle.js"),l=require("../../../constants/Theme.js"),n=require("./Form.styled.js");const a={1:"Your feedback helps us improve",2:"Your feedback helps us improve",3:"Your feedback helps us improve",4:"Your feedback helps us improve",5:"Your feedback helps us improve"},t={1:"Where can we improve?",2:"Where can we improve?",3:"Where can we improve?",4:"Where can we improve?",5:"Where can we improve?"};exports.Form=o=>{let{stars:c,titleMap:d,feedbackMap:u,onStarChange:p,onSubmit:h,quickAnswerOptions:v}=o;const x=null!=d?d:a,j=null!=u?u:t,[f,m]=r.useState([]),S=r.useRef(null),y=x[c],O=j[c];return e.jsxs(n.Container,{children:[e.jsxs(n.StarWrapper,{children:[e.jsx(i.TitleRegular,{color:l.COLORS.surface.standard,children:y}),e.jsx(s.StarRating,{starSize:24,value:c,onChange:p})]}),v&&e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[e.jsx(i.TitleRegular,{color:l.COLORS.surface.standard,children:O}),e.jsx(n.Wrapper,{children:null==v?void 0:v.map(((r,s)=>{const a=f.includes(r);return e.jsx(n.Chip,{selected:a,onClick:()=>{m(a?e=>e.filter((e=>e!==r)):e=>[...e,r])},children:e.jsx(i.BodySecondary,{color:a?l.COLORS.background.inverse:l.COLORS.surface.standard,children:r})},s)}))})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8,width:"100%"},children:[e.jsx(i.TitleRegular,{color:l.COLORS.surface.standard,children:"Add detailed feedback"}),e.jsx(n.TextArea,{placeholder:"We read every response!",ref:S})]}),e.jsx("div",{style:{width:"100%"},children:e.jsx(n.Button,{onClick:function(){var e,r;h(c,f,null!==(r=null===(e=S.current)||void 0===e?void 0:e.value)&&void 0!==r?r:"")},children:e.jsx(i.ButtonLarge,{color:l.COLORS.content.primaryInverse,children:"Submit"})})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("../../star-rating/StarRating.js"),i=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),a=require("./Form.styled.js");const l={1:"Your feedback helps us improve",2:"Your feedback helps us improve",3:"Your feedback helps us improve",4:"Your feedback helps us improve",5:"Your feedback helps us improve"},t={1:"Where can we improve?",2:"Where can we improve?",3:"Where can we improve?",4:"Where can we improve?",5:"Where can we improve?"};exports.Form=({stars:o,titleMap:c,feedbackMap:d,onStarChange:u,onSubmit:p,quickAnswerOptions:h})=>{const v=null!=c?c:l,x=null!=d?d:t,[j,f]=r.useState([]),m=r.useRef(null),S=v[o],y=x[o];return e.jsxs(a.Container,{children:[e.jsxs(a.StarWrapper,{children:[e.jsx(i.TitleRegular,{color:n.COLORS.surface.standard,children:S}),e.jsx(s.StarRating,{starSize:24,value:o,onChange:u})]}),h&&e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[e.jsx(i.TitleRegular,{color:n.COLORS.surface.standard,children:y}),e.jsx(a.Wrapper,{children:null==h?void 0:h.map((r,s)=>{const l=j.includes(r);return e.jsx(a.Chip,{selected:l,onClick:()=>{f(l?e=>e.filter(e=>e!==r):e=>[...e,r])},children:e.jsx(i.BodySecondary,{color:l?n.COLORS.background.inverse:n.COLORS.surface.standard,children:r})},s)})})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8,width:"100%"},children:[e.jsx(i.TitleRegular,{color:n.COLORS.surface.standard,children:"Add detailed feedback"}),e.jsx(a.TextArea,{placeholder:"We read every response!",ref:m})]}),e.jsx("div",{style:{width:"100%"},children:e.jsx(a.Button,{onClick:function(){var e,r;p(o,j,null!==(r=null===(e=m.current)||void 0===e?void 0:e.value)&&void 0!==r?r:"")},children:e.jsx(i.ButtonLarge,{color:n.COLORS.content.primaryInverse,children:"Submit"})})})]})};

package/dist/cjs/components/dashboard-review-popup/components/ZeroState.js

@@ -2,4 +2,4 @@
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
-`;exports.ZeroState=t=>{let{handleStarSelection:s,initialText:l}=t;return e.jsxs(a,{children:[e.jsx(i.TitleMedium,{color:n.COLORS.surface.standard,children:null!=l?l:"Rate your experience with us"}),e.jsx("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e.jsx(r.StarRating,{starSize:32,onChange:s})})]})};
+`;exports.ZeroState=({handleStarSelection:t,initialText:s})=>e.jsxs(a,{children:[e.jsx(i.TitleMedium,{color:n.COLORS.surface.standard,children:null!=s?s:"Rate your experience with us"}),e.jsx("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e.jsx(r.StarRating,{starSize:32,onChange:t})})]});

package/dist/cjs/components/data-source-panel/DataSourceInfoFooter.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@bikdotai/bik-models/growth/models/bik-store"),i=require("../../assets/icons/alert_triangle.svg.js"),o=require("../../assets/icons/plus.svg.js"),n=require("react"),r=require("../../constants/Theme.js"),a=require("../button/Button.js"),s=require("../markdown/index.js"),d=require("../shimmer/ShimmerComponent/BikShimmer.js"),l=require("../TypographyStyle.js"),c=require("./DataSourcePanel.style.js");const u=n.memo((s=>{const{appType:u,sourceIntent:g,hideHeading:m,messageSource:v,trainingSourceCount:y={},ShowTrainingDataSource:T={},faqCount:x,ChecklistType:A,footerButtonOption:j,isFooterLoading:b,reasonForAiGeneratedResponse:C,showAiResponseReason:R,aiResponseLoading:f}=s,I=T,[O,F]=n.useState(!0),[S,_]=n.useState(!0),w="/bik-ai/training",[N,k]=n.useState({buttonTitle:"",redirectUrl:"",addFaqProps:{}}),[E,q]=n.useState({title:"",subTitle:""}),D=n.useMemo((()=>{const e=(null==y?void 0:y[g])||0;return e<=1?"There is "+e+"data source added to the identified intent":`There are ${e} data sources added to the identified intent`}),[y,g]),L=()=>{var e;(null==N?void 0:N.redirectUrl)?window.open(`${window.location.origin}${null==N?void 0:N.redirectUrl}`,"_self"):Object.keys(null!==(e=null==N?void 0:N.addFaqProps)&&void 0!==e?e:{}).length>0?null==j||j.onClick(N):(null==j?void 0:j.navigate)&&(null==j||j.navigate("Training",u==t.ApplicationType.MANIFEST?{tab:"/custom_data"}:{},{},!0))};return n.useEffect((()=>{var e,i,o,n;if(g){if(null===(e=null==v?void 0:v.sources)||void 0===e?void 0:e.length){const e=v.sources[0];if(I[g])g===A.ORDER_ENQUIRY&&_(!1);else{let r=null==e?void 0:e.insights,a="";switch(g){case A.PRODUCT_DETAILS:"Product reviews"!==(null==e?void 0:e.title)&&(r=`${x||"No"} FAQs added for this product`,a="Add product-specific information via FAQs to improve responses",k({buttonTitle:"Add FAQ",addFaqProps:{faqProducts:[{id:null==e?void 0:e.productId,variantId:null==e?void 0:e.variantId,name:null==e?void 0:e.title,imageUrl:null==e?void 0:e.imageUrl}]},redirectUrl:""}));break;case A.ORDER_MODIFICATION:r=(null==y?void 0:y[g])?void 0:"Customers who are looking to modify their orders would be redirected to your live agents via the agent handover flow.",r&&k({buttonTitle:u==t.ApplicationType.MANIFEST?"Manage agent handover":"Add relevant data",redirectUrl:u==t.ApplicationType.MANIFEST?"/customise?tab=AgentHandover":w,addFaqProps:{}});break;case A.ORDER_CANCELLATION:r=(null==y?void 0:y[g])?void 0:"Customers who are looking to cancel their orders would be redirected to your live agents via the agent handover flow.",k({buttonTitle:u==t.ApplicationType.MANIFEST?"Manage agent handover":"Add relevant data",redirectUrl:u==t.ApplicationType.MANIFEST?"/customise?tab=AgentHandover":w,addFaqProps:{}});break;case A.ORDER_TRACKING:if("ORDER_NOT_FOUND"===(null==e?void 0:e.subIntent))break;k({buttonTitle:u==t.ApplicationType.MANIFEST?"Add order tracking link":"Add relevant data",redirectUrl:u==t.ApplicationType.MANIFEST?"/training/order-management":w,addFaqProps:{}});break;case A.PRODUCT_SEARCH:if("QUIZ"===(null==e?void 0:e.type))break;if(-1!==(null===(n=null===(o=null===(i=null==v?void 0:v.sources)||void 0===i?void 0:i[0])||void 0===o?void 0:o.title)||void 0===n?void 0:n.toLowerCase().indexOf("collection"))){r="Collections are recommended by matching queries with collection names and descriptions. Add relevant keywords to your collection description to improve results.";break}r="Products are recommended by matching queries with product names, descriptions, tags, and collections. Add relevant keywords and tags to your products to improve results."}q({title:null!=r?r:"",subTitle:a})}}(I[g]||[A.PRODUCT_DETAILS,A.ORDER_MODIFICATION,A.ORDER_CANCELLATION,A.ORDER_TRACKING].includes(g))&&F(!1)}}),[null==v?void 0:v.messageId,y,g,null==v?void 0:v.sources,I,A,x,u,v]),e.jsx(c.SourceInfoFooterStyle,{children:b?e.jsx(e.Fragment,{children:e.jsx(d.BikShimmer,{gap:"8px",direction:"column",boxes:[{height:"20px",width:"300px"},{height:"80px",width:"300px"}]})}):e.jsx(e.Fragment,{children:!(null==E?void 0:E.title)&&y&&g in y?e.jsxs(e.Fragment,{children:[e.jsx(p,{hideHeading:null!=m&&m}),e.jsx(h,{reason:C||"",showAiResponseReason:null!=R&&R,isLoading:null!=f&&f,appType:u}),e.jsxs("div",{className:"source_info_details "+(y[g]>0?"":"no_data_source"),children:[y[g]>0&&S?e.jsxs(e.Fragment,{children:[e.jsx(l.BodyCaption,{children:D}),e.jsx(l.BodyCaption,{color:r.COLORS.content.secondary,children:"Improve responses by adding more data sources for the identified intent"})]}):S&&e.jsxs("div",{className:"no_data_source_title",children:[e.jsx(i.default,{width:15,height:15,color:r.COLORS.content.negative,style:{marginTop:2}}),e.jsx(l.BodyCaption,{children:"No data sources added to the identified link"})]}),!j||j.hideAddDataButton||O?e.jsx(e.Fragment,{}):e.jsx(a.Button,{size:"small",buttonType:"tertiary",LeadingIcon:o.default,buttonText:(null==N?void 0:N.buttonTitle.length)>0?null==N?void 0:N.buttonTitle:"Add relevant data",matchParentWidth:!0,onClick:()=>L(),style:{backgroundColor:"unset"}})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(p,{hideHeading:null!=m&&m}),e.jsx(h,{reason:C||"",showAiResponseReason:null!=R&&R,isLoading:null!=f&&f,appType:u}),e.jsxs("div",{className:"source_info_details",children:[S&&e.jsxs(e.Fragment,{children:[e.jsx(l.BodyCaption,{children:null==E?void 0:E.title}),e.jsx(l.BodyCaption,{color:r.COLORS.content.secondary,children:null==E?void 0:E.subTitle})]}),!j||j.hideAddDataButton||O?e.jsx(e.Fragment,{}):e.jsx(a.Button,{size:"small",buttonType:"tertiary",LeadingIcon:o.default,buttonText:(null==N?void 0:N.buttonTitle.length)>0?null==N?void 0:N.buttonTitle:"Add relevant data",matchParentWidth:!0,onClick:()=>L(),style:{backgroundColor:"unset"}})]})]})})})})),p=n.memo((t=>t.hideHeading?null:e.jsx(l.BodyCaption,{color:r.COLORS.content.secondary,children:"Training insights"}))),h=n.memo((i=>i.appType!==t.ApplicationType.MANIFEST?e.jsx(e.Fragment,{}):e.jsx(e.Fragment,{children:i.isLoading?e.jsx("div",{style:{height:70,width:"100%",marginBottom:8},children:e.jsx(d.BikShimmer,{boxes:[{height:"20px",width:"30%"},{height:"20px",width:"100%"}],direction:"column",gap:"2px",isBrand:!1})}):e.jsxs("div",{className:"source_info_details",children:[e.jsx(l.BodyCaption,{color:r.COLORS.content.primary,className:"why_ai_gave_this_response",children:"Here’s why your AI gave this response"}),e.jsx(l.BodyCaption,{color:r.COLORS.content.secondary,className:"clamp-text",children:e.jsx(s.default,{text:i.reason||"No reason provided for this response."})})]})})));h.displayName="WhyAiGaveThisResponse",p.displayName="TrainingInsightsHeading",u.displayName="SourceInfoFooter",exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@bikdotai/bik-models/growth/models/bik-store"),i=require("../../assets/icons/alert_triangle.svg.js"),o=require("../../assets/icons/plus.svg.js"),n=require("react"),r=require("../../constants/Theme.js"),a=require("../button/Button.js"),s=require("../markdown/index.js"),d=require("../shimmer/ShimmerComponent/BikShimmer.js"),l=require("../TypographyStyle.js"),c=require("./DataSourcePanel.style.js");const u=n.memo(s=>{const{appType:u,sourceIntent:g,hideHeading:m,messageSource:v,trainingSourceCount:y={},ShowTrainingDataSource:T={},faqCount:x,ChecklistType:A,footerButtonOption:j,isFooterLoading:b,reasonForAiGeneratedResponse:C,showAiResponseReason:R,aiResponseLoading:f}=s,I=T,[O,F]=n.useState(!0),[S,_]=n.useState(!0),w="/bik-ai/training",[N,k]=n.useState({buttonTitle:"",redirectUrl:"",addFaqProps:{}}),[E,q]=n.useState({title:"",subTitle:""}),D=n.useMemo(()=>{const e=(null==y?void 0:y[g])||0;return e<=1?"There is "+e+"data source added to the identified intent":`There are ${e} data sources added to the identified intent`},[y,g]),L=()=>{var e;(null==N?void 0:N.redirectUrl)?window.open(`${window.location.origin}${null==N?void 0:N.redirectUrl}`,"_self"):Object.keys(null!==(e=null==N?void 0:N.addFaqProps)&&void 0!==e?e:{}).length>0?null==j||j.onClick(N):(null==j?void 0:j.navigate)&&(null==j||j.navigate("Training",u==t.ApplicationType.MANIFEST?{tab:"/custom_data"}:{},{},!0))};return n.useEffect(()=>{var e,i,o,n;if(g){if(null===(e=null==v?void 0:v.sources)||void 0===e?void 0:e.length){const e=v.sources[0];if(I[g])g===A.ORDER_ENQUIRY&&_(!1);else{let r=null==e?void 0:e.insights,a="";switch(g){case A.PRODUCT_DETAILS:"Product reviews"!==(null==e?void 0:e.title)&&(r=`${x||"No"} FAQs added for this product`,a="Add product-specific information via FAQs to improve responses",k({buttonTitle:"Add FAQ",addFaqProps:{faqProducts:[{id:null==e?void 0:e.productId,variantId:null==e?void 0:e.variantId,name:null==e?void 0:e.title,imageUrl:null==e?void 0:e.imageUrl}]},redirectUrl:""}));break;case A.ORDER_MODIFICATION:r=(null==y?void 0:y[g])?void 0:"Customers who are looking to modify their orders would be redirected to your live agents via the agent handover flow.",r&&k({buttonTitle:u==t.ApplicationType.MANIFEST?"Manage agent handover":"Add relevant data",redirectUrl:u==t.ApplicationType.MANIFEST?"/customise?tab=AgentHandover":w,addFaqProps:{}});break;case A.ORDER_CANCELLATION:r=(null==y?void 0:y[g])?void 0:"Customers who are looking to cancel their orders would be redirected to your live agents via the agent handover flow.",k({buttonTitle:u==t.ApplicationType.MANIFEST?"Manage agent handover":"Add relevant data",redirectUrl:u==t.ApplicationType.MANIFEST?"/customise?tab=AgentHandover":w,addFaqProps:{}});break;case A.ORDER_TRACKING:if("ORDER_NOT_FOUND"===(null==e?void 0:e.subIntent))break;k({buttonTitle:u==t.ApplicationType.MANIFEST?"Add order tracking link":"Add relevant data",redirectUrl:u==t.ApplicationType.MANIFEST?"/training/order-management":w,addFaqProps:{}});break;case A.PRODUCT_SEARCH:if("QUIZ"===(null==e?void 0:e.type))break;if(-1!==(null===(n=null===(o=null===(i=null==v?void 0:v.sources)||void 0===i?void 0:i[0])||void 0===o?void 0:o.title)||void 0===n?void 0:n.toLowerCase().indexOf("collection"))){r="Collections are recommended by matching queries with collection names and descriptions. Add relevant keywords to your collection description to improve results.";break}r="Products are recommended by matching queries with product names, descriptions, tags, and collections. Add relevant keywords and tags to your products to improve results."}q({title:null!=r?r:"",subTitle:a})}}(I[g]||[A.PRODUCT_DETAILS,A.ORDER_MODIFICATION,A.ORDER_CANCELLATION,A.ORDER_TRACKING].includes(g))&&F(!1)}},[null==v?void 0:v.messageId,y,g,null==v?void 0:v.sources,I,A,x,u,v]),e.jsx(c.SourceInfoFooterStyle,{children:b?e.jsx(e.Fragment,{children:e.jsx(d.BikShimmer,{gap:"8px",direction:"column",boxes:[{height:"20px",width:"300px"},{height:"80px",width:"300px"}]})}):e.jsx(e.Fragment,{children:!(null==E?void 0:E.title)&&y&&g in y?e.jsxs(e.Fragment,{children:[e.jsx(p,{hideHeading:null!=m&&m}),e.jsx(h,{reason:C||"",showAiResponseReason:null!=R&&R,isLoading:null!=f&&f,appType:u}),e.jsxs("div",{className:"source_info_details "+(y[g]>0?"":"no_data_source"),children:[y[g]>0&&S?e.jsxs(e.Fragment,{children:[e.jsx(l.BodyCaption,{children:D}),e.jsx(l.BodyCaption,{color:r.COLORS.content.secondary,children:"Improve responses by adding more data sources for the identified intent"})]}):S&&e.jsxs("div",{className:"no_data_source_title",children:[e.jsx(i.default,{width:15,height:15,color:r.COLORS.content.negative,style:{marginTop:2}}),e.jsx(l.BodyCaption,{children:"No data sources added to the identified link"})]}),!j||j.hideAddDataButton||O?e.jsx(e.Fragment,{}):e.jsx(a.Button,{size:"small",buttonType:"tertiary",LeadingIcon:o.default,buttonText:(null==N?void 0:N.buttonTitle.length)>0?null==N?void 0:N.buttonTitle:"Add relevant data",matchParentWidth:!0,onClick:()=>L(),style:{backgroundColor:"unset"}})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(p,{hideHeading:null!=m&&m}),e.jsx(h,{reason:C||"",showAiResponseReason:null!=R&&R,isLoading:null!=f&&f,appType:u}),e.jsxs("div",{className:"source_info_details",children:[S&&e.jsxs(e.Fragment,{children:[e.jsx(l.BodyCaption,{children:null==E?void 0:E.title}),e.jsx(l.BodyCaption,{color:r.COLORS.content.secondary,children:null==E?void 0:E.subTitle})]}),!j||j.hideAddDataButton||O?e.jsx(e.Fragment,{}):e.jsx(a.Button,{size:"small",buttonType:"tertiary",LeadingIcon:o.default,buttonText:(null==N?void 0:N.buttonTitle.length)>0?null==N?void 0:N.buttonTitle:"Add relevant data",matchParentWidth:!0,onClick:()=>L(),style:{backgroundColor:"unset"}})]})]})})})}),p=n.memo(t=>t.hideHeading?null:e.jsx(l.BodyCaption,{color:r.COLORS.content.secondary,children:"Training insights"})),h=n.memo(i=>i.appType!==t.ApplicationType.MANIFEST?e.jsx(e.Fragment,{}):e.jsx(e.Fragment,{children:i.isLoading?e.jsx("div",{style:{height:70,width:"100%",marginBottom:8},children:e.jsx(d.BikShimmer,{boxes:[{height:"20px",width:"30%"},{height:"20px",width:"100%"}],direction:"column",gap:"2px",isBrand:!1})}):e.jsxs("div",{className:"source_info_details",children:[e.jsx(l.BodyCaption,{color:r.COLORS.content.primary,className:"why_ai_gave_this_response",children:"Here’s why your AI gave this response"}),e.jsx(l.BodyCaption,{color:r.COLORS.content.secondary,className:"clamp-text",children:e.jsx(s.default,{text:i.reason||"No reason provided for this response."})})]})}));h.displayName="WhyAiGaveThisResponse",p.displayName="TrainingInsightsHeading",u.displayName="SourceInfoFooter",exports.default=u;