@bikdotai/bik-component-library 0.0.734 → 0.0.735-beta.1

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

@@ -1,14 +1,13 @@
-/// <reference types="react" />
-export interface FeatureModalProps {
-    zIndex?: number;
-    disableCross?: boolean;
-    onClickingCross: () => void;
-    otherContent?: JSX.Element;
-    onUpgrade?: () => void;
-    primaryButtonText?: string;
-    title?: string;
-    subTitle?: string;
-    showBookADemo?: boolean;
-    demoLink?: string;
-}
-export declare const FeatureModal: React.FC<FeatureModalProps>;
+export interface FeatureModalProps {
+    zIndex?: number;
+    disableCross?: boolean;
+    onClickingCross: () => void;
+    otherContent?: JSX.Element;
+    onUpgrade?: () => void;
+    primaryButtonText?: string;
+    title?: string;
+    subTitle?: string;
+    showBookADemo?: boolean;
+    demoLink?: string;
+}
+export declare const FeatureModal: React.FC<FeatureModalProps>;

package/dist/esm/components/bik-layout/FeatureModal.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import s from"react-dom";import{COLORS as t}from"../../constants/Theme.js";import o from"../../assets/icons/cross.svg.js";import{Button as n}from"../button/Button.js";import{TitleMedium as r,BodyPrimary as i}from"../TypographyStyle.js";import{FeatureModalContainer as a,InnerModalContainer as c}from"./CommonStyles.js";const d=d=>{const{zIndex:l,disableCross:m=!1,otherContent:j,onClickingCross:u,onUpgrade:h,title:p,subTitle:x,showBookADemo:b,demoLink:g,primaryButtonText:f}=d,y=p||"Upgrade to access this feature",T=x||"This feature is not included in the current plan. Upgrade to get access and use this feature.";return s.createPortal(e.jsxs(a,Object.assign({zIndex:l},{children:[!m&&e.jsx("div",Object.assign({className:"cross-button",onClick:()=>u(),"aria-hidden":"true"},{children:e.jsx(o,{height:20,width:20,color:t.surface.subdued})})),e.jsx(c,{children:j?e.jsx(e.Fragment,{children:j}):e.jsxs("div",Object.assign({className:"content-layout"},{children:[e.jsxs("div",{children:[e.jsx(r,Object.assign({className:"title-color"},{children:y})),e.jsx(i,Object.assign({className:"title-color mt-8"},{children:T}))]}),e.jsxs("div",Object.assign({className:"cta-buttons"},{children:[b&&e.jsx(n,{buttonText:"Book a demo",buttonType:"secondary",size:"large",inverse:!0,onClick:()=>{window.open(g,"_blank")}}),e.jsx(n,{buttonText:f||"Upgrade plan",buttonType:"primary",size:"large",inverse:!0,onClick:()=>h?h():""})]}))]}))})]})),document.body)};export{d as FeatureModal};
+import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import r from"react-dom";import{COLORS as n}from"../../constants/Theme.js";import s from"../../assets/icons/cross.svg.js";import{Button as i}from"../button/Button.js";import{TitleMedium as a,BodyPrimary as c}from"../TypographyStyle.js";import{FeatureModalContainer as l,InnerModalContainer as d}from"./CommonStyles.js";const m=m=>{const{zIndex:u,disableCross:h=!1,otherContent:p,onClickingCross:b,onUpgrade:f,title:g,subTitle:y,showBookADemo:T,demoLink:k,primaryButtonText:C}=m,v=g||"Upgrade to access this feature",x=y||"This feature is not included in the current plan. Upgrade to get access and use this feature.";return r.createPortal(e(l,{zIndex:u,children:[!h&&t("div",{className:"cross-button",onClick:()=>b(),"aria-hidden":"true",children:t(s,{height:20,width:20,color:n.surface.subdued})}),t(d,{children:p?t(o,{children:p}):e("div",{className:"content-layout",children:[e("div",{children:[t(a,{className:"title-color",children:v}),t(c,{className:"title-color mt-8",children:x})]}),e("div",{className:"cta-buttons",children:[T&&t(i,{buttonText:"Book a demo",buttonType:"secondary",size:"large",inverse:!0,onClick:()=>{window.open(k,"_blank")}}),t(i,{buttonText:C||"Upgrade plan",buttonType:"primary",size:"large",inverse:!0,onClick:()=>f?f():""})]})]})})]}),document.body)};export{m as FeatureModal};

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

