@bikdotai/bik-component-library 0.0.783-beta.5 → 0.0.783-beta.7

package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChip.model.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-export interface AnalyticsChipInterface {
-    title: string;
-    primaryValue: string;
-    backgroundColor?: string;
-    captionColor?: string;
-    titleColor?: string;
-    width?: number | string;
-    extraJSX?: JSX.Element;
-    tooltipContent?: string;
-    style?: React.CSSProperties;
-    channelConfig?: {
-        whatsapp?: string;
-        instagram?: string;
-        email?: string;
-        sms?: string;
-    };
-}

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LazyCharts.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const LazyVerticalGraph: React.LazyExoticComponent<React.FC<import("./VerticalBarGraph/VerticalGraph").VerticalGraphI>>;

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LazyCharts.js

@@ -1 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const r=e(require("react")).default.lazy((()=>Promise.resolve().then((function(){return require("./VerticalBarGraph/VerticalGraph.js")})).then((e=>({default:e.VerticalGraph})))));exports.LazyVerticalGraph=r;

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

@@ -1,33 +0,0 @@
-import React from 'react';
-import { Menu } from './SidebarV2.model';
-export interface MenuItemV2 {
-    key: string | number;
-    displayName: string;
-    icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    activeIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    hoverIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    isLastSticky?: boolean;
-    is2ndLastSticky?: boolean;
-    children?: Menu[];
-    showAccessUpgradePanel?: boolean;
-    path?: string;
-    layout?: 'fullScreen' | 'popup' | string | undefined;
-    isNew?: boolean;
-    isLocked?: boolean;
-}
-export interface BikSidebarV2Props {
-    logoSvg?: JSX.Element;
-    allMenuList: MenuItemV2[];
-    activeMainMenu: MenuItemV2;
-    activeSubMenu: Menu;
-    router: any;
-    onClickingMainMenu: (menu: MenuItemV2) => void;
-    onClickingSubMenu: (subMenu: Menu) => void;
-    onClickingAccessUpgradePanel?: () => void;
-    onClickingPopupMenuItem?: (menu: Menu) => void;
-    popupMinHeight?: number;
-    isNewSidebar?: boolean;
-    onboardingPercentage?: number;
-    menuStyle?: React.CSSProperties;
-}
-export declare const BikSidebarV2: React.FC<BikSidebarV2Props>;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../../assets/icons/Bik_logo.svg.js"),n=require("../../../assets/icons/locked.svg.js"),t=require("react"),o=require("../../progress-bar/CircularProgressBar.js"),s=require("../../../constants/Theme.js"),r=require("../../navigation-hyperlink/NavigationHyperlink.js"),l=require("./SidebarV2Popup.js"),u=require("./SidebarV2Styles.js"),d=require("./SimpleSidebarV2.js");const a=i=>{const{icon:n,isActive:t,activeStateIcon:o,hoverStateIcon:r,isHovered:l}=i,u=n,d=o,a=r;return e.jsx(e.Fragment,{children:t&&l||t?e.jsx(d,{width:16,height:16,color:s.COLORS.content.primaryInverse}):l?e.jsx(a,{width:16,height:16,color:s.COLORS.content.primaryInverse}):e.jsx(u,{width:16,height:16,color:s.COLORS.content.secondaryInverse})})},c=i=>{let{option:t,index:o,onClickMainMenuLogic:s,setHandleHoverForFullLayout:r,isDisabled:l,mainActiveMenu:d,hoveredComp:c,popupMenu:v,onMouseLeaveMenuItem:p}=i;var g,h,S,y,k,m;return e.jsx(u.SibeBarV2MenuItem,{children:e.jsxs(u.SidebarMainMenu,Object.assign({id:(null===(h=null===(g=t.displayName)||void 0===g?void 0:g.split(" "))||void 0===h?void 0:h.join(""))||t.key.toString(),onClick:()=>!l&&s(t),onMouseEnter:()=>{r(t)},onMouseLeave:p,onFocus:()=>{},"aria-hidden":"true"},{children:[t.isNew&&e.jsx(u.SidebarNewTag,Object.assign({isLastSticky:t.isLastSticky},{children:"NEW"})),t.isLocked&&e.jsx(u.SidebarLockedChannel,Object.assign({isLastSticky:t.isLastSticky,is2ndLastSticky:t.is2ndLastSticky},{children:e.jsx(n.default,{height:16,width:16})})),e.jsxs(u.SidebarMenuItemInner,Object.assign({id:(null===(y=null===(S=t.displayName)||void 0===S?void 0:S.split(" "))||void 0===y?void 0:y.join(""))+"_sub"||t.key.toString()+"_sub",isActive:(null==d?void 0:d.key)===t.key,isLastSticky:t.isLastSticky,is2ndLastSticky:t.is2ndLastSticky,isHovered:t.key===(null==c?void 0:c.key),isNew:t.isNew},{children:[e.jsx(a,{icon:t.icon,isActive:t.key==(null==d?void 0:d.key),activeStateIcon:null!==(k=t.activeIcon)&&void 0!==k?k:{},hoverStateIcon:null!==(m=t.hoverIcon)&&void 0!==m?m:{},isHovered:t.key==(null==c?void 0:c.key)||t.key==(null==v?void 0:v.key)}),e.jsx(u.SidebarMenuItemContainer,{children:e.jsx(u.SidebarMenuItemText,Object.assign({isActive:(null==t?void 0:t.key)===(null==d?void 0:d.key)},{children:t.displayName}))})]}),o)]}),o)})};exports.BikSidebarV2=n=>{const{logoSvg:s,allMenuList:a,activeMainMenu:v,activeSubMenu:p,router:g,onClickingMainMenu:h,onClickingSubMenu:S,onClickingAccessUpgradePanel:y,onClickingPopupMenuItem:k,popupMinHeight:m,isNewSidebar:M,menuStyle:b}=n,[j,x]=t.useState(v),[L,C]=t.useState(),[w,I]=t.useState(p),[f,O]=t.useState(!1),[H,N]=t.useState(),[B,P]=t.useState(),[E,q]=t.useState(),A=t.useRef(null),F=t.useMemo((()=>a.filter((e=>e.is2ndLastSticky||e.isLastSticky)).length),[a]);t.useEffect((()=>{x(v)}),[v]),t.useEffect((()=>{I(p)}),[p]);const V=t.useCallback((e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(N(void 0),C(void 0),O(!0),x(e),e.path||h(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?I(null==e?void 0:e.children[0]):I({}),C(void 0),setTimeout((()=>{O(!1)}),1e3))}),[h]),_=t.useCallback((e=>{var i,n;if(D(),C(void 0),N(void 0),"popup"==(null==e?void 0:e.layout)){const i=z();i&&P(i),N(e)}else{const t=document.getElementById((null===(n=null===(i=e.displayName)||void 0===i?void 0:i.split(" "))||void 0===n?void 0:n.join(""))||e.key.toString());if(t){const i=R(t,e);q(i)}C(e)}}),[]),R=(e,i)=>{const n=e.getBoundingClientRect();let t=n.top;if(window.innerHeight<=768)return t;if(i.isLastSticky||i.is2ndLastSticky){const e=window.innerHeight-n.bottom;t=n.top+e-200}return t};t.useEffect((()=>{const e=()=>{const e=z();e&&P(e),T()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const T=()=>{const e=document.getElementById("_sub-menu"),i=null==e?void 0:e.getBoundingClientRect().height;i&&q(window.innerHeight-i)},D=t.useCallback((()=>{A.current&&(clearTimeout(A.current),A.current=null)}),[]),U=t.useCallback((()=>{D(),A.current=setTimeout((()=>{C(void 0),N(void 0)}),150)}),[D]),z=()=>{var e,i;if(H){const n=(null===(i=null===(e=H.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||H.key.toString()+"_sub",t=document.getElementById(n);if(t){const e=t.getBoundingClientRect();let i=e.top;const n=null!=m?m:320;return e.bottom+n>window.innerHeight&&(i-=e.bottom+n-window.innerHeight),i}return null}};return e.jsxs(u.SideBarV2Container,{children:[e.jsx("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:s||e.jsx(i.default,{})})),e.jsxs(u.MainSideBarV2MenuWrapper,Object.assign({style:b},{children:[null==a?void 0:a.map(((i,n)=>{var o,s;return e.jsxs(t.Fragment,{children:[i.path?e.jsx(r.NavigationHyperlink,Object.assign({href:i.path,router:g},{children:e.jsx(c,{option:i,index:n,onClickMainMenuLogic:V,setHandleHoverForFullLayout:_,isDisabled:f,setHoveredComp:C,setPopupMenu:N,mainActiveMenu:j,hoveredComp:L,popupMenu:H,onMouseLeaveMenuItem:U})})):e.jsx(c,{option:i,index:n,onClickMainMenuLogic:V,setHandleHoverForFullLayout:_,isDisabled:f,setHoveredComp:C,setPopupMenu:N,mainActiveMenu:j,hoveredComp:L,popupMenu:H,onMouseLeaveMenuItem:U}),e.jsxs(e.Fragment,{children:["popup"===i.layout&&(null===(o=null==H?void 0:H.children)||void 0===o?void 0:o.length)&&e.jsx(l.SidebarV2Popup,{top:null!=B?B:void 0,menuList:null==H?void 0:H.children,onClickingPopupMenu:e=>{k&&k(e),N(void 0)},onMouseEnterOnMenu:D,onMouseLeaveOnMenu:U}),(null===(s=null==L?void 0:L.children)||void 0===s?void 0:s.length)&&e.jsx(d.SimpleSidebarV2,{menuList:null==L?void 0:L.children,width:200,activeMenu:w,onMouseEnterOnMenu:D,onMouseLeaveOnMenu:()=>C(void 0),left:78,postion:"fixed",header:L.displayName,theme:"brand",router:g,showAccessUpgradePanel:L.showAccessUpgradePanel,onMenuClick:(e,i)=>{I(e),x(L),C(void 0),N(void 0),i&&S(e)},onUpgrade:y,top:M&&E||0,isNewSidebar:M})]})]},n)})),"number"==typeof n.onboardingPercentage&&e.jsx(u.SibeBarV2MenuItem,{children:e.jsx(u.SidebarMainMenu,{children:e.jsx(u.SidebarMenuItemInner,Object.assign({id:"bik-onboarding__checklist",stickyBottom:0===F?0:1===F?64:128},{children:e.jsx(o.default,{percentage:n.onboardingPercentage,width:48})}))})})]}))]})};

