@bikdotai/bik-component-library 0.0.821-beta.9 → 0.0.821

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.821-beta.9",
+	"version": "0.0.821",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",
@@ -34,6 +34,7 @@
 	],
 	"scripts": {
 		"build": "vite build --config vite.config.lib.ts",
+		"dev": "LIB_DEV=true vite build --config vite.config.lib.ts --watch",
 		"build:storybook": "storybook build -o storybook-static",
 		"generate:icons": "npx @svgr/cli --config-file svgr.generate.cjs --out-dir src/icons svgs/",
 		"lint": "eslint . --ext .ts,.tsx,.js,.jsx",
@@ -62,7 +63,7 @@
 		"not op_mini all"
 	],
 	"dependencies": {
-		"@bikdotai/bik-models": "11.4.0",
+		"@bikdotai/bik-models": "11.26.1",
 		"@hello-pangea/dnd": "^18.0.1",
 		"@popperjs/core": "^2.11.7",
 		"@tippyjs/react": "^4.2.6",

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"BikSidebarV2.js","sources":["../../../../../src/components/bik-layout/BikSidebarV2/BikSidebarV2.tsx"],"sourcesContent":["import BikIcon from '@src/assets/icons/Bik_logo.svg';\nimport LockedIcon from '@src/assets/icons/locked.svg';\nimport {\n\tFragment,\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport React from 'react';\nimport CircularProgressBar from '@src/components/progress-bar/CircularProgressBar';\nimport { COLORS } from '@src/constants/Theme';\nimport { NavigationHyperlink } from '../../navigation-hyperlink/NavigationHyperlink';\nimport { Menu } from './SidebarV2.model';\nimport { SidebarV2Popup } from './SidebarV2Popup';\nimport {\n\tMainSideBarV2MenuWrapper,\n\tSibeBarV2MenuItem,\n\tSidebarLockedChannel,\n\tSidebarMainMenu,\n\tSidebarMenuItemContainer,\n\tSidebarMenuItemInner,\n\tSidebarMenuItemText,\n\tSidebarNewTag,\n\tSideBarV2Container,\n} from './SidebarV2Styles';\nimport { SimpleSidebarV2 } from './SimpleSidebarV2';\n\nexport interface MenuItemV2 {\n\tkey: string | number;\n\tdisplayName: string;\n\ticon: React.FunctionComponent<React.SVGAttributes<SVGElement>>; // Main Icon element that is to display\n\tactiveIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>; // Icon element to pass when the menu is active\n\thoverIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>; //Icon element to pass when the menu is hovered upon\n\tisLastSticky?: boolean; // to stick any menu at the end of the list\n\tis2ndLastSticky?: boolean; // to stick any menu at 2nd last end of list\n\tchildren?: Menu[];\n\tshowAccessUpgradePanel?: boolean;\n\tpath?: string;\n\tlayout?: 'fullScreen' | 'popup' | string | undefined;\n\tisNew?: boolean;\n\tisLocked?: boolean;\n}\n\nexport interface BikSidebarV2Props {\n\tlogoSvg?: JSX.Element;\n\tallMenuList: MenuItemV2[];\n\tactiveMainMenu: MenuItemV2;\n\tactiveSubMenu: Menu;\n\trouter: any;\n\tonClickingMainMenu: (menu: MenuItemV2) => void;\n\tonClickingSubMenu: (subMenu: Menu) => void;\n\tonClickingAccessUpgradePanel?: () => void;\n\tonClickingPopupMenuItem?: (menu: Menu) => void;\n\tpopupMinHeight?: number;\n\tisNewSidebar?: boolean;\n\tonboardingPercentage?: number;\n\tmenuStyle?: React.CSSProperties;\n}\n\ninterface GetSideBarV2MenuItemProps {\n\toption: MenuItemV2;\n\tindex: number;\n\tonClickMainMenuLogic: (option: MenuItemV2) => void;\n\tsetHandleHoverForFullLayout: (option: MenuItemV2) => void;\n\tisDisabled: boolean;\n\tsetHoveredComp: (comp: any) => void;\n\tsetPopupMenu: (menu: any) => void;\n\tmainActiveMenu: MenuItemV2 | undefined;\n\thoveredComp: MenuItemV2 | undefined;\n\tpopupMenu: MenuItemV2 | undefined;\n\tonMouseLeaveMenuItem: () => void;\n}\n\nexport const BikSidebarV2: React.FC<BikSidebarV2Props> = (\n\tbikSidebarV2Props,\n) => {\n\tconst {\n\t\tlogoSvg,\n\t\tallMenuList,\n\t\tactiveMainMenu,\n\t\tactiveSubMenu,\n\t\trouter,\n\t\tonClickingMainMenu,\n\t\tonClickingSubMenu,\n\t\tonClickingAccessUpgradePanel,\n\t\tonClickingPopupMenuItem,\n\t\tpopupMinHeight,\n\t\tisNewSidebar,\n\t\tmenuStyle,\n\t} = bikSidebarV2Props;\n\tconst [mainActiveMenu, setMainActiveMenu] =\n\t\tuseState<MenuItemV2>(activeMainMenu);\n\tconst [hoveredComp, setHoveredComp] = useState<MenuItemV2>();\n\tconst [subActiveMenu, setSubActiveMenu] = useState<Menu>(activeSubMenu);\n\tconst [isDisabled, setIsDisabled] = useState(false);\n\tconst [popupMenu, setPopupMenu] = useState<MenuItemV2>();\n\tconst [popupMenuTop, setPopupMenuTop] = useState<number>();\n\tconst [sidebarEachMenuTop, setSidebarEachMenuTop] = useState<number>();\n\tconst hoverLeaveTimerRef = useRef<NodeJS.Timeout | null>(null);\n\tconst numberOfStickyOptions = useMemo(\n\t\t() =>\n\t\t\tallMenuList.filter((menu) => menu.is2ndLastSticky || menu.isLastSticky)\n\t\t\t\t.length,\n\t\t[allMenuList],\n\t);\n\n\tuseEffect(() => {\n\t\tsetMainActiveMenu(activeMainMenu);\n\t}, [activeMainMenu]);\n\n\tuseEffect(() => {\n\t\tsetSubActiveMenu(activeSubMenu);\n\t}, [activeSubMenu]);\n\n\tconst onClickMainMenuLogic = useCallback(\n\t\t(option: MenuItemV2) => {\n\t\t\tif (option?.layout === 'popup') {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetPopupMenu(undefined);\n\t\t\tsetHoveredComp(undefined);\n\t\t\tsetIsDisabled(true);\n\t\t\tsetMainActiveMenu(option);\n\t\t\tif (!option.path) {\n\t\t\t\tonClickingMainMenu(option);\n\t\t\t}\n\t\t\toption?.children?.length\n\t\t\t\t? setSubActiveMenu(option?.children[0])\n\t\t\t\t: setSubActiveMenu({} as Menu);\n\t\t\tsetHoveredComp(undefined);\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetIsDisabled(false);\n\t\t\t}, 1000);\n\t\t},\n\t\t[onClickingMainMenu],\n\t);\n\n\tconst setHandleHoverForFullLayout = useCallback((option: MenuItemV2) => {\n\t\tcancelHoverLeaveTimer();\n\t\tsetHoveredComp(undefined);\n\t\tsetPopupMenu(undefined);\n\t\tif (option?.layout == 'popup') {\n\t\t\tconst top = determineElementTop();\n\t\t\ttop && setPopupMenuTop(top);\n\t\t\tsetPopupMenu(option);\n\t\t} else {\n\t\t\tconst targetElement = document.getElementById(\n\t\t\t\toption.displayName?.split(' ')?.join('') || option.key.toString(),\n\t\t\t);\n\t\t\tif (targetElement) {\n\t\t\t\tconst topValue = calculateTopSideBarPosition(targetElement, option);\n\t\t\t\tsetSidebarEachMenuTop(topValue);\n\t\t\t}\n\t\t\tsetHoveredComp(option);\n\t\t}\n\t}, []);\n\tconst calculateTopSideBarPosition = (\n\t\ttargetElement: HTMLElement,\n\t\toption: MenuItemV2,\n\t) => {\n\t\tconst targetRect = targetElement.getBoundingClientRect();\n\t\tlet topValue = targetRect.top;\n\t\tconst innerHeight = window.innerHeight;\n\t\tif (innerHeight <= 768) {\n\t\t\treturn topValue;\n\t\t}\n\t\tif (option.isLastSticky || option.is2ndLastSticky) {\n\t\t\tconst windowHeight = window.innerHeight;\n\t\t\tconst distanceToBottom = windowHeight - targetRect.bottom;\n\t\t\ttopValue = targetRect.top + distanceToBottom - 200; // sample height for lower elements\n\t\t}\n\t\treturn topValue;\n\t};\n\n\tuseEffect(() => {\n\t\tconst handleResize = () => {\n\t\t\tconst newTop = determineElementTop();\n\t\t\tnewTop && setPopupMenuTop(newTop);\n\t\t\tdetermineSideMenuTopWhileResize();\n\t\t};\n\t\twindow.addEventListener('resize', handleResize);\n\t\treturn () => {\n\t\t\twindow.removeEventListener('resize', handleResize);\n\t\t};\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\tconst determineSideMenuTopWhileResize = () => {\n\t\tconst openSideMenuElement = document.getElementById('_sub-menu');\n\t\tconst openSideMenuElementHeight =\n\t\t\topenSideMenuElement?.getBoundingClientRect().height;\n\t\tif (openSideMenuElementHeight) {\n\t\t\tsetSidebarEachMenuTop(window.innerHeight - openSideMenuElementHeight);\n\t\t}\n\t};\n\tconst cancelHoverLeaveTimer = useCallback(() => {\n\t\tif (hoverLeaveTimerRef.current) {\n\t\t\tclearTimeout(hoverLeaveTimerRef.current);\n\t\t\thoverLeaveTimerRef.current = null;\n\t\t}\n\t}, []);\n\n\tconst startHoverLeaveTimer = useCallback(() => {\n\t\tcancelHoverLeaveTimer();\n\t\thoverLeaveTimerRef.current = setTimeout(() => {\n\t\t\tsetHoveredComp(undefined);\n\t\t\tsetPopupMenu(undefined);\n\t\t}, 150);\n\t}, [cancelHoverLeaveTimer]);\n\n\tconst determineElementTop = () => {\n\t\tif (popupMenu) {\n\t\t\tconst currentId =\n\t\t\t\tpopupMenu.displayName?.split(' ')?.join('') + '_sub' ||\n\t\t\t\tpopupMenu.key.toString() + '_sub';\n\n\t\t\tconst targetElement = document.getElementById(currentId);\n\t\t\tif (targetElement) {\n\t\t\t\tconst sideMenuRect = targetElement.getBoundingClientRect();\n\t\t\t\tlet divBoxTop = sideMenuRect.top;\n\t\t\t\tconst popupHeight = popupMinHeight ?? 320;\n\t\t\t\tif (sideMenuRect.bottom + popupHeight > window.innerHeight) {\n\t\t\t\t\tdivBoxTop -= sideMenuRect.bottom + popupHeight - window.innerHeight;\n\t\t\t\t}\n\t\t\t\treturn divBoxTop;\n\t\t\t}\n\t\t\treturn null;\n\t\t}\n\t};\n\n\treturn (\n\t\t<SideBarV2Container>\n\t\t\t<div\n\t\t\t\tclassName=\"bik-header-logo\"\n\t\t\t\tonClick={() => undefined}\n\t\t\t\tonKeyDown={() => undefined}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t{logoSvg ? logoSvg : <BikIcon />}\n\t\t\t</div>\n\t\t\t<MainSideBarV2MenuWrapper style={menuStyle}>\n\t\t\t\t{allMenuList?.map((option, index) => (\n\t\t\t\t\t<Fragment key={index}>\n\t\t\t\t\t\t{option.path ? (\n\t\t\t\t\t\t\t<NavigationHyperlink href={option.path} router={router}>\n\t\t\t\t\t\t\t\t<EachSidebarMenuItem\n\t\t\t\t\t\t\t\t\toption={option}\n\t\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\t\tonClickMainMenuLogic={onClickMainMenuLogic}\n\t\t\t\t\t\t\t\t\tsetHandleHoverForFullLayout={setHandleHoverForFullLayout}\n\t\t\t\t\t\t\t\t\tisDisabled={isDisabled}\n\t\t\t\t\t\t\t\t\tsetHoveredComp={setHoveredComp}\n\t\t\t\t\t\t\t\t\tsetPopupMenu={setPopupMenu}\n\t\t\t\t\t\t\t\t\tmainActiveMenu={mainActiveMenu}\n\t\t\t\t\t\t\t\t\thoveredComp={hoveredComp}\n\t\t\t\t\t\t\t\t\tpopupMenu={popupMenu}\n\t\t\t\t\t\t\t\t\tonMouseLeaveMenuItem={startHoverLeaveTimer}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</NavigationHyperlink>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<EachSidebarMenuItem\n\t\t\t\t\t\t\t\toption={option}\n\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\tonClickMainMenuLogic={onClickMainMenuLogic}\n\t\t\t\t\t\t\t\tsetHandleHoverForFullLayout={setHandleHoverForFullLayout}\n\t\t\t\t\t\t\t\tisDisabled={isDisabled}\n\t\t\t\t\t\t\t\tsetHoveredComp={setHoveredComp}\n\t\t\t\t\t\t\t\tsetPopupMenu={setPopupMenu}\n\t\t\t\t\t\t\t\tmainActiveMenu={mainActiveMenu}\n\t\t\t\t\t\t\t\thoveredComp={hoveredComp}\n\t\t\t\t\t\t\t\tpopupMenu={popupMenu}\n\t\t\t\t\t\t\t\tonMouseLeaveMenuItem={startHoverLeaveTimer}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{option.layout === 'popup' && popupMenu?.children?.length && (\n\t\t\t\t\t\t\t\t<SidebarV2Popup\n\t\t\t\t\t\t\t\t\ttop={popupMenuTop ?? undefined}\n\t\t\t\t\t\t\t\t\tmenuList={popupMenu?.children}\n\t\t\t\t\t\t\t\t\tonClickingPopupMenu={(popupMenuSelected) => {\n\t\t\t\t\t\t\t\t\t\tonClickingPopupMenuItem &&\n\t\t\t\t\t\t\t\t\t\t\tonClickingPopupMenuItem(popupMenuSelected);\n\t\t\t\t\t\t\t\t\t\tsetPopupMenu(undefined);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonMouseEnterOnMenu={cancelHoverLeaveTimer}\n\t\t\t\t\t\t\t\t\tonMouseLeaveOnMenu={startHoverLeaveTimer}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{hoveredComp?.children?.length && (\n\t\t\t\t\t\t\t\t<SimpleSidebarV2\n\t\t\t\t\t\t\t\t\tmenuList={hoveredComp?.children}\n\t\t\t\t\t\t\t\t\twidth={200}\n\t\t\t\t\t\t\t\t\tactiveMenu={subActiveMenu}\n\t\t\t\t\t\t\t\t\tonMouseEnterOnMenu={cancelHoverLeaveTimer}\n\t\t\t\t\t\t\t\t\tonMouseLeaveOnMenu={() => setHoveredComp(undefined)}\n\t\t\t\t\t\t\t\t\tleft={isNewSidebar ? 78 : 78}\n\t\t\t\t\t\t\t\t\tpostion={'fixed'}\n\t\t\t\t\t\t\t\t\theader={hoveredComp.displayName}\n\t\t\t\t\t\t\t\t\ttheme={'brand'}\n\t\t\t\t\t\t\t\t\trouter={router}\n\t\t\t\t\t\t\t\t\tshowAccessUpgradePanel={hoveredComp.showAccessUpgradePanel}\n\t\t\t\t\t\t\t\t\tonMenuClick={(menuSelected, reDirect) => {\n\t\t\t\t\t\t\t\t\t\tsetSubActiveMenu(menuSelected);\n\t\t\t\t\t\t\t\t\t\tsetMainActiveMenu(hoveredComp);\n\t\t\t\t\t\t\t\t\t\tsetHoveredComp(undefined);\n\t\t\t\t\t\t\t\t\t\tsetPopupMenu(undefined);\n\t\t\t\t\t\t\t\t\t\treDirect && onClickingSubMenu(menuSelected);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonUpgrade={onClickingAccessUpgradePanel}\n\t\t\t\t\t\t\t\t\ttop={\n\t\t\t\t\t\t\t\t\t\tisNewSidebar\n\t\t\t\t\t\t\t\t\t\t\t? sidebarEachMenuTop\n\t\t\t\t\t\t\t\t\t\t\t\t? sidebarEachMenuTop\n\t\t\t\t\t\t\t\t\t\t\t\t: 0\n\t\t\t\t\t\t\t\t\t\t\t: 0\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tisNewSidebar={isNewSidebar}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t</Fragment>\n\t\t\t\t))}\n\t\t\t\t{typeof bikSidebarV2Props.onboardingPercentage === 'number' && (\n\t\t\t\t\t<SibeBarV2MenuItem>\n\t\t\t\t\t\t<SidebarMainMenu>\n\t\t\t\t\t\t\t<SidebarMenuItemInner\n\t\t\t\t\t\t\t\tid={'bik-onboarding__checklist'}\n\t\t\t\t\t\t\t\tstickyBottom={\n\t\t\t\t\t\t\t\t\tnumberOfStickyOptions === 0\n\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t: numberOfStickyOptions === 1\n\t\t\t\t\t\t\t\t\t\t? 64\n\t\t\t\t\t\t\t\t\t\t: 128\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CircularProgressBar\n\t\t\t\t\t\t\t\t\tpercentage={bikSidebarV2Props.onboardingPercentage}\n\t\t\t\t\t\t\t\t\twidth={48}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</SidebarMenuItemInner>\n\t\t\t\t\t\t</SidebarMainMenu>\n\t\t\t\t\t</SibeBarV2MenuItem>\n\t\t\t\t)}\n\t\t\t</MainSideBarV2MenuWrapper>\n\t\t</SideBarV2Container>\n\t);\n};\n\nconst IconComponent: React.FC<{\n\ticon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tisActive: boolean;\n\tactiveStateIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\thoverStateIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tisHovered: boolean;\n}> = (iconComponentProps) => {\n\tconst { icon, isActive, activeStateIcon } = iconComponentProps;\n\tconst Icon = icon;\n\tconst ActiveIcon = activeStateIcon;\n\treturn (\n\t\t<>\n\t\t\t{isActive ? (\n\t\t\t\t<ActiveIcon\n\t\t\t\t\twidth={16}\n\t\t\t\t\theight={16}\n\t\t\t\t\tcolor={COLORS.content.primaryInverse}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<Icon width={16} height={16} color={COLORS.content.secondaryInverse} />\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nconst EachSidebarMenuItem: React.FC<GetSideBarV2MenuItemProps> = ({\n\toption,\n\tindex,\n\tonClickMainMenuLogic,\n\tsetHandleHoverForFullLayout,\n\tisDisabled,\n\tmainActiveMenu,\n\thoveredComp,\n\tpopupMenu,\n\tonMouseLeaveMenuItem,\n}) => {\n\treturn (\n\t\t<SibeBarV2MenuItem>\n\t\t\t<SidebarMainMenu\n\t\t\t\tid={option.displayName?.split(' ')?.join('') || option.key.toString()}\n\t\t\t\tkey={index}\n\t\t\t\tonClick={() => !isDisabled && onClickMainMenuLogic(option)}\n\t\t\t\tonMouseEnter={() => {\n\t\t\t\t\tsetHandleHoverForFullLayout(option);\n\t\t\t\t}}\n\t\t\t\tonMouseLeave={onMouseLeaveMenuItem}\n\t\t\t\tonFocus={() => {\n\t\t\t\t\t// do nothing\n\t\t\t\t}}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t{option.isNew && (\n\t\t\t\t\t<SidebarNewTag isLastSticky={option.isLastSticky}>NEW</SidebarNewTag>\n\t\t\t\t)}\n\t\t\t\t{option.isLocked && (\n\t\t\t\t\t<SidebarLockedChannel\n\t\t\t\t\t\tisLastSticky={option.isLastSticky}\n\t\t\t\t\t\tis2ndLastSticky={option.is2ndLastSticky}\n\t\t\t\t\t>\n\t\t\t\t\t\t<LockedIcon height={16} width={16} />\n\t\t\t\t\t</SidebarLockedChannel>\n\t\t\t\t)}\n\t\t\t\t<SidebarMenuItemInner\n\t\t\t\t\tkey={index}\n\t\t\t\t\tid={\n\t\t\t\t\t\toption.displayName?.split(' ')?.join('') + '_sub' ||\n\t\t\t\t\t\toption.key.toString() + '_sub'\n\t\t\t\t\t}\n\t\t\t\t\tisActive={mainActiveMenu?.key === option.key}\n\t\t\t\t\tdata-active={mainActiveMenu?.key === option.key ? 'true' : undefined}\n\t\t\t\t\tisLastSticky={option.isLastSticky}\n\t\t\t\t\tis2ndLastSticky={option.is2ndLastSticky}\n\t\t\t\t\tisHovered={option.key === hoveredComp?.key}\n\t\t\t\t\tisNew={option.isNew}\n\t\t\t\t\tonMouseEnter={() => setHandleHoverForFullLayout(option)}\n\t\t\t\t\tonMouseLeave={onMouseLeaveMenuItem}\n\t\t\t\t>\n\t\t\t\t\t<IconComponent\n\t\t\t\t\t\ticon={option.icon}\n\t\t\t\t\t\tisActive={option.key == mainActiveMenu?.key}\n\t\t\t\t\t\tactiveStateIcon={\n\t\t\t\t\t\t\toption.activeIcon ??\n\t\t\t\t\t\t\t({} as React.FunctionComponent<React.SVGAttributes<SVGElement>>)\n\t\t\t\t\t\t}\n\t\t\t\t\t\thoverStateIcon={\n\t\t\t\t\t\t\toption.hoverIcon ??\n\t\t\t\t\t\t\t({} as React.FunctionComponent<React.SVGAttributes<SVGElement>>)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisHovered={\n\t\t\t\t\t\t\toption.key == hoveredComp?.key || option.key == popupMenu?.key\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<SidebarMenuItemContainer>\n\t\t\t\t\t\t<SidebarMenuItemText isActive={option?.key === mainActiveMenu?.key}>\n\t\t\t\t\t\t\t{option.displayName}\n\t\t\t\t\t\t</SidebarMenuItemText>\n\t\t\t\t\t</SidebarMenuItemContainer>\n\t\t\t\t</SidebarMenuItemInner>\n\t\t\t</SidebarMainMenu>\n\t\t</SibeBarV2MenuItem>\n\t);\n};\n"],"names":["BikSidebarV2","bikSidebarV2Props","logoSvg","allMenuList","activeMainMenu","activeSubMenu","router","onClickingMainMenu","onClickingSubMenu","onClickingAccessUpgradePanel","onClickingPopupMenuItem","popupMinHeight","isNewSidebar","menuStyle","mainActiveMenu","setMainActiveMenu","useState","hoveredComp","setHoveredComp","subActiveMenu","setSubActiveMenu","isDisabled","setIsDisabled","popupMenu","setPopupMenu","popupMenuTop","setPopupMenuTop","sidebarEachMenuTop","setSidebarEachMenuTop","hoverLeaveTimerRef","useRef","numberOfStickyOptions","useMemo","menu","useEffect","onClickMainMenuLogic","useCallback","option","setHandleHoverForFullLayout","cancelHoverLeaveTimer","top","determineElementTop","targetElement","topValue","calculateTopSideBarPosition","targetRect","distanceToBottom","handleResize","newTop","determineSideMenuTopWhileResize","openSideMenuElementHeight","startHoverLeaveTimer","currentId","sideMenuRect","divBoxTop","popupHeight","SideBarV2Container","jsx","BikIcon","jsxs","MainSideBarV2MenuWrapper","index","Fragment","NavigationHyperlink","EachSidebarMenuItem","SidebarV2Popup","popupMenuSelected","SimpleSidebarV2","menuSelected","reDirect","SibeBarV2MenuItem","SidebarMainMenu","SidebarMenuItemInner","CircularProgressBar","IconComponent","iconComponentProps","icon","isActive","activeStateIcon","Icon","ActiveIcon","COLORS","onMouseLeaveMenuItem","SidebarNewTag","SidebarLockedChannel","LockedIcon","SidebarMenuItemContainer","SidebarMenuItemText"],"mappings":"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"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarV2Popup.js","sources":["../../../../../src/components/bik-layout/BikSidebarV2/SidebarV2Popup.tsx"],"sourcesContent":["import { BodySecondary, TitleRegular } from '../../TypographyStyle';\nimport { Menu } from './SidebarV2.model';\nimport { SidebarV2PopupContainer } from './SidebarV2Styles';\n\nexport interface SidebarV2PopupI {\n\tmenuList: Menu[];\n\twidth?: number;\n\tzIndex?: number;\n\tleft?: number;\n\ttop?: number;\n\tonMouseLeaveOnMenu?: () => void;\n\tonMouseEnterOnMenu?: () => void;\n\tonClickingPopupMenu: (menuSelected: Menu, reDirect?: boolean) => void;\n}\n\nexport const SidebarV2Popup: React.FC<SidebarV2PopupI> = (sideBarProps) => {\n\tconst {\n\t\ttop,\n\t\tmenuList,\n\t\tzIndex,\n\t\tleft,\n\t\tonMouseLeaveOnMenu,\n\t\tonMouseEnterOnMenu,\n\t\tonClickingPopupMenu,\n\t} = sideBarProps;\n\treturn (\n\t\t<SidebarV2PopupContainer\n\t\t\ttop={top}\n\t\t\ttheme={'white'}\n\t\t\tzIndex={zIndex}\n\t\t\tleft={left ?? 78}\n\t\t\tpostion={'fixed'}\n\t\t>\n\t\t\t<div\n\t\t\t\tid={'_sub-menu'}\n\t\t\t\tkey={'_sub-menu'}\n\t\t\t\tclassName={'sidebar-right-menu' + ' transform-class'}\n\t\t\t\tonMouseEnter={onMouseEnterOnMenu}\n\t\t\t\tonMouseLeave={onMouseLeaveOnMenu}\n\t\t\t>\n\t\t\t\t{menuList?.map((child, popupIndex) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"each-menu\"\n\t\t\t\t\t\tkey={popupIndex}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tborderBottom:\n\t\t\t\t\t\t\t\tpopupIndex == menuList.length - 1 ? 'none' : undefined,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={() => onClickingPopupMenu(child)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<TitleRegular style={{ fontSize: 14 }}>\n\t\t\t\t\t\t\t{child.displayName}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t\t<BodySecondary style={{ fontSize: 12 }}>\n\t\t\t\t\t\t\t{child.description}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</SidebarV2PopupContainer>\n\t);\n};\n"],"names":["SidebarV2Popup","sideBarProps","top","menuList","zIndex","left","onMouseLeaveOnMenu","onMouseEnterOnMenu","onClickingPopupMenu","jsx","SidebarV2PopupContainer","child","popupIndex","jsxs","TitleRegular","BodySecondary"],"mappings":"6LAeaA,EAA6CC,GAAiB,CAC1E,KAAM,CACL,IAAAC,EACA,SAAAC,EACA,OAAAC,EACA,KAAAC,EACA,mBAAAC,EACA,mBAAAC,EACA,oBAAAC,CAAA,EACGP,EACJ,OACCQ,EAAAA,IAACC,EAAAA,wBAAA,CACA,IAAAR,EACA,MAAO,QACP,OAAAE,EACA,KAAMC,GAAQ,GACd,QAAS,QAET,SAAAI,EAAAA,IAAC,MAAA,CACA,GAAI,YAEJ,UAAW,qCACX,aAAcF,EACd,aAAcD,EAEb,SAAAH,GAAU,IAAI,CAACQ,EAAOC,IACtBC,EAAAA,KAAC,MAAA,CACA,UAAU,YAEV,MAAO,CACN,aACCD,GAAcT,EAAS,OAAS,EAAI,OAAS,MAAA,EAE/C,QAAS,IAAMK,EAAoBG,CAAK,EAExC,SAAA,CAAAF,MAACK,EAAAA,cAAa,MAAO,CAAE,SAAU,EAAA,EAC/B,WAAM,YACR,EACAL,MAACM,EAAAA,eAAc,MAAO,CAAE,SAAU,IAChC,WAAM,WAAA,CACR,CAAA,CAAA,EAZKH,CAAA,CAcN,CAAA,EAtBI,WAAA,CAuBN,CAAA,CAGH"}

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

@@ -1,294 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),r=require("../../TypographyStyle.js"),t=require("../../../constants/Theme.js"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=a(i),d=n.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;
-		}
-	}
-`,s=n.default.div`
-	margin: 0px 0px 16px;
-	padding-bottom: 8px;
-`,p=n.default.div``,b=n.default.div`
-	padding: 0px 6px;
-	margin-bottom: 6px;
-	> * {
-		gap: 4px;
-	}
-`,c=n.default.div`
-	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};
-	${({isLastSticky:e})=>e&&i.css`
-			@media (min-height: 768px) {
-				bottom: 116px;
-				z-index: 1;
-			}
-		`}
-`,u=n.default.div`
-	position: absolute;
-	right: 10px;
-	margin-top: -5px;
-	${({isLastSticky:e})=>e&&i.css`
-			@media (min-height: 768px) {
-				bottom: 116px;
-				z-index: 1;
-			}
-		`}
-	${({is2ndLastSticky:e})=>e&&i.css`
-			@media (min-height: 768px) {
-				bottom: 48px;
-				z-index: 1;
-			}
-		`}
-`,x=n.default.div`
-	display: flex;
-	flex-direction: column;
-	border-radius: 10px;
-	align-items: center;
-	justify-content: space-around;
-	cursor: pointer;
-	> * {
-		gap: 10px;
-	}
-	padding: 8px 0px;
-
-	${({isNew:e})=>e&&i.css`
-			padding-top: 14px;
-		`}
-
-	${({isActive:e})=>e&&i.css`
-			border-radius: 8px;
-			background-color: ${t.BASE_COLORS.brand[850]};
-			color: ${t.COLORS.content.primaryInverse};
-			box-shadow: inset 0 0 0 1px ${t.COLORS.stroke.brandSubdued};
-		`}
-
-	${({isHovered:e})=>e&&i.css`
-			background: ${t.COLORS.background.brandHovered};
-			border-radius: 8px;
-		`}
-
-	&:hover:not([data-active='true']) {
-		background: ${t.COLORS.background.brandHovered};
-		border-radius: 8px;
-	}
-
-	${({isActive:e,isHovered:o})=>e&&o&&i.css`
-			border-radius: 8px;
-			box-shadow: inset 0 0 0 1px ${t.BASE_COLORS.brand[700]};
-			background-color: ${t.BASE_COLORS.brand[800]};
-		`}
-
-	${({isLastSticky:e})=>e&&i.css`
-			@media (min-height: 768px) {
-				position: absolute;
-				bottom: 72px;
-				left: 6px;
-				right: 6px;
-			}
-		`}
-
-	${({is2ndLastSticky:e})=>e&&i.css`
-			@media (min-height: 768px) {
-				position: absolute;
-				bottom: 8px;
-				left: 6px;
-				right: 6px;
-			}
-		`}
-
-	${({stickyBottom:e})=>e!==void 0&&i.css`
-			@media (min-height: 768px) {
-				position: absolute;
-				bottom: ${e}px;
-				left: 6px;
-				right: 6px;
-			}
-		`}
-`,l=n.default.div`
-	display: flex;
-	flex-direction: row;
-	width: 100%;
-	cursor: pointer;
-`,g=n.default(r.BodyTiny)`
-	user-select: none;
-	width: 100%;
-	color: ${({isActive:e})=>e?t.COLORS.content.primaryInverse:t.COLORS.content.secondaryInverse};
-	margin-bottom: 0px;
-	text-align: center;
-`,m=n.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=>e.theme=="brand"?t.COLORS.background.inverse:t.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: 6px;
-			height: 100%;
-		}
-	}
-
-	.sub-child-menu {
-		display: flex;
-		align-items: center;
-		justify-content: flex-start;
-		margin-bottom: ${e=>e.isNewSidebar?"":"8px"};
-		cursor: pointer;
-		background: ${e=>e.theme=="brand"?t.COLORS.background.inverse:"transparent"};
-		border-radius: 4px;
-		.sub-child-text {
-			color: ${e=>e.theme=="brand"?t.COLORS.surface.standard:""};
-			margin-bottom: 0px;
-			padding: 8px 12px;
-			font-size: ${t.FONTS.caption.fontSize}px;
-			line-height: ${t.FONTS.caption.lineHeight}px;
-			font-weight: ${t.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?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=>e.theme=="brand"?t.COLORS.background.brandHovered:t.COLORS.background.base};
-		border-radius: 4px;
-	}
-	.sub-child-active-menu {
-		background: ${e=>e.theme=="brand"?t.COLORS.background.brandHovered:t.COLORS.background.base};
-		border-radius: 4px;
-		border: ${e=>e.theme=="brand"?`1px solid ${t.COLORS.stroke.brandSubdued}`:"none"};
-		.sub-child-active-text {
-			background: ${e=>e.theme=="brand"?t.COLORS.stroke.brandSubdued:t.COLORS.background.warning.vibrant};
-		}
-	}
-	.sub-child-active-menu:hover {
-		background: ${e=>e.theme=="brand"?t.COLORS.background.inverseLight:t.COLORS.background.base};
-		border-radius: 4px;
-		border: ${e=>e.theme=="brand"?`1px solid ${t.COLORS.stroke.brandSubdued}`:"none"};
-		.sub-child-active-text {
-			background: ${e=>e.theme=="brand"?t.COLORS.stroke.brandSubdued:t.COLORS.background.warning.vibrant};
-		}
-	}
-	.sub-child-display-name {
-		padding: 14px 12px;
-		color: ${e=>e.theme=="brand"?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;
-	}
-`,h=n.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=>e.theme=="brand"?"#381062":t.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: ${t.COLORS.background.base};
-			border-radius: 8px;
-		}
-	}
-`;exports.MainSideBarV2MenuWrapper=s;exports.SibeBarV2MenuItem=p;exports.SideBarV2Container=d;exports.SidebarLockedChannel=u;exports.SidebarMainMenu=b;exports.SidebarMenuItemContainer=l;exports.SidebarMenuItemInner=x;exports.SidebarMenuItemText=g;exports.SidebarNewTag=c;exports.SidebarV2PopupContainer=h;exports.SimpleSidebarV2Container=m;
-//# sourceMappingURL=SidebarV2Styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarV2Styles.js","sources":["../../../../../src/components/bik-layout/BikSidebarV2/SidebarV2Styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { BodyTiny } from '@src/components/TypographyStyle';\nimport { BASE_COLORS, COLORS, FONTS } from '@src/constants/Theme';\nimport { SidebarV2Theme } from './SidebarV2.model';\n\nexport const SideBarV2Container = styled.div`\n\tbackground-color: #28034e;\n\twidth: 72px;\n\tjustify-content: space-between;\n\tposition: sticky;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 10;\n\toverflow-y: auto;\n\theight: 100vh;\n\n\t.bik-header-logo {\n\t\tpadding: 8px 8px 0 8px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 100%;\n\t\tcursor: pointer;\n\t\timg {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tobject-fit: container;\n\t\t}\n\t}\n`;\n\nexport const MainSideBarV2MenuWrapper = styled.div`\n\tmargin: 0px 0px 16px;\n\tpadding-bottom: 8px;\n`;\n\nexport const SibeBarV2MenuItem = styled.div``;\n\nexport const SidebarMainMenu = styled.div`\n\tpadding: 0px 6px;\n\tmargin-bottom: 6px;\n\t> * {\n\t\tgap: 4px;\n\t}\n`;\n\nexport const SidebarNewTag = styled.div<{ isLastSticky?: boolean }>`\n\tposition: absolute;\n\tright: 5px;\n\tbackground: ${COLORS.stroke.warning.vibrant} !important;\n\tfont-size: 7.7px;\n\tfont-family: 'Inter';\n\tline-height: 10px;\n\tpadding: 2px 9.27px 2px 9.27px;\n\tborder-radius: 16px 16px 0px 16px;\n\tbackground: ${COLORS.background.inverse};\n\t${({ isLastSticky }) =>\n\t\tisLastSticky &&\n\t\tcss`\n\t\t\t@media (min-height: 768px) {\n\t\t\t\tbottom: 116px;\n\t\t\t\tz-index: 1;\n\t\t\t}\n\t\t`}\n`;\n\nexport const SidebarLockedChannel = styled.div<{\n\tisLastSticky?: boolean;\n\tis2ndLastSticky?: boolean;\n}>`\n\tposition: absolute;\n\tright: 10px;\n\tmargin-top: -5px;\n\t${({ isLastSticky }) =>\n\t\tisLastSticky &&\n\t\tcss`\n\t\t\t@media (min-height: 768px) {\n\t\t\t\tbottom: 116px;\n\t\t\t\tz-index: 1;\n\t\t\t}\n\t\t`}\n\t${({ is2ndLastSticky }) =>\n\t\tis2ndLastSticky &&\n\t\tcss`\n\t\t\t@media (min-height: 768px) {\n\t\t\t\tbottom: 48px;\n\t\t\t\tz-index: 1;\n\t\t\t}\n\t\t`}\n`;\n\nexport const SidebarMenuItemInner = styled.div<{\n\tisActive?: boolean;\n\tisHovered?: boolean;\n\tisNew?: boolean;\n\tisLastSticky?: boolean;\n\tis2ndLastSticky?: boolean;\n\tstickyBottom?: number;\n}>`\n\tdisplay: flex;\n\tflex-direction: column;\n\tborder-radius: 10px;\n\talign-items: center;\n\tjustify-content: space-around;\n\tcursor: pointer;\n\t> * {\n\t\tgap: 10px;\n\t}\n\tpadding: 8px 0px;\n\n\t${({ isNew }) =>\n\t\tisNew &&\n\t\tcss`\n\t\t\tpadding-top: 14px;\n\t\t`}\n\n\t${({ isActive }) =>\n\t\tisActive &&\n\t\tcss`\n\t\t\tborder-radius: 8px;\n\t\t\tbackground-color: ${BASE_COLORS.brand['850']};\n\t\t\tcolor: ${COLORS.content.primaryInverse};\n\t\t\tbox-shadow: inset 0 0 0 1px ${COLORS.stroke.brandSubdued};\n\t\t`}\n\n\t${({ isHovered }) =>\n\t\tisHovered &&\n\t\tcss`\n\t\t\tbackground: ${COLORS.background.brandHovered};\n\t\t\tborder-radius: 8px;\n\t\t`}\n\n\t&:hover:not([data-active='true']) {\n\t\tbackground: ${COLORS.background.brandHovered};\n\t\tborder-radius: 8px;\n\t}\n\n\t${({ isActive, isHovered }) =>\n\t\tisActive &&\n\t\tisHovered &&\n\t\tcss`\n\t\t\tborder-radius: 8px;\n\t\t\tbox-shadow: inset 0 0 0 1px ${BASE_COLORS.brand['700']};\n\t\t\tbackground-color: ${BASE_COLORS.brand['800']};\n\t\t`}\n\n\t${({ isLastSticky }) =>\n\t\tisLastSticky &&\n\t\tcss`\n\t\t\t@media (min-height: 768px) {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 72px;\n\t\t\t\tleft: 6px;\n\t\t\t\tright: 6px;\n\t\t\t}\n\t\t`}\n\n\t${({ is2ndLastSticky }) =>\n\t\tis2ndLastSticky &&\n\t\tcss`\n\t\t\t@media (min-height: 768px) {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 8px;\n\t\t\t\tleft: 6px;\n\t\t\t\tright: 6px;\n\t\t\t}\n\t\t`}\n\n\t${({ stickyBottom }) =>\n\t\tstickyBottom !== undefined &&\n\t\tcss`\n\t\t\t@media (min-height: 768px) {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: ${stickyBottom}px;\n\t\t\t\tleft: 6px;\n\t\t\t\tright: 6px;\n\t\t\t}\n\t\t`}\n`;\n\nexport const SidebarMenuItemContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\twidth: 100%;\n\tcursor: pointer;\n`;\n\nexport const SidebarMenuItemText = styled(BodyTiny)<{ isActive?: boolean }>`\n\tuser-select: none;\n\twidth: 100%;\n\tcolor: ${({ isActive }) =>\n\t\tisActive ? COLORS.content.primaryInverse : COLORS.content.secondaryInverse};\n\tmargin-bottom: 0px;\n\ttext-align: center;\n`;\n\nexport const SimpleSidebarV2Container = styled.div<{\n\tpostion?: 'fixed' | 'sticky';\n\ttop?: number;\n\ttheme: SidebarV2Theme;\n\twidth?: number;\n\tzIndex?: number;\n\tleft?: number;\n\tisNewSidebar?: boolean;\n}>`\n\t.transform-class {\n\t\tposition: relative;\n\t\tanimation: animatebottom 0.2s;\n\t\ttransition-timing-function: ease-out;\n\t}\n\t@keyframes animatebottom {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t}\n\n\t\tto {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t.sidebar-right-menu {\n\t\tposition: ${(props) => (props.postion ? props.postion : 'sticky')};\n\t\ttop: ${(props) => (props.top ? props.top : 0)}px;\n\t\tleft: ${(props) => (props.left ? props.left : 0)}px; //72\n\t\twidth: ${(props) => (props.width ? props.width : 240)}px;\n\t\tz-index: ${(props) => (props.zIndex ? props.zIndex : 2)};\n\t\tbackground-color: ${(props) =>\n\t\t\tprops.theme == 'brand'\n\t\t\t\t? COLORS.background.inverse\n\t\t\t\t: COLORS.surface.standard};\n\t\theight: ${(props) => (props.isNewSidebar ? 'fit-content' : '100vh')};\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tpadding: 4px;\n\t\tborder-radius: ${(props) => (props.isNewSidebar ? '8px' : '')};\n\n\t\t.sidebar-bridge {\n\t\t\tposition: absolute;\n\t\t\tright: 100%;\n\t\t\ttop: 0;\n\t\t\twidth: 6px;\n\t\t\theight: 100%;\n\t\t}\n\t}\n\n\t.sub-child-menu {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: flex-start;\n\t\tmargin-bottom: ${(props) => (props.isNewSidebar ? '' : '8px')};\n\t\tcursor: pointer;\n\t\tbackground: ${(props) =>\n\t\t\tprops.theme == 'brand' ? COLORS.background.inverse : 'transparent'};\n\t\tborder-radius: 4px;\n\t\t.sub-child-text {\n\t\t\tcolor: ${(props) =>\n\t\t\t\tprops.theme == 'brand' ? COLORS.surface.standard : ''};\n\t\t\tmargin-bottom: 0px;\n\t\t\tpadding: 8px 12px;\n\t\t\tfont-size: ${FONTS.caption.fontSize}px;\n\t\t\tline-height: ${FONTS.caption.lineHeight}px;\n\t\t\tfont-weight: ${FONTS.caption.fontWeight};\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n\t\t.sub-child-new-tag {\n\t\t\tpadding: 2px 9px 2px 9px;\n\t\t\tborder-radius: 16px;\n\t\t\tbackground-color: rgba(254, 192, 45, 1);\n\t\t\tfont-family: Inter;\n\t\t\tfont-size: 7px;\n\t\t\tfont-weight: 600;\n\t\t\tline-height: 10px;\n\t\t\tcolor: rgba(40, 3, 78, 1);\n\t\t}\n\t\t.sub-child-active-text {\n\t\t\tdisplay: none;\n\t\t}\n\t\t.active-bold-weight {\n\t\t\tfont-weight: 600;\n\t\t\tcolor: ${(props) =>\n\t\t\t\tprops.isNewSidebar ? COLORS.background.warning.vibrant : ''};\n\t\t}\n\t\t.sub-child-active-menu-style {\n\t\t\tcolor: ${(props) =>\n\t\t\t\tprops.isNewSidebar ? COLORS.background.warning.vibrant : ''};\n\t\t}\n\t}\n\t.sub-child-menu:hover {\n\t\tbackground: ${(props) =>\n\t\t\tprops.theme == 'brand'\n\t\t\t\t? COLORS.background.brandHovered\n\t\t\t\t: COLORS.background.base};\n\t\tborder-radius: 4px;\n\t}\n\t.sub-child-active-menu {\n\t\tbackground: ${(props) =>\n\t\t\tprops.theme == 'brand'\n\t\t\t\t? COLORS.background.brandHovered\n\t\t\t\t: COLORS.background.base};\n\t\tborder-radius: 4px;\n\t\tborder: ${(props) =>\n\t\t\tprops.theme == 'brand'\n\t\t\t\t? `1px solid ${COLORS.stroke.brandSubdued}`\n\t\t\t\t: 'none'};\n\t\t.sub-child-active-text {\n\t\t\tbackground: ${(props) =>\n\t\t\t\tprops.theme == 'brand'\n\t\t\t\t\t? COLORS.stroke.brandSubdued\n\t\t\t\t\t: COLORS.background.warning.vibrant};\n\t\t}\n\t}\n\t.sub-child-active-menu:hover {\n\t\tbackground: ${(props) =>\n\t\t\tprops.theme == 'brand'\n\t\t\t\t? COLORS.background.inverseLight\n\t\t\t\t: COLORS.background.base};\n\t\tborder-radius: 4px;\n\t\tborder: ${(props) =>\n\t\t\tprops.theme == 'brand'\n\t\t\t\t? `1px solid ${COLORS.stroke.brandSubdued}`\n\t\t\t\t: 'none'};\n\t\t.sub-child-active-text {\n\t\t\tbackground: ${(props) =>\n\t\t\t\tprops.theme == 'brand'\n\t\t\t\t\t? COLORS.stroke.brandSubdued\n\t\t\t\t\t: COLORS.background.warning.vibrant};\n\t\t}\n\t}\n\t.sub-child-display-name {\n\t\tpadding: 14px 12px;\n\t\tcolor: ${(props) =>\n\t\t\tprops.theme == 'brand'\n\t\t\t\t? COLORS.content.secondaryInverse\n\t\t\t\t: COLORS.text.secondary};\n\t}\n\t.lower-sticky-panel {\n\t\tposition: ${(props) => (props.isNewSidebar ? 'relative' : 'absolute')};\n\t\tbottom: ${(props) => (props.isNewSidebar ? '' : '16px')};\n\t\tmargin-top: ${(props) => (props.isNewSidebar ? 'auto' : '')};\n\t\tmargin-bottom: ${(props) => (props.isNewSidebar ? '16px' : '')};\n\t\t.title-text {\n\t\t\tpadding: 8px 12px;\n\t\t\ttext-align: center;\n\t\t}\n\t\t.upgrade-button {\n\t\t\tmargin: auto;\n\t\t}\n\t}\n\t.sidebar-skeleton {\n\t\tpadding: 8px;\n\t}\n`;\n\nexport const SidebarV2PopupContainer = styled.div<{\n\tpostion?: 'fixed' | 'sticky';\n\ttop?: number;\n\ttheme: SidebarV2Theme;\n\tzIndex?: number;\n\tleft?: number;\n\tbottom?: number;\n}>`\n\t.sidebar-right-menu {\n\t\tborder-radius: 8px;\n\t\tborder: 0.5px solid var(--stroke-color-stroke-primary, #e0e0e0);\n\t\tbox-shadow: 0px 0px 12px 0px rgba(222, 236, 255, 0.6);\n\t\tposition: ${(props) => (props.postion ? props.postion : 'sticky')};\n\t\ttop: ${(props) => (props.top ? props.top : undefined)}px;\n\t\tbottom: 10px;\n\t\tleft: ${(props) => (props.left ? props.left : 0)}px; //72\n\t\tz-index: ${(props) => (props.zIndex ? props.zIndex : 2)};\n\t\tbackground-color: ${(props) =>\n\t\t\tprops.theme == 'brand' ? '#381062' : COLORS.surface.standard};\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tpadding: 4px;\n\t\tgap: 4px;\n\t\tmin-height: 100px;\n\t\toverflow-y: auto;\n\t}\n\t.each-menu {\n\t\tpadding: 8px;\n\t\tgap: 4px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: flex-start;\n\t\talign-items: flex-start;\n\t\tborder-bottom: 0.5px solid #e0e0e0;\n\t\tcursor: pointer;\n\t\tmax-width: 320px;\n\t\t&:hover {\n\t\t\tbackground-color: ${COLORS.background.base};\n\t\t\tborder-radius: 8px;\n\t\t}\n\t}\n`;\n"],"names":["SideBarV2Container","styled","MainSideBarV2MenuWrapper","SibeBarV2MenuItem","SidebarMainMenu","SidebarNewTag","COLORS","isLastSticky","css","SidebarLockedChannel","is2ndLastSticky","SidebarMenuItemInner","isNew","isActive","BASE_COLORS","isHovered","stickyBottom","SidebarMenuItemContainer","SidebarMenuItemText","BodyTiny","SimpleSidebarV2Container","props","FONTS","SidebarV2PopupContainer"],"mappings":"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"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleSidebarV2.js","sources":["../../../../../src/components/bik-layout/BikSidebarV2/SimpleSidebarV2.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button } from '../../button';\nimport { NavigationHyperlink } from '../../navigation-hyperlink/NavigationHyperlink';\nimport { BodyCaption, TitleSmall } from '../../TypographyStyle';\nimport { Menu, SimpleSidebarV2Props } from './SidebarV2.model';\nimport { SimpleSidebarV2Container } from './SidebarV2Styles';\n\nexport const SimpleSidebarV2: React.FC<SimpleSidebarV2Props> = (\n\tsimpleSidebarProps,\n) => {\n\tconst {\n\t\tmenuList,\n\t\tactiveMenu,\n\t\ttheme,\n\t\tshowAccessUpgradePanel = false,\n\t\theader,\n\t\twidth,\n\t\tzIndex,\n\t\tleft,\n\t\tpostion,\n\t\ttop,\n\t\trouter,\n\t\tonMouseLeaveOnMenu,\n\t\tonMouseEnterOnMenu,\n\t\tonMenuClick,\n\t\tonUpgrade,\n\t\tisNewSidebar,\n\t} = simpleSidebarProps;\n\n\tconst [isActiveMenu, setIsActiveMenu] = useState(activeMenu);\n\tconst getChildSideBar = (child: Menu, hoveredIndex: number) => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={`sub-child-menu  ${\n\t\t\t\t\tisActiveMenu?.key == child?.key ? 'sub-child-active-menu' : ''\n\t\t\t\t}`}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tsetIsActiveMenu(child);\n\t\t\t\t\tonMenuClick(child, !child.page);\n\t\t\t\t}}\n\t\t\t\tkey={hoveredIndex}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclassName={\n\t\t\t\t\t\tisActiveMenu?.key == child?.key && theme == 'brand'\n\t\t\t\t\t\t\t? 'sub-child-active-text'\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<BodyCaption\n\t\t\t\t\tclassName={`sub-child-text ${\n\t\t\t\t\t\tisActiveMenu?.key == child?.key && theme == 'white'\n\t\t\t\t\t\t\t? 'active-bold-weight'\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}`}\n\t\t\t\t>\n\t\t\t\t\t{child?.displayName}\n\t\t\t\t</BodyCaption>\n\t\t\t\t{child.isNew && <div className=\"sub-child-new-tag\">NEW</div>}\n\t\t\t</div>\n\t\t);\n\t};\n\n\treturn (\n\t\t<SimpleSidebarV2Container\n\t\t\twidth={width}\n\t\t\tzIndex={zIndex}\n\t\t\tleft={left}\n\t\t\ttheme={theme}\n\t\t\tpostion={postion}\n\t\t\ttop={top}\n\t\t\tisNewSidebar={isNewSidebar}\n\t\t>\n\t\t\t<div\n\t\t\t\tid={'_sub-menu'}\n\t\t\t\tkey={'_sub-menu'}\n\t\t\t\tclassName={'sidebar-right-menu' + ' transform-class'}\n\t\t\t\tonMouseLeave={onMouseLeaveOnMenu}\n\t\t\t\tonMouseEnter={onMouseEnterOnMenu}\n\t\t\t>\n\t\t\t\t<div className=\"sidebar-bridge\" />\n\t\t\t\t<div>\n\t\t\t\t\t{!isNewSidebar && (\n\t\t\t\t\t\t<BodyCaption className=\"sub-child-display-name\">\n\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{menuList?.map((child, hoveredIndex) => {\n\t\t\t\t\t\treturn child.page ? (\n\t\t\t\t\t\t\t<NavigationHyperlink href={child.page} router={router}>\n\t\t\t\t\t\t\t\t{getChildSideBar(child, hoveredIndex)}\n\t\t\t\t\t\t\t</NavigationHyperlink>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\tgetChildSideBar(child, hoveredIndex)\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t\t{showAccessUpgradePanel && (\n\t\t\t\t\t<div className=\"lower-sticky-panel\">\n\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\tclassName=\"title-text\"\n\t\t\t\t\t\t\tstyle={{ color: COLORS.surface.standard }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tUpgrade plan to access this feature.\n\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"upgrade-button\"\n\t\t\t\t\t\t\tbuttonText=\"Upgrade plan\"\n\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tinverse\n\t\t\t\t\t\t\tonClick={() => (onUpgrade ? onUpgrade() : '')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</SimpleSidebarV2Container>\n\t);\n};\n"],"names":["SimpleSidebarV2","simpleSidebarProps","menuList","activeMenu","theme","showAccessUpgradePanel","header","width","zIndex","left","postion","top","router","onMouseLeaveOnMenu","onMouseEnterOnMenu","onMenuClick","onUpgrade","isNewSidebar","isActiveMenu","setIsActiveMenu","useState","getChildSideBar","child","hoveredIndex","jsxs","jsx","BodyCaption","SimpleSidebarV2Container","NavigationHyperlink","TitleSmall","COLORS","Button"],"mappings":"4VAQaA,EACZC,GACI,CACJ,KAAM,CACL,SAAAC,EACA,WAAAC,EACA,MAAAC,EACA,uBAAAC,EAAyB,GACzB,OAAAC,EACA,MAAAC,EACA,OAAAC,EACA,KAAAC,EACA,QAAAC,EACA,IAAAC,EACA,OAAAC,EACA,mBAAAC,EACA,mBAAAC,EACA,YAAAC,EACA,UAAAC,EACA,aAAAC,CAAA,EACGhB,EAEE,CAACiB,EAAcC,CAAe,EAAIC,EAAAA,SAASjB,CAAU,EACrDkB,EAAkB,CAACC,EAAaC,IAEpCC,EAAAA,KAAC,MAAA,CACA,UAAW,mBACVN,GAAc,KAAOI,GAAO,IAAM,wBAA0B,EAC7D,GACA,QAAS,IAAM,CACdH,EAAgBG,CAAK,EACrBP,EAAYO,EAAO,CAACA,EAAM,IAAI,CAC/B,EAEA,cAAY,OAEZ,SAAA,CAAAG,EAAAA,IAAC,OAAA,CACA,UACCP,GAAc,KAAOI,GAAO,KAAOlB,GAAS,QACzC,wBACA,EAAA,CAAA,EAGLqB,EAAAA,IAACC,EAAAA,YAAA,CACA,UAAW,kBACVR,GAAc,KAAOI,GAAO,KAAOlB,GAAS,QACzC,qBACA,EACJ,GAEC,SAAAkB,GAAO,WAAA,CAAA,EAERA,EAAM,OAASG,EAAAA,IAAC,MAAA,CAAI,UAAU,oBAAoB,SAAA,KAAA,CAAG,CAAA,CAAA,EAnBjDF,CAAA,EAwBR,OACCE,EAAAA,IAACE,EAAAA,yBAAA,CACA,MAAApB,EACA,OAAAC,EACA,KAAAC,EACA,MAAAL,EACA,QAAAM,EACA,IAAAC,EACA,aAAAM,EAEA,SAAAO,EAAAA,KAAC,MAAA,CACA,GAAI,YAEJ,UAAW,qCACX,aAAcX,EACd,aAAcC,EAEd,SAAA,CAAAW,EAAAA,IAAC,MAAA,CAAI,UAAU,gBAAA,CAAiB,SAC/B,MAAA,CACC,SAAA,CAAA,CAACR,GACDQ,EAAAA,IAACC,cAAA,CAAY,UAAU,yBACrB,SAAApB,EACF,EAGAJ,GAAU,IAAI,CAACoB,EAAOC,IACfD,EAAM,KACZG,EAAAA,IAACG,EAAAA,oBAAA,CAAoB,KAAMN,EAAM,KAAM,OAAAV,EACrC,SAAAS,EAAgBC,EAAOC,CAAY,CAAA,CACrC,EAEAF,EAAgBC,EAAOC,CAAY,CAEpC,CAAA,EACF,EACClB,GACAmB,EAAAA,KAAC,MAAA,CAAI,UAAU,qBACd,SAAA,CAAAC,EAAAA,IAACI,EAAAA,WAAA,CACA,UAAU,aACV,MAAO,CAAE,MAAOC,SAAO,QAAQ,QAAA,EAC/B,SAAA,sCAAA,CAAA,EAGDL,EAAAA,IAACM,EAAAA,OAAA,CACA,UAAU,iBACV,WAAW,eACX,WAAW,UACX,KAAK,QACL,QAAO,GACP,QAAS,IAAOf,EAAYA,IAAc,EAAA,CAAA,CAC3C,CAAA,CACD,CAAA,CAAA,EAvCI,WAAA,CAyCN,CAAA,CAGH"}

package/dist/cjs/components/dual-icon-button/DualIconButton.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),r=require("../../constants/Theme.js"),n=require("./DualIconButton.styled.js"),j=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},l=j(i),u=i.forwardRef(({id:t,LeftIcon:a,RightIcon:s,onLeftClick:f,onRightClick:d,disabled:e,leftIconColor:h,rightIconColor:y,style:m},p)=>{const c=e?r.COLORS.content.inactive:r.COLORS.content.primaryInverse;return o.jsxs(n.Container,{id:t,ref:p,disabled:e,style:m,children:[o.jsx(n.IconHalf,{disabled:e,onClick:e?void 0:f,children:l.default.createElement(a,{height:16,width:16,color:h||c,style:{display:"block"}})}),o.jsx(n.Divider,{}),o.jsx(n.IconHalf,{disabled:e,onClick:e?void 0:d,children:l.default.createElement(s,{height:16,width:16,color:y||c,style:{display:"block"}})})]})});u.displayName="DualIconButton";exports.DualIconButton=u;
-//# sourceMappingURL=DualIconButton.js.map

package/dist/cjs/components/dual-icon-button/DualIconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DualIconButton.js","sources":["../../../../src/components/dual-icon-button/DualIconButton.tsx"],"sourcesContent":["import React from 'react';\nimport { forwardRef } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport * as Sc from './DualIconButton.styled';\nimport { DualIconButtonProps } from './model';\n\nexport const DualIconButton = forwardRef<HTMLDivElement, DualIconButtonProps>(\n\t(\n\t\t{\n\t\t\tid,\n\t\t\tLeftIcon,\n\t\t\tRightIcon,\n\t\t\tonLeftClick,\n\t\t\tonRightClick,\n\t\t\tdisabled,\n\t\t\tleftIconColor,\n\t\t\trightIconColor,\n\t\t\tstyle,\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst iconColor = disabled\n\t\t\t? COLORS.content.inactive\n\t\t\t: COLORS.content.primaryInverse;\n\n\t\treturn (\n\t\t\t<Sc.Container id={id} ref={ref} disabled={disabled} style={style}>\n\t\t\t\t<Sc.IconHalf\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tonClick={disabled ? undefined : onLeftClick}\n\t\t\t\t>\n\t\t\t\t\t{React.createElement(LeftIcon, {\n\t\t\t\t\t\theight: 16,\n\t\t\t\t\t\twidth: 16,\n\t\t\t\t\t\tcolor: leftIconColor || iconColor,\n\t\t\t\t\t\tstyle: { display: 'block' },\n\t\t\t\t\t})}\n\t\t\t\t</Sc.IconHalf>\n\t\t\t\t<Sc.Divider />\n\t\t\t\t<Sc.IconHalf\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tonClick={disabled ? undefined : onRightClick}\n\t\t\t\t>\n\t\t\t\t\t{React.createElement(RightIcon, {\n\t\t\t\t\t\theight: 16,\n\t\t\t\t\t\twidth: 16,\n\t\t\t\t\t\tcolor: rightIconColor || iconColor,\n\t\t\t\t\t\tstyle: { display: 'block' },\n\t\t\t\t\t})}\n\t\t\t\t</Sc.IconHalf>\n\t\t\t</Sc.Container>\n\t\t);\n\t},\n);\n\nDualIconButton.displayName = 'DualIconButton';\n"],"names":["DualIconButton","forwardRef","id","LeftIcon","RightIcon","onLeftClick","onRightClick","disabled","leftIconColor","rightIconColor","style","ref","iconColor","COLORS","Sc.Container","jsx","Sc.IconHalf","React","Sc.Divider"],"mappings":"qRAMaA,EAAiBC,EAAAA,WAC7B,CACC,CACC,GAAAC,EACA,SAAAC,EACA,UAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,cAAAC,EACA,eAAAC,EACA,MAAAC,CAAA,EAEDC,IACI,CACJ,MAAMC,EAAYL,EACfM,EAAAA,OAAO,QAAQ,SACfA,EAAAA,OAAO,QAAQ,eAElB,cACEC,EAAAA,UAAA,CAAa,GAAAZ,EAAQ,IAAAS,EAAU,SAAAJ,EAAoB,MAAAG,EACnD,SAAA,CAAAK,EAAAA,IAACC,EAAAA,SAAA,CACA,SAAAT,EACA,QAASA,EAAW,OAAYF,EAE/B,SAAAY,EAAAA,QAAM,cAAcd,EAAU,CAC9B,OAAQ,GACR,MAAO,GACP,MAAOK,GAAiBI,EACxB,MAAO,CAAE,QAAS,OAAA,CAAQ,CAC1B,CAAA,CAAA,EAEFG,EAAAA,IAACG,EAAAA,QAAA,EAAW,EACZH,EAAAA,IAACC,EAAAA,SAAA,CACA,SAAAT,EACA,QAASA,EAAW,OAAYD,EAE/B,SAAAW,EAAAA,QAAM,cAAcb,EAAW,CAC/B,OAAQ,GACR,MAAO,GACP,MAAOK,GAAkBG,EACzB,MAAO,CAAE,QAAS,OAAA,CAAQ,CAC1B,CAAA,CAAA,CACF,EACD,CAEF,CACD,EAEAZ,EAAe,YAAc"}

package/dist/cjs/components/dual-icon-button/DualIconButton.styled.js

@@ -1,33 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("../../constants/Theme.js"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=o(i),r=n.default.div`
-	display: inline-flex;
-	align-items: center;
-	border-radius: 4px;
-	overflow: hidden;
-	background: ${e=>e.disabled?t.COLORS.background.inactive:t.COLORS.background.inverseLight};
-`,d=n.default.button`
-	all: unset;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	width: 24px;
-	height: 24px;
-	padding: 4px;
-	box-sizing: border-box;
-	cursor: ${e=>e.disabled?"not-allowed":"pointer"};
-	background: transparent;
-
-	${e=>e.disabled?"":`
-		:hover {
-			background-color: ${t.COLORS.background.inverse};
-		}
-		:active {
-			box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);
-		}
-	`}
-`,a=n.default.div`
-	width: 1px;
-	height: 12px;
-	background: rgba(255, 255, 255, 0.3);
-	flex-shrink: 0;
-`;exports.Container=r;exports.Divider=a;exports.IconHalf=d;
-//# sourceMappingURL=DualIconButton.styled.js.map

package/dist/cjs/components/dual-icon-button/DualIconButton.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DualIconButton.styled.js","sources":["../../../../src/components/dual-icon-button/DualIconButton.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const Container = styled.div<{ disabled?: boolean }>`\n\tdisplay: inline-flex;\n\talign-items: center;\n\tborder-radius: 4px;\n\toverflow: hidden;\n\tbackground: ${(props) =>\n\t\tprops.disabled\n\t\t\t? COLORS.background.inactive\n\t\t\t: COLORS.background.inverseLight};\n`;\n\nexport const IconHalf = styled.button<{ disabled?: boolean }>`\n\tall: unset;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 24px;\n\theight: 24px;\n\tpadding: 4px;\n\tbox-sizing: border-box;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\tbackground: transparent;\n\n\t${(props) =>\n\t\t!props.disabled\n\t\t\t? `\n\t\t:hover {\n\t\t\tbackground-color: ${COLORS.background.inverse};\n\t\t}\n\t\t:active {\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t}\n\t`\n\t\t\t: ''}\n`;\n\nexport const Divider = styled.div`\n\twidth: 1px;\n\theight: 12px;\n\tbackground: rgba(255, 255, 255, 0.3);\n\tflex-shrink: 0;\n`;\n"],"names":["Container","styled","props","COLORS","IconHalf","Divider"],"mappings":"0NAGaA,EAAYC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,eAKhBC,GACdA,EAAM,SACHC,EAAAA,OAAO,WAAW,SAClBA,EAAAA,OAAO,WAAW,YAAY;AAAA,EAGtBC,EAAWH,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WASnBC,GAAWA,EAAM,SAAW,cAAgB,SAAU;AAAA;AAAA;AAAA,GAG9DA,GACDA,EAAM,SASJ,GARA;AAAA;AAAA,uBAEkBC,EAAAA,OAAO,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAMzC;AAAA,EAGME,EAAUJ,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA"}

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

@@ -1,33 +0,0 @@
-import { default as 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>;