@bikdotai/bik-component-library 0.0.603--comp--beta → 0.0.603

package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
 declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
 export default EventsTrigger;

package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
 declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
 export default IGTrigger;

package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DropdownOption } from "../../../dropdown/type";
-import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
-import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
+import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
+import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
 declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
     cacheKey: string;
     propertyAddBtnText: string;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../assets/icons/Bik_logo.svg.js"),n=require("../../assets/icons/locked.svg.js"),t=require("react"),o=require("../progress-bar/CircularProgressBar.js"),s=require("../../constants/Theme.js"),l=require("../navigation-hyperlink/NavigationUtility.js"),a=require("./SidebarPopup.js"),d=require("./SidebarStyles.js"),r=require("./SimpleSidebar.js");const u=i=>{const{icon:n,isActive:t,activeStateIcon:o,hoverStateIcon:l,isHovered:a}=i,d=n,r=o,u=l;return e.jsx(e.Fragment,{children:t?e.jsx(r,{width:20,height:20}):a?e.jsx(u,{width:20,height:20,color:s.COLORS.surface.standard}):e.jsx(d,{width:20,height:20,color:s.COLORS.surface.standard})})},c=i=>{let{option:t,index:o,onClickMainMenuLogic:s,setHandleHoverForFullLayout:a,isDisabled:r,setHoveredComp:c,setPopupMenu:v,mainActiveMenu:m,hoveredComp:g,popupMenu:h,router:p}=i;var k,y,j,b,S,M;return e.jsx(d.SibeBarMenuItem,{children:e.jsxs("div",Object.assign({id:(null===(y=null===(k=t.displayName)||void 0===k?void 0:k.split(" "))||void 0===y?void 0:y.join(""))||t.key.toString(),className:"main--sidebar",onClick:e=>{t.path&&l.handleNavigation(p,t.path,e,!1),s(t)},onMouseEnter:()=>{!r&&a(t)},onMouseOver:()=>{!r&&a(t)},onMouseLeave:()=>{var e;(null===(e=null==t?void 0:t.children)||void 0===e?void 0:e.length)||(c(void 0),v(void 0))},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:[t.isNew&&e.jsx("div",Object.assign({className:"new-tag "+(t.isLastSticky?"tag-sticky":"")},{children:"NEW"})),t.isLocked&&e.jsx("div",Object.assign({className:`locked--channel ${t.isLastSticky?"tag-sticky":""}  ${t.is2ndLastSticky?"tag-sticky-2":""}`},{children:e.jsx(n.default,{height:16,width:16})})),e.jsxs("div",Object.assign({id:(null===(b=null===(j=t.displayName)||void 0===j?void 0:j.split(" "))||void 0===b?void 0:b.join(""))+"_sub"||t.key.toString()+"_sub",className:`sidebar-menu-item \n\t\t\t\t\t${(null==m?void 0:m.key)===t.key?"main-menu-active-class":""} \n\t\t\t\t\t${t.isLastSticky?"sticky-menu-int":""} \n\t\t\t\t\t${t.is2ndLastSticky?"sticky-menu":""} \n\t\t\t\t\t${t.key===(null==g?void 0:g.key)?"sidebar-menu-item-hover":""} \n\t\t\t\t\t${t.isNew?"new-menu-item":""}`},{children:[e.jsx(u,{icon:t.icon,isActive:t.key==(null==m?void 0:m.key),activeStateIcon:null!==(S=t.activeIcon)&&void 0!==S?S:{},hoverStateIcon:null!==(M=t.hoverIcon)&&void 0!==M?M:{},isHovered:t.key==(null==g?void 0:g.key)||t.key==(null==h?void 0:h.key)}),e.jsx("div",Object.assign({className:"menu-item-container"},{children:e.jsx("p",Object.assign({className:"menu-item-text "+((null==t?void 0:t.key)===(null==m?void 0:m.key)?"active-menu-item-text":"")},{children:t.displayName}))}))]}),o)]}),o)})};exports.BikSidebar=n=>{const{logoSvg:s,allMenuList:l,activeMainMenu:u,activeSubMenu:v,router:m,onClickingMainMenu:g,onClickingSubMenu:h,onClickingAccessUpgradePanel:p,onClickingPopupMenuItem:k,popupMinHeight:y,isNewSidebar:j}=n,[b,S]=t.useState(u),[M,x]=t.useState(),[w,f]=t.useState(v),[C,N]=t.useState(!1),[L,O]=t.useState(),[H,B]=t.useState(),[P,E]=t.useState(),[I,q]=t.useState(null),_=t.useMemo((()=>l.filter((e=>e.is2ndLastSticky||e.isLastSticky)).length),[l]);t.useEffect((()=>{S(u)}),[u]),t.useEffect((()=>{f(v)}),[v]);const A=t.useCallback((e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(O(void 0),x(void 0),N(!0),S(e),e.path||g(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?f(null==e?void 0:e.children[0]):f({}),x(void 0),setTimeout((()=>{N(!1)}),1e3))}),[g]),F=t.useCallback((e=>{var i,n;if(D(),x(void 0),O(void 0),"popup"==(null==e?void 0:e.layout)){const i=U();i&&B(i),O(e)}else{const t=document.getElementById((null===(n=null===(i=e.displayName)||void 0===i?void 0:i.split(" "))||void 0===n?void 0:n.join(""))||e.key.toString());if(t){const e=$(t);E(e)}x(e),T()}}),[]),$=e=>{const i=e.getBoundingClientRect();let n=i.top;const t=e.querySelectorAll("div");let o=null;if(window.innerHeight<=768)return n;if(t.forEach((e=>{e.className.includes("sticky")&&(o=e)})),o){const e=window.innerHeight-i.bottom;n=i.top+e-140}return n};t.useEffect((()=>{const e=()=>{const e=U();e&&B(e),R()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const R=()=>{const e=document.getElementById("_sub-menu"),i=null==e?void 0:e.getBoundingClientRect().height;i&&E(window.innerHeight-i)},U=()=>{var e,i;if(L){const n=(null===(i=null===(e=L.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||L.key.toString()+"_sub",t=document.getElementById(n);if(t){const e=t.getBoundingClientRect();let i=e.top;const n=null!=y?y:320;return e.bottom+n>window.innerHeight&&(i-=e.bottom+n-window.innerHeight),i}return null}},T=()=>{D();const e=setTimeout((()=>x(void 0)),1e4);q(e)},D=()=>{clearTimeout(I)};return e.jsxs(d.SideBarContainer,{children:[e.jsx("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:s||e.jsx(i.default,{})})),e.jsxs(d.MainSideBarMenuWrapper,{children:[null==l?void 0:l.map(((i,n)=>{var o,s;return e.jsxs(t.Fragment,{children:[e.jsx(c,{option:i,index:n,onClickMainMenuLogic:A,setHandleHoverForFullLayout:F,isDisabled:C,setHoveredComp:x,setPopupMenu:O,mainActiveMenu:b,hoveredComp:M,popupMenu:L,router:m}),e.jsxs(e.Fragment,{children:["popup"===i.layout&&(null===(o=null==L?void 0:L.children)||void 0===o?void 0:o.length)&&e.jsx(a.SidebarPopup,{top:null!=H?H:void 0,menuList:null==L?void 0:L.children,onClickingPopupMenu:e=>{k&&k(e),O(void 0)},onMouseLeaveOnMenu:()=>O(void 0)}),(null===(s=null==M?void 0:M.children)||void 0===s?void 0:s.length)&&e.jsx(r.SimpleSidebar,{menuList:null==M?void 0:M.children,activeMenu:w,onMouseEnterOnMenu:()=>D(),onMouseLeaveOnMenu:()=>{D(),x(void 0)},left:j?92:88,postion:"fixed",header:M.displayName,theme:"brand",router:m,showAccessUpgradePanel:M.showAccessUpgradePanel,onMenuClick:(e,i)=>{f(e),S(M),x(void 0),O(void 0),i&&h(e)},onUpgrade:p,top:j&&P||0,isNewSidebar:j})]})]},n)})),"number"==typeof n.onboardingPercentage&&e.jsx(d.SibeBarMenuItem,{children:e.jsx("div",Object.assign({className:"main--sidebar"},{children:e.jsx("div",Object.assign({id:"bik-onboarding__checklist",className:"sidebar-menu-item "+(0===_?"sticky-menu":1===_?"sticky-menu-int":"sticky-menu-three")},{children:e.jsx(o.default,{percentage:n.onboardingPercentage,width:48})}))}))})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../assets/icons/Bik_logo.svg.js"),n=require("../../assets/icons/locked.svg.js"),t=require("react"),o=require("../progress-bar/CircularProgressBar.js"),s=require("../../constants/Theme.js"),l=require("../navigation-hyperlink/NavigationHyperlink.js"),a=require("./SidebarPopup.js"),d=require("./SidebarStyles.js"),r=require("./SimpleSidebar.js");const u=i=>{const{icon:n,isActive:t,activeStateIcon:o,hoverStateIcon:l,isHovered:a}=i,d=n,r=o,u=l;return e.jsx(e.Fragment,{children:t?e.jsx(r,{width:20,height:20}):a?e.jsx(u,{width:20,height:20,color:s.COLORS.surface.standard}):e.jsx(d,{width:20,height:20,color:s.COLORS.surface.standard})})},c=i=>{let{option:t,index:o,onClickMainMenuLogic:s,setHandleHoverForFullLayout:l,isDisabled:a,setHoveredComp:r,setPopupMenu:c,mainActiveMenu:v,hoveredComp:p,popupMenu:m}=i;var g,h,k,y,j,b;return e.jsx(d.SibeBarMenuItem,{children:e.jsxs("div",Object.assign({id:(null===(h=null===(g=t.displayName)||void 0===g?void 0:g.split(" "))||void 0===h?void 0:h.join(""))||t.key.toString(),className:"main--sidebar",onClick:()=>s(t),onMouseEnter:()=>{!a&&l(t)},onMouseOver:()=>{!a&&l(t)},onMouseLeave:()=>{var e;(null===(e=null==t?void 0:t.children)||void 0===e?void 0:e.length)||(r(void 0),c(void 0))},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:[t.isNew&&e.jsx("div",Object.assign({className:"new-tag "+(t.isLastSticky?"tag-sticky":"")},{children:"NEW"})),t.isLocked&&e.jsx("div",Object.assign({className:`locked--channel ${t.isLastSticky?"tag-sticky":""}  ${t.is2ndLastSticky?"tag-sticky-2":""}`},{children:e.jsx(n.default,{height:16,width:16})})),e.jsxs("div",Object.assign({id:(null===(y=null===(k=t.displayName)||void 0===k?void 0:k.split(" "))||void 0===y?void 0:y.join(""))+"_sub"||t.key.toString()+"_sub",className:`sidebar-menu-item \n\t\t\t\t\t${(null==v?void 0:v.key)===t.key?"main-menu-active-class":""} \n\t\t\t\t\t${t.isLastSticky?"sticky-menu-int":""} \n\t\t\t\t\t${t.is2ndLastSticky?"sticky-menu":""} \n\t\t\t\t\t${t.key===(null==p?void 0:p.key)?"sidebar-menu-item-hover":""} \n\t\t\t\t\t${t.isNew?"new-menu-item":""}`},{children:[e.jsx(u,{icon:t.icon,isActive:t.key==(null==v?void 0:v.key),activeStateIcon:null!==(j=t.activeIcon)&&void 0!==j?j:{},hoverStateIcon:null!==(b=t.hoverIcon)&&void 0!==b?b:{},isHovered:t.key==(null==p?void 0:p.key)||t.key==(null==m?void 0:m.key)}),e.jsx("div",Object.assign({className:"menu-item-container"},{children:e.jsx("p",Object.assign({className:"menu-item-text "+((null==t?void 0:t.key)===(null==v?void 0:v.key)?"active-menu-item-text":"")},{children:t.displayName}))}))]}),o)]}),o)})};exports.BikSidebar=n=>{const{logoSvg:s,allMenuList:u,activeMainMenu:v,activeSubMenu:p,router:m,onClickingMainMenu:g,onClickingSubMenu:h,onClickingAccessUpgradePanel:k,onClickingPopupMenuItem:y,popupMinHeight:j,isNewSidebar:b}=n,[S,M]=t.useState(v),[x,w]=t.useState(),[C,f]=t.useState(p),[L,N]=t.useState(!1),[H,O]=t.useState(),[P,B]=t.useState(),[E,I]=t.useState(),[q,F]=t.useState(null),_=t.useMemo((()=>u.filter((e=>e.is2ndLastSticky||e.isLastSticky)).length),[u]);t.useEffect((()=>{M(v)}),[v]),t.useEffect((()=>{f(p)}),[p]);const A=t.useCallback((e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(O(void 0),w(void 0),N(!0),M(e),e.path||g(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?f(null==e?void 0:e.children[0]):f({}),w(void 0),setTimeout((()=>{N(!1)}),1e3))}),[g]),$=t.useCallback((e=>{var i,n;if(z(),w(void 0),O(void 0),"popup"==(null==e?void 0:e.layout)){const i=T();i&&B(i),O(e)}else{const t=document.getElementById((null===(n=null===(i=e.displayName)||void 0===i?void 0:i.split(" "))||void 0===n?void 0:n.join(""))||e.key.toString());if(t){const e=R(t);I(e)}w(e),U()}}),[]),R=e=>{const i=e.getBoundingClientRect();let n=i.top;const t=e.querySelectorAll("div");let o=null;if(window.innerHeight<=768)return n;if(t.forEach((e=>{e.className.includes("sticky")&&(o=e)})),o){const e=window.innerHeight-i.bottom;n=i.top+e-140}return n};t.useEffect((()=>{const e=()=>{const e=T();e&&B(e),D()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const D=()=>{const e=document.getElementById("_sub-menu"),i=null==e?void 0:e.getBoundingClientRect().height;i&&I(window.innerHeight-i)},T=()=>{var e,i;if(H){const n=(null===(i=null===(e=H.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||H.key.toString()+"_sub",t=document.getElementById(n);if(t){const e=t.getBoundingClientRect();let i=e.top;const n=null!=j?j:320;return e.bottom+n>window.innerHeight&&(i-=e.bottom+n-window.innerHeight),i}return null}},U=()=>{z();const e=setTimeout((()=>w(void 0)),1e4);F(e)},z=()=>{clearTimeout(q)};return e.jsxs(d.SideBarContainer,{children:[e.jsx("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:s||e.jsx(i.default,{})})),e.jsxs(d.MainSideBarMenuWrapper,{children:[null==u?void 0:u.map(((i,n)=>{var o,s;return e.jsxs(t.Fragment,{children:[i.path?e.jsx(l.NavigationHyperlink,Object.assign({href:i.path,router:m},{children:e.jsx(c,{option:i,index:n,onClickMainMenuLogic:A,setHandleHoverForFullLayout:$,isDisabled:L,setHoveredComp:w,setPopupMenu:O,mainActiveMenu:S,hoveredComp:x,popupMenu:H})})):e.jsx(c,{option:i,index:n,onClickMainMenuLogic:A,setHandleHoverForFullLayout:$,isDisabled:L,setHoveredComp:w,setPopupMenu:O,mainActiveMenu:S,hoveredComp:x,popupMenu:H}),e.jsxs(e.Fragment,{children:["popup"===i.layout&&(null===(o=null==H?void 0:H.children)||void 0===o?void 0:o.length)&&e.jsx(a.SidebarPopup,{top:null!=P?P:void 0,menuList:null==H?void 0:H.children,onClickingPopupMenu:e=>{y&&y(e),O(void 0)},onMouseLeaveOnMenu:()=>O(void 0)}),(null===(s=null==x?void 0:x.children)||void 0===s?void 0:s.length)&&e.jsx(r.SimpleSidebar,{menuList:null==x?void 0:x.children,activeMenu:C,onMouseEnterOnMenu:()=>z(),onMouseLeaveOnMenu:()=>{z(),w(void 0)},left:b?92:88,postion:"fixed",header:x.displayName,theme:"brand",router:m,showAccessUpgradePanel:x.showAccessUpgradePanel,onMenuClick:(e,i)=>{f(e),M(x),w(void 0),O(void 0),i&&h(e)},onUpgrade:k,top:b&&E||0,isNewSidebar:b})]})]},n)})),"number"==typeof n.onboardingPercentage&&e.jsx(d.SibeBarMenuItem,{children:e.jsx("div",Object.assign({className:"main--sidebar"},{children:e.jsx("div",Object.assign({id:"bik-onboarding__checklist",className:"sidebar-menu-item "+(0===_?"sticky-menu":1===_?"sticky-menu-int":"sticky-menu-three")},{children:e.jsx(o.default,{percentage:n.onboardingPercentage,width:48})}))}))})]})]})};