package/dist/cjs/components/bik-layout/BikSidebarV2/SidebarV2.model.d.ts

@@ -1,27 +0,0 @@
-export interface Menu {
-    key: string | number;
-    displayName: string;
-    description?: string;
-    path?: string;
-    page?: string;
-    isNew?: string;
-}
-export type SidebarV2Theme = 'brand' | 'white';
-export interface SimpleSidebarV2Props {
-    menuList: Menu[];
-    activeMenu: Menu;
-    theme: SidebarV2Theme;
-    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;
-}

package/dist/cjs/components/bik-layout/BikSidebarV2/SidebarV2Popup.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { Menu } from './SidebarV2.model';
-export interface SidebarV2PopupI {
-    menuList: Menu[];
-    width?: number;
-    zIndex?: number;
-    left?: number;
-    top?: number;
-    onMouseLeaveOnMenu?: () => void;
-    onMouseEnterOnMenu?: () => void;
-    onClickingPopupMenu: (menuSelected: Menu, reDirect?: boolean) => void;
-}
-export declare const SidebarV2Popup: React.FC<SidebarV2PopupI>;

package/dist/cjs/components/bik-layout/BikSidebarV2/SidebarV2Popup.js

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

package/dist/cjs/components/bik-layout/BikSidebarV2/SidebarV2Styles.d.ts

