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

package/dist/cjs/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/cjs/components/bik-layout/FeatureModal.js

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

package/dist/cjs/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/cjs/components/bik-layout/FeatureModalV2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),s=require("react-dom"),r=require("../../constants/Theme.js"),n=require("../button/Button.js"),o=require("../modals/styledModal.js"),a=require("../TypographyStyle.js"),i=require("./CommonStyles.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(s);exports.FeatureModalV2=s=>{const{zIndex:c,otherContent:u,onUpgrade:d,title:x,subTitle:m,primaryButtonText:j,onClose:p,featureImage:b,id:y}=s,g=void 0===x?"Start your 14-day free trial to test your AI assistant on your website":x,h=m||"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.",f=b||"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",[R,E]=t.useState(!0);return l.default.createPortal(e.jsxRuntimeExports.jsx(o.StyledModal,Object.assign({zIndex:c,open:R,onClose:function(){p&&p(),E(!1)},closeOnOutsideClick:!0,centralContainerStyles:{maxWidth:"568px"},innerModalId:y},{children:e.jsxRuntimeExports.jsx(i.FeatureModalV2Container,{children:u?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:u}):e.jsxRuntimeExports.jsxs(t.Fragment,{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"top-feature-content"},{children:e.jsxRuntimeExports.jsx("img",{src:f,alt:"general-icon"})})),e.jsxRuntimeExports.jsxs("div",Object.assign({className:"bottom-feature-content"},{children:[e.jsxRuntimeExports.jsx(a.TitleMedium,Object.assign({className:"title-class text-align-center mt-8",style:{textAlign:"center"}},{children:g})),e.jsxRuntimeExports.jsx(a.BodySecondary,Object.assign({className:"text-align-center",style:{color:r.COLORS.content.secondary}},{children:h})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"cta-buttons"},{children:e.jsxRuntimeExports.jsx(n.Button,{buttonText:j||"Upgrade to growth plan",buttonType:"primary",size:"large",onClick:()=>{d&&d(),E(!1)}})}))]}))]})})})),document.body)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-dom"),a=require("../../constants/Theme.js"),n=require("../button/Button.js"),o=require("../modals/styledModal.js"),s=require("../TypographyStyle.js"),i=require("./CommonStyles.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(r);exports.FeatureModalV2=r=>{const{zIndex:l,otherContent:d,onUpgrade:u,title:y,subTitle:m,primaryButtonText:b,onClose:x,featureImage:p,id:g}=r,h=void 0===y?"Start your 14-day free trial to test your AI assistant on your website":y,j=m||"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.",f=p||"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",[C,q]=t.useState(!0);return c.default.createPortal(e.jsx(o.StyledModal,{zIndex:l,open:C,onClose:function(){x&&x(),q(!1)},closeOnOutsideClick:!0,centralContainerStyles:{maxWidth:"568px"},innerModalId:g,children:e.jsx(i.FeatureModalV2Container,{children:d?e.jsx(e.Fragment,{children:d}):e.jsxs(t.Fragment,{children:[e.jsx("div",{className:"top-feature-content",children:e.jsx("img",{src:f,alt:"general-icon"})}),e.jsxs("div",{className:"bottom-feature-content",children:[e.jsx(s.TitleMedium,{className:"title-class text-align-center mt-8",style:{textAlign:"center"},children:h}),e.jsx(s.BodySecondary,{className:"text-align-center",style:{color:a.COLORS.content.secondary},children:j}),e.jsx("div",{className:"cta-buttons",children:e.jsx(n.Button,{buttonText:b||"Upgrade to growth plan",buttonType:"primary",size:"large",onClick:()=>{u&&u(),q(!1)}})})]})]})})}),document.body)};

package/dist/cjs/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/cjs/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/cjs/components/bik-layout/PageLoader.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),s=require("../../constants/Theme.js"),r=require("../TypographyStyle.js"),t=require("./CommonStyles.js");exports.PageLoader=o=>e.jsxRuntimeExports.jsx(t.LoaderWrapper,{children:e.jsxRuntimeExports.jsxs("div",Object.assign({className:"inner"},{children:[e.jsxRuntimeExports.jsx("span",{className:"loader"}),o.message&&e.jsxRuntimeExports.jsxs(t.LoadingMessageWrapper,{children:[e.jsxRuntimeExports.jsx(r.TitleMedium,{children:o.message}),e.jsxRuntimeExports.jsx(r.BodyPrimary,Object.assign({style:{color:s.DEFAULT_THEME.colorsV2.content.secondary,marginTop:8}},{children:o.subMessage}))]})]}))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../constants/Theme.js"),r=require("../TypographyStyle.js"),a=require("./CommonStyles.js");exports.PageLoader=o=>e.jsx(a.LoaderWrapper,{children:e.jsxs("div",{className:"inner",children:[e.jsx("span",{className:"loader"}),o.message&&e.jsxs(a.LoadingMessageWrapper,{children:[e.jsx(r.TitleMedium,{children:o.message}),e.jsx(r.BodyPrimary,{style:{color:s.DEFAULT_THEME.colorsV2.content.secondary,marginTop:8},children:o.subMessage})]})]})});

package/dist/cjs/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/cjs/components/bik-layout/ShowShopifyRestrictedModal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react-dom"),s=require("../../constants/Theme.js"),o=require("../../assets/icons/cross.svg.js"),i=require("../button/Button.js"),n=require("../TypographyStyle.js"),r=require("./CommonStyles.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(t);exports.ShowShopifyRestrictedModal=t=>{const{zIndex:a,containerType:l,handleButtonClick:u,triggerPosition:d,connectShopifyDescription:x,demoDescription:m}=t,j=e=>{u(e)},p=d&&window.innerHeight-d.top<100,h=d?{position:"fixed",top:p?"auto":d.top,bottom:p?"0":"auto",left:d.left,width:"unset",background:"none"}:{alignItems:"center",height:950,background:"linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 129.71%)"};return c.default.createPortal(e.jsxRuntimeExports.jsx(r.FeatureModalContainer,Object.assign({zIndex:a,resetHeight:!0,style:h,relativePostion:!!d},{children:e.jsxRuntimeExports.jsxs(r.RelativeModalContainer,{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"cross-container",onClick:()=>j("close"),"aria-hidden":"true"},{children:e.jsxRuntimeExports.jsx(o.default,{height:24,width:24,color:"#000000"})})),"demo_store"==l?e.jsxRuntimeExports.jsxs("div",Object.assign({className:"demo-container"},{children:[e.jsxRuntimeExports.jsx(n.TitleMedium,Object.assign({color:s.COLORS.background.negative.vibrant},{children:"Demo Store Limitations"})),e.jsxRuntimeExports.jsx(n.BodyPrimary,{children:null!=m?m:"Apologies, but you are unable to save or take any actions as you are currently in the demo store."})]})):e.jsxRuntimeExports.jsxs("div",Object.assign({className:"content-layout"},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"left-content"},{children:e.jsxRuntimeExports.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.jsxRuntimeExports.jsxs("div",Object.assign({className:"right-content"},{children:[e.jsxRuntimeExports.jsx(n.TitleMedium,{children:"Connect Shopify "}),e.jsxRuntimeExports.jsx(n.BodyPrimary,Object.assign({style:{maxWidth:432}},{children:null!=x?x:"Connect Shopify to publish your bot on your Shopify store. Or, explore our demo store to see it in action."})),e.jsxRuntimeExports.jsxs("div",Object.assign({className:"cta-button-container"},{children:[e.jsxRuntimeExports.jsx(i.Button,{buttonText:"Connect shopify",buttonType:"primary",size:"small",onClick:()=>j("shopify")}),e.jsxRuntimeExports.jsx(i.Button,{buttonText:"View demo store",buttonType:"secondary",size:"small",onClick:()=>j("demo")})]}))]}))]}))]})})),document.body)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react-dom"),o=require("../../constants/Theme.js"),i=require("../../assets/icons/cross.svg.js"),n=require("../button/Button.js"),r=require("../TypographyStyle.js"),s=require("./CommonStyles.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(t);exports.ShowShopifyRestrictedModal=t=>{const{zIndex:a,containerType:l,handleButtonClick:d,triggerPosition:u,connectShopifyDescription:h,demoDescription:m}=t,y=e=>{d(e)},p=u&&window.innerHeight-u.top<100,x=u?{position:"fixed",top:p?"auto":u.top,bottom:p?"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 c.default.createPortal(e.jsx(s.FeatureModalContainer,{zIndex:a,resetHeight:!0,style:x,relativePostion:!!u,children:e.jsxs(s.RelativeModalContainer,{children:[e.jsx("div",{className:"cross-container",onClick:()=>y("close"),"aria-hidden":"true",children:e.jsx(i.default,{height:24,width:24,color:"#000000"})}),"demo_store"==l?e.jsxs("div",{className:"demo-container",children:[e.jsx(r.TitleMedium,{color:o.COLORS.background.negative.vibrant,children:"Demo Store Limitations"}),e.jsx(r.BodyPrimary,{children:null!=m?m:"Apologies, but you are unable to save or take any actions as you are currently in the demo store."})]}):e.jsxs("div",{className:"content-layout",children:[e.jsx("div",{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",{className:"right-content",children:[e.jsx(r.TitleMedium,{children:"Connect Shopify "}),e.jsx(r.BodyPrimary,{style:{maxWidth:432},children:null!=h?h:"Connect Shopify to publish your bot on your Shopify store. Or, explore our demo store to see it in action."}),e.jsxs("div",{className:"cta-button-container",children:[e.jsx(n.Button,{buttonText:"Connect shopify",buttonType:"primary",size:"small",onClick:()=>y("shopify")}),e.jsx(n.Button,{buttonText:"View demo store",buttonType:"secondary",size:"small",onClick:()=>y("demo")})]})]})]})]})}),document.body)};

package/dist/cjs/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/cjs/components/bik-layout/SidebarPopup.js

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),s=require("../shimmer/ShimmerComponent/BikShimmer.js"),i=require("./SidebarStyles.js");exports.SidebarSkeleton=r=>{const{width:t,zIndex:n,left:m,theme:a}=r;return e.jsxRuntimeExports.jsx(i.SimpleSidebarContainer,Object.assign({width:t,zIndex:n,left:m,theme:a},{children:e.jsxRuntimeExports.jsx("div",Object.assign({className:"sidebar-right-menu"},{children:[...new Array(2)].map((()=>0)).map((i=>e.jsxRuntimeExports.jsx("div",Object.assign({className:"sidebar-skeleton"},{children:e.jsxRuntimeExports.jsx(s.BikShimmer,{boxes:[{height:"24px",width:"100%"},{height:"24px",width:"100%"}],isBrand:"brand"===a})}),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/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/cjs/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/cjs/components/bik-layout/SimpleSidebar.js

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

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