npm - @bikdotai/bik-component-library - Versions diffs - 0.0.817-beta.7 → 0.0.817-beta.8 - Mend

@bikdotai/bik-component-library 0.0.817-beta.7 → 0.0.817-beta.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1816) hide show

package/dist/cjs/components/bik-layout/BikProfile.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),U=require("../../assets/icons/log_out.svg.js"),B=require("react"),f=require("react-bootstrap"),c=require("../../constants/Theme.js"),l=require("../TypographyStyle.js"),i=require("./CommonStyles.js"),P=require("../floating-action-button/FloatingActionButton.styles.js"),j=s=>{const[o,n]=B.useState(!1),{userName:r,hideLogout:v=!1,photoUrl:t,isActiveAwayStatus:N=!0,isAvailable:a=!1,extraJSX:u,onProfileClicked:h,onLogout:b}=s,k=m=>{const d=(m||"").split("."),p=d[1]||d[0];return p?p.split(" ").map(x=>x.charAt(0).toUpperCase()).slice(0,2).join(""):""},D=e.jsxDEV(i.StyledTooltip,{id:"tooltip",children:e.jsxDEV(l.BodyCaption,{children:r},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:58,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:57,columnNumber:3},void 0);return e.jsxDEV(P.StyledDropdown,{onToggle:m=>{n(m)},children:[e.jsxDEV(E,{isDropdownOpen:o,imageUrl:t,initialsAsIcon:t?"":k(r)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:68,columnNumber:4},void 0),e.jsxDEV(f.Dropdown.Menu,{children:e.jsxDEV(i.MenuInnerContainer,{children:[e.jsxDEV(i.UserInfoContainer,{onClick:h,children:[e.jsxDEV(y,{imageUrl:t,initialsAsIcon:t?"":k(r)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:76,columnNumber:7},void 0),e.jsxDEV(i.UserStatusContainer,{children:[e.jsxDEV(f.OverlayTrigger,{delay:{show:100,hide:400},placement:"top",overlay:D,children:e.jsxDEV(i.UserNameTitleSmall,{children:e.jsxDEV(l.TitleSmall,{children:r},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:87,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:86,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:81,columnNumber:8},void 0),N&&e.jsxDEV(i.StatusContainer,{isAvailable:a,children:[e.jsxDEV("div",{className:"availability--container"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:92,columnNumber:10},void 0),!a&&e.jsxDEV(i.StyledBodyCaption,{isAvailable:a,children:"Away"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:94,columnNumber:11},void 0),a&&e.jsxDEV(i.StyledBodyCaption,{isAvailable:a,children:"Active"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:99,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:91,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:80,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:75,columnNumber:6},void 0),u&&e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{className:"divider"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:109,columnNumber:8},void 0),u]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:108,columnNumber:7},void 0),!v&&e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{className:"divider"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:115,columnNumber:8},void 0),e.jsxDEV("div",{className:"logout--container",onClick:b,onKeyDown:b,role:"button",tabIndex:0,children:[e.jsxDEV(U.default,{color:c.COLORS.content.negative,height:17,width:17},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:123,columnNumber:9},void 0),e.jsxDEV(l.BodySecondary,{style:{color:c.DEFAULT_THEME.colorsV2.content.negative},children:"Logout"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:128,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:116,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:114,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:74,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:73,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:63,columnNumber:3},void 0)},E=s=>{const{isDropdownOpen:o,imageUrl:n,initialsAsIcon:r}=s;return e.jsxDEV(i.ProfileDropdownToggleContainer,{id:"dropdown-basic",children:e.jsxDEV(i.ProfileDropdownInnerContainer,{isDropdownOpen:o,children:e.jsxDEV(y,{imageUrl:n,initialsAsIcon:r},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:151,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:150,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:149,columnNumber:3},void 0)},y=s=>{const{imageUrl:o,initialsAsIcon:n}=s;return e.jsxDEV(e.Fragment,{children:(n||o)&&e.jsxDEV(i.UserAvatarContainer,{children:o?e.jsxDEV("img",{src:o,alt:"general-icon"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:167,columnNumber:7},void 0):e.jsxDEV("div",{className:"avatar--container",children:e.jsxDEV(l.BodySecondary,{style:{color:c.COLORS.surface.standard},children:n},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:170,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:169,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:165,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:163,columnNumber:3},void 0)};exports.BikProfile=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),U=require("../../assets/icons/log_out.svg.js"),B=require("react"),N=require("react-bootstrap"),m=require("../../constants/Theme.js"),t=require("../TypographyStyle.js"),o=require("./CommonStyles.js"),P=require("../floating-action-button/FloatingActionButton.styles.js"),j=s=>{const[n,i]=B.useState(!1),{userName:r,hideLogout:p=!1,photoUrl:a,isActiveAwayStatus:D=!0,isAvailable:l=!1,extraJSX:c,onProfileClicked:x,onLogout:u}=s,b=d=>{const f=(d||"").split("."),y=f[1]||f[0];return y?y.split(" ").map(w=>w.charAt(0).toUpperCase()).slice(0,2).join(""):""},v=e.jsxDEV(o.StyledTooltip,{id:"tooltip",children:e.jsxDEV(t.BodyCaption,{children:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:58,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:57,columnNumber:3},void 0);return e.jsxDEV(P.StyledDropdown,{onToggle:d=>{i(d)},children:[e.jsxDEV(E,{isDropdownOpen:n,imageUrl:a,initialsAsIcon:a?"":b(r)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:68,columnNumber:4},void 0),e.jsxDEV(N.Dropdown.Menu,{children:e.jsxDEV(o.MenuInnerContainer,{children:[e.jsxDEV(o.UserInfoContainer,{onClick:x,children:[e.jsxDEV(k,{imageUrl:a,initialsAsIcon:a?"":b(r)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:76,columnNumber:7},void 0),e.jsxDEV(o.UserStatusContainer,{children:[e.jsxDEV(N.OverlayTrigger,{delay:{show:100,hide:400},placement:"top",overlay:v,children:e.jsxDEV(o.UserNameTitleSmall,{children:e.jsxDEV(t.TitleSmall,{children:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:87,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:86,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:81,columnNumber:8},void 0),D&&e.jsxDEV(o.StatusContainer,{isAvailable:l,children:[e.jsxDEV("div",{className:"availability--container"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:92,columnNumber:10},void 0),!l&&e.jsxDEV(o.StyledBodyCaption,{isAvailable:l,children:"Away"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:94,columnNumber:11},void 0),l&&e.jsxDEV(o.StyledBodyCaption,{isAvailable:l,children:"Active"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:99,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:91,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:80,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:75,columnNumber:6},void 0),c&&e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{className:"divider"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:109,columnNumber:8},void 0),c]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:108,columnNumber:7},void 0),!p&&e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{className:"divider"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:115,columnNumber:8},void 0),e.jsxDEV("div",{className:"logout--container",onClick:u,onKeyDown:u,role:"button",tabIndex:0,children:[e.jsxDEV(U.default,{color:m.COLORS.content.negative,height:17,width:17},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:123,columnNumber:9},void 0),e.jsxDEV(t.BodySecondary,{style:{color:m.DEFAULT_THEME.colorsV2.content.negative},children:"Logout"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:128,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:116,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:114,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:74,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:73,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:63,columnNumber:3},void 0)},E=s=>{const{isDropdownOpen:n,imageUrl:i,initialsAsIcon:r}=s;return e.jsxDEV(o.ProfileDropdownToggleContainer,{id:"dropdown-basic",children:e.jsxDEV(o.ProfileDropdownInnerContainer,{isDropdownOpen:n,children:e.jsxDEV(k,{imageUrl:i,initialsAsIcon:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:151,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:150,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:149,columnNumber:3},void 0)},k=s=>{const{imageUrl:n,initialsAsIcon:i}=s;return e.jsxDEV(e.Fragment,{children:(i||n)&&e.jsxDEV(o.UserAvatarContainer,{children:n?e.jsxDEV("img",{src:n,alt:"general-icon"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:167,columnNumber:7},void 0):e.jsxDEV("div",{className:"avatar--container",children:e.jsxDEV(t.BodySecondary,{style:{color:m.COLORS.surface.standard},children:i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:170,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:169,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:165,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:163,columnNumber:3},void 0)};exports.BikProfile=j;
 //# sourceMappingURL=BikProfile.js.map

package/dist/cjs/components/bik-layout/BikProfile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BikProfile.js","sources":["../../../../src/components/bik-layout/BikProfile.tsx"],"sourcesContent":["import LogoutIcon from '@src/assets/icons/log_out.svg';\nimport { useState } from 'react';\nimport { Dropdown, OverlayTrigger } from 'react-bootstrap';\nimport { COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { StyledDropdown } from '../floating-action-button';\nimport { BodyCaption, BodySecondary, TitleSmall } from '../TypographyStyle';\nimport {\n\tMenuInnerContainer,\n\tProfileDropdownInnerContainer,\n\tProfileDropdownToggleContainer,\n\tStatusContainer,\n\tStyledBodyCaption,\n\tStyledTooltip,\n\tUserAvatarContainer,\n\tUserInfoContainer,\n\tUserNameTitleSmall,\n\tUserStatusContainer,\n} from './CommonStyles';\n\nexport interface BikProfileProps {\n\tuserName: string;\n\thideLogout?: boolean;\n\tphotoUrl?: string;\n\tisActiveAwayStatus?: boolean;\n\tisAvailable?: boolean;\n\tonProfileClicked?: () => void;\n\tonLogout?: () => void;\n\textraJSX?: JSX.Element;\n}\n\nexport const BikProfile: React.FC<BikProfileProps> = (bikProfileProps) => {\n\tconst [isDropdownOpen, setIsDropdownOpen] = useState(false);\n\tconst {\n\t\tuserName,\n\t\thideLogout = false,\n\t\tphotoUrl,\n\t\tisActiveAwayStatus = true,\n\t\tisAvailable = false,\n\t\textraJSX,\n\t\tonProfileClicked,\n\t\tonLogout,\n\t} = bikProfileProps;\n\tconst getInitial = (passedName: string): string => {\n\t\tconst nameDotSplit = (passedName \|\| '').split('.');\n\t\tconst name = nameDotSplit[1] \|\| nameDotSplit[0];\n\t\tif (!name) {\n\t\t\treturn '';\n\t\t}\n\t\tconst nameSplit = name.split(' ');\n\t\treturn nameSplit\n\t\t\t.map((e) => e.charAt(0).toUpperCase())\n\t\t\t.slice(0, 2)\n\t\t\t.join('');\n\t};\n\n\tconst tooltip = (\n\t\t<StyledTooltip id=\"tooltip\">\n\t\t\t<BodyCaption>{userName}</BodyCaption>\n\t\t</StyledTooltip>\n\t);\n\n\treturn (\n\t\t<StyledDropdown\n\t\t\tonToggle={(nextShow: boolean) => {\n\t\t\t\tsetIsDropdownOpen(nextShow);\n\t\t\t}}\n\t\t>\n\t\t\t<ProfileDropdownToggle\n\t\t\t\tisDropdownOpen={isDropdownOpen}\n\t\t\t\timageUrl={photoUrl}\n\t\t\t\tinitialsAsIcon={photoUrl ? '' : getInitial(userName)}\n\t\t\t/>\n\t\t\t<Dropdown.Menu>\n\t\t\t\t<MenuInnerContainer>\n\t\t\t\t\t<UserInfoContainer onClick={onProfileClicked}>\n\t\t\t\t\t\t<UserAavatar\n\t\t\t\t\t\t\timageUrl={photoUrl}\n\t\t\t\t\t\t\tinitialsAsIcon={photoUrl ? '' : getInitial(userName)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<UserStatusContainer>\n\t\t\t\t\t\t\t<OverlayTrigger\n\t\t\t\t\t\t\t\tdelay={{ show: 100, hide: 400 }}\n\t\t\t\t\t\t\t\tplacement=\"top\"\n\t\t\t\t\t\t\t\toverlay={tooltip}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<UserNameTitleSmall>\n\t\t\t\t\t\t\t\t\t<TitleSmall>{userName}</TitleSmall>\n\t\t\t\t\t\t\t\t</UserNameTitleSmall>\n\t\t\t\t\t\t\t</OverlayTrigger>\n\t\t\t\t\t\t\t{isActiveAwayStatus && (\n\t\t\t\t\t\t\t\t<StatusContainer isAvailable={isAvailable}>\n\t\t\t\t\t\t\t\t\t<div className=\"availability--container\" />\n\t\t\t\t\t\t\t\t\t{!isAvailable && (\n\t\t\t\t\t\t\t\t\t\t<StyledBodyCaption isAvailable={isAvailable}>\n\t\t\t\t\t\t\t\t\t\t\tAway\n\t\t\t\t\t\t\t\t\t\t</StyledBodyCaption>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{isAvailable && (\n\t\t\t\t\t\t\t\t\t\t<StyledBodyCaption isAvailable={isAvailable}>\n\t\t\t\t\t\t\t\t\t\t\tActive\n\t\t\t\t\t\t\t\t\t\t</StyledBodyCaption>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</StatusContainer>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</UserStatusContainer>\n\t\t\t\t\t</UserInfoContainer>\n\t\t\t\t\t{extraJSX && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div className=\"divider\" />\n\t\t\t\t\t\t\t{extraJSX}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{!hideLogout && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div className=\"divider\" />\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"logout--container\"\n\t\t\t\t\t\t\t\tonClick={onLogout}\n\t\t\t\t\t\t\t\tonKeyDown={onLogout}\n\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\ttabIndex={0}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<LogoutIcon\n\t\t\t\t\t\t\t\t\tcolor={COLORS.content.negative}\n\t\t\t\t\t\t\t\t\theight={17}\n\t\t\t\t\t\t\t\t\twidth={17}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\tstyle={{ color: DEFAULT_THEME.colorsV2.content.negative }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tLogout\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</MenuInnerContainer>\n\t\t\t</Dropdown.Menu>\n\t\t</StyledDropdown>\n\t);\n};\n\nconst ProfileDropdownToggle: React.FC<{\n\tisDropdownOpen: boolean;\n\timageUrl?: string;\n\tinitialsAsIcon?: string;\n}> = (dropdownToggleProps) => {\n\tconst { isDropdownOpen, imageUrl, initialsAsIcon } = dropdownToggleProps;\n\treturn (\n\t\t<ProfileDropdownToggleContainer id=\"dropdown-basic\">\n\t\t\t<ProfileDropdownInnerContainer isDropdownOpen={isDropdownOpen}>\n\t\t\t\t<UserAavatar imageUrl={imageUrl} initialsAsIcon={initialsAsIcon} />\n\t\t\t</ProfileDropdownInnerContainer>\n\t\t</ProfileDropdownToggleContainer>\n\t);\n};\n\nconst UserAavatar: React.FC<{\n\timageUrl?: string;\n\tinitialsAsIcon?: string;\n}> = (avatarProps) => {\n\tconst { imageUrl, initialsAsIcon } = avatarProps;\n\treturn (\n\t\t<>\n\t\t\t{(initialsAsIcon \|\| imageUrl) && (\n\t\t\t\t<UserAvatarContainer>\n\t\t\t\t\t{imageUrl ? (\n\t\t\t\t\t\t<img src={imageUrl} alt=\"general-icon\" />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div className=\"avatar--container\">\n\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.surface.standard }}>\n\t\t\t\t\t\t\t\t{initialsAsIcon}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</UserAvatarContainer>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["BikProfile","bikProfileProps","isDropdownOpen","setIsDropdownOpen","useState","userName","hideLogout","photoUrl","isActiveAwayStatus","isAvailable","extraJSX","onProfileClicked","onLogout","getInitial","passedName","nameDotSplit","name","e","tooltip","jsxDEV","StyledTooltip","BodyCaption","this","StyledDropdown","nextShow","ProfileDropdownToggle","Dropdown","MenuInnerContainer","UserInfoContainer","UserAavatar","UserStatusContainer","OverlayTrigger","UserNameTitleSmall","TitleSmall","StatusContainer","StyledBodyCaption","Fragment","LogoutIcon","COLORS","BodySecondary","DEFAULT_THEME","dropdownToggleProps","imageUrl","initialsAsIcon","ProfileDropdownToggleContainer","ProfileDropdownInnerContainer","avatarProps","UserAvatarContainer"],"mappings":"sYA8BaA,EAAyCC,GAAoB,CACzE,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,EAAAA,SAAS,EAAK,EACpD,CACL,SAAAC,EACA,WAAAC,EAAa,GACb,SAAAC,EACA,mBAAAC,EAAqB,GACrB,YAAAC,EAAc,GACd,SAAAC,EACA,iBAAAC,EACA,SAAAC,CAAA,EACGX,EACEY,EAAcC,GAA+B,CAClD,MAAMC,GAAgBD,GAAc,IAAI,MAAM,GAAG,EAC3CE,EAAOD,EAAa,CAAC,GAAKA,EAAa,CAAC,EAC9C,OAAKC,EAGaA,EAAK,MAAM,GAAG,EAE9B,IAAKC,GAAMA,EAAE,OAAO,CAAC,EAAE,YAAA,CAAa,EACpC,MAAM,EAAG,CAAC,EACV,KAAK,EAAE,EAND,EAOT,EAEMC,EACLC,EAAAA,OAACC,EAAAA,cAAA,CAAc,GAAG,UACjB,SAAAD,EAAAA,OAACE,EAAAA,aAAa,SAAAhB,CAAA,EAAd,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAiB,MAAuB,CAAA,EADxB,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EAGD,OACCH,EAAAA,OAACI,EAAAA,eAAA,CACA,SAAWC,GAAsB,CAChCrB,EAAkBqB,CAAQ,CAC3B,EAEA,SAAA,CAAAL,EAAAA,OAACM,EAAA,CACA,eAAAvB,EACA,SAAUK,EACV,eAAgBA,EAAW,GAAKM,EAAWR,CAAQ,CAAA,EAHpD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAiB,MAAA,EAKAH,EAAAA,OAACO,EAAAA,SAAS,KAAT,CACA,kBAACC,EAAAA,mBAAA,CACA,SAAA,CAAAR,EAAAA,OAACS,EAAAA,kBAAA,CAAkB,QAASjB,EAC3B,SAAA,CAAAQ,EAAAA,OAACU,EAAA,CACA,SAAUtB,EACV,eAAgBA,EAAW,GAAKM,EAAWR,CAAQ,CAAA,EAFpD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAiB,MAAA,WAICQ,EAAAA,oBAAA,CACA,SAAA,CAAAX,EAAAA,OAACY,EAAAA,eAAA,CACA,MAAO,CAAE,KAAM,IAAK,KAAM,GAAA,EAC1B,UAAU,MACV,QAASb,EAET,SAAAC,EAAAA,OAACa,qBAAA,CACA,SAAAb,EAAAA,OAACc,aAAA,CAAY,SAAA5B,GAAb,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,EAAA,EAAAiB,MAAsB,CAAA,EADvB,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,CAAA,EAPD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EASCd,GACAW,EAAAA,OAACe,EAAAA,gBAAA,CAAgB,YAAAzB,EAChB,SAAA,CAAAU,EAAAA,OAAC,MAAA,CAAI,UAAU,yBAAA,EAAf,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,EAAA,EAAAG,MAAyC,EACxC,CAACb,GACDU,SAACgB,EAAAA,kBAAA,CAAkB,YAAA1B,EAA0B,SAAA,MAAA,EAA7C,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,EAAA,EAAAa,MAEA,EAEAb,GACAU,EAAAA,OAACgB,EAAAA,kBAAA,CAAkB,YAAA1B,EAA0B,SAAA,QAAA,EAA7C,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,EAAA,EAAAa,MAEA,CAAA,CAAA,EAVF,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAYA,CAAA,CAAA,EAvBF,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAyBA,CAAA,CAAA,EA9BD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA+BA,EACCZ,GACAS,EAAAA,OAAAiB,WAAA,CACC,SAAA,CAAAjB,EAAAA,OAAC,MAAA,CAAI,UAAU,SAAA,EAAf,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAG,MAAyB,EACxBZ,CAAA,CAAA,EAFF,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAY,MAGA,EAEA,CAAChB,GACDa,EAAAA,OAAAiB,EAAAA,SAAA,CACC,SAAA,CAAAjB,EAAAA,OAAC,MAAA,CAAI,UAAU,SAAA,EAAf,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAG,MAAyB,EACzBH,EAAAA,OAAC,MAAA,CACA,UAAU,oBACV,QAASP,EACT,UAAWA,EACX,KAAK,SACL,SAAU,EAEV,SAAA,CAAAO,EAAAA,OAACkB,EAAAA,QAAA,CACA,MAAOC,EAAAA,OAAO,QAAQ,SACtB,OAAQ,GACR,MAAO,EAAA,EAHR,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAhB,MAAA,EAKAH,EAAAA,OAACoB,EAAAA,cAAA,CACA,MAAO,CAAE,MAAOC,EAAAA,cAAc,SAAS,QAAQ,QAAA,EAC/C,SAAA,QAAA,EAFD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAlB,MAAA,CAIA,CAAA,EAhBD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAiBA,CAAA,EAnBD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAoBA,CAAA,CAAA,EA5DF,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA8DA,CAAA,EA/DD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAgEA,CAAA,CAAA,EA1ED,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA6EF,EAEMG,EAIAgB,GAAwB,CAC7B,KAAM,CAAE,eAAAvC,EAAgB,SAAAwC,EAAU,eAAAC,CAAA,EAAmBF,EACrD,OACCtB,EAAAA,OAACyB,EAAAA,+BAAA,CAA+B,GAAG,iBAClC,SAAAzB,EAAAA,OAAC0B,iCAA8B,eAAA3C,EAC9B,SAAAiB,EAAAA,OAACU,EAAA,CAAY,SAAAa,EAAoB,eAAAC,CAAA,EAAjC,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAArB,MAAiE,CAAA,EADlE,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAEA,CAAA,EAHD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAIA,CAEF,EAEMO,EAGAiB,GAAgB,CACrB,KAAM,CAAE,SAAAJ,EAAU,eAAAC,CAAA,EAAmBG,EACrC,OACC3B,EAAAA,OAAAiB,EAAAA,SAAA,CACG,UAAAO,GAAkBD,IACnBvB,SAAC4B,EAAAA,oBAAA,CACC,SAAAL,EACAvB,EAAAA,OAAC,MAAA,CAAI,IAAKuB,EAAU,IAAI,cAAA,EAAxB,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAApB,MAAuC,EAEvCH,EAAAA,OAAC,MAAA,CAAI,UAAU,oBACd,SAAAA,EAAAA,OAACoB,gBAAA,CAAc,MAAO,CAAE,MAAOD,SAAO,QAAQ,QAAA,EAC5C,SAAAK,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAArB,MAEA,CAAA,EAHD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAIA,CAAA,EARF,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAUA,CAAA,EAZF,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAcA,CAEF"}
1	+ {"version":3,"file":"BikProfile.js","sources":["../../../../src/components/bik-layout/BikProfile.tsx"],"sourcesContent":["import LogoutIcon from '@src/assets/icons/log_out.svg';\nimport { useState } from 'react';\nimport { Dropdown, OverlayTrigger } from 'react-bootstrap';\nimport { COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { StyledDropdown } from '../floating-action-button';\nimport { BodyCaption, BodySecondary, TitleSmall } from '../TypographyStyle';\nimport {\n\tMenuInnerContainer,\n\tProfileDropdownInnerContainer,\n\tProfileDropdownToggleContainer,\n\tStatusContainer,\n\tStyledBodyCaption,\n\tStyledTooltip,\n\tUserAvatarContainer,\n\tUserInfoContainer,\n\tUserNameTitleSmall,\n\tUserStatusContainer,\n} from './CommonStyles';\n\nexport interface BikProfileProps {\n\tuserName: string;\n\thideLogout?: boolean;\n\tphotoUrl?: string;\n\tisActiveAwayStatus?: boolean;\n\tisAvailable?: boolean;\n\tonProfileClicked?: () => void;\n\tonLogout?: () => void;\n\textraJSX?: JSX.Element;\n}\n\nexport const BikProfile: React.FC<BikProfileProps> = (bikProfileProps) => {\n\tconst [isDropdownOpen, setIsDropdownOpen] = useState(false);\n\tconst {\n\t\tuserName,\n\t\thideLogout = false,\n\t\tphotoUrl,\n\t\tisActiveAwayStatus = true,\n\t\tisAvailable = false,\n\t\textraJSX,\n\t\tonProfileClicked,\n\t\tonLogout,\n\t} = bikProfileProps;\n\tconst getInitial = (passedName: string): string => {\n\t\tconst nameDotSplit = (passedName \|\| '').split('.');\n\t\tconst name = nameDotSplit[1] \|\| nameDotSplit[0];\n\t\tif (!name) {\n\t\t\treturn '';\n\t\t}\n\t\tconst nameSplit = name.split(' ');\n\t\treturn nameSplit\n\t\t\t.map((e) => e.charAt(0).toUpperCase())\n\t\t\t.slice(0, 2)\n\t\t\t.join('');\n\t};\n\n\tconst tooltip = (\n\t\t<StyledTooltip id=\"tooltip\">\n\t\t\t<BodyCaption>{userName}</BodyCaption>\n\t\t</StyledTooltip>\n\t);\n\n\treturn (\n\t\t<StyledDropdown\n\t\t\tonToggle={(nextShow: boolean) => {\n\t\t\t\tsetIsDropdownOpen(nextShow);\n\t\t\t}}\n\t\t>\n\t\t\t<ProfileDropdownToggle\n\t\t\t\tisDropdownOpen={isDropdownOpen}\n\t\t\t\timageUrl={photoUrl}\n\t\t\t\tinitialsAsIcon={photoUrl ? '' : getInitial(userName)}\n\t\t\t/>\n\t\t\t<Dropdown.Menu>\n\t\t\t\t<MenuInnerContainer>\n\t\t\t\t\t<UserInfoContainer onClick={onProfileClicked}>\n\t\t\t\t\t\t<UserAavatar\n\t\t\t\t\t\t\timageUrl={photoUrl}\n\t\t\t\t\t\t\tinitialsAsIcon={photoUrl ? '' : getInitial(userName)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<UserStatusContainer>\n\t\t\t\t\t\t\t<OverlayTrigger\n\t\t\t\t\t\t\t\tdelay={{ show: 100, hide: 400 }}\n\t\t\t\t\t\t\t\tplacement=\"top\"\n\t\t\t\t\t\t\t\toverlay={tooltip}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<UserNameTitleSmall>\n\t\t\t\t\t\t\t\t\t<TitleSmall>{userName}</TitleSmall>\n\t\t\t\t\t\t\t\t</UserNameTitleSmall>\n\t\t\t\t\t\t\t</OverlayTrigger>\n\t\t\t\t\t\t\t{isActiveAwayStatus && (\n\t\t\t\t\t\t\t\t<StatusContainer isAvailable={isAvailable}>\n\t\t\t\t\t\t\t\t\t<div className=\"availability--container\" />\n\t\t\t\t\t\t\t\t\t{!isAvailable && (\n\t\t\t\t\t\t\t\t\t\t<StyledBodyCaption isAvailable={isAvailable}>\n\t\t\t\t\t\t\t\t\t\t\tAway\n\t\t\t\t\t\t\t\t\t\t</StyledBodyCaption>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{isAvailable && (\n\t\t\t\t\t\t\t\t\t\t<StyledBodyCaption isAvailable={isAvailable}>\n\t\t\t\t\t\t\t\t\t\t\tActive\n\t\t\t\t\t\t\t\t\t\t</StyledBodyCaption>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</StatusContainer>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</UserStatusContainer>\n\t\t\t\t\t</UserInfoContainer>\n\t\t\t\t\t{extraJSX && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div className=\"divider\" />\n\t\t\t\t\t\t\t{extraJSX}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{!hideLogout && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div className=\"divider\" />\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"logout--container\"\n\t\t\t\t\t\t\t\tonClick={onLogout}\n\t\t\t\t\t\t\t\tonKeyDown={onLogout}\n\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\ttabIndex={0}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<LogoutIcon\n\t\t\t\t\t\t\t\t\tcolor={COLORS.content.negative}\n\t\t\t\t\t\t\t\t\theight={17}\n\t\t\t\t\t\t\t\t\twidth={17}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\tstyle={{ color: DEFAULT_THEME.colorsV2.content.negative }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tLogout\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</MenuInnerContainer>\n\t\t\t</Dropdown.Menu>\n\t\t</StyledDropdown>\n\t);\n};\n\nconst ProfileDropdownToggle: React.FC<{\n\tisDropdownOpen: boolean;\n\timageUrl?: string;\n\tinitialsAsIcon?: string;\n}> = (dropdownToggleProps) => {\n\tconst { isDropdownOpen, imageUrl, initialsAsIcon } = dropdownToggleProps;\n\treturn (\n\t\t<ProfileDropdownToggleContainer id=\"dropdown-basic\">\n\t\t\t<ProfileDropdownInnerContainer isDropdownOpen={isDropdownOpen}>\n\t\t\t\t<UserAavatar imageUrl={imageUrl} initialsAsIcon={initialsAsIcon} />\n\t\t\t</ProfileDropdownInnerContainer>\n\t\t</ProfileDropdownToggleContainer>\n\t);\n};\n\nconst UserAavatar: React.FC<{\n\timageUrl?: string;\n\tinitialsAsIcon?: string;\n}> = (avatarProps) => {\n\tconst { imageUrl, initialsAsIcon } = avatarProps;\n\treturn (\n\t\t<>\n\t\t\t{(initialsAsIcon \|\| imageUrl) && (\n\t\t\t\t<UserAvatarContainer>\n\t\t\t\t\t{imageUrl ? (\n\t\t\t\t\t\t<img src={imageUrl} alt=\"general-icon\" />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div className=\"avatar--container\">\n\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.surface.standard }}>\n\t\t\t\t\t\t\t\t{initialsAsIcon}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</UserAvatarContainer>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["BikProfile","bikProfileProps","isDropdownOpen","setIsDropdownOpen","useState","userName","hideLogout","photoUrl","isActiveAwayStatus","isAvailable","extraJSX","onProfileClicked","onLogout","getInitial","passedName","nameDotSplit","name","e","tooltip","jsxDEV","StyledTooltip","BodyCaption","this","StyledDropdown","nextShow","ProfileDropdownToggle","Dropdown","MenuInnerContainer","UserInfoContainer","UserAavatar","UserStatusContainer","OverlayTrigger","UserNameTitleSmall","TitleSmall","StatusContainer","StyledBodyCaption","Fragment","LogoutIcon","COLORS","BodySecondary","DEFAULT_THEME","dropdownToggleProps","imageUrl","initialsAsIcon","ProfileDropdownToggleContainer","ProfileDropdownInnerContainer","avatarProps","UserAvatarContainer"],"mappings":"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"}

package/dist/cjs/components/bik-layout/BikSidebar.js CHANGED Viewed

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),J=require("../../assets/icons/Bik_logo.svg.js"),Q=require("../../assets/icons/locked.svg.js"),r=require("react"),X=require("../progress-bar/CircularProgressBar.js"),T=require("../../constants/Theme.js"),Y=require("../navigation-hyperlink/NavigationHyperlink.js"),Z=require("./SidebarPopup.js"),D=require("./SidebarStyles.js"),ee=require("./SimpleSidebar.js"),ie=e=>{const{logoSvg:u,allMenuList:m,activeMainMenu:a,activeSubMenu:c,router:p,onClickingMainMenu:y,onClickingSubMenu:b,onClickingAccessUpgradePanel:v,onClickingPopupMenuItem:N,popupMinHeight:R,isNewSidebar:x,menuStyle:q}=e,[M,E]=r.useState(a),[d,o]=r.useState(),[A,S]=r.useState(c),[j,w]=r.useState(!1),[k,l]=r.useState(),[O,U]=r.useState(),[W,V]=r.useState(),[$,_]=r.useState(null),C=r.useMemo(()=>m.filter(i=>i.is2ndLastSticky||i.isLastSticky).length,[m]);r.useEffect(()=>{E(a)},[a]),r.useEffect(()=>{S(c)},[c]);const I=r.useCallback(i=>{i?.layout!=="popup"&&(l(void 0),o(void 0),w(!0),E(i),i.path||y(i),i?.children?.length?S(i?.children[0]):S({}),o(void 0),setTimeout(()=>{w(!1)},1e3))},[y]),L=r.useCallback(i=>{if(g(),o(void 0),l(void 0),i?.layout=="popup"){const s=H();s&&U(s),l(i)}else{const s=document.getElementById(i.displayName?.split(" ")?.join("")||i.key.toString());if(s){const t=z(s);V(t)}o(i),K()}},[]),z=i=>{const s=i.getBoundingClientRect();let t=s.top;const h=i.querySelectorAll("div");let f=null;if(window.innerHeight<=768)return t;if(h.forEach(B=>{B.className.includes("sticky")&&(f=B)}),f){const G=window.innerHeight-s.bottom;t=s.top+G-200}return t};r.useEffect(()=>{const i=()=>{const s=H();s&&U(s),F()};return window.addEventListener("resize",i),()=>{window.removeEventListener("resize",i)}},[]);const F=()=>{const s=document.getElementById("_sub-menu")?.getBoundingClientRect().height;s&&V(window.innerHeight-s)},H=()=>{if(k){const i=k.displayName?.split(" ")?.join("")+"_sub"||k.key.toString()+"_sub",s=document.getElementById(i);if(s){const t=s.getBoundingClientRect();let h=t.top;const f=R??320;return t.bottom+f>window.innerHeight&&(h-=t.bottom+f-window.innerHeight),h}return null}},K=()=>{g();const i=setTimeout(()=>o(void 0),1e4);_(i)},g=()=>{clearTimeout($)};return n.jsxDEV(D.SideBarContainer,{children:[n.jsxDEV("div",{className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true",children:u||n.jsxDEV(J.default,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:226,columnNumber:26},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:220,columnNumber:4},void 0),n.jsxDEV(D.MainSideBarMenuWrapper,{style:q,children:[m?.map((i,s)=>n.jsxDEV(r.Fragment,{children:[i.path?n.jsxDEV(Y.NavigationHyperlink,{href:i.path,router:p,children:n.jsxDEV(P,{option:i,index:s,onClickMainMenuLogic:I,setHandleHoverForFullLayout:L,isDisabled:j,setHoveredComp:o,setPopupMenu:l,mainActiveMenu:M,hoveredComp:d,popupMenu:k},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:233,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:232,columnNumber:8},void 0):n.jsxDEV(P,{option:i,index:s,onClickMainMenuLogic:I,setHandleHoverForFullLayout:L,isDisabled:j,setHoveredComp:o,setPopupMenu:l,mainActiveMenu:M,hoveredComp:d,popupMenu:k},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:247,columnNumber:8},void 0),n.jsxDEV(n.Fragment,{children:[i.layout==="popup"&&k?.children?.length&&n.jsxDEV(Z.SidebarPopup,{top:O??void 0,menuList:k?.children,onClickingPopupMenu:t=>{N&&N(t),l(void 0)},onMouseLeaveOnMenu:()=>l(void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:262,columnNumber:9},void 0),d?.children?.length&&n.jsxDEV(ee.SimpleSidebar,{menuList:d?.children,activeMenu:A,onMouseEnterOnMenu:()=>g(),onMouseLeaveOnMenu:()=>{g(),o(void 0)},left:x?92:88,postion:"fixed",header:d.displayName,theme:"brand",router:p,showAccessUpgradePanel:d.showAccessUpgradePanel,onMenuClick:(t,h)=>{S(t),E(d),o(void 0),l(void 0),h&&b(t)},onUpgrade:v,top:x&&W||0,isNewSidebar:x},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:274,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:260,columnNumber:7},void 0)]},s,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:230,columnNumber:6},void 0)),typeof e.onboardingPercentage=="number"&&n.jsxDEV(D.SibeBarMenuItem,{children:n.jsxDEV("div",{className:"main--sidebar",children:n.jsxDEV("div",{id:"bik-onboarding__checklist",className:`sidebar-menu-item ${C===0?"sticky-menu":C===1?"sticky-menu-int":"sticky-menu-three"}`,children:n.jsxDEV(X.default,{percentage:e.onboardingPercentage,width:48},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:322,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:312,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:311,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:310,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:228,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:219,columnNumber:3},void 0)},ne=e=>{const{icon:u,isActive:m,activeStateIcon:a,hoverStateIcon:c,isHovered:p}=e,y=u,b=a,v=c;return n.jsxDEV(n.Fragment,{children:m?n.jsxDEV(b,{width:20,height:20},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:350,columnNumber:5},void 0):p?n.jsxDEV(v,{width:20,height:20,color:T.COLORS.surface.standard},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:352,columnNumber:5},void 0):n.jsxDEV(y,{width:20,height:20,color:T.COLORS.surface.standard},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:354,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:348,columnNumber:3},void 0)},P=({option:e,index:u,onClickMainMenuLogic:m,setHandleHoverForFullLayout:a,isDisabled:c,setHoveredComp:p,setPopupMenu:y,mainActiveMenu:b,hoveredComp:v,popupMenu:N})=>n.jsxDEV(D.SibeBarMenuItem,{children:n.jsxDEV("div",{id:e.displayName?.split(" ")?.join("")||e.key.toString(),className:"main--sidebar",onClick:()=>m(e),onMouseEnter:()=>{!c&&a(e)},onMouseOver:()=>{!c&&a(e)},onMouseLeave:()=>{e?.children?.length||(p(void 0),y(void 0))},onFocus:()=>{},"aria-hidden":"true",children:[e.isNew&&n.jsxDEV("div",{className:`new-tag ${e.isLastSticky?"tag-sticky":""}`,children:"NEW"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:395,columnNumber:6},void 0),e.isLocked&&n.jsxDEV("div",{className:`locked--channel ${e.isLastSticky?"tag-sticky":""}  ${e.is2ndLastSticky?"tag-sticky-2":""}`,children:n.jsxDEV(Q.default,{height:16,width:16},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:405,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:400,columnNumber:6},void 0),n.jsxDEV("div",{id:e.displayName?.split(" ")?.join("")+"_sub"||e.key.toString()+"_sub",className:`sidebar-menu-item
-					${b?.key===e.key?"main-menu-active-class":""}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),J=require("../../assets/icons/Bik_logo.svg.js"),Q=require("../../assets/icons/locked.svg.js"),s=require("react"),X=require("../progress-bar/CircularProgressBar.js"),P=require("../../constants/Theme.js"),Y=require("../navigation-hyperlink/NavigationHyperlink.js"),Z=require("./SidebarPopup.js"),w=require("./SidebarStyles.js"),ee=require("./SimpleSidebar.js"),ne=e=>{const{logoSvg:c,allMenuList:u,activeMainMenu:a,activeSubMenu:l,router:k,onClickingMainMenu:f,onClickingSubMenu:m,onClickingAccessUpgradePanel:N,onClickingPopupMenuItem:S,popupMinHeight:q,isNewSidebar:D,menuStyle:A}=e,[B,x]=s.useState(a),[b,t]=s.useState(),[O,h]=s.useState(l),[M,j]=s.useState(!1),[y,d]=s.useState(),[$,U]=s.useState(),[V,C]=s.useState(),[_,z]=s.useState(null),I=s.useMemo(()=>u.filter(n=>n.is2ndLastSticky||n.isLastSticky).length,[u]);s.useEffect(()=>{x(a)},[a]),s.useEffect(()=>{h(l)},[l]);const L=s.useCallback(n=>{n?.layout!=="popup"&&(d(void 0),t(void 0),j(!0),x(n),n.path||f(n),n?.children?.length?h(n?.children[0]):h({}),t(void 0),setTimeout(()=>{j(!1)},1e3))},[f]),H=s.useCallback(n=>{if(g(),t(void 0),d(void 0),n?.layout=="popup"){const o=T();o&&U(o),d(n)}else{const o=document.getElementById(n.displayName?.split(" ")?.join("")||n.key.toString());if(o){const r=F(o);C(r)}t(n),K()}},[]),F=n=>{const o=n.getBoundingClientRect();let r=o.top;const p=n.querySelectorAll("div");let v=null;if(window.innerHeight<=768)return r;if(p.forEach(E=>{E.className.includes("sticky")&&(v=E)}),v){const G=window.innerHeight-o.bottom;r=o.top+G-200}return r};s.useEffect(()=>{const n=()=>{const o=T();o&&U(o),W()};return window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)}},[]);const W=()=>{const o=document.getElementById("_sub-menu")?.getBoundingClientRect().height;o&&C(window.innerHeight-o)},T=()=>{if(y){const n=y.displayName?.split(" ")?.join("")+"_sub"||y.key.toString()+"_sub",o=document.getElementById(n);if(o){const r=o.getBoundingClientRect();let p=r.top;const v=q??320;return r.bottom+v>window.innerHeight&&(p-=r.bottom+v-window.innerHeight),p}return null}},K=()=>{g();const n=setTimeout(()=>t(void 0),1e4);z(n)},g=()=>{clearTimeout(_)};return i.jsxDEV(w.SideBarContainer,{children:[i.jsxDEV("div",{className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true",children:c||i.jsxDEV(J.default,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:226,columnNumber:26},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:220,columnNumber:4},void 0),i.jsxDEV(w.MainSideBarMenuWrapper,{style:A,children:[u?.map((n,o)=>i.jsxDEV(s.Fragment,{children:[n.path?i.jsxDEV(Y.NavigationHyperlink,{href:n.path,router:k,children:i.jsxDEV(R,{option:n,index:o,onClickMainMenuLogic:L,setHandleHoverForFullLayout:H,isDisabled:M,setHoveredComp:t,setPopupMenu:d,mainActiveMenu:B,hoveredComp:b,popupMenu:y},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:233,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:232,columnNumber:8},void 0):i.jsxDEV(R,{option:n,index:o,onClickMainMenuLogic:L,setHandleHoverForFullLayout:H,isDisabled:M,setHoveredComp:t,setPopupMenu:d,mainActiveMenu:B,hoveredComp:b,popupMenu:y},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:247,columnNumber:8},void 0),i.jsxDEV(i.Fragment,{children:[n.layout==="popup"&&y?.children?.length&&i.jsxDEV(Z.SidebarPopup,{top:$??void 0,menuList:y?.children,onClickingPopupMenu:r=>{S&&S(r),d(void 0)},onMouseLeaveOnMenu:()=>d(void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:262,columnNumber:9},void 0),b?.children?.length&&i.jsxDEV(ee.SimpleSidebar,{menuList:b?.children,activeMenu:O,onMouseEnterOnMenu:()=>g(),onMouseLeaveOnMenu:()=>{g(),t(void 0)},left:D?92:88,postion:"fixed",header:b.displayName,theme:"brand",router:k,showAccessUpgradePanel:b.showAccessUpgradePanel,onMenuClick:(r,p)=>{h(r),x(b),t(void 0),d(void 0),p&&m(r)},onUpgrade:N,top:D&&V||0,isNewSidebar:D},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:274,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:260,columnNumber:7},void 0)]},o,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:230,columnNumber:6},void 0)),typeof e.onboardingPercentage=="number"&&i.jsxDEV(w.SibeBarMenuItem,{children:i.jsxDEV("div",{className:"main--sidebar",children:i.jsxDEV("div",{id:"bik-onboarding__checklist",className:`sidebar-menu-item ${I===0?"sticky-menu":I===1?"sticky-menu-int":"sticky-menu-three"}`,children:i.jsxDEV(X.default,{percentage:e.onboardingPercentage,width:48},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:322,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:312,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:311,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:310,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:228,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:219,columnNumber:3},void 0)},ie=e=>{const{icon:c,isActive:u,activeStateIcon:a,hoverStateIcon:l,isHovered:k}=e,f=c,m=a,N=l;return i.jsxDEV(i.Fragment,{children:u?i.jsxDEV(m,{width:20,height:20},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:350,columnNumber:5},void 0):k?i.jsxDEV(N,{width:20,height:20,color:P.COLORS.surface.standard},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:352,columnNumber:5},void 0):i.jsxDEV(f,{width:20,height:20,color:P.COLORS.surface.standard},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:354,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:348,columnNumber:3},void 0)},R=({option:e,index:c,onClickMainMenuLogic:u,setHandleHoverForFullLayout:a,isDisabled:l,setHoveredComp:k,setPopupMenu:f,mainActiveMenu:m,hoveredComp:N,popupMenu:S})=>i.jsxDEV(w.SibeBarMenuItem,{children:i.jsxDEV("div",{id:e.displayName?.split(" ")?.join("")||e.key.toString(),className:"main--sidebar",onClick:()=>u(e),onMouseEnter:()=>{!l&&a(e)},onMouseOver:()=>{!l&&a(e)},onMouseLeave:()=>{e?.children?.length||(k(void 0),f(void 0))},onFocus:()=>{},"aria-hidden":"true",children:[e.isNew&&i.jsxDEV("div",{className:`new-tag ${e.isLastSticky?"tag-sticky":""}`,children:"NEW"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:395,columnNumber:6},void 0),e.isLocked&&i.jsxDEV("div",{className:`locked--channel ${e.isLastSticky?"tag-sticky":""}  ${e.is2ndLastSticky?"tag-sticky-2":""}`,children:i.jsxDEV(Q.default,{height:16,width:16},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:405,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:400,columnNumber:6},void 0),i.jsxDEV("div",{id:e.displayName?.split(" ")?.join("")+"_sub"||e.key.toString()+"_sub",className:`sidebar-menu-item
+					${m?.key===e.key?"main-menu-active-class":""}
 					${e.isLastSticky?"sticky-menu-int":""}
 					${e.is2ndLastSticky?"sticky-menu":""}
-					${e.key===v?.key?"sidebar-menu-item-hover":""}
-					${e.isNew?"new-menu-item":""}`,children:[n.jsxDEV(ne,{icon:e.icon,isActive:e.key==b?.key,activeStateIcon:e.activeIcon??{},hoverStateIcon:e.hoverIcon??{},isHovered:e.key==v?.key||e.key==N?.key},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:421,columnNumber:6},void 0),n.jsxDEV("div",{className:"menu-item-container",children:n.jsxDEV("p",{className:`menu-item-text ${e?.key===b?.key?"active-menu-item-text":""}`,children:e.displayName},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:437,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:436,columnNumber:6},void 0)]},u,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:408,columnNumber:5},void 0)]},u,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:374,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:373,columnNumber:3},void 0);exports.BikSidebar=ie;
+					${e.key===N?.key?"sidebar-menu-item-hover":""}
+					${e.isNew?"new-menu-item":""}`,children:[i.jsxDEV(ie,{icon:e.icon,isActive:e.key==m?.key,activeStateIcon:e.activeIcon??{},hoverStateIcon:e.hoverIcon??{},isHovered:e.key==N?.key||e.key==S?.key},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:421,columnNumber:6},void 0),i.jsxDEV("div",{className:"menu-item-container",children:i.jsxDEV("p",{className:`menu-item-text ${e?.key===m?.key?"active-menu-item-text":""}`,children:e.displayName},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:437,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:436,columnNumber:6},void 0)]},c,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:408,columnNumber:5},void 0)]},c,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:374,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:373,columnNumber:3},void 0);exports.BikSidebar=ne;
 //# sourceMappingURL=BikSidebar.js.map

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

	@@ -1 +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","bikSidebarProps","logoSvg","allMenuList","activeMainMenu","activeSubMenu","router","onClickingMainMenu","onClickingSubMenu","onClickingAccessUpgradePanel","onClickingPopupMenuItem","popupMinHeight","isNewSidebar","menuStyle","mainActiveMenu","setMainActiveMenu","useState","hoveredComp","setHoveredComp","subActiveMenu","setSubActiveMenu","isDisabled","setIsDisabled","popupMenu","setPopupMenu","popupMenuTop","setPopupMenuTop","sidebarEachMenuTop","setSidebarEachMenuTop","autoCloseTimer","setAutoCloseTimer","numberOfStickyOptions","useMemo","menu","useEffect","onClickMainMenuLogic","useCallback","option","setHandleHoverForFullLayout","clearRemnantTimers","top","determineElementTop","targetElement","topValue","calculateTopSideBarPosition","initiateAutoClose","targetRect","innerStickyElements","innerStickyElement","element","distanceToBottom","handleResize","newTop","determineSideMenuTopWhileResize","openSideMenuElementHeight","currentId","sideMenuRect","divBoxTop","popupHeight","timer","SideBarContainer","jsxDEV","BikIcon","this","MainSideBarMenuWrapper","index","Fragment","NavigationHyperlink","EachSidebarMenuItem","SidebarPopup","popupMenuSelected","SimpleSidebar","menuSelected","reDirect","SibeBarMenuItem","CircularProgressBar","IconComponent","iconComponentProps","icon","isActive","activeStateIcon","hoverStateIcon","isHovered","Icon","ActiveIcon","HoverIcon","COLORS","LockedIcon"],"mappings":"geA6DaA,GAAyCC,GAAoB,CACzE,KAAM,CACL,QAAAC,EACA,YAAAC,EACA,eAAAC,EACA,cAAAC,EACA,OAAAC,EACA,mBAAAC,EACA,kBAAAC,EACA,6BAAAC,EACA,wBAAAC,EACA,eAAAC,EACA,aAAAC,EACA,UAAAC,CAAA,EACGZ,EACE,CAACa,EAAgBC,CAAiB,EACvCC,EAAAA,SAAmBZ,CAAc,EAC5B,CAACa,EAAaC,CAAc,EAAIF,WAAA,EAChC,CAACG,EAAeC,CAAgB,EAAIJ,EAAAA,SAAeX,CAAa,EAChE,CAACgB,EAAYC,CAAa,EAAIN,EAAAA,SAAS,EAAK,EAC5C,CAACO,EAAWC,CAAY,EAAIR,WAAA,EAC5B,CAACS,EAAcC,CAAe,EAAIV,WAAA,EAClC,CAACW,EAAoBC,CAAqB,EAAIZ,WAAA,EAC9C,CAACa,EAAgBC,CAAiB,EAAId,EAAAA,SAC3C,IAAA,EAEKe,EAAwBC,EAAAA,QAC7B,IACC7B,EAAY,OAAQ8B,GAASA,EAAK,iBAAmBA,EAAK,YAAY,EACpE,OACH,CAAC9B,CAAW,CAAA,EAGb+B,EAAAA,UAAU,IAAM,CACfnB,EAAkBX,CAAc,CACjC,EAAG,CAACA,CAAc,CAAC,EAEnB8B,EAAAA,UAAU,IAAM,CACfd,EAAiBf,CAAa,CAC/B,EAAG,CAACA,CAAa,CAAC,EAElB,MAAM8B,EAAuBC,EAAAA,YAC3BC,GAAqB,CACjBA,GAAQ,SAAW,UAGvBb,EAAa,MAAS,EACtBN,EAAe,MAAS,EACxBI,EAAc,EAAI,EAClBP,EAAkBsB,CAAM,EACnBA,EAAO,MACX9B,EAAmB8B,CAAM,EAE1BA,GAAQ,UAAU,OACfjB,EAAiBiB,GAAQ,SAAS,CAAC,CAAC,EACpCjB,EAAiB,EAAU,EAC9BF,EAAe,MAAS,EACxB,WAAW,IAAM,CAChBI,EAAc,EAAK,CACpB,EAAG,GAAI,EACR,EACA,CAACf,CAAkB,CAAA,EAGd+B,EAA8BF,cAAaC,GAAqB,CAIrE,GAHAE,EAAA,EACArB,EAAe,MAAS,EACxBM,EAAa,MAAS,EAClBa,GAAQ,QAAU,QAAS,CAC9B,MAAMG,EAAMC,EAAA,EACZD,GAAOd,EAAgBc,CAAG,EAC1BhB,EAAaa,CAAM,CACpB,KAAO,CACN,MAAMK,EAAgB,SAAS,eAC9BL,EAAO,aAAa,MAAM,GAAG,GAAG,KAAK,EAAE,GAAKA,EAAO,IAAI,SAAA,CAAS,EAEjE,GAAIK,EAAe,CAClB,MAAMC,EAAWC,EAA4BF,CAAa,EAC1Dd,EAAsBe,CAAQ,CAC/B,CACAzB,EAAemB,CAAM,EACrBQ,EAAA,CACD,CACD,EAAG,CAAA,CAAE,EACCD,EAA+BF,GAA+B,CACnE,MAAMI,EAAaJ,EAAc,sBAAA,EACjC,IAAIC,EAAWG,EAAW,IAC1B,MAAMC,EAAsBL,EAAc,iBAAiB,KAAK,EAChE,IAAIM,EAAqB,KAEzB,GADoB,OAAO,aACR,IAClB,OAAOL,EAOR,GALAI,EAAoB,QAASE,GAAY,CACpCA,EAAQ,UAAU,SAAS,QAAQ,IACtCD,EAAqBC,EAEvB,CAAC,EACGD,EAAoB,CAEvB,MAAME,EADe,OAAO,YACYJ,EAAW,OACnDH,EAAWG,EAAW,IAAMI,EAAmB,GAChD,CACA,OAAOP,CACR,EAEAT,EAAAA,UAAU,IAAM,CACf,MAAMiB,EAAe,IAAM,CAC1B,MAAMC,EAASX,EAAA,EACfW,GAAU1B,EAAgB0B,CAAM,EAChCC,EAAA,CACD,EACA,cAAO,iBAAiB,SAAUF,CAAY,EACvC,IAAM,CACZ,OAAO,oBAAoB,SAAUA,CAAY,CAClD,CAED,EAAG,CAAA,CAAE,EACL,MAAME,EAAkC,IAAM,CAE7C,MAAMC,EADsB,SAAS,eAAe,WAAW,GAEzC,sBAAA,EAAwB,OAC1CA,GACH1B,EAAsB,OAAO,YAAc0B,CAAyB,CAEtE,EACMb,EAAsB,IAAM,CACjC,GAAIlB,EAAW,CACd,MAAMgC,EACLhC,EAAU,aAAa,MAAM,GAAG,GAAG,KAAK,EAAE,EAAI,QAC9CA,EAAU,IAAI,WAAa,OAEtBmB,EAAgB,SAAS,eAAea,CAAS,EACvD,GAAIb,EAAe,CAClB,MAAMc,EAAed,EAAc,sBAAA,EACnC,IAAIe,EAAYD,EAAa,IAC7B,MAAME,EAAc/C,GAAkB,IACtC,OAAI6C,EAAa,OAASE,EAAc,OAAO,cAC9CD,GAAaD,EAAa,OAASE,EAAc,OAAO,aAElDD,CACR,CACA,OAAO,IACR,CACD,EAEMZ,EAAoB,IAAM,CAC/BN,EAAA,EACA,MAAMoB,EAAQ,WAAW,IAAMzC,EAAe,MAAS,EAAG,GAAK,EAC/DY,EAAkB6B,CAAK,CACxB,EAEMpB,EAAqB,IAAM,CAChC,aAAaV,CAAe,CAC7B,EAEA,gBACE+B,mBAAA,CACA,SAAA,CAAAC,EAAAA,OAAC,MAAA,CACA,UAAU,kBACV,QAAS,IAAA,GACT,UAAW,IAAA,GACX,cAAY,OAEX,SAAA3D,GAAoB2D,EAAAA,OAACC,EAAAA,QAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,EAAA,EAAAC,MAAS,CAAA,EAN/B,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,EAQAF,EAAAA,OAACG,EAAAA,uBAAA,CAAuB,MAAOnD,EAC7B,SAAA,CAAAV,GAAa,IAAI,CAACkC,EAAQ4B,IAC1BJ,SAACK,EAAAA,SAAA,CACC,SAAA,CAAA7B,EAAO,KACPwB,EAAAA,OAACM,sBAAA,CAAoB,KAAM9B,EAAO,KAAM,OAAA/B,EACvC,SAAAuD,EAAAA,OAACO,EAAA,CACA,OAAA/B,EACA,MAAA4B,EACA,qBAAA9B,EACA,4BAAAG,EACA,WAAAjB,EACA,eAAAH,EACA,aAAAM,EACA,eAAAV,EACA,YAAAG,EACA,UAAAM,CAAA,EAVD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAwC,MAAA,CAWA,EAZD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAaA,EAEAF,EAAAA,OAACO,EAAA,CACA,OAAA/B,EACA,MAAA4B,EACA,qBAAA9B,EACA,4BAAAG,EACA,WAAAjB,EACA,eAAAH,EACA,aAAAM,EACA,eAAAV,EACA,YAAAG,EACA,UAAAM,CAAA,EAVD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAwC,MAAA,EAaDF,SAAAK,EAAAA,SAAA,CACE,SAAA,CAAA7B,EAAO,SAAW,SAAWd,GAAW,UAAU,QAClDsC,EAAAA,OAACQ,EAAAA,aAAA,CACA,IAAK5C,GAAgB,OACrB,SAAUF,GAAW,SACrB,oBAAsB+C,GAAsB,CAC3C5D,GACCA,EAAwB4D,CAAiB,EAC1C9C,EAAa,MAAS,CACvB,EACA,mBAAoB,IAAMA,EAAa,MAAS,CAAA,EARjD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAuC,MAAA,EAWA9C,GAAa,UAAU,QACvB4C,EAAAA,OAACU,GAAAA,cAAA,CACA,SAAUtD,GAAa,SACvB,WAAYE,EACZ,mBAAoB,IAAMoB,EAAA,EAC1B,mBAAoB,IAAM,CACzBA,EAAA,EACArB,EAAe,MAAS,CACzB,EACA,KAAMN,EAAe,GAAK,GAC1B,QAAS,QACT,OAAQK,EAAY,YACpB,MAAO,QACP,OAAAX,EACA,uBAAwBW,EAAY,uBACpC,YAAa,CAACuD,EAAcC,IAAa,CACxCrD,EAAiBoD,CAAY,EAC7BzD,EAAkBE,CAAW,EAC7BC,EAAe,MAAS,EACxBM,EAAa,MAAS,EACtBiD,GAAYjE,EAAkBgE,CAAY,CAC3C,EACA,UAAW/D,EACX,IACCG,GACGe,GAEC,EAGL,aAAAf,CAAA,EA7BD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAmD,MAAA,CA8BA,CAAA,EA5CF,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MA8CA,CAAA,CAAA,EA5EcE,EAAf,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAF,MA6EA,CACA,EACA,OAAO9D,EAAgB,sBAAyB,mBAC/CyE,EAAAA,gBAAA,CACA,SAAAb,EAAAA,OAAC,MAAA,CAAI,UAAU,gBACd,SAAAA,EAAAA,OAAC,MAAA,CACA,GAAI,4BACJ,UAAW,qBACV9B,IAA0B,EACvB,cACAA,IAA0B,EAC1B,kBACA,mBACJ,GAEA,SAAA8B,EAAAA,OAACc,EAAAA,QAAA,CACA,WAAY1E,EAAgB,qBAC5B,MAAO,EAAA,EAFR,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAA8D,MAAA,CAGA,EAbD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAcA,EAfD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAgBA,CAAA,EAjBD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAkBA,CAAA,CAAA,EApGF,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAsGA,CAAA,CAAA,EA/GD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAgHA,CAEF,EAEMa,GAMAC,GAAuB,CAC5B,KAAM,CAAE,KAAAC,EAAM,SAAAC,EAAU,gBAAAC,EAAiB,eAAAC,EAAgB,UAAAC,GACxDL,EACKM,EAAOL,EACPM,EAAaJ,EACbK,EAAYJ,EAClB,4BAEG,SAAAF,EACAlB,EAAAA,OAACuB,GAAW,MAAO,GAAI,OAAQ,EAAA,EAA/B,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAArB,MAAmC,EAChCmB,EACHrB,EAAAA,OAACwB,EAAA,CAAU,MAAO,GAAI,OAAQ,GAAI,MAAOC,SAAO,QAAQ,QAAA,EAAxD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAvB,MAAkE,EAElEF,EAAAA,OAACsB,EAAA,CAAK,MAAO,GAAI,OAAQ,GAAI,MAAOG,EAAAA,OAAO,QAAQ,QAAA,EAAnD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAvB,MAA6D,CAAA,EAN/D,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAQA,CAEF,EAEMK,EAAyD,CAAC,CAC/D,OAAA/B,EACA,MAAA4B,EACA,qBAAA9B,EACA,4BAAAG,EACA,WAAAjB,EACA,eAAAH,EACA,aAAAM,EACA,eAAAV,EACA,YAAAG,EACA,UAAAM,CACD,aAEGmD,EAAAA,gBAAA,CACA,SAAAb,EAAAA,OAAC,MAAA,CACA,GAAIxB,EAAO,aAAa,MAAM,GAAG,GAAG,KAAK,EAAE,GAAKA,EAAO,IAAI,SAAA,EAC3D,UAAU,gBAEV,QAAS,IAAMF,EAAqBE,CAAM,EAC1C,aAAc,IAAM,CACnB,CAAChB,GAAciB,EAA4BD,CAAM,CAClD,EACA,YAAa,IAAM,CAClB,CAAChB,GAAciB,EAA4BD,CAAM,CAClD,EACA,aAAc,IAAM,CACdA,GAAQ,UAAU,SACtBnB,EAAe,MAAS,EACxBM,EAAa,MAAS,EAExB,EACA,QAAS,IAAM,CAAC,EAChB,cAAY,OAEX,SAAA,CAAAa,EAAO,OACPwB,SAAC,MAAA,CAAI,UAAW,WAAWxB,EAAO,aAAe,aAAe,EAAE,GAAI,SAAA,KAAA,EAAtE,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAA0B,MAEA,EAEA1B,EAAO,UACPwB,EAAAA,OAAC,MAAA,CACA,UAAW,mBACVxB,EAAO,aAAe,aAAe,EACtC,KAAKA,EAAO,gBAAkB,eAAiB,EAAE,GAEjD,SAAAwB,EAAAA,OAAC0B,EAAAA,QAAA,CAAW,OAAQ,GAAI,MAAO,EAAA,EAA/B,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAxB,MAAmC,CAAA,EALpC,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,EAQDF,EAAAA,OAAC,MAAA,CAEA,GACCxB,EAAO,aAAa,MAAM,GAAG,GAAG,KAAK,EAAE,EAAI,QAC3CA,EAAO,IAAI,WAAa,OAEzB,UAAW;AAAA,OACTvB,GAAgB,MAAQuB,EAAO,IAAM,yBAA2B,EAAE;AAAA,OAClEA,EAAO,aAAe,kBAAoB,EAAE;AAAA,OAC5CA,EAAO,gBAAkB,cAAgB,EAAE;AAAA,OAC3CA,EAAO,MAAQpB,GAAa,IAAM,0BAA4B,EAAE;AAAA,OAChEoB,EAAO,MAAQ,gBAAkB,EAAE,GAErC,SAAA,CAAAwB,EAAAA,OAACe,GAAA,CACA,KAAMvC,EAAO,KACb,SAAUA,EAAO,KAAOvB,GAAgB,IACxC,gBACCuB,EAAO,YACN,CAAA,EAEF,eACCA,EAAO,WACN,CAAA,EAEF,UACCA,EAAO,KAAOpB,GAAa,KAAOoB,EAAO,KAAOd,GAAW,GAAA,EAZ7D,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAwC,MAAA,EAeAF,EAAAA,OAAC,MAAA,CAAI,UAAU,sBACd,SAAAA,EAAAA,OAAC,IAAA,CACA,UAAW,kBACVxB,GAAQ,MAAQvB,GAAgB,IAC7B,wBACA,EACJ,GAEC,SAAAuB,EAAO,WAAA,EAPT,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAA0B,MAAA,CAQA,EATD,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAUA,CAAA,CAAA,EArCKE,EADN,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAF,MAAA,CAuCA,CAAA,EAtEKE,EAHN,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAF,MAAA,CA0EA,EA3ED,OAAA,GAAA,CAAA,SAAA,8HAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MA4EA"}
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","bikSidebarProps","logoSvg","allMenuList","activeMainMenu","activeSubMenu","router","onClickingMainMenu","onClickingSubMenu","onClickingAccessUpgradePanel","onClickingPopupMenuItem","popupMinHeight","isNewSidebar","menuStyle","mainActiveMenu","setMainActiveMenu","useState","hoveredComp","setHoveredComp","subActiveMenu","setSubActiveMenu","isDisabled","setIsDisabled","popupMenu","setPopupMenu","popupMenuTop","setPopupMenuTop","sidebarEachMenuTop","setSidebarEachMenuTop","autoCloseTimer","setAutoCloseTimer","numberOfStickyOptions","useMemo","menu","useEffect","onClickMainMenuLogic","useCallback","option","setHandleHoverForFullLayout","clearRemnantTimers","top","determineElementTop","targetElement","topValue","calculateTopSideBarPosition","initiateAutoClose","targetRect","innerStickyElements","innerStickyElement","element","distanceToBottom","handleResize","newTop","determineSideMenuTopWhileResize","openSideMenuElementHeight","currentId","sideMenuRect","divBoxTop","popupHeight","timer","SideBarContainer","jsxDEV","BikIcon","this","MainSideBarMenuWrapper","index","Fragment","NavigationHyperlink","EachSidebarMenuItem","SidebarPopup","popupMenuSelected","SimpleSidebar","menuSelected","reDirect","SibeBarMenuItem","CircularProgressBar","IconComponent","iconComponentProps","icon","isActive","activeStateIcon","hoverStateIcon","isHovered","Icon","ActiveIcon","HoverIcon","COLORS","LockedIcon"],"mappings":"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"}

package/dist/cjs/components/bik-layout/FeatureModal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),h=require("react-dom"),v=require("../../constants/Theme.js"),N=require("../../assets/icons/cross.svg.js"),t=require("../TypographyStyle.js"),i=require("./CommonStyles.js"),a=require("../button/Button.js"),D=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},x=D(h),M=o=>{const{zIndex:s,disableCross:l=!1,otherContent:n,onClickingCross:u,onUpgrade:r,title:m,subTitle:c,showBookADemo:b,demoLink:d,primaryButtonText:k}=o,p=()=>{window.open(d,"_blank")},y=m||"Upgrade to access this feature",f=c||"This feature is not included in the current plan. Upgrade to get access and use this feature.";return x.default.createPortal(e.jsxDEV(i.FeatureModalContainer,{zIndex:s,children:[!l&&e.jsxDEV("div",{className:"cross-button",onClick:()=>u(),"aria-hidden":"true",children:e.jsxDEV(N.default,{height:20,width:20,color:v.COLORS.surface.subdued},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:54,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:49,columnNumber:5},void 0),e.jsxDEV(i.InnerModalContainer,{children:n?e.jsxDEV(e.Fragment,{children:n},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:59,columnNumber:6},void 0):e.jsxDEV("div",{className:"content-layout",children:[e.jsxDEV("div",{children:[e.jsxDEV(t.TitleMedium,{className:"title-color",children:y},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:63,columnNumber:8},void 0),e.jsxDEV(t.BodyPrimary,{className:"title-color mt-8",children:f},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:64,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:62,columnNumber:7},void 0),e.jsxDEV("div",{className:"cta-buttons",children:[b&&e.jsxDEV(a.Button,{buttonText:"Book a demo",buttonType:"secondary",size:"large",inverse:!0,onClick:()=>p()},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:70,columnNumber:9},void 0),e.jsxDEV(a.Button,{buttonText:k||"Upgrade plan",buttonType:"primary",size:"large",inverse:!0,onClick:()=>r?r():""},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:78,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:68,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:61,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:57,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:47,columnNumber:3},void 0),document.body)};exports.FeatureModal=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),k=require("react-dom"),D=require("../../constants/Theme.js"),x=require("../../assets/icons/cross.svg.js"),a=require("../TypographyStyle.js"),t=require("./CommonStyles.js"),s=require("../button/Button.js"),h=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},v=h(k),M=o=>{const{zIndex:i,disableCross:l=!1,otherContent:n,onClickingCross:u,onUpgrade:r,title:d,subTitle:c,showBookADemo:m,demoLink:b,primaryButtonText:y}=o,f=()=>{window.open(b,"_blank")},p=d||"Upgrade to access this feature",N=c||"This feature is not included in the current plan. Upgrade to get access and use this feature.";return v.default.createPortal(e.jsxDEV(t.FeatureModalContainer,{zIndex:i,children:[!l&&e.jsxDEV("div",{className:"cross-button",onClick:()=>u(),"aria-hidden":"true",children:e.jsxDEV(x.default,{height:20,width:20,color:D.COLORS.surface.subdued},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:54,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:49,columnNumber:5},void 0),e.jsxDEV(t.InnerModalContainer,{children:n?e.jsxDEV(e.Fragment,{children:n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:59,columnNumber:6},void 0):e.jsxDEV("div",{className:"content-layout",children:[e.jsxDEV("div",{children:[e.jsxDEV(a.TitleMedium,{className:"title-color",children:p},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:63,columnNumber:8},void 0),e.jsxDEV(a.BodyPrimary,{className:"title-color mt-8",children:N},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:64,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:62,columnNumber:7},void 0),e.jsxDEV("div",{className:"cta-buttons",children:[m&&e.jsxDEV(s.Button,{buttonText:"Book a demo",buttonType:"secondary",size:"large",inverse:!0,onClick:()=>f()},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:70,columnNumber:9},void 0),e.jsxDEV(s.Button,{buttonText:y||"Upgrade plan",buttonType:"primary",size:"large",inverse:!0,onClick:()=>r?r():""},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:78,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:68,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:61,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:57,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:47,columnNumber:3},void 0),document.body)};exports.FeatureModal=M;
 //# sourceMappingURL=FeatureModal.js.map

package/dist/cjs/components/bik-layout/FeatureModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FeatureModal.js","sources":["../../../../src/components/bik-layout/FeatureModal.tsx"],"sourcesContent":["import ReactDOM from 'react-dom';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { Button } from '../button';\nimport { BodyPrimary, TitleMedium } from '../TypographyStyle';\nimport { FeatureModalContainer, InnerModalContainer } from './CommonStyles';\n\nexport interface FeatureModalProps {\n\tzIndex?: number;\n\tdisableCross?: boolean;\n\tonClickingCross: () => void;\n\totherContent?: JSX.Element;\n\tonUpgrade?: () => void;\n\tprimaryButtonText?: string;\n\ttitle?: string;\n\tsubTitle?: string;\n\tshowBookADemo?: boolean;\n\tdemoLink?: string;\n}\n\nexport const FeatureModal: React.FC<FeatureModalProps> = (\n\tFeatureModalProps,\n) => {\n\tconst {\n\t\tzIndex,\n\t\tdisableCross = false,\n\t\totherContent,\n\t\tonClickingCross,\n\t\tonUpgrade,\n\t\ttitle,\n\t\tsubTitle,\n\t\tshowBookADemo,\n\t\tdemoLink,\n\t\tprimaryButtonText,\n\t} = FeatureModalProps;\n\n\tconst openDemoLink = () => {\n\t\twindow.open(demoLink, '_blank');\n\t};\n\n\tconst finalTitle = title \|\| 'Upgrade to access this feature';\n\tconst finalSubTitle =\n\t\tsubTitle \|\|\n\t\t'This feature is not included in the current plan. Upgrade to get access and use this feature.';\n\n\treturn ReactDOM.createPortal(\n\t\t<FeatureModalContainer zIndex={zIndex}>\n\t\t\t{!disableCross && (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"cross-button\"\n\t\t\t\t\tonClick={() => onClickingCross()}\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<CrossIcon height={20} width={20} color={COLORS.surface.subdued} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<InnerModalContainer>\n\t\t\t\t{otherContent ? (\n\t\t\t\t\t<>{otherContent}</>\n\t\t\t\t) : (\n\t\t\t\t\t<div className=\"content-layout\">\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<TitleMedium className=\"title-color\">{finalTitle}</TitleMedium>\n\t\t\t\t\t\t\t<BodyPrimary className=\"title-color mt-8\">\n\t\t\t\t\t\t\t\t{finalSubTitle}\n\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"cta-buttons\">\n\t\t\t\t\t\t\t{showBookADemo && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonText=\"Book a demo\"\n\t\t\t\t\t\t\t\t\tbuttonType=\"secondary\"\n\t\t\t\t\t\t\t\t\tsize=\"large\"\n\t\t\t\t\t\t\t\t\tinverse\n\t\t\t\t\t\t\t\t\tonClick={() => openDemoLink()}\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<Button\n\t\t\t\t\t\t\t\tbuttonText={primaryButtonText \|\| 'Upgrade plan'}\n\t\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\t\tsize=\"large\"\n\t\t\t\t\t\t\t\tinverse\n\t\t\t\t\t\t\t\tonClick={() => (onUpgrade ? onUpgrade() : '')}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</InnerModalContainer>\n\t\t</FeatureModalContainer>,\n\t\tdocument.body,\n\t);\n};\n"],"names":["FeatureModal","FeatureModalProps","zIndex","disableCross","otherContent","onClickingCross","onUpgrade","title","subTitle","showBookADemo","demoLink","primaryButtonText","openDemoLink","finalTitle","finalSubTitle","ReactDOM","jsxDEV","FeatureModalContainer","CrossIcon","COLORS","this","InnerModalContainer","Fragment","TitleMedium","BodyPrimary","Button"],"mappings":"qYAoBaA,EACZC,GACI,CACJ,KAAM,CACL,OAAAC,EACA,aAAAC,EAAe,GACf,aAAAC,EACA,gBAAAC,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,cAAAC,EACA,SAAAC,EACA,kBAAAC,CAAA,EACGV,EAEEW,EAAe,IAAM,CAC1B,OAAO,KAAKF,EAAU,QAAQ,CAC/B,EAEMG,EAAaN,GAAS,iCACtBO,EACLN,GACA,gGAED,OAAOO,EAAAA,QAAS,aACfC,EAAAA,OAACC,EAAAA,uBAAsB,OAAAf,EACrB,SAAA,CAAA,CAACC,GACDa,EAAAA,OAAC,MAAA,CACA,UAAU,eACV,QAAS,IAAMX,EAAA,EACf,cAAY,OAEZ,SAAAW,EAAAA,OAACE,EAAAA,SAAU,OAAQ,GAAI,MAAO,GAAI,MAAOC,EAAAA,OAAO,QAAQ,OAAA,EAAxD,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAiE,CAAA,EALlE,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAQDJ,EAAAA,OAACK,EAAAA,oBAAA,CACC,SAAAjB,EACAY,EAAAA,OAAAM,WAAA,CAAG,SAAAlB,GAAH,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAgB,MAAgB,EAEhBJ,SAAC,MAAA,CAAI,UAAU,iBACd,SAAA,CAAAA,SAAC,MAAA,CACA,SAAA,CAAAA,SAACO,EAAAA,YAAA,CAAY,UAAU,cAAe,SAAAV,CAAA,EAAtC,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAiD,EACjDJ,SAACQ,EAAAA,YAAA,CAAY,UAAU,mBACrB,SAAAV,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAM,MAEA,CAAA,CAAA,EAJD,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAKA,EACAJ,EAAAA,OAAC,MAAA,CAAI,UAAU,cACb,SAAA,CAAAP,GACAO,EAAAA,OAACS,EAAAA,OAAA,CACA,WAAW,cACX,WAAW,YACX,KAAK,QACL,QAAO,GACP,QAAS,IAAMb,EAAA,CAAa,EAL7B,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAA,EAQDJ,EAAAA,OAACS,EAAAA,OAAA,CACA,WAAYd,GAAqB,eACjC,WAAW,UACX,KAAK,QACL,QAAO,GACP,QAAS,IAAOL,EAAYA,IAAc,EAAA,EAL3C,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAc,MAAA,CAMA,CAAA,EAhBD,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiBA,CAAA,CAAA,EAxBD,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAyBA,CAAA,EA7BF,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA+BA,CAAA,CAAA,EAzCD,OAAA,GAAA,CAAA,SAAA,~~gIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA0CA,EACA,SAAS,IAAA,CAEX"}
1	+ {"version":3,"file":"FeatureModal.js","sources":["../../../../src/components/bik-layout/FeatureModal.tsx"],"sourcesContent":["import ReactDOM from 'react-dom';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { Button } from '../button';\nimport { BodyPrimary, TitleMedium } from '../TypographyStyle';\nimport { FeatureModalContainer, InnerModalContainer } from './CommonStyles';\n\nexport interface FeatureModalProps {\n\tzIndex?: number;\n\tdisableCross?: boolean;\n\tonClickingCross: () => void;\n\totherContent?: JSX.Element;\n\tonUpgrade?: () => void;\n\tprimaryButtonText?: string;\n\ttitle?: string;\n\tsubTitle?: string;\n\tshowBookADemo?: boolean;\n\tdemoLink?: string;\n}\n\nexport const FeatureModal: React.FC<FeatureModalProps> = (\n\tFeatureModalProps,\n) => {\n\tconst {\n\t\tzIndex,\n\t\tdisableCross = false,\n\t\totherContent,\n\t\tonClickingCross,\n\t\tonUpgrade,\n\t\ttitle,\n\t\tsubTitle,\n\t\tshowBookADemo,\n\t\tdemoLink,\n\t\tprimaryButtonText,\n\t} = FeatureModalProps;\n\n\tconst openDemoLink = () => {\n\t\twindow.open(demoLink, '_blank');\n\t};\n\n\tconst finalTitle = title \|\| 'Upgrade to access this feature';\n\tconst finalSubTitle =\n\t\tsubTitle \|\|\n\t\t'This feature is not included in the current plan. Upgrade to get access and use this feature.';\n\n\treturn ReactDOM.createPortal(\n\t\t<FeatureModalContainer zIndex={zIndex}>\n\t\t\t{!disableCross && (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"cross-button\"\n\t\t\t\t\tonClick={() => onClickingCross()}\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<CrossIcon height={20} width={20} color={COLORS.surface.subdued} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<InnerModalContainer>\n\t\t\t\t{otherContent ? (\n\t\t\t\t\t<>{otherContent}</>\n\t\t\t\t) : (\n\t\t\t\t\t<div className=\"content-layout\">\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<TitleMedium className=\"title-color\">{finalTitle}</TitleMedium>\n\t\t\t\t\t\t\t<BodyPrimary className=\"title-color mt-8\">\n\t\t\t\t\t\t\t\t{finalSubTitle}\n\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"cta-buttons\">\n\t\t\t\t\t\t\t{showBookADemo && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonText=\"Book a demo\"\n\t\t\t\t\t\t\t\t\tbuttonType=\"secondary\"\n\t\t\t\t\t\t\t\t\tsize=\"large\"\n\t\t\t\t\t\t\t\t\tinverse\n\t\t\t\t\t\t\t\t\tonClick={() => openDemoLink()}\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<Button\n\t\t\t\t\t\t\t\tbuttonText={primaryButtonText \|\| 'Upgrade plan'}\n\t\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\t\tsize=\"large\"\n\t\t\t\t\t\t\t\tinverse\n\t\t\t\t\t\t\t\tonClick={() => (onUpgrade ? onUpgrade() : '')}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</InnerModalContainer>\n\t\t</FeatureModalContainer>,\n\t\tdocument.body,\n\t);\n};\n"],"names":["FeatureModal","FeatureModalProps","zIndex","disableCross","otherContent","onClickingCross","onUpgrade","title","subTitle","showBookADemo","demoLink","primaryButtonText","openDemoLink","finalTitle","finalSubTitle","ReactDOM","jsxDEV","FeatureModalContainer","CrossIcon","COLORS","this","InnerModalContainer","Fragment","TitleMedium","BodyPrimary","Button"],"mappings":"qYAoBaA,EACZC,GACI,CACJ,KAAM,CACL,OAAAC,EACA,aAAAC,EAAe,GACf,aAAAC,EACA,gBAAAC,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,cAAAC,EACA,SAAAC,EACA,kBAAAC,CAAA,EACGV,EAEEW,EAAe,IAAM,CAC1B,OAAO,KAAKF,EAAU,QAAQ,CAC/B,EAEMG,EAAaN,GAAS,iCACtBO,EACLN,GACA,gGAED,OAAOO,EAAAA,QAAS,aACfC,EAAAA,OAACC,EAAAA,uBAAsB,OAAAf,EACrB,SAAA,CAAA,CAACC,GACDa,EAAAA,OAAC,MAAA,CACA,UAAU,eACV,QAAS,IAAMX,EAAA,EACf,cAAY,OAEZ,SAAAW,EAAAA,OAACE,EAAAA,SAAU,OAAQ,GAAI,MAAO,GAAI,MAAOC,EAAAA,OAAO,QAAQ,OAAA,EAAxD,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAiE,CAAA,EALlE,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAQDJ,EAAAA,OAACK,EAAAA,oBAAA,CACC,SAAAjB,EACAY,EAAAA,OAAAM,WAAA,CAAG,SAAAlB,GAAH,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,CAAA,EAAAgB,MAAgB,EAEhBJ,SAAC,MAAA,CAAI,UAAU,iBACd,SAAA,CAAAA,SAAC,MAAA,CACA,SAAA,CAAAA,SAACO,EAAAA,YAAA,CAAY,UAAU,cAAe,SAAAV,CAAA,EAAtC,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAiD,EACjDJ,SAACQ,EAAAA,YAAA,CAAY,UAAU,mBACrB,SAAAV,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAEA,CAAA,CAAA,EAJD,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAKA,EACAJ,EAAAA,OAAC,MAAA,CAAI,UAAU,cACb,SAAA,CAAAP,GACAO,EAAAA,OAACS,EAAAA,OAAA,CACA,WAAW,cACX,WAAW,YACX,KAAK,QACL,QAAO,GACP,QAAS,IAAMb,EAAA,CAAa,EAL7B,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAA,EAQDJ,EAAAA,OAACS,EAAAA,OAAA,CACA,WAAYd,GAAqB,eACjC,WAAW,UACX,KAAK,QACL,QAAO,GACP,QAAS,IAAOL,EAAYA,IAAc,EAAA,EAL3C,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,CAAA,EAAAc,MAAA,CAMA,CAAA,EAhBD,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiBA,CAAA,CAAA,EAxBD,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAyBA,CAAA,EA7BF,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA+BA,CAAA,CAAA,EAzCD,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA0CA,EACA,SAAS,IAAA,CAEX"}

package/dist/cjs/components/bik-layout/FeatureModalV2.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),s=require("react"),v=require("react-dom"),N=require("../../constants/Theme.js"),l=require("../TypographyStyle.js"),x=require("./CommonStyles.js"),D=require("../modals/styledModal.js"),V=require("../button/Button.js"),g=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},M=g(v),F=t=>{const{zIndex:u,otherContent:o,onUpgrade:n,title:a,subTitle:c,primaryButtonText:m,onClose:r,featureImage:b,id:d}=t,p=a===void 0?"Start your 14-day free trial to test your AI assistant on your website":a,y=c||"Test your assistant on your website and unlock many other features for free by starting your trial now. Don't worry, you can cancel anytime before the trial ends and no charges will be deducted.",k=b||"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fb74e0e4c-9b3b-47ca-b0af-704b246e3c54?alt=media&token=bb48a397-1981-4c93-a835-eb4f400d5a60",[f,i]=s.useState(!0);function h(){r&&r(),i(!1)}return M.default.createPortal(e.jsxDEV(D.StyledModal,{zIndex:u,open:f,onClose:h,closeOnOutsideClick:!0,centralContainerStyles:{maxWidth:"568px"},innerModalId:d,children:e.jsxDEV(x.FeatureModalV2Container,{children:o?e.jsxDEV(e.Fragment,{children:o},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:66,columnNumber:6},void 0):e.jsxDEV(s.Fragment,{children:[e.jsxDEV("div",{className:"top-feature-content",children:e.jsxDEV("img",{src:k,alt:"general-icon"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:70,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:69,columnNumber:7},void 0),e.jsxDEV("div",{className:"bottom-feature-content",children:[e.jsxDEV(l.TitleMedium,{className:"title-class text-align-center mt-8",style:{textAlign:"center"},children:p},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:73,columnNumber:8},void 0),e.jsxDEV(l.BodySecondary,{className:"text-align-center",style:{color:N.COLORS.content.secondary},children:y},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:79,columnNumber:8},void 0),e.jsxDEV("div",{className:"cta-buttons",children:e.jsxDEV(V.Button,{buttonText:m||"Upgrade to growth plan",buttonType:"primary",size:"large",onClick:()=>{n&&n(),i(!1)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:86,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:85,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:72,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:68,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:64,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:56,columnNumber:3},void 0),document.body)};exports.FeatureModalV2=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),i=require("react"),k=require("react-dom"),D=require("../../constants/Theme.js"),l=require("../TypographyStyle.js"),V=require("./CommonStyles.js"),g=require("../modals/styledModal.js"),M=require("../button/Button.js"),h=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},v=h(k),w=o=>{const{zIndex:u,otherContent:n,onUpgrade:t,title:a,subTitle:d,primaryButtonText:c,onClose:r,featureImage:m,id:b}=o,y=a===void 0?"Start your 14-day free trial to test your AI assistant on your website":a,f=d||"Test your assistant on your website and unlock many other features for free by starting your trial now. Don't worry, you can cancel anytime before the trial ends and no charges will be deducted.",p=m||"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fb74e0e4c-9b3b-47ca-b0af-704b246e3c54?alt=media&token=bb48a397-1981-4c93-a835-eb4f400d5a60",[N,s]=i.useState(!0);function x(){r&&r(),s(!1)}return v.default.createPortal(e.jsxDEV(g.StyledModal,{zIndex:u,open:N,onClose:x,closeOnOutsideClick:!0,centralContainerStyles:{maxWidth:"568px"},innerModalId:b,children:e.jsxDEV(V.FeatureModalV2Container,{children:n?e.jsxDEV(e.Fragment,{children:n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:66,columnNumber:6},void 0):e.jsxDEV(i.Fragment,{children:[e.jsxDEV("div",{className:"top-feature-content",children:e.jsxDEV("img",{src:p,alt:"general-icon"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:70,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:69,columnNumber:7},void 0),e.jsxDEV("div",{className:"bottom-feature-content",children:[e.jsxDEV(l.TitleMedium,{className:"title-class text-align-center mt-8",style:{textAlign:"center"},children:y},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:73,columnNumber:8},void 0),e.jsxDEV(l.BodySecondary,{className:"text-align-center",style:{color:D.COLORS.content.secondary},children:f},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:79,columnNumber:8},void 0),e.jsxDEV("div",{className:"cta-buttons",children:e.jsxDEV(M.Button,{buttonText:c||"Upgrade to growth plan",buttonType:"primary",size:"large",onClick:()=>{t&&t(),s(!1)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:86,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:85,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:72,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:68,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:64,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:56,columnNumber:3},void 0),document.body)};exports.FeatureModalV2=w;
 //# sourceMappingURL=FeatureModalV2.js.map

package/dist/cjs/components/bik-layout/FeatureModalV2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FeatureModalV2.js","sources":["../../../../src/components/bik-layout/FeatureModalV2.tsx"],"sourcesContent":["import { Fragment, useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button } from '../button';\nimport { StyledModal } from '../modals';\nimport { BodySecondary, TitleMedium } from '../TypographyStyle';\nimport { FeatureModalV2Container } from './CommonStyles';\n\nexport interface FeatureModalV2Props {\n\tzIndex?: number;\n\totherContent?: JSX.Element;\n\tonUpgrade?: () => void;\n\tprimaryButtonText?: string;\n\ttitle?: string;\n\tsubTitle?: string;\n\tonClose?: () => void;\n\tfeatureImage?: string;\n\tid?: string;\n}\n\nexport const FeatureModalV2: React.FC<FeatureModalV2Props> = (\n\tFeatureModalProps,\n) => {\n\tconst {\n\t\tzIndex,\n\t\totherContent,\n\t\tonUpgrade,\n\t\ttitle,\n\t\tsubTitle,\n\t\tprimaryButtonText,\n\t\tonClose,\n\t\tfeatureImage,\n\t\tid,\n\t} = FeatureModalProps;\n\n\tconst finalTitle =\n\t\ttitle === undefined\n\t\t\t? 'Start your 14-day free trial to test your AI assistant on your website'\n\t\t\t: title;\n\tconst finalSubTitle =\n\t\tsubTitle \|\|\n\t\t\"Test your assistant on your website and unlock many other features for free by starting your trial now. Don't worry, you can cancel anytime before the trial ends and no charges will be deducted.\";\n\tconst imageUrl =\n\t\tfeatureImage \|\|\n\t\t'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fb74e0e4c-9b3b-47ca-b0af-704b246e3c54?alt=media&token=bb48a397-1981-4c93-a835-eb4f400d5a60';\n\n\tconst [open, setOpen] = useState(true);\n\tfunction onClosingModal() {\n\t\tif (onClose) {\n\t\t\tonClose();\n\t\t}\n\t\tsetOpen(false);\n\t}\n\n\treturn ReactDOM.createPortal(\n\t\t<StyledModal\n\t\t\tzIndex={zIndex}\n\t\t\topen={open}\n\t\t\tonClose={onClosingModal}\n\t\t\tcloseOnOutsideClick\n\t\t\tcentralContainerStyles={{ maxWidth: '568px' }}\n\t\t\tinnerModalId={id}\n\t\t>\n\t\t\t<FeatureModalV2Container>\n\t\t\t\t{otherContent ? (\n\t\t\t\t\t<>{otherContent}</>\n\t\t\t\t) : (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<div className=\"top-feature-content\">\n\t\t\t\t\t\t\t<img src={imageUrl} alt=\"general-icon\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"bottom-feature-content\">\n\t\t\t\t\t\t\t<TitleMedium\n\t\t\t\t\t\t\t\tclassName=\"title-class text-align-center mt-8\"\n\t\t\t\t\t\t\t\tstyle={{ textAlign: 'center' }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{finalTitle}\n\t\t\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\tclassName=\"text-align-center\"\n\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{finalSubTitle}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t<div className=\"cta-buttons\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonText={primaryButtonText \|\| 'Upgrade to growth plan'}\n\t\t\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\t\t\tsize=\"large\"\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tonUpgrade ? onUpgrade() : '';\n\t\t\t\t\t\t\t\t\t\tsetOpen(false);\n\t\t\t\t\t\t\t\t\t}}\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</Fragment>\n\t\t\t\t)}\n\t\t\t</FeatureModalV2Container>\n\t\t</StyledModal>,\n\t\tdocument.body,\n\t);\n};\n"],"names":["FeatureModalV2","FeatureModalProps","zIndex","otherContent","onUpgrade","title","subTitle","primaryButtonText","onClose","featureImage","id","finalTitle","finalSubTitle","imageUrl","open","setOpen","useState","onClosingModal","ReactDOM","jsxDEV","StyledModal","FeatureModalV2Container","Fragment","this","TitleMedium","BodySecondary","COLORS","Button"],"mappings":"iZAoBaA,EACZC,GACI,CACJ,KAAM,CACL,OAAAC,EACA,aAAAC,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,QAAAC,EACA,aAAAC,EACA,GAAAC,CAAA,EACGT,EAEEU,EACLN,IAAU,OACP,yEACAA,EACEO,EACLN,GACA,qMACKO,EACLJ,GACA,+KAEK,CAACK,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAI,EACrC,SAASC,GAAiB,CACrBT,GACHA,EAAA,EAEDO,EAAQ,EAAK,CACd,CAEA,OAAOG,EAAAA,QAAS,aACfC,EAAAA,OAACC,EAAAA,YAAA,CACA,OAAAlB,EACA,KAAAY,EACA,QAASG,EACT,oBAAmB,GACnB,uBAAwB,CAAE,SAAU,OAAA,EACpC,aAAcP,EAEd,SAAAS,EAAAA,OAACE,EAAAA,wBAAA,CACC,SAAAlB,EACAgB,EAAAA,OAAAG,EAAAA,SAAA,CAAG,SAAAnB,GAAH,OAAA,GAAA,CAAA,SAAA,~~kIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAoB,MAAgB,EAEhBJ,EAAAA,OAACG,EAAAA,SAAA,CACA,SAAA,CAAAH,EAAAA,OAAC,MAAA,CAAI,UAAU,sBACd,SAAAA,EAAAA,OAAC,OAAI,IAAKN,EAAU,IAAI,cAAA,EAAxB,OAAA,GAAA,CAAA,SAAA,~~kIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAuC,CAAA,EADxC,OAAA,GAAA,CAAA,SAAA,~~kIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EACAJ,EAAAA,OAAC,MAAA,CAAI,UAAU,yBACd,SAAA,CAAAA,EAAAA,OAACK,EAAAA,YAAA,CACA,UAAU,qCACV,MAAO,CAAE,UAAW,QAAA,EAEnB,SAAAb,CAAA,EAJF,OAAA,GAAA,CAAA,SAAA,~~kIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAY,MAAA,EAMAJ,EAAAA,OAACM,EAAAA,cAAA,CACA,UAAU,oBACV,MAAO,CAAE,MAAOC,SAAO,QAAQ,SAAA,EAE9B,SAAAd,CAAA,EAJF,OAAA,GAAA,CAAA,SAAA,~~kIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAW,MAAA,EAMAJ,EAAAA,OAAC,MAAA,CAAI,UAAU,cACd,SAAAA,EAAAA,OAACQ,EAAAA,OAAA,CACA,WAAYpB,GAAqB,yBACjC,WAAW,UACX,KAAK,QACL,QAAS,IAAM,CACdH,GAAYA,IACZW,EAAQ,EAAK,CACd,CAAA,EAPD,OAAA,GAAA,CAAA,SAAA,~~kIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAA,CAQA,EATD,OAAA,GAAA,CAAA,SAAA,~~kIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAUA,CAAA,CAAA,EAvBD,OAAA,GAAA,CAAA,SAAA,~~kIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAwBA,CAAA,CAAA,EA5BD,OAAA,GAAA,CAAA,SAAA,~~kIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA6BA,CAAA,EAjCF,OAAA,GAAA,CAAA,SAAA,~~kIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAmCA,CAAA,EA3CD,OAAA,GAAA,CAAA,SAAA,~~kIAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EA6CA,SAAS,IAAA,CAEX"}
1	+ {"version":3,"file":"FeatureModalV2.js","sources":["../../../../src/components/bik-layout/FeatureModalV2.tsx"],"sourcesContent":["import { Fragment, useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button } from '../button';\nimport { StyledModal } from '../modals';\nimport { BodySecondary, TitleMedium } from '../TypographyStyle';\nimport { FeatureModalV2Container } from './CommonStyles';\n\nexport interface FeatureModalV2Props {\n\tzIndex?: number;\n\totherContent?: JSX.Element;\n\tonUpgrade?: () => void;\n\tprimaryButtonText?: string;\n\ttitle?: string;\n\tsubTitle?: string;\n\tonClose?: () => void;\n\tfeatureImage?: string;\n\tid?: string;\n}\n\nexport const FeatureModalV2: React.FC<FeatureModalV2Props> = (\n\tFeatureModalProps,\n) => {\n\tconst {\n\t\tzIndex,\n\t\totherContent,\n\t\tonUpgrade,\n\t\ttitle,\n\t\tsubTitle,\n\t\tprimaryButtonText,\n\t\tonClose,\n\t\tfeatureImage,\n\t\tid,\n\t} = FeatureModalProps;\n\n\tconst finalTitle =\n\t\ttitle === undefined\n\t\t\t? 'Start your 14-day free trial to test your AI assistant on your website'\n\t\t\t: title;\n\tconst finalSubTitle =\n\t\tsubTitle \|\|\n\t\t\"Test your assistant on your website and unlock many other features for free by starting your trial now. Don't worry, you can cancel anytime before the trial ends and no charges will be deducted.\";\n\tconst imageUrl =\n\t\tfeatureImage \|\|\n\t\t'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fb74e0e4c-9b3b-47ca-b0af-704b246e3c54?alt=media&token=bb48a397-1981-4c93-a835-eb4f400d5a60';\n\n\tconst [open, setOpen] = useState(true);\n\tfunction onClosingModal() {\n\t\tif (onClose) {\n\t\t\tonClose();\n\t\t}\n\t\tsetOpen(false);\n\t}\n\n\treturn ReactDOM.createPortal(\n\t\t<StyledModal\n\t\t\tzIndex={zIndex}\n\t\t\topen={open}\n\t\t\tonClose={onClosingModal}\n\t\t\tcloseOnOutsideClick\n\t\t\tcentralContainerStyles={{ maxWidth: '568px' }}\n\t\t\tinnerModalId={id}\n\t\t>\n\t\t\t<FeatureModalV2Container>\n\t\t\t\t{otherContent ? (\n\t\t\t\t\t<>{otherContent}</>\n\t\t\t\t) : (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<div className=\"top-feature-content\">\n\t\t\t\t\t\t\t<img src={imageUrl} alt=\"general-icon\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"bottom-feature-content\">\n\t\t\t\t\t\t\t<TitleMedium\n\t\t\t\t\t\t\t\tclassName=\"title-class text-align-center mt-8\"\n\t\t\t\t\t\t\t\tstyle={{ textAlign: 'center' }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{finalTitle}\n\t\t\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\tclassName=\"text-align-center\"\n\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{finalSubTitle}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t<div className=\"cta-buttons\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonText={primaryButtonText \|\| 'Upgrade to growth plan'}\n\t\t\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\t\t\tsize=\"large\"\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tonUpgrade ? onUpgrade() : '';\n\t\t\t\t\t\t\t\t\t\tsetOpen(false);\n\t\t\t\t\t\t\t\t\t}}\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</Fragment>\n\t\t\t\t)}\n\t\t\t</FeatureModalV2Container>\n\t\t</StyledModal>,\n\t\tdocument.body,\n\t);\n};\n"],"names":["FeatureModalV2","FeatureModalProps","zIndex","otherContent","onUpgrade","title","subTitle","primaryButtonText","onClose","featureImage","id","finalTitle","finalSubTitle","imageUrl","open","setOpen","useState","onClosingModal","ReactDOM","jsxDEV","StyledModal","FeatureModalV2Container","Fragment","this","TitleMedium","BodySecondary","COLORS","Button"],"mappings":"iZAoBaA,EACZC,GACI,CACJ,KAAM,CACL,OAAAC,EACA,aAAAC,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,QAAAC,EACA,aAAAC,EACA,GAAAC,CAAA,EACGT,EAEEU,EACLN,IAAU,OACP,yEACAA,EACEO,EACLN,GACA,qMACKO,EACLJ,GACA,+KAEK,CAACK,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAI,EACrC,SAASC,GAAiB,CACrBT,GACHA,EAAA,EAEDO,EAAQ,EAAK,CACd,CAEA,OAAOG,EAAAA,QAAS,aACfC,EAAAA,OAACC,EAAAA,YAAA,CACA,OAAAlB,EACA,KAAAY,EACA,QAASG,EACT,oBAAmB,GACnB,uBAAwB,CAAE,SAAU,OAAA,EACpC,aAAcP,EAEd,SAAAS,EAAAA,OAACE,EAAAA,wBAAA,CACC,SAAAlB,EACAgB,EAAAA,OAAAG,EAAAA,SAAA,CAAG,SAAAnB,GAAH,OAAA,GAAA,CAAA,SAAA,mGAAA,WAAA,GAAA,aAAA,CAAA,EAAAoB,MAAgB,EAEhBJ,EAAAA,OAACG,EAAAA,SAAA,CACA,SAAA,CAAAH,EAAAA,OAAC,MAAA,CAAI,UAAU,sBACd,SAAAA,EAAAA,OAAC,OAAI,IAAKN,EAAU,IAAI,cAAA,EAAxB,OAAA,GAAA,CAAA,SAAA,mGAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAuC,CAAA,EADxC,OAAA,GAAA,CAAA,SAAA,mGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EACAJ,EAAAA,OAAC,MAAA,CAAI,UAAU,yBACd,SAAA,CAAAA,EAAAA,OAACK,EAAAA,YAAA,CACA,UAAU,qCACV,MAAO,CAAE,UAAW,QAAA,EAEnB,SAAAb,CAAA,EAJF,OAAA,GAAA,CAAA,SAAA,mGAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAAA,EAMAJ,EAAAA,OAACM,EAAAA,cAAA,CACA,UAAU,oBACV,MAAO,CAAE,MAAOC,SAAO,QAAQ,SAAA,EAE9B,SAAAd,CAAA,EAJF,OAAA,GAAA,CAAA,SAAA,mGAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAAA,EAMAJ,EAAAA,OAAC,MAAA,CAAI,UAAU,cACd,SAAAA,EAAAA,OAACQ,EAAAA,OAAA,CACA,WAAYpB,GAAqB,yBACjC,WAAW,UACX,KAAK,QACL,QAAS,IAAM,CACdH,GAAYA,IACZW,EAAQ,EAAK,CACd,CAAA,EAPD,OAAA,GAAA,CAAA,SAAA,mGAAA,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAA,CAQA,EATD,OAAA,GAAA,CAAA,SAAA,mGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAUA,CAAA,CAAA,EAvBD,OAAA,GAAA,CAAA,SAAA,mGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAwBA,CAAA,CAAA,EA5BD,OAAA,GAAA,CAAA,SAAA,mGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA6BA,CAAA,EAjCF,OAAA,GAAA,CAAA,SAAA,mGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAmCA,CAAA,EA3CD,OAAA,GAAA,CAAA,SAAA,mGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EA6CA,SAAS,IAAA,CAEX"}

package/dist/cjs/components/bik-layout/PageLoader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),s=require("../../constants/Theme.js"),o=require("../TypographyStyle.js"),n=require("./CommonStyles.js"),a=r=>e.jsxDEV(n.LoaderWrapper,{children:e.jsxDEV("div",{className:"inner",children:[e.jsxDEV("span",{className:"loader"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/PageLoader.tsx",lineNumber:14,columnNumber:5},void 0),r.message&&e.jsxDEV(n.LoadingMessageWrapper,{children:[e.jsxDEV(o.TitleMedium,{children:r.message},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/PageLoader.tsx",lineNumber:17,columnNumber:7},void 0),e.jsxDEV(o.BodyPrimary,{style:{color:s.DEFAULT_THEME.colorsV2.content.secondary,marginTop:8},children:r.subMessage},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/PageLoader.tsx",lineNumber:18,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/PageLoader.tsx",lineNumber:16,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/PageLoader.tsx",lineNumber:13,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/PageLoader.tsx",lineNumber:12,columnNumber:3},void 0);exports.PageLoader=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),s=require("../../constants/Theme.js"),n=require("../TypographyStyle.js"),r=require("./CommonStyles.js"),a=o=>e.jsxDEV(r.LoaderWrapper,{children:e.jsxDEV("div",{className:"inner",children:[e.jsxDEV("span",{className:"loader"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/PageLoader.tsx",lineNumber:14,columnNumber:5},void 0),o.message&&e.jsxDEV(r.LoadingMessageWrapper,{children:[e.jsxDEV(n.TitleMedium,{children:o.message},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/PageLoader.tsx",lineNumber:17,columnNumber:7},void 0),e.jsxDEV(n.BodyPrimary,{style:{color:s.DEFAULT_THEME.colorsV2.content.secondary,marginTop:8},children:o.subMessage},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/PageLoader.tsx",lineNumber:18,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/PageLoader.tsx",lineNumber:16,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/PageLoader.tsx",lineNumber:13,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/PageLoader.tsx",lineNumber:12,columnNumber:3},void 0);exports.PageLoader=a;
 //# sourceMappingURL=PageLoader.js.map

package/dist/cjs/components/bik-layout/PageLoader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PageLoader.js","sources":["../../../../src/components/bik-layout/PageLoader.tsx"],"sourcesContent":["import { DEFAULT_THEME } from '@src/constants/Theme';\nimport { BodyPrimary, TitleMedium } from '../TypographyStyle';\nimport { LoaderWrapper, LoadingMessageWrapper } from './CommonStyles';\n\nexport interface LoaderProps {\n\tmessage?: string;\n\tsubMessage?: string;\n}\n\nexport const PageLoader: React.FC<LoaderProps> = (loaderProps) => {\n\treturn (\n\t\t<LoaderWrapper>\n\t\t\t<div className={'inner'}>\n\t\t\t\t<span className=\"loader\" />\n\t\t\t\t{loaderProps.message && (\n\t\t\t\t\t<LoadingMessageWrapper>\n\t\t\t\t\t\t<TitleMedium>{loaderProps.message}</TitleMedium>\n\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tcolor: DEFAULT_THEME.colorsV2.content.secondary,\n\t\t\t\t\t\t\t\tmarginTop: 8,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{loaderProps.subMessage}\n\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t</LoadingMessageWrapper>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</LoaderWrapper>\n\t);\n};\n"],"names":["PageLoader","loaderProps","jsxDEV","LoaderWrapper","this","LoadingMessageWrapper","TitleMedium","BodyPrimary","DEFAULT_THEME"],"mappings":"iOASaA,EAAqCC,GAEhDC,EAAAA,OAACC,gBAAA,CACA,SAAAD,EAAAA,OAAC,MAAA,CAAI,UAAW,QACf,SAAA,CAAAA,EAAAA,OAAC,OAAA,CAAK,UAAU,QAAA,EAAhB,OAAA,GAAA,CAAA,SAAA,~~8HAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAE,MAAyB,EACxBH,EAAY,SACZC,EAAAA,OAACG,EAAAA,sBAAA,CACA,SAAA,CAAAH,EAAAA,OAACI,EAAAA,YAAA,CAAa,WAAY,OAAA,EAA1B,OAAA,GAAA,CAAA,SAAA,~~8HAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAF,MAAkC,EAClCF,EAAAA,OAACK,EAAAA,YAAA,CACA,MAAO,CACN,MAAOC,EAAAA,cAAc,SAAS,QAAQ,UACtC,UAAW,CAAA,EAGX,SAAAP,EAAY,UAAA,EANd,OAAA,GAAA,CAAA,SAAA,~~8HAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAOA,CAAA,EATD,OAAA,GAAA,CAAA,SAAA,~~8HAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAA,MAUA,CAAA,CAAA,EAbF,OAAA,GAAA,CAAA,SAAA,~~8HAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAA,MAeA,CAAA,EAhBD,OAAA,GAAA,CAAA,SAAA,~~8HAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAA,MAiBA"}
1	+ {"version":3,"file":"PageLoader.js","sources":["../../../../src/components/bik-layout/PageLoader.tsx"],"sourcesContent":["import { DEFAULT_THEME } from '@src/constants/Theme';\nimport { BodyPrimary, TitleMedium } from '../TypographyStyle';\nimport { LoaderWrapper, LoadingMessageWrapper } from './CommonStyles';\n\nexport interface LoaderProps {\n\tmessage?: string;\n\tsubMessage?: string;\n}\n\nexport const PageLoader: React.FC<LoaderProps> = (loaderProps) => {\n\treturn (\n\t\t<LoaderWrapper>\n\t\t\t<div className={'inner'}>\n\t\t\t\t<span className=\"loader\" />\n\t\t\t\t{loaderProps.message && (\n\t\t\t\t\t<LoadingMessageWrapper>\n\t\t\t\t\t\t<TitleMedium>{loaderProps.message}</TitleMedium>\n\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tcolor: DEFAULT_THEME.colorsV2.content.secondary,\n\t\t\t\t\t\t\t\tmarginTop: 8,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{loaderProps.subMessage}\n\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t</LoadingMessageWrapper>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</LoaderWrapper>\n\t);\n};\n"],"names":["PageLoader","loaderProps","jsxDEV","LoaderWrapper","this","LoadingMessageWrapper","TitleMedium","BodyPrimary","DEFAULT_THEME"],"mappings":"iOASaA,EAAqCC,GAEhDC,EAAAA,OAACC,gBAAA,CACA,SAAAD,EAAAA,OAAC,MAAA,CAAI,UAAW,QACf,SAAA,CAAAA,EAAAA,OAAC,OAAA,CAAK,UAAU,QAAA,EAAhB,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAyB,EACxBH,EAAY,SACZC,EAAAA,OAACG,EAAAA,sBAAA,CACA,SAAA,CAAAH,EAAAA,OAACI,EAAAA,YAAA,CAAa,WAAY,OAAA,EAA1B,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAkC,EAClCF,EAAAA,OAACK,EAAAA,YAAA,CACA,MAAO,CACN,MAAOC,EAAAA,cAAc,SAAS,QAAQ,UACtC,UAAW,CAAA,EAGX,SAAAP,EAAY,UAAA,EANd,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAOA,CAAA,EATD,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAUA,CAAA,CAAA,EAbF,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAeA,CAAA,EAhBD,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiBA"}

package/dist/cjs/components/bik-layout/ShowShopifyRestrictedModal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),h=require("react-dom"),y=require("../../constants/Theme.js"),k=require("../../assets/icons/cross.svg.js"),t=require("../TypographyStyle.js"),s=require("./CommonStyles.js"),a=require("../button/Button.js"),f=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},v=f(h),N=o=>{const{zIndex:l,containerType:c,handleButtonClick:m,triggerPosition:i,connectShopifyDescription:u,demoDescription:d}=o,n=p=>{m(p)},r=i&&window.innerHeight-i.top<100,b=i?{position:"fixed",top:r?"auto":i.top,bottom:r?"0":"auto",left:i.left,width:"unset",background:"none"}:{alignItems:"center",height:950,background:"linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 129.71%)"};return v.default.createPortal(e.jsxDEV(s.FeatureModalContainer,{zIndex:l,resetHeight:!0,style:b,relativePostion:!!i,children:e.jsxDEV(s.RelativeModalContainer,{children:[e.jsxDEV("div",{className:"cross-container",onClick:()=>n("close"),"aria-hidden":"true",children:e.jsxDEV(k.default,{height:24,width:24,color:"#000000"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:63,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:58,columnNumber:5},void 0),c=="demo_store"?e.jsxDEV("div",{className:"demo-container",children:[e.jsxDEV(t.TitleMedium,{color:y.COLORS.background.negative.vibrant,children:"Demo Store Limitations"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:67,columnNumber:7},void 0),e.jsxDEV(t.BodyPrimary,{children:d??"Apologies, but you are unable to save or take any actions as you are currently in the demo store."},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:70,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:66,columnNumber:6},void 0):e.jsxDEV("div",{className:"content-layout",children:[e.jsxDEV("div",{className:"left-content",children:e.jsxDEV("img",{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F6300e18e-16ef-4f65-9861-26476d2a3d9a?alt=media&token=0da9e429-4c12-4a06-bba8-9ac7c3fdd2c4",alt:"left-panel"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:78,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:77,columnNumber:7},void 0),e.jsxDEV("div",{className:"right-content",children:[e.jsxDEV(t.TitleMedium,{children:"Connect Shopify "},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:84,columnNumber:8},void 0),e.jsxDEV(t.BodyPrimary,{style:{maxWidth:432},children:u??"Connect Shopify to publish your bot on your Shopify store. Or, explore our demo store to see it in action."},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:85,columnNumber:8},void 0),e.jsxDEV("div",{className:"cta-button-container",children:[e.jsxDEV(a.Button,{buttonText:"Connect shopify",buttonType:"primary",size:"small",onClick:()=>n("shopify")},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:90,columnNumber:9},void 0),e.jsxDEV(a.Button,{buttonText:"View demo store",buttonType:"secondary",size:"small",onClick:()=>n("demo")},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:96,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:89,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:83,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:76,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:57,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:51,columnNumber:3},void 0),document.body)};exports.ShowShopifyRestrictedModal=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),f=require("react-dom"),p=require("../../constants/Theme.js"),h=require("../../assets/icons/cross.svg.js"),i=require("../TypographyStyle.js"),s=require("./CommonStyles.js"),a=require("../button/Button.js"),N=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},S=N(f),k=o=>{const{zIndex:l,containerType:d,handleButtonClick:c,triggerPosition:n,connectShopifyDescription:u,demoDescription:m}=o,t=y=>{c(y)},r=n&&window.innerHeight-n.top<100,b=n?{position:"fixed",top:r?"auto":n.top,bottom:r?"0":"auto",left:n.left,width:"unset",background:"none"}:{alignItems:"center",height:950,background:"linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 129.71%)"};return S.default.createPortal(e.jsxDEV(s.FeatureModalContainer,{zIndex:l,resetHeight:!0,style:b,relativePostion:!!n,children:e.jsxDEV(s.RelativeModalContainer,{children:[e.jsxDEV("div",{className:"cross-container",onClick:()=>t("close"),"aria-hidden":"true",children:e.jsxDEV(h.default,{height:24,width:24,color:"#000000"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:63,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:58,columnNumber:5},void 0),d=="demo_store"?e.jsxDEV("div",{className:"demo-container",children:[e.jsxDEV(i.TitleMedium,{color:p.COLORS.background.negative.vibrant,children:"Demo Store Limitations"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:67,columnNumber:7},void 0),e.jsxDEV(i.BodyPrimary,{children:m??"Apologies, but you are unable to save or take any actions as you are currently in the demo store."},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:70,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:66,columnNumber:6},void 0):e.jsxDEV("div",{className:"content-layout",children:[e.jsxDEV("div",{className:"left-content",children:e.jsxDEV("img",{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F6300e18e-16ef-4f65-9861-26476d2a3d9a?alt=media&token=0da9e429-4c12-4a06-bba8-9ac7c3fdd2c4",alt:"left-panel"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:78,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:77,columnNumber:7},void 0),e.jsxDEV("div",{className:"right-content",children:[e.jsxDEV(i.TitleMedium,{children:"Connect Shopify "},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:84,columnNumber:8},void 0),e.jsxDEV(i.BodyPrimary,{style:{maxWidth:432},children:u??"Connect Shopify to publish your bot on your Shopify store. Or, explore our demo store to see it in action."},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:85,columnNumber:8},void 0),e.jsxDEV("div",{className:"cta-button-container",children:[e.jsxDEV(a.Button,{buttonText:"Connect shopify",buttonType:"primary",size:"small",onClick:()=>t("shopify")},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:90,columnNumber:9},void 0),e.jsxDEV(a.Button,{buttonText:"View demo store",buttonType:"secondary",size:"small",onClick:()=>t("demo")},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:96,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:89,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:83,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:76,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:57,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:51,columnNumber:3},void 0),document.body)};exports.ShowShopifyRestrictedModal=k;
 //# sourceMappingURL=ShowShopifyRestrictedModal.js.map

package/dist/cjs/components/bik-layout/ShowShopifyRestrictedModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ShowShopifyRestrictedModal.js","sources":["../../../../src/components/bik-layout/ShowShopifyRestrictedModal.tsx"],"sourcesContent":["import ReactDOM from 'react-dom';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { Button } from '../button';\nimport { BodyPrimary, TitleMedium } from '../TypographyStyle';\nimport { FeatureModalContainer, RelativeModalContainer } from './CommonStyles';\n\nexport interface ShowShopifyRestrictedModalProps {\n\tcontainerType: 'demo_store' \| 'connect_shopify';\n\thandleButtonClick: (type: 'shopify' \| 'demo' \| 'close') => void;\n\tconnectShopifyDescription?: string;\n\tdemoDescription?: string;\n\tzIndex?: number;\n\ttriggerPosition?: { top: number; left: number };\n}\nexport const ShowShopifyRestrictedModal: React.FC<\n\tShowShopifyRestrictedModalProps\n> = (relativeModalProps) => {\n\tconst {\n\t\tzIndex,\n\t\tcontainerType,\n\t\thandleButtonClick,\n\t\ttriggerPosition,\n\t\tconnectShopifyDescription,\n\t\tdemoDescription,\n\t} = relativeModalProps;\n\n\tconst handleInternalButtonClick = (type: 'shopify' \| 'demo' \| 'close') => {\n\t\thandleButtonClick(type);\n\t};\n\tconst notEnoughSpaceAtBottom =\n\t\ttriggerPosition && window.innerHeight - triggerPosition.top < 100;\n\n\tconst modalStyle: React.CSSProperties = triggerPosition\n\t\t? {\n\t\t\t\tposition: 'fixed',\n\t\t\t\ttop: notEnoughSpaceAtBottom ? 'auto' : triggerPosition.top,\n\t\t\t\tbottom: notEnoughSpaceAtBottom ? '0' : 'auto',\n\t\t\t\tleft: triggerPosition.left,\n\t\t\t\twidth: 'unset',\n\t\t\t\tbackground: 'none',\n\t\t }\n\t\t: {\n\t\t\t\talignItems: 'center',\n\t\t\t\theight: 950,\n\t\t\t\tbackground:\n\t\t\t\t\t'linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 129.71%)',\n\t\t };\n\n\treturn ReactDOM.createPortal(\n\t\t<FeatureModalContainer\n\t\t\tzIndex={zIndex}\n\t\t\tresetHeight\n\t\t\tstyle={modalStyle}\n\t\t\trelativePostion={triggerPosition ? true : false}\n\t\t>\n\t\t\t<RelativeModalContainer>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"cross-container\"\n\t\t\t\t\tonClick={() => handleInternalButtonClick('close')}\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<CrossIcon height={24} width={24} color={'#000000'} />\n\t\t\t\t</div>\n\t\t\t\t{containerType == 'demo_store' ? (\n\t\t\t\t\t<div className=\"demo-container\">\n\t\t\t\t\t\t<TitleMedium color={COLORS.background.negative.vibrant}>\n\t\t\t\t\t\t\tDemo Store Limitations\n\t\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t\t<BodyPrimary>\n\t\t\t\t\t\t\t{demoDescription ??\n\t\t\t\t\t\t\t\t'Apologies, but you are unable to save or take any actions as you are currently in the demo store.'}\n\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div className=\"content-layout\">\n\t\t\t\t\t\t<div className=\"left-content\">\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc=\"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F6300e18e-16ef-4f65-9861-26476d2a3d9a?alt=media&token=0da9e429-4c12-4a06-bba8-9ac7c3fdd2c4\"\n\t\t\t\t\t\t\t\talt=\"left-panel\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"right-content\">\n\t\t\t\t\t\t\t<TitleMedium>Connect Shopify </TitleMedium>\n\t\t\t\t\t\t\t<BodyPrimary style={{ maxWidth: 432 }}>\n\t\t\t\t\t\t\t\t{connectShopifyDescription ??\n\t\t\t\t\t\t\t\t\t'Connect Shopify to publish your bot on your Shopify store. Or, explore our demo store to see it in action.'}\n\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t<div className=\"cta-button-container\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonText=\"Connect shopify\"\n\t\t\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tonClick={() => handleInternalButtonClick('shopify')}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonText=\"View demo store\"\n\t\t\t\t\t\t\t\t\tbuttonType=\"secondary\"\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tonClick={() => handleInternalButtonClick('demo')}\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</div>\n\t\t\t\t)}\n\t\t\t</RelativeModalContainer>\n\t\t</FeatureModalContainer>,\n\t\tdocument.body,\n\t);\n};\n"],"names":["ShowShopifyRestrictedModal","relativeModalProps","zIndex","containerType","handleButtonClick","triggerPosition","connectShopifyDescription","demoDescription","handleInternalButtonClick","type","notEnoughSpaceAtBottom","modalStyle","ReactDOM","jsxDEV","FeatureModalContainer","RelativeModalContainer","CrossIcon","this","TitleMedium","COLORS","BodyPrimary","Button"],"mappings":"qYAeaA,EAERC,GAAuB,CAC3B,KAAM,CACL,OAAAC,EACA,cAAAC,EACA,kBAAAC,EACA,gBAAAC,EACA,0BAAAC,EACA,gBAAAC,CAAA,EACGN,EAEEO,EAA6BC,GAAuC,CACzEL,EAAkBK,CAAI,CACvB,EACMC,EACLL,GAAmB,OAAO,YAAcA,EAAgB,IAAM,IAEzDM,EAAkCN,EACrC,CACA,SAAU,QACV,IAAKK,EAAyB,OAASL,EAAgB,IACvD,OAAQK,EAAyB,IAAM,OACvC,KAAML,EAAgB,KACtB,MAAO,QACP,WAAY,MAAA,EAEZ,CACA,WAAY,SACZ,OAAQ,IACR,WACC,mEAAA,EAGJ,OAAOO,EAAAA,QAAS,aACfC,EAAAA,OAACC,EAAAA,sBAAA,CACA,OAAAZ,EACA,YAAW,GACX,MAAOS,EACP,gBAAiB,EAAAN,EAEjB,kBAACU,yBAAA,CACA,SAAA,CAAAF,EAAAA,OAAC,MAAA,CACA,UAAU,kBACV,QAAS,IAAML,EAA0B,OAAO,EAChD,cAAY,OAEZ,kBAACQ,UAAA,CAAU,OAAQ,GAAI,MAAO,GAAI,MAAO,WAAzC,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAC,MAAoD,CAAA,EALrD,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAOCd,GAAiB,aACjBU,SAAC,MAAA,CAAI,UAAU,iBACd,SAAA,CAAAA,EAAAA,OAACK,EAAAA,aAAY,MAAOC,EAAAA,OAAO,WAAW,SAAS,QAAS,SAAA,0BAAxD,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAF,MAEA,EACAJ,EAAAA,OAACO,EAAAA,YAAA,CACC,SAAAb,GACA,mGAAA,EAFF,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAU,MAGA,CAAA,CAAA,EAPD,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,EAEAJ,SAAC,MAAA,CAAI,UAAU,iBACd,SAAA,CAAAA,EAAAA,OAAC,MAAA,CAAI,UAAU,eACd,SAAAA,EAAAA,OAAC,MAAA,CACA,IAAI,+KACJ,IAAI,YAAA,EAFL,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAGA,EAJD,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAA,MAKA,EACAJ,EAAAA,OAAC,MAAA,CAAI,UAAU,gBACd,SAAA,CAAAA,EAAAA,OAACK,EAAAA,aAAY,SAAA,kBAAA,EAAb,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAD,MAA6B,EAC7BJ,EAAAA,OAACO,EAAAA,aAAY,MAAO,CAAE,SAAU,KAC9B,YACA,8GAFF,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAH,MAGA,EACAJ,EAAAA,OAAC,MAAA,CAAI,UAAU,uBACd,SAAA,CAAAA,EAAAA,OAACQ,EAAAA,OAAA,CACA,WAAW,kBACX,WAAW,UACX,KAAK,QACL,QAAS,IAAMb,EAA0B,SAAS,CAAA,EAJnD,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAS,MAAA,EAMAJ,EAAAA,OAACQ,EAAAA,OAAA,CACA,WAAW,kBACX,WAAW,YACX,KAAK,QACL,QAAS,IAAMb,EAA0B,MAAM,CAAA,EAJhD,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAS,MAAA,CAKA,CAAA,EAZD,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAA,MAaA,CAAA,CAAA,EAnBD,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAA,MAoBA,CAAA,CAAA,EA3BD,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAA,MA4BA,CAAA,CAAA,EA/CF,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAA,MAiDA,CAAA,EAvDD,OAAA,GAAA,CAAA,SAAA,~~8IAAA,~~WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAyDA,SAAS,IAAA,CAEX"}
1	+ {"version":3,"file":"ShowShopifyRestrictedModal.js","sources":["../../../../src/components/bik-layout/ShowShopifyRestrictedModal.tsx"],"sourcesContent":["import ReactDOM from 'react-dom';\nimport { COLORS } from '@src/constants/Theme';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { Button } from '../button';\nimport { BodyPrimary, TitleMedium } from '../TypographyStyle';\nimport { FeatureModalContainer, RelativeModalContainer } from './CommonStyles';\n\nexport interface ShowShopifyRestrictedModalProps {\n\tcontainerType: 'demo_store' \| 'connect_shopify';\n\thandleButtonClick: (type: 'shopify' \| 'demo' \| 'close') => void;\n\tconnectShopifyDescription?: string;\n\tdemoDescription?: string;\n\tzIndex?: number;\n\ttriggerPosition?: { top: number; left: number };\n}\nexport const ShowShopifyRestrictedModal: React.FC<\n\tShowShopifyRestrictedModalProps\n> = (relativeModalProps) => {\n\tconst {\n\t\tzIndex,\n\t\tcontainerType,\n\t\thandleButtonClick,\n\t\ttriggerPosition,\n\t\tconnectShopifyDescription,\n\t\tdemoDescription,\n\t} = relativeModalProps;\n\n\tconst handleInternalButtonClick = (type: 'shopify' \| 'demo' \| 'close') => {\n\t\thandleButtonClick(type);\n\t};\n\tconst notEnoughSpaceAtBottom =\n\t\ttriggerPosition && window.innerHeight - triggerPosition.top < 100;\n\n\tconst modalStyle: React.CSSProperties = triggerPosition\n\t\t? {\n\t\t\t\tposition: 'fixed',\n\t\t\t\ttop: notEnoughSpaceAtBottom ? 'auto' : triggerPosition.top,\n\t\t\t\tbottom: notEnoughSpaceAtBottom ? '0' : 'auto',\n\t\t\t\tleft: triggerPosition.left,\n\t\t\t\twidth: 'unset',\n\t\t\t\tbackground: 'none',\n\t\t }\n\t\t: {\n\t\t\t\talignItems: 'center',\n\t\t\t\theight: 950,\n\t\t\t\tbackground:\n\t\t\t\t\t'linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 129.71%)',\n\t\t };\n\n\treturn ReactDOM.createPortal(\n\t\t<FeatureModalContainer\n\t\t\tzIndex={zIndex}\n\t\t\tresetHeight\n\t\t\tstyle={modalStyle}\n\t\t\trelativePostion={triggerPosition ? true : false}\n\t\t>\n\t\t\t<RelativeModalContainer>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"cross-container\"\n\t\t\t\t\tonClick={() => handleInternalButtonClick('close')}\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<CrossIcon height={24} width={24} color={'#000000'} />\n\t\t\t\t</div>\n\t\t\t\t{containerType == 'demo_store' ? (\n\t\t\t\t\t<div className=\"demo-container\">\n\t\t\t\t\t\t<TitleMedium color={COLORS.background.negative.vibrant}>\n\t\t\t\t\t\t\tDemo Store Limitations\n\t\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t\t<BodyPrimary>\n\t\t\t\t\t\t\t{demoDescription ??\n\t\t\t\t\t\t\t\t'Apologies, but you are unable to save or take any actions as you are currently in the demo store.'}\n\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div className=\"content-layout\">\n\t\t\t\t\t\t<div className=\"left-content\">\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc=\"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F6300e18e-16ef-4f65-9861-26476d2a3d9a?alt=media&token=0da9e429-4c12-4a06-bba8-9ac7c3fdd2c4\"\n\t\t\t\t\t\t\t\talt=\"left-panel\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"right-content\">\n\t\t\t\t\t\t\t<TitleMedium>Connect Shopify </TitleMedium>\n\t\t\t\t\t\t\t<BodyPrimary style={{ maxWidth: 432 }}>\n\t\t\t\t\t\t\t\t{connectShopifyDescription ??\n\t\t\t\t\t\t\t\t\t'Connect Shopify to publish your bot on your Shopify store. Or, explore our demo store to see it in action.'}\n\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t<div className=\"cta-button-container\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonText=\"Connect shopify\"\n\t\t\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tonClick={() => handleInternalButtonClick('shopify')}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonText=\"View demo store\"\n\t\t\t\t\t\t\t\t\tbuttonType=\"secondary\"\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tonClick={() => handleInternalButtonClick('demo')}\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</div>\n\t\t\t\t)}\n\t\t\t</RelativeModalContainer>\n\t\t</FeatureModalContainer>,\n\t\tdocument.body,\n\t);\n};\n"],"names":["ShowShopifyRestrictedModal","relativeModalProps","zIndex","containerType","handleButtonClick","triggerPosition","connectShopifyDescription","demoDescription","handleInternalButtonClick","type","notEnoughSpaceAtBottom","modalStyle","ReactDOM","jsxDEV","FeatureModalContainer","RelativeModalContainer","CrossIcon","this","TitleMedium","COLORS","BodyPrimary","Button"],"mappings":"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"}

package/dist/cjs/components/bik-layout/SidebarPopup.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),r=require("../TypographyStyle.js"),b=require("./SidebarStyles.js"),c=s=>{const{top:a,menuList:i,zIndex:t,left:u,onMouseLeaveOnMenu:l,onClickingPopupMenu:m}=s;return e.jsxDEV(b.SidebarPopupContainer,{top:a,theme:"white",zIndex:t,left:u??95,postion:"fixed",children:e.jsxDEV("div",{id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:l,children:i?.map((n,o)=>e.jsxDEV("div",{className:"each-menu",style:{borderBottom:o==i.length-1?"none":void 0},onClick:()=>m(n),children:[e.jsxDEV(r.TitleRegular,{style:{fontSize:14},children:n.displayName},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/SidebarPopup.tsx",lineNumber:48,columnNumber:7},void 0),e.jsxDEV(r.BodySecondary,{style:{fontSize:12},children:n.description},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/SidebarPopup.tsx",lineNumber:51,columnNumber:7},void 0)]},o,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/SidebarPopup.tsx",lineNumber:39,columnNumber:6},void 0))},"_sub-menu",!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/SidebarPopup.tsx",lineNumber:32,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/SidebarPopup.tsx",lineNumber:25,columnNumber:3},void 0)};exports.SidebarPopup=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),r=require("../TypographyStyle.js"),m=require("./SidebarStyles.js"),b=s=>{const{top:a,menuList:o,zIndex:l,left:t,onMouseLeaveOnMenu:u,onClickingPopupMenu:d}=s;return e.jsxDEV(m.SidebarPopupContainer,{top:a,theme:"white",zIndex:l,left:t??95,postion:"fixed",children:e.jsxDEV("div",{id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:u,children:o?.map((n,i)=>e.jsxDEV("div",{className:"each-menu",style:{borderBottom:i==o.length-1?"none":void 0},onClick:()=>d(n),children:[e.jsxDEV(r.TitleRegular,{style:{fontSize:14},children:n.displayName},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/SidebarPopup.tsx",lineNumber:48,columnNumber:7},void 0),e.jsxDEV(r.BodySecondary,{style:{fontSize:12},children:n.description},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/SidebarPopup.tsx",lineNumber:51,columnNumber:7},void 0)]},i,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/SidebarPopup.tsx",lineNumber:39,columnNumber:6},void 0))},"_sub-menu",!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/SidebarPopup.tsx",lineNumber:32,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/SidebarPopup.tsx",lineNumber:25,columnNumber:3},void 0)};exports.SidebarPopup=b;
 //# sourceMappingURL=SidebarPopup.js.map