@@ -1,44 +0,0 @@
-import { SidebarV2Theme } from './SidebarV2.model';
-export declare const SideBarV2Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MainSideBarV2MenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SibeBarV2MenuItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SidebarMainMenu: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SidebarNewTag: import("styled-components").StyledComponent<"div", any, {
-    isLastSticky?: boolean | undefined;
-}, never>;
-export declare const SidebarLockedChannel: import("styled-components").StyledComponent<"div", any, {
-    isLastSticky?: boolean | undefined;
-    is2ndLastSticky?: boolean | undefined;
-}, never>;
-export declare const SidebarMenuItemInner: import("styled-components").StyledComponent<"div", any, {
-    isActive?: boolean | undefined;
-    isHovered?: boolean | undefined;
-    isNew?: boolean | undefined;
-    isLastSticky?: boolean | undefined;
-    is2ndLastSticky?: boolean | undefined;
-    stickyBottom?: number | undefined;
-}, never>;
-export declare const SidebarMenuItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SidebarMenuItemText: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-} & {
-    isActive?: boolean | undefined;
-}, never>;
-export declare const SimpleSidebarV2Container: import("styled-components").StyledComponent<"div", any, {
-    postion?: "fixed" | "sticky" | undefined;
-    top?: number | undefined;
-    theme: SidebarV2Theme;
-    width?: number | undefined;
-    zIndex?: number | undefined;
-    left?: number | undefined;
-    isNewSidebar?: boolean | undefined;
-}, never>;
-export declare const SidebarV2PopupContainer: import("styled-components").StyledComponent<"div", any, {
-    postion?: "fixed" | "sticky" | undefined;
-    top?: number | undefined;
-    theme: SidebarV2Theme;
-    zIndex?: number | undefined;
-    left?: number | undefined;
-    bottom?: number | undefined;
-}, never>;

