@bikdotai/bik-component-library 0.0.77-4.beta.0.9 → 0.0.78

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

@@ -1,14 +0,0 @@
-/// <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>;

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

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

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

@@ -1,13 +0,0 @@
-/// <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>;

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

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

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

@@ -1,93 +0,0 @@
-/// <reference types="react" />
-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;
-})[];

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

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

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

@@ -1 +0,0 @@
-"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=i=>e.jsx(a.LoaderWrapper,{children:e.jsxs("div",Object.assign({className:"inner"},{children:[e.jsx("span",{className:"loader"}),i.message&&e.jsxs(a.LoadingMessageWrapper,{children:[e.jsx(r.TitleMedium,{children:i.message}),e.jsx(r.BodyPrimary,Object.assign({style:{color:s.DEFAULT_THEME.colorsV2.content.secondary,marginTop:8}},{children:i.subMessage}))]})]}))});

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

@@ -1,13 +0,0 @@
-/// <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>;

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

@@ -1 +0,0 @@
-"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"),s=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:d,triggerPosition:u,connectShopifyDescription:h,demoDescription:m}=t,b=e=>{d(e)},j=u&&window.innerHeight-u.top<100,y=u?{position:"fixed",top:j?"auto":u.top,bottom:j?"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(r.FeatureModalContainer,Object.assign({zIndex:a,resetHeight:!0,style:y,relativePostion:!!u},{children:e.jsxs(r.RelativeModalContainer,{children:[e.jsx("div",Object.assign({className:"cross-container",onClick:()=>b("close"),"aria-hidden":"true"},{children:e.jsx(i.default,{height:24,width:24,color:"#000000"})})),"demo_store"==l?e.jsxs("div",Object.assign({className:"demo-container"},{children:[e.jsx(n.TitleMedium,Object.assign({color:o.COLORS.background.negative.vibrant},{children:"Demo Store Limitations"})),e.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.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(n.TitleMedium,{children:"Connect Shopify "}),e.jsx(n.BodyPrimary,Object.assign({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",Object.assign({className:"cta-button-container"},{children:[e.jsx(s.Button,{buttonText:"Connect shopify",buttonType:"primary",size:"small",onClick:()=>b("shopify")}),e.jsx(s.Button,{buttonText:"View demo store",buttonType:"secondary",size:"small",onClick:()=>b("demo")})]}))]}))]}))]})})),document.body)};

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

@@ -1,12 +0,0 @@
-/// <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>;

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

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

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

@@ -1,9 +0,0 @@
-/// <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>;

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

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

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

@@ -1,21 +0,0 @@
-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>;

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

@@ -1,270 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);const n=o.default.div`
-	background-color: #28034e;
-	width: 88px;
-	justify-content: space-between;
-	position: sticky;
-	top: 0;
-	left: 0;
-	z-index: 10;
-	overflow-y: auto;
-	height: 100vh;
-
-	.bik-header-logo {
-		padding: 8px 8px 0 8px;
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-		align-items: center;
-		width: 100%;
-		cursor: pointer;
-		img {
-			width: 100%;
-			height: 100%;
-			object-fit: container;
-		}
-	}
-
-	.sticky-menu {
-		@media (min-height: 768px) {
-			position: absolute;
-			bottom: 0px;
-			width: 85%;
-		}
-	}
-	.sticky-menu-int {
-		@media (min-height: 768px) {
-			position: absolute;
-			bottom: 64px;
-			width: 85%;
-		}
-	}
-
-	.sticky-menu-three {
-		@media (min-height: 768px) {
-			position: absolute;
-			bottom: 128px;
-			width: 85%;
-		}
-	}
-
-	.new-menu-item {
-		padding-top: 14px;
-	}
-`,r=o.default.div`
-	margin: 0px 0px 16px;
-`,a=o.default.div`
-	.main--sidebar {
-		overflow-y: auto;
-		padding: 0px 8px;
-		margin-bottom: 6px;
-		> * {
-			gap: 8px;
-		}
-	}
-	.locked--channel {
-		position: absolute;
-		right: 10px;
-		margin-top: -5px;
-	}
-
-	.new-tag {
-		position: absolute;
-		right: 5px;
-		background: ${t.COLORS.stroke.warning.vibrant} !important;
-		font-size: 7.7px;
-		font-family: 'Inter';
-		line-height: 10px;
-		padding: 2px 9.27px 2px 9.27px;
-		border-radius: 16px 16px 0px 16px;
-		background: ${t.COLORS.background.inverse};
-	}
-
-	.tag-sticky {
-		@media (min-height: 768px) {
-			bottom: 116px;
-			z-index: 1;
-		}
-	}
-	.tag-sticky-2 {
-		@media (min-height: 768px) {
-			bottom: 48px;
-			z-index: 1;
-		}
-	}
-
-	.sidebar-menu-item {
-		display: flex;
-		flex-direction: column;
-		border-radius: 10px;
-		align-items: center;
-		justify-content: space-around;
-		cursor: pointer;
-		> * {
-			gap: 10px;
-		}
-		padding: 8px;
-	}
-
-	.menu-item-container {
-		display: flex;
-		flex-direction: row;
-		cursor: pointer;
-		.menu-item-text {
-			font-family: 'Inter';
-			font-style: normal;
-			font-weight: 400;
-			font-size: 12px;
-			line-height: 16px;
-			user-select: none;
-			color: ${t.COLORS.content.secondaryInverse};
-			margin-bottom: 0px;
-			text-align: center;
-		}
-		.active-menu-item-text {
-			color: ${t.COLORS.background.warning.vibrant};
-		}
-	}
-	.main-menu-active-class {
-		border-radius: 10px;
-		background-color: #381062;
-		color: ${t.COLORS.background.warning.vibrant};
-	}
-	.sidebar-menu-item-hover {
-		background: #381062;
-		border-radius: 8px;
-	}
-	.sidebar-menu-item:hover {
-		background: #381062;
-		border-radius: 8px;
-	}
-`,d=o.default.div`
-	.transform-class {
-		position: relative;
-		animation: animatebottom 0.5s;
-		transition-timing-function: ease-in;
-	}
-	@keyframes animatebottom {
-		from {
-			width: 88px;
-			opacity: 0;
-		}
-
-		to {
-			width: 200px;
-			opacity: 1;
-		}
-	}
-	.sidebar-right-menu {
-		position: ${e=>e.postion?e.postion:"sticky"};
-		top: ${e=>e.top?e.top:0}px;
-		left: ${e=>e.left?e.left:0}px; //88
-		width: ${e=>e.width?e.width:240}px;
-		z-index: ${e=>e.zIndex?e.zIndex:2};
-		background-color: ${e=>"brand"==e.theme?"#381062":t.COLORS.surface.standard};
-		height: ${e=>e.isNewSidebar?"fit-content":"100vh"};
-		display: flex;
-		flex-direction: column;
-		padding: 8px;
-		border-radius: ${e=>e.isNewSidebar?"12px":""};
-	}
-
-	.sub-child-menu {
-		display: flex;
-		align-items: center;
-		justify-content: flex-start;
-		margin-bottom: ${e=>e.isNewSidebar?"":"8px"};
-		cursor: pointer;
-		.sub-child-text {
-			color: ${e=>"brand"==e.theme?t.COLORS.surface.standard:""};
-			margin-bottom: 0px;
-			padding: 8px 12px;
-			white-space: nowrap;
-			overflow: hidden;
-			text-overflow: ellipsis;
-		}
-		.sub-child-new-tag {
-			padding: 2px 9px 2px 9px;
-			border-radius: 16px;
-			background-color: rgba(254, 192, 45, 1);
-			font-family: Inter;
-			font-size: 7px;
-			font-weight: 600;
-			line-height: 10px;
-			color: rgba(40, 3, 78, 1);
-		}
-		.sub-child-active-text {
-			border-radius: 0px 4px 4px 0px;
-			width: 2px;
-			height: 12px;
-			background: ${e=>e.isNewSidebar?t.COLORS.background.warning.vibrant:"white"};
-		}
-		.active-bold-weight {
-			font-weight: 600;
-			color: ${e=>e.isNewSidebar?t.COLORS.background.warning.vibrant:""};
-		}
-		.sub-child-active-menu-style {
-			color: ${e=>e.isNewSidebar?t.COLORS.background.warning.vibrant:""};
-		}
-	}
-	.sub-child-menu:hover {
-		background: ${e=>"brand"==e.theme?t.COLORS.background.inverseLight:t.COLORS.background.base};
-		border-radius: 8px;
-	}
-	.sub-child-active-menu {
-		background: ${e=>"brand"==e.theme?t.COLORS.background.inverseLight:t.COLORS.background.base};
-		border-radius: 8px;
-	}
-	.sub-child-display-name {
-		padding: 14px 12px;
-		color: ${e=>"brand"==e.theme?t.COLORS.content.secondaryInverse:t.COLORS.text.secondary};
-	}
-	.lower-sticky-panel {
-		position: ${e=>e.isNewSidebar?"relative":"absolute"};
-		bottom: ${e=>e.isNewSidebar?"":"16px"};
-		margin-top: ${e=>e.isNewSidebar?"auto":""};
-		margin-bottom: ${e=>e.isNewSidebar?"16px":""};
-		.title-text {
-			padding: 8px 12px;
-			text-align: center;
-		}
-		.upgrade-button {
-			margin: auto;
-		}
-	}
-	.sidebar-skeleton {
-		padding: 8px;
-	}
-`,p=o.default.div`
-	.sidebar-right-menu {
-		border-radius: 4px;
-		border: 0.5px solid var(--stroke-color-stroke-primary, #e0e0e0);
-		box-shadow: 0px 0px 12px 0px rgba(222, 236, 255, 0.6);
-		position: ${e=>e.postion?e.postion:"sticky"};
-		top: ${e=>e.top?e.top:void 0}px;
-		bottom: 10px;
-		left: ${e=>e.left?e.left:0}px; //88
-		z-index: ${e=>e.zIndex?e.zIndex:2};
-		background-color: ${e=>"brand"==e.theme?"#381062":t.COLORS.surface.standard};
-		display: flex;
-		flex-direction: column;
-		padding: 12px;
-		gap: 4px;
-		min-height: 100px;
-		overflow-y: auto;
-	}
-	.each-menu {
-		padding: 8px;
-		gap: 4px;
-		display: flex;
-		flex-direction: column;
-		justify-content: flex-start;
-		align-items: flex-start;
-		border-bottom: 0.5px solid #e0e0e0;
-		cursor: pointer;
-		max-width: 320px;
-		:hover {
-			background-color: ${t.COLORS.background.base};
-			border-radius: 8px;
-		}
-	}
-`;exports.MainSideBarMenuWrapper=r,exports.SibeBarMenuItem=a,exports.SideBarContainer=n,exports.SidebarPopupContainer=p,exports.SimpleSidebarContainer=d;

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

@@ -1,29 +0,0 @@
-/// <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>;

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

@@ -1 +0,0 @@
-"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"),t=require("../TypographyStyle.js"),r=require("./SidebarStyles.js");exports.SimpleSidebar=l=>{const{menuList:d,activeMenu:c,theme:o,showAccessUpgradePanel:u=!1,header:h,width:p,zIndex:b,left:j,postion:m,top:v,router:g,onMouseLeaveOnMenu:y,onMouseEnterOnMenu:x,onMenuClick:N,onUpgrade:O,isNewSidebar:S}=l,[k,w]=s.useState(c),M=(s,i)=>e.jsxs("div",Object.assign({className:"sub-child-menu  "+((null==k?void 0:k.key)==(null==s?void 0:s.key)?"sub-child-active-menu":""),onClick:()=>{w(s),N(s,!s.page)},"aria-hidden":"true"},{children:[e.jsx("span",{className:(null==k?void 0:k.key)==(null==s?void 0:s.key)&&"brand"==o?"sub-child-active-text":""}),e.jsx(t.BodySecondary,Object.assign({className:"sub-child-text "+((null==k?void 0:k.key)==(null==s?void 0:s.key)&&"white"==o?"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.SimpleSidebarContainer,Object.assign({width:p,zIndex:b,left:j,theme:o,postion:m,top:v,isNewSidebar:S},{children:e.jsxs("div",Object.assign({id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:y,onMouseEnter:x},{children:[e.jsxs("div",{children:[!S&&e.jsx(t.BodySecondary,Object.assign({className:"sub-child-display-name"},{children:h})),null==d?void 0:d.map(((s,i)=>s.page?e.jsx(n.NavigationHyperlink,Object.assign({href:s.page,router:g},{children:M(s,i)})):M(s,i)))]}),u&&e.jsxs("div",Object.assign({className:"lower-sticky-panel"},{children:[e.jsx(t.TitleSmall,Object.assign({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:()=>O?O():""})]}))]}),"_sub-menu")}))};

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

@@ -1,9 +0,0 @@
-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/buttonGroup/ButtonGroup.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-export interface ButtonGroupInterface {
-    id: string;
-    title: string;
-    icon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-}
-export interface ButtonGroupProps {
-    id?: string;
-    width?: string;
-    gap?: string;
-    iconWidth?: string;
-    iconHeight?: string;
-    iconPosition?: 'left' | 'right' | 'top';
-    onButtonClick: (buttonId: string) => void;
-    activeButtonId?: string;
-    buttonGroup: Array<ButtonGroupInterface>;
-    size: 'small' | 'medium' | 'large';
-    matchParentWidth?: boolean;
-    borderRadius?: string;
-    backgroundColor?: string;
-}
-export declare const ButtonGroup: React.FC<ButtonGroupProps>;

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

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

package/dist/cjs/components/buttonGroup/ButtonGroupStyle.d.ts

@@ -1,14 +0,0 @@
-export declare const ButtonGroupStyle: import("styled-components").StyledComponent<"div", any, {
-    width: string | undefined;
-    size: 'small' | 'medium' | 'large';
-    gap: string | undefined;
-    iconPosition?: "left" | "right" | "top" | undefined;
-}, never>;
-export declare const Button: import("styled-components").StyledComponent<"div", any, {
-    isActive: boolean;
-    matchParentWidth: boolean;
-    borderRadius: string;
-    iconPosition?: "left" | "right" | "top" | undefined;
-    size: 'small' | 'medium' | 'large';
-    backgroundColor?: string | undefined;
-}, never>;

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

@@ -1,34 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);const n={small:"8px 12px",medium:"10px 12px",large:"14px 12px"},r={small:"36px",medium:"40px",large:"48px"},s=o.default.div`
-	display: flex;
-	flex-direction: row;
-	width: ${e=>e.width||"100%"};
-	height: ${e=>"top"===e.iconPosition?"auto":e.size?r[e.size]:"36px"};
-	min-height: ${e=>"top"===e.iconPosition?e.size?r[e.size]:"36px":"auto"};
-	gap: ${e=>e.gap||"12px"};
-`,p=o.default.div`
-	display: flex;
-	flex-direction: ${e=>"top"!==e.iconPosition?"left"===e.iconPosition?"row":"row-reverse":"column"};
-	flex: ${e=>e.matchParentWidth?1:"unset"};
-	height: ${e=>"top"===e.iconPosition?"auto":"100%"};
-	min-height: ${e=>"top"===e.iconPosition?"100%":"auto"};
-	background: ${e=>e.isActive?t.COLORS.background.brandLight:e.backgroundColor};
-	border: 1px solid
-		${e=>e.isActive?t.COLORS.background.inverseLight:t.COLORS.stroke.primary};
-	border-radius: ${e=>e.borderRadius};
-	align-items: center;
-	justify-content: center;
-	padding: ${e=>e.size?n[e.size]:"8px 10px"};
-	gap: ${e=>e.iconPosition&&"top"!==e.iconPosition?"10px":"2px"};
-	.button {
-		align-items: center;
-		justify-content: center;
-		&__image {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-		}
-	}
-	:hover {
-		cursor: pointer;
-	}
-`;exports.Button=p,exports.ButtonGroupStyle=s;

package/dist/cjs/components/buttonGroup/index.d.ts

@@ -1 +0,0 @@
-export * from './ButtonGroup';

package/dist/cjs/components/card-selector/CardSelector.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-export type CardSelectorProps = {
-    id: number;
-    icon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    title?: string;
-    subtitle?: string;
-    selected: boolean;
-    loading?: boolean;
-    disabled?: boolean;
-    dataTestId?: string;
-    tooltip?: string;
-};
-type CardSelectorInternalProps = CardSelectorProps & {
-    onCardClick: (id: number) => void;
-};
-export declare const CardSelector: React.FC<CardSelectorInternalProps>;
-export {};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),i=require("../spinner/Spinner.js"),l=require("../tooltips/Tooltip.js"),n=require("../TypographyStyle.js"),s=require("./CardSelector.styled.js");const d=l=>e.jsx(e.Fragment,{children:l.loading?e.jsx(s.Loader,{children:e.jsx(i.Spinner,{size:"large"})}):e.jsxs(e.Fragment,{children:[(null==l?void 0:l.icon)&&e.jsx("div",Object.assign({style:{width:24,height:24}},{children:e.jsx(l.icon,{width:24,color:l.selected?t.COLORS.content.brand:l.disabled?t.COLORS.content.inactive:t.COLORS.content.placeholder})})),e.jsxs("div",Object.assign({"data-test":null==l?void 0:l.dataTestId},{children:[l.title&&e.jsx(n.TitleSmall,Object.assign({style:{color:l.selected?t.COLORS.content.brand:l.disabled?t.COLORS.content.inactive:t.COLORS.content.secondary}},{children:l.title})),l.subtitle&&e.jsx(n.BodyCaption,Object.assign({style:{marginTop:l.title?4:0,color:l.selected?t.COLORS.content.brand:l.disabled?t.COLORS.content.inactive:t.COLORS.content.secondary}},{children:l.subtitle}))]}))]})});exports.CardSelector=t=>{var i,n,o,r;return e.jsx(e.Fragment,{children:t.tooltip?e.jsx(l.Tooltip,Object.assign({title:t.tooltip},{children:e.jsx(s.Container,Object.assign({style:{alignItems:t.title&&t.subtitle?"flex-start":"center"},selected:t.selected,disabled:null!==(i=t.disabled)&&void 0!==i&&i,loading:null!==(n=t.loading)&&void 0!==n&&n,onClick:()=>{t.disabled||t.loading||t.onCardClick(t.id)},isTooltipPresent:!!t.tooltip},{children:e.jsx(d,Object.assign({},t))}))})):e.jsx(s.Container,Object.assign({style:{alignItems:t.title&&t.subtitle?"flex-start":"center"},selected:t.selected,disabled:null!==(o=t.disabled)&&void 0!==o&&o,loading:null!==(r=t.loading)&&void 0!==r&&r,onClick:()=>{t.disabled||t.loading||t.onCardClick(t.id)},isTooltipPresent:!!t.tooltip},{children:e.jsx(d,Object.assign({},t))}))})};

package/dist/cjs/components/card-selector/CardSelector.styled.d.ts

@@ -1,7 +0,0 @@
-export declare const Container: import("styled-components").StyledComponent<"div", any, {
-    selected: boolean;
-    disabled: boolean;
-    loading: boolean;
-    isTooltipPresent?: boolean | undefined;
-}, never>;
-export declare const Loader: import("styled-components").StyledComponent<"div", any, {}, never>;