@@ -1,13 +1,12 @@
-/// <reference types="react" />
-export interface FeatureModalV2Props {
-    zIndex?: number;
-    otherContent?: JSX.Element;
-    onUpgrade?: () => void;
-    primaryButtonText?: string;
-    title?: string;
-    subTitle?: string;
-    onClose?: () => void;
-    featureImage?: string;
-    id?: string;
-}
-export declare const FeatureModalV2: React.FC<FeatureModalV2Props>;
+export interface FeatureModalV2Props {
+    zIndex?: number;
+    otherContent?: JSX.Element;
+    onUpgrade?: () => void;
+    primaryButtonText?: string;
+    title?: string;
+    subTitle?: string;
+    onClose?: () => void;
+    featureImage?: string;
+    id?: string;
+}
+export declare const FeatureModalV2: React.FC<FeatureModalV2Props>;

package/dist/esm/components/bik-layout/FeatureModalV2.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useState as t,Fragment as o}from"react";import s from"react-dom";import{COLORS as n}from"../../constants/Theme.js";import{Button as a}from"../button/Button.js";import{StyledModal as r}from"../modals/styledModal.js";import{TitleMedium as i,BodySecondary as c}from"../TypographyStyle.js";import{FeatureModalV2Container as l}from"./CommonStyles.js";const m=m=>{const{zIndex:d,otherContent:b,onUpgrade:u,title:y,subTitle:j,primaryButtonText:p,onClose:g,featureImage:x,id:f}=m,h=void 0===y?"Start your 14-day free trial to test your AI assistant on your website":y,O=j||"Test your assistant on your website and unlock many other features for free by starting your trial now. Don't worry, you can cancel anytime before the trial ends and no charges will be deducted.",C=x||"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fb74e0e4c-9b3b-47ca-b0af-704b246e3c54?alt=media&token=bb48a397-1981-4c93-a835-eb4f400d5a60",[T,w]=t(!0);return s.createPortal(e.jsx(r,Object.assign({zIndex:d,open:T,onClose:function(){g&&g(),w(!1)},closeOnOutsideClick:!0,centralContainerStyles:{maxWidth:"568px"},innerModalId:f},{children:e.jsx(l,{children:b?e.jsx(e.Fragment,{children:b}):e.jsxs(o,{children:[e.jsx("div",Object.assign({className:"top-feature-content"},{children:e.jsx("img",{src:C,alt:"general-icon"})})),e.jsxs("div",Object.assign({className:"bottom-feature-content"},{children:[e.jsx(i,Object.assign({className:"title-class text-align-center mt-8",style:{textAlign:"center"}},{children:h})),e.jsx(c,Object.assign({className:"text-align-center",style:{color:n.content.secondary}},{children:O})),e.jsx("div",Object.assign({className:"cta-buttons"},{children:e.jsx(a,{buttonText:p||"Upgrade to growth plan",buttonType:"primary",size:"large",onClick:()=>{u&&u(),w(!1)}})}))]}))]})})})),document.body)};export{m as FeatureModalV2};
+import{jsx as t,Fragment as e,jsxs as o}from"react/jsx-runtime";import{useState as r,Fragment as a}from"react";import n from"react-dom";import{COLORS as i}from"../../constants/Theme.js";import{Button as s}from"../button/Button.js";import{StyledModal as c}from"../modals/styledModal.js";import{TitleMedium as l,BodySecondary as m}from"../TypographyStyle.js";import{FeatureModalV2Container as d}from"./CommonStyles.js";const u=u=>{const{zIndex:y,otherContent:p,onUpgrade:b,title:f,subTitle:h,primaryButtonText:g,onClose:x,featureImage:C,id:T}=u,j=void 0===f?"Start your 14-day free trial to test your AI assistant on your website":f,w=h||"Test your assistant on your website and unlock many other features for free by starting your trial now. Don't worry, you can cancel anytime before the trial ends and no charges will be deducted.",k=C||"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fb74e0e4c-9b3b-47ca-b0af-704b246e3c54?alt=media&token=bb48a397-1981-4c93-a835-eb4f400d5a60",[v,I]=r(!0);return n.createPortal(t(c,{zIndex:y,open:v,onClose:function(){x&&x(),I(!1)},closeOnOutsideClick:!0,centralContainerStyles:{maxWidth:"568px"},innerModalId:T,children:t(d,{children:p?t(e,{children:p}):o(a,{children:[t("div",{className:"top-feature-content",children:t("img",{src:k,alt:"general-icon"})}),o("div",{className:"bottom-feature-content",children:[t(l,{className:"title-class text-align-center mt-8",style:{textAlign:"center"},children:j}),t(m,{className:"text-align-center",style:{color:i.content.secondary},children:w}),t("div",{className:"cta-buttons",children:t(s,{buttonText:g||"Upgrade to growth plan",buttonType:"primary",size:"large",onClick:()=>{b&&b(),I(!1)}})})]})]})})}),document.body)};export{u as FeatureModalV2};

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