package/dist/cjs/components/bik-layout/BikSidebarV2/SidebarV2Styles.js

@@ -1,282 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);const n=o.default.div`
-	background-color: #28034e;
-	width: 72px;
-	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;
-		}
-	}
-`,a=o.default.div`
-	margin: 0px 0px 16px;
-`,d=o.default.div``,s=o.default.div`
-	overflow-y: auto;
-	padding: 0px 8px;
-	margin-bottom: 6px;
-	> * {
-		gap: 4px;
-	}
-`,p=o.default.div`
-	position: absolute;
-	right: 5px;
-	background: ${i.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: ${i.COLORS.background.inverse};
-	${t=>{let{isLastSticky:i}=t;return i&&e.css`
-			@media (min-height: 768px) {
-				bottom: 116px;
-				z-index: 1;
-			}
-		`}}
-`,b=o.default.div`
-	position: absolute;
-	right: 10px;
-	margin-top: -5px;
-	${t=>{let{isLastSticky:i}=t;return i&&e.css`
-			@media (min-height: 768px) {
-				bottom: 116px;
-				z-index: 1;
-			}
-		`}}
-	${t=>{let{is2ndLastSticky:i}=t;return i&&e.css`
-			@media (min-height: 768px) {
-				bottom: 48px;
-				z-index: 1;
-			}
-		`}}
-`,u=o.default.div`
-	display: flex;
-	flex-direction: column;
-	border-radius: 10px;
-	align-items: center;
-	justify-content: space-around;
-	cursor: pointer;
-	> * {
-		gap: 10px;
-	}
-	padding: 8px;
-
-	${t=>{let{isNew:i}=t;return i&&e.css`
-			padding-top: 14px;
-		`}}
-
-	${t=>{let{isActive:r}=t;return r&&e.css`
-			border-radius: 8px;
-			background-color: ${i.COLORS.background.inverse};
-			color: ${i.COLORS.content.primaryInverse};
-			box-shadow: inset 0 0 0 1px ${i.COLORS.stroke.brandSubdued};
-		`}}
-
-	${t=>{let{isHovered:r}=t;return r&&e.css`
-			background: ${i.COLORS.background.inverse};
-			border-radius: 8px;
-		`}}
-
-	&:hover {
-		background: ${i.COLORS.background.inverse};
-		border-radius: 8px;
-	}
-
-	${t=>{let{isLastSticky:i}=t;return i&&e.css`
-			@media (min-height: 768px) {
-				position: absolute;
-				bottom: 64px;
-				width: 85%;
-			}
-		`}}
-
-	${t=>{let{is2ndLastSticky:i}=t;return i&&e.css`
-			@media (min-height: 768px) {
-				position: absolute;
-				bottom: 0px;
-				width: 85%;
-			}
-		`}}
-
-	${t=>{let{stickyBottom:i}=t;return void 0!==i&&e.css`
-			@media (min-height: 768px) {
-				position: absolute;
-				bottom: ${i}px;
-				width: 85%;
-			}
-		`}}
-`,c=o.default.div`
-	display: flex;
-	flex-direction: row;
-	cursor: pointer;
-`,x=o.default(t.BodyTiny)`
-	user-select: none;
-	color: ${e=>{let{isActive:t}=e;return t?i.COLORS.content.primaryInverse:i.COLORS.content.secondaryInverse}};
-	margin-bottom: 0px;
-	text-align: center;
-`,l=o.default.div`
-	.transform-class {
-		position: relative;
-		animation: animatebottom 0.2s;
-		transition-timing-function: ease-out;
-	}
-	@keyframes animatebottom {
-		from {
-			opacity: 0;
-		}
-
-		to {
-			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; //72
-		width: ${e=>e.width?e.width:240}px;
-		z-index: ${e=>e.zIndex?e.zIndex:2};
-		background-color: ${e=>"brand"==e.theme?i.COLORS.background.inverse:i.COLORS.surface.standard};
-		height: ${e=>e.isNewSidebar?"fit-content":"100vh"};
-		display: flex;
-		flex-direction: column;
-		padding: 4px;
-		border-radius: ${e=>e.isNewSidebar?"8px":""};
-
-		.sidebar-bridge {
-			position: absolute;
-			right: 100%;
-			top: 0;
-			width: 24px;
-			height: 100%;
-		}
-	}
-
-	.sub-child-menu {
-		display: flex;
-		align-items: center;
-		justify-content: flex-start;
-		margin-bottom: ${e=>e.isNewSidebar?"":"8px"};
-		cursor: pointer;
-		background: ${e=>"brand"==e.theme?i.COLORS.background.inverse:"transparent"};
-		border-radius: 4px;
-		.sub-child-text {
-			color: ${e=>"brand"==e.theme?i.COLORS.surface.standard:""};
-			margin-bottom: 0px;
-			padding: 8px 12px;
-			font-size: ${i.FONTS.caption.fontSize}px;
-			line-height: ${i.FONTS.caption.lineHeight}px;
-			font-weight: ${i.FONTS.caption.fontWeight};
-			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 {
-			display: none;
-		}
-		.active-bold-weight {
-			font-weight: 600;
-			color: ${e=>e.isNewSidebar?i.COLORS.background.warning.vibrant:""};
-		}
-		.sub-child-active-menu-style {
-			color: ${e=>e.isNewSidebar?i.COLORS.background.warning.vibrant:""};
-		}
-	}
-	.sub-child-menu:hover {
-		background: ${e=>"brand"==e.theme?i.COLORS.background.brandHovered:i.COLORS.background.base};
-		border-radius: 4px;
-	}
-	.sub-child-active-menu {
-		background: ${e=>"brand"==e.theme?i.COLORS.background.brandHovered:i.COLORS.background.base};
-		border-radius: 4px;
-		border: ${e=>"brand"==e.theme?`1px solid ${i.COLORS.stroke.brandSubdued}`:"none"};
-		.sub-child-active-text {
-			background: ${e=>"brand"==e.theme?i.COLORS.stroke.brandSubdued:i.COLORS.background.warning.vibrant};
-		}
-	}
-	.sub-child-active-menu:hover {
-		background: ${e=>"brand"==e.theme?i.COLORS.background.inverseLight:i.COLORS.background.base};
-		border-radius: 4px;
-		border: ${e=>"brand"==e.theme?`1px solid ${i.COLORS.stroke.brandSubdued}`:"none"};
-		.sub-child-active-text {
-			background: ${e=>"brand"==e.theme?i.COLORS.stroke.brandSubdued:i.COLORS.background.warning.vibrant};
-		}
-	}
-	.sub-child-display-name {
-		padding: 14px 12px;
-		color: ${e=>"brand"==e.theme?i.COLORS.content.secondaryInverse:i.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;
-	}
-`,g=o.default.div`
-	.sidebar-right-menu {
-		border-radius: 8px;
-		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; //72
-		z-index: ${e=>e.zIndex?e.zIndex:2};
-		background-color: ${e=>"brand"==e.theme?"#381062":i.COLORS.surface.standard};
-		display: flex;
-		flex-direction: column;
-		padding: 4px;
-		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.COLORS.background.base};
-			border-radius: 8px;
-		}
-	}
-`;exports.MainSideBarV2MenuWrapper=a,exports.SibeBarV2MenuItem=d,exports.SideBarV2Container=n,exports.SidebarLockedChannel=b,exports.SidebarMainMenu=s,exports.SidebarMenuItemContainer=c,exports.SidebarMenuItemInner=u,exports.SidebarMenuItemText=x,exports.SidebarNewTag=p,exports.SidebarV2PopupContainer=g,exports.SimpleSidebarV2Container=l;

