@bikdotai/bik-component-library 0.0.814-4 → 0.0.814-beta.0

package/dist/esm/src/components/whats-new/WhatsNew.types.d.ts

@@ -35,8 +35,6 @@ export interface WhatsNewButtonProps {
     testId?: string;
     iconWidth?: number;
     iconHeight?: number;
-    iconColor?: string;
-    iconPadding?: number;
     customIcon?: React.ComponentType<{
         width?: number;
         height?: number;

package/dist/esm/src/constants/Theme.d.ts

@@ -1,15 +1,11 @@
 export declare const BASE_COLORS: {
     brand: {
         900: string;
-        850: string;
         800: string;
-        700: string;
         500: string;
         100: string;
         50: string;
         10: string;
-        7: string;
-        5: string;
     };
     grayscale: {
         900: string;
@@ -56,11 +52,8 @@ export declare const COLORS: {
         brand: string;
         brandLight: string;
         brandVeryLight: string;
-        brandUltraLight: string;
-        brandGhost: string;
         pureWhite: string;
         brandTint: string;
-        brandHovered: string;
         negative: {
             vibrant: string;
             light: string;
@@ -121,7 +114,6 @@ export declare const COLORS: {
             vibrant: string;
         };
         brandLightAlt: string;
-        brandSubdued: string;
         blue: {
             lightAlt: string;
         };
@@ -214,12 +206,6 @@ export declare const FONTS: {
         lineHeight: number;
         letterSpacing: number;
     };
-    bodyTinySemiBold: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
     tiny: {
         fontWeight: string;
         fontSize: number;
@@ -357,11 +343,8 @@ export declare const DEFAULT_THEME: {
             brand: string;
             brandLight: string;
             brandVeryLight: string;
-            brandUltraLight: string;
-            brandGhost: string;
             pureWhite: string;
             brandTint: string;
-            brandHovered: string;
             negative: {
                 vibrant: string;
                 light: string;
@@ -422,7 +405,6 @@ export declare const DEFAULT_THEME: {
                 vibrant: string;
             };
             brandLightAlt: string;
-            brandSubdued: string;
             blue: {
                 lightAlt: string;
             };
@@ -515,12 +497,6 @@ export declare const DEFAULT_THEME: {
             lineHeight: number;
             letterSpacing: number;
         };
-        bodyTinySemiBold: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
         tiny: {
             fontWeight: string;
             fontSize: number;

package/dist/esm/src/editor/extensions/editorDropdown.styles.d.ts

@@ -8,11 +8,5 @@ export declare const MentionLabel: import("styled-components").StyledComponent<"
 export declare const MentionPresenceDot: import("styled-components").StyledComponent<"span", any, {
     $online?: boolean | undefined;
 }, never>;
-export declare const SlashLabel: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
-export declare const SlashDescription: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-    color?: string | undefined;
-}, never>;
+export declare const SlashLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const SlashDescription: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/esm/src/icons/Arrows/Chevron/ChevronUp.d.ts

@@ -1,6 +1,7 @@
 import type { SVGProps } from 'react';
 interface Props extends SVGProps<SVGSVGElement> {
+    size?: number | string;
     color?: string;
 }
-declare const SvgChevronUp: ({ width, height, color, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const SvgChevronUp: ({ size, color, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default SvgChevronUp;

package/dist/esm/src/icons/index.d.ts

@@ -1,39 +1,39 @@
-export { Activate, Code, Cross, Deactivate, Delete, Edit, Forward, Fullscreen, LinkSimpleHorizontal, Minus, Plus, SendAirplane, ShareAndroid, } from './Actions/Common actions';
-export { CheckboxIcon, Copy, DecreaseIndent, Dropdown, IncreaseIndent, MultiLine, MultiSelect, Number, NumberList, Quotes, Subscript, Superscript, TextBold, Text, TextAlignCenter, TextAlignLeft, TextAlignRight, TextItalics, TextJustify, TextStrikethrough, TextUnderline, Textbox, } from './Actions/Formatting';
-export { ArrowRedo, ArrowUndo, LogIn, LogOut, OpenNewWindow, Refresh, Rewind, Sync, Whatsapp, } from './Actions/Navigation';
+export { Activate, Code, Cross, Deactivate, Delete, Edit, Forward, Fullscreen, LinkSimpleHorizontal, Minus, Plus, SendAirplane, ShareAndroid } from './Actions/Common actions';
+export { CheckboxIcon, Copy, DecreaseIndent, Dropdown, IncreaseIndent, MultiLine, MultiSelect, Number, NumberList, Quotes, Subscript, Superscript, TextBold, Text, TextAlignCenter, TextAlignLeft, TextAlignRight, TextItalics, TextJustify, TextStrikethrough, TextUnderline, Textbox } from './Actions/Formatting';
+export { ArrowRedo, ArrowUndo, LogIn, LogOut, OpenNewWindow, Refresh, Rewind, Sync, Whatsapp } from './Actions/Navigation';
 export { HandleDrag, SingleChoice } from './Actions/Selection';
 export { CaratDown, CaratLeft, CaratRight, CaratUp } from './Arrows/Carat';
-export { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, } from './Arrows/Chevron';
-export { ChevronDoubleDown, ChevronDoubleLeft, ChevronDoubleRight, ChevronDoubleUp, } from './Arrows/Double chevron';
-export { ArrowDown, ArrowDownLeft, ArrowDownRight, ArrowLeft, ArrowRight, ArrowUp, ArrowUpLeft, ArrowUpRight, } from './Arrows/Normal arrows';
+export { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from './Arrows/Chevron';
+export { ChevronDoubleDown, ChevronDoubleLeft, ChevronDoubleRight, ChevronDoubleUp } from './Arrows/Double chevron';
+export { ArrowDown, ArrowDownLeft, ArrowDownRight, ArrowLeft, ArrowRight, ArrowUp, ArrowUpLeft, ArrowUpRight } from './Arrows/Normal arrows';
 export { ArrowSwitch } from './Arrows/Special';
-export { AiIcon, AiEmoji, AiRobot, Expand, Frame27389, Frame27597, Frame27598, Frame27599, GeminiSparkle, ManifestSparkle, PricePlease, Shape, Shorter, Sparkling2Line, Write, } from './BIK AI specific';
-export { Bell, BellSync, Bulb, Forms, MenuHamburger, MessageSearch, MoreHorizontal, MoreVertical, Placeholder, Search, Settings, Training, } from './Informational/Common UI';
-export { Chat, ChatCheck, ChatQuestion, ChatStar, Email, LiveChat, Phone, } from './Informational/Communication';
-export { ClipboardCheck, Experimental, Help, Percent, Purchase, Services, ShoppingCart, Unsatisfactory, UserSound, } from './Informational/Customer intent';
+export { AiIcon, AiEmoji, AiRobot, Expand, Frame27389, Frame27597, Frame27598, Frame27599, GeminiSparkle, ManifestSparkle, PricePlease, Shape, Shorter, Sparkling2Line, Write } from './BIK AI specific';
+export { Bell, BellSync, Bulb, Forms, MenuHamburger, MessageSearch, MoreHorizontal, MoreVertical, Placeholder, Search, Settings, Training } from './Informational/Common UI';
+export { Chat, ChatCheck, ChatQuestion, ChatStar, Email, LiveChat, Phone } from './Informational/Communication';
+export { ClipboardCheck, Experimental, Help, Percent, Purchase, Services, ShoppingCart, Unsatisfactory, UserSound } from './Informational/Customer intent';
 export { SingleChoice as SingleChoice2 } from './Informational/Customer intent';
-export { Calendar, CalendarAdd, Clock, HourGlass, WorkingHours, } from './Informational/Date and time';
-export { AddLabel, Click, Filter, Gift1, GiftMinus, GiftPlus, Promocode, Receipt, ShieldCheck, ShoppingBag, ShoppingBasket, } from './Informational/eCommerce';
+export { Calendar, CalendarAdd, Clock, HourGlass, WorkingHours } from './Informational/Date and time';
+export { AddLabel, Click, Filter, Gift1, GiftMinus, GiftPlus, Promocode, Receipt, ShieldCheck, ShoppingBag, ShoppingBasket } from './Informational/eCommerce';
 export { ShoppingCart as ShoppingCart2 } from './Informational/eCommerce';
-export { Archive1, Excel, File, FileCsv, FilePage, FilePdf, Folder, MediaMessage, Move, OrderHistory, PrivateNote, TextMessage, Unarchive, } from './Informational/Files and folders';
-export { Bank, CashOnDelivery, ChartLine, CreditCard, Growth, Money1, NoCredits, Rupee, TablerTicket, Wallet, } from './Informational/Finance';
+export { Archive1, Excel, File, FileCsv, FilePage, FilePdf, Folder, MediaMessage, Move, OrderHistory, PrivateNote, TextMessage, Unarchive } from './Informational/Files and folders';
+export { Bank, CashOnDelivery, ChartLine, CreditCard, Growth, Money1, NoCredits, Rupee, TablerTicket, Wallet } from './Informational/Finance';
 export { Percent as Percent2 } from './Informational/Finance';
-export { AlertTriangle, Check, CheckDouble, CloseTicket1, Error, FailDoc, IcList, Info, NewTicket, RoundCheck, Slash, } from './Informational/General';
+export { AlertTriangle, Check, CheckDouble, CloseTicket1, Error, FailDoc, IcList, Info, NewTicket, RoundCheck, Slash } from './Informational/General';
 export { Help as Help2 } from './Informational/General';
-export { Chatbot, Contacts, Group, IdCard, Person, Robot, Union, Union1, UserMinus1, UserPlus, } from './Informational/Identity';
-export { Address, LanguageChange, MapPin, Truck, } from './Informational/Location';
-export { AllProduct, Clipboard, CustomerReport, Head112, InventoryReport, LegalBalance, OrderReport, PaymentReport, Store, StoreSync, } from './Informational/Store related';
+export { Chatbot, Contacts, Group, IdCard, Person, Robot, Union, Union1, UserMinus1, UserPlus } from './Informational/Identity';
+export { Address, LanguageChange, MapPin, Truck } from './Informational/Location';
+export { AllProduct, Clipboard, CustomerReport, Head112, InventoryReport, LegalBalance, OrderReport, PaymentReport, Store, StoreSync } from './Informational/Store related';
 export { ClipboardCheck as ClipboardCheck2 } from './Informational/Store related';
 export { Box, Box2 } from './Legacy - Bikayi specific/Categories';
 export { Journeys } from './Legacy - Bikayi specific/Navigation';
 export { Services as Services2 } from './Legacy - Bikayi specific/Navigation';
 export { PlanUltimate } from './Legacy - Bikayi specific/Plans';
-export { Businesscard, Customdomain, Marketing, PaymentLink, Theme, } from './Legacy - Bikayi specific/Services';
-export { Microphone, Pause, Play, Sleep, VolumeMute, VolumeOneline, VolumeTwoline, } from './Media/Audio';
+export { Businesscard, Customdomain, Marketing, PaymentLink, Theme } from './Legacy - Bikayi specific/Services';
+export { Microphone, Pause, Play, Sleep, VolumeMute, VolumeOneline, VolumeTwoline } from './Media/Audio';
 export { Desktop, Smartphone } from './Media/Devices';
-export { BarcodeScan, Download, EmojiSmile, Paperclip, Upload, } from './Media/Others';
-export { Camera, CameraAdd, Crop, FlashOff, FlashOn, Image, ImageAdd, Images, Maximize, RotateAnticlockwise, RotateClockwise, VideoCamcorder, VideoFilm, } from './Media/Visual';
-export { Bigcommerce, EmailMarketing, Facebook, FacebookComment, Instagram, InstagramIcon, Messenger, Tasks, WebPush, WhatsApp, } from './Social/Channels';
+export { BarcodeScan, Download, EmojiSmile, Paperclip, Upload } from './Media/Others';
+export { Camera, CameraAdd, Crop, FlashOff, FlashOn, Image, ImageAdd, Images, Maximize, RotateAnticlockwise, RotateClockwise, VideoCamcorder, VideoFilm } from './Media/Visual';
+export { Bigcommerce, EmailMarketing, Facebook, FacebookComment, Instagram, InstagramIcon, Messenger, Tasks, WebPush, WhatsApp } from './Social/Channels';
 export { Email as Email2 } from './Social/Channels';
 export { Google, Rcs, Twitter, Website, Youtube } from './Social/Social';
 export { EmailMarketing as EmailMarketing2 } from './Social/Social';
@@ -41,4 +41,4 @@ export { Facebook as Facebook2 } from './Social/Social';
 export { Instagram as Instagram2 } from './Social/Social';
 export { Messenger as Messenger2 } from './Social/Social';
 export { Whatsapp as Whatsapp2 } from './Social/Social';
-export { Eye, EyeClosed, EyeOff, HeartEmpty, HeartFilled, Lock, StarEmpty, StarFilled, StarHalf, Unlock, } from './Toggles/General';
+export { Eye, EyeClosed, EyeOff, HeartEmpty, HeartFilled, Lock, StarEmpty, StarFilled, StarHalf, Unlock } from './Toggles/General';

package/dist/esm/src/index.d.ts

@@ -17,7 +17,6 @@ export * from './components/spinner';
 export * from './components/stepper';
 export * from './components/tag';
 export * from './components/icon-button';
-export * from './components/dual-icon-button';
 export * from './components/template-preview';
 export * from './components/template-context-mapper';
 export * from './components/fab-menu';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.814-4",
+	"version": "0.0.814-beta.0",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",
@@ -34,7 +34,6 @@
 	],
 	"scripts": {
 		"build": "NODE_ENV=production rollup -c",
-		"dev": "NODE_ENV=production rollup -c --watch",
 		"build:storybook": "build-storybook",
 		"generate:icons": "npx @svgr/cli --config-file svgr.generate.cjs --out-dir src/icons svgs/",
 		"lint": "eslint . --ext .ts,.tsx,.js,.jsx",
@@ -65,7 +64,6 @@
 	"dependencies": {
 		"@amplitude/analytics-browser": "^2.9.3",
 		"@babel/runtime": "^7.20.7",
-		"@bikdotai/bik-component-library": "^0.0.805-beta.32",
 		"@bikdotai/bik-models": "11.4.0",
 		"@hello-pangea/dnd": "^18.0.1",
 		"@popperjs/core": "^2.11.7",
@@ -156,6 +154,7 @@
 		"@typescript-eslint/parser": "^5.48.1",
 		"@zerollup/ts-transform-paths": "^1.7.18",
 		"babel-loader": "^9.1.2",
+		"caniuse-lite": "^1.0.30001646",
 		"date-fns": "^2.29.3",
 		"eslint": "8.31.0",
 		"eslint-config-prettier": "^8.6.0",

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

@@ -1,2 +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}=i,r=n,l=o;return e.jsx(e.Fragment,{children:t?e.jsx(l,{width:16,height:16,color:s.COLORS.content.primaryInverse}):e.jsx(r,{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,k,y,M,S;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===(k=t.displayName)||void 0===k?void 0:k.split(" "))||void 0===y?void 0:y.join(""))+"_sub"||t.key.toString()+"_sub",isActive:(null==d?void 0:d.key)===t.key,"data-active":(null==d?void 0:d.key)===t.key?"true":void 0,isLastSticky:t.isLastSticky,is2ndLastSticky:t.is2ndLastSticky,isHovered:t.key===(null==c?void 0:c.key),isNew:t.isNew,onMouseEnter:()=>r(t),onMouseLeave:p},{children:[e.jsx(a,{icon:t.icon,isActive:t.key==(null==d?void 0:d.key),activeStateIcon:null!==(M=t.activeIcon)&&void 0!==M?M:{},hoverStateIcon:null!==(S=t.hoverIcon)&&void 0!==S?S:{},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:k,onClickingAccessUpgradePanel:y,onClickingPopupMenuItem:M,popupMinHeight:S,isNewSidebar:m,menuStyle:b}=n,[j,L]=t.useState(v),[x,C]=t.useState(),[w,f]=t.useState(p),[I,H]=t.useState(!1),[O,N]=t.useState(),[B,E]=t.useState(),[P,q]=t.useState(),A=t.useRef(null),F=t.useMemo((()=>a.filter((e=>e.is2ndLastSticky||e.isLastSticky)).length),[a]);t.useEffect((()=>{L(v)}),[v]),t.useEffect((()=>{f(p)}),[p]);const V=t.useCallback((e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(N(void 0),C(void 0),H(!0),L(e),e.path||h(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?f(null==e?void 0:e.children[0]):f({}),C(void 0),setTimeout((()=>{H(!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&&E(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&&E(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(O){const n=(null===(i=null===(e=O.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||O.key.toString()+"_sub",t=document.getElementById(n);if(t){const e=t.getBoundingClientRect();let i=e.top;const n=null!=S?S: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:I,setHoveredComp:C,setPopupMenu:N,mainActiveMenu:j,hoveredComp:x,popupMenu:O,onMouseLeaveMenuItem:U})})):e.jsx(c,{option:i,index:n,onClickMainMenuLogic:V,setHandleHoverForFullLayout:_,isDisabled:I,setHoveredComp:C,setPopupMenu:N,mainActiveMenu:j,hoveredComp:x,popupMenu:O,onMouseLeaveMenuItem:U}),e.jsxs(e.Fragment,{children:["popup"===i.layout&&(null===(o=null==O?void 0:O.children)||void 0===o?void 0:o.length)&&e.jsx(l.SidebarV2Popup,{top:null!=B?B:void 0,menuList:null==O?void 0:O.children,onClickingPopupMenu:e=>{M&&M(e),N(void 0)},onMouseEnterOnMenu:D,onMouseLeaveOnMenu:U}),(null===(s=null==x?void 0:x.children)||void 0===s?void 0:s.length)&&e.jsx(d.SimpleSidebarV2,{menuList:null==x?void 0:x.children,width:200,activeMenu:w,onMouseEnterOnMenu:D,onMouseLeaveOnMenu:()=>C(void 0),left:78,postion:"fixed",header:x.displayName,theme:"brand",router:g,showAccessUpgradePanel:x.showAccessUpgradePanel,onMenuClick:(e,i)=>{f(e),L(x),C(void 0),N(void 0),i&&k(e)},onUpgrade:y,top:m&&P||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})}))})})]}))]})};
-//# 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","IconComponent","iconComponentProps","icon","isActive","activeStateIcon","Icon","ActiveIcon","_jsx","_Fragment","children","jsx","width","height","color","COLORS","content","primaryInverse","secondaryInverse","EachSidebarMenuItem","_ref","option","index","onClickMainMenuLogic","setHandleHoverForFullLayout","isDisabled","mainActiveMenu","hoveredComp","popupMenu","onMouseLeaveMenuItem","SibeBarV2MenuItem","_jsxs","SidebarMainMenu","Object","assign","id","_b","displayName","_a","split","join","key","toString","onClick","onMouseEnter","onMouseLeave","onFocus","isNew","SidebarNewTag","isLastSticky","isLocked","SidebarLockedChannel","is2ndLastSticky","LockedIcon","jsxs","SidebarMenuItemInner","_c","undefined","isHovered","_e","activeIcon","hoverStateIcon","_f","hoverIcon","SidebarMenuItemContainer","SidebarMenuItemText","bikSidebarV2Props","logoSvg","allMenuList","activeMainMenu","activeSubMenu","router","onClickingMainMenu","onClickingSubMenu","onClickingAccessUpgradePanel","onClickingPopupMenuItem","popupMinHeight","isNewSidebar","menuStyle","setMainActiveMenu","useState","setHoveredComp","subActiveMenu","setSubActiveMenu","setIsDisabled","setPopupMenu","popupMenuTop","setPopupMenuTop","sidebarEachMenuTop","setSidebarEachMenuTop","hoverLeaveTimerRef","useRef","numberOfStickyOptions","useMemo","filter","menu","length","useEffect","useCallback","layout","path","setTimeout","cancelHoverLeaveTimer","top","determineElementTop","targetElement","document","getElementById","topValue","calculateTopSideBarPosition","targetRect","getBoundingClientRect","window","innerHeight","distanceToBottom","bottom","handleResize","newTop","determineSideMenuTopWhileResize","addEventListener","removeEventListener","openSideMenuElement","openSideMenuElementHeight","current","clearTimeout","startHoverLeaveTimer","currentId","sideMenuRect","divBoxTop","popupHeight","SideBarV2Container","className","onKeyDown","BikIcon","MainSideBarV2MenuWrapper","style","map","Fragment","NavigationHyperlink","href","SidebarV2Popup","menuList","onClickingPopupMenu","popupMenuSelected","onMouseEnterOnMenu","onMouseLeaveOnMenu","SimpleSidebarV2","activeMenu","left","postion","header","theme","showAccessUpgradePanel","onMenuClick","menuSelected","reDirect","onUpgrade","onboardingPercentage","stickyBottom","CircularProgressBar","percentage"],"mappings":"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"}

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

@@ -1,2 +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")}))};
-//# 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":["sideBarProps","top","menuList","zIndex","left","onMouseLeaveOnMenu","onMouseEnterOnMenu","onClickingPopupMenu","_jsx","SidebarV2PopupContainer","Object","assign","theme","postion","children","jsx","id","className","onMouseEnter","onMouseLeave","map","child","popupIndex","_jsxs","style","borderBottom","length","undefined","onClick","TitleRegular","fontSize","displayName","BodySecondary","description"],"mappings":"sMAe0DA,IACzD,MAAMC,IACLA,EAAGC,SACHA,EAAQC,OACRA,EAAMC,KACNA,EAAIC,mBACJA,EAAkBC,mBAClBA,EAAkBC,oBAClBA,GACGP,EACJ,OACCQ,MAACC,EAAAA,wBAAuBC,OAAAC,OAAA,CACvBV,IAAKA,EACLW,MAAO,QACPT,OAAQA,EACRC,KAAMA,QAAAA,EAAQ,GACdS,QAAS,SAAO,CAAAC,SAEhBN,EACCO,IAAA,MAAAL,OAAAC,OAAA,CAAAK,GAAI,YAEJC,UAAW,qCACXC,aAAcZ,EACda,aAAcd,GAAkB,CAAAS,SAE/BZ,aAAA,EAAAA,EAAUkB,KAAI,CAACC,EAAOC,IACtBC,4BACCN,UAAU,YAEVO,MAAO,CACNC,aACCH,GAAcpB,EAASwB,OAAS,EAAI,YAASC,GAE/CC,QAASA,IAAMrB,EAAoBc,IAEnC,CAAAP,SAAA,CAAAN,EAAAO,IAACc,eAAanB,OAAAC,OAAA,CAAAa,MAAO,CAAEM,SAAU,KAAI,CAAAhB,SACnCO,EAAMU,eAERvB,EAACO,IAAAiB,gBAActB,OAAAC,OAAA,CAAAa,MAAO,CAAEM,SAAU,KAAI,CAAAhB,SACpCO,EAAMY,kBAXHX,OARF,eAwBmB"}

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

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