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

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

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 (1818) hide show

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":"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"}
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"),N=require("react-dom"),y=require("../../constants/Theme.js"),x=require("../../assets/icons/cross.svg.js"),r=require("../TypographyStyle.js"),a=require("./CommonStyles.js"),s=require("../button/Button.js"),j=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},v=j(N),M=o=>{const{zIndex:i,disableCross:u=!1,otherContent:t,onClickingCross:l,onUpgrade:n,title:c,subTitle:d,showBookADemo:m,demoLink:b,primaryButtonText:p}=o,f=()=>{window.open(b,"_blank")},h=c||"Upgrade to access this feature",k=d||"This feature is not included in the current plan. Upgrade to get access and use this feature.";return v.default.createPortal(e.jsxDEV(a.FeatureModalContainer,{zIndex:i,children:[!u&&e.jsxDEV("div",{className:"cross-button",onClick:()=>l(),"aria-hidden":"true",children:e.jsxDEV(x.default,{height:20,width:20,color:y.COLORS.surface.subdued},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:54,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:49,columnNumber:5},void 0),e.jsxDEV(a.InnerModalContainer,{children:t?e.jsxDEV(e.Fragment,{children:t},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/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(r.TitleMedium,{className:"title-color",children:h},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:63,columnNumber:8},void 0),e.jsxDEV(r.BodyPrimary,{className:"title-color mt-8",children:k},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:64,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/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/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:70,columnNumber:9},void 0),e.jsxDEV(s.Button,{buttonText:p||"Upgrade plan",buttonType:"primary",size:"large",inverse:!0,onClick:()=>n?n():""},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:78,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:68,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:61,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/FeatureModal.tsx",lineNumber:57,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/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"),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;
 //# 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,~~kGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAiE,CAAA,EALlE,OAAA,GAAA,CAAA,SAAA,~~kGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAQDJ,EAAAA,OAACK,EAAAA,oBAAA,CACC,SAAAjB,EACAY,EAAAA,OAAAM,WAAA,CAAG,SAAAlB,GAAH,OAAA,GAAA,CAAA,SAAA,~~kGAAA~~,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,~~kGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAiD,EACjDJ,SAACQ,EAAAA,YAAA,CAAY,UAAU,mBACrB,SAAAV,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,~~kGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAM,MAEA,CAAA,CAAA,EAJD,OAAA,GAAA,CAAA,SAAA,~~kGAAA~~,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,~~kGAAA~~,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,~~kGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAc,MAAA,CAMA,CAAA,EAhBD,OAAA,GAAA,CAAA,SAAA,~~kGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiBA,CAAA,CAAA,EAxBD,OAAA,GAAA,CAAA,SAAA,~~kGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAyBA,CAAA,EA7BF,OAAA,GAAA,CAAA,SAAA,~~kGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA+BA,CAAA,CAAA,EAzCD,OAAA,GAAA,CAAA,SAAA,~~kGAAA~~,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,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"}

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"),i=require("react"),N=require("react-dom"),x=require("../../constants/Theme.js"),l=require("../TypographyStyle.js"),j=require("./CommonStyles.js"),V=require("../modals/styledModal.js"),g=require("../button/Button.js"),M=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},v=M(N),F=t=>{const{zIndex:c,otherContent:o,onUpgrade:n,title:r,subTitle:u,primaryButtonText:d,onClose:a,featureImage:m,id:b}=t,f=r===void 0?"Start your 14-day free trial to test your AI assistant on your website":r,p=u||"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.",y=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",[h,s]=i.useState(!0);function k(){a&&a(),s(!1)}return v.default.createPortal(e.jsxDEV(V.StyledModal,{zIndex:c,open:h,onClose:k,closeOnOutsideClick:!0,centralContainerStyles:{maxWidth:"568px"},innerModalId:b,children:e.jsxDEV(j.FeatureModalV2Container,{children:o?e.jsxDEV(e.Fragment,{children:o},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/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:y,alt:"general-icon"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:70,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/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:f},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/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:x.COLORS.content.secondary},children:p},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:79,columnNumber:8},void 0),e.jsxDEV("div",{className:"cta-buttons",children:e.jsxDEV(g.Button,{buttonText:d||"Upgrade to growth plan",buttonType:"primary",size:"large",onClick:()=>{n&&n(),s(!1)}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:86,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:85,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:72,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:68,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/FeatureModalV2.tsx",lineNumber:64,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/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"),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;
 //# 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,~~oGAAA~~,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,~~oGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAuC,CAAA,EADxC,OAAA,GAAA,CAAA,SAAA,~~oGAAA~~,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,~~oGAAA~~,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,~~oGAAA~~,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,~~oGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAA,CAQA,EATD,OAAA,GAAA,CAAA,SAAA,~~oGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAUA,CAAA,CAAA,EAvBD,OAAA,GAAA,CAAA,SAAA,~~oGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAwBA,CAAA,CAAA,EA5BD,OAAA,GAAA,CAAA,SAAA,~~oGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA6BA,CAAA,EAjCF,OAAA,GAAA,CAAA,SAAA,~~oGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAmCA,CAAA,EA3CD,OAAA,GAAA,CAAA,SAAA,~~oGAAA~~,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,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"}

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/prateekchouhan/Projects/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/prateekchouhan/Projects/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/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/PageLoader.tsx",lineNumber:18,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/PageLoader.tsx",lineNumber:16,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/PageLoader.tsx",lineNumber:13,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/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"),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;
 //# 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,~~gGAAA~~,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,~~gGAAA~~,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,~~gGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAOA,CAAA,EATD,OAAA,GAAA,CAAA,SAAA,~~gGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAUA,CAAA,CAAA,EAbF,OAAA,GAAA,CAAA,SAAA,~~gGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAeA,CAAA,EAhBD,OAAA,GAAA,CAAA,SAAA,~~gGAAA~~,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,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"}

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"),p=require("react-dom"),f=require("../../constants/Theme.js"),y=require("../../assets/icons/cross.svg.js"),n=require("../TypographyStyle.js"),s=require("./CommonStyles.js"),a=require("../button/Button.js"),k=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},N=k(p),S=o=>{const{zIndex:c,containerType:l,handleButtonClick:u,triggerPosition:t,connectShopifyDescription:d,demoDescription:m}=o,i=b=>{u(b)},r=t&&window.innerHeight-t.top<100,h=t?{position:"fixed",top:r?"auto":t.top,bottom:r?"0":"auto",left:t.left,width:"unset",background:"none"}:{alignItems:"center",height:950,background:"linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 129.71%)"};return N.default.createPortal(e.jsxDEV(s.FeatureModalContainer,{zIndex:c,resetHeight:!0,style:h,relativePostion:!!t,children:e.jsxDEV(s.RelativeModalContainer,{children:[e.jsxDEV("div",{className:"cross-container",onClick:()=>i("close"),"aria-hidden":"true",children:e.jsxDEV(y.default,{height:24,width:24,color:"#000000"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:63,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:58,columnNumber:5},void 0),l=="demo_store"?e.jsxDEV("div",{className:"demo-container",children:[e.jsxDEV(n.TitleMedium,{color:f.COLORS.background.negative.vibrant,children:"Demo Store Limitations"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:67,columnNumber:7},void 0),e.jsxDEV(n.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/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:70,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/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/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:78,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:77,columnNumber:7},void 0),e.jsxDEV("div",{className:"right-content",children:[e.jsxDEV(n.TitleMedium,{children:"Connect Shopify "},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:84,columnNumber:8},void 0),e.jsxDEV(n.BodyPrimary,{style:{maxWidth:432},children:d??"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/prateekchouhan/Projects/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:()=>i("shopify")},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/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:()=>i("demo")},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:96,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:89,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:83,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:76,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:57,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/ShowShopifyRestrictedModal.tsx",lineNumber:51,columnNumber:3},void 0),document.body)};exports.ShowShopifyRestrictedModal=S;
+"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;
 //# 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,~~gHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAoD,CAAA,EALrD,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,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,~~gHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAF,MAEA,EACAJ,EAAAA,OAACO,EAAAA,YAAA,CACC,SAAAb,GACA,mGAAA,EAFF,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAU,MAGA,CAAA,CAAA,EAPD,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,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,~~gHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAA,CAGA,EAJD,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,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,~~gHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAD,MAA6B,EAC7BJ,EAAAA,OAACO,EAAAA,aAAY,MAAO,CAAE,SAAU,KAC9B,YACA,8GAFF,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,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,~~gHAAA~~,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,~~gHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAS,MAAA,CAKA,CAAA,EAZD,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAaA,CAAA,CAAA,EAnBD,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoBA,CAAA,CAAA,EA3BD,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA4BA,CAAA,CAAA,EA/CF,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiDA,CAAA,EAvDD,OAAA,GAAA,CAAA,SAAA,~~gHAAA~~,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"),i=require("../TypographyStyle.js"),m=require("./SidebarStyles.js"),b=s=>{const{top:t,menuList:o,zIndex:u,left:a,onMouseLeaveOnMenu:l,onClickingPopupMenu:c}=s;return e.jsxDEV(m.SidebarPopupContainer,{top:t,theme:"white",zIndex:u,left:a??95,postion:"fixed",children:e.jsxDEV("div",{id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:l,children:o?.map((n,r)=>e.jsxDEV("div",{className:"each-menu",style:{borderBottom:r==o.length-1?"none":void 0},onClick:()=>c(n),children:[e.jsxDEV(i.TitleRegular,{style:{fontSize:14},children:n.displayName},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/SidebarPopup.tsx",lineNumber:48,columnNumber:7},void 0),e.jsxDEV(i.BodySecondary,{style:{fontSize:12},children:n.description},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/SidebarPopup.tsx",lineNumber:51,columnNumber:7},void 0)]},r,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/SidebarPopup.tsx",lineNumber:39,columnNumber:6},void 0))},"_sub-menu",!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/SidebarPopup.tsx",lineNumber:32,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/SidebarPopup.tsx",lineNumber:25,columnNumber:3},void 0)};exports.SidebarPopup=b;
+"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;
 //# sourceMappingURL=SidebarPopup.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SidebarPopup.js","sources":["../../../../src/components/bik-layout/SidebarPopup.tsx"],"sourcesContent":["import { BodySecondary, TitleRegular } from '../TypographyStyle';\nimport { Menu } from './Sidebar.model';\nimport { SidebarPopupContainer } from './SidebarStyles';\n\nexport interface SidebarPopupI {\n\tmenuList: Menu[];\n\twidth?: number;\n\tzIndex?: number;\n\tleft?: number;\n\ttop?: number;\n\tonMouseLeaveOnMenu?: () => void;\n\tonClickingPopupMenu: (menuSelected: Menu, reDirect?: boolean) => void;\n}\n\nexport const SidebarPopup: React.FC<SidebarPopupI> = (sideBarProps) => {\n\tconst {\n\t\ttop,\n\t\tmenuList,\n\t\tzIndex,\n\t\tleft,\n\t\tonMouseLeaveOnMenu,\n\t\tonClickingPopupMenu,\n\t} = sideBarProps;\n\treturn (\n\t\t<SidebarPopupContainer\n\t\t\ttop={top}\n\t\t\ttheme={'white'}\n\t\t\tzIndex={zIndex}\n\t\t\tleft={left ?? 95}\n\t\t\tpostion={'fixed'}\n\t\t>\n\t\t\t<div\n\t\t\t\tid={'_sub-menu'}\n\t\t\t\tkey={'_sub-menu'}\n\t\t\t\tclassName={'sidebar-right-menu' + ' transform-class'}\n\t\t\t\tonMouseLeave={onMouseLeaveOnMenu}\n\t\t\t>\n\t\t\t\t{menuList?.map((child, popupIndex) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"each-menu\"\n\t\t\t\t\t\tkey={popupIndex}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tborderBottom:\n\t\t\t\t\t\t\t\tpopupIndex == menuList.length - 1 ? 'none' : undefined,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={() => onClickingPopupMenu(child)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<TitleRegular style={{ fontSize: 14 }}>\n\t\t\t\t\t\t\t{child.displayName}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t\t<BodySecondary style={{ fontSize: 12 }}>\n\t\t\t\t\t\t\t{child.description}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</SidebarPopupContainer>\n\t);\n};\n"],"names":["SidebarPopup","sideBarProps","top","menuList","zIndex","left","onMouseLeaveOnMenu","onClickingPopupMenu","jsxDEV","SidebarPopupContainer","child","popupIndex","TitleRegular","this","BodySecondary"],"mappings":"4LAcaA,EAAyCC,GAAiB,CACtE,KAAM,CACL,IAAAC,EACA,SAAAC,EACA,OAAAC,EACA,KAAAC,EACA,mBAAAC,EACA,oBAAAC,CAAA,EACGN,EACJ,OACCO,EAAAA,OAACC,EAAAA,sBAAA,CACA,IAAAP,EACA,MAAO,QACP,OAAAE,EACA,KAAMC,GAAQ,GACd,QAAS,QAET,SAAAG,EAAAA,OAAC,MAAA,CACA,GAAI,YAEJ,UAAW,qCACX,aAAcF,EAEb,SAAAH,GAAU,IAAI,CAACO,EAAOC,IACtBH,EAAAA,OAAC,MAAA,CACA,UAAU,YAEV,MAAO,CACN,aACCG,GAAcR,EAAS,OAAS,EAAI,OAAS,MAAA,EAE/C,QAAS,IAAMI,EAAoBG,CAAK,EAExC,SAAA,CAAAF,EAAAA,OAACI,EAAAA,cAAa,MAAO,CAAE,SAAU,IAC/B,WAAM,aADR,OAAA,GAAA,CAAA,SAAA,~~kGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAC,MAEA,EACAL,EAAAA,OAACM,EAAAA,eAAc,MAAO,CAAE,SAAU,IAChC,WAAM,aADR,OAAA,GAAA,CAAA,SAAA,~~kGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAD,MAEA,CAAA,CAAA,EAZKF,EAFN,GAAA,CAAA,SAAA,~~kGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,CAgBA,CAAA,EArBI,YAFN,GAAA,CAAA,SAAA,~~kGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwBA,EA/BD,OAAA,GAAA,CAAA,SAAA,~~kGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAkCF"}
1	+ {"version":3,"file":"SidebarPopup.js","sources":["../../../../src/components/bik-layout/SidebarPopup.tsx"],"sourcesContent":["import { BodySecondary, TitleRegular } from '../TypographyStyle';\nimport { Menu } from './Sidebar.model';\nimport { SidebarPopupContainer } from './SidebarStyles';\n\nexport interface SidebarPopupI {\n\tmenuList: Menu[];\n\twidth?: number;\n\tzIndex?: number;\n\tleft?: number;\n\ttop?: number;\n\tonMouseLeaveOnMenu?: () => void;\n\tonClickingPopupMenu: (menuSelected: Menu, reDirect?: boolean) => void;\n}\n\nexport const SidebarPopup: React.FC<SidebarPopupI> = (sideBarProps) => {\n\tconst {\n\t\ttop,\n\t\tmenuList,\n\t\tzIndex,\n\t\tleft,\n\t\tonMouseLeaveOnMenu,\n\t\tonClickingPopupMenu,\n\t} = sideBarProps;\n\treturn (\n\t\t<SidebarPopupContainer\n\t\t\ttop={top}\n\t\t\ttheme={'white'}\n\t\t\tzIndex={zIndex}\n\t\t\tleft={left ?? 95}\n\t\t\tpostion={'fixed'}\n\t\t>\n\t\t\t<div\n\t\t\t\tid={'_sub-menu'}\n\t\t\t\tkey={'_sub-menu'}\n\t\t\t\tclassName={'sidebar-right-menu' + ' transform-class'}\n\t\t\t\tonMouseLeave={onMouseLeaveOnMenu}\n\t\t\t>\n\t\t\t\t{menuList?.map((child, popupIndex) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"each-menu\"\n\t\t\t\t\t\tkey={popupIndex}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tborderBottom:\n\t\t\t\t\t\t\t\tpopupIndex == menuList.length - 1 ? 'none' : undefined,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={() => onClickingPopupMenu(child)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<TitleRegular style={{ fontSize: 14 }}>\n\t\t\t\t\t\t\t{child.displayName}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t\t<BodySecondary style={{ fontSize: 12 }}>\n\t\t\t\t\t\t\t{child.description}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</SidebarPopupContainer>\n\t);\n};\n"],"names":["SidebarPopup","sideBarProps","top","menuList","zIndex","left","onMouseLeaveOnMenu","onClickingPopupMenu","jsxDEV","SidebarPopupContainer","child","popupIndex","TitleRegular","this","BodySecondary"],"mappings":"4LAcaA,EAAyCC,GAAiB,CACtE,KAAM,CACL,IAAAC,EACA,SAAAC,EACA,OAAAC,EACA,KAAAC,EACA,mBAAAC,EACA,oBAAAC,CAAA,EACGN,EACJ,OACCO,EAAAA,OAACC,EAAAA,sBAAA,CACA,IAAAP,EACA,MAAO,QACP,OAAAE,EACA,KAAMC,GAAQ,GACd,QAAS,QAET,SAAAG,EAAAA,OAAC,MAAA,CACA,GAAI,YAEJ,UAAW,qCACX,aAAcF,EAEb,SAAAH,GAAU,IAAI,CAACO,EAAOC,IACtBH,EAAAA,OAAC,MAAA,CACA,UAAU,YAEV,MAAO,CACN,aACCG,GAAcR,EAAS,OAAS,EAAI,OAAS,MAAA,EAE/C,QAAS,IAAMI,EAAoBG,CAAK,EAExC,SAAA,CAAAF,EAAAA,OAACI,EAAAA,cAAa,MAAO,CAAE,SAAU,IAC/B,WAAM,aADR,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAEA,EACAL,EAAAA,OAACM,EAAAA,eAAc,MAAO,CAAE,SAAU,IAChC,WAAM,aADR,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAEA,CAAA,CAAA,EAZKF,EAFN,GAAA,CAAA,SAAA,gIAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,CAgBA,CAAA,EArBI,YAFN,GAAA,CAAA,SAAA,gIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwBA,EA/BD,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAkCF"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),a=require("./SidebarStyles.js"),l=require("../shimmer/ShimmerComponent/BikShimmer.js"),m=n=>{const{width:i,zIndex:t,left:o,theme:r}=n;return e.jsxDEV(a.SimpleSidebarContainer,{width:i,zIndex:t,left:o,theme:r,children:e.jsxDEV("div",{className:"sidebar-right-menu",children:[...new Array(2)].map(()=>0).map(s=>e.jsxDEV("div",{className:"sidebar-skeleton",children:e.jsxDEV(l.BikShimmer,{boxes:[{height:"24px",width:"100%"},{height:"24px",width:"100%"}],isBrand:r==="brand"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/SidebarSkeleton.tsx",lineNumber:28,columnNumber:8},void 0)},s+"_"+Math.random(),!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/SidebarSkeleton.tsx",lineNumber:27,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/SidebarSkeleton.tsx",lineNumber:23,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/SidebarSkeleton.tsx",lineNumber:17,columnNumber:3},void 0)};exports.SidebarSkeleton=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),t=require("./SidebarStyles.js"),l=require("../shimmer/ShimmerComponent/BikShimmer.js"),m=r=>{const{width:n,zIndex:o,left:s,theme:i}=r;return e.jsxDEV(t.SimpleSidebarContainer,{width:n,zIndex:o,left:s,theme:i,children:e.jsxDEV("div",{className:"sidebar-right-menu",children:[...new Array(2)].map(()=>0).map(a=>e.jsxDEV("div",{className:"sidebar-skeleton",children:e.jsxDEV(l.BikShimmer,{boxes:[{height:"24px",width:"100%"},{height:"24px",width:"100%"}],isBrand:i==="brand"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/SidebarSkeleton.tsx",lineNumber:28,columnNumber:8},void 0)},a+"_"+Math.random(),!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/SidebarSkeleton.tsx",lineNumber:27,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/SidebarSkeleton.tsx",lineNumber:23,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/SidebarSkeleton.tsx",lineNumber:17,columnNumber:3},void 0)};exports.SidebarSkeleton=m;
 //# sourceMappingURL=SidebarSkeleton.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SidebarSkeleton.js","sources":["../../../../src/components/bik-layout/SidebarSkeleton.tsx"],"sourcesContent":["import { BikShimmer } from '../shimmer';\nimport { SidebarTheme } from './Sidebar.model';\nimport { SimpleSidebarContainer } from './SidebarStyles';\n\nexport interface BikSidebarShimmerProps {\n\ttheme: SidebarTheme;\n\twidth?: number;\n\tzIndex?: number;\n\tleft?: number;\n}\n\nexport const SidebarSkeleton: React.FC<BikSidebarShimmerProps> = (\n\tbikSidebarShimmerProps,\n) => {\n\tconst { width, zIndex, left, theme } = bikSidebarShimmerProps;\n\treturn (\n\t\t<SimpleSidebarContainer\n\t\t\twidth={width}\n\t\t\tzIndex={zIndex}\n\t\t\tleft={left}\n\t\t\ttheme={theme}\n\t\t>\n\t\t\t<div className={'sidebar-right-menu'}>\n\t\t\t\t{[...new Array(2)]\n\t\t\t\t\t.map(() => 0)\n\t\t\t\t\t.map((key) => (\n\t\t\t\t\t\t<div className=\"sidebar-skeleton\" key={key + '_' + Math.random()}>\n\t\t\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t\t\t{ height: '24px', width: '100%' },\n\t\t\t\t\t\t\t\t\t{ height: '24px', width: '100%' },\n\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\tisBrand={theme === 'brand'}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t</SimpleSidebarContainer>\n\t);\n};\n"],"names":["SidebarSkeleton","bikSidebarShimmerProps","width","zIndex","left","theme","jsxDEV","SimpleSidebarContainer","key","BikShimmer","this"],"mappings":"gNAWaA,EACZC,GACI,CACJ,KAAM,CAAE,MAAAC,EAAO,OAAAC,EAAQ,KAAAC,EAAM,MAAAC,GAAUJ,EACvC,OACCK,EAAAA,OAACC,EAAAA,uBAAA,CACA,MAAAL,EACA,OAAAC,EACA,KAAAC,EACA,MAAAC,EAEA,SAAAC,EAAAA,OAAC,OAAI,UAAW,qBACd,UAAC,GAAG,IAAI,MAAM,CAAC,CAAC,EACf,IAAI,IAAM,CAAC,EACX,IAAKE,GACLF,EAAAA,OAAC,MAAA,CAAI,UAAU,mBACd,SAAAA,EAAAA,OAACG,EAAAA,WAAA,CACA,MAAO,CACN,CAAE,OAAQ,OAAQ,MAAO,MAAA,EACzB,CAAE,OAAQ,OAAQ,MAAO,MAAA,CAAO,EAEjC,QAASJ,IAAU,OAAA,EALpB,OAAA,GAAA,CAAA,SAAA,~~qGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,CAMA,EAPsCF,EAAM,IAAM,KAAK,SAAxD,GAAA,CAAA,SAAA,~~qGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAE,MAQA,CACA,GAbH,OAAA,GAAA,CAAA,SAAA,~~qGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAcA,CAAA,EApBD,OAAA,GAAA,CAAA,SAAA,~~qGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAuBF"}
1	+ {"version":3,"file":"SidebarSkeleton.js","sources":["../../../../src/components/bik-layout/SidebarSkeleton.tsx"],"sourcesContent":["import { BikShimmer } from '../shimmer';\nimport { SidebarTheme } from './Sidebar.model';\nimport { SimpleSidebarContainer } from './SidebarStyles';\n\nexport interface BikSidebarShimmerProps {\n\ttheme: SidebarTheme;\n\twidth?: number;\n\tzIndex?: number;\n\tleft?: number;\n}\n\nexport const SidebarSkeleton: React.FC<BikSidebarShimmerProps> = (\n\tbikSidebarShimmerProps,\n) => {\n\tconst { width, zIndex, left, theme } = bikSidebarShimmerProps;\n\treturn (\n\t\t<SimpleSidebarContainer\n\t\t\twidth={width}\n\t\t\tzIndex={zIndex}\n\t\t\tleft={left}\n\t\t\ttheme={theme}\n\t\t>\n\t\t\t<div className={'sidebar-right-menu'}>\n\t\t\t\t{[...new Array(2)]\n\t\t\t\t\t.map(() => 0)\n\t\t\t\t\t.map((key) => (\n\t\t\t\t\t\t<div className=\"sidebar-skeleton\" key={key + '_' + Math.random()}>\n\t\t\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t\t\t{ height: '24px', width: '100%' },\n\t\t\t\t\t\t\t\t\t{ height: '24px', width: '100%' },\n\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\tisBrand={theme === 'brand'}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t</SimpleSidebarContainer>\n\t);\n};\n"],"names":["SidebarSkeleton","bikSidebarShimmerProps","width","zIndex","left","theme","jsxDEV","SimpleSidebarContainer","key","BikShimmer","this"],"mappings":"gNAWaA,EACZC,GACI,CACJ,KAAM,CAAE,MAAAC,EAAO,OAAAC,EAAQ,KAAAC,EAAM,MAAAC,GAAUJ,EACvC,OACCK,EAAAA,OAACC,EAAAA,uBAAA,CACA,MAAAL,EACA,OAAAC,EACA,KAAAC,EACA,MAAAC,EAEA,SAAAC,EAAAA,OAAC,OAAI,UAAW,qBACd,UAAC,GAAG,IAAI,MAAM,CAAC,CAAC,EACf,IAAI,IAAM,CAAC,EACX,IAAKE,GACLF,EAAAA,OAAC,MAAA,CAAI,UAAU,mBACd,SAAAA,EAAAA,OAACG,EAAAA,WAAA,CACA,MAAO,CACN,CAAE,OAAQ,OAAQ,MAAO,MAAA,EACzB,CAAE,OAAQ,OAAQ,MAAO,MAAA,CAAO,EAEjC,QAASJ,IAAU,OAAA,EALpB,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,CAMA,EAPsCF,EAAM,IAAM,KAAK,SAAxD,GAAA,CAAA,SAAA,mIAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAQA,CACA,GAbH,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAcA,CAAA,EApBD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAuBF"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),g=require("react"),U=require("../../constants/Theme.js"),E=require("../navigation-hyperlink/NavigationHyperlink.js"),a=require("../TypographyStyle.js"),P=require("./SidebarStyles.js"),D=require("../button/Button.js"),V=u=>{const{menuList:c,activeMenu:m,theme:i,showAccessUpgradePanel:b=!1,header:d,width:p,zIndex:N,left:k,postion:y,top:h,router:S,onMouseLeaveOnMenu:f,onMouseEnterOnMenu:x,onMenuClick:v,onUpgrade:o,isNewSidebar:t}=u,[s,j]=g.useState(m),l=(e,r)=>n.jsxDEV("div",{className:`sub-child-menu  ${s?.key==e?.key?"sub-child-active-menu":""}`,onClick:()=>{j(e),v(e,!e.page)},"aria-hidden":"true",children:[n.jsxDEV("span",{className:s?.key==e?.key&&i=="brand"?"sub-child-active-text":""},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:45,columnNumber:5},void 0),n.jsxDEV(a.BodySecondary,{className:`sub-child-text ${s?.key==e?.key&&i=="white"?"active-bold-weight":""}`,children:e?.displayName},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:52,columnNumber:5},void 0),e.isNew&&n.jsxDEV("div",{className:"sub-child-new-tag",children:"NEW"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:61,columnNumber:21},void 0)]},r,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:34,columnNumber:4},void 0);return n.jsxDEV(P.SimpleSidebarContainer,{width:p,zIndex:N,left:k,theme:i,postion:y,top:h,isNewSidebar:t,children:n.jsxDEV("div",{id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:f,onMouseEnter:x,children:[n.jsxDEV("div",{children:[!t&&n.jsxDEV(a.BodySecondary,{className:"sub-child-display-name",children:d},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:85,columnNumber:7},void 0),c?.map((e,r)=>e.page?n.jsxDEV(E.NavigationHyperlink,{href:e.page,router:S,children:l(e,r)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:92,columnNumber:8},void 0):l(e,r))]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:83,columnNumber:5},void 0),b&&n.jsxDEV("div",{className:"lower-sticky-panel",children:[n.jsxDEV(a.TitleSmall,{className:"title-text",style:{color:U.COLORS.surface.standard},children:"Upgrade plan to access this feature."},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:102,columnNumber:7},void 0),n.jsxDEV(D.Button,{className:"upgrade-button",buttonText:"Upgrade plan",buttonType:"primary",size:"small",inverse:!0,onClick:()=>o?o():""},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:108,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:101,columnNumber:6},void 0)]},"_sub-menu",!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:76,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:67,columnNumber:3},void 0)};exports.SimpleSidebar=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),g=require("react"),U=require("../../constants/Theme.js"),E=require("../navigation-hyperlink/NavigationHyperlink.js"),a=require("../TypographyStyle.js"),j=require("./SidebarStyles.js"),W=require("../button/Button.js"),V=m=>{const{menuList:u,activeMenu:b,theme:r,showAccessUpgradePanel:c=!1,header:p,width:d,zIndex:k,left:y,postion:v,top:N,router:h,onMouseLeaveOnMenu:S,onMouseEnterOnMenu:f,onMenuClick:x,onUpgrade:o,isNewSidebar:t}=m,[s,D]=g.useState(b),l=(e,n)=>i.jsxDEV("div",{className:`sub-child-menu  ${s?.key==e?.key?"sub-child-active-menu":""}`,onClick:()=>{D(e),x(e,!e.page)},"aria-hidden":"true",children:[i.jsxDEV("span",{className:s?.key==e?.key&&r=="brand"?"sub-child-active-text":""},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:45,columnNumber:5},void 0),i.jsxDEV(a.BodySecondary,{className:`sub-child-text ${s?.key==e?.key&&r=="white"?"active-bold-weight":""}`,children:e?.displayName},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:52,columnNumber:5},void 0),e.isNew&&i.jsxDEV("div",{className:"sub-child-new-tag",children:"NEW"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:61,columnNumber:21},void 0)]},n,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:34,columnNumber:4},void 0);return i.jsxDEV(j.SimpleSidebarContainer,{width:d,zIndex:k,left:y,theme:r,postion:v,top:N,isNewSidebar:t,children:i.jsxDEV("div",{id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:S,onMouseEnter:f,children:[i.jsxDEV("div",{children:[!t&&i.jsxDEV(a.BodySecondary,{className:"sub-child-display-name",children:p},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:85,columnNumber:7},void 0),u?.map((e,n)=>e.page?i.jsxDEV(E.NavigationHyperlink,{href:e.page,router:h,children:l(e,n)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:92,columnNumber:8},void 0):l(e,n))]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:83,columnNumber:5},void 0),c&&i.jsxDEV("div",{className:"lower-sticky-panel",children:[i.jsxDEV(a.TitleSmall,{className:"title-text",style:{color:U.COLORS.surface.standard},children:"Upgrade plan to access this feature."},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:102,columnNumber:7},void 0),i.jsxDEV(W.Button,{className:"upgrade-button",buttonText:"Upgrade plan",buttonType:"primary",size:"small",inverse:!0,onClick:()=>o?o():""},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:108,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:101,columnNumber:6},void 0)]},"_sub-menu",!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:76,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/bik-layout/SimpleSidebar.tsx",lineNumber:67,columnNumber:3},void 0)};exports.SimpleSidebar=V;
 //# sourceMappingURL=SimpleSidebar.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SimpleSidebar.js","sources":["../../../../src/components/bik-layout/SimpleSidebar.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button } from '../button';\nimport { NavigationHyperlink } from '../navigation-hyperlink/NavigationHyperlink';\nimport { BodySecondary, TitleSmall } from '../TypographyStyle';\nimport { Menu, SimpleSidebarProps } from './Sidebar.model';\nimport { SimpleSidebarContainer } from './SidebarStyles';\n\nexport const SimpleSidebar: React.FC<SimpleSidebarProps> = (\n\tsimpleSidebarProps,\n) => {\n\tconst {\n\t\tmenuList,\n\t\tactiveMenu,\n\t\ttheme,\n\t\tshowAccessUpgradePanel = false,\n\t\theader,\n\t\twidth,\n\t\tzIndex,\n\t\tleft,\n\t\tpostion,\n\t\ttop,\n\t\trouter,\n\t\tonMouseLeaveOnMenu,\n\t\tonMouseEnterOnMenu,\n\t\tonMenuClick,\n\t\tonUpgrade,\n\t\tisNewSidebar,\n\t} = simpleSidebarProps;\n\n\tconst [isActiveMenu, setIsActiveMenu] = useState(activeMenu);\n\tconst getChildSideBar = (child: Menu, hoveredIndex: number) => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={`sub-child-menu ${\n\t\t\t\t\tisActiveMenu?.key == child?.key ? 'sub-child-active-menu' : ''\n\t\t\t\t}`}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tsetIsActiveMenu(child);\n\t\t\t\t\tonMenuClick(child, !child.page);\n\t\t\t\t}}\n\t\t\t\tkey={hoveredIndex}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclassName={\n\t\t\t\t\t\tisActiveMenu?.key == child?.key && theme == 'brand'\n\t\t\t\t\t\t\t? 'sub-child-active-text'\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<BodySecondary\n\t\t\t\t\tclassName={`sub-child-text ${\n\t\t\t\t\t\tisActiveMenu?.key == child?.key && theme == 'white'\n\t\t\t\t\t\t\t? 'active-bold-weight'\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}`}\n\t\t\t\t>\n\t\t\t\t\t{child?.displayName}\n\t\t\t\t</BodySecondary>\n\t\t\t\t{child.isNew && <div className=\"sub-child-new-tag\">NEW</div>}\n\t\t\t</div>\n\t\t);\n\t};\n\n\treturn (\n\t\t<SimpleSidebarContainer\n\t\t\twidth={width}\n\t\t\tzIndex={zIndex}\n\t\t\tleft={left}\n\t\t\ttheme={theme}\n\t\t\tpostion={postion}\n\t\t\ttop={top}\n\t\t\tisNewSidebar={isNewSidebar}\n\t\t>\n\t\t\t<div\n\t\t\t\tid={'_sub-menu'}\n\t\t\t\tkey={'_sub-menu'}\n\t\t\t\tclassName={'sidebar-right-menu' + ' transform-class'}\n\t\t\t\tonMouseLeave={onMouseLeaveOnMenu}\n\t\t\t\tonMouseEnter={onMouseEnterOnMenu}\n\t\t\t>\n\t\t\t\t<div>\n\t\t\t\t\t{!isNewSidebar && (\n\t\t\t\t\t\t<BodySecondary className=\"sub-child-display-name\">\n\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{menuList?.map((child, hoveredIndex) => {\n\t\t\t\t\t\treturn child.page ? (\n\t\t\t\t\t\t\t<NavigationHyperlink href={child.page} router={router}>\n\t\t\t\t\t\t\t\t{getChildSideBar(child, hoveredIndex)}\n\t\t\t\t\t\t\t</NavigationHyperlink>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\tgetChildSideBar(child, hoveredIndex)\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t\t{showAccessUpgradePanel && (\n\t\t\t\t\t<div className=\"lower-sticky-panel\">\n\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\tclassName=\"title-text\"\n\t\t\t\t\t\t\tstyle={{ color: COLORS.surface.standard }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tUpgrade plan to access this feature.\n\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"upgrade-button\"\n\t\t\t\t\t\t\tbuttonText=\"Upgrade plan\"\n\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tinverse\n\t\t\t\t\t\t\tonClick={() => (onUpgrade ? onUpgrade() : '')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</SimpleSidebarContainer>\n\t);\n};\n"],"names":["SimpleSidebar","simpleSidebarProps","menuList","activeMenu","theme","showAccessUpgradePanel","header","width","zIndex","left","postion","top","router","onMouseLeaveOnMenu","onMouseEnterOnMenu","onMenuClick","onUpgrade","isNewSidebar","isActiveMenu","setIsActiveMenu","useState","getChildSideBar","child","hoveredIndex","jsxDEV","this","BodySecondary","SimpleSidebarContainer","NavigationHyperlink","TitleSmall","COLORS","Button"],"mappings":"kVAQaA,EACZC,GACI,CACJ,KAAM,CACL,SAAAC,EACA,WAAAC,EACA,MAAAC,EACA,uBAAAC,EAAyB,GACzB,OAAAC,EACA,MAAAC,EACA,OAAAC,EACA,KAAAC,EACA,QAAAC,EACA,IAAAC,EACA,OAAAC,EACA,mBAAAC,EACA,mBAAAC,EACA,YAAAC,EACA,UAAAC,EACA,aAAAC,CAAA,EACGhB,EAEE,CAACiB,EAAcC,CAAe,EAAIC,EAAAA,SAASjB,CAAU,EACrDkB,EAAkB,CAACC,EAAaC,IAEpCC,EAAAA,OAAC,MAAA,CACA,UAAW,mBACVN,GAAc,KAAOI,GAAO,IAAM,wBAA0B,EAC7D,GACA,QAAS,IAAM,CACdH,EAAgBG,CAAK,EACrBP,EAAYO,EAAO,CAACA,EAAM,IAAI,CAC/B,EAEA,cAAY,OAEZ,SAAA,CAAAE,EAAAA,OAAC,OAAA,CACA,UACCN,GAAc,KAAOI,GAAO,KAAOlB,GAAS,QACzC,wBACA,EAAA,EAJL,OAAA,GAAA,CAAA,SAAA,~~mGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAqB,MAAA,EAOAD,EAAAA,OAACE,EAAAA,cAAA,CACA,UAAW,kBACVR,GAAc,KAAOI,GAAO,KAAOlB,GAAS,QACzC,qBACA,EACJ,GAEC,SAAAkB,GAAO,WAAA,EAPT,OAAA,GAAA,CAAA,SAAA,~~mGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,EASCH,EAAM,OAASE,SAAC,MAAA,CAAI,UAAU,oBAAoB,SAAA,OAAnC,OAAA,GAAA,CAAA,SAAA,~~mGAAA~~,WAAA,GAAA,aAAA,EAAA,EAAAC,MAAsC,CAAA,CAAA,EAnBjDF,EARN,GAAA,CAAA,SAAA,~~mGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,EAgCF,OACCD,EAAAA,OAACG,EAAAA,uBAAA,CACA,MAAApB,EACA,OAAAC,EACA,KAAAC,EACA,MAAAL,EACA,QAAAM,EACA,IAAAC,EACA,aAAAM,EAEA,SAAAO,EAAAA,OAAC,MAAA,CACA,GAAI,YAEJ,UAAW,qCACX,aAAcX,EACd,aAAcC,EAEd,SAAA,CAAAU,SAAC,MAAA,CACC,SAAA,CAAA,CAACP,GACDO,EAAAA,OAACE,EAAAA,cAAA,CAAc,UAAU,yBACvB,SAAApB,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,~~mGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAmB,MAEA,EAGAvB,GAAU,IAAI,CAACoB,EAAOC,IACfD,EAAM,KACZE,EAAAA,OAACI,EAAAA,oBAAA,CAAoB,KAAMN,EAAM,KAAM,OAAAV,EACrC,SAAAS,EAAgBC,EAAOC,CAAY,CAAA,EADrC,OAAA,GAAA,CAAA,SAAA,~~mGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAE,MAEA,EAEAJ,EAAgBC,EAAOC,CAAY,CAEpC,CAAA,CAAA,EAfF,OAAA,GAAA,CAAA,SAAA,~~mGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAE,MAgBA,EACCpB,GACAmB,EAAAA,OAAC,MAAA,CAAI,UAAU,qBACd,SAAA,CAAAA,EAAAA,OAACK,EAAAA,WAAA,CACA,UAAU,aACV,MAAO,CAAE,MAAOC,SAAO,QAAQ,QAAA,EAC/B,SAAA,sCAAA,EAHD,OAAA,GAAA,CAAA,SAAA,~~mGAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAL,MAAA,EAMAD,EAAAA,OAACO,EAAAA,OAAA,CACA,UAAU,iBACV,WAAW,eACX,WAAW,UACX,KAAK,QACL,QAAO,GACP,QAAS,IAAOf,EAAYA,IAAc,EAAA,EAN3C,OAAA,GAAA,CAAA,SAAA,~~mGAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAS,MAAA,CAOA,CAAA,EAdD,OAAA,GAAA,CAAA,SAAA,~~mGAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAeA,CAAA,CAAA,EAtCI,YAFN,GAAA,CAAA,SAAA,~~mGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA0CA,EAnDD,OAAA,GAAA,CAAA,SAAA,~~mGAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAsDF"}
1	+ {"version":3,"file":"SimpleSidebar.js","sources":["../../../../src/components/bik-layout/SimpleSidebar.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button } from '../button';\nimport { NavigationHyperlink } from '../navigation-hyperlink/NavigationHyperlink';\nimport { BodySecondary, TitleSmall } from '../TypographyStyle';\nimport { Menu, SimpleSidebarProps } from './Sidebar.model';\nimport { SimpleSidebarContainer } from './SidebarStyles';\n\nexport const SimpleSidebar: React.FC<SimpleSidebarProps> = (\n\tsimpleSidebarProps,\n) => {\n\tconst {\n\t\tmenuList,\n\t\tactiveMenu,\n\t\ttheme,\n\t\tshowAccessUpgradePanel = false,\n\t\theader,\n\t\twidth,\n\t\tzIndex,\n\t\tleft,\n\t\tpostion,\n\t\ttop,\n\t\trouter,\n\t\tonMouseLeaveOnMenu,\n\t\tonMouseEnterOnMenu,\n\t\tonMenuClick,\n\t\tonUpgrade,\n\t\tisNewSidebar,\n\t} = simpleSidebarProps;\n\n\tconst [isActiveMenu, setIsActiveMenu] = useState(activeMenu);\n\tconst getChildSideBar = (child: Menu, hoveredIndex: number) => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={`sub-child-menu ${\n\t\t\t\t\tisActiveMenu?.key == child?.key ? 'sub-child-active-menu' : ''\n\t\t\t\t}`}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tsetIsActiveMenu(child);\n\t\t\t\t\tonMenuClick(child, !child.page);\n\t\t\t\t}}\n\t\t\t\tkey={hoveredIndex}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclassName={\n\t\t\t\t\t\tisActiveMenu?.key == child?.key && theme == 'brand'\n\t\t\t\t\t\t\t? 'sub-child-active-text'\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<BodySecondary\n\t\t\t\t\tclassName={`sub-child-text ${\n\t\t\t\t\t\tisActiveMenu?.key == child?.key && theme == 'white'\n\t\t\t\t\t\t\t? 'active-bold-weight'\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}`}\n\t\t\t\t>\n\t\t\t\t\t{child?.displayName}\n\t\t\t\t</BodySecondary>\n\t\t\t\t{child.isNew && <div className=\"sub-child-new-tag\">NEW</div>}\n\t\t\t</div>\n\t\t);\n\t};\n\n\treturn (\n\t\t<SimpleSidebarContainer\n\t\t\twidth={width}\n\t\t\tzIndex={zIndex}\n\t\t\tleft={left}\n\t\t\ttheme={theme}\n\t\t\tpostion={postion}\n\t\t\ttop={top}\n\t\t\tisNewSidebar={isNewSidebar}\n\t\t>\n\t\t\t<div\n\t\t\t\tid={'_sub-menu'}\n\t\t\t\tkey={'_sub-menu'}\n\t\t\t\tclassName={'sidebar-right-menu' + ' transform-class'}\n\t\t\t\tonMouseLeave={onMouseLeaveOnMenu}\n\t\t\t\tonMouseEnter={onMouseEnterOnMenu}\n\t\t\t>\n\t\t\t\t<div>\n\t\t\t\t\t{!isNewSidebar && (\n\t\t\t\t\t\t<BodySecondary className=\"sub-child-display-name\">\n\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{menuList?.map((child, hoveredIndex) => {\n\t\t\t\t\t\treturn child.page ? (\n\t\t\t\t\t\t\t<NavigationHyperlink href={child.page} router={router}>\n\t\t\t\t\t\t\t\t{getChildSideBar(child, hoveredIndex)}\n\t\t\t\t\t\t\t</NavigationHyperlink>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\tgetChildSideBar(child, hoveredIndex)\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t\t{showAccessUpgradePanel && (\n\t\t\t\t\t<div className=\"lower-sticky-panel\">\n\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\tclassName=\"title-text\"\n\t\t\t\t\t\t\tstyle={{ color: COLORS.surface.standard }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tUpgrade plan to access this feature.\n\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"upgrade-button\"\n\t\t\t\t\t\t\tbuttonText=\"Upgrade plan\"\n\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tinverse\n\t\t\t\t\t\t\tonClick={() => (onUpgrade ? onUpgrade() : '')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</SimpleSidebarContainer>\n\t);\n};\n"],"names":["SimpleSidebar","simpleSidebarProps","menuList","activeMenu","theme","showAccessUpgradePanel","header","width","zIndex","left","postion","top","router","onMouseLeaveOnMenu","onMouseEnterOnMenu","onMenuClick","onUpgrade","isNewSidebar","isActiveMenu","setIsActiveMenu","useState","getChildSideBar","child","hoveredIndex","jsxDEV","this","BodySecondary","SimpleSidebarContainer","NavigationHyperlink","TitleSmall","COLORS","Button"],"mappings":"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"}

package/dist/cjs/components/button/Button.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),m=require("react"),k=require("./Button.styled.js"),a=require("./themes.js"),g=require("../spinner/Spinner.js"),w=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},i=w(m),B=m.forwardRef(({version:t,id:y,buttonType:n="primary",size:o="small",buttonText:d,disabled:s,IconComponent:b,LeadingIcon:p,TrailingIcon:f,isLoading:r,inverse:c,onClick:v,matchParentWidth:E,subtitle:D,darkMode:N,activated:P,error:U,buttonTextColor:V,buttonFontSize:S,customIconColor:l,buttonColor:q,LeadingIconStyles:C,...h},R)=>{const _=a.GetButtonTextComponent(o,n,s),x=a.getButtonIconColor(o,n,c,s,r,N),u=m.useCallback(()=>{const j=o==="chip"?16:20;return{height:j,width:j,color:l||x,style:{display:"block"},className:"icon"}},[o,l,x]);return e.jsxDEV(k.Button,{"data-test":h["data-test"],version:t,onClick:r?()=>{}:v,ref:R,id:y,disabled:s,size:o,buttonType:n,isLoading:r,inverse:c,matchParentWidth:E,darkMode:N,activated:P,error:U,buttonColor:q,...h,children:e.jsxDEV("div",{className:"button-container",children:[n.startsWith("dash")&&e.jsxDEV(k.ButtonCustomDashedBorder,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/button/Button.tsx",lineNumber:93,columnNumber:40},void 0),e.jsxDEV("div",{className:"overlay-container",children:r&&e.jsxDEV(g.Spinner,{className:"spinner",size:"small",color:a.SpinnerColorMap(n,c)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/button/Button.tsx",lineNumber:96,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/button/Button.tsx",lineNumber:94,columnNumber:6},void 0),b&&e.jsxDEV("div",{className:"icon-component",children:i.default.createElement(b,u())},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/button/Button.tsx",lineNumber:104,columnNumber:7},void 0),p&&e.jsxDEV("div",{className:"icon-leading",style:{zIndex:1,...C},children:i.default.createElement(p,u())},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/button/Button.tsx",lineNumber:109,columnNumber:7},void 0),d?e.jsxDEV(_,{className:"text",style:{color:V,fontSize:S},children:[d,e.jsxDEV("div",{className:"text-subtitle",children:D},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/button/Button.tsx",lineNumber:125,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/button/Button.tsx",lineNumber:117,columnNumber:7},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/button/Button.tsx",lineNumber:128,columnNumber:7},void 0),f&&e.jsxDEV("div",{className:"icon-trailing",style:{zIndex:1},children:i.default.createElement(f,u())},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/button/Button.tsx",lineNumber:131,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/button/Button.tsx",lineNumber:92,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/button/Button.tsx",lineNumber:68,columnNumber:4},void 0)});B.displayName="Button";exports.Button=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),u=require("react"),y=require("./Button.styled.js"),m=require("./themes.js"),g=require("../spinner/Spinner.js"),w=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},c=w(u),x=u.forwardRef(({version:n,id:D,buttonType:t="primary",size:o="small",buttonText:b,disabled:r,IconComponent:d,LeadingIcon:p,TrailingIcon:k,isLoading:s,inverse:i,onClick:B,matchParentWidth:E,subtitle:j,darkMode:f,activated:W,error:U,buttonTextColor:V,buttonFontSize:S,customIconColor:a,buttonColor:q,LeadingIconStyles:C,...N},R)=>{const _=m.GetButtonTextComponent(o,t,r),v=m.getButtonIconColor(o,t,i,r,s,f),l=u.useCallback(()=>{const h=o==="chip"?16:20;return{height:h,width:h,color:a||v,style:{display:"block"},className:"icon"}},[o,a,v]);return e.jsxDEV(y.Button,{"data-test":N["data-test"],version:n,onClick:s?()=>{}:B,ref:R,id:D,disabled:r,size:o,buttonType:t,isLoading:s,inverse:i,matchParentWidth:E,darkMode:f,activated:W,error:U,buttonColor:q,...N,children:e.jsxDEV("div",{className:"button-container",children:[t.startsWith("dash")&&e.jsxDEV(y.ButtonCustomDashedBorder,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/button/Button.tsx",lineNumber:93,columnNumber:40},void 0),e.jsxDEV("div",{className:"overlay-container",children:s&&e.jsxDEV(g.Spinner,{className:"spinner",size:"small",color:m.SpinnerColorMap(t,i)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/button/Button.tsx",lineNumber:96,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/button/Button.tsx",lineNumber:94,columnNumber:6},void 0),d&&e.jsxDEV("div",{className:"icon-component",children:c.default.createElement(d,l())},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/button/Button.tsx",lineNumber:104,columnNumber:7},void 0),p&&e.jsxDEV("div",{className:"icon-leading",style:{zIndex:1,...C},children:c.default.createElement(p,l())},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/button/Button.tsx",lineNumber:109,columnNumber:7},void 0),b?e.jsxDEV(_,{className:"text",style:{color:V,fontSize:S},children:[b,e.jsxDEV("div",{className:"text-subtitle",children:j},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/button/Button.tsx",lineNumber:125,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/button/Button.tsx",lineNumber:117,columnNumber:7},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/button/Button.tsx",lineNumber:128,columnNumber:7},void 0),k&&e.jsxDEV("div",{className:"icon-trailing",style:{zIndex:1},children:c.default.createElement(k,l())},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/button/Button.tsx",lineNumber:131,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/button/Button.tsx",lineNumber:92,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/button/Button.tsx",lineNumber:68,columnNumber:4},void 0)});x.displayName="Button";exports.Button=x;
 //# sourceMappingURL=Button.js.map

package/dist/cjs/components/button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import { forwardRef, useCallback } from 'react';\nimport React from 'react';\nimport { Spinner } from '../spinner';\nimport * as Sc from './Button.styled';\nimport { ButtonProps } from './model';\nimport {\n\tgetButtonIconColor,\n\tGetButtonTextComponent,\n\tSpinnerColorMap,\n} from './themes';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n\t(\n\t\t{\n\t\t\tversion,\n\t\t\tid,\n\t\t\tbuttonType = 'primary',\n\t\t\tsize = 'small',\n\t\t\tbuttonText,\n\t\t\tdisabled,\n\t\t\tIconComponent,\n\t\t\tLeadingIcon,\n\t\t\tTrailingIcon,\n\t\t\tisLoading,\n\t\t\tinverse,\n\t\t\tonClick,\n\t\t\tmatchParentWidth,\n\t\t\tsubtitle,\n\t\t\tdarkMode,\n\t\t\tactivated,\n\t\t\terror,\n\t\t\tbuttonTextColor,\n\t\t\tbuttonFontSize,\n\t\t\tcustomIconColor,\n\t\t\tbuttonColor,\n\t\t\tLeadingIconStyles,\n\t\t\t...rest\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst ButtonTextElement = GetButtonTextComponent(\n\t\t\tsize,\n\t\t\tbuttonType,\n\t\t\tdisabled,\n\t\t);\n\n\t\tconst iconColor = getButtonIconColor(\n\t\t\tsize,\n\t\t\tbuttonType,\n\t\t\tinverse,\n\t\t\tdisabled,\n\t\t\tisLoading,\n\t\t\tdarkMode,\n\t\t);\n\n\t\tconst getIconProps = useCallback(() => {\n\t\t\tconst iconSize = size === 'chip' ? 16 : 20;\n\t\t\treturn {\n\t\t\t\theight: iconSize,\n\t\t\t\twidth: iconSize,\n\t\t\t\tcolor: customIconColor ? customIconColor : iconColor,\n\t\t\t\tstyle: { display: 'block' },\n\t\t\t\tclassName: 'icon',\n\t\t\t};\n\t\t}, [size, customIconColor, iconColor]);\n\n\t\treturn (\n\t\t\t<Sc.Button\n\t\t\t\tdata-test={rest['data-test']}\n\t\t\t\tversion={version}\n\t\t\t\tonClick={\n\t\t\t\t\tisLoading\n\t\t\t\t\t\t? () => {\n\t\t\t\t\t\t\t\t// Do nothing\n\t\t\t\t\t\t }\n\t\t\t\t\t\t: onClick\n\t\t\t\t}\n\t\t\t\tref={ref}\n\t\t\t\tid={id}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tsize={size}\n\t\t\t\tbuttonType={buttonType}\n\t\t\t\tisLoading={isLoading}\n\t\t\t\tinverse={inverse}\n\t\t\t\tmatchParentWidth={matchParentWidth}\n\t\t\t\tdarkMode={darkMode}\n\t\t\t\tactivated={activated}\n\t\t\t\terror={error}\n\t\t\t\tbuttonColor={buttonColor}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t<div className=\"button-container\">\n\t\t\t\t\t{buttonType.startsWith('dash') && <Sc.ButtonCustomDashedBorder />}\n\t\t\t\t\t<div className=\"overlay-container\">\n\t\t\t\t\t\t{isLoading && (\n\t\t\t\t\t\t\t<Spinner\n\t\t\t\t\t\t\t\tclassName=\"spinner\"\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tcolor={SpinnerColorMap(buttonType, inverse)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{IconComponent && (\n\t\t\t\t\t\t<div className=\"icon-component\">\n\t\t\t\t\t\t\t{React.createElement(IconComponent, getIconProps())}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{LeadingIcon && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\tstyle={{ zIndex: 1, ...LeadingIconStyles }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(LeadingIcon, getIconProps())}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{buttonText ? (\n\t\t\t\t\t\t<ButtonTextElement\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tcolor: buttonTextColor,\n\t\t\t\t\t\t\t\tfontSize: buttonFontSize,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{buttonText}\n\t\t\t\t\t\t\t<div className=\"text-subtitle\">{subtitle}</div>\n\t\t\t\t\t\t</ButtonTextElement>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t\t{TrailingIcon && (\n\t\t\t\t\t\t<div className=\"icon-trailing\" style={{ zIndex: 1 }}>\n\t\t\t\t\t\t\t{React.createElement(TrailingIcon, getIconProps())}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Sc.Button>\n\t\t);\n\t},\n);\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor","buttonFontSize","customIconColor","buttonColor","LeadingIconStyles","rest","ref","ButtonTextElement","GetButtonTextComponent","iconColor","getButtonIconColor","getIconProps","useCallback","iconSize","jsxDEV","Sc.Button","Sc.ButtonCustomDashedBorder","this","Spinner","SpinnerColorMap","React","Fragment"],"mappings":"uSAWaA,EAASC,EAAAA,WACrB,CACC,CACC,QAAAC,EACA,GAAAC,EACA,WAAAC,EAAa,UACb,KAAAC,EAAO,QACP,WAAAC,EACA,SAAAC,EACA,cAAAC,EACA,YAAAC,EACA,aAAAC,EACA,UAAAC,EACA,QAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,YAAAC,EACA,kBAAAC,EACA,GAAGC,CAAA,EAEJC,IACI,CACJ,MAAMC,EAAoBC,EAAAA,uBACzBtB,EACAD,EACAG,CAAA,EAGKqB,EAAYC,EAAAA,mBACjBxB,EACAD,EACAQ,EACAL,EACAI,EACAK,CAAA,EAGKc,EAAeC,EAAAA,YAAY,IAAM,CACtC,MAAMC,EAAW3B,IAAS,OAAS,GAAK,GACxC,MAAO,CACN,OAAQ2B,EACR,MAAOA,EACP,MAAOX,GAAoCO,EAC3C,MAAO,CAAE,QAAS,OAAA,EAClB,UAAW,MAAA,CAEb,EAAG,CAACvB,EAAMgB,EAAiBO,CAAS,CAAC,EAErC,OACCK,EAAAA,OAACC,EAAAA,OAAA,CACA,YAAWV,EAAK,WAAW,EAC3B,QAAAtB,EACA,QACCS,EACG,IAAM,CAEN,EACAE,EAEJ,IAAAY,EACA,GAAAtB,EACA,SAAAI,EACA,KAAAF,EACA,WAAAD,EACA,UAAAO,EACA,QAAAC,EACA,iBAAAE,EACA,SAAAE,EACA,UAAAC,EACA,MAAAC,EACA,YAAAI,EACC,GAAGE,EAEJ,SAAAS,EAAAA,OAAC,MAAA,CAAI,UAAU,mBACb,SAAA,CAAA7B,EAAW,WAAW,MAAM,GAAK6B,EAAAA,OAACE,EAAAA,yBAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,~~wFAAA~~,WAAA,GAAA,aAAA,EAAA,EAAAC,MAA6B,EAC/DH,EAAAA,OAAC,MAAA,CAAI,UAAU,oBACb,SAAAtB,GACAsB,EAAAA,OAACI,EAAAA,QAAA,CACA,UAAU,UACV,KAAK,QACL,MAAOC,EAAAA,gBAAgBlC,EAAYQ,CAAO,CAAA,EAH3C,OAAA,GAAA,CAAA,SAAA,~~wFAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAwB,MAAA,CAIA,EANF,OAAA,GAAA,CAAA,SAAA,~~wFAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,EACC5B,GACAyB,EAAAA,OAAC,MAAA,CAAI,UAAU,iBACb,mBAAM,cAAczB,EAAesB,EAAA,CAAc,CAAA,EADnD,OAAA,GAAA,CAAA,SAAA,~~wFAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAM,MAEA,EAEA3B,GACAwB,EAAAA,OAAC,MAAA,CACA,UAAU,eACV,MAAO,CAAE,OAAQ,EAAG,GAAGV,CAAA,EAEtB,SAAAgB,EAAAA,QAAM,cAAc9B,EAAaqB,EAAA,CAAc,CAAA,EAJjD,OAAA,GAAA,CAAA,SAAA,~~wFAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAM,MAAA,EAOA9B,EACA2B,EAAAA,OAACP,EAAA,CACA,UAAU,OACV,MAAO,CACN,MAAOP,EACP,SAAUC,CAAA,EAGV,SAAA,CAAAd,EACD2B,SAAC,MAAA,CAAI,UAAU,gBAAiB,SAAAlB,CAAA,EAAhC,OAAA,GAAA,CAAA,SAAA,~~wFAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAqB,MAAyC,CAAA,CAAA,EAR1C,OAAA,GAAA,CAAA,SAAA,~~wFAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,EAWAH,EAAAA,OAAAO,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,~~wFAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAJ,MAAE,EAEF1B,GACAuB,EAAAA,OAAC,MAAA,CAAI,UAAU,gBAAgB,MAAO,CAAE,OAAQ,CAAA,EAC9C,SAAAM,EAAAA,QAAM,cAAc7B,EAAcoB,EAAA,CAAc,CAAA,EADlD,OAAA,GAAA,CAAA,SAAA,~~wFAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAM,MAEA,CAAA,CAAA,EAzCF,OAAA,GAAA,CAAA,SAAA,~~wFAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA2CA,CAAA,EAnED,OAAA,GAAA,CAAA,SAAA,~~wFAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAsEF,CACD,EAEApC,EAAO,YAAc"}
1	+ {"version":3,"file":"Button.js","sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import { forwardRef, useCallback } from 'react';\nimport React from 'react';\nimport { Spinner } from '../spinner';\nimport * as Sc from './Button.styled';\nimport { ButtonProps } from './model';\nimport {\n\tgetButtonIconColor,\n\tGetButtonTextComponent,\n\tSpinnerColorMap,\n} from './themes';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n\t(\n\t\t{\n\t\t\tversion,\n\t\t\tid,\n\t\t\tbuttonType = 'primary',\n\t\t\tsize = 'small',\n\t\t\tbuttonText,\n\t\t\tdisabled,\n\t\t\tIconComponent,\n\t\t\tLeadingIcon,\n\t\t\tTrailingIcon,\n\t\t\tisLoading,\n\t\t\tinverse,\n\t\t\tonClick,\n\t\t\tmatchParentWidth,\n\t\t\tsubtitle,\n\t\t\tdarkMode,\n\t\t\tactivated,\n\t\t\terror,\n\t\t\tbuttonTextColor,\n\t\t\tbuttonFontSize,\n\t\t\tcustomIconColor,\n\t\t\tbuttonColor,\n\t\t\tLeadingIconStyles,\n\t\t\t...rest\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst ButtonTextElement = GetButtonTextComponent(\n\t\t\tsize,\n\t\t\tbuttonType,\n\t\t\tdisabled,\n\t\t);\n\n\t\tconst iconColor = getButtonIconColor(\n\t\t\tsize,\n\t\t\tbuttonType,\n\t\t\tinverse,\n\t\t\tdisabled,\n\t\t\tisLoading,\n\t\t\tdarkMode,\n\t\t);\n\n\t\tconst getIconProps = useCallback(() => {\n\t\t\tconst iconSize = size === 'chip' ? 16 : 20;\n\t\t\treturn {\n\t\t\t\theight: iconSize,\n\t\t\t\twidth: iconSize,\n\t\t\t\tcolor: customIconColor ? customIconColor : iconColor,\n\t\t\t\tstyle: { display: 'block' },\n\t\t\t\tclassName: 'icon',\n\t\t\t};\n\t\t}, [size, customIconColor, iconColor]);\n\n\t\treturn (\n\t\t\t<Sc.Button\n\t\t\t\tdata-test={rest['data-test']}\n\t\t\t\tversion={version}\n\t\t\t\tonClick={\n\t\t\t\t\tisLoading\n\t\t\t\t\t\t? () => {\n\t\t\t\t\t\t\t\t// Do nothing\n\t\t\t\t\t\t }\n\t\t\t\t\t\t: onClick\n\t\t\t\t}\n\t\t\t\tref={ref}\n\t\t\t\tid={id}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tsize={size}\n\t\t\t\tbuttonType={buttonType}\n\t\t\t\tisLoading={isLoading}\n\t\t\t\tinverse={inverse}\n\t\t\t\tmatchParentWidth={matchParentWidth}\n\t\t\t\tdarkMode={darkMode}\n\t\t\t\tactivated={activated}\n\t\t\t\terror={error}\n\t\t\t\tbuttonColor={buttonColor}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t<div className=\"button-container\">\n\t\t\t\t\t{buttonType.startsWith('dash') && <Sc.ButtonCustomDashedBorder />}\n\t\t\t\t\t<div className=\"overlay-container\">\n\t\t\t\t\t\t{isLoading && (\n\t\t\t\t\t\t\t<Spinner\n\t\t\t\t\t\t\t\tclassName=\"spinner\"\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tcolor={SpinnerColorMap(buttonType, inverse)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{IconComponent && (\n\t\t\t\t\t\t<div className=\"icon-component\">\n\t\t\t\t\t\t\t{React.createElement(IconComponent, getIconProps())}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{LeadingIcon && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"icon-leading\"\n\t\t\t\t\t\t\tstyle={{ zIndex: 1, ...LeadingIconStyles }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{React.createElement(LeadingIcon, getIconProps())}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{buttonText ? (\n\t\t\t\t\t\t<ButtonTextElement\n\t\t\t\t\t\t\tclassName=\"text\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tcolor: buttonTextColor,\n\t\t\t\t\t\t\t\tfontSize: buttonFontSize,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{buttonText}\n\t\t\t\t\t\t\t<div className=\"text-subtitle\">{subtitle}</div>\n\t\t\t\t\t\t</ButtonTextElement>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t\t{TrailingIcon && (\n\t\t\t\t\t\t<div className=\"icon-trailing\" style={{ zIndex: 1 }}>\n\t\t\t\t\t\t\t{React.createElement(TrailingIcon, getIconProps())}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Sc.Button>\n\t\t);\n\t},\n);\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor","buttonFontSize","customIconColor","buttonColor","LeadingIconStyles","rest","ref","ButtonTextElement","GetButtonTextComponent","iconColor","getButtonIconColor","getIconProps","useCallback","iconSize","jsxDEV","Sc.Button","Sc.ButtonCustomDashedBorder","this","Spinner","SpinnerColorMap","React","Fragment"],"mappings":"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"}