package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
 declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
 export default EventsTrigger;

package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
 declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
 export default IGTrigger;

package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DropdownOption } from "../../../dropdown/type";
-import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
-import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
+import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
+import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
 declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
     cacheKey: string;
     propertyAddBtnText: string;

package/dist/esm/components/bik-layout/BikSidebar.js

@@ -1 +1 @@
-import{jsxs as e,jsx as i,Fragment as n}from"react/jsx-runtime";import t from"../../assets/icons/Bik_logo.svg.js";import o from"../../assets/icons/locked.svg.js";import{useState as l,useMemo as s,useEffect as d,useCallback as r,Fragment as a}from"react";import c from"../progress-bar/CircularProgressBar.js";import{COLORS as u}from"../../constants/Theme.js";import{handleNavigation as v}from"../navigation-hyperlink/NavigationUtility.js";import{SidebarPopup as m}from"./SidebarPopup.js";import{SideBarContainer as p,MainSideBarMenuWrapper as g,SibeBarMenuItem as h}from"./SidebarStyles.js";import{SimpleSidebar as y}from"./SimpleSidebar.js";const k=o=>{const{logoSvg:u,allMenuList:v,activeMainMenu:k,activeSubMenu:b,router:w,onClickingMainMenu:S,onClickingSubMenu:f,onClickingAccessUpgradePanel:j,onClickingPopupMenuItem:N,popupMinHeight:L,isNewSidebar:C}=o,[H,O]=l(k),[P,I]=l(),[E,A]=l(b),[B,_]=l(!1),[x,$]=l(),[F,U]=l(),[T,D]=l(),[R,z]=l(null),q=s((()=>v.filter((e=>e.is2ndLastSticky||e.isLastSticky)).length),[v]);d((()=>{O(k)}),[k]),d((()=>{A(b)}),[b]);const K=r((e=>{var i;"popup"!==(null==e?void 0:e.layout)&&($(void 0),I(void 0),_(!0),O(e),e.path||S(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?A(null==e?void 0:e.children[0]):A({}),I(void 0),setTimeout((()=>{_(!1)}),1e3))}),[S]),W=r((e=>{var i,n;if(X(),I(void 0),$(void 0),"popup"==(null==e?void 0:e.layout)){const i=Q();i&&U(i),$(e)}else{const t=document.getElementById((null===(n=null===(i=e.displayName)||void 0===i?void 0:i.split(" "))||void 0===n?void 0:n.join(""))||e.key.toString());if(t){const e=G(t);D(e)}I(e),V()}}),[]),G=e=>{const i=e.getBoundingClientRect();let n=i.top;const t=e.querySelectorAll("div");let o=null;if(window.innerHeight<=768)return n;if(t.forEach((e=>{e.className.includes("sticky")&&(o=e)})),o){const e=window.innerHeight-i.bottom;n=i.top+e-140}return n};d((()=>{const e=()=>{const e=Q();e&&U(e),J()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const J=()=>{const e=document.getElementById("_sub-menu"),i=null==e?void 0:e.getBoundingClientRect().height;i&&D(window.innerHeight-i)},Q=()=>{var e,i;if(x){const n=(null===(i=null===(e=x.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||x.key.toString()+"_sub",t=document.getElementById(n);if(t){const e=t.getBoundingClientRect();let i=e.top;const n=null!=L?L:320;return e.bottom+n>window.innerHeight&&(i-=e.bottom+n-window.innerHeight),i}return null}},V=()=>{X();const e=setTimeout((()=>I(void 0)),1e4);z(e)},X=()=>{clearTimeout(R)};return e(p,{children:[i("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:u||i(t,{})})),e(g,{children:[null==v?void 0:v.map(((t,o)=>{var l,s;return e(a,{children:[i(M,{option:t,index:o,onClickMainMenuLogic:K,setHandleHoverForFullLayout:W,isDisabled:B,setHoveredComp:I,setPopupMenu:$,mainActiveMenu:H,hoveredComp:P,popupMenu:x,router:w}),e(n,{children:["popup"===t.layout&&(null===(l=null==x?void 0:x.children)||void 0===l?void 0:l.length)&&i(m,{top:null!=F?F:void 0,menuList:null==x?void 0:x.children,onClickingPopupMenu:e=>{N&&N(e),$(void 0)},onMouseLeaveOnMenu:()=>$(void 0)}),(null===(s=null==P?void 0:P.children)||void 0===s?void 0:s.length)&&i(y,{menuList:null==P?void 0:P.children,activeMenu:E,onMouseEnterOnMenu:()=>X(),onMouseLeaveOnMenu:()=>{X(),I(void 0)},left:C?92:88,postion:"fixed",header:P.displayName,theme:"brand",router:w,showAccessUpgradePanel:P.showAccessUpgradePanel,onMenuClick:(e,i)=>{A(e),O(P),I(void 0),$(void 0),i&&f(e)},onUpgrade:j,top:C&&T||0,isNewSidebar:C})]})]},o)})),"number"==typeof o.onboardingPercentage&&i(h,{children:i("div",Object.assign({className:"main--sidebar"},{children:i("div",Object.assign({id:"bik-onboarding__checklist",className:"sidebar-menu-item "+(0===q?"sticky-menu":1===q?"sticky-menu-int":"sticky-menu-three")},{children:i(c,{percentage:o.onboardingPercentage,width:48})}))}))})]})]})},b=e=>{const{icon:t,isActive:o,activeStateIcon:l,hoverStateIcon:s,isHovered:d}=e,r=t,a=s;return i(n,{children:o?i(l,{width:20,height:20}):i(d?a:r,{width:20,height:20,color:u.surface.standard})})},M=n=>{let{option:t,index:l,onClickMainMenuLogic:s,setHandleHoverForFullLayout:d,isDisabled:r,setHoveredComp:a,setPopupMenu:c,mainActiveMenu:u,hoveredComp:m,popupMenu:p,router:g}=n;var y,k,M,w,S,f;return i(h,{children:e("div",Object.assign({id:(null===(k=null===(y=t.displayName)||void 0===y?void 0:y.split(" "))||void 0===k?void 0:k.join(""))||t.key.toString(),className:"main--sidebar",onClick:e=>{t.path&&v(g,t.path,e,!1),s(t)},onMouseEnter:()=>{!r&&d(t)},onMouseOver:()=>{!r&&d(t)},onMouseLeave:()=>{var e;(null===(e=null==t?void 0:t.children)||void 0===e?void 0:e.length)||(a(void 0),c(void 0))},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:[t.isNew&&i("div",Object.assign({className:"new-tag "+(t.isLastSticky?"tag-sticky":"")},{children:"NEW"})),t.isLocked&&i("div",Object.assign({className:`locked--channel ${t.isLastSticky?"tag-sticky":""}  ${t.is2ndLastSticky?"tag-sticky-2":""}`},{children:i(o,{height:16,width:16})})),e("div",Object.assign({id:(null===(w=null===(M=t.displayName)||void 0===M?void 0:M.split(" "))||void 0===w?void 0:w.join(""))+"_sub"||t.key.toString()+"_sub",className:`sidebar-menu-item \n\t\t\t\t\t${(null==u?void 0:u.key)===t.key?"main-menu-active-class":""} \n\t\t\t\t\t${t.isLastSticky?"sticky-menu-int":""} \n\t\t\t\t\t${t.is2ndLastSticky?"sticky-menu":""} \n\t\t\t\t\t${t.key===(null==m?void 0:m.key)?"sidebar-menu-item-hover":""} \n\t\t\t\t\t${t.isNew?"new-menu-item":""}`},{children:[i(b,{icon:t.icon,isActive:t.key==(null==u?void 0:u.key),activeStateIcon:null!==(S=t.activeIcon)&&void 0!==S?S:{},hoverStateIcon:null!==(f=t.hoverIcon)&&void 0!==f?f:{},isHovered:t.key==(null==m?void 0:m.key)||t.key==(null==p?void 0:p.key)}),i("div",Object.assign({className:"menu-item-container"},{children:i("p",Object.assign({className:"menu-item-text "+((null==t?void 0:t.key)===(null==u?void 0:u.key)?"active-menu-item-text":"")},{children:t.displayName}))}))]}),l)]}),l)})};export{k as BikSidebar};
+import{jsxs as e,jsx as i,Fragment as n}from"react/jsx-runtime";import t from"../../assets/icons/Bik_logo.svg.js";import o from"../../assets/icons/locked.svg.js";import{useState as l,useMemo as s,useEffect as d,useCallback as r,Fragment as a}from"react";import c from"../progress-bar/CircularProgressBar.js";import{COLORS as u}from"../../constants/Theme.js";import{NavigationHyperlink as v}from"../navigation-hyperlink/NavigationHyperlink.js";import{SidebarPopup as m}from"./SidebarPopup.js";import{SideBarContainer as p,MainSideBarMenuWrapper as g,SibeBarMenuItem as h}from"./SidebarStyles.js";import{SimpleSidebar as y}from"./SimpleSidebar.js";const k=o=>{const{logoSvg:u,allMenuList:k,activeMainMenu:b,activeSubMenu:w,router:S,onClickingMainMenu:f,onClickingSubMenu:j,onClickingAccessUpgradePanel:L,onClickingPopupMenuItem:N,popupMinHeight:C,isNewSidebar:H}=o,[O,P]=l(b),[I,A]=l(),[E,x]=l(w),[B,F]=l(!1),[_,$]=l(),[D,T]=l(),[U,R]=l(),[z,q]=l(null),K=s((()=>k.filter((e=>e.is2ndLastSticky||e.isLastSticky)).length),[k]);d((()=>{P(b)}),[b]),d((()=>{x(w)}),[w]);const W=r((e=>{var i;"popup"!==(null==e?void 0:e.layout)&&($(void 0),A(void 0),F(!0),P(e),e.path||f(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?x(null==e?void 0:e.children[0]):x({}),A(void 0),setTimeout((()=>{F(!1)}),1e3))}),[f]),G=r((e=>{var i,n;if(Y(),A(void 0),$(void 0),"popup"==(null==e?void 0:e.layout)){const i=V();i&&T(i),$(e)}else{const t=document.getElementById((null===(n=null===(i=e.displayName)||void 0===i?void 0:i.split(" "))||void 0===n?void 0:n.join(""))||e.key.toString());if(t){const e=J(t);R(e)}A(e),X()}}),[]),J=e=>{const i=e.getBoundingClientRect();let n=i.top;const t=e.querySelectorAll("div");let o=null;if(window.innerHeight<=768)return n;if(t.forEach((e=>{e.className.includes("sticky")&&(o=e)})),o){const e=window.innerHeight-i.bottom;n=i.top+e-140}return n};d((()=>{const e=()=>{const e=V();e&&T(e),Q()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const Q=()=>{const e=document.getElementById("_sub-menu"),i=null==e?void 0:e.getBoundingClientRect().height;i&&R(window.innerHeight-i)},V=()=>{var e,i;if(_){const n=(null===(i=null===(e=_.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||_.key.toString()+"_sub",t=document.getElementById(n);if(t){const e=t.getBoundingClientRect();let i=e.top;const n=null!=C?C:320;return e.bottom+n>window.innerHeight&&(i-=e.bottom+n-window.innerHeight),i}return null}},X=()=>{Y();const e=setTimeout((()=>A(void 0)),1e4);q(e)},Y=()=>{clearTimeout(z)};return e(p,{children:[i("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:u||i(t,{})})),e(g,{children:[null==k?void 0:k.map(((t,o)=>{var l,s;return e(a,{children:[t.path?i(v,Object.assign({href:t.path,router:S},{children:i(M,{option:t,index:o,onClickMainMenuLogic:W,setHandleHoverForFullLayout:G,isDisabled:B,setHoveredComp:A,setPopupMenu:$,mainActiveMenu:O,hoveredComp:I,popupMenu:_})})):i(M,{option:t,index:o,onClickMainMenuLogic:W,setHandleHoverForFullLayout:G,isDisabled:B,setHoveredComp:A,setPopupMenu:$,mainActiveMenu:O,hoveredComp:I,popupMenu:_}),e(n,{children:["popup"===t.layout&&(null===(l=null==_?void 0:_.children)||void 0===l?void 0:l.length)&&i(m,{top:null!=D?D:void 0,menuList:null==_?void 0:_.children,onClickingPopupMenu:e=>{N&&N(e),$(void 0)},onMouseLeaveOnMenu:()=>$(void 0)}),(null===(s=null==I?void 0:I.children)||void 0===s?void 0:s.length)&&i(y,{menuList:null==I?void 0:I.children,activeMenu:E,onMouseEnterOnMenu:()=>Y(),onMouseLeaveOnMenu:()=>{Y(),A(void 0)},left:H?92:88,postion:"fixed",header:I.displayName,theme:"brand",router:S,showAccessUpgradePanel:I.showAccessUpgradePanel,onMenuClick:(e,i)=>{x(e),P(I),A(void 0),$(void 0),i&&j(e)},onUpgrade:L,top:H&&U||0,isNewSidebar:H})]})]},o)})),"number"==typeof o.onboardingPercentage&&i(h,{children:i("div",Object.assign({className:"main--sidebar"},{children:i("div",Object.assign({id:"bik-onboarding__checklist",className:"sidebar-menu-item "+(0===K?"sticky-menu":1===K?"sticky-menu-int":"sticky-menu-three")},{children:i(c,{percentage:o.onboardingPercentage,width:48})}))}))})]})]})},b=e=>{const{icon:t,isActive:o,activeStateIcon:l,hoverStateIcon:s,isHovered:d}=e,r=t,a=s;return i(n,{children:o?i(l,{width:20,height:20}):i(d?a:r,{width:20,height:20,color:u.surface.standard})})},M=n=>{let{option:t,index:l,onClickMainMenuLogic:s,setHandleHoverForFullLayout:d,isDisabled:r,setHoveredComp:a,setPopupMenu:c,mainActiveMenu:u,hoveredComp:v,popupMenu:m}=n;var p,g,y,k,M,w;return i(h,{children:e("div",Object.assign({id:(null===(g=null===(p=t.displayName)||void 0===p?void 0:p.split(" "))||void 0===g?void 0:g.join(""))||t.key.toString(),className:"main--sidebar",onClick:()=>s(t),onMouseEnter:()=>{!r&&d(t)},onMouseOver:()=>{!r&&d(t)},onMouseLeave:()=>{var e;(null===(e=null==t?void 0:t.children)||void 0===e?void 0:e.length)||(a(void 0),c(void 0))},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:[t.isNew&&i("div",Object.assign({className:"new-tag "+(t.isLastSticky?"tag-sticky":"")},{children:"NEW"})),t.isLocked&&i("div",Object.assign({className:`locked--channel ${t.isLastSticky?"tag-sticky":""}  ${t.is2ndLastSticky?"tag-sticky-2":""}`},{children:i(o,{height:16,width:16})})),e("div",Object.assign({id:(null===(k=null===(y=t.displayName)||void 0===y?void 0:y.split(" "))||void 0===k?void 0:k.join(""))+"_sub"||t.key.toString()+"_sub",className:`sidebar-menu-item \n\t\t\t\t\t${(null==u?void 0:u.key)===t.key?"main-menu-active-class":""} \n\t\t\t\t\t${t.isLastSticky?"sticky-menu-int":""} \n\t\t\t\t\t${t.is2ndLastSticky?"sticky-menu":""} \n\t\t\t\t\t${t.key===(null==v?void 0:v.key)?"sidebar-menu-item-hover":""} \n\t\t\t\t\t${t.isNew?"new-menu-item":""}`},{children:[i(b,{icon:t.icon,isActive:t.key==(null==u?void 0:u.key),activeStateIcon:null!==(M=t.activeIcon)&&void 0!==M?M:{},hoverStateIcon:null!==(w=t.hoverIcon)&&void 0!==w?w:{},isHovered:t.key==(null==v?void 0:v.key)||t.key==(null==m?void 0:m.key)}),i("div",Object.assign({className:"menu-item-container"},{children:i("p",Object.assign({className:"menu-item-text "+((null==t?void 0:t.key)===(null==u?void 0:u.key)?"active-menu-item-text":"")},{children:t.displayName}))}))]}),l)]}),l)})};export{k as BikSidebar};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.603--comp--beta",
+	"version": "0.0.603",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",

package/dist/cjs/components/navigation-hyperlink/NavigationUtility.d.ts

@@ -1 +0,0 @@
-export declare const handleNavigation: (router: any, href: string, event: any, newTab?: boolean) => void;

package/dist/cjs/components/navigation-hyperlink/NavigationUtility.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.handleNavigation=(o,e,n,i)=>{if(e.includes("http")){const o=i||n.metaKey?"_blank":"_self";window.open(e,o)}else{const i=`${e.startsWith("/")?"":"/"}${e}`;n.metaKey?window.open(window.location.origin+i,"_blank"):o?o.push(window.location.origin+i):window.open(window.location.origin+i,"_self")}};

package/dist/esm/components/navigation-hyperlink/NavigationUtility.d.ts

@@ -1 +0,0 @@
-export declare const handleNavigation: (router: any, href: string, event: any, newTab?: boolean) => void;

package/dist/esm/components/navigation-hyperlink/NavigationUtility.js

@@ -1 +0,0 @@
-const o=(o,n,i,t)=>{if(n.includes("http")){const o=t||i.metaKey?"_blank":"_self";window.open(n,o)}else{const t=`${n.startsWith("/")?"":"/"}${n}`;i.metaKey?window.open(window.location.origin+t,"_blank"):o?o.push(window.location.origin+t):window.open(window.location.origin+t,"_self")}};export{o as handleNavigation};