@@ -1,92 +1,92 @@
-export declare const Menus: ({
-    displayName: string;
-    key: number;
-    icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    activeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    hoverIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    children: {
-        displayName: string;
-        key: number;
-    }[];
-    isLocked?: undefined;
-    showAccessUpgradePanel?: undefined;
-    isNew?: undefined;
-    isLastSticky?: undefined;
-    layout?: undefined;
-    is2ndLastSticky?: undefined;
-} | {
-    displayName: string;
-    key: number;
-    icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    isLocked: boolean;
-    activeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    hoverIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    children?: undefined;
-    showAccessUpgradePanel?: undefined;
-    isNew?: undefined;
-    isLastSticky?: undefined;
-    layout?: undefined;
-    is2ndLastSticky?: undefined;
-} | {
-    displayName: string;
-    key: number;
-    icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    activeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    hoverIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    showAccessUpgradePanel: boolean;
-    isLocked: boolean;
-    children: {
-        displayName: string;
-        key: number;
-    }[];
-    isNew?: undefined;
-    isLastSticky?: undefined;
-    layout?: undefined;
-    is2ndLastSticky?: undefined;
-} | {
-    displayName: string;
-    key: number;
-    icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    activeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    hoverIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    isNew: boolean;
-    children?: undefined;
-    isLocked?: undefined;
-    showAccessUpgradePanel?: undefined;
-    isLastSticky?: undefined;
-    layout?: undefined;
-    is2ndLastSticky?: undefined;
-} | {
-    displayName: string;
-    key: number;
-    icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    activeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    hoverIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    isNew: boolean;
-    isLastSticky: boolean;
-    children: {
-        displayName: string;
-        key: number;
-    }[];
-    isLocked?: undefined;
-    showAccessUpgradePanel?: undefined;
-    layout?: undefined;
-    is2ndLastSticky?: undefined;
-} | {
-    displayName: string;
-    key: number;
-    icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    activeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    hoverIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    layout: string;
-    is2ndLastSticky: boolean;
-    children: {
-        displayName: string;
-        key: number;
-        description: string;
-    }[];
-    isLocked?: undefined;
-    showAccessUpgradePanel?: undefined;
-    isNew?: undefined;
-    isLastSticky?: undefined;
-})[];
+export declare const Menus: ({
+    displayName: string;
+    key: number;
+    icon: any;
+    activeIcon: any;
+    hoverIcon: any;
+    children: {
+        displayName: string;
+        key: number;
+    }[];
+    isLocked?: undefined;
+    showAccessUpgradePanel?: undefined;
+    isNew?: undefined;
+    isLastSticky?: undefined;
+    layout?: undefined;
+    is2ndLastSticky?: undefined;
+} | {
+    displayName: string;
+    key: number;
+    icon: any;
+    isLocked: boolean;
+    activeIcon: any;
+    hoverIcon: any;
+    children?: undefined;
+    showAccessUpgradePanel?: undefined;
+    isNew?: undefined;
+    isLastSticky?: undefined;
+    layout?: undefined;
+    is2ndLastSticky?: undefined;
+} | {
+    displayName: string;
+    key: number;
+    icon: any;
+    activeIcon: any;
+    hoverIcon: any;
+    showAccessUpgradePanel: boolean;
+    isLocked: boolean;
+    children: {
+        displayName: string;
+        key: number;
+    }[];
+    isNew?: undefined;
+    isLastSticky?: undefined;
+    layout?: undefined;
+    is2ndLastSticky?: undefined;
+} | {
+    displayName: string;
+    key: number;
+    icon: any;
+    activeIcon: any;
+    hoverIcon: any;
+    isNew: boolean;
+    children?: undefined;
+    isLocked?: undefined;
+    showAccessUpgradePanel?: undefined;
+    isLastSticky?: undefined;
+    layout?: undefined;
+    is2ndLastSticky?: undefined;
+} | {
+    displayName: string;
+    key: number;
+    icon: any;
+    activeIcon: any;
+    hoverIcon: any;
+    isNew: boolean;
+    isLastSticky: boolean;
+    children: {
+        displayName: string;
+        key: number;
+    }[];
+    isLocked?: undefined;
+    showAccessUpgradePanel?: undefined;
+    layout?: undefined;
+    is2ndLastSticky?: undefined;
+} | {
+    displayName: string;
+    key: number;
+    icon: any;
+    activeIcon: any;
+    hoverIcon: any;
+    layout: string;
+    is2ndLastSticky: boolean;
+    children: {
+        displayName: string;
+        key: number;
+        description: string;
+    }[];
+    isLocked?: undefined;
+    showAccessUpgradePanel?: undefined;
+    isNew?: undefined;
+    isLastSticky?: undefined;
+})[];

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-export interface LoaderProps {
-    message?: string;
-    subMessage?: string;
-}
-export declare const PageLoader: React.FC<LoaderProps>;
+export interface LoaderProps {
+    message?: string;
+    subMessage?: string;
+}
+export declare const PageLoader: React.FC<LoaderProps>;