package/dist/cjs/components/bik-layout/BikSidebarV2/SimpleSidebarV2.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { SimpleSidebarV2Props } from './SidebarV2.model';
-export declare const SimpleSidebarV2: React.FC<SimpleSidebarV2Props>;

package/dist/cjs/components/bik-layout/BikSidebarV2/SimpleSidebarV2.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("./SidebarV2Styles.js");exports.SimpleSidebarV2=l=>{const{menuList:d,activeMenu:c,theme:o,showAccessUpgradePanel:u=!1,header:p,width:b,zIndex:h,left:j,postion:m,top:v,router:g,onMouseLeaveOnMenu:x,onMouseEnterOnMenu:y,onMenuClick:N,onUpgrade:O,isNewSidebar:k}=l,[S,w]=s.useState(c),M=(s,i)=>e.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:()=>{w(s),N(s,!s.page)},"aria-hidden":"true"},{children:[e.jsx("span",{className:(null==S?void 0:S.key)==(null==s?void 0:s.key)&&"brand"==o?"sub-child-active-text":""}),e.jsx(t.BodyCaption,Object.assign({className:"sub-child-text "+((null==S?void 0:S.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.SimpleSidebarV2Container,Object.assign({width:b,zIndex:h,left:j,theme:o,postion:m,top:v,isNewSidebar:k},{children:e.jsxs("div",Object.assign({id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:x,onMouseEnter:y},{children:[e.jsx("div",{className:"sidebar-bridge"}),e.jsxs("div",{children:[!k&&e.jsx(t.BodyCaption,Object.assign({className:"sub-child-display-name"},{children:p})),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/Sidebar.model.d.ts

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

package/dist/cjs/components/image-cropper/BikImageCropper.model.d.ts

@@ -1,6 +0,0 @@
-export interface BikImageCropperProps {
-    aspectRatio?: number;
-    src: string;
-    onCropComplete: (base64String: string, didChange: boolean) => void | Promise<void>;
-    onCancel: () => void;
-}

package/dist/cjs/components/input/Input.model.d.ts

@@ -1,73 +0,0 @@
-/// <reference types="react" />
-import { ButtonProps } from '../button/model';
-export type InputVariant = 'default' | 'small' | 'x-small';
-export type InputStateI = 'invalid' | 'active' | 'read-only' | 'disabled' | 'disabled-invalid' | 'none';
-export type InputTypeI = 'number' | 'email' | 'text' | 'multiline' | 'url' | 'zip' | 'phonenumber' | 'password';
-export interface InputProps {
-    'data-test'?: string;
-    noErrorHint?: boolean;
-    placeholder?: string;
-    variant?: InputVariant;
-    width?: string;
-    height?: string;
-    leftIcon?: {
-        icon: React.FC;
-        callback?: () => void;
-    };
-    rightIcon?: {
-        icon: React.FC;
-        callback?: () => void;
-    };
-    labelElement?: React.ReactNode;
-    labelText?: string;
-    maxCharLimit?: number;
-    isRequired?: boolean;
-    errorMessage?: string;
-    hintText?: string;
-    state?: InputStateI;
-    type?: InputTypeI;
-    /**
-        validate:  function takes the input and returns boolean + string (error message in case of invalid input)
-     **/
-    validate?: (input?: string | number) => [boolean, string];
-    onChangeText: (input: string, event?: Event) => void;
-    button?: {
-        text: string;
-        onClick?: () => void;
-        buttonProps?: ButtonProps;
-    };
-    suffixText?: string;
-    prefixText?: string;
-    value?: string;
-    reset?: boolean;
-    onBlur?: (e: any) => void;
-    onFocus?: (e: any) => void;
-    onClick?: (e: any) => void;
-    isActive?: boolean;
-    id?: string;
-    onReferenceInit?: (element: HTMLInputElement | HTMLTextAreaElement) => void;
-    rangeValidation?: {
-        min: number;
-        max: number;
-    };
-    noKeyDownChange?: boolean;
-    skipFocus?: boolean;
-    version?: '1.0' | '2.0';
-    textControl?: boolean;
-    noMaxCharCheck?: boolean;
-    tooltipText?: string;
-    autoGrow?: boolean;
-    minHeight?: string;
-    maxHeight?: string;
-    labelTextBold?: boolean;
-    truncateText?: boolean;
-    maxCharLimitPosition?: 'TOP' | 'BOTTOM';
-    hightlightInputColor?: string;
-    onKeyDownEvent?: (e: Event) => void;
-    hideInputHeader?: boolean;
-    hideBorder?: boolean;
-    inputWrapperStyles?: React.CSSProperties;
-    minCharsToTrigger?: number;
-    isDisabled?: boolean;
-    allowUnsafeInput?: boolean;
-}

package/dist/cjs/components/list-item/List.model.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-export type Variant = 'default' | 'selected' | 'inactive' | 'error' | 'readonly' | 'placeholder' | 'separator';
-export interface ListItemElement {
-    label: string;
-    value: string;
-}
-export interface ListItemProps extends React.HTMLAttributes<HTMLDivElement> {
-    variant?: Variant;
-    subText?: string;
-    listItem: ListItemElement;
-    onSelect?: (ListItemElement: any) => void;
-    leadingIcon?: JSX.Element;
-    trailingIcon?: JSX.Element;
-    borderBottom?: string;
-    customComponent?: JSX.Element;
-    customListItemLabel?: JSX.Element;
-    version?: '1.0' | '2.0';
-}

package/dist/cjs/components/sample-button/SampleButton.model.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-export type Color = 'primary' | 'secondary' | 'success' | 'error' | 'warn';
-export type Variant = 'solid' | 'outline' | 'text';
-export interface SampleButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * The color of the Button.
-     *
-     * @default 'primary'
-     */
-    color?: Color;
-    /**
-     * The visual style of the Button.
-     *
-     * @default 'solid'
-     */
-    variant?: Variant;
-}

package/dist/cjs/components/stepper/Stepper.model.d.ts

@@ -1,17 +0,0 @@
-export type StepperStates = 'default' | 'completed' | 'error' | 'active' | 'inactive';
-export interface EachStep {
-    stepKey: string;
-    stepName: string;
-    isCompleted: boolean;
-    isError: boolean;
-    isInActive: boolean;
-}
-export interface SingleStepperProps {
-    index: number;
-    isLastElement: boolean;
-    eachStep: EachStep;
-    isActive: boolean;
-    onClickingStep: (step: EachStep) => void;
-    stepsCount: number;
-    hideHoverState?: boolean;
-}

package/dist/cjs/components/template-context-mapper/modalElements/modal.d.ts

@@ -1,13 +0,0 @@
-import { WhatsAppTemplate } from "../../template-preview/models/WhatsAppTemplate";
-export interface CarouselProduct {
-    name: string;
-    image: string;
-    quantity: number;
-    variantId: string;
-    productId: string;
-    displayOrder: number;
-    collectionId: string;
-    productName: string;
-    productImage: string;
-}
-export type ComponentType = WhatsAppTemplate['components'][0];