@bikdotai/bik-component-library 0.0.804-beta.16 → 0.0.804-beta.18

package/dist/cjs/components/avatar/Avatar.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import { AVATAR_BACKGROUND, AVATAR_TYPES, SIZE } from './AvatarHelper';
+export declare const AVATAR_SIZE_VS_ICON_SIZE_MAP: {
+    EXTRA_SMALL: number;
+    SMALL: number;
+    MEDIUM: number;
+    LARGE: number;
+};
+export declare const BACKGROUND_VS_TEXT_COLOR_MAP: {
+    LIGHT: string;
+    WHITE: string;
+    DARK: string;
+    BRAND: string;
+};
+export type AvatarProps = {
+    type: AVATAR_TYPES;
+    size: SIZE;
+    background: AVATAR_BACKGROUND;
+    name?: string;
+    photoUrl?: string;
+    icon?: React.FC<{
+        width: number;
+        height: number;
+        color: string;
+    }>;
+    useNameFallback?: boolean;
+    channelName?: MESSAGE_CHANNELS;
+    borderRadius?: string;
+    inboxSettings?: {
+        isSelected: boolean;
+        isComments: boolean;
+    };
+    status?: 'ONLINE' | 'OFFLINE' | 'AWAY';
+};
+export declare const enum MESSAGE_CHANNELS {
+    INSTAGRAM = "instagram",
+    MESSENGER = "messenger",
+    WHATSAPP = "whatsapp",
+    GMAIL = "gmail",
+    LIVECHAT = "livechat",
+    GOOGLE_BUSINESS_CHAT = "gbm",
+    SHOPIFY = "shopify",
+    FACEBOOK = "facebook",
+    EMAIL = "email",
+    SMTP = "smtp",
+    FACEBOOK_CATALOG = "facebook-catalog",
+    TASKS = "tasks",
+    BIK_LIVECHAT = "livechat"
+}
+export declare const Avatar: React.FC<AvatarProps>;