package/dist/esm/components/bik-layout/PageLoader.js

@@ -1 +1 @@
-import{j as s}from"../../node_modules/react/jsx-runtime.js";import{DEFAULT_THEME as e}from"../../constants/Theme.js";import{TitleMedium as o,BodyPrimary as r}from"../TypographyStyle.js";import{LoaderWrapper as n,LoadingMessageWrapper as m}from"./CommonStyles.js";const a=a=>s.jsx(n,{children:s.jsxs("div",Object.assign({className:"inner"},{children:[s.jsx("span",{className:"loader"}),a.message&&s.jsxs(m,{children:[s.jsx(o,{children:a.message}),s.jsx(r,Object.assign({style:{color:e.colorsV2.content.secondary,marginTop:8}},{children:a.subMessage}))]})]}))});export{a as PageLoader};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{DEFAULT_THEME as s}from"../../constants/Theme.js";import{TitleMedium as o,BodyPrimary as m}from"../TypographyStyle.js";import{LoaderWrapper as n,LoadingMessageWrapper as t}from"./CommonStyles.js";const a=a=>e(n,{children:r("div",{className:"inner",children:[e("span",{className:"loader"}),a.message&&r(t,{children:[e(o,{children:a.message}),e(m,{style:{color:s.colorsV2.content.secondary,marginTop:8},children:a.subMessage})]})]})});export{a as PageLoader};

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

@@ -1,13 +1,12 @@
-/// <reference types="react" />
-export interface ShowShopifyRestrictedModalProps {
-    containerType: 'demo_store' | 'connect_shopify';
-    handleButtonClick: (type: 'shopify' | 'demo' | 'close') => void;
-    connectShopifyDescription?: string;
-    demoDescription?: string;
-    zIndex?: number;
-    triggerPosition?: {
-        top: number;
-        left: number;
-    };
-}
-export declare const ShowShopifyRestrictedModal: React.FC<ShowShopifyRestrictedModalProps>;
+export interface ShowShopifyRestrictedModalProps {
+    containerType: 'demo_store' | 'connect_shopify';
+    handleButtonClick: (type: 'shopify' | 'demo' | 'close') => void;
+    connectShopifyDescription?: string;
+    demoDescription?: string;
+    zIndex?: number;
+    triggerPosition?: {
+        top: number;
+        left: number;
+    };
+}
+export declare const ShowShopifyRestrictedModal: React.FC<ShowShopifyRestrictedModalProps>;

package/dist/esm/components/bik-layout/ShowShopifyRestrictedModal.js

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import t from"react-dom";import{COLORS as o}from"../../constants/Theme.js";import s from"../../assets/icons/cross.svg.js";import{Button as n}from"../button/Button.js";import{TitleMedium as i,BodyPrimary as r}from"../TypographyStyle.js";import{FeatureModalContainer as a,RelativeModalContainer as c}from"./CommonStyles.js";const l=l=>{const{zIndex:d,containerType:m,handleButtonClick:h,triggerPosition:p,connectShopifyDescription:j,demoDescription:g}=l,u=e=>{h(e)},b=p&&window.innerHeight-p.top<100,y=p?{position:"fixed",top:b?"auto":p.top,bottom:b?"0":"auto",left:p.left,width:"unset",background:"none"}:{alignItems:"center",height:950,background:"linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 129.71%)"};return t.createPortal(e.jsx(a,Object.assign({zIndex:d,resetHeight:!0,style:y,relativePostion:!!p},{children:e.jsxs(c,{children:[e.jsx("div",Object.assign({className:"cross-container",onClick:()=>u("close"),"aria-hidden":"true"},{children:e.jsx(s,{height:24,width:24,color:"#000000"})})),"demo_store"==m?e.jsxs("div",Object.assign({className:"demo-container"},{children:[e.jsx(i,Object.assign({color:o.background.negative.vibrant},{children:"Demo Store Limitations"})),e.jsx(r,{children:null!=g?g:"Apologies, but you are unable to save or take any actions as you are currently in the demo store."})]})):e.jsxs("div",Object.assign({className:"content-layout"},{children:[e.jsx("div",Object.assign({className:"left-content"},{children:e.jsx("img",{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F6300e18e-16ef-4f65-9861-26476d2a3d9a?alt=media&token=0da9e429-4c12-4a06-bba8-9ac7c3fdd2c4",alt:"left-panel"})})),e.jsxs("div",Object.assign({className:"right-content"},{children:[e.jsx(i,{children:"Connect Shopify "}),e.jsx(r,Object.assign({style:{maxWidth:432}},{children:null!=j?j:"Connect Shopify to publish your bot on your Shopify store. Or, explore our demo store to see it in action."})),e.jsxs("div",Object.assign({className:"cta-button-container"},{children:[e.jsx(n,{buttonText:"Connect shopify",buttonType:"primary",size:"small",onClick:()=>u("shopify")}),e.jsx(n,{buttonText:"View demo store",buttonType:"secondary",size:"small",onClick:()=>u("demo")})]}))]}))]}))]})})),document.body)};export{l as ShowShopifyRestrictedModal};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import t from"react-dom";import{COLORS as n}from"../../constants/Theme.js";import i from"../../assets/icons/cross.svg.js";import{Button as r}from"../button/Button.js";import{TitleMedium as a,BodyPrimary as s}from"../TypographyStyle.js";import{FeatureModalContainer as c,RelativeModalContainer as l}from"./CommonStyles.js";const d=d=>{const{zIndex:m,containerType:h,handleButtonClick:p,triggerPosition:u,connectShopifyDescription:y,demoDescription:g}=d,b=e=>{p(e)},f=u&&window.innerHeight-u.top<100,v=u?{position:"fixed",top:f?"auto":u.top,bottom:f?"0":"auto",left:u.left,width:"unset",background:"none"}:{alignItems:"center",height:950,background:"linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 129.71%)"};return t.createPortal(e(c,{zIndex:m,resetHeight:!0,style:v,relativePostion:!!u,children:o(l,{children:[e("div",{className:"cross-container",onClick:()=>b("close"),"aria-hidden":"true",children:e(i,{height:24,width:24,color:"#000000"})}),o("div","demo_store"==h?{className:"demo-container",children:[e(a,{color:n.background.negative.vibrant,children:"Demo Store Limitations"}),e(s,{children:null!=g?g:"Apologies, but you are unable to save or take any actions as you are currently in the demo store."})]}:{className:"content-layout",children:[e("div",{className:"left-content",children:e("img",{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F6300e18e-16ef-4f65-9861-26476d2a3d9a?alt=media&token=0da9e429-4c12-4a06-bba8-9ac7c3fdd2c4",alt:"left-panel"})}),o("div",{className:"right-content",children:[e(a,{children:"Connect Shopify "}),e(s,{style:{maxWidth:432},children:null!=y?y:"Connect Shopify to publish your bot on your Shopify store. Or, explore our demo store to see it in action."}),o("div",{className:"cta-button-container",children:[e(r,{buttonText:"Connect shopify",buttonType:"primary",size:"small",onClick:()=>b("shopify")}),e(r,{buttonText:"View demo store",buttonType:"secondary",size:"small",onClick:()=>b("demo")})]})]})]})]})}),document.body)};export{d as ShowShopifyRestrictedModal};

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

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-import { Menu } from './SimpleSidebar';
-export interface SidebarPopupI {
-    menuList: Menu[];
-    width?: number;
-    zIndex?: number;
-    left?: number;
-    top?: number;
-    onMouseLeaveOnMenu?: () => void;
-    onClickingPopupMenu: (menuSelected: Menu, reDirect?: boolean) => void;
-}
-export declare const SidebarPopup: React.FC<SidebarPopupI>;
+import { Menu } from './SimpleSidebar';
+export interface SidebarPopupI {
+    menuList: Menu[];
+    width?: number;
+    zIndex?: number;
+    left?: number;
+    top?: number;
+    onMouseLeaveOnMenu?: () => void;
+    onClickingPopupMenu: (menuSelected: Menu, reDirect?: boolean) => void;
+}
+export declare const SidebarPopup: React.FC<SidebarPopupI>;

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

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

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-import { SidebarTheme } from './SimpleSidebar';
-export interface BikSidebarShimmerProps {
-    theme: SidebarTheme;
-    width?: number;
-    zIndex?: number;
-    left?: number;
-}
-export declare const SidebarSkeleton: React.FC<BikSidebarShimmerProps>;
+import { SidebarTheme } from './SimpleSidebar';
+export interface BikSidebarShimmerProps {
+    theme: SidebarTheme;
+    width?: number;
+    zIndex?: number;
+    left?: number;
+}
+export declare const SidebarSkeleton: React.FC<BikSidebarShimmerProps>;

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

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{BikShimmer as s}from"../shimmer/ShimmerComponent/BikShimmer.js";import{SimpleSidebarContainer as i}from"./SidebarStyles.js";const t=t=>{const{width:r,zIndex:m,left:n,theme:a}=t;return e.jsx(i,Object.assign({width:r,zIndex:m,left:n,theme:a},{children:e.jsx("div",Object.assign({className:"sidebar-right-menu"},{children:[...new Array(2)].map((()=>0)).map((i=>e.jsx("div",Object.assign({className:"sidebar-skeleton"},{children:e.jsx(s,{boxes:[{height:"24px",width:"100%"},{height:"24px",width:"100%"}],isBrand:"brand"===a})}),i+"_"+Math.random())))}))}))};export{t as SidebarSkeleton};
+import{jsx as e}from"react/jsx-runtime";import{BikShimmer as r}from"../shimmer/ShimmerComponent/BikShimmer.js";import{SimpleSidebarContainer as i}from"./SidebarStyles.js";const t=t=>{const{width:m,zIndex:h,left:d,theme:n}=t;return e(i,{width:m,zIndex:h,left:d,theme:n,children:e("div",{className:"sidebar-right-menu",children:[...new Array(2)].map((()=>0)).map((i=>e("div",{className:"sidebar-skeleton",children:e(r,{boxes:[{height:"24px",width:"100%"},{height:"24px",width:"100%"}],isBrand:"brand"===n})},i+"_"+Math.random())))})})};export{t as SidebarSkeleton};

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

@@ -1,21 +1,21 @@
-import { SidebarTheme } from './SimpleSidebar';
-export declare const SideBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MainSideBarMenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SibeBarMenuItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SimpleSidebarContainer: import("styled-components").StyledComponent<"div", any, {
-    postion?: "fixed" | "sticky" | undefined;
-    top?: number | undefined;
-    theme: SidebarTheme;
-    width?: number | undefined;
-    zIndex?: number | undefined;
-    left?: number | undefined;
-    isNewSidebar?: boolean | undefined;
-}, never>;
-export declare const SidebarPopupContainer: import("styled-components").StyledComponent<"div", any, {
-    postion?: "fixed" | "sticky" | undefined;
-    top?: number | undefined;
-    theme: SidebarTheme;
-    zIndex?: number | undefined;
-    left?: number | undefined;
-    bottom?: number | undefined;
-}, never>;
+import { SidebarTheme } from './SimpleSidebar';
+export declare const SideBarContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MainSideBarMenuWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SibeBarMenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SimpleSidebarContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    postion?: "fixed" | "sticky";
+    top?: number;
+    theme: SidebarTheme;
+    width?: number;
+    zIndex?: number;
+    left?: number;
+    isNewSidebar?: boolean;
+}>> & string;
+export declare const SidebarPopupContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    postion?: "fixed" | "sticky";
+    top?: number;
+    theme: SidebarTheme;
+    zIndex?: number;
+    left?: number;
+    bottom?: number;
+}>> & string;

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

@@ -1,29 +1,28 @@
-/// <reference types="react" />
-export interface Menu {
-    key: string | number;
-    displayName: string;
-    description?: string;
-    path?: string;
-    page?: string;
-    isNew?: string;
-}
-export type SidebarTheme = 'brand' | 'white';
-export interface SimpleSidebarProps {
-    menuList: Menu[];
-    activeMenu: Menu;
-    theme: SidebarTheme;
-    showAccessUpgradePanel?: boolean;
-    header?: string;
-    width?: number;
-    zIndex?: number;
-    left?: number;
-    postion?: 'fixed' | 'sticky';
-    top?: number;
-    router: any;
-    onMouseLeaveOnMenu?: () => void;
-    onMouseEnterOnMenu?: () => void;
-    onMenuClick: (menuSelected: Menu, reDirect?: boolean) => void;
-    onUpgrade?: () => void;
-    isNewSidebar?: boolean;
-}
-export declare const SimpleSidebar: React.FC<SimpleSidebarProps>;
+export interface Menu {
+    key: string | number;
+    displayName: string;
+    description?: string;
+    path?: string;
+    page?: string;
+    isNew?: string;
+}
+export type SidebarTheme = 'brand' | 'white';
+export interface SimpleSidebarProps {
+    menuList: Menu[];
+    activeMenu: Menu;
+    theme: SidebarTheme;
+    showAccessUpgradePanel?: boolean;
+    header?: string;
+    width?: number;
+    zIndex?: number;
+    left?: number;
+    postion?: 'fixed' | 'sticky';
+    top?: number;
+    router: any;
+    onMouseLeaveOnMenu?: () => void;
+    onMouseEnterOnMenu?: () => void;
+    onMenuClick: (menuSelected: Menu, reDirect?: boolean) => void;
+    onUpgrade?: () => void;
+    isNewSidebar?: boolean;
+}
+export declare const SimpleSidebar: React.FC<SimpleSidebarProps>;

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

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

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

@@ -1,9 +1,9 @@
-export * from './BikHeader';
-export * from './BikLayout';
-export * from './BikProfile';
-export * from './SimpleSidebar';
-export * from './BikSidebar';
-export * from './FeatureModal';
-export * from './SidebarSkeleton';
-export * from './ShowShopifyRestrictedModal';
-export * from './FeatureModalV2';
+export * from './BikHeader';
+export * from './BikLayout';
+export * from './BikProfile';
+export * from './SimpleSidebar';
+export * from './BikSidebar';
+export * from './FeatureModal';
+export * from './SidebarSkeleton';
+export * from './ShowShopifyRestrictedModal';
+export * from './FeatureModalV2';

package/dist/esm/components/button/Button.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { ButtonProps } from './model';
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+import React from 'react';
+import { ButtonProps } from './model';
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

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

package/dist/esm/components/button/Button.styled.d.ts

@@ -1,19 +1,18 @@
-/// <reference types="react" />
-import { Size, Type } from './model';
-export declare const Button: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    size: Size;
-    buttonType: Type;
-    isLoading?: boolean | undefined;
-    inverse?: boolean | undefined;
-    disabled?: boolean | undefined;
-    matchParentWidth?: boolean | undefined;
-    version?: "1.0" | "2.0" | undefined;
-    darkMode?: boolean | undefined;
-    activated?: boolean | undefined;
-    error?: boolean | undefined;
-    buttonColor?: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const ButtonCustomDashedBorder: () => import("react/jsx-runtime").JSX.Element;
+import { Size, Type } from './model';
+export declare const Button: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    size: Size;
+    buttonType: Type;
+    isLoading?: boolean;
+    inverse?: boolean;
+    disabled?: boolean;
+    matchParentWidth?: boolean;
+    version?: "1.0" | "2.0";
+    darkMode?: boolean;
+    activated?: boolean;
+    error?: boolean;
+    buttonColor?: string;
+}, JSX.IntrinsicElements, {}>;
+export declare const ButtonCustomDashedBorder: () => import("react/jsx-runtime").JSX.Element;