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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,270 +0,0 @@
-import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const t=e.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;
-	}
-`,o=e.div`
-	margin: 0px 0px 16px;
-`,n=e.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: ${i.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: ${i.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: ${i.content.secondaryInverse};
-			margin-bottom: 0px;
-			text-align: center;
-		}
-		.active-menu-item-text {
-			color: ${i.background.warning.vibrant};
-		}
-	}
-	.main-menu-active-class {
-		border-radius: 10px;
-		background-color: #381062;
-		color: ${i.background.warning.vibrant};
-	}
-	.sidebar-menu-item-hover {
-		background: #381062;
-		border-radius: 8px;
-	}
-	.sidebar-menu-item:hover {
-		background: #381062;
-		border-radius: 8px;
-	}
-`,r=e.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":i.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?i.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?i.background.warning.vibrant:"white"};
-		}
-		.active-bold-weight {
-			font-weight: 600;
-			color: ${e=>e.isNewSidebar?i.background.warning.vibrant:""};
-		}
-		.sub-child-active-menu-style {
-			color: ${e=>e.isNewSidebar?i.background.warning.vibrant:""};
-		}
-	}
-	.sub-child-menu:hover {
-		background: ${e=>"brand"==e.theme?i.background.inverseLight:i.background.base};
-		border-radius: 8px;
-	}
-	.sub-child-active-menu {
-		background: ${e=>"brand"==e.theme?i.background.inverseLight:i.background.base};
-		border-radius: 8px;
-	}
-	.sub-child-display-name {
-		padding: 14px 12px;
-		color: ${e=>"brand"==e.theme?i.content.secondaryInverse:i.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;
-	}
-`,a=e.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":i.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: ${i.background.base};
-			border-radius: 8px;
-		}
-	}
-`;export{o as MainSideBarMenuWrapper,n as SibeBarMenuItem,t as SideBarContainer,a as SidebarPopupContainer,r as SimpleSidebarContainer};

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

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

package/dist/esm/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/esm/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/esm/components/buttonGroup/ButtonGroup.js

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

package/dist/esm/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/esm/components/buttonGroup/ButtonGroupStyle.js

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

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

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

package/dist/esm/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/esm/components/card-selector/CardSelector.js

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

package/dist/esm/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>;