package/dist/cjs/components/avatar/Avatar.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("./Avatar.styled.js"),i=require("./AvatarHelper.js"),r=require("../TypographyStyle.js"),a=require("../../constants/Theme.js"),o=require("../../assets/icons/bik_livechat.svg.js"),n=require("../../assets/icons/email-channel.svg.js"),A=require("../../assets/icons/facebook_channel.svg.js"),S=require("../../assets/icons/gmail.svg.js"),c=require("../../assets/icons/instagram-channel.svg.js"),l=require("../../assets/icons/task.svg.js"),E=require("../../assets/icons/whatsapp_color.svg.js");const d={[i.SIZE.SMALL]:16,[i.SIZE.MEDIUM]:20,[i.SIZE.INBOX]:24,[i.SIZE.LARGE]:32},u={[i.AVATAR_BACKGROUND.LIGHT]:a.COLORS.content.secondary,[i.AVATAR_BACKGROUND.WHITE]:a.COLORS.content.secondary,[i.AVATAR_BACKGROUND.DARK]:a.COLORS.surface.standard};var h;exports.MESSAGE_CHANNELS=void 0,(h=exports.MESSAGE_CHANNELS||(exports.MESSAGE_CHANNELS={})).INSTAGRAM="instagram",h.MESSENGER="messenger",h.WHATSAPP="whatsapp",h.GMAIL="gmail",h.LIVECHAT="livechat",h.GOOGLE_BUSINESS_CHAT="gbm",h.SHOPIFY="shopify",h.FACEBOOK="facebook",h.EMAIL="email",h.SMTP="smtp",h.FACEBOOK_CATALOG="facebook-catalog",h.TASKS="tasks",h.BIK_LIVECHAT="livechat";exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=d,exports.Avatar=h=>{const[p,g]=s.useState(!1),O=()=>{const s=(h.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return h.size===i.SIZE.SMALL?e.jsx(r.BodyTiny,Object.assign({style:{color:u[h.background]}},{children:s})):h.size===i.SIZE.MEDIUM||h.size===i.SIZE.INBOX?e.jsx(r.TitleSmall,Object.assign({style:{color:u[h.background]}},{children:s})):h.size===i.SIZE.LARGE?e.jsx(r.TitleMedium,Object.assign({style:{color:u[h.background]}},{children:s})):void 0};return e.jsxs("div",Object.assign({style:{position:"relative"}},{children:[e.jsxs(t.AvatarStyle,Object.assign({type:h.type===i.AVATAR_TYPES.IMAGE&&(p||!h.photoUrl)&&h.useNameFallback&&h.name?i.AVATAR_TYPES.INITIALS:h.type,size:h.size,background:h.background},{children:[h.type===i.AVATAR_TYPES.IMAGE&&(h.useNameFallback&&(!h.photoUrl||p)&&h.name?e.jsx("div",{children:O()}):h.useNameFallback&&h.photoUrl&&!p?e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[h.size],height:i.AVATAR_SIZE_MAP[h.size],style:{borderRadius:(null==h?void 0:h.borderRadius)||"50%",objectFit:"contain"},src:h.photoUrl,onError:()=>{g(!0)}}):e.jsx("img",{alt:"",width:i.AVATAR_SIZE_MAP[h.size],height:i.AVATAR_SIZE_MAP[h.size],style:{borderRadius:(null==h?void 0:h.borderRadius)||"50%",objectFit:"contain"},src:h.photoUrl})),h.type===i.AVATAR_TYPES.INITIALS&&e.jsx("div",{children:O()}),h.type===i.AVATAR_TYPES.ICON&&h.icon&&e.jsx(h.icon,{width:d[h.size],height:d[h.size],color:u[h.background]})]})),h.inboxSettings&&e.jsx("div",Object.assign({style:{position:"absolute",left:d[h.size]+"px",top:d[h.size]+"px",width:14,height:14,borderRadius:(null==h?void 0:h.borderRadius)||"50%",display:"flex",justifyContent:"center",backgroundColor:h.inboxSettings.isSelected?h.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.background.brandLight:h.inboxSettings.isComments?a.COLORS.content.primary:a.COLORS.surface.standard,alignItems:"center"}},{children:(()=>{switch(h.channelName){case exports.MESSAGE_CHANNELS.EMAIL:case exports.MESSAGE_CHANNELS.SMTP:return e.jsx(n.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.FACEBOOK:case exports.MESSAGE_CHANNELS.FACEBOOK_CATALOG:case exports.MESSAGE_CHANNELS.MESSENGER:return e.jsx(A.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.INSTAGRAM:return e.jsx(c.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.WHATSAPP:return e.jsx(E.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.GMAIL:return e.jsx(S.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.TASKS:return e.jsx(l.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.BIK_LIVECHAT:return e.jsx(o.default,{width:11,height:11})}})()})),h.status&&e.jsx("div",Object.assign({style:{position:"absolute",left:d[h.size]+"px",top:d[h.size]+"px",width:11,height:11,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:a.COLORS.surface.standard,alignItems:"center"}},{children:h.status?e.jsx("div",{style:{backgroundColor:"ONLINE"===h.status?a.COLORS.special.whatsapp.brand:a.COLORS.content.inactive,width:"8px",height:"8px",borderRadius:"50%"}}):null}))]}))},exports.BACKGROUND_VS_TEXT_COLOR_MAP=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../TypographyStyle.js"),i=require("../../constants/Theme.js"),r=require("../../assets/icons/bik_livechat.svg.js"),a=require("../../assets/icons/email-channel.svg.js"),o=require("../../assets/icons/facebook_channel.svg.js"),A=require("../../assets/icons/gmail.svg.js"),n=require("../../assets/icons/instagram-channel.svg.js"),S=require("../../assets/icons/task.svg.js"),c=require("../../assets/icons/whatsapp_color.svg.js"),l=require("./Avatar.styled.js"),E=require("./AvatarHelper.js");const d={[E.SIZE.EXTRA_SMALL]:10,[E.SIZE.SMALL]:16,[E.SIZE.MEDIUM]:20,[E.SIZE.LARGE]:32},h={[E.AVATAR_BACKGROUND.LIGHT]:i.COLORS.content.secondary,[E.AVATAR_BACKGROUND.WHITE]:i.COLORS.content.secondary,[E.AVATAR_BACKGROUND.DARK]:i.COLORS.surface.standard,[E.AVATAR_BACKGROUND.BRAND]:i.COLORS.background.inverseLight};var u;exports.MESSAGE_CHANNELS=void 0,(u=exports.MESSAGE_CHANNELS||(exports.MESSAGE_CHANNELS={})).INSTAGRAM="instagram",u.MESSENGER="messenger",u.WHATSAPP="whatsapp",u.GMAIL="gmail",u.LIVECHAT="livechat",u.GOOGLE_BUSINESS_CHAT="gbm",u.SHOPIFY="shopify",u.FACEBOOK="facebook",u.EMAIL="email",u.SMTP="smtp",u.FACEBOOK_CATALOG="facebook-catalog",u.TASKS="tasks",u.BIK_LIVECHAT="livechat";exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=d,exports.Avatar=u=>{const[p,g]=s.useState(!1),O=()=>{const s=(u.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join(""),i=h[u.background];return u.size===E.SIZE.LARGE?e.jsx(t.TitleMedium,Object.assign({style:{color:i}},{children:s})):u.size===E.SIZE.MEDIUM?e.jsx(t.TitleSmall,Object.assign({style:{color:i}},{children:s})):e.jsx(t.BodyTiny,Object.assign({style:{color:i}},{children:s}))};return e.jsxs("div",Object.assign({style:{position:"relative"}},{children:[e.jsxs(l.AvatarStyle,Object.assign({type:u.type===E.AVATAR_TYPES.IMAGE&&(p||!u.photoUrl)&&u.useNameFallback&&u.name?E.AVATAR_TYPES.INITIALS:u.type,size:u.size,background:u.background},{children:[u.type===E.AVATAR_TYPES.IMAGE&&(u.useNameFallback&&(!u.photoUrl||p)&&u.name?e.jsx("div",{children:O()}):u.useNameFallback&&u.photoUrl&&!p?e.jsx("img",{alt:"",width:E.AVATAR_SIZE_MAP[u.size],height:E.AVATAR_SIZE_MAP[u.size],style:{borderRadius:(null==u?void 0:u.borderRadius)||"50%",objectFit:"contain"},src:u.photoUrl,onError:()=>{g(!0)}}):e.jsx("img",{alt:"",width:E.AVATAR_SIZE_MAP[u.size],height:E.AVATAR_SIZE_MAP[u.size],style:{borderRadius:(null==u?void 0:u.borderRadius)||"50%",objectFit:"contain"},src:u.photoUrl})),u.type===E.AVATAR_TYPES.INITIALS&&e.jsx("div",{children:O()}),u.type===E.AVATAR_TYPES.ICON&&u.icon&&e.jsx(u.icon,{width:d[u.size],height:d[u.size],color:h[u.background]})]})),u.inboxSettings&&e.jsx("div",Object.assign({style:{position:"absolute",left:d[u.size]+"px",top:d[u.size]+"px",width:14,height:14,borderRadius:(null==u?void 0:u.borderRadius)||"50%",display:"flex",justifyContent:"center",backgroundColor:u.inboxSettings.isSelected?u.inboxSettings.isComments?i.COLORS.content.primary:i.COLORS.background.brandLight:u.inboxSettings.isComments?i.COLORS.content.primary:i.COLORS.surface.standard,alignItems:"center"}},{children:(()=>{switch(u.channelName){case exports.MESSAGE_CHANNELS.EMAIL:case exports.MESSAGE_CHANNELS.SMTP:return e.jsx(a.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.FACEBOOK:case exports.MESSAGE_CHANNELS.FACEBOOK_CATALOG:case exports.MESSAGE_CHANNELS.MESSENGER:return e.jsx(o.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.INSTAGRAM:return e.jsx(n.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.WHATSAPP:return e.jsx(c.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.GMAIL:return e.jsx(A.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.TASKS:return e.jsx(S.default,{width:11,height:11});case exports.MESSAGE_CHANNELS.BIK_LIVECHAT:return e.jsx(r.default,{width:11,height:11})}})()})),u.status&&e.jsx("div",Object.assign({style:{position:"absolute",left:d[u.size]+"px",top:d[u.size]+"px",width:11,height:11,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:i.COLORS.surface.standard,alignItems:"center"}},{children:u.status?e.jsx("div",{style:{backgroundColor:"ONLINE"===u.status?i.COLORS.special.whatsapp.brand:i.COLORS.content.inactive,width:"8px",height:"8px",borderRadius:"50%"}}):null}))]}))},exports.BACKGROUND_VS_TEXT_COLOR_MAP=h;
 //# sourceMappingURL=Avatar.js.map

package/dist/cjs/components/avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { AvatarStyle } from '@src/components/avatar/Avatar.styled';\nimport {\n\tAVATAR_BACKGROUND,\n\tAVATAR_SIZE_MAP,\n\tAVATAR_TYPES,\n\tSIZE,\n} from '@src/components/avatar/AvatarHelper';\nimport {\n\tBodyTiny,\n\tTitleMedium,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport BikLivechatIcon from '../../assets/icons/bik_livechat.svg';\nimport EmailIcon from '../../assets/icons/email-channel.svg';\nimport FacebookIcon from '../../assets/icons/facebook_channel.svg';\nimport GmailIcon from '../../assets/icons/gmail.svg';\nimport InstagramIcon from '../../assets/icons/instagram-channel.svg';\nimport TaskIcon from '../../assets/icons/task.svg';\nimport WhatsappIcon from '../../assets/icons/whatsapp_color.svg';\n\nexport const AVATAR_SIZE_VS_ICON_SIZE_MAP = {\n\t[SIZE.SMALL]: 16,\n\t[SIZE.MEDIUM]: 20,\n\t[SIZE.INBOX]: 24,\n\t[SIZE.LARGE]: 32,\n};\n\nexport const BACKGROUND_VS_TEXT_COLOR_MAP = {\n\t[AVATAR_BACKGROUND.LIGHT]: COLORS.content.secondary,\n\t[AVATAR_BACKGROUND.WHITE]: COLORS.content.secondary,\n\t[AVATAR_BACKGROUND.DARK]: COLORS.surface.standard,\n};\n\nexport type AvatarProps = {\n\ttype: AVATAR_TYPES;\n\tsize: SIZE;\n\tbackground: AVATAR_BACKGROUND;\n\tname?: string;\n\tphotoUrl?: string;\n\ticon?: React.FC<{ width: number; height: number; color: string }>;\n\tuseNameFallback?: boolean;\n\tchannelName?: MESSAGE_CHANNELS;\n\tborderRadius?: string;\n\tinboxSettings?: {\n\t\tisSelected: boolean;\n\t\tisComments: boolean;\n\t};\n\tstatus?: 'ONLINE' | 'OFFLINE' | 'AWAY';\n};\n\nexport const enum MESSAGE_CHANNELS {\n\tINSTAGRAM = 'instagram',\n\tMESSENGER = 'messenger',\n\tWHATSAPP = 'whatsapp',\n\tGMAIL = 'gmail',\n\tLIVECHAT = 'livechat',\n\tGOOGLE_BUSINESS_CHAT = 'gbm',\n\tSHOPIFY = 'shopify',\n\tFACEBOOK = 'facebook',\n\tEMAIL = 'email',\n\tSMTP = 'smtp',\n\tFACEBOOK_CATALOG = 'facebook-catalog',\n\tTASKS = 'tasks',\n\tBIK_LIVECHAT = 'livechat',\n}\n\nexport const Avatar: React.FC<AvatarProps> = (props) => {\n\tconst [imgError, setImgError] = useState<boolean>(false);\n\n\tconst getInitials = () => {\n\t\tconst initials = (props.name || '')\n\t\t\t.split('.')\n\t\t\t.join(' ')\n\t\t\t.split(' ')\n\t\t\t.map((e) => e.charAt(0).toUpperCase())\n\t\t\t.slice(0, 2)\n\t\t\t.join('');\n\n\t\tif (props.size === SIZE.SMALL) {\n\t\t\treturn (\n\t\t\t\t<BodyTiny\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</BodyTiny>\n\t\t\t);\n\t\t} else if (props.size === SIZE.MEDIUM || props.size === SIZE.INBOX) {\n\t\t\treturn (\n\t\t\t\t<TitleSmall\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</TitleSmall>\n\t\t\t);\n\t\t} else if (props.size === SIZE.LARGE) {\n\t\t\treturn (\n\t\t\t\t<TitleMedium\n\t\t\t\t\tstyle={{ color: BACKGROUND_VS_TEXT_COLOR_MAP[props.background] }}\n\t\t\t\t>\n\t\t\t\t\t{initials}\n\t\t\t\t</TitleMedium>\n\t\t\t);\n\t\t}\n\t};\n\n\tconst getImageBlock = () => {\n\t\tif (props.useNameFallback && (!props.photoUrl || imgError) && props.name) {\n\t\t\treturn <div>{getInitials()}</div>;\n\t\t}\n\t\tif (props.useNameFallback && props.photoUrl && !imgError) {\n\t\t\treturn (\n\t\t\t\t<img\n\t\t\t\t\talt=\"\"\n\t\t\t\t\twidth={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\t\theight={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: props?.borderRadius || '50%',\n\t\t\t\t\t\tobjectFit: 'contain',\n\t\t\t\t\t}}\n\t\t\t\t\tsrc={props.photoUrl}\n\t\t\t\t\tonError={() => {\n\t\t\t\t\t\tsetImgError(true);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<img\n\t\t\t\talt=\"\"\n\t\t\t\twidth={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\theight={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\tstyle={{\n\t\t\t\t\tborderRadius: props?.borderRadius || '50%',\n\t\t\t\t\tobjectFit: 'contain',\n\t\t\t\t}}\n\t\t\t\tsrc={props.photoUrl}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst getChannelIcon = () => {\n\t\tswitch (props.channelName) {\n\t\t\tcase MESSAGE_CHANNELS.EMAIL:\n\t\t\t\treturn <EmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.SMTP:\n\t\t\t\treturn <EmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.FACEBOOK:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.FACEBOOK_CATALOG:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.MESSENGER:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.INSTAGRAM:\n\t\t\t\treturn <InstagramIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.WHATSAPP:\n\t\t\t\treturn <WhatsappIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.GMAIL:\n\t\t\t\treturn <GmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.TASKS:\n\t\t\t\treturn <TaskIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.BIK_LIVECHAT:\n\t\t\t\treturn <BikLivechatIcon width={11} height={11} />;\n\t\t}\n\t};\n\n\tconst getOnlineStatusIcon = () => {\n\t\treturn props.status ? (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\tprops.status === 'ONLINE'\n\t\t\t\t\t\t\t? COLORS.special.whatsapp.brand\n\t\t\t\t\t\t\t: COLORS.content.inactive,\n\t\t\t\t\twidth: '8px',\n\t\t\t\t\theight: '8px',\n\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t}}\n\t\t\t></div>\n\t\t) : null;\n\t};\n\n\tconst getPropsType = () => {\n\t\tif (\n\t\t\tprops.type === AVATAR_TYPES.IMAGE &&\n\t\t\t(imgError || !props.photoUrl) &&\n\t\t\tprops.useNameFallback &&\n\t\t\tprops.name\n\t\t) {\n\t\t\treturn AVATAR_TYPES.INITIALS;\n\t\t}\n\n\t\treturn props.type;\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tposition: 'relative',\n\t\t\t}}\n\t\t>\n\t\t\t<AvatarStyle\n\t\t\t\ttype={getPropsType()}\n\t\t\t\tsize={props.size}\n\t\t\t\tbackground={props.background}\n\t\t\t>\n\t\t\t\t{props.type === AVATAR_TYPES.IMAGE && getImageBlock()}\n\t\t\t\t{props.type === AVATAR_TYPES.INITIALS && <div>{getInitials()}</div>}\n\t\t\t\t{props.type === AVATAR_TYPES.ICON && props.icon && (\n\t\t\t\t\t<props.icon\n\t\t\t\t\t\twidth={AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size]}\n\t\t\t\t\t\theight={AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size]}\n\t\t\t\t\t\tcolor={BACKGROUND_VS_TEXT_COLOR_MAP[props.background]}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</AvatarStyle>\n\t\t\t{props.inboxSettings && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tleft: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\ttop: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\twidth: 14,\n\t\t\t\t\t\theight: 14,\n\t\t\t\t\t\tborderRadius: props?.borderRadius || '50%',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tbackgroundColor: props.inboxSettings.isSelected\n\t\t\t\t\t\t\t? props.inboxSettings.isComments\n\t\t\t\t\t\t\t\t? COLORS.content.primary\n\t\t\t\t\t\t\t\t: COLORS.background.brandLight\n\t\t\t\t\t\t\t: props.inboxSettings.isComments\n\t\t\t\t\t\t\t? COLORS.content.primary\n\t\t\t\t\t\t\t: COLORS.surface.standard,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{getChannelIcon()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{props.status && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tleft: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\ttop: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\twidth: 11,\n\t\t\t\t\t\theight: 11,\n\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tbackgroundColor: COLORS.surface.standard,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{getOnlineStatusIcon()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["AVATAR_SIZE_VS_ICON_SIZE_MAP","SIZE","SMALL","MEDIUM","INBOX","LARGE","BACKGROUND_VS_TEXT_COLOR_MAP","AVATAR_BACKGROUND","LIGHT","COLORS","content","secondary","WHITE","DARK","surface","standard","MESSAGE_CHANNELS","props","imgError","setImgError","useState","getInitials","initials","name","split","join","map","e","charAt","toUpperCase","slice","size","_jsx","BodyTiny","Object","assign","style","color","background","TitleSmall","TitleMedium","_jsxs","position","children","jsxs","AvatarStyle","type","AVATAR_TYPES","IMAGE","photoUrl","useNameFallback","INITIALS","alt","width","AVATAR_SIZE_MAP","height","borderRadius","objectFit","src","onError","ICON","icon","inboxSettings","jsx","left","top","display","justifyContent","backgroundColor","isSelected","isComments","primary","brandLight","alignItems","getChannelIcon","channelName","EMAIL","SMTP","EmailIcon","FACEBOOK","FACEBOOK_CATALOG","MESSENGER","FacebookIcon","INSTAGRAM","InstagramIcon","WHATSAPP","WhatsappIcon","GMAIL","GmailIcon","TASKS","TaskIcon","BIK_LIVECHAT","BikLivechatIcon","status","special","whatsapp","brand","inactive"],"mappings":"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"}
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n\tBodyTiny,\n\tTitleMedium,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport BikLivechatIcon from '../../assets/icons/bik_livechat.svg';\nimport EmailIcon from '../../assets/icons/email-channel.svg';\nimport FacebookIcon from '../../assets/icons/facebook_channel.svg';\nimport GmailIcon from '../../assets/icons/gmail.svg';\nimport InstagramIcon from '../../assets/icons/instagram-channel.svg';\nimport TaskIcon from '../../assets/icons/task.svg';\nimport WhatsappIcon from '../../assets/icons/whatsapp_color.svg';\nimport { AvatarStyle } from './Avatar.styled';\nimport {\n\tAVATAR_BACKGROUND,\n\tAVATAR_SIZE_MAP,\n\tAVATAR_TYPES,\n\tSIZE,\n} from './AvatarHelper';\n\nexport const AVATAR_SIZE_VS_ICON_SIZE_MAP = {\n\t[SIZE.EXTRA_SMALL]: 10,\n\t[SIZE.SMALL]: 16,\n\t[SIZE.MEDIUM]: 20,\n\t[SIZE.LARGE]: 32,\n};\n\nexport const BACKGROUND_VS_TEXT_COLOR_MAP = {\n\t[AVATAR_BACKGROUND.LIGHT]: COLORS.content.secondary,\n\t[AVATAR_BACKGROUND.WHITE]: COLORS.content.secondary,\n\t[AVATAR_BACKGROUND.DARK]: COLORS.surface.standard,\n\t[AVATAR_BACKGROUND.BRAND]: COLORS.background.inverseLight,\n};\n\nexport type AvatarProps = {\n\ttype: AVATAR_TYPES;\n\tsize: SIZE;\n\tbackground: AVATAR_BACKGROUND;\n\tname?: string;\n\tphotoUrl?: string;\n\ticon?: React.FC<{ width: number; height: number; color: string }>;\n\tuseNameFallback?: boolean;\n\tchannelName?: MESSAGE_CHANNELS;\n\tborderRadius?: string;\n\tinboxSettings?: {\n\t\tisSelected: boolean;\n\t\tisComments: boolean;\n\t};\n\tstatus?: 'ONLINE' | 'OFFLINE' | 'AWAY';\n};\n\nexport const enum MESSAGE_CHANNELS {\n\tINSTAGRAM = 'instagram',\n\tMESSENGER = 'messenger',\n\tWHATSAPP = 'whatsapp',\n\tGMAIL = 'gmail',\n\tLIVECHAT = 'livechat',\n\tGOOGLE_BUSINESS_CHAT = 'gbm',\n\tSHOPIFY = 'shopify',\n\tFACEBOOK = 'facebook',\n\tEMAIL = 'email',\n\tSMTP = 'smtp',\n\tFACEBOOK_CATALOG = 'facebook-catalog',\n\tTASKS = 'tasks',\n\tBIK_LIVECHAT = 'livechat',\n}\n\nexport const Avatar: React.FC<AvatarProps> = (props) => {\n\tconst [imgError, setImgError] = useState<boolean>(false);\n\n\tconst getInitials = () => {\n\t\tconst initials = (props.name || '')\n\t\t\t.split('.')\n\t\t\t.join(' ')\n\t\t\t.split(' ')\n\t\t\t.map((e) => e.charAt(0).toUpperCase())\n\t\t\t.slice(0, 2)\n\t\t\t.join('');\n\n\t\tconst color = BACKGROUND_VS_TEXT_COLOR_MAP[props.background];\n\n\t\tif (props.size === SIZE.LARGE) {\n\t\t\treturn <TitleMedium style={{ color }}>{initials}</TitleMedium>;\n\t\t}\n\t\tif (props.size === SIZE.MEDIUM) {\n\t\t\treturn <TitleSmall style={{ color }}>{initials}</TitleSmall>;\n\t\t}\n\t\treturn <BodyTiny style={{ color }}>{initials}</BodyTiny>;\n\t};\n\n\tconst getImageBlock = () => {\n\t\tif (props.useNameFallback && (!props.photoUrl || imgError) && props.name) {\n\t\t\treturn <div>{getInitials()}</div>;\n\t\t}\n\t\tif (props.useNameFallback && props.photoUrl && !imgError) {\n\t\t\treturn (\n\t\t\t\t<img\n\t\t\t\t\talt=\"\"\n\t\t\t\t\twidth={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\t\theight={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: props?.borderRadius || '50%',\n\t\t\t\t\t\tobjectFit: 'contain',\n\t\t\t\t\t}}\n\t\t\t\t\tsrc={props.photoUrl}\n\t\t\t\t\tonError={() => {\n\t\t\t\t\t\tsetImgError(true);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<img\n\t\t\t\talt=\"\"\n\t\t\t\twidth={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\theight={AVATAR_SIZE_MAP[props.size]}\n\t\t\t\tstyle={{\n\t\t\t\t\tborderRadius: props?.borderRadius || '50%',\n\t\t\t\t\tobjectFit: 'contain',\n\t\t\t\t}}\n\t\t\t\tsrc={props.photoUrl}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst getChannelIcon = () => {\n\t\tswitch (props.channelName) {\n\t\t\tcase MESSAGE_CHANNELS.EMAIL:\n\t\t\t\treturn <EmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.SMTP:\n\t\t\t\treturn <EmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.FACEBOOK:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.FACEBOOK_CATALOG:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.MESSENGER:\n\t\t\t\treturn <FacebookIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.INSTAGRAM:\n\t\t\t\treturn <InstagramIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.WHATSAPP:\n\t\t\t\treturn <WhatsappIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.GMAIL:\n\t\t\t\treturn <GmailIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.TASKS:\n\t\t\t\treturn <TaskIcon width={11} height={11} />;\n\t\t\tcase MESSAGE_CHANNELS.BIK_LIVECHAT:\n\t\t\t\treturn <BikLivechatIcon width={11} height={11} />;\n\t\t}\n\t};\n\n\tconst getOnlineStatusIcon = () => {\n\t\treturn props.status ? (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\tprops.status === 'ONLINE'\n\t\t\t\t\t\t\t? COLORS.special.whatsapp.brand\n\t\t\t\t\t\t\t: COLORS.content.inactive,\n\t\t\t\t\twidth: '8px',\n\t\t\t\t\theight: '8px',\n\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t}}\n\t\t\t></div>\n\t\t) : null;\n\t};\n\n\tconst getPropsType = () => {\n\t\tif (\n\t\t\tprops.type === AVATAR_TYPES.IMAGE &&\n\t\t\t(imgError || !props.photoUrl) &&\n\t\t\tprops.useNameFallback &&\n\t\t\tprops.name\n\t\t) {\n\t\t\treturn AVATAR_TYPES.INITIALS;\n\t\t}\n\n\t\treturn props.type;\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tposition: 'relative',\n\t\t\t}}\n\t\t>\n\t\t\t<AvatarStyle\n\t\t\t\ttype={getPropsType()}\n\t\t\t\tsize={props.size}\n\t\t\t\tbackground={props.background}\n\t\t\t>\n\t\t\t\t{props.type === AVATAR_TYPES.IMAGE && getImageBlock()}\n\t\t\t\t{props.type === AVATAR_TYPES.INITIALS && <div>{getInitials()}</div>}\n\t\t\t\t{props.type === AVATAR_TYPES.ICON && props.icon && (\n\t\t\t\t\t<props.icon\n\t\t\t\t\t\twidth={AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size]}\n\t\t\t\t\t\theight={AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size]}\n\t\t\t\t\t\tcolor={BACKGROUND_VS_TEXT_COLOR_MAP[props.background]}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</AvatarStyle>\n\t\t\t{props.inboxSettings && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tleft: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\ttop: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\twidth: 14,\n\t\t\t\t\t\theight: 14,\n\t\t\t\t\t\tborderRadius: props?.borderRadius || '50%',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tbackgroundColor: props.inboxSettings.isSelected\n\t\t\t\t\t\t\t? props.inboxSettings.isComments\n\t\t\t\t\t\t\t\t? COLORS.content.primary\n\t\t\t\t\t\t\t\t: COLORS.background.brandLight\n\t\t\t\t\t\t\t: props.inboxSettings.isComments\n\t\t\t\t\t\t\t? COLORS.content.primary\n\t\t\t\t\t\t\t: COLORS.surface.standard,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{getChannelIcon()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{props.status && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tleft: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\ttop: AVATAR_SIZE_VS_ICON_SIZE_MAP[props.size] + 'px',\n\t\t\t\t\t\twidth: 11,\n\t\t\t\t\t\theight: 11,\n\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tbackgroundColor: COLORS.surface.standard,\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{getOnlineStatusIcon()}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["AVATAR_SIZE_VS_ICON_SIZE_MAP","SIZE","EXTRA_SMALL","SMALL","MEDIUM","LARGE","BACKGROUND_VS_TEXT_COLOR_MAP","AVATAR_BACKGROUND","LIGHT","COLORS","content","secondary","WHITE","DARK","surface","standard","BRAND","background","inverseLight","MESSAGE_CHANNELS","props","imgError","setImgError","useState","getInitials","initials","name","split","join","map","e","charAt","toUpperCase","slice","color","size","_jsx","TitleMedium","Object","assign","style","children","TitleSmall","BodyTiny","_jsxs","position","jsxs","AvatarStyle","type","AVATAR_TYPES","IMAGE","photoUrl","useNameFallback","INITIALS","alt","width","AVATAR_SIZE_MAP","height","borderRadius","objectFit","src","onError","ICON","icon","inboxSettings","jsx","left","top","display","justifyContent","backgroundColor","isSelected","isComments","primary","brandLight","alignItems","getChannelIcon","channelName","EMAIL","SMTP","EmailIcon","FACEBOOK","FACEBOOK_CATALOG","MESSENGER","FacebookIcon","INSTAGRAM","InstagramIcon","WHATSAPP","WhatsappIcon","GMAIL","GmailIcon","TASKS","TaskIcon","BIK_LIVECHAT","BikLivechatIcon","status","special","whatsapp","brand","inactive"],"mappings":"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"}

package/dist/cjs/components/avatar/Avatar.styled.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("./AvatarHelper.js"),t=require("../../constants/Theme.js");function A(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=A(e).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("./AvatarHelper.js"),A=require("../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=t(e).default.div`
 	width: ${e=>r.AVATAR_SIZE_MAP[e.size]+"px"};
 	height: ${e=>r.AVATAR_SIZE_MAP[e.size]+"px"};
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	background-color: ${e=>e.type===r.AVATAR_TYPES.IMAGE?"null":e.background===r.AVATAR_BACKGROUND.LIGHT?t.COLORS.background.base:e.background===r.AVATAR_BACKGROUND.WHITE?t.COLORS.surface.standard:t.COLORS.background.inverse};
-	border: ${e=>e.background===r.AVATAR_BACKGROUND.LIGHT||e.background===r.AVATAR_BACKGROUND.WHITE?"1px solid "+t.COLORS.stroke.primary:0};
+	background-color: ${e=>e.type===r.AVATAR_TYPES.IMAGE?"null":e.background===r.AVATAR_BACKGROUND.LIGHT?A.COLORS.background.base:e.background===r.AVATAR_BACKGROUND.WHITE?A.COLORS.surface.standard:e.background===r.AVATAR_BACKGROUND.BRAND?A.COLORS.background.brandLight:A.COLORS.background.inverse};
+	border: ${e=>e.background===r.AVATAR_BACKGROUND.LIGHT||e.background===r.AVATAR_BACKGROUND.WHITE?"1px solid "+A.COLORS.stroke.primary:0};
 	border-radius: 50%;
 `;exports.AvatarStyle=a;
 //# sourceMappingURL=Avatar.styled.js.map

package/dist/cjs/components/avatar/Avatar.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.styled.js","sources":["../../../../src/components/avatar/Avatar.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport {\n\tAVATAR_BACKGROUND,\n\tAVATAR_SIZE_MAP,\n\tAVATAR_TYPES,\n\tSIZE,\n} from '@src/components/avatar/AvatarHelper';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const AvatarStyle = styled.div<{\n\tsize: SIZE;\n\tbackground: AVATAR_BACKGROUND;\n\ttype: AVATAR_TYPES;\n}>`\n\twidth: ${(props) => AVATAR_SIZE_MAP[props.size] + 'px'};\n\theight: ${(props) => AVATAR_SIZE_MAP[props.size] + 'px'};\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbackground-color: ${(props) =>\n\t\tprops.type === AVATAR_TYPES.IMAGE\n\t\t\t? 'null'\n\t\t\t: props.background === AVATAR_BACKGROUND.LIGHT\n\t\t\t? COLORS.background.base\n\t\t\t: props.background === AVATAR_BACKGROUND.WHITE\n\t\t\t? COLORS.surface.standard\n\t\t\t: COLORS.background.inverse};\n\tborder: ${(props) =>\n\t\tprops.background === AVATAR_BACKGROUND.LIGHT ||\n\t\tprops.background === AVATAR_BACKGROUND.WHITE\n\t\t\t? '1px solid ' + COLORS.stroke.primary\n\t\t\t: 0};\n\tborder-radius: 50%;\n`;\n"],"names":["AvatarStyle","div","props","AVATAR_SIZE_MAP","size","type","AVATAR_TYPES","IMAGE","background","AVATAR_BACKGROUND","LIGHT","COLORS","base","WHITE","surface","standard","inverse","stroke","primary"],"mappings":"oPASaA,MAAAA,OAAoB,QAACC,GAIhC;UACSC,GAAUC,EAAeA,gBAACD,EAAME,MAAQ;WACvCF,GAAUC,EAAeA,gBAACD,EAAME,MAAQ;;;;qBAI9BF,GACpBA,EAAMG,OAASC,eAAaC,MACzB,OACAL,EAAMM,aAAeC,EAAiBA,kBAACC,MACvCC,EAAMA,OAACH,WAAWI,KAClBV,EAAMM,aAAeC,EAAAA,kBAAkBI,MACvCF,SAAOG,QAAQC,SACfJ,SAAOH,WAAWQ;WACXd,GACVA,EAAMM,aAAeC,EAAAA,kBAAkBC,OACvCR,EAAMM,aAAeC,EAAAA,kBAAkBI,MACpC,aAAeF,EAAAA,OAAOM,OAAOC,QAC7B;;"}
+{"version":3,"file":"Avatar.styled.js","sources":["../../../../src/components/avatar/Avatar.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport {\n\tAVATAR_BACKGROUND,\n\tAVATAR_SIZE_MAP,\n\tAVATAR_TYPES,\n\tSIZE,\n} from '@src/components/avatar/AvatarHelper';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const AvatarStyle = styled.div<{\n\tsize: SIZE;\n\tbackground: AVATAR_BACKGROUND;\n\ttype: AVATAR_TYPES;\n}>`\n\twidth: ${(props) => AVATAR_SIZE_MAP[props.size] + 'px'};\n\theight: ${(props) => AVATAR_SIZE_MAP[props.size] + 'px'};\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbackground-color: ${(props) =>\n\t\tprops.type === AVATAR_TYPES.IMAGE\n\t\t\t? 'null'\n\t\t\t: props.background === AVATAR_BACKGROUND.LIGHT\n\t\t\t? COLORS.background.base\n\t\t\t: props.background === AVATAR_BACKGROUND.WHITE\n\t\t\t? COLORS.surface.standard\n\t\t\t: props.background === AVATAR_BACKGROUND.BRAND\n\t\t\t? COLORS.background.brandLight\n\t\t\t: COLORS.background.inverse};\n\tborder: ${(props) =>\n\t\tprops.background === AVATAR_BACKGROUND.LIGHT ||\n\t\tprops.background === AVATAR_BACKGROUND.WHITE\n\t\t\t? '1px solid ' + COLORS.stroke.primary\n\t\t\t: 0};\n\tborder-radius: 50%;\n`;\n"],"names":["AvatarStyle","div","props","AVATAR_SIZE_MAP","size","type","AVATAR_TYPES","IMAGE","background","AVATAR_BACKGROUND","LIGHT","COLORS","base","WHITE","surface","standard","BRAND","brandLight","inverse","stroke","primary"],"mappings":"oPASaA,MAAAA,OAAoB,QAACC,GAIhC;UACSC,GAAUC,EAAeA,gBAACD,EAAME,MAAQ;WACvCF,GAAUC,EAAeA,gBAACD,EAAME,MAAQ;;;;qBAI9BF,GACpBA,EAAMG,OAASC,EAAAA,aAAaC,MACzB,OACAL,EAAMM,aAAeC,EAAAA,kBAAkBC,MACvCC,EAAAA,OAAOH,WAAWI,KAClBV,EAAMM,aAAeC,EAAAA,kBAAkBI,MACvCF,EAAAA,OAAOG,QAAQC,SACfb,EAAMM,aAAeC,EAAAA,kBAAkBO,MACvCL,EAAAA,OAAOH,WAAWS,WAClBN,EAAAA,OAAOH,WAAWU;WACXhB,GACVA,EAAMM,aAAeC,EAAAA,kBAAkBC,OACvCR,EAAMM,aAAeC,EAAAA,kBAAkBI,MACpC,aAAeF,EAAAA,OAAOQ,OAAOC,QAC7B;;"}

package/dist/cjs/components/avatar/AvatarHelper.d.ts

@@ -0,0 +1,23 @@
+export declare enum AVATAR_TYPES {
+    IMAGE = "IMAGE",
+    INITIALS = "INITIALS",
+    ICON = "ICON"
+}
+export declare enum SIZE {
+    EXTRA_SMALL = "EXTRA_SMALL",
+    SMALL = "SMALL",
+    MEDIUM = "MEDIUM",
+    LARGE = "LARGE"
+}
+export declare enum AVATAR_BACKGROUND {
+    LIGHT = "LIGHT",
+    DARK = "DARK",
+    WHITE = "WHITE",
+    BRAND = "BRAND"
+}
+export declare const AVATAR_SIZE_MAP: {
+    EXTRA_SMALL: number;
+    SMALL: number;
+    MEDIUM: number;
+    LARGE: number;
+};

package/dist/cjs/components/avatar/AvatarHelper.js

@@ -1,2 +1,2 @@
-"use strict";var A,I,e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.AVATAR_TYPES=void 0,(A=exports.AVATAR_TYPES||(exports.AVATAR_TYPES={})).IMAGE="IMAGE",A.INITIALS="INITIALS",A.ICON="ICON",exports.SIZE=void 0,(I=exports.SIZE||(exports.SIZE={})).SMALL="SMALL",I.MEDIUM="MEDIUM",I.LARGE="LARGE",I.INBOX="INBOX",exports.AVATAR_BACKGROUND=void 0,(e=exports.AVATAR_BACKGROUND||(exports.AVATAR_BACKGROUND={})).LIGHT="LIGHT",e.DARK="DARK",e.WHITE="WHITE";const o={[exports.SIZE.SMALL]:24,[exports.SIZE.MEDIUM]:40,[exports.SIZE.LARGE]:64,[exports.SIZE.INBOX]:30};exports.AVATAR_SIZE_MAP=o;
+"use strict";var A,I,E;Object.defineProperty(exports,"__esModule",{value:!0}),exports.AVATAR_TYPES=void 0,(A=exports.AVATAR_TYPES||(exports.AVATAR_TYPES={})).IMAGE="IMAGE",A.INITIALS="INITIALS",A.ICON="ICON",exports.SIZE=void 0,(I=exports.SIZE||(exports.SIZE={})).EXTRA_SMALL="EXTRA_SMALL",I.SMALL="SMALL",I.MEDIUM="MEDIUM",I.LARGE="LARGE",exports.AVATAR_BACKGROUND=void 0,(E=exports.AVATAR_BACKGROUND||(exports.AVATAR_BACKGROUND={})).LIGHT="LIGHT",E.DARK="DARK",E.WHITE="WHITE",E.BRAND="BRAND";const e={[exports.SIZE.EXTRA_SMALL]:16,[exports.SIZE.SMALL]:24,[exports.SIZE.MEDIUM]:40,[exports.SIZE.LARGE]:64};exports.AVATAR_SIZE_MAP=e;
 //# sourceMappingURL=AvatarHelper.js.map

package/dist/cjs/components/avatar/AvatarHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarHelper.js","sources":["../../../../src/components/avatar/AvatarHelper.ts"],"sourcesContent":["export enum AVATAR_TYPES {\n\tIMAGE = 'IMAGE',\n\tINITIALS = 'INITIALS',\n\tICON = 'ICON',\n}\n\nexport enum SIZE {\n\tSMALL = 'SMALL',\n\tMEDIUM = 'MEDIUM',\n\tLARGE = 'LARGE',\n\tINBOX = 'INBOX',\n}\n\nexport enum AVATAR_BACKGROUND {\n\tLIGHT = 'LIGHT',\n\tDARK = 'DARK',\n\tWHITE = 'WHITE',\n}\n\nexport const AVATAR_SIZE_MAP = {\n\t[SIZE.SMALL]: 24,\n\t[SIZE.MEDIUM]: 40,\n\t[SIZE.LARGE]: 64,\n\t[SIZE.INBOX]: 30,\n};\n"],"names":["AVATAR_TYPES","SIZE","AVATAR_BACKGROUND","AVATAR_SIZE_MAP","SMALL","MEDIUM","LARGE","INBOX"],"mappings":"aAAA,IAAYA,EAMAC,EAOAC,yDAbAF,QAIXA,kBAAA,GAJWA,EAAAA,uBAAAA,QAAAA,aAIX,CAAA,IAHA,MAAA,QACAA,EAAA,SAAA,WACAA,EAAA,KAAA,OAGWC,QAKXA,UAAA,GALWA,EAAAA,eAAAA,QAAAA,KAKX,CAAA,IAJA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QAGWC,QAIXA,uBAAA,GAJWA,EAAAA,4BAAAA,QAAAA,kBAIX,CAAA,IAHA,MAAA,QACAA,EAAA,KAAA,OACAA,EAAA,MAAA,QAGM,MAAMC,EAAkB,CAC9B,CAACF,QAAAA,KAAKG,OAAQ,GACd,CAACH,QAAAA,KAAKI,QAAS,GACf,CAACJ,QAAAA,KAAKK,OAAQ,GACd,CAACL,QAAAA,KAAKM,OAAQ"}
+{"version":3,"file":"AvatarHelper.js","sources":["../../../../src/components/avatar/AvatarHelper.ts"],"sourcesContent":["export enum AVATAR_TYPES {\n\tIMAGE = 'IMAGE',\n\tINITIALS = 'INITIALS',\n\tICON = 'ICON',\n}\n\nexport enum SIZE {\n\tEXTRA_SMALL = 'EXTRA_SMALL',\n\tSMALL = 'SMALL',\n\tMEDIUM = 'MEDIUM',\n\tLARGE = 'LARGE',\n}\n\nexport enum AVATAR_BACKGROUND {\n\tLIGHT = 'LIGHT',\n\tDARK = 'DARK',\n\tWHITE = 'WHITE',\n\tBRAND = 'BRAND',\n}\n\nexport const AVATAR_SIZE_MAP = {\n\t[SIZE.EXTRA_SMALL]: 16,\n\t[SIZE.SMALL]: 24,\n\t[SIZE.MEDIUM]: 40,\n\t[SIZE.LARGE]: 64,\n};\n"],"names":["AVATAR_TYPES","SIZE","AVATAR_BACKGROUND","AVATAR_SIZE_MAP","EXTRA_SMALL","SMALL","MEDIUM","LARGE"],"mappings":"aAAA,IAAYA,EAMAC,EAOAC,yDAbAF,QAIXA,kBAAA,GAJWA,EAAAA,uBAAAA,QAAAA,aAIX,CAAA,IAHA,MAAA,QACAA,EAAA,SAAA,WACAA,EAAA,KAAA,OAGWC,QAKXA,UAAA,GALWA,EAAAA,eAAAA,QAAAA,KAKX,CAAA,IAJA,YAAA,cACAA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,QAGWC,QAKXA,uBAAA,GALWA,EAAAA,4BAAAA,QAAAA,kBAKX,CAAA,IAJA,MAAA,QACAA,EAAA,KAAA,OACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QAGM,MAAMC,EAAkB,CAC9B,CAACF,QAAAA,KAAKG,aAAc,GACpB,CAACH,QAAAA,KAAKI,OAAQ,GACd,CAACJ,QAAAA,KAAKK,QAAS,GACf,CAACL,QAAAA,KAAKM,OAAQ"}

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

@@ -1 +1 @@
-{"version":3,"file":"BikSidebar.js","sources":["../../../../src/components/bik-layout/BikSidebar.tsx"],"sourcesContent":["import BikIcon from '@src/assets/icons/Bik_logo.svg';\nimport LockedIcon from '@src/assets/icons/locked.svg';\nimport { Fragment, useCallback, useEffect, useMemo, useState } 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 './Sidebar.model';\nimport { SidebarPopup } from './SidebarPopup';\nimport {\n\tMainSideBarMenuWrapper,\n\tSibeBarMenuItem,\n\tSideBarContainer,\n} from './SidebarStyles';\nimport { SimpleSidebar } from './SimpleSidebar';\n\nexport interface MenuItem {\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 BikSidebarProps {\n\tlogoSvg?: JSX.Element;\n\tallMenuList: MenuItem[];\n\tactiveMainMenu: MenuItem;\n\tactiveSubMenu: Menu;\n\trouter: any;\n\tonClickingMainMenu: (menu: MenuItem) => 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 GetSideBarMenuItemProps {\n\toption: MenuItem;\n\tindex: number;\n\tonClickMainMenuLogic: (option: MenuItem) => void;\n\tsetHandleHoverForFullLayout: (option: MenuItem) => void;\n\tisDisabled: boolean;\n\tsetHoveredComp: (comp: any) => void;\n\tsetPopupMenu: (menu: any) => void;\n\tmainActiveMenu: MenuItem | undefined;\n\thoveredComp: MenuItem | undefined;\n\tpopupMenu: MenuItem | undefined;\n}\n\nexport const BikSidebar: React.FC<BikSidebarProps> = (bikSidebarProps) => {\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} = bikSidebarProps;\n\tconst [mainActiveMenu, setMainActiveMenu] =\n\t\tuseState<MenuItem>(activeMainMenu);\n\tconst [hoveredComp, setHoveredComp] = useState<MenuItem>();\n\tconst [subActiveMenu, setSubActiveMenu] = useState<Menu>(activeSubMenu);\n\tconst [isDisabled, setIsDisabled] = useState(false);\n\tconst [popupMenu, setPopupMenu] = useState<MenuItem>();\n\tconst [popupMenuTop, setPopupMenuTop] = useState<number>();\n\tconst [sidebarEachMenuTop, setSidebarEachMenuTop] = useState<number>();\n\tconst [autoCloseTimer, setAutoCloseTimer] = useState<NodeJS.Timeout | null>(\n\t\tnull,\n\t);\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: MenuItem) => {\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: MenuItem) => {\n\t\tclearRemnantTimers();\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);\n\t\t\t\tsetSidebarEachMenuTop(topValue);\n\t\t\t}\n\t\t\tsetHoveredComp(option);\n\t\t\tinitiateAutoClose();\n\t\t}\n\t}, []);\n\tconst calculateTopSideBarPosition = (targetElement: HTMLElement) => {\n\t\tconst targetRect = targetElement.getBoundingClientRect();\n\t\tlet topValue = targetRect.top;\n\t\tconst innerStickyElements = targetElement.querySelectorAll('div');\n\t\tlet innerStickyElement = null as HTMLElement | null;\n\t\tconst innerHeight = window.innerHeight;\n\t\tif (innerHeight <= 768) {\n\t\t\treturn topValue;\n\t\t}\n\t\tinnerStickyElements.forEach((element) => {\n\t\t\tif (element.className.includes('sticky')) {\n\t\t\t\tinnerStickyElement = element;\n\t\t\t}\n\t\t});\n\t\tif (innerStickyElement) {\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 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\tconst initiateAutoClose = () => {\n\t\tclearRemnantTimers();\n\t\tconst timer = setTimeout(() => setHoveredComp(undefined), 10000); // 10-second delay\n\t\tsetAutoCloseTimer(timer);\n\t};\n\n\tconst clearRemnantTimers = () => {\n\t\tclearTimeout(autoCloseTimer!);\n\t};\n\n\treturn (\n\t\t<SideBarContainer>\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<MainSideBarMenuWrapper 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/>\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/>\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<SidebarPopup\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\tonMouseLeaveOnMenu={() => setPopupMenu(undefined)}\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<SimpleSidebar\n\t\t\t\t\t\t\t\t\tmenuList={hoveredComp?.children}\n\t\t\t\t\t\t\t\t\tactiveMenu={subActiveMenu}\n\t\t\t\t\t\t\t\t\tonMouseEnterOnMenu={() => clearRemnantTimers()}\n\t\t\t\t\t\t\t\t\tonMouseLeaveOnMenu={() => {\n\t\t\t\t\t\t\t\t\t\tclearRemnantTimers();\n\t\t\t\t\t\t\t\t\t\tsetHoveredComp(undefined);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tleft={isNewSidebar ? 92 : 88}\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 bikSidebarProps.onboardingPercentage === 'number' && (\n\t\t\t\t\t<SibeBarMenuItem>\n\t\t\t\t\t\t<div className=\"main--sidebar\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tid={'bik-onboarding__checklist'}\n\t\t\t\t\t\t\t\tclassName={`sidebar-menu-item ${\n\t\t\t\t\t\t\t\t\tnumberOfStickyOptions === 0\n\t\t\t\t\t\t\t\t\t\t? 'sticky-menu'\n\t\t\t\t\t\t\t\t\t\t: numberOfStickyOptions === 1\n\t\t\t\t\t\t\t\t\t\t? 'sticky-menu-int'\n\t\t\t\t\t\t\t\t\t\t: 'sticky-menu-three'\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={bikSidebarProps.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</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</SibeBarMenuItem>\n\t\t\t\t)}\n\t\t\t</MainSideBarMenuWrapper>\n\t\t</SideBarContainer>\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, hoverStateIcon, isHovered } =\n\t\ticonComponentProps;\n\tconst Icon = icon;\n\tconst ActiveIcon = activeStateIcon;\n\tconst HoverIcon = hoverStateIcon;\n\treturn (\n\t\t<>\n\t\t\t{isActive ? (\n\t\t\t\t<ActiveIcon width={20} height={20} />\n\t\t\t) : isHovered ? (\n\t\t\t\t<HoverIcon width={20} height={20} color={COLORS.surface.standard} />\n\t\t\t) : (\n\t\t\t\t<Icon width={20} height={20} color={COLORS.surface.standard} />\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nconst EachSidebarMenuItem: React.FC<GetSideBarMenuItemProps> = ({\n\toption,\n\tindex,\n\tonClickMainMenuLogic,\n\tsetHandleHoverForFullLayout,\n\tisDisabled,\n\tsetHoveredComp,\n\tsetPopupMenu,\n\tmainActiveMenu,\n\thoveredComp,\n\tpopupMenu,\n}) => {\n\treturn (\n\t\t<SibeBarMenuItem>\n\t\t\t<div\n\t\t\t\tid={option.displayName?.split(' ')?.join('') || option.key.toString()}\n\t\t\t\tclassName=\"main--sidebar\"\n\t\t\t\tkey={index}\n\t\t\t\tonClick={() => onClickMainMenuLogic(option)}\n\t\t\t\tonMouseEnter={() => {\n\t\t\t\t\t!isDisabled && setHandleHoverForFullLayout(option);\n\t\t\t\t}}\n\t\t\t\tonMouseOver={() => {\n\t\t\t\t\t!isDisabled && setHandleHoverForFullLayout(option);\n\t\t\t\t}}\n\t\t\t\tonMouseLeave={() => {\n\t\t\t\t\tif (!option?.children?.length) {\n\t\t\t\t\t\tsetHoveredComp(undefined);\n\t\t\t\t\t\tsetPopupMenu(undefined);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tonFocus={() => {}}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t{option.isNew && (\n\t\t\t\t\t<div className={`new-tag ${option.isLastSticky ? 'tag-sticky' : ''}`}>\n\t\t\t\t\t\tNEW\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{option.isLocked && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`locked--channel ${\n\t\t\t\t\t\t\toption.isLastSticky ? 'tag-sticky' : ''\n\t\t\t\t\t\t}  ${option.is2ndLastSticky ? 'tag-sticky-2' : ''}`}\n\t\t\t\t\t>\n\t\t\t\t\t\t<LockedIcon height={16} width={16} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<div\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\tclassName={`sidebar-menu-item \n\t\t\t\t\t${mainActiveMenu?.key === option.key ? 'main-menu-active-class' : ''} \n\t\t\t\t\t${option.isLastSticky ? 'sticky-menu-int' : ''} \n\t\t\t\t\t${option.is2ndLastSticky ? 'sticky-menu' : ''} \n\t\t\t\t\t${option.key === hoveredComp?.key ? 'sidebar-menu-item-hover' : ''} \n\t\t\t\t\t${option.isNew ? 'new-menu-item' : ''}`}\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<div className=\"menu-item-container\">\n\t\t\t\t\t\t<p\n\t\t\t\t\t\t\tclassName={`menu-item-text ${\n\t\t\t\t\t\t\t\toption?.key === mainActiveMenu?.key\n\t\t\t\t\t\t\t\t\t? 'active-menu-item-text'\n\t\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\t\t{option.displayName}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</SibeBarMenuItem>\n\t);\n};\n"],"names":["BikSidebar","IconComponent","iconComponentProps","icon","isActive","activeStateIcon","hoverStateIcon","isHovered","Icon","ActiveIcon","HoverIcon","_jsx","_Fragment","children","jsx","width","height","color","COLORS","surface","standard","EachSidebarMenuItem","_ref","option","index","onClickMainMenuLogic","setHandleHoverForFullLayout","isDisabled","setHoveredComp","setPopupMenu","mainActiveMenu","hoveredComp","popupMenu","SibeBarMenuItem","_jsxs","id","_b","_a","displayName","split","join","key","toString","className","onClick","onMouseEnter","onMouseOver","onMouseLeave","length","undefined","onFocus","isNew","Object","assign","isLastSticky","isLocked","is2ndLastSticky","LockedIcon","jsxs","_d","_c","_e","activeIcon","hoverIcon","_f","bikSidebarProps","logoSvg","allMenuList","activeMainMenu","activeSubMenu","router","onClickingMainMenu","onClickingSubMenu","onClickingAccessUpgradePanel","onClickingPopupMenuItem","popupMinHeight","isNewSidebar","menuStyle","setMainActiveMenu","useState","subActiveMenu","setSubActiveMenu","setIsDisabled","popupMenuTop","setPopupMenuTop","sidebarEachMenuTop","setSidebarEachMenuTop","autoCloseTimer","setAutoCloseTimer","numberOfStickyOptions","useMemo","filter","menu","useEffect","useCallback","layout","path","setTimeout","clearRemnantTimers","top","determineElementTop","targetElement","document","getElementById","topValue","calculateTopSideBarPosition","initiateAutoClose","targetRect","getBoundingClientRect","innerStickyElements","querySelectorAll","innerStickyElement","window","innerHeight","forEach","element","includes","distanceToBottom","bottom","handleResize","newTop","determineSideMenuTopWhileResize","addEventListener","removeEventListener","openSideMenuElement","openSideMenuElementHeight","currentId","sideMenuRect","divBoxTop","popupHeight","timer","clearTimeout","SideBarContainer","onKeyDown","BikIcon","MainSideBarMenuWrapper","style","map","Fragment","NavigationHyperlink","href","SidebarPopup","menuList","onClickingPopupMenu","popupMenuSelected","onMouseLeaveOnMenu","SimpleSidebar","activeMenu","onMouseEnterOnMenu","left","postion","header","theme","showAccessUpgradePanel","onMenuClick","menuSelected","reDirect","onUpgrade","onboardingPercentage","CircularProgressBar","percentage"],"mappings":"6cA6DaA,MAiRPC,EAMAC,IACL,MAAMC,KAAEA,EAAIC,SAAEA,EAAQC,gBAAEA,EAAeC,eAAEA,EAAcC,UAAEA,GACxDL,EACKM,EAAOL,EACPM,EAAaJ,EACbK,EAAYJ,EAClB,OACCK,EAAAA,IAAAC,EAAAA,SAAA,CAAAC,SACET,EACAO,EAACG,IAAAL,GAAWM,MAAO,GAAIC,OAAQ,KAC5BT,EACHI,EAAAG,IAACJ,EAAU,CAAAK,MAAO,GAAIC,OAAQ,GAAIC,MAAOC,EAAAA,OAAOC,QAAQC,WAExDT,EAAAG,IAACN,EAAK,CAAAO,MAAO,GAAIC,OAAQ,GAAIC,MAAOC,EAAAA,OAAOC,QAAQC,YAElD,EAICC,EAAyDC,IAW1D,IAX2DC,OAC/DA,EAAMC,MACNA,EAAKC,qBACLA,EAAoBC,4BACpBA,EAA2BC,WAC3BA,EAAUC,eACVA,EAAcC,aACdA,EAAYC,eACZA,EAAcC,YACdA,EAAWC,UACXA,GACAV,kBACA,OACCX,EAAAA,IAACsB,EAAAA,gBAAe,CAAApB,SACfqB,4BACCC,IAAoC,QAAhCC,EAAkB,QAAlBC,EAAAd,EAAOe,mBAAW,IAAAD,OAAA,EAAAA,EAAEE,MAAM,YAAM,IAAAH,OAAA,EAAAA,EAAAI,KAAK,MAAOjB,EAAOkB,IAAIC,WAC3DC,UAAU,gBAEVC,QAASA,IAAMnB,EAAqBF,GACpCsB,aAAcA,MACZlB,GAAcD,EAA4BH,EAAO,EAEnDuB,YAAaA,MACXnB,GAAcD,EAA4BH,EAAO,EAEnDwB,aAAcA,YACU,QAAlBV,EAAAd,aAAA,EAAAA,EAAQV,gBAAU,IAAAwB,OAAA,EAAAA,EAAAW,UACtBpB,OAAeqB,GACfpB,OAAaoB,GACb,EAEFC,QAASA,OACG,cAAA,QAEX,CAAArC,SAAA,CAAAU,EAAO4B,OACPxC,EAAKG,IAAA,MAAAsC,OAAAC,OAAA,CAAAV,UAAsB,YAAApB,EAAO+B,aAAe,aAAe,KAE1D,CAAAzC,SAAA,SAENU,EAAOgC,UACP5C,EAAAG,IAAA,MAAAsC,OAAAC,OAAA,CACCV,UACC,mBAAApB,EAAO+B,aAAe,aAAe,OACjC/B,EAAOiC,gBAAkB,eAAiB,gBAE/C7C,EAACG,IAAA2C,WAAWzC,OAAQ,GAAID,MAAO,QAGjCmB,EAAAwB,KAAA,MAAAN,OAAAC,OAAA,CAEClB,IAC+B,QAA9BwB,EAAoB,QAApBC,EAAArC,EAAOe,mBAAa,IAAAsB,OAAA,EAAAA,EAAArB,MAAM,YAAI,IAAAoB,OAAA,EAAAA,EAAEnB,KAAK,KAAM,QAC3CjB,EAAOkB,IAAIC,WAAa,OAEzBC,UAAW,kCACTb,eAAAA,EAAgBW,OAAQlB,EAAOkB,IAAM,yBAA2B,kBAChElB,EAAO+B,aAAe,kBAAoB,kBAC1C/B,EAAOiC,gBAAkB,cAAgB,kBACzCjC,EAAOkB,OAAQV,eAAAA,EAAaU,KAAM,0BAA4B,kBAC9DlB,EAAO4B,MAAQ,gBAAkB,MAAI,CAAAtC,SAAA,CAEvCF,MAACV,EAAa,CACbE,KAAMoB,EAAOpB,KACbC,SAAUmB,EAAOkB,MAAOX,aAAc,EAAdA,EAAgBW,KACxCpC,gBACkB,QAAjBwD,EAAAtC,EAAOuC,kBAAU,IAAAD,EAAAA,EAChB,CAA+D,EAEjEvD,eACiB,UAAhBiB,EAAOwC,iBAAS,IAAAC,EAAAA,EACf,CAA+D,EAEjEzD,UACCgB,EAAOkB,MAAOV,aAAW,EAAXA,EAAaU,MAAOlB,EAAOkB,MAAOT,aAAA,EAAAA,EAAWS,OAG7D9B,EAAKG,IAAA,MAAAsC,OAAAC,OAAA,CAAAV,UAAU,uBACd,CAAA9B,SAAAF,EAAAG,IAAA,IAAAsC,OAAAC,OAAA,CACCV,UAAW,oBACVpB,eAAAA,EAAQkB,QAAQX,aAAA,EAAAA,EAAgBW,KAC7B,wBACA,KAGH,CAAA5B,SAAAU,EAAOe,qBAnCLd,MAhCDA,IAwEW,qBAnYkCyC,IACrD,MAAMC,QACLA,EAAOC,YACPA,EAAWC,eACXA,EAAcC,cACdA,EAAaC,OACbA,EAAMC,mBACNA,EAAkBC,kBAClBA,EAAiBC,6BACjBA,EAA4BC,wBAC5BA,EAAuBC,eACvBA,EAAcC,aACdA,EAAYC,UACZA,GACGZ,GACGnC,EAAgBgD,GACtBC,EAAQA,SAAWX,IACbrC,EAAaH,GAAkBmD,EAAQA,YACvCC,EAAeC,GAAoBF,EAAQA,SAAOV,IAClD1C,EAAYuD,GAAiBH,EAAQA,UAAC,IACtC/C,EAAWH,GAAgBkD,EAAQA,YACnCI,EAAcC,GAAmBL,EAAQA,YACzCM,EAAoBC,GAAyBP,EAAQA,YACrDQ,EAAgBC,GAAqBT,EAAQA,SACnD,MAEKU,EAAwBC,EAAOA,SACpC,IACCvB,EAAYwB,QAAQC,GAASA,EAAKpC,iBAAmBoC,EAAKtC,eACxDN,QACH,CAACmB,IAGF0B,EAAAA,WAAU,KACTf,EAAkBV,EAAe,GAC/B,CAACA,IAEJyB,EAAAA,WAAU,KACTZ,EAAiBZ,EAAc,GAC7B,CAACA,IAEJ,MAAM5C,EAAuBqE,EAAWA,aACtCvE,UACuB,WAAnBA,aAAM,EAANA,EAAQwE,UAGZlE,OAAaoB,GACbrB,OAAeqB,GACfiC,GAAc,GACdJ,EAAkBvD,GACbA,EAAOyE,MACXzB,EAAmBhD,IAEJ,QAAhBc,EAAAd,eAAAA,EAAQV,gBAAQ,IAAAwB,OAAA,EAAAA,EAAEW,QACfiC,EAAiB1D,aAAA,EAAAA,EAAQV,SAAS,IAClCoE,EAAiB,CAAU,GAC9BrD,OAAeqB,GACfgD,YAAW,KACVf,GAAc,EAAM,GAClB,KAAK,GAET,CAACX,IAGI7C,EAA8BoE,EAAWA,aAAEvE,YAIhD,GAHA2E,IACAtE,OAAeqB,GACfpB,OAAaoB,GACS,UAAlB1B,aAAM,EAANA,EAAQwE,QAAmB,CAC9B,MAAMI,EAAMC,IACZD,GAAOf,EAAgBe,GACvBtE,EAAaN,EACb,KAAM,CACN,MAAM8E,EAAgBC,SAASC,gBACE,QAAhCnE,UAAAC,EAAAd,EAAOe,kCAAaC,MAAM,YAAM,IAAAH,OAAA,EAAAA,EAAAI,KAAK,MAAOjB,EAAOkB,IAAIC,YAExD,GAAI2D,EAAe,CAClB,MAAMG,EAAWC,EAA4BJ,GAC7Cf,EAAsBkB,EACtB,CACD5E,EAAeL,GACfmF,GACA,IACC,IACGD,EAA+BJ,IACpC,MAAMM,EAAaN,EAAcO,wBACjC,IAAIJ,EAAWG,EAAWR,IAC1B,MAAMU,EAAsBR,EAAcS,iBAAiB,OAC3D,IAAIC,EAAqB,KAEzB,GADoBC,OAAOC,aACR,IAClB,OAAOT,EAOR,GALAK,EAAoBK,SAASC,IACxBA,EAAQxE,UAAUyE,SAAS,YAC9BL,EAAqBI,EACrB,IAEEJ,EAAoB,CACvB,MACMM,EADeL,OAAOC,YACYN,EAAWW,OACnDd,EAAWG,EAAWR,IAAMkB,EAAmB,GAC/C,CACD,OAAOb,CAAQ,EAGhBX,EAAAA,WAAU,KACT,MAAM0B,EAAeA,KACpB,MAAMC,EAASpB,IACfoB,GAAUpC,EAAgBoC,GAC1BC,GAAiC,EAGlC,OADAT,OAAOU,iBAAiB,SAAUH,GAC3B,KACNP,OAAOW,oBAAoB,SAAUJ,EAAa,CAClD,GAEC,IACH,MAAME,EAAkCA,KACvC,MAAMG,EAAsBtB,SAASC,eAAe,aAC9CsB,EACLD,aAAA,EAAAA,EAAqBhB,wBAAwB5F,OAC1C6G,GACHvC,EAAsB0B,OAAOC,YAAcY,EAC3C,EAEIzB,EAAsBA,aAC3B,GAAIpE,EAAW,CACd,MAAM8F,GAC8B,UAAd,QAArBzF,EAAAL,EAAUM,mBAAW,IAAAD,OAAA,EAAAA,EAAEE,MAAM,YAAM,IAAAH,OAAA,EAAAA,EAAAI,KAAK,KAAM,QAC9CR,EAAUS,IAAIC,WAAa,OAEtB2D,EAAgBC,SAASC,eAAeuB,GAC9C,GAAIzB,EAAe,CAClB,MAAM0B,EAAe1B,EAAcO,wBACnC,IAAIoB,EAAYD,EAAa5B,IAC7B,MAAM8B,EAActD,QAAAA,EAAkB,IAItC,OAHIoD,EAAaT,OAASW,EAAcjB,OAAOC,cAC9Ce,GAAaD,EAAaT,OAASW,EAAcjB,OAAOC,aAElDe,CACP,CACD,OAAO,IACP,GAGItB,EAAoBA,KACzBR,IACA,MAAMgC,EAAQjC,YAAW,IAAMrE,OAAeqB,IAAY,KAC1DuC,EAAkB0C,EAAM,EAGnBhC,EAAqBA,KAC1BiC,aAAa5C,EAAgB,EAG9B,OACCrD,EAAAA,KAACkG,EAAAA,iBACA,CAAAvH,SAAA,CAAAF,EAAAG,IAAA,MAAAsC,OAAAC,OAAA,CACCV,UAAU,kBACVC,QAASA,KAAe,EACxByF,UAAWA,KAAe,EAAA,cACd,QAAM,CAAAxH,SAEjBqD,GAAoBvD,EAAAA,IAAC2H,EAAAA,QAAO,CAAA,MAE9BpG,EAACwB,KAAA6E,yBAAuBnF,OAAAC,OAAA,CAAAmF,MAAO3D,GAC7B,CAAAhE,SAAA,CAAAsD,aAAA,EAAAA,EAAasE,KAAI,CAAClH,EAAQC,aAAU,OACpCU,EAAAA,KAACwG,EAAAA,SACC,CAAA7H,SAAA,CAAAU,EAAOyE,KACPrF,EAACG,IAAA6H,EAAmBA,mCAACC,KAAMrH,EAAOyE,KAAM1B,OAAQA,GAAM,CAAAzD,SACrDF,EAACG,IAAAO,GACAE,OAAQA,EACRC,MAAOA,EACPC,qBAAsBA,EACtBC,4BAA6BA,EAC7BC,WAAYA,EACZC,eAAgBA,EAChBC,aAAcA,EACdC,eAAgBA,EAChBC,YAAaA,EACbC,UAAWA,OAIbrB,EAAAG,IAACO,EACA,CAAAE,OAAQA,EACRC,MAAOA,EACPC,qBAAsBA,EACtBC,4BAA6BA,EAC7BC,WAAYA,EACZC,eAAgBA,EAChBC,aAAcA,EACdC,eAAgBA,EAChBC,YAAaA,EACbC,UAAWA,IAGbE,EAAAwB,KAAA9C,WAAA,CAAAC,SAAA,CACoB,UAAlBU,EAAOwE,SAA2C,QAArB1D,EAAAL,aAAS,EAATA,EAAWnB,gBAAU,IAAAwB,OAAA,EAAAA,EAAAW,SAClDrC,EAAAA,IAACkI,EAAAA,cACA1C,IAAKhB,QAAAA,OAAgBlC,EACrB6F,SAAU9G,aAAS,EAATA,EAAWnB,SACrBkI,oBAAsBC,IACrBtE,GACCA,EAAwBsE,GACzBnH,OAAaoB,EAAU,EAExBgG,mBAAoBA,IAAMpH,OAAaoB,MAGnB,QAArBb,EAAAL,aAAW,EAAXA,EAAalB,gBAAQ,IAAAuB,OAAA,EAAAA,EAAEY,SACvBrC,EAAAG,IAACoI,gBACA,CAAAJ,SAAU/G,eAAAA,EAAalB,SACvBsI,WAAYnE,EACZoE,mBAAoBA,IAAMlD,IAC1B+C,mBAAoBA,KACnB/C,IACAtE,OAAeqB,EAAU,EAE1BoG,KAAMzE,EAAe,GAAK,GAC1B0E,QAAS,QACTC,OAAQxH,EAAYO,YACpBkH,MAAO,QACPlF,OAAQA,EACRmF,uBAAwB1H,EAAY0H,uBACpCC,YAAaA,CAACC,EAAcC,KAC3B3E,EAAiB0E,GACjB7E,EAAkB/C,GAClBH,OAAeqB,GACfpB,OAAaoB,GACb2G,GAAYpF,EAAkBmF,EAAa,EAE5CE,UAAWpF,EACX0B,IACCvB,GACGS,GAGA,EAEJT,aAAcA,SAzEHpD,EA6EJ,IAEqC,iBAAzCyC,EAAgB6F,sBACvBnJ,EAAAA,IAACsB,EAAAA,gBACA,CAAApB,SAAAF,EAAAG,IAAA,MAAAsC,OAAAC,OAAA,CAAKV,UAAU,iBAAe,CAAA9B,SAC7BF,EACCG,IAAA,MAAAsC,OAAAC,OAAA,CAAAlB,GAAI,4BACJQ,UAAW,sBACgB,IAA1B8C,EACG,cAC0B,IAA1BA,EACA,kBACA,sBAGJ,CAAA5E,SAAAF,EAAAG,IAACiJ,UACA,CAAAC,WAAY/F,EAAgB6F,qBAC5B/I,MAAO,mBAOK"}
+{"version":3,"file":"BikSidebar.js","sources":["../../../../src/components/bik-layout/BikSidebar.tsx"],"sourcesContent":["import BikIcon from '@src/assets/icons/Bik_logo.svg';\nimport LockedIcon from '@src/assets/icons/locked.svg';\nimport { Fragment, useCallback, useEffect, useMemo, useState } 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 './Sidebar.model';\nimport { SidebarPopup } from './SidebarPopup';\nimport {\n\tMainSideBarMenuWrapper,\n\tSibeBarMenuItem,\n\tSideBarContainer,\n} from './SidebarStyles';\nimport { SimpleSidebar } from './SimpleSidebar';\n\nexport interface MenuItem {\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 BikSidebarProps {\n\tlogoSvg?: JSX.Element;\n\tallMenuList: MenuItem[];\n\tactiveMainMenu: MenuItem;\n\tactiveSubMenu: Menu;\n\trouter: any;\n\tonClickingMainMenu: (menu: MenuItem) => 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 GetSideBarMenuItemProps {\n\toption: MenuItem;\n\tindex: number;\n\tonClickMainMenuLogic: (option: MenuItem) => void;\n\tsetHandleHoverForFullLayout: (option: MenuItem) => void;\n\tisDisabled: boolean;\n\tsetHoveredComp: (comp: any) => void;\n\tsetPopupMenu: (menu: any) => void;\n\tmainActiveMenu: MenuItem | undefined;\n\thoveredComp: MenuItem | undefined;\n\tpopupMenu: MenuItem | undefined;\n}\n\nexport const BikSidebar: React.FC<BikSidebarProps> = (bikSidebarProps) => {\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} = bikSidebarProps;\n\tconst [mainActiveMenu, setMainActiveMenu] =\n\t\tuseState<MenuItem>(activeMainMenu);\n\tconst [hoveredComp, setHoveredComp] = useState<MenuItem>();\n\tconst [subActiveMenu, setSubActiveMenu] = useState<Menu>(activeSubMenu);\n\tconst [isDisabled, setIsDisabled] = useState(false);\n\tconst [popupMenu, setPopupMenu] = useState<MenuItem>();\n\tconst [popupMenuTop, setPopupMenuTop] = useState<number>();\n\tconst [sidebarEachMenuTop, setSidebarEachMenuTop] = useState<number>();\n\tconst [autoCloseTimer, setAutoCloseTimer] = useState<NodeJS.Timeout | null>(\n\t\tnull,\n\t);\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: MenuItem) => {\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: MenuItem) => {\n\t\tclearRemnantTimers();\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);\n\t\t\t\tsetSidebarEachMenuTop(topValue);\n\t\t\t}\n\t\t\tsetHoveredComp(option);\n\t\t\tinitiateAutoClose();\n\t\t}\n\t}, []);\n\tconst calculateTopSideBarPosition = (targetElement: HTMLElement) => {\n\t\tconst targetRect = targetElement.getBoundingClientRect();\n\t\tlet topValue = targetRect.top;\n\t\tconst innerStickyElements = targetElement.querySelectorAll('div');\n\t\tlet innerStickyElement = null as HTMLElement | null;\n\t\tconst innerHeight = window.innerHeight;\n\t\tif (innerHeight <= 768) {\n\t\t\treturn topValue;\n\t\t}\n\t\tinnerStickyElements.forEach((element) => {\n\t\t\tif (element.className.includes('sticky')) {\n\t\t\t\tinnerStickyElement = element;\n\t\t\t}\n\t\t});\n\t\tif (innerStickyElement) {\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 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\tconst initiateAutoClose = () => {\n\t\tclearRemnantTimers();\n\t\tconst timer = setTimeout(() => setHoveredComp(undefined), 10000); // 10-second delay\n\t\tsetAutoCloseTimer(timer);\n\t};\n\n\tconst clearRemnantTimers = () => {\n\t\tclearTimeout(autoCloseTimer!);\n\t};\n\n\treturn (\n\t\t<SideBarContainer>\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<MainSideBarMenuWrapper 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/>\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/>\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<SidebarPopup\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\tonMouseLeaveOnMenu={() => setPopupMenu(undefined)}\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<SimpleSidebar\n\t\t\t\t\t\t\t\t\tmenuList={hoveredComp?.children}\n\t\t\t\t\t\t\t\t\tactiveMenu={subActiveMenu}\n\t\t\t\t\t\t\t\t\tonMouseEnterOnMenu={() => clearRemnantTimers()}\n\t\t\t\t\t\t\t\t\tonMouseLeaveOnMenu={() => {\n\t\t\t\t\t\t\t\t\t\tclearRemnantTimers();\n\t\t\t\t\t\t\t\t\t\tsetHoveredComp(undefined);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tleft={isNewSidebar ? 92 : 88}\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 bikSidebarProps.onboardingPercentage === 'number' && (\n\t\t\t\t\t<SibeBarMenuItem>\n\t\t\t\t\t\t<div className=\"main--sidebar\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tid={'bik-onboarding__checklist'}\n\t\t\t\t\t\t\t\tclassName={`sidebar-menu-item ${\n\t\t\t\t\t\t\t\t\tnumberOfStickyOptions === 0\n\t\t\t\t\t\t\t\t\t\t? 'sticky-menu'\n\t\t\t\t\t\t\t\t\t\t: numberOfStickyOptions === 1\n\t\t\t\t\t\t\t\t\t\t? 'sticky-menu-int'\n\t\t\t\t\t\t\t\t\t\t: 'sticky-menu-three'\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={bikSidebarProps.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</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</SibeBarMenuItem>\n\t\t\t\t)}\n\t\t\t</MainSideBarMenuWrapper>\n\t\t</SideBarContainer>\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, hoverStateIcon, isHovered } =\n\t\ticonComponentProps;\n\tconst Icon = icon;\n\tconst ActiveIcon = activeStateIcon;\n\tconst HoverIcon = hoverStateIcon;\n\treturn (\n\t\t<>\n\t\t\t{isActive ? (\n\t\t\t\t<ActiveIcon width={20} height={20} />\n\t\t\t) : isHovered ? (\n\t\t\t\t<HoverIcon width={20} height={20} color={COLORS.surface.standard} />\n\t\t\t) : (\n\t\t\t\t<Icon width={20} height={20} color={COLORS.surface.standard} />\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nconst EachSidebarMenuItem: React.FC<GetSideBarMenuItemProps> = ({\n\toption,\n\tindex,\n\tonClickMainMenuLogic,\n\tsetHandleHoverForFullLayout,\n\tisDisabled,\n\tsetHoveredComp,\n\tsetPopupMenu,\n\tmainActiveMenu,\n\thoveredComp,\n\tpopupMenu,\n}) => {\n\treturn (\n\t\t<SibeBarMenuItem>\n\t\t\t<div\n\t\t\t\tid={option.displayName?.split(' ')?.join('') || option.key.toString()}\n\t\t\t\tclassName=\"main--sidebar\"\n\t\t\t\tkey={index}\n\t\t\t\tonClick={() => onClickMainMenuLogic(option)}\n\t\t\t\tonMouseEnter={() => {\n\t\t\t\t\t!isDisabled && setHandleHoverForFullLayout(option);\n\t\t\t\t}}\n\t\t\t\tonMouseOver={() => {\n\t\t\t\t\t!isDisabled && setHandleHoverForFullLayout(option);\n\t\t\t\t}}\n\t\t\t\tonMouseLeave={() => {\n\t\t\t\t\tif (!option?.children?.length) {\n\t\t\t\t\t\tsetHoveredComp(undefined);\n\t\t\t\t\t\tsetPopupMenu(undefined);\n\t\t\t\t\t}\n\t\t\t\t}}\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<div className={`new-tag ${option.isLastSticky ? 'tag-sticky' : ''}`}>\n\t\t\t\t\t\tNEW\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{option.isLocked && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`locked--channel ${\n\t\t\t\t\t\t\toption.isLastSticky ? 'tag-sticky' : ''\n\t\t\t\t\t\t}  ${option.is2ndLastSticky ? 'tag-sticky-2' : ''}`}\n\t\t\t\t\t>\n\t\t\t\t\t\t<LockedIcon height={16} width={16} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<div\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\tclassName={`sidebar-menu-item \n\t\t\t\t\t${mainActiveMenu?.key === option.key ? 'main-menu-active-class' : ''} \n\t\t\t\t\t${option.isLastSticky ? 'sticky-menu-int' : ''} \n\t\t\t\t\t${option.is2ndLastSticky ? 'sticky-menu' : ''} \n\t\t\t\t\t${option.key === hoveredComp?.key ? 'sidebar-menu-item-hover' : ''} \n\t\t\t\t\t${option.isNew ? 'new-menu-item' : ''}`}\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<div className=\"menu-item-container\">\n\t\t\t\t\t\t<p\n\t\t\t\t\t\t\tclassName={`menu-item-text ${\n\t\t\t\t\t\t\t\toption?.key === mainActiveMenu?.key\n\t\t\t\t\t\t\t\t\t? 'active-menu-item-text'\n\t\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\t\t{option.displayName}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</SibeBarMenuItem>\n\t);\n};\n"],"names":["BikSidebar","IconComponent","iconComponentProps","icon","isActive","activeStateIcon","hoverStateIcon","isHovered","Icon","ActiveIcon","HoverIcon","_jsx","_Fragment","children","jsx","width","height","color","COLORS","surface","standard","EachSidebarMenuItem","_ref","option","index","onClickMainMenuLogic","setHandleHoverForFullLayout","isDisabled","setHoveredComp","setPopupMenu","mainActiveMenu","hoveredComp","popupMenu","SibeBarMenuItem","_jsxs","id","_b","_a","displayName","split","join","key","toString","className","onClick","onMouseEnter","onMouseOver","onMouseLeave","length","undefined","onFocus","isNew","Object","assign","isLastSticky","isLocked","is2ndLastSticky","LockedIcon","_d","_c","_e","activeIcon","hoverIcon","_f","bikSidebarProps","logoSvg","allMenuList","activeMainMenu","activeSubMenu","router","onClickingMainMenu","onClickingSubMenu","onClickingAccessUpgradePanel","onClickingPopupMenuItem","popupMinHeight","isNewSidebar","menuStyle","setMainActiveMenu","useState","subActiveMenu","setSubActiveMenu","setIsDisabled","popupMenuTop","setPopupMenuTop","sidebarEachMenuTop","setSidebarEachMenuTop","autoCloseTimer","setAutoCloseTimer","numberOfStickyOptions","useMemo","filter","menu","useEffect","useCallback","layout","path","setTimeout","clearRemnantTimers","top","determineElementTop","targetElement","document","getElementById","topValue","calculateTopSideBarPosition","initiateAutoClose","targetRect","getBoundingClientRect","innerStickyElements","querySelectorAll","innerStickyElement","window","innerHeight","forEach","element","includes","distanceToBottom","bottom","handleResize","newTop","determineSideMenuTopWhileResize","addEventListener","removeEventListener","openSideMenuElement","openSideMenuElementHeight","currentId","sideMenuRect","divBoxTop","popupHeight","timer","clearTimeout","SideBarContainer","onKeyDown","BikIcon","jsxs","MainSideBarMenuWrapper","style","map","Fragment","NavigationHyperlink","href","SidebarPopup","menuList","onClickingPopupMenu","popupMenuSelected","onMouseLeaveOnMenu","SimpleSidebar","activeMenu","onMouseEnterOnMenu","left","postion","header","theme","showAccessUpgradePanel","onMenuClick","menuSelected","reDirect","onUpgrade","onboardingPercentage","CircularProgressBar","percentage"],"mappings":"6cA6DaA,MAiRPC,EAMAC,IACL,MAAMC,KAAEA,EAAIC,SAAEA,EAAQC,gBAAEA,EAAeC,eAAEA,EAAcC,UAAEA,GACxDL,EACKM,EAAOL,EACPM,EAAaJ,EACbK,EAAYJ,EAClB,OACCK,EAAAA,IAAAC,EAAAA,SAAA,CAAAC,SACET,EACAO,EAACG,IAAAL,GAAWM,MAAO,GAAIC,OAAQ,KAC5BT,EACHI,EAAAG,IAACJ,EAAU,CAAAK,MAAO,GAAIC,OAAQ,GAAIC,MAAOC,EAAAA,OAAOC,QAAQC,WAExDT,EAAAG,IAACN,EAAK,CAAAO,MAAO,GAAIC,OAAQ,GAAIC,MAAOC,EAAAA,OAAOC,QAAQC,YAElD,EAICC,EAAyDC,IAW1D,IAX2DC,OAC/DA,EAAMC,MACNA,EAAKC,qBACLA,EAAoBC,4BACpBA,EAA2BC,WAC3BA,EAAUC,eACVA,EAAcC,aACdA,EAAYC,eACZA,EAAcC,YACdA,EAAWC,UACXA,GACAV,kBACA,OACCX,EAAAA,IAACsB,EAAAA,gBAAe,CAAApB,SACfqB,4BACCC,IAAoC,QAAhCC,EAAkB,QAAlBC,EAAAd,EAAOe,mBAAW,IAAAD,OAAA,EAAAA,EAAEE,MAAM,YAAM,IAAAH,OAAA,EAAAA,EAAAI,KAAK,MAAOjB,EAAOkB,IAAIC,WAC3DC,UAAU,gBAEVC,QAASA,IAAMnB,EAAqBF,GACpCsB,aAAcA,MACZlB,GAAcD,EAA4BH,EAAO,EAEnDuB,YAAaA,MACXnB,GAAcD,EAA4BH,EAAO,EAEnDwB,aAAcA,YACU,QAAlBV,EAAAd,aAAA,EAAAA,EAAQV,gBAAU,IAAAwB,OAAA,EAAAA,EAAAW,UACtBpB,OAAeqB,GACfpB,OAAaoB,GACb,EAEFC,QAASA,OAER,cACW,QAEX,CAAArC,SAAA,CAAAU,EAAO4B,OACPxC,EAAKG,IAAA,MAAAsC,OAAAC,OAAA,CAAAV,UAAsB,YAAApB,EAAO+B,aAAe,aAAe,KAAI,CAAAzC,SAAA,SAIpEU,EAAOgC,UACP5C,EACCG,IAAA,MAAAsC,OAAAC,OAAA,CAAAV,UACC,mBAAApB,EAAO+B,aAAe,aAAe,OACjC/B,EAAOiC,gBAAkB,eAAiB,MAE/C,CAAA3C,SAAAF,EAAAG,IAAC2C,UAAW,CAAAzC,OAAQ,GAAID,MAAO,QAGjCmB,4BAECC,IAC+B,QAA9BuB,UAAAC,EAAApC,EAAOe,kCAAaC,MAAM,YAAI,IAAAmB,OAAA,EAAAA,EAAElB,KAAK,KAAM,QAC3CjB,EAAOkB,IAAIC,WAAa,OAEzBC,UAAW,kCACTb,eAAAA,EAAgBW,OAAQlB,EAAOkB,IAAM,yBAA2B,kBAChElB,EAAO+B,aAAe,kBAAoB,kBAC1C/B,EAAOiC,gBAAkB,cAAgB,kBACzCjC,EAAOkB,OAAQV,eAAAA,EAAaU,KAAM,0BAA4B,kBAC9DlB,EAAO4B,MAAQ,gBAAkB,MAAI,CAAAtC,SAAA,CAEvCF,MAACV,EAAa,CACbE,KAAMoB,EAAOpB,KACbC,SAAUmB,EAAOkB,MAAOX,aAAc,EAAdA,EAAgBW,KACxCpC,gBACkB,QAAjBuD,EAAArC,EAAOsC,kBAAU,IAAAD,EAAAA,EAChB,CAA+D,EAEjEtD,eACiB,UAAhBiB,EAAOuC,iBAAS,IAAAC,EAAAA,EACf,CAA+D,EAEjExD,UACCgB,EAAOkB,MAAOV,aAAW,EAAXA,EAAaU,MAAOlB,EAAOkB,MAAOT,aAAA,EAAAA,EAAWS,OAG7D9B,EAAKG,IAAA,MAAAsC,OAAAC,OAAA,CAAAV,UAAU,uBACd,CAAA9B,SAAAF,EAAAG,IAAA,IAAAsC,OAAAC,OAAA,CACCV,UAAW,oBACVpB,eAAAA,EAAQkB,QAAQX,aAAA,EAAAA,EAAgBW,KAC7B,wBACA,KAGH,CAAA5B,SAAAU,EAAOe,qBAnCLd,MAlCDA,IA0EW,qBArYkCwC,IACrD,MAAMC,QACLA,EAAOC,YACPA,EAAWC,eACXA,EAAcC,cACdA,EAAaC,OACbA,EAAMC,mBACNA,EAAkBC,kBAClBA,EAAiBC,6BACjBA,EAA4BC,wBAC5BA,EAAuBC,eACvBA,EAAcC,aACdA,EAAYC,UACZA,GACGZ,GACGlC,EAAgB+C,GACtBC,EAAQA,SAAWX,IACbpC,EAAaH,GAAkBkD,EAAQA,YACvCC,EAAeC,GAAoBF,EAAQA,SAAOV,IAClDzC,EAAYsD,GAAiBH,EAAQA,UAAC,IACtC9C,EAAWH,GAAgBiD,EAAQA,YACnCI,EAAcC,GAAmBL,EAAQA,YACzCM,EAAoBC,GAAyBP,EAAQA,YACrDQ,EAAgBC,GAAqBT,EAAQA,SACnD,MAEKU,EAAwBC,EAAOA,SACpC,IACCvB,EAAYwB,QAAQC,GAASA,EAAKnC,iBAAmBmC,EAAKrC,eACxDN,QACH,CAACkB,IAGF0B,EAAAA,WAAU,KACTf,EAAkBV,EAAe,GAC/B,CAACA,IAEJyB,EAAAA,WAAU,KACTZ,EAAiBZ,EAAc,GAC7B,CAACA,IAEJ,MAAM3C,EAAuBoE,EAAWA,aACtCtE,UACuB,WAAnBA,aAAM,EAANA,EAAQuE,UAGZjE,OAAaoB,GACbrB,OAAeqB,GACfgC,GAAc,GACdJ,EAAkBtD,GACbA,EAAOwE,MACXzB,EAAmB/C,IAEJ,QAAhBc,EAAAd,eAAAA,EAAQV,gBAAQ,IAAAwB,OAAA,EAAAA,EAAEW,QACfgC,EAAiBzD,aAAA,EAAAA,EAAQV,SAAS,IAClCmE,EAAiB,CAAU,GAC9BpD,OAAeqB,GACf+C,YAAW,KACVf,GAAc,EAAM,GAClB,KAAK,GAET,CAACX,IAGI5C,EAA8BmE,EAAWA,aAAEtE,YAIhD,GAHA0E,IACArE,OAAeqB,GACfpB,OAAaoB,GACS,UAAlB1B,aAAM,EAANA,EAAQuE,QAAmB,CAC9B,MAAMI,EAAMC,IACZD,GAAOf,EAAgBe,GACvBrE,EAAaN,EACb,KAAM,CACN,MAAM6E,EAAgBC,SAASC,gBACE,QAAhClE,UAAAC,EAAAd,EAAOe,kCAAaC,MAAM,YAAM,IAAAH,OAAA,EAAAA,EAAAI,KAAK,MAAOjB,EAAOkB,IAAIC,YAExD,GAAI0D,EAAe,CAClB,MAAMG,EAAWC,EAA4BJ,GAC7Cf,EAAsBkB,EACtB,CACD3E,EAAeL,GACfkF,GACA,IACC,IACGD,EAA+BJ,IACpC,MAAMM,EAAaN,EAAcO,wBACjC,IAAIJ,EAAWG,EAAWR,IAC1B,MAAMU,EAAsBR,EAAcS,iBAAiB,OAC3D,IAAIC,EAAqB,KAEzB,GADoBC,OAAOC,aACR,IAClB,OAAOT,EAOR,GALAK,EAAoBK,SAASC,IACxBA,EAAQvE,UAAUwE,SAAS,YAC9BL,EAAqBI,EACrB,IAEEJ,EAAoB,CACvB,MACMM,EADeL,OAAOC,YACYN,EAAWW,OACnDd,EAAWG,EAAWR,IAAMkB,EAAmB,GAC/C,CACD,OAAOb,CAAQ,EAGhBX,EAAAA,WAAU,KACT,MAAM0B,EAAeA,KACpB,MAAMC,EAASpB,IACfoB,GAAUpC,EAAgBoC,GAC1BC,GAAiC,EAGlC,OADAT,OAAOU,iBAAiB,SAAUH,GAC3B,KACNP,OAAOW,oBAAoB,SAAUJ,EAAa,CAClD,GAEC,IACH,MAAME,EAAkCA,KACvC,MAAMG,EAAsBtB,SAASC,eAAe,aAC9CsB,EACLD,aAAA,EAAAA,EAAqBhB,wBAAwB3F,OAC1C4G,GACHvC,EAAsB0B,OAAOC,YAAcY,EAC3C,EAEIzB,EAAsBA,aAC3B,GAAInE,EAAW,CACd,MAAM6F,GAC8B,UAAd,QAArBxF,EAAAL,EAAUM,mBAAW,IAAAD,OAAA,EAAAA,EAAEE,MAAM,YAAM,IAAAH,OAAA,EAAAA,EAAAI,KAAK,KAAM,QAC9CR,EAAUS,IAAIC,WAAa,OAEtB0D,EAAgBC,SAASC,eAAeuB,GAC9C,GAAIzB,EAAe,CAClB,MAAM0B,EAAe1B,EAAcO,wBACnC,IAAIoB,EAAYD,EAAa5B,IAC7B,MAAM8B,EAActD,QAAAA,EAAkB,IAItC,OAHIoD,EAAaT,OAASW,EAAcjB,OAAOC,cAC9Ce,GAAaD,EAAaT,OAASW,EAAcjB,OAAOC,aAElDe,CACP,CACD,OAAO,IACP,GAGItB,EAAoBA,KACzBR,IACA,MAAMgC,EAAQjC,YAAW,IAAMpE,OAAeqB,IAAY,KAC1DsC,EAAkB0C,EAAM,EAGnBhC,EAAqBA,KAC1BiC,aAAa5C,EAAgB,EAG9B,OACCpD,EAAAA,KAACiG,EAAAA,iBACA,CAAAtH,SAAA,CAAAF,EAAAG,IAAA,MAAAsC,OAAAC,OAAA,CACCV,UAAU,kBACVC,QAASA,KAAe,EACxBwF,UAAWA,KAAe,EAAA,cACd,QAAM,CAAAvH,SAEjBoD,GAAoBtD,EAAAA,IAAC0H,EAAAA,QAAO,CAAA,MAE9BnG,EAACoG,KAAAC,yBAAuBnF,OAAAC,OAAA,CAAAmF,MAAO5D,GAC7B,CAAA/D,SAAA,CAAAqD,aAAA,EAAAA,EAAauE,KAAI,CAAClH,EAAQC,aAAU,OACpCU,EAAAA,KAACwG,EAAAA,SACC,CAAA7H,SAAA,CAAAU,EAAOwE,KACPpF,EAACG,IAAA6H,EAAmBA,mCAACC,KAAMrH,EAAOwE,KAAM1B,OAAQA,GAAM,CAAAxD,SACrDF,EAACG,IAAAO,GACAE,OAAQA,EACRC,MAAOA,EACPC,qBAAsBA,EACtBC,4BAA6BA,EAC7BC,WAAYA,EACZC,eAAgBA,EAChBC,aAAcA,EACdC,eAAgBA,EAChBC,YAAaA,EACbC,UAAWA,OAIbrB,EAAAG,IAACO,EACA,CAAAE,OAAQA,EACRC,MAAOA,EACPC,qBAAsBA,EACtBC,4BAA6BA,EAC7BC,WAAYA,EACZC,eAAgBA,EAChBC,aAAcA,EACdC,eAAgBA,EAChBC,YAAaA,EACbC,UAAWA,IAGbE,EAAAoG,KAAA1H,WAAA,CAAAC,SAAA,CACoB,UAAlBU,EAAOuE,SAA2C,QAArBzD,EAAAL,aAAS,EAATA,EAAWnB,gBAAU,IAAAwB,OAAA,EAAAA,EAAAW,SAClDrC,EAAAA,IAACkI,EAAAA,cACA3C,IAAKhB,QAAAA,OAAgBjC,EACrB6F,SAAU9G,aAAS,EAATA,EAAWnB,SACrBkI,oBAAsBC,IACrBvE,GACCA,EAAwBuE,GACzBnH,OAAaoB,EAAU,EAExBgG,mBAAoBA,IAAMpH,OAAaoB,MAGnB,QAArBb,EAAAL,aAAW,EAAXA,EAAalB,gBAAQ,IAAAuB,OAAA,EAAAA,EAAEY,SACvBrC,EAAAG,IAACoI,gBACA,CAAAJ,SAAU/G,eAAAA,EAAalB,SACvBsI,WAAYpE,EACZqE,mBAAoBA,IAAMnD,IAC1BgD,mBAAoBA,KACnBhD,IACArE,OAAeqB,EAAU,EAE1BoG,KAAM1E,EAAe,GAAK,GAC1B2E,QAAS,QACTC,OAAQxH,EAAYO,YACpBkH,MAAO,QACPnF,OAAQA,EACRoF,uBAAwB1H,EAAY0H,uBACpCC,YAAaA,CAACC,EAAcC,KAC3B5E,EAAiB2E,GACjB9E,EAAkB9C,GAClBH,OAAeqB,GACfpB,OAAaoB,GACb2G,GAAYrF,EAAkBoF,EAAa,EAE5CE,UAAWrF,EACX0B,IACCvB,GACGS,GAGA,EAEJT,aAAcA,SAzEHnD,EA6EJ,IAEqC,iBAAzCwC,EAAgB8F,sBACvBnJ,EAAAA,IAACsB,EAAAA,gBACA,CAAApB,SAAAF,EAAAG,IAAA,MAAAsC,OAAAC,OAAA,CAAKV,UAAU,iBAAe,CAAA9B,SAC7BF,EACCG,IAAA,MAAAsC,OAAAC,OAAA,CAAAlB,GAAI,4BACJQ,UAAW,sBACgB,IAA1B6C,EACG,cAC0B,IAA1BA,EACA,kBACA,sBAGJ,CAAA3E,SAAAF,EAAAG,IAACiJ,UACA,CAAAC,WAAYhG,EAAgB8F,qBAC5B/I,MAAO,mBAOK"}

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

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

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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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/SidebarV2.model.d.ts

@@ -0,0 +1,27 @@
+export interface Menu {
+    key: string | number;
+    displayName: string;
+    description?: string;
+    path?: string;
+    page?: string;
+    isNew?: string;
+}
+export type SidebarV2Theme = 'brand' | 'white';
+export interface SimpleSidebarV2Props {
+    menuList: Menu[];
+    activeMenu: Menu;
+    theme: SidebarV2Theme;
+    showAccessUpgradePanel?: boolean;
+    header?: string;
+    width?: number;
+    zIndex?: number;
+    left?: number;
+    postion?: 'fixed' | 'sticky';
+    top?: number;
+    router: any;
+    onMouseLeaveOnMenu?: () => void;
+    onMouseEnterOnMenu?: () => void;
+    onMenuClick: (menuSelected: Menu, reDirect?: boolean) => void;
+    onUpgrade?: () => void;
+    isNewSidebar?: boolean;
+}

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

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

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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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.d.ts

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