@bikdotai/bik-component-library 0.0.392-beta.1 → 0.0.393

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 o from"../../assets/icons/Bik_logo.svg.js";import{useState as t,useEffect as l,Fragment as a}from"react";import{COLORS as r}from"../../constants/Theme.js";import{NavigationHyperlink as s}from"../navigation-hyperlink/NavigationHyperlink.js";import{SideBarContainer as d,SibeBarMenuItem as c}from"./SidebarStyles.js";import{SimpleSidebar as v}from"./SimpleSidebar.js";const u=r=>{const{logoSvg:u,allMenuList:h,activeMainMenu:g,activeSubMenu:k,router:p,onClickingMainMenu:y,onClickingSubMenu:b,onClickingAccessUpgradePanel:M}=r,[S,j]=t(g),[f,N]=t(),[O,C]=t(k),[I,L]=t(!1);l((()=>{j(g)}),[g]),l((()=>{C(k)}),[k]);const w=(n,o)=>{var t,l,a,r;return i("div",Object.assign({id:(null===(l=null===(t=n.displayName)||void 0===t?void 0:t.split(" "))||void 0===l?void 0:l.join(""))||n.key.toString(),className:"main--sidebar",onClick:()=>(e=>{var i;N(void 0),L(!0),j(e),!e.path&&y(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?C(null==e?void 0:e.children[0]):C({}),N(void 0),setTimeout((()=>{L(!1)}),1e3)})(n),onMouseEnter:()=>{!I&&N(n)},onMouseOver:()=>{!I&&N(n)},onMouseLeave:()=>{var e;!(null===(e=null==n?void 0:n.children)||void 0===e?void 0:e.length)&&N(void 0)},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:e("div",Object.assign({className:`sidebar-menu-item ${(null==S?void 0:S.key)==n.key?" main-menu-active-class":""}  ${n.isLastSticky?"sticky-menu-int":""} ${n.is2ndLastSticky?"sticky-menu":""}\n\t\t\t${n.key==(null==f?void 0:f.key)?"sidebar-menu-item-hover":""}`},{children:[i(m,{icon:n.icon,isActive:n.key==(null==S?void 0:S.key),activeStateIcon:null!==(a=n.activeIcon)&&void 0!==a?a:{},hoverStateIcon:null!==(r=n.hoverIcon)&&void 0!==r?r:{},isHovered:n.key==(null==f?void 0:f.key)}),i("div",Object.assign({className:"menu-item-container"},{children:i("p",Object.assign({className:"menu-item-text "+((null==n?void 0:n.key)===(null==S?void 0:S.key)?"active-menu-item-text":"")},{children:n.displayName}))}))]}),o)}),o)};return e(d,{children:[i("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:u||i(o,{})})),i(c,{children:null==h?void 0:h.map(((o,t)=>{var l;return e(a,{children:[o.path?i(s,Object.assign({href:o.path,router:p},{children:w(o,t)})):w(o,t),i(n,{children:(null===(l=null==f?void 0:f.children)||void 0===l?void 0:l.length)&&i(v,{menuList:null==f?void 0:f.children,activeMenu:O,onMouseLeaveOnMenu:()=>N(void 0),left:88,postion:"fixed",header:f.displayName,theme:"brand",router:p,showAccessUpgradePanel:f.showAccessUpgradePanel,onMenuClick:(e,i)=>{C(e),j(f),N(void 0),i&&b(e)},onUpgrade:M})})]},t)}))})]})},m=e=>{const{icon:o,isActive:t,activeStateIcon:l,hoverStateIcon:a,isHovered:s}=e,d=o,c=a;return i(n,{children:t?i(l,{width:20,height:20}):i(s?c:d,{width:20,height:20,color:r.surface.standard})})};export{u as BikSidebar};
+import{jsxs as e,jsx as i,Fragment as o}from"react/jsx-runtime";import n from"../../assets/icons/Bik_logo.svg.js";import{useState as t,useEffect as l,Fragment as d}from"react";import{COLORS as r}from"../../constants/Theme.js";import{NavigationHyperlink as a}from"../navigation-hyperlink/NavigationHyperlink.js";import{SidebarPopup as s}from"./SidebarPopup.js";import{SideBarContainer as u,SibeBarMenuItem as v}from"./SidebarStyles.js";import{SimpleSidebar as c}from"./SimpleSidebar.js";const m=r=>{const{logoSvg:m,allMenuList:h,activeMainMenu:g,activeSubMenu:y,router:k,onClickingMainMenu:b,onClickingSubMenu:f,onClickingAccessUpgradePanel:M,onClickingPopupMenuItem:S}=r,[j,N]=t(g),[C,I]=t(),[O,w]=t(y),[L,P]=t(!1),[x,A]=t();l((()=>{N(g)}),[g]),l((()=>{w(y)}),[y]);const _=e=>{I(void 0),A(void 0),"popup"==(null==e?void 0:e.layout)?A(e):I(e)},U=(o,n)=>{var t,l,d,r,a,s;return i("div",Object.assign({id:(null===(l=null===(t=o.displayName)||void 0===t?void 0:t.split(" "))||void 0===l?void 0:l.join(""))||o.key.toString(),className:"main--sidebar",onClick:()=>(e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(A(void 0),I(void 0),P(!0),N(e),!e.path&&b(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?w(null==e?void 0:e.children[0]):w({}),I(void 0),setTimeout((()=>{P(!1)}),1e3))})(o),onMouseEnter:()=>{!L&&_(o)},onMouseOver:()=>{!L&&_(o)},onMouseLeave:()=>{var e;(null===(e=null==o?void 0:o.children)||void 0===e?void 0:e.length)||(I(void 0),A(void 0))},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:e("div",Object.assign({id:(null===(r=null===(d=o.displayName)||void 0===d?void 0:d.split(" "))||void 0===r?void 0:r.join(""))+"_sub"||o.key.toString()+"_sub",className:`sidebar-menu-item ${(null==j?void 0:j.key)==o.key?" main-menu-active-class":""}  ${o.isLastSticky?"sticky-menu-int":""} ${o.is2ndLastSticky?"sticky-menu":""}\n\t\t\t${o.key==(null==C?void 0:C.key)?"sidebar-menu-item-hover":""}`},{children:[i(p,{icon:o.icon,isActive:o.key==(null==j?void 0:j.key),activeStateIcon:null!==(a=o.activeIcon)&&void 0!==a?a:{},hoverStateIcon:null!==(s=o.hoverIcon)&&void 0!==s?s:{},isHovered:o.key==(null==C?void 0:C.key)}),i("div",Object.assign({className:"menu-item-container"},{children:i("p",Object.assign({className:"menu-item-text "+((null==o?void 0:o.key)===(null==j?void 0:j.key)?"active-menu-item-text":"")},{children:o.displayName}))}))]}),n)}),n)},$=()=>{var e,i;if(x){const o=(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",n=document.getElementById(o);if(n){const e=window.getComputedStyle(n);if("0px"===e.getPropertyValue("bottom")){return e.getPropertyValue("bottom")}return Number(n.offsetTop)}return console.error("Element with ID",o,"not found"),null}};return e(u,{children:[i("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:m||i(n,{})})),i(v,{children:null==h?void 0:h.map(((n,t)=>{var l,r,u;return e(d,{children:[n.path?i(a,Object.assign({href:n.path,router:k},{children:U(n,t)})):U(n,t),e(o,{children:["popup"===n.layout&&(null===(l=null==x?void 0:x.children)||void 0===l?void 0:l.length)&&i(s,{top:null!==(r=Number($()))&&void 0!==r?r:void 0,menuList:null==x?void 0:x.children,onClickingPopupMenu:e=>{S&&S(e),A(void 0)},onMouseLeaveOnMenu:()=>A(void 0)}),(null===(u=null==C?void 0:C.children)||void 0===u?void 0:u.length)&&i(c,{menuList:null==C?void 0:C.children,activeMenu:O,onMouseLeaveOnMenu:()=>I(void 0),left:88,postion:"fixed",header:C.displayName,theme:"brand",router:k,showAccessUpgradePanel:C.showAccessUpgradePanel,onMenuClick:(e,i)=>{w(e),N(C),I(void 0),A(void 0),i&&f(e)},onUpgrade:M})]})]},t)}))})]})},p=e=>{const{icon:n,isActive:t,activeStateIcon:l,hoverStateIcon:d,isHovered:a}=e,s=n,u=d;return i(o,{children:t?i(l,{width:20,height:20}):i(a?u:s,{width:20,height:20,color:r.surface.standard})})};export{m as BikSidebar};

package/dist/esm/components/bik-layout/MockMenus.d.ts

@@ -10,8 +10,8 @@ export declare const Menus: ({
         key: number;
     }[];
     showAccessUpgradePanel?: undefined;
+    layout?: undefined;
     is2ndLastSticky?: undefined;
-    isLastSticky?: undefined;
 } | {
     displayName: string;
     key: number;
@@ -20,8 +20,8 @@ export declare const Menus: ({
     hoverIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
     children?: undefined;
     showAccessUpgradePanel?: undefined;
+    layout?: undefined;
     is2ndLastSticky?: undefined;
-    isLastSticky?: undefined;
 } | {
     displayName: string;
     key: number;
@@ -33,29 +33,20 @@ export declare const Menus: ({
         displayName: string;
         key: number;
     }[];
+    layout?: undefined;
     is2ndLastSticky?: undefined;
-    isLastSticky?: undefined;
 } | {
     displayName: string;
     key: number;
     icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
     activeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
     hoverIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    layout: string;
     is2ndLastSticky: boolean;
-    children?: undefined;
-    showAccessUpgradePanel?: undefined;
-    isLastSticky?: undefined;
-} | {
-    displayName: string;
-    key: number;
-    icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    activeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    hoverIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    isLastSticky: boolean;
     children: {
         displayName: string;
         key: number;
+        description: string;
     }[];
     showAccessUpgradePanel?: undefined;
-    is2ndLastSticky?: undefined;
 })[];

package/dist/esm/components/bik-layout/SidebarPopup.d.ts

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

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

@@ -0,0 +1 @@
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import{TitleRegular as s,BodySecondary as t}from"../TypographyStyle.js";import{SidebarPopupContainer as i}from"./SidebarStyles.js";const o=o=>{const{top:r,menuList:l,zIndex:a,left:c,onMouseLeaveOnMenu:m,onClickingPopupMenu:d}=o;return e(i,Object.assign({top:r,theme:"white",zIndex:a,left:null!=c?c:95,postion:"fixed"},{children:e("div",Object.assign({id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:m},{children:null==l?void 0:l.map(((i,o)=>n("div",Object.assign({className:"each-menu",style:{borderBottom:o==l.length-1?"none":void 0},onClick:()=>d(i)},{children:[e(s,Object.assign({style:{fontSize:14}},{children:i.displayName})),e(t,Object.assign({style:{fontSize:12}},{children:i.description}))]}),o)))}),"_sub-menu")}))};export{o as SidebarPopup};

package/dist/esm/components/bik-layout/SidebarStyles.d.ts

@@ -19,3 +19,14 @@ export declare const SimpleSidebarContainer: import("@emotion/styled").StyledCom
     zIndex?: number | undefined;
     left?: number | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SidebarPopupContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    postion?: "fixed" | "sticky" | undefined;
+    top?: number | undefined;
+    theme: SidebarTheme;
+    zIndex?: number | undefined;
+    left?: number | undefined;
+    bottom?: number | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1 +1 @@
-import c from"@emotion/styled/base";import{COLORS as d}from"../../constants/Theme.js";const X=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks2"}:{target:"e17yrcks2",label:"SideBarContainer"})("production"===process.env.NODE_ENV?{name:"1vc2gsk",styles:"background-color:#28034e;width:88px;justify-content:space-between;position:sticky;top:0;left:0;z-index:10;overflow-y:auto;height:100vh;.bik-header-logo{margin:24px 15.39px 8px 15.39px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:57px;height:20px;cursor:pointer;img{width:100%;height:100%;object-fit:container;}}.sticky-menu{@media (min-height: 768px){position:absolute;bottom:0px;width:85%;}}.sticky-menu-int{@media (min-height: 768px){position:absolute;bottom:64px;width:85%;}}"}:{name:"1vc2gsk",styles:"background-color:#28034e;width:88px;justify-content:space-between;position:sticky;top:0;left:0;z-index:10;overflow-y:auto;height:100vh;.bik-header-logo{margin:24px 15.39px 8px 15.39px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:57px;height:20px;cursor:pointer;img{width:100%;height:100%;object-fit:container;}}.sticky-menu{@media (min-height: 768px){position:absolute;bottom:0px;width:85%;}}.sticky-menu-int{@media (min-height: 768px){position:absolute;bottom:64px;width:85%;}}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUUyQyIsImZpbGUiOiJTaWRlYmFyU3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU2lkZUJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjMjgwMzRlO1xuXHR3aWR0aDogODhweDtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRwb3NpdGlvbjogc3RpY2t5O1xuXHR0b3A6IDA7XG5cdGxlZnQ6IDA7XG5cdHotaW5kZXg6IDEwO1xuXHRvdmVyZmxvdy15OiBhdXRvO1xuXHRoZWlnaHQ6IDEwMHZoO1xuXG5cdC5iaWstaGVhZGVyLWxvZ28ge1xuXHRcdG1hcmdpbjogMjRweCAxNS4zOXB4IDhweCAxNS4zOXB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHdpZHRoOiA1N3B4O1xuXHRcdGhlaWdodDogMjBweDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0aW1nIHtcblx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0b2JqZWN0LWZpdDogY29udGFpbmVyO1xuXHRcdH1cblx0fVxuXG5cdC5zdGlja3ktbWVudSB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiAwcHg7XG5cdFx0XHR3aWR0aDogODUlO1xuXHRcdH1cblx0fVxuXHQuc3RpY2t5LW1lbnUtaW50IHtcblx0XHRAbWVkaWEgKG1pbi1oZWlnaHQ6IDc2OHB4KSB7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRib3R0b206IDY0cHg7XG5cdFx0XHR3aWR0aDogODUlO1xuXHRcdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFNpYmVCYXJNZW51SXRlbSA9IHN0eWxlZC5kaXYgYFxuXHRtYXJnaW46IDE2cHggMHB4O1xuXHQubWFpbi0tc2lkZWJhciB7XG5cdFx0b3ZlcmZsb3cteTogYXV0bztcblx0XHRwYWRkaW5nOiAwcHggOHB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDZweDtcblx0XHQ+ICoge1xuXHRcdFx0Z2FwOiA4cHg7XG5cdFx0fVxuXHR9XG5cblx0LnNpZGViYXItbWVudS1pdGVtIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ+ICoge1xuXHRcdFx0Z2FwOiAxMHB4O1xuXHRcdH1cblx0XHRwYWRkaW5nOiA4cHg7XG5cdH1cblxuXHQubWVudS1pdGVtLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQubWVudS1pdGVtLXRleHQge1xuXHRcdFx0Zm9udC1mYW1pbHk6ICdJbnRlcic7XG5cdFx0XHRmb250LXN0eWxlOiBub3JtYWw7XG5cdFx0XHRmb250LXdlaWdodDogNDAwO1xuXHRcdFx0Zm9udC1zaXplOiAxMnB4O1xuXHRcdFx0bGluZS1oZWlnaHQ6IDE2cHg7XG5cdFx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2V9O1xuXHRcdFx0bWFyZ2luLWJvdHRvbTogMHB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQuYWN0aXZlLW1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdFx0fVxuXHR9XG5cdC5tYWluLW1lbnUtYWN0aXZlLWNsYXNzIHtcblx0XHRib3JkZXItcmFkaXVzOiAxMHB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICMzODEwNjI7XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQud2FybmluZy52aWJyYW50fTtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW0taG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zaWRlYmFyLW1lbnUtaXRlbTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogIzM4MTA2Mjtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaW1wbGVTaWRlYmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdC50cmFuc2Zvcm0tY2xhc3Mge1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRhbmltYXRpb246IGFuaW1hdGVib3R0b20gMC41cztcblx0XHR0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbjtcblx0fVxuXHRAa2V5ZnJhbWVzIGFuaW1hdGVib3R0b20ge1xuXHRcdGZyb20ge1xuXHRcdFx0d2lkdGg6IDg4cHg7XG5cdFx0XHRvcGFjaXR5OiAwO1xuXHRcdH1cblxuXHRcdHRvIHtcblx0XHRcdHdpZHRoOiAyMDBweDtcblx0XHRcdG9wYWNpdHk6IDE7XG5cdFx0fVxuXHR9XG5cdC5zaWRlYmFyLXJpZ2h0LW1lbnUge1xuXHRcdHBvc2l0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzLnBvc3Rpb24gPyBwcm9wcy5wb3N0aW9uIDogJ3N0aWNreScpfTtcblx0XHR0b3A6ICR7KHByb3BzKSA9PiAocHJvcHMudG9wID8gcHJvcHMudG9wIDogMCl9cHg7XG5cdFx0bGVmdDogJHsocHJvcHMpID0+IChwcm9wcy5sZWZ0ID8gcHJvcHMubGVmdCA6IDApfXB4OyAvLzg4XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6IDIwMCl9cHg7XG5cdFx0ei1pbmRleDogJHsocHJvcHMpID0+IChwcm9wcy56SW5kZXggPyBwcm9wcy56SW5kZXggOiAyKX07XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCcgPyAnIzM4MTA2MicgOiBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0aGVpZ2h0OiAxMDB2aDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtbWVudSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRtYXJnaW4tYm90dG9tOiA4cHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdC5zdWItY2hpbGQtdGV4dCB7XG5cdFx0XHRjb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCcgPyBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZCA6ICcnfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblx0XHRcdG92ZXJmbG93OiBoaWRkZW47XG5cdFx0XHR0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblx0XHR9XG5cdFx0LnN1Yi1jaGlsZC1hY3RpdmUtdGV4dCB7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAwcHggNHB4IDRweCAwcHg7XG5cdFx0XHR3aWR0aDogMnB4O1xuXHRcdFx0aGVpZ2h0OiAxMnB4O1xuXHRcdFx0YmFja2dyb3VuZDogd2hpdGU7XG5cdFx0fVxuXHRcdC5hY3RpdmUtYm9sZC13ZWlnaHQge1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDYwMDtcblx0XHR9XG5cdH1cblx0LnN1Yi1jaGlsZC1tZW51OmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtYWN0aXZlLW1lbnUge1xuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2VMaWdodFxyXG4gICAgOiBDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdH1cblx0LnN1Yi1jaGlsZC1kaXNwbGF5LW5hbWUge1xuXHRcdHBhZGRpbmc6IDE0cHggMTJweDtcblx0XHRjb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5SW52ZXJzZVxyXG4gICAgOiBDT0xPUlMudGV4dC5zZWNvbmRhcnl9O1xuXHR9XG5cdC5sb3dlci1zdGlja3ktcGFuZWwge1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRib3R0b206IDE2cHg7XG5cdFx0LnRpdGxlLXRleHQge1xuXHRcdFx0cGFkZGluZzogOHB4IDEycHg7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0fVxuXHRcdC51cGdyYWRlLWJ1dHRvbiB7XG5cdFx0XHRtYXJnaW46IGF1dG87XG5cdFx0fVxuXHR9XG5cdC5zaWRlYmFyLXNrZWxldG9uIHtcblx0XHRwYWRkaW5nOiA4cHg7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVNpZGViYXJTdHlsZXMuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),b=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks1"}:{target:"e17yrcks1",label:"SibeBarMenuItem"})("margin:16px 0px;.main--sidebar{overflow-y:auto;padding:0px 8px;margin-bottom:6px;>*{gap:8px;}}.sidebar-menu-item{display:flex;flex-direction:column;border-radius:10px;align-items:center;justify-content:space-around;cursor:pointer;padding:8px;>*{gap:10px;}}.menu-item-container{display:flex;flex-direction:row;cursor:pointer;.menu-item-text{font-family:'Inter';font-style:normal;font-weight:400;font-size:12px;line-height:16px;user-select:none;color:",d.content.secondaryInverse,";margin-bottom:0px;text-align:center;}.active-menu-item-text{color:",d.background.warning.vibrant,";}}.main-menu-active-class{border-radius:10px;background-color:#381062;color:",d.background.warning.vibrant,";}.sidebar-menu-item-hover{background:#381062;border-radius:8px;}.sidebar-menu-item:hover{background:#381062;border-radius:8px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDMEMiLCJmaWxlIjoiU2lkZWJhclN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFNpZGVCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogIzI4MDM0ZTtcblx0d2lkdGg6IDg4cHg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cG9zaXRpb246IHN0aWNreTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR6LWluZGV4OiAxMDtcblx0b3ZlcmZsb3cteTogYXV0bztcblx0aGVpZ2h0OiAxMDB2aDtcblxuXHQuYmlrLWhlYWRlci1sb2dvIHtcblx0XHRtYXJnaW46IDI0cHggMTUuMzlweCA4cHggMTUuMzlweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR3aWR0aDogNTdweDtcblx0XHRoZWlnaHQ6IDIwcHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGltZyB7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdG9iamVjdC1maXQ6IGNvbnRhaW5lcjtcblx0XHR9XG5cdH1cblxuXHQuc3RpY2t5LW1lbnUge1xuXHRcdEBtZWRpYSAobWluLWhlaWdodDogNzY4cHgpIHtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGJvdHRvbTogMHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cblx0LnN0aWNreS1tZW51LWludCB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiA2NHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWJlQmFyTWVudUl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luOiAxNnB4IDBweDtcblx0Lm1haW4tLXNpZGViYXIge1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0cGFkZGluZzogMHB4IDhweDtcblx0XHRtYXJnaW4tYm90dG9tOiA2cHg7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogOHB4O1xuXHRcdH1cblx0fVxuXG5cdC5zaWRlYmFyLW1lbnUtaXRlbSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogMTBweDtcblx0XHR9XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cblx0Lm1lbnUtaXRlbS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Lm1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGZvbnQtZmFtaWx5OiAnSW50ZXInO1xuXHRcdFx0Zm9udC1zdHlsZTogbm9ybWFsO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0XHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnlJbnZlcnNlfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHR9XG5cdFx0LmFjdGl2ZS1tZW51LWl0ZW0tdGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLnZpYnJhbnR9O1xuXHRcdH1cblx0fVxuXHQubWFpbi1tZW51LWFjdGl2ZS1jbGFzcyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMzgxMDYyO1xuXHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdH1cblx0LnNpZGViYXItbWVudS1pdGVtLWhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAjMzgxMDYyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW06aG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2ltcGxlU2lkZWJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHQudHJhbnNmb3JtLWNsYXNzIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0YW5pbWF0aW9uOiBhbmltYXRlYm90dG9tIDAuNXM7XG5cdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW47XG5cdH1cblx0QGtleWZyYW1lcyBhbmltYXRlYm90dG9tIHtcblx0XHRmcm9tIHtcblx0XHRcdHdpZHRoOiA4OHB4O1xuXHRcdFx0b3BhY2l0eTogMDtcblx0XHR9XG5cblx0XHR0byB7XG5cdFx0XHR3aWR0aDogMjAwcHg7XG5cdFx0XHRvcGFjaXR5OiAxO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1yaWdodC1tZW51IHtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IDApfXB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAyMDApfXB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGhlaWdodDogMTAwdmg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLW1lbnUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogOHB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQuc3ViLWNoaWxkLXRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAnJ307XG5cdFx0XHRtYXJnaW4tYm90dG9tOiAwcHg7XG5cdFx0XHRwYWRkaW5nOiA4cHggMTJweDtcblx0XHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdFx0fVxuXHRcdC5zdWItY2hpbGQtYWN0aXZlLXRleHQge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMHB4IDRweCA0cHggMHB4O1xuXHRcdFx0d2lkdGg6IDJweDtcblx0XHRcdGhlaWdodDogMTJweDtcblx0XHRcdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRcdH1cblx0XHQuYWN0aXZlLWJvbGQtd2VpZ2h0IHtcblx0XHRcdGZvbnQtd2VpZ2h0OiA2MDA7XG5cdFx0fVxuXHR9XG5cdC5zdWItY2hpbGQtbWVudTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IENPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLWFjdGl2ZS1tZW51IHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtZGlzcGxheS1uYW1lIHtcblx0XHRwYWRkaW5nOiAxNHB4IDEycHg7XG5cdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2VcclxuICAgIDogQ09MT1JTLnRleHQuc2Vjb25kYXJ5fTtcblx0fVxuXHQubG93ZXItc3RpY2t5LXBhbmVsIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0Ym90dG9tOiAxNnB4O1xuXHRcdC50aXRsZS10ZXh0IHtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQudXBncmFkZS1idXR0b24ge1xuXHRcdFx0bWFyZ2luOiBhdXRvO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1za2VsZXRvbiB7XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TaWRlYmFyU3R5bGVzLmpzLm1hcCJdfQ== */")),x=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks0"}:{target:"e17yrcks0",label:"SimpleSidebarContainer"})(".transform-class{position:relative;animation:animatebottom 0.5s;transition-timing-function:ease-in;}@keyframes animatebottom{from{width:88px;opacity:0;}to{width:200px;opacity:1;}}.sidebar-right-menu{position:",(c=>c.postion?c.postion:"sticky"),";top:",(c=>c.top?c.top:0),"px;left:",(c=>c.left?c.left:0),"px;width:",(c=>c.width?c.width:200),"px;z-index:",(c=>c.zIndex?c.zIndex:2),";background-color:",(c=>"brand"==c.theme?"#381062":d.surface.standard),";height:100vh;display:flex;flex-direction:column;padding:8px;}.sub-child-menu{display:flex;align-items:center;justify-content:flex-start;margin-bottom:8px;cursor:pointer;.sub-child-text{color:",(c=>"brand"==c.theme?d.surface.standard:""),";margin-bottom:0px;padding:8px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.sub-child-active-text{border-radius:0px 4px 4px 0px;width:2px;height:12px;background:white;}.active-bold-weight{font-weight:600;}}.sub-child-menu:hover{background:",(c=>"brand"==c.theme?d.background.inverseLight:d.background.base),";border-radius:8px;}.sub-child-active-menu{background:",(c=>"brand"==c.theme?d.background.inverseLight:d.background.base),";border-radius:8px;}.sub-child-display-name{padding:14px 12px;color:",(c=>"brand"==c.theme?d.content.secondaryInverse:d.text.secondary),";}.lower-sticky-panel{position:absolute;bottom:16px;.title-text{padding:8px 12px;text-align:center;}.upgrade-button{margin:auto;}}.sidebar-skeleton{padding:8px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFHaUQiLCJmaWxlIjoiU2lkZWJhclN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFNpZGVCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogIzI4MDM0ZTtcblx0d2lkdGg6IDg4cHg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cG9zaXRpb246IHN0aWNreTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR6LWluZGV4OiAxMDtcblx0b3ZlcmZsb3cteTogYXV0bztcblx0aGVpZ2h0OiAxMDB2aDtcblxuXHQuYmlrLWhlYWRlci1sb2dvIHtcblx0XHRtYXJnaW46IDI0cHggMTUuMzlweCA4cHggMTUuMzlweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR3aWR0aDogNTdweDtcblx0XHRoZWlnaHQ6IDIwcHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGltZyB7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdG9iamVjdC1maXQ6IGNvbnRhaW5lcjtcblx0XHR9XG5cdH1cblxuXHQuc3RpY2t5LW1lbnUge1xuXHRcdEBtZWRpYSAobWluLWhlaWdodDogNzY4cHgpIHtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGJvdHRvbTogMHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cblx0LnN0aWNreS1tZW51LWludCB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiA2NHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWJlQmFyTWVudUl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luOiAxNnB4IDBweDtcblx0Lm1haW4tLXNpZGViYXIge1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0cGFkZGluZzogMHB4IDhweDtcblx0XHRtYXJnaW4tYm90dG9tOiA2cHg7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogOHB4O1xuXHRcdH1cblx0fVxuXG5cdC5zaWRlYmFyLW1lbnUtaXRlbSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogMTBweDtcblx0XHR9XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cblx0Lm1lbnUtaXRlbS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Lm1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGZvbnQtZmFtaWx5OiAnSW50ZXInO1xuXHRcdFx0Zm9udC1zdHlsZTogbm9ybWFsO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0XHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnlJbnZlcnNlfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHR9XG5cdFx0LmFjdGl2ZS1tZW51LWl0ZW0tdGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLnZpYnJhbnR9O1xuXHRcdH1cblx0fVxuXHQubWFpbi1tZW51LWFjdGl2ZS1jbGFzcyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMzgxMDYyO1xuXHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdH1cblx0LnNpZGViYXItbWVudS1pdGVtLWhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAjMzgxMDYyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW06aG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2ltcGxlU2lkZWJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHQudHJhbnNmb3JtLWNsYXNzIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0YW5pbWF0aW9uOiBhbmltYXRlYm90dG9tIDAuNXM7XG5cdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW47XG5cdH1cblx0QGtleWZyYW1lcyBhbmltYXRlYm90dG9tIHtcblx0XHRmcm9tIHtcblx0XHRcdHdpZHRoOiA4OHB4O1xuXHRcdFx0b3BhY2l0eTogMDtcblx0XHR9XG5cblx0XHR0byB7XG5cdFx0XHR3aWR0aDogMjAwcHg7XG5cdFx0XHRvcGFjaXR5OiAxO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1yaWdodC1tZW51IHtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IDApfXB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAyMDApfXB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGhlaWdodDogMTAwdmg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLW1lbnUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogOHB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQuc3ViLWNoaWxkLXRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAnJ307XG5cdFx0XHRtYXJnaW4tYm90dG9tOiAwcHg7XG5cdFx0XHRwYWRkaW5nOiA4cHggMTJweDtcblx0XHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdFx0fVxuXHRcdC5zdWItY2hpbGQtYWN0aXZlLXRleHQge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMHB4IDRweCA0cHggMHB4O1xuXHRcdFx0d2lkdGg6IDJweDtcblx0XHRcdGhlaWdodDogMTJweDtcblx0XHRcdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRcdH1cblx0XHQuYWN0aXZlLWJvbGQtd2VpZ2h0IHtcblx0XHRcdGZvbnQtd2VpZ2h0OiA2MDA7XG5cdFx0fVxuXHR9XG5cdC5zdWItY2hpbGQtbWVudTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IENPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLWFjdGl2ZS1tZW51IHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtZGlzcGxheS1uYW1lIHtcblx0XHRwYWRkaW5nOiAxNHB4IDEycHg7XG5cdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2VcclxuICAgIDogQ09MT1JTLnRleHQuc2Vjb25kYXJ5fTtcblx0fVxuXHQubG93ZXItc3RpY2t5LXBhbmVsIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0Ym90dG9tOiAxNnB4O1xuXHRcdC50aXRsZS10ZXh0IHtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQudXBncmFkZS1idXR0b24ge1xuXHRcdFx0bWFyZ2luOiBhdXRvO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1za2VsZXRvbiB7XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TaWRlYmFyU3R5bGVzLmpzLm1hcCJdfQ== */"));export{b as SibeBarMenuItem,X as SideBarContainer,x as SimpleSidebarContainer};
+import c from"@emotion/styled/base";import{COLORS as d}from"../../constants/Theme.js";const X=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks3"}:{target:"e17yrcks3",label:"SideBarContainer"})("production"===process.env.NODE_ENV?{name:"1vc2gsk",styles:"background-color:#28034e;width:88px;justify-content:space-between;position:sticky;top:0;left:0;z-index:10;overflow-y:auto;height:100vh;.bik-header-logo{margin:24px 15.39px 8px 15.39px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:57px;height:20px;cursor:pointer;img{width:100%;height:100%;object-fit:container;}}.sticky-menu{@media (min-height: 768px){position:absolute;bottom:0px;width:85%;}}.sticky-menu-int{@media (min-height: 768px){position:absolute;bottom:64px;width:85%;}}"}:{name:"1vc2gsk",styles:"background-color:#28034e;width:88px;justify-content:space-between;position:sticky;top:0;left:0;z-index:10;overflow-y:auto;height:100vh;.bik-header-logo{margin:24px 15.39px 8px 15.39px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:57px;height:20px;cursor:pointer;img{width:100%;height:100%;object-fit:container;}}.sticky-menu{@media (min-height: 768px){position:absolute;bottom:0px;width:85%;}}.sticky-menu-int{@media (min-height: 768px){position:absolute;bottom:64px;width:85%;}}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUUyQyIsImZpbGUiOiJTaWRlYmFyU3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU2lkZUJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjMjgwMzRlO1xuXHR3aWR0aDogODhweDtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRwb3NpdGlvbjogc3RpY2t5O1xuXHR0b3A6IDA7XG5cdGxlZnQ6IDA7XG5cdHotaW5kZXg6IDEwO1xuXHRvdmVyZmxvdy15OiBhdXRvO1xuXHRoZWlnaHQ6IDEwMHZoO1xuXG5cdC5iaWstaGVhZGVyLWxvZ28ge1xuXHRcdG1hcmdpbjogMjRweCAxNS4zOXB4IDhweCAxNS4zOXB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHdpZHRoOiA1N3B4O1xuXHRcdGhlaWdodDogMjBweDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0aW1nIHtcblx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0b2JqZWN0LWZpdDogY29udGFpbmVyO1xuXHRcdH1cblx0fVxuXG5cdC5zdGlja3ktbWVudSB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiAwcHg7XG5cdFx0XHR3aWR0aDogODUlO1xuXHRcdH1cblx0fVxuXHQuc3RpY2t5LW1lbnUtaW50IHtcblx0XHRAbWVkaWEgKG1pbi1oZWlnaHQ6IDc2OHB4KSB7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRib3R0b206IDY0cHg7XG5cdFx0XHR3aWR0aDogODUlO1xuXHRcdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFNpYmVCYXJNZW51SXRlbSA9IHN0eWxlZC5kaXYgYFxuXHRtYXJnaW46IDE2cHggMHB4O1xuXHQubWFpbi0tc2lkZWJhciB7XG5cdFx0b3ZlcmZsb3cteTogYXV0bztcblx0XHRwYWRkaW5nOiAwcHggOHB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDZweDtcblx0XHQ+ICoge1xuXHRcdFx0Z2FwOiA4cHg7XG5cdFx0fVxuXHR9XG5cblx0LnNpZGViYXItbWVudS1pdGVtIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ+ICoge1xuXHRcdFx0Z2FwOiAxMHB4O1xuXHRcdH1cblx0XHRwYWRkaW5nOiA4cHg7XG5cdH1cblxuXHQubWVudS1pdGVtLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQubWVudS1pdGVtLXRleHQge1xuXHRcdFx0Zm9udC1mYW1pbHk6ICdJbnRlcic7XG5cdFx0XHRmb250LXN0eWxlOiBub3JtYWw7XG5cdFx0XHRmb250LXdlaWdodDogNDAwO1xuXHRcdFx0Zm9udC1zaXplOiAxMnB4O1xuXHRcdFx0bGluZS1oZWlnaHQ6IDE2cHg7XG5cdFx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2V9O1xuXHRcdFx0bWFyZ2luLWJvdHRvbTogMHB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQuYWN0aXZlLW1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdFx0fVxuXHR9XG5cdC5tYWluLW1lbnUtYWN0aXZlLWNsYXNzIHtcblx0XHRib3JkZXItcmFkaXVzOiAxMHB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICMzODEwNjI7XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQud2FybmluZy52aWJyYW50fTtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW0taG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zaWRlYmFyLW1lbnUtaXRlbTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogIzM4MTA2Mjtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaW1wbGVTaWRlYmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdC50cmFuc2Zvcm0tY2xhc3Mge1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRhbmltYXRpb246IGFuaW1hdGVib3R0b20gMC41cztcblx0XHR0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbjtcblx0fVxuXHRAa2V5ZnJhbWVzIGFuaW1hdGVib3R0b20ge1xuXHRcdGZyb20ge1xuXHRcdFx0d2lkdGg6IDg4cHg7XG5cdFx0XHRvcGFjaXR5OiAwO1xuXHRcdH1cblxuXHRcdHRvIHtcblx0XHRcdHdpZHRoOiAyMDBweDtcblx0XHRcdG9wYWNpdHk6IDE7XG5cdFx0fVxuXHR9XG5cdC5zaWRlYmFyLXJpZ2h0LW1lbnUge1xuXHRcdHBvc2l0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzLnBvc3Rpb24gPyBwcm9wcy5wb3N0aW9uIDogJ3N0aWNreScpfTtcblx0XHR0b3A6ICR7KHByb3BzKSA9PiAocHJvcHMudG9wID8gcHJvcHMudG9wIDogMCl9cHg7XG5cdFx0bGVmdDogJHsocHJvcHMpID0+IChwcm9wcy5sZWZ0ID8gcHJvcHMubGVmdCA6IDApfXB4OyAvLzg4XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6IDIwMCl9cHg7XG5cdFx0ei1pbmRleDogJHsocHJvcHMpID0+IChwcm9wcy56SW5kZXggPyBwcm9wcy56SW5kZXggOiAyKX07XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCcgPyAnIzM4MTA2MicgOiBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0aGVpZ2h0OiAxMDB2aDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtbWVudSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRtYXJnaW4tYm90dG9tOiA4cHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdC5zdWItY2hpbGQtdGV4dCB7XG5cdFx0XHRjb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCcgPyBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZCA6ICcnfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblx0XHRcdG92ZXJmbG93OiBoaWRkZW47XG5cdFx0XHR0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblx0XHR9XG5cdFx0LnN1Yi1jaGlsZC1hY3RpdmUtdGV4dCB7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAwcHggNHB4IDRweCAwcHg7XG5cdFx0XHR3aWR0aDogMnB4O1xuXHRcdFx0aGVpZ2h0OiAxMnB4O1xuXHRcdFx0YmFja2dyb3VuZDogd2hpdGU7XG5cdFx0fVxuXHRcdC5hY3RpdmUtYm9sZC13ZWlnaHQge1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDYwMDtcblx0XHR9XG5cdH1cblx0LnN1Yi1jaGlsZC1tZW51OmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtYWN0aXZlLW1lbnUge1xuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2VMaWdodFxyXG4gICAgOiBDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdH1cblx0LnN1Yi1jaGlsZC1kaXNwbGF5LW5hbWUge1xuXHRcdHBhZGRpbmc6IDE0cHggMTJweDtcblx0XHRjb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5SW52ZXJzZVxyXG4gICAgOiBDT0xPUlMudGV4dC5zZWNvbmRhcnl9O1xuXHR9XG5cdC5sb3dlci1zdGlja3ktcGFuZWwge1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRib3R0b206IDE2cHg7XG5cdFx0LnRpdGxlLXRleHQge1xuXHRcdFx0cGFkZGluZzogOHB4IDEycHg7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0fVxuXHRcdC51cGdyYWRlLWJ1dHRvbiB7XG5cdFx0XHRtYXJnaW46IGF1dG87XG5cdFx0fVxuXHR9XG5cdC5zaWRlYmFyLXNrZWxldG9uIHtcblx0XHRwYWRkaW5nOiA4cHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWRlYmFyUG9wdXBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0LnNpZGViYXItcmlnaHQtbWVudSB7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGJvcmRlcjogMC41cHggc29saWQgdmFyKC0tc3Ryb2tlLWNvbG9yLXN0cm9rZS1wcmltYXJ5LCAjZTBlMGUwKTtcblx0XHRib3gtc2hhZG93OiAwcHggMHB4IDEycHggMHB4IHJnYmEoMjIyLCAyMzYsIDI1NSwgMC42KTtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IHVuZGVmaW5lZCl9cHg7XG5cdFx0Ym90dG9tOiAxMHB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdG1pbi13aWR0aDogMjAwcHg7XG5cdFx0ei1pbmRleDogJHsocHJvcHMpID0+IChwcm9wcy56SW5kZXggPyBwcm9wcy56SW5kZXggOiAyKX07XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCcgPyAnIzM4MTA2MicgOiBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDE2cHg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0bWluLWhlaWdodDogMTAwcHg7XG5cdFx0b3ZlcmZsb3cteTogYXV0bztcblx0XHRtYXgtd2lkdGg6IDMzNnB4O1xuXHR9XG5cdC5lYWNoLW1lbnUge1xuXHRcdHBhZGRpbmc6IDE2cHg7XG5cdFx0Z2FwOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0XHRib3JkZXItYm90dG9tOiAwLjVweCBzb2xpZCAjZTBlMGUwO1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVNpZGViYXJTdHlsZXMuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),b=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks2"}:{target:"e17yrcks2",label:"SibeBarMenuItem"})("margin:16px 0px;.main--sidebar{overflow-y:auto;padding:0px 8px;margin-bottom:6px;>*{gap:8px;}}.sidebar-menu-item{display:flex;flex-direction:column;border-radius:10px;align-items:center;justify-content:space-around;cursor:pointer;padding:8px;>*{gap:10px;}}.menu-item-container{display:flex;flex-direction:row;cursor:pointer;.menu-item-text{font-family:'Inter';font-style:normal;font-weight:400;font-size:12px;line-height:16px;user-select:none;color:",d.content.secondaryInverse,";margin-bottom:0px;text-align:center;}.active-menu-item-text{color:",d.background.warning.vibrant,";}}.main-menu-active-class{border-radius:10px;background-color:#381062;color:",d.background.warning.vibrant,";}.sidebar-menu-item-hover{background:#381062;border-radius:8px;}.sidebar-menu-item:hover{background:#381062;border-radius:8px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDMEMiLCJmaWxlIjoiU2lkZWJhclN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFNpZGVCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogIzI4MDM0ZTtcblx0d2lkdGg6IDg4cHg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cG9zaXRpb246IHN0aWNreTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR6LWluZGV4OiAxMDtcblx0b3ZlcmZsb3cteTogYXV0bztcblx0aGVpZ2h0OiAxMDB2aDtcblxuXHQuYmlrLWhlYWRlci1sb2dvIHtcblx0XHRtYXJnaW46IDI0cHggMTUuMzlweCA4cHggMTUuMzlweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR3aWR0aDogNTdweDtcblx0XHRoZWlnaHQ6IDIwcHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGltZyB7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdG9iamVjdC1maXQ6IGNvbnRhaW5lcjtcblx0XHR9XG5cdH1cblxuXHQuc3RpY2t5LW1lbnUge1xuXHRcdEBtZWRpYSAobWluLWhlaWdodDogNzY4cHgpIHtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGJvdHRvbTogMHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cblx0LnN0aWNreS1tZW51LWludCB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiA2NHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWJlQmFyTWVudUl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luOiAxNnB4IDBweDtcblx0Lm1haW4tLXNpZGViYXIge1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0cGFkZGluZzogMHB4IDhweDtcblx0XHRtYXJnaW4tYm90dG9tOiA2cHg7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogOHB4O1xuXHRcdH1cblx0fVxuXG5cdC5zaWRlYmFyLW1lbnUtaXRlbSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogMTBweDtcblx0XHR9XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cblx0Lm1lbnUtaXRlbS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Lm1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGZvbnQtZmFtaWx5OiAnSW50ZXInO1xuXHRcdFx0Zm9udC1zdHlsZTogbm9ybWFsO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0XHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnlJbnZlcnNlfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHR9XG5cdFx0LmFjdGl2ZS1tZW51LWl0ZW0tdGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLnZpYnJhbnR9O1xuXHRcdH1cblx0fVxuXHQubWFpbi1tZW51LWFjdGl2ZS1jbGFzcyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMzgxMDYyO1xuXHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdH1cblx0LnNpZGViYXItbWVudS1pdGVtLWhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAjMzgxMDYyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW06aG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2ltcGxlU2lkZWJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHQudHJhbnNmb3JtLWNsYXNzIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0YW5pbWF0aW9uOiBhbmltYXRlYm90dG9tIDAuNXM7XG5cdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW47XG5cdH1cblx0QGtleWZyYW1lcyBhbmltYXRlYm90dG9tIHtcblx0XHRmcm9tIHtcblx0XHRcdHdpZHRoOiA4OHB4O1xuXHRcdFx0b3BhY2l0eTogMDtcblx0XHR9XG5cblx0XHR0byB7XG5cdFx0XHR3aWR0aDogMjAwcHg7XG5cdFx0XHRvcGFjaXR5OiAxO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1yaWdodC1tZW51IHtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IDApfXB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAyMDApfXB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGhlaWdodDogMTAwdmg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLW1lbnUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogOHB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQuc3ViLWNoaWxkLXRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAnJ307XG5cdFx0XHRtYXJnaW4tYm90dG9tOiAwcHg7XG5cdFx0XHRwYWRkaW5nOiA4cHggMTJweDtcblx0XHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdFx0fVxuXHRcdC5zdWItY2hpbGQtYWN0aXZlLXRleHQge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMHB4IDRweCA0cHggMHB4O1xuXHRcdFx0d2lkdGg6IDJweDtcblx0XHRcdGhlaWdodDogMTJweDtcblx0XHRcdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRcdH1cblx0XHQuYWN0aXZlLWJvbGQtd2VpZ2h0IHtcblx0XHRcdGZvbnQtd2VpZ2h0OiA2MDA7XG5cdFx0fVxuXHR9XG5cdC5zdWItY2hpbGQtbWVudTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IENPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLWFjdGl2ZS1tZW51IHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtZGlzcGxheS1uYW1lIHtcblx0XHRwYWRkaW5nOiAxNHB4IDEycHg7XG5cdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2VcclxuICAgIDogQ09MT1JTLnRleHQuc2Vjb25kYXJ5fTtcblx0fVxuXHQubG93ZXItc3RpY2t5LXBhbmVsIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0Ym90dG9tOiAxNnB4O1xuXHRcdC50aXRsZS10ZXh0IHtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQudXBncmFkZS1idXR0b24ge1xuXHRcdFx0bWFyZ2luOiBhdXRvO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1za2VsZXRvbiB7XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2lkZWJhclBvcHVwQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdC5zaWRlYmFyLXJpZ2h0LW1lbnUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRib3JkZXI6IDAuNXB4IHNvbGlkIHZhcigtLXN0cm9rZS1jb2xvci1zdHJva2UtcHJpbWFyeSwgI2UwZTBlMCk7XG5cdFx0Ym94LXNoYWRvdzogMHB4IDBweCAxMnB4IDBweCByZ2JhKDIyMiwgMjM2LCAyNTUsIDAuNik7XG5cdFx0cG9zaXRpb246ICR7KHByb3BzKSA9PiAocHJvcHMucG9zdGlvbiA/IHByb3BzLnBvc3Rpb24gOiAnc3RpY2t5Jyl9O1xuXHRcdHRvcDogJHsocHJvcHMpID0+IChwcm9wcy50b3AgPyBwcm9wcy50b3AgOiB1bmRlZmluZWQpfXB4O1xuXHRcdGJvdHRvbTogMTBweDtcblx0XHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLmxlZnQgPyBwcm9wcy5sZWZ0IDogMCl9cHg7IC8vODhcblx0XHRtaW4td2lkdGg6IDIwMHB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRwYWRkaW5nOiAxNnB4O1xuXHRcdGdhcDogOHB4O1xuXHRcdG1pbi1oZWlnaHQ6IDEwMHB4O1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0bWF4LXdpZHRoOiAzMzZweDtcblx0fVxuXHQuZWFjaC1tZW51IHtcblx0XHRwYWRkaW5nOiAxNnB4O1xuXHRcdGdhcDogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdFx0Ym9yZGVyLWJvdHRvbTogMC41cHggc29saWQgI2UwZTBlMDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0OmhvdmVyIHtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdFx0fVxuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TaWRlYmFyU3R5bGVzLmpzLm1hcCJdfQ== */")),H=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks1"}:{target:"e17yrcks1",label:"SimpleSidebarContainer"})(".transform-class{position:relative;animation:animatebottom 0.5s;transition-timing-function:ease-in;}@keyframes animatebottom{from{width:88px;opacity:0;}to{width:200px;opacity:1;}}.sidebar-right-menu{position:",(c=>c.postion?c.postion:"sticky"),";top:",(c=>c.top?c.top:0),"px;left:",(c=>c.left?c.left:0),"px;width:",(c=>c.width?c.width:200),"px;z-index:",(c=>c.zIndex?c.zIndex:2),";background-color:",(c=>"brand"==c.theme?"#381062":d.surface.standard),";height:100vh;display:flex;flex-direction:column;padding:8px;}.sub-child-menu{display:flex;align-items:center;justify-content:flex-start;margin-bottom:8px;cursor:pointer;.sub-child-text{color:",(c=>"brand"==c.theme?d.surface.standard:""),";margin-bottom:0px;padding:8px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.sub-child-active-text{border-radius:0px 4px 4px 0px;width:2px;height:12px;background:white;}.active-bold-weight{font-weight:600;}}.sub-child-menu:hover{background:",(c=>"brand"==c.theme?d.background.inverseLight:d.background.base),";border-radius:8px;}.sub-child-active-menu{background:",(c=>"brand"==c.theme?d.background.inverseLight:d.background.base),";border-radius:8px;}.sub-child-display-name{padding:14px 12px;color:",(c=>"brand"==c.theme?d.content.secondaryInverse:d.text.secondary),";}.lower-sticky-panel{position:absolute;bottom:16px;.title-text{padding:8px 12px;text-align:center;}.upgrade-button{margin:auto;}}.sidebar-skeleton{padding:8px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFHaUQiLCJmaWxlIjoiU2lkZWJhclN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFNpZGVCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogIzI4MDM0ZTtcblx0d2lkdGg6IDg4cHg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cG9zaXRpb246IHN0aWNreTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR6LWluZGV4OiAxMDtcblx0b3ZlcmZsb3cteTogYXV0bztcblx0aGVpZ2h0OiAxMDB2aDtcblxuXHQuYmlrLWhlYWRlci1sb2dvIHtcblx0XHRtYXJnaW46IDI0cHggMTUuMzlweCA4cHggMTUuMzlweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR3aWR0aDogNTdweDtcblx0XHRoZWlnaHQ6IDIwcHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGltZyB7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdG9iamVjdC1maXQ6IGNvbnRhaW5lcjtcblx0XHR9XG5cdH1cblxuXHQuc3RpY2t5LW1lbnUge1xuXHRcdEBtZWRpYSAobWluLWhlaWdodDogNzY4cHgpIHtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGJvdHRvbTogMHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cblx0LnN0aWNreS1tZW51LWludCB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiA2NHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWJlQmFyTWVudUl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luOiAxNnB4IDBweDtcblx0Lm1haW4tLXNpZGViYXIge1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0cGFkZGluZzogMHB4IDhweDtcblx0XHRtYXJnaW4tYm90dG9tOiA2cHg7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogOHB4O1xuXHRcdH1cblx0fVxuXG5cdC5zaWRlYmFyLW1lbnUtaXRlbSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogMTBweDtcblx0XHR9XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cblx0Lm1lbnUtaXRlbS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Lm1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGZvbnQtZmFtaWx5OiAnSW50ZXInO1xuXHRcdFx0Zm9udC1zdHlsZTogbm9ybWFsO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0XHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnlJbnZlcnNlfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHR9XG5cdFx0LmFjdGl2ZS1tZW51LWl0ZW0tdGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLnZpYnJhbnR9O1xuXHRcdH1cblx0fVxuXHQubWFpbi1tZW51LWFjdGl2ZS1jbGFzcyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMzgxMDYyO1xuXHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdH1cblx0LnNpZGViYXItbWVudS1pdGVtLWhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAjMzgxMDYyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW06aG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2ltcGxlU2lkZWJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHQudHJhbnNmb3JtLWNsYXNzIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0YW5pbWF0aW9uOiBhbmltYXRlYm90dG9tIDAuNXM7XG5cdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW47XG5cdH1cblx0QGtleWZyYW1lcyBhbmltYXRlYm90dG9tIHtcblx0XHRmcm9tIHtcblx0XHRcdHdpZHRoOiA4OHB4O1xuXHRcdFx0b3BhY2l0eTogMDtcblx0XHR9XG5cblx0XHR0byB7XG5cdFx0XHR3aWR0aDogMjAwcHg7XG5cdFx0XHRvcGFjaXR5OiAxO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1yaWdodC1tZW51IHtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IDApfXB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAyMDApfXB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGhlaWdodDogMTAwdmg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLW1lbnUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogOHB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQuc3ViLWNoaWxkLXRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAnJ307XG5cdFx0XHRtYXJnaW4tYm90dG9tOiAwcHg7XG5cdFx0XHRwYWRkaW5nOiA4cHggMTJweDtcblx0XHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdFx0fVxuXHRcdC5zdWItY2hpbGQtYWN0aXZlLXRleHQge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMHB4IDRweCA0cHggMHB4O1xuXHRcdFx0d2lkdGg6IDJweDtcblx0XHRcdGhlaWdodDogMTJweDtcblx0XHRcdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRcdH1cblx0XHQuYWN0aXZlLWJvbGQtd2VpZ2h0IHtcblx0XHRcdGZvbnQtd2VpZ2h0OiA2MDA7XG5cdFx0fVxuXHR9XG5cdC5zdWItY2hpbGQtbWVudTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IENPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLWFjdGl2ZS1tZW51IHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtZGlzcGxheS1uYW1lIHtcblx0XHRwYWRkaW5nOiAxNHB4IDEycHg7XG5cdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2VcclxuICAgIDogQ09MT1JTLnRleHQuc2Vjb25kYXJ5fTtcblx0fVxuXHQubG93ZXItc3RpY2t5LXBhbmVsIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0Ym90dG9tOiAxNnB4O1xuXHRcdC50aXRsZS10ZXh0IHtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQudXBncmFkZS1idXR0b24ge1xuXHRcdFx0bWFyZ2luOiBhdXRvO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1za2VsZXRvbiB7XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2lkZWJhclBvcHVwQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdC5zaWRlYmFyLXJpZ2h0LW1lbnUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRib3JkZXI6IDAuNXB4IHNvbGlkIHZhcigtLXN0cm9rZS1jb2xvci1zdHJva2UtcHJpbWFyeSwgI2UwZTBlMCk7XG5cdFx0Ym94LXNoYWRvdzogMHB4IDBweCAxMnB4IDBweCByZ2JhKDIyMiwgMjM2LCAyNTUsIDAuNik7XG5cdFx0cG9zaXRpb246ICR7KHByb3BzKSA9PiAocHJvcHMucG9zdGlvbiA/IHByb3BzLnBvc3Rpb24gOiAnc3RpY2t5Jyl9O1xuXHRcdHRvcDogJHsocHJvcHMpID0+IChwcm9wcy50b3AgPyBwcm9wcy50b3AgOiB1bmRlZmluZWQpfXB4O1xuXHRcdGJvdHRvbTogMTBweDtcblx0XHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLmxlZnQgPyBwcm9wcy5sZWZ0IDogMCl9cHg7IC8vODhcblx0XHRtaW4td2lkdGg6IDIwMHB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRwYWRkaW5nOiAxNnB4O1xuXHRcdGdhcDogOHB4O1xuXHRcdG1pbi1oZWlnaHQ6IDEwMHB4O1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0bWF4LXdpZHRoOiAzMzZweDtcblx0fVxuXHQuZWFjaC1tZW51IHtcblx0XHRwYWRkaW5nOiAxNnB4O1xuXHRcdGdhcDogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdFx0Ym9yZGVyLWJvdHRvbTogMC41cHggc29saWQgI2UwZTBlMDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0OmhvdmVyIHtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdFx0fVxuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TaWRlYmFyU3R5bGVzLmpzLm1hcCJdfQ== */")),x=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks0"}:{target:"e17yrcks0",label:"SidebarPopupContainer"})(".sidebar-right-menu{border-radius:4px;border:0.5px solid var(--stroke-color-stroke-primary, #e0e0e0);box-shadow:0px 0px 12px 0px rgba(222, 236, 255, 0.6);position:",(c=>c.postion?c.postion:"sticky"),";top:",(c=>c.top?c.top:void 0),"px;bottom:10px;left:",(c=>c.left?c.left:0),"px;min-width:200px;z-index:",(c=>c.zIndex?c.zIndex:2),";background-color:",(c=>"brand"==c.theme?"#381062":d.surface.standard),";display:flex;flex-direction:column;padding:16px;gap:8px;min-height:100px;overflow-y:auto;max-width:336px;}.each-menu{padding:16px;gap:4px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-bottom:0.5px solid #e0e0e0;cursor:pointer;:hover{background-color:",d.background.base,";border-radius:8px;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJMZ0QiLCJmaWxlIjoiU2lkZWJhclN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFNpZGVCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogIzI4MDM0ZTtcblx0d2lkdGg6IDg4cHg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cG9zaXRpb246IHN0aWNreTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR6LWluZGV4OiAxMDtcblx0b3ZlcmZsb3cteTogYXV0bztcblx0aGVpZ2h0OiAxMDB2aDtcblxuXHQuYmlrLWhlYWRlci1sb2dvIHtcblx0XHRtYXJnaW46IDI0cHggMTUuMzlweCA4cHggMTUuMzlweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR3aWR0aDogNTdweDtcblx0XHRoZWlnaHQ6IDIwcHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGltZyB7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdG9iamVjdC1maXQ6IGNvbnRhaW5lcjtcblx0XHR9XG5cdH1cblxuXHQuc3RpY2t5LW1lbnUge1xuXHRcdEBtZWRpYSAobWluLWhlaWdodDogNzY4cHgpIHtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGJvdHRvbTogMHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cblx0LnN0aWNreS1tZW51LWludCB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiA2NHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWJlQmFyTWVudUl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luOiAxNnB4IDBweDtcblx0Lm1haW4tLXNpZGViYXIge1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0cGFkZGluZzogMHB4IDhweDtcblx0XHRtYXJnaW4tYm90dG9tOiA2cHg7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogOHB4O1xuXHRcdH1cblx0fVxuXG5cdC5zaWRlYmFyLW1lbnUtaXRlbSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogMTBweDtcblx0XHR9XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cblx0Lm1lbnUtaXRlbS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Lm1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGZvbnQtZmFtaWx5OiAnSW50ZXInO1xuXHRcdFx0Zm9udC1zdHlsZTogbm9ybWFsO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0XHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnlJbnZlcnNlfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHR9XG5cdFx0LmFjdGl2ZS1tZW51LWl0ZW0tdGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLnZpYnJhbnR9O1xuXHRcdH1cblx0fVxuXHQubWFpbi1tZW51LWFjdGl2ZS1jbGFzcyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMzgxMDYyO1xuXHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdH1cblx0LnNpZGViYXItbWVudS1pdGVtLWhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAjMzgxMDYyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW06aG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2ltcGxlU2lkZWJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHQudHJhbnNmb3JtLWNsYXNzIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0YW5pbWF0aW9uOiBhbmltYXRlYm90dG9tIDAuNXM7XG5cdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW47XG5cdH1cblx0QGtleWZyYW1lcyBhbmltYXRlYm90dG9tIHtcblx0XHRmcm9tIHtcblx0XHRcdHdpZHRoOiA4OHB4O1xuXHRcdFx0b3BhY2l0eTogMDtcblx0XHR9XG5cblx0XHR0byB7XG5cdFx0XHR3aWR0aDogMjAwcHg7XG5cdFx0XHRvcGFjaXR5OiAxO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1yaWdodC1tZW51IHtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IDApfXB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAyMDApfXB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGhlaWdodDogMTAwdmg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLW1lbnUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogOHB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQuc3ViLWNoaWxkLXRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAnJ307XG5cdFx0XHRtYXJnaW4tYm90dG9tOiAwcHg7XG5cdFx0XHRwYWRkaW5nOiA4cHggMTJweDtcblx0XHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdFx0fVxuXHRcdC5zdWItY2hpbGQtYWN0aXZlLXRleHQge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMHB4IDRweCA0cHggMHB4O1xuXHRcdFx0d2lkdGg6IDJweDtcblx0XHRcdGhlaWdodDogMTJweDtcblx0XHRcdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRcdH1cblx0XHQuYWN0aXZlLWJvbGQtd2VpZ2h0IHtcblx0XHRcdGZvbnQtd2VpZ2h0OiA2MDA7XG5cdFx0fVxuXHR9XG5cdC5zdWItY2hpbGQtbWVudTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IENPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLWFjdGl2ZS1tZW51IHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtZGlzcGxheS1uYW1lIHtcblx0XHRwYWRkaW5nOiAxNHB4IDEycHg7XG5cdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2VcclxuICAgIDogQ09MT1JTLnRleHQuc2Vjb25kYXJ5fTtcblx0fVxuXHQubG93ZXItc3RpY2t5LXBhbmVsIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0Ym90dG9tOiAxNnB4O1xuXHRcdC50aXRsZS10ZXh0IHtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQudXBncmFkZS1idXR0b24ge1xuXHRcdFx0bWFyZ2luOiBhdXRvO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1za2VsZXRvbiB7XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2lkZWJhclBvcHVwQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdC5zaWRlYmFyLXJpZ2h0LW1lbnUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRib3JkZXI6IDAuNXB4IHNvbGlkIHZhcigtLXN0cm9rZS1jb2xvci1zdHJva2UtcHJpbWFyeSwgI2UwZTBlMCk7XG5cdFx0Ym94LXNoYWRvdzogMHB4IDBweCAxMnB4IDBweCByZ2JhKDIyMiwgMjM2LCAyNTUsIDAuNik7XG5cdFx0cG9zaXRpb246ICR7KHByb3BzKSA9PiAocHJvcHMucG9zdGlvbiA/IHByb3BzLnBvc3Rpb24gOiAnc3RpY2t5Jyl9O1xuXHRcdHRvcDogJHsocHJvcHMpID0+IChwcm9wcy50b3AgPyBwcm9wcy50b3AgOiB1bmRlZmluZWQpfXB4O1xuXHRcdGJvdHRvbTogMTBweDtcblx0XHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLmxlZnQgPyBwcm9wcy5sZWZ0IDogMCl9cHg7IC8vODhcblx0XHRtaW4td2lkdGg6IDIwMHB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRwYWRkaW5nOiAxNnB4O1xuXHRcdGdhcDogOHB4O1xuXHRcdG1pbi1oZWlnaHQ6IDEwMHB4O1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0bWF4LXdpZHRoOiAzMzZweDtcblx0fVxuXHQuZWFjaC1tZW51IHtcblx0XHRwYWRkaW5nOiAxNnB4O1xuXHRcdGdhcDogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdFx0Ym9yZGVyLWJvdHRvbTogMC41cHggc29saWQgI2UwZTBlMDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0OmhvdmVyIHtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdFx0fVxuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TaWRlYmFyU3R5bGVzLmpzLm1hcCJdfQ== */"));export{b as SibeBarMenuItem,X as SideBarContainer,x as SidebarPopupContainer,H as SimpleSidebarContainer};

package/dist/esm/components/bik-layout/SimpleSidebar.d.ts

@@ -2,6 +2,7 @@
 export interface Menu {
     key: string | number;
     displayName: string;
+    description?: string;
     path?: string;
     page?: string;
 }

package/dist/esm/components/discount-modal/DiscountModal.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import{useState as i,useEffect as n}from"react";import{MIN_PURCHASE_REQUIREMENT as r,DISCOUNT_TARGET_TYPES as c,DISCOUNT_TYPES as d,DISCOUNT_TARGET_SELECTION as s,DISCOUNT_VALUE_TYPES as l}from"./type.js";import"../dropdown/DropdownPopover/index.js";import{Dropdown as a}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{TitleSmall as u,BodyCaption as p}from"../TypographyStyle.js";import{DEFAULT_THEME as C}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{StyledModal as v}from"../modals/styledModal.js";import{ProductPickerContent as m}from"../product-picker/ProductPickerModal.js";import{Tag as h}from"../tag/Tag.js";import{Tooltip as b}from"../tooltips/Tooltip.js";import y from"../../assets/icons/triangle_error.svg.js";import{ProductPickerModal as P}from"../product-picker-v2/modal.js";import{StyledDiscountDialogueContainer as T,CouponTypeContainerStyled as I}from"./DiscountModal.styled.js";import{validateDiscountData as O,descriptionBuilder as f}from"./DiscountUtils.js";import g,{DISCOUNT_PRODUCTS as E}from"./DynamicCoupon/DynamicCoupon.js";import S from"./StaticCoupon/StaticCoupon.js";const j=j=>{var w,_,k,D,N,F,q,M;const[A,L]=i(),[x,R]=i(),[U,G]=i(null!==(w=j.data)&&void 0!==w?w:"string"==typeof j.hideOption?{isStaticCoupon:"dynamic"===j.hideOption}:{isStaticCoupon:!1}),[B,Y]=i(!0),[X,H]=i(),[V,z]=i((null===(_=j.data)||void 0===_?void 0:_.minAmount)?r.AMOUNT:(null===(k=j.data)||void 0===k?void 0:k.minQuantity)?r.QUANTITY:r.NA),[K,Q]=i([]),[$,Z]=i([]),[J,W]=i([]),[ee,te]=i([]),[oe,ie]=i(0);n((()=>{let e;ne(),j.hideProbability||(e=ce()),Y(O(U,V,X,j.hideProbability||!1,e,!!U.isStaticCoupon)),j.hideProbability||ce()}),[]),n((()=>{let e;j.hideProbability||(e=ce()),Y(O(U,V,X,j.hideProbability||!1,e,!!U.isStaticCoupon))}),[U,oe,X,V]),n((()=>{var e,t,o,i,n;if(!j.newPickerConf){if(j.products&&(null===(e=j.products)||void 0===e?void 0:e.length)){if(null===(t=j.data)||void 0===t?void 0:t.entitledProductIds){const e=j.products.filter((e=>{var t,o;return null===(o=null===(t=j.data)||void 0===t?void 0:t.entitledProductIds)||void 0===o?void 0:o.includes(parseInt(e.id))}));Z(e)}if(null===(o=j.data)||void 0===o?void 0:o.prerequisiteProductIds){const e=j.products.filter((e=>{var t,o;return null===(o=null===(t=j.data)||void 0===t?void 0:t.prerequisiteProductIds)||void 0===o?void 0:o.includes(parseInt(e.id))}));Q(e)}}if(j.collection&&j.collection.length){if(null===(i=j.data)||void 0===i?void 0:i.entitledCollectionIds){const e=j.collection.filter((e=>{var t,o;return null===(o=null===(t=j.data)||void 0===t?void 0:t.entitledCollectionIds)||void 0===o?void 0:o.includes(parseInt(e.id))}));te(e)}if(null===(n=j.data)||void 0===n?void 0:n.prerequisiteCollectionIds){const e=j.collection.filter((e=>{var t,o;return null===(o=null===(t=j.data)||void 0===t?void 0:t.prerequisiteCollectionIds)||void 0===o?void 0:o.includes(parseInt(e.id))}));W(e)}}}}),[j.products,j.collection]),n((()=>{var e,t,o,i,n,r,c,d;(null===(t=null===(e=j.data)||void 0===e?void 0:e.productsConf)||void 0===t?void 0:t.entitledProducts)&&Z(j.data.productsConf.entitledProducts),(null===(i=null===(o=j.data)||void 0===o?void 0:o.productsConf)||void 0===i?void 0:i.prerequisiteProducts)&&Q(j.data.productsConf.prerequisiteProducts),(null===(r=null===(n=j.data)||void 0===n?void 0:n.collectionsConf)||void 0===r?void 0:r.entitledCollections)&&te(j.data.collectionsConf.entitledCollections),(null===(d=null===(c=j.data)||void 0===c?void 0:c.collectionsConf)||void 0===d?void 0:d.prerequisiteCollections)&&W(j.data.collectionsConf.prerequisiteCollections)}),[null===(D=j.data)||void 0===D?void 0:D.productsConf,null===(N=j.data)||void 0===N?void 0:N.collectionsConf]),n((()=>{if(j.newPickerConf){const e=[];return Object.values($).forEach((t=>{t.products&&Object.keys(t.products).forEach((t=>{e.push(parseInt(t))}))})),void G(Object.assign(Object.assign({},U),{entitledProductIds:e}))}const e=$.map((e=>parseInt(e.id)));G(Object.assign(Object.assign({},U),{entitledProductIds:e}))}),[$]),n((()=>{if(j.newPickerConf){const e=[];return Object.values(K).forEach((t=>{t.products&&Object.keys(t.products).forEach((t=>{e.push(parseInt(t))}))})),void G(Object.assign(Object.assign({},U),{prerequisiteProductIds:e}))}const e=K.map((e=>parseInt(e.id)));G(Object.assign(Object.assign({},U),{prerequisiteProductIds:e}))}),[K]),n((()=>{if(j.newPickerConf){(null==ee?void 0:ee.isCustom)&&delete ee.isCustom;const e=Object.keys(ee).map((e=>parseInt(e)));return void G(Object.assign(Object.assign({},U),{entitledCollectionIds:e}))}const e=ee.map((e=>parseInt(e.id)));G(Object.assign(Object.assign({},U),{entitledCollectionIds:e}))}),[ee]),n((()=>{if(j.newPickerConf){(null==J?void 0:J.isCustom)&&delete J.isCustom;const e=Object.keys(J).map((e=>parseInt(e)));return void G(Object.assign(Object.assign({},U),{prerequisiteCollectionIds:e}))}const e=J.map((e=>parseInt(e.id)));G(Object.assign(Object.assign({},U),{prerequisiteCollectionIds:e}))}),[J]);const ne=()=>{var e,t;U.isStaticCoupon||(U.targetType===c.SHIPPING_LINE?H(d.FREE_SHIPPING):U.targetType===c.LINE_ITEM?U.targetSelection===s.ENTITLED?(null===(e=U.prerequisiteProductIds)||void 0===e?void 0:e.length)||(null===(t=U.prerequisiteCollectionIds)||void 0===t?void 0:t.length)?H(d.BUY_X_GET_Y):H(d.AMOUNT_OFF_PRODUCTS):H(d.AMOUNT_OFF_ORDER):(G(Object.assign(Object.assign({},U),{targetType:c.LINE_ITEM,targetSelection:s.ALL,valueType:l.FIXED_AMOUNT})),H(d.AMOUNT_OFF_ORDER)))},re=[{value:d.AMOUNT_OFF_ORDER,label:"Amount off on order",selected:X===d.AMOUNT_OFF_ORDER},{value:d.AMOUNT_OFF_PRODUCTS,label:"Amount off on products",selected:X===d.AMOUNT_OFF_PRODUCTS},{value:d.BUY_X_GET_Y,label:"Buy X Get Y FREE",selected:X===d.BUY_X_GET_Y},{value:d.FREE_SHIPPING,label:"Free shipping",selected:X===d.FREE_SHIPPING}],ce=()=>{if(!j.quadrant||!j.probability)return;const e=[...j.probability];let t=[];e.length>=j.quadrant&&e.splice(j.quadrant-1,1),t=e;const o=t.reduce(((e,t)=>e+t),0)+(U.probability||0);return ie(parseFloat(o.toFixed(4))),parseFloat(o.toFixed(4))},de=e=>{var t,o,i,n;const a=e.value;H(a),Q([]),Z([]),W([]),te([]),z(r.NA),a===d.FREE_SHIPPING?G({value:100,targetSelection:s.ALL,targetType:c.SHIPPING_LINE,valueType:l.PERCENTAGE,quadrant:U.quadrant,isStaticCoupon:!1}):a===d.BUY_X_GET_Y?G({targetSelection:s.ENTITLED,targetType:c.LINE_ITEM,valueType:l.PERCENTAGE,quadrant:U.quadrant,isStaticCoupon:!1}):a===d.AMOUNT_OFF_ORDER?G({targetSelection:s.ALL,targetType:c.LINE_ITEM,valueType:null!==(o=null===(t=j.data)||void 0===t?void 0:t.valueType)&&void 0!==o?o:l.FIXED_AMOUNT,quadrant:U.quadrant,isStaticCoupon:!1}):a===d.AMOUNT_OFF_PRODUCTS&&G({targetSelection:s.ENTITLED,targetType:c.LINE_ITEM,valueType:null!==(n=null===(i=j.data)||void 0===i?void 0:i.valueType)&&void 0!==n?n:l.FIXED_AMOUNT,quadrant:U.quadrant,isStaticCoupon:!1})};return e(v,Object.assign({width:(x||A)&&j.newPickerConf?"25px":"750px",open:j.isOpen,headingTitle:A?"Select Products":j.title,headingSubtitle:A?void 0:j.subTitle,footerLeftCustomElement:j.errorMsg?j.errorMsg&&t(h,{theme:"light",tagText:j.errorMsg,type:"negative"}):!j.quadrant||j.hideProbability?t(o,{}):oe<=1?t(h,{theme:"light",tagText:`Current probability sum: ${oe}`,type:"white"}):t(b,Object.assign({body:"Probability sum should not exceed 1",placement:"top"},{children:t("div",{children:t(h,{style:{cursor:"pointer"},theme:"light",tagText:`Current probability sum: ${oe}`,type:"negative",LeadingIcon:y})})})),headerRightCustomElement:j.allowStaticCoupon||A?void 0:t(a,{options:re,width:"200px",placement:"bottom-start",size:"small",onSelect:e=>{de(e)}}),onClose:j.onClose,footerShadow:!0,primaryButton:A?{buttonType:"primary",onClick:()=>{L(void 0)},buttonText:"Add"}:x?{buttonType:"primary",onClick:()=>{R(void 0)},buttonText:"Add"}:{buttonType:"primary",buttonText:"Add code",disabled:B,isLoading:null!==(F=j.loading)&&void 0!==F&&F,onClick:()=>{var e,t;U.isStaticCoupon?j.onSaveClicked({quadrant:U.quadrant,couponCode:U.couponCode,description:U.description,isStaticCoupon:U.isStaticCoupon,probability:U.probability,title:U.title}):j.onSaveClicked(Object.assign(Object.assign({},U),{description:f(U,j.currency,null!==(e=j.products)&&void 0!==e?e:[],null!==(t=j.collection)&&void 0!==t?t:[]),productsConf:{entitledProducts:$,prerequisiteProducts:K},collectionsConf:{entitledCollections:ee,prerequisiteCollections:J}}))}},secondaryButton:A?{buttonType:"tertiaryGray",onClick:()=>{L(void 0)},buttonText:"Back"}:x?{buttonType:"tertiaryGray",onClick:()=>{R(void 0)},buttonText:"Back"}:{buttonType:"tertiaryGray",onClick:j.onClose,buttonText:"Close"}},{children:[!A&&!x&&e(T,{children:[j.allowStaticCoupon&&!A&&e(I,Object.assign({selectedDiv:U.isStaticCoupon?1:2},{children:["static"===j.hideOption?t(o,{}):e("div",Object.assign({className:"coupon-type__container",onClick:()=>{U.isStaticCoupon||G({isStaticCoupon:!0,quadrant:U.quadrant})}},{children:[t(u,Object.assign({style:U.isStaticCoupon?{color:C.colorsV2.content.brand}:{}},{children:"Static code"})),t(p,Object.assign({style:U.isStaticCoupon?{color:C.colorsV2.content.brand}:{}},{children:"One static code for all customers"}))]})),"dynamic"===j.hideOption?t(o,{}):e("div",Object.assign({className:"coupon-type__container",onClick:()=>{U.isStaticCoupon&&(H(d.AMOUNT_OFF_ORDER),G({isStaticCoupon:!1,quadrant:U.quadrant,targetType:c.LINE_ITEM,targetSelection:s.ALL,valueType:l.FIXED_AMOUNT}))}},{children:[t(u,Object.assign({style:U.isStaticCoupon?{}:{color:C.colorsV2.content.brand}},{children:"Dynamic code"})),t(p,Object.assign({style:U.isStaticCoupon?{}:{color:C.colorsV2.content.brand}},{children:"New code generated for everyone"}))]}))]})),U.isStaticCoupon&&!A&&t(S,{discountData:U,setDiscountData:G,hideProbability:j.hideProbability||!1,discountAdminUrl:j.discountAdminUrl}),!U.isStaticCoupon&&!A&&!x&&t(g,{currency:j.currency,entitledProducts:$,prerequisiteProducts:K,setEntitledProducts:Z,setPrerequisiteProducts:Q,discountData:U,productPickerOpen:A,setIsProductPickerOpen:L,setDiscountData:G,selectedCouponType:X,setSelectedCouponType:H,selectedMinimumRequirement:V,setSelectedMinimumRequirement:z,hideProbability:j.hideProbability||!1,hideExpiration:j.hideExpiration||!1,allowStaticCoupon:j.allowStaticCoupon,onChangeCouponType:de,collectionPickerOpen:x,entitledCollections:ee,prerequisiteCollections:J,setIsCollectionPickerOpen:R,setEntitledCollections:te,setPrerequisiteCollections:W,useNewPicker:!!j.newPickerConf})]}),!!A&&e(o,{children:[!j.newPickerConf&&t("div",Object.assign({style:{padding:"12px 0"}},{children:t(m,{show:!0,onSave:()=>{},products:null!==(q=j.products)&&void 0!==q?q:[],title:"Select Products",onClose:()=>{L(void 0)},selectedProducts:A===E.ENTITLED?$:K,setSelectedProducts:A===E.ENTITLED?Z:Q,onSearchKeyChange:j.onProductSearch})})),j.newPickerConf&&t(P,{visible:!0,onClose:()=>L(void 0),collectionFetcher:j.newPickerConf.fetchCollections,productFetcher:j.newPickerConf.fetchProducts,selectedItems:A===E.ENTITLED?$:K,onAdd:e=>{A===E.ENTITLED?Z(e):Q(e),L(void 0)},zIndex:200,storeId:j.newPickerConf.storeId,searchInCollectionFetcher:j.newPickerConf.searchInCollection,customCollectionRestriction:!1,searchFetcher:j.newPickerConf.searchProducts,hideCollectionCheckbox:!0,hideVariantCheckbox:!0,selectProductsFromCustomCollection:!0,hideSelectionCount:!0})]}),!!x&&t("div",Object.assign({style:{padding:"12px 0"}},{children:e(o,{children:[j.newPickerConf&&t(P,{visible:!0,onClose:()=>R(void 0),collectionFetcher:j.newPickerConf.fetchCollections,productFetcher:j.newPickerConf.fetchProducts,selectedItems:x===E.ENTITLED?ee:J,onAdd:e=>{Object.values(e).forEach((e=>{e.products&&delete e.products})),x===E.ENTITLED?te(e):W(e),R(void 0)},customCollectionRestriction:!1,zIndex:200,storeId:j.newPickerConf.storeId,searchInCollectionFetcher:j.newPickerConf.searchInCollection,searchFetcher:j.newPickerConf.searchProducts,hideProductCheckbox:!0,hideVariantCheckbox:!0,title:"Select Collections",hideGlobalSearch:!0,hideSelectionCount:!0}),!j.newPickerConf&&t(m,{show:!0,onSave:()=>{},products:null!==(M=j.collection)&&void 0!==M?M:[],title:"Select Products",onClose:()=>{R(void 0)},selectedProducts:x===E.ENTITLED?ee:J,setSelectedProducts:x===E.ENTITLED?te:W,onSearchKeyChange:j.onCollectionSearch,searchPlaceholder:"Search collections..."})]})}))]}))};export{j as DiscountModal};
+import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import{useState as i,useEffect as n}from"react";import{MIN_PURCHASE_REQUIREMENT as r,DISCOUNT_TARGET_TYPES as c,DISCOUNT_TYPES as d,DISCOUNT_TARGET_SELECTION as l,DISCOUNT_VALUE_TYPES as s}from"./type.js";import"../dropdown/DropdownPopover/index.js";import{Dropdown as a}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{TitleSmall as u,BodyCaption as p}from"../TypographyStyle.js";import{DEFAULT_THEME as C}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{StyledModal as v}from"../modals/styledModal.js";import{ProductPickerContent as m}from"../product-picker/ProductPickerModal.js";import{Tag as h}from"../tag/Tag.js";import{Tooltip as b}from"../tooltips/Tooltip.js";import y from"../../assets/icons/triangle_error.svg.js";import{ProductPickerModal as T}from"../product-picker-v2/modal.js";import{StyledDiscountDialogueContainer as P,CouponTypeContainerStyled as I}from"./DiscountModal.styled.js";import{validateDiscountData as O,descriptionBuilder as f}from"./DiscountUtils.js";import g,{DISCOUNT_PRODUCTS as E}from"./DynamicCoupon/DynamicCoupon.js";import S from"./StaticCoupon/StaticCoupon.js";const j=j=>{var w,_,k,D,N,F,q,M,A,L;const[x,R]=i(),[U,G]=i(),[B,Y]=i(null!==(w=j.data)&&void 0!==w?w:"string"==typeof j.hideOption?{isStaticCoupon:"dynamic"===j.hideOption}:{isStaticCoupon:!1}),[X,H]=i(!0),[V,z]=i(),[K,Q]=i((null===(_=j.data)||void 0===_?void 0:_.minAmount)?r.AMOUNT:(null===(k=j.data)||void 0===k?void 0:k.minQuantity)?r.QUANTITY:r.NA),[$,Z]=i(void 0),[J,W]=i(void 0),[ee,te]=i(void 0),[oe,ie]=i(void 0),[ne,re]=i(0);n((()=>{let e;const{tempCouponData:t,discountType:o}=ce();z(o),Y(Object.assign({},t)),j.hideProbability||(e=le()),H(O(t,K,o,j.hideProbability||!1,e,!!t.isStaticCoupon)),j.hideProbability||le()}),[]),n((()=>{let e;j.hideProbability||(e=le()),H(O(B,K,V,j.hideProbability||!1,e,!!B.isStaticCoupon))}),[B,ne,V,K]),n((()=>{var e,t,o,i,n,r,c;if(!j.newPickerConf&&((null===(e=j.products)||void 0===e?void 0:e.length)||(null===(t=j.collection)||void 0===t?void 0:t.length))){if(j.products&&(null===(o=j.products)||void 0===o?void 0:o.length)){if(null===(i=j.data)||void 0===i?void 0:i.entitledProductIds){const e=j.products.filter((e=>{var t,o;return null===(o=null===(t=j.data)||void 0===t?void 0:t.entitledProductIds)||void 0===o?void 0:o.includes(parseInt(e.id))}));W(e)}if(null===(n=j.data)||void 0===n?void 0:n.prerequisiteProductIds){const e=j.products.filter((e=>{var t,o;return null===(o=null===(t=j.data)||void 0===t?void 0:t.prerequisiteProductIds)||void 0===o?void 0:o.includes(parseInt(e.id))}));Z(e)}}if(j.collection&&j.collection.length){if(null===(r=j.data)||void 0===r?void 0:r.entitledCollectionIds){const e=j.collection.filter((e=>{var t,o;return null===(o=null===(t=j.data)||void 0===t?void 0:t.entitledCollectionIds)||void 0===o?void 0:o.includes(parseInt(e.id))}));ie(e)}if(null===(c=j.data)||void 0===c?void 0:c.prerequisiteCollectionIds){const e=j.collection.filter((e=>{var t,o;return null===(o=null===(t=j.data)||void 0===t?void 0:t.prerequisiteCollectionIds)||void 0===o?void 0:o.includes(parseInt(e.id))}));te(e)}}}}),[j.products,j.collection]),n((()=>{var e,t,o,i,n,r,c,d;(null===(t=null===(e=j.data)||void 0===e?void 0:e.productsConf)||void 0===t?void 0:t.entitledProducts)&&W(j.data.productsConf.entitledProducts),(null===(i=null===(o=j.data)||void 0===o?void 0:o.productsConf)||void 0===i?void 0:i.prerequisiteProducts)&&Z(j.data.productsConf.prerequisiteProducts),(null===(r=null===(n=j.data)||void 0===n?void 0:n.collectionsConf)||void 0===r?void 0:r.entitledCollections)&&ie(j.data.collectionsConf.entitledCollections),(null===(d=null===(c=j.data)||void 0===c?void 0:c.collectionsConf)||void 0===d?void 0:d.prerequisiteCollections)&&te(j.data.collectionsConf.prerequisiteCollections)}),[null===(D=j.data)||void 0===D?void 0:D.productsConf,null===(N=j.data)||void 0===N?void 0:N.collectionsConf]),n((()=>{if(!J)return;if(j.newPickerConf){const e=[];return Object.values(J).forEach((t=>{t.products&&Object.keys(t.products).forEach((t=>{e.push(parseInt(t))}))})),void Y(Object.assign(Object.assign({},B),{entitledProductIds:e}))}const e=J.map((e=>parseInt(e.id)));Y(Object.assign(Object.assign({},B),{entitledProductIds:e}))}),[J]),n((()=>{if(!$)return;if(j.newPickerConf){const e=[];return Object.values($).forEach((t=>{t.products&&Object.keys(t.products).forEach((t=>{e.push(parseInt(t))}))})),void Y(Object.assign(Object.assign({},B),{prerequisiteProductIds:e}))}const e=$.map((e=>parseInt(e.id)));Y(Object.assign(Object.assign({},B),{prerequisiteProductIds:e}))}),[$]),n((()=>{if(!oe)return;if(j.newPickerConf){(null==oe?void 0:oe.isCustom)&&delete oe.isCustom;const e=Object.keys(oe).map((e=>parseInt(e)));return void Y(Object.assign(Object.assign({},B),{entitledCollectionIds:e}))}const e=oe.map((e=>parseInt(e.id)));Y(Object.assign(Object.assign({},B),{entitledCollectionIds:e}))}),[oe]),n((()=>{if(!ee)return;if(j.newPickerConf){(null==ee?void 0:ee.isCustom)&&delete ee.isCustom;const e=Object.keys(ee).map((e=>parseInt(e)));return void Y(Object.assign(Object.assign({},B),{prerequisiteCollectionIds:e}))}const e=ee.map((e=>parseInt(e.id)));Y(Object.assign(Object.assign({},B),{prerequisiteCollectionIds:e}))}),[ee]);const ce=()=>{var e,t;let o,i=B;return B.isStaticCoupon||(B.targetType===c.SHIPPING_LINE?o=d.FREE_SHIPPING:B.targetType===c.LINE_ITEM?o=B.targetSelection===l.ENTITLED?(null===(e=B.prerequisiteProductIds)||void 0===e?void 0:e.length)||(null===(t=B.prerequisiteCollectionIds)||void 0===t?void 0:t.length)?d.BUY_X_GET_Y:d.AMOUNT_OFF_PRODUCTS:d.AMOUNT_OFF_ORDER:(i=Object.assign(Object.assign({},i),{targetType:c.LINE_ITEM,targetSelection:l.ALL,valueType:s.FIXED_AMOUNT}),o=d.AMOUNT_OFF_ORDER)),{discountType:o,tempCouponData:i}},de=[{value:d.AMOUNT_OFF_ORDER,label:"Amount off on order",selected:V===d.AMOUNT_OFF_ORDER},{value:d.AMOUNT_OFF_PRODUCTS,label:"Amount off on products",selected:V===d.AMOUNT_OFF_PRODUCTS},{value:d.BUY_X_GET_Y,label:"Buy X Get Y FREE",selected:V===d.BUY_X_GET_Y},{value:d.FREE_SHIPPING,label:"Free shipping",selected:V===d.FREE_SHIPPING}],le=()=>{if(!j.quadrant||!j.probability)return;const e=[...j.probability];let t=[];e.length>=j.quadrant&&e.splice(j.quadrant-1,1),t=e;const o=t.reduce(((e,t)=>e+t),0)+(B.probability||0);return re(parseFloat(o.toFixed(4))),parseFloat(o.toFixed(4))},se=e=>{var t,o,i,n;const a=e.value;z(a),Z([]),W([]),te([]),ie([]),Q(r.NA),a===d.FREE_SHIPPING?Y({value:100,targetSelection:l.ALL,targetType:c.SHIPPING_LINE,valueType:s.PERCENTAGE,quadrant:B.quadrant,isStaticCoupon:!1,title:""}):a===d.BUY_X_GET_Y?Y({targetSelection:l.ENTITLED,targetType:c.LINE_ITEM,valueType:s.PERCENTAGE,quadrant:B.quadrant,isStaticCoupon:!1,title:""}):a===d.AMOUNT_OFF_ORDER?Y({targetSelection:l.ALL,targetType:c.LINE_ITEM,valueType:null!==(o=null===(t=j.data)||void 0===t?void 0:t.valueType)&&void 0!==o?o:s.FIXED_AMOUNT,quadrant:B.quadrant,isStaticCoupon:!1,title:""}):a===d.AMOUNT_OFF_PRODUCTS&&Y({targetSelection:l.ENTITLED,targetType:c.LINE_ITEM,valueType:null!==(n=null===(i=j.data)||void 0===i?void 0:i.valueType)&&void 0!==n?n:s.FIXED_AMOUNT,quadrant:B.quadrant,isStaticCoupon:!1,title:""})};return e(v,Object.assign({width:(U||x)&&j.newPickerConf?"25px":"750px",open:j.isOpen,headingTitle:x?"Select Products":j.title,headingSubtitle:x?void 0:j.subTitle,footerLeftCustomElement:j.errorMsg?j.errorMsg&&t(h,{theme:"light",tagText:j.errorMsg,type:"negative"}):!j.quadrant||j.hideProbability?t(o,{}):ne<=1?t(h,{theme:"light",tagText:`Current probability sum: ${ne}`,type:"white"}):t(b,Object.assign({body:"Probability sum should not exceed 1",placement:"top"},{children:t("div",{children:t(h,{style:{cursor:"pointer"},theme:"light",tagText:`Current probability sum: ${ne}`,type:"negative",LeadingIcon:y})})})),headerRightCustomElement:j.allowStaticCoupon||x?void 0:t(a,{options:de,width:"200px",placement:"bottom-start",size:"small",onSelect:e=>{se(e)}}),onClose:j.onClose,footerShadow:!0,primaryButton:x?{buttonType:"primary",onClick:()=>{R(void 0)},buttonText:"Add"}:U?{buttonType:"primary",onClick:()=>{G(void 0)},buttonText:"Add"}:{buttonType:"primary",buttonText:"Add code",disabled:X,isLoading:null!==(F=j.loading)&&void 0!==F&&F,onClick:()=>{var e,t;B.isStaticCoupon?j.onSaveClicked({quadrant:B.quadrant,couponCode:B.couponCode,description:B.description,isStaticCoupon:B.isStaticCoupon,probability:B.probability,title:B.title}):j.onSaveClicked(Object.assign(Object.assign({},B),{description:f(B,j.currency,null!==(e=j.products)&&void 0!==e?e:[],null!==(t=j.collection)&&void 0!==t?t:[]),productsConf:{entitledProducts:J,prerequisiteProducts:$},collectionsConf:{entitledCollections:oe,prerequisiteCollections:ee}}))}},secondaryButton:x?{buttonType:"tertiaryGray",onClick:()=>{R(void 0)},buttonText:"Back"}:U?{buttonType:"tertiaryGray",onClick:()=>{G(void 0)},buttonText:"Back"}:{buttonType:"tertiaryGray",onClick:j.onClose,buttonText:"Close"}},{children:[!x&&!U&&e(P,{children:[j.allowStaticCoupon&&!x&&e(I,Object.assign({selectedDiv:B.isStaticCoupon?1:2},{children:["static"===j.hideOption?t(o,{}):e("div",Object.assign({className:"coupon-type__container",onClick:()=>{B.isStaticCoupon||Y({isStaticCoupon:!0,quadrant:B.quadrant})}},{children:[t(u,Object.assign({style:B.isStaticCoupon?{color:C.colorsV2.content.brand}:{}},{children:"Static code"})),t(p,Object.assign({style:B.isStaticCoupon?{color:C.colorsV2.content.brand}:{}},{children:"One static code for all customers"}))]})),"dynamic"===j.hideOption?t(o,{}):e("div",Object.assign({className:"coupon-type__container",onClick:()=>{B.isStaticCoupon&&(z(d.AMOUNT_OFF_ORDER),Y({isStaticCoupon:!1,quadrant:B.quadrant,targetType:c.LINE_ITEM,targetSelection:l.ALL,valueType:s.FIXED_AMOUNT}))}},{children:[t(u,Object.assign({style:B.isStaticCoupon?{}:{color:C.colorsV2.content.brand}},{children:"Dynamic code"})),t(p,Object.assign({style:B.isStaticCoupon?{}:{color:C.colorsV2.content.brand}},{children:"New code generated for everyone"}))]}))]})),B.isStaticCoupon&&!x&&t(S,{discountData:B,setDiscountData:Y,hideProbability:j.hideProbability||!1,discountAdminUrl:j.discountAdminUrl}),!B.isStaticCoupon&&!x&&!U&&t(g,{currency:j.currency,entitledProducts:null!=J?J:[],prerequisiteProducts:null!=$?$:[],setEntitledProducts:W,setPrerequisiteProducts:Z,discountData:B,productPickerOpen:x,setIsProductPickerOpen:R,setDiscountData:Y,selectedCouponType:V,setSelectedCouponType:z,selectedMinimumRequirement:K,setSelectedMinimumRequirement:Q,hideProbability:j.hideProbability||!1,hideExpiration:j.hideExpiration||!1,allowStaticCoupon:j.allowStaticCoupon,onChangeCouponType:se,collectionPickerOpen:U,entitledCollections:null!=oe?oe:[],prerequisiteCollections:null!=ee?ee:[],setIsCollectionPickerOpen:G,setEntitledCollections:ie,setPrerequisiteCollections:te,useNewPicker:!!j.newPickerConf})]}),!!x&&e(o,{children:[!j.newPickerConf&&t("div",Object.assign({style:{padding:"12px 0"}},{children:t(m,{show:!0,onSave:()=>{},products:null!==(q=j.products)&&void 0!==q?q:[],title:"Select Products",onClose:()=>{R(void 0)},selectedProducts:null!==(M=x===E.ENTITLED?J:$)&&void 0!==M?M:[],setSelectedProducts:x===E.ENTITLED?W:Z,onSearchKeyChange:j.onProductSearch})})),j.newPickerConf&&t(T,{visible:!0,onClose:()=>R(void 0),collectionFetcher:j.newPickerConf.fetchCollections,productFetcher:j.newPickerConf.fetchProducts,selectedItems:x===E.ENTITLED?J:$,onAdd:e=>{x===E.ENTITLED?W(e):Z(e),R(void 0)},zIndex:200,storeId:j.newPickerConf.storeId,searchInCollectionFetcher:j.newPickerConf.searchInCollection,customCollectionRestriction:!1,searchFetcher:j.newPickerConf.searchProducts,hideCollectionCheckbox:!0,hideVariantCheckbox:!0,selectProductsFromCustomCollection:!0,hideSelectionCount:!0})]}),!!U&&t("div",Object.assign({style:{padding:"12px 0"}},{children:e(o,{children:[j.newPickerConf&&t(T,{visible:!0,onClose:()=>G(void 0),collectionFetcher:j.newPickerConf.fetchCollections,productFetcher:j.newPickerConf.fetchProducts,selectedItems:U===E.ENTITLED?oe:ee,onAdd:e=>{Object.values(e).forEach((e=>{e.products&&delete e.products})),U===E.ENTITLED?ie(e):te(e),G(void 0)},customCollectionRestriction:!1,zIndex:200,storeId:j.newPickerConf.storeId,searchInCollectionFetcher:j.newPickerConf.searchInCollection,searchFetcher:j.newPickerConf.searchProducts,hideProductCheckbox:!0,hideVariantCheckbox:!0,title:"Select Collections",hideGlobalSearch:!0,hideSelectionCount:!0}),!j.newPickerConf&&t(m,{show:!0,onSave:()=>{},products:null!==(A=j.collection)&&void 0!==A?A:[],title:"Select Products",onClose:()=>{G(void 0)},selectedProducts:null!==(L=U===E.ENTITLED?oe:ee)&&void 0!==L?L:[],setSelectedProducts:U===E.ENTITLED?ie:te,onSearchKeyChange:j.onCollectionSearch,searchPlaceholder:"Search collections..."})]})}))]}))};export{j as DiscountModal};

package/dist/esm/components/discount-modal/DynamicCoupon/DynamicCoupon.d.ts

@@ -22,10 +22,10 @@ interface DynamicCouponI {
     prerequisiteProducts: Product[];
     entitledCollections: Collection[];
     prerequisiteCollections: Collection[];
-    setEntitledProducts: React.Dispatch<React.SetStateAction<Product[]>>;
-    setPrerequisiteProducts: React.Dispatch<React.SetStateAction<Product[]>>;
-    setEntitledCollections: React.Dispatch<React.SetStateAction<Collection[]>>;
-    setPrerequisiteCollections: React.Dispatch<React.SetStateAction<Collection[]>>;
+    setEntitledProducts: React.Dispatch<React.SetStateAction<Product[] | undefined>>;
+    setPrerequisiteProducts: React.Dispatch<React.SetStateAction<Product[] | undefined>>;
+    setEntitledCollections: React.Dispatch<React.SetStateAction<Collection[] | undefined>>;
+    setPrerequisiteCollections: React.Dispatch<React.SetStateAction<Collection[] | undefined>>;
     onChangeCouponType: (option: SingleOption) => void;
     hideExpiration?: boolean;
     hideProbability?: boolean;

package/dist/esm/components/discount-modal/DynamicCoupon/DynamicCoupon.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import{cloneDeep as s}from"lodash";import{Button as a}from"../../button/Button.js";import"react";import{DISCOUNT_TYPES as n,MIN_PURCHASE_REQUIREMENT as o,DISCOUNT_VALUE_TYPES as l}from"../type.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as r}from"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import{TitleRegular as d,TitleSmall as c,TitleMedium as u,BodyPrimary as p,BodySecondary as m}from"../../TypographyStyle.js";import{DEFAULT_THEME as v}from"../../../constants/Theme.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import{Input as b}from"../../input/Input.js";import g from"../../../assets/icons/cross.svg.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../modals/styledModal.js";import"../../../node_modules/lodash.debounce/index.js";import"../../bik-layout/CommonStyles.js";import"../../product-picker/ProductPicker.styled.js";import"../../../utils/DateUtils.js";import"../../tag/Tag.js";import"@tippyjs/react";import"../../tooltips/TooltipInternal.js";import"../../product-picker-v2/modal.js";import{DynamicCouponContainer as D}from"../DiscountModal.styled.js";import{CouponExpiration as h}from"../CouponExpiration/CouponExpiration.js";import{RadioButton as y}from"../../radioButton/RadioButton.js";import O from"../../../assets/icons/cursor.svg.js";import T from"../../../assets/icons/plus.svg.js";const j="https://jkfenner.com/wp-content/uploads/2019/11/default.jpg";var x;function E(){return null}!function(e){e.ENTITLED="entitled",e.PREREQUISITE="prerequisite"}(x||(x={}));const _=_=>{var C;const f=[{value:n.AMOUNT_OFF_ORDER,label:"Amount off on order",selected:_.selectedCouponType===n.AMOUNT_OFF_ORDER},{value:n.AMOUNT_OFF_PRODUCTS,label:"Amount off on products",selected:_.selectedCouponType===n.AMOUNT_OFF_PRODUCTS},{value:n.BUY_X_GET_Y,label:"Buy X Get Y FREE",selected:_.selectedCouponType===n.BUY_X_GET_Y},{value:n.FREE_SHIPPING,label:"Free shipping",selected:_.selectedCouponType===n.FREE_SHIPPING}],N=[{selected:_.selectedMinimumRequirement===o.NA,label:"No minimum requirements",value:o.NA},{selected:_.selectedMinimumRequirement===o.AMOUNT,label:`Minimum purchase amount (${null!==(C=_.currency)&&void 0!==C?C:"₹"})`,value:o.AMOUNT},{selected:_.selectedMinimumRequirement===o.QUANTITY,label:"Minimum quantity of items",value:o.QUANTITY}],F=()=>{var e,t,i,s,a;if(_.discountData.valueType===l.FIXED_AMOUNT){if((null===(e=_.discountData)||void 0===e?void 0:e.value)&&(null===(t=_.discountData)||void 0===t?void 0:t.value)<=0)return"Enter a valid input"}else if((null===(i=_.discountData)||void 0===i?void 0:i.value)&&((null===(s=_.discountData)||void 0===s?void 0:s.value)<=0||(null===(a=_.discountData)||void 0===a?void 0:a.value)>100))return"Enter a valid input"},I=()=>{var i,s,a,n,l;return e("div",Object.assign({className:"input__rows"},{children:[e("div",Object.assign({className:"input__wrapper"},{children:[t(m,Object.assign({style:{marginBottom:10}},{children:"Min purchase requirements"})),t(r,{options:N,placement:"bottom-start",onSelect:e=>{const t=e.value;_.setSelectedMinimumRequirement(t),_.setDiscountData(Object.assign(Object.assign({},_.discountData),{minQuantity:void 0,minAmount:void 0}))}})]})),t("div",Object.assign({className:"input__wrapper"},{children:_.selectedMinimumRequirement!==o.NA&&t(b,{value:_.selectedMinimumRequirement===o.AMOUNT?null!==(s=null===(i=_.discountData.minAmount)||void 0===i?void 0:i.toString())&&void 0!==s?s:"":null!==(n=null===(a=_.discountData.minQuantity)||void 0===a?void 0:a.toString())&&void 0!==n?n:"",onChangeText:e=>{_.selectedMinimumRequirement===o.AMOUNT?_.setDiscountData(Object.assign(Object.assign({},_.discountData),{minAmount:parseInt(e)})):_.selectedMinimumRequirement===o.QUANTITY&&_.setDiscountData(Object.assign(Object.assign({},_.discountData),{minQuantity:parseInt(e)}))},labelText:_.selectedMinimumRequirement===o.AMOUNT?"Minimum purchase amount":"Minimum purchase quantity",prefixText:_.selectedMinimumRequirement===o.AMOUNT?null!==(l=_.currency)&&void 0!==l?l:"₹":void 0,type:"number",placeholder:_.selectedMinimumRequirement===o.AMOUNT?"1000.00":"2"})}))]}))},w=(n,o)=>{var l,r,u,p;let m=[],D=[],h={},y={};return _.useNewPicker?(h=n===x.ENTITLED?_.entitledProducts:_.prerequisiteProducts,y=null!==(l=n===x.ENTITLED?_.entitledCollections:_.prerequisiteCollections)&&void 0!==l?l:[],(null==h?void 0:h.isCustom)&&delete h.isCustom,(null==y?void 0:y.isCustom)&&delete y.isCustom,Object.values(h).forEach((e=>{Object.keys(e.products).forEach((t=>{m.push({id:t,name:e.products[t].name,image:e.products[t].image})}))})),Object.keys(y).forEach((e=>{"isCustom"!==e&&D.push({id:e,name:y[e].name,image:y[e].image})}))):(m=n===x.ENTITLED?_.entitledProducts:_.prerequisiteProducts,D=null!==(r=n===x.ENTITLED?_.entitledCollections:_.prerequisiteCollections)&&void 0!==r?r:[]),e(i,{children:[!o&&e(i,{children:[t(d,{children:n===x.PREREQUISITE?"Customer buys":"Customer gets"}),e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(b,{value:n===x.ENTITLED?null===(u=_.discountData.entitledQuantity)||void 0===u?void 0:u.toString():null===(p=_.discountData.prerequisiteQuantity)||void 0===p?void 0:p.toString(),type:"number",onChangeText:e=>{n===x.ENTITLED?_.setDiscountData(Object.assign(Object.assign({},_.discountData),{entitledQuantity:parseInt(e)})):_.setDiscountData(Object.assign(Object.assign({},_.discountData),{prerequisiteQuantity:parseInt(e)}))},labelText:"Add quantity",placeholder:"Add quantity"})})),t("div",{className:"input__wrapper"})]}))]}),e("div",Object.assign({style:{display:"flex",gap:18}},{children:[!(null==D?void 0:D.length)&&t(a,{buttonText:"Add product",buttonType:"tertiary",LeadingIcon:T,onClick:()=>{_.setIsProductPickerOpen(n)}}),!(null==m?void 0:m.length)&&t(a,{buttonText:"Add collection",buttonType:"tertiary",LeadingIcon:T,onClick:()=>{_.setIsCollectionPickerOpen(n)}})]})),!!m.length&&e("div",Object.assign({style:{margin:"8px 0"}},{children:[t(c,{children:"Products"}),m.map((i=>e("div",Object.assign({style:{padding:"20px 0 12px 0",borderBottom:`1px solid ${v.colorsV2.stroke.primary}`,display:"flex"}},{children:[e("div",Object.assign({style:{display:"flex",gap:16,alignItems:"center",flex:.8}},{children:[t("img",{src:i.image,onError:e=>{e.target.onerror=null,e.target.src=j},style:{height:40,width:40,objectFit:"cover",borderRadius:4}}),t(c,{children:i.name})]})),t("div",Object.assign({style:{flex:.2,display:"flex",justifyContent:"flex-end",alignItems:"center"}},{children:t("div",Object.assign({style:{cursor:"pointer"},onClick:()=>{if(_.useNewPicker){const e=s(h);Object.values(e).forEach((e=>{var t,s;(null===(t=null==e?void 0:e.products)||void 0===t?void 0:t[i.id])&&(null===(s=null==e?void 0:e.products)||void 0===s||delete s[i.id])})),n===x.ENTITLED?_.setEntitledProducts(e):_.setPrerequisiteProducts(e)}else{const e=m.filter((e=>e.id!==i.id));n===x.ENTITLED?_.setEntitledProducts(e):_.setPrerequisiteProducts(e)}}},{children:t(g,{width:14,color:v.colorsV2.content.primary})}))}))]}),i.id)))]})),!!D.length&&e("div",Object.assign({style:{margin:"8px 0"}},{children:[t(c,{children:"Collections"}),D.map((i=>e("div",Object.assign({style:{padding:"20px 0 12px 0",borderBottom:`1px solid ${v.colorsV2.stroke.primary}`,display:"flex"}},{children:[e("div",Object.assign({style:{display:"flex",gap:16,alignItems:"center",flex:.8}},{children:[t("img",{src:i.image,onError:e=>{e.target.onerror=null,e.target.src=j},style:{height:40,width:40,objectFit:"cover",borderRadius:4}}),t(c,{children:i.name})]})),t("div",Object.assign({style:{flex:.2,display:"flex",justifyContent:"flex-end",alignItems:"center"}},{children:t("div",Object.assign({style:{cursor:"pointer"},onClick:()=>{if(_.useNewPicker){const e=s(y);delete e[i.id],n===x.ENTITLED?_.setEntitledCollections(e):_.setPrerequisiteCollections(e)}else{const e=D.filter((e=>e.id!==i.id));n===x.ENTITLED?_.setEntitledCollections(e):_.setPrerequisiteCollections(e)}}},{children:t(g,{width:14,color:v.colorsV2.content.primary})}))}))]}),i.id)))]}))]})};return e(D,{children:[_.allowStaticCoupon&&e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(r,{options:f,width:"338px",placement:"bottom-start",onSelect:e=>{_.onChangeCouponType(e)}})})),t("div",Object.assign({className:"input__wrapper",style:{display:"flex",alignItems:"center",gap:8}},{children:(_.selectedCouponType===n.AMOUNT_OFF_PRODUCTS||_.selectedCouponType===n.AMOUNT_OFF_ORDER)&&e(i,{children:[t(y,{isActive:_.discountData.valueType===l.FIXED_AMOUNT,onValueChange:()=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{valueType:l.FIXED_AMOUNT,value:void 0}))},label:"Fixed amount"}),t(y,{isActive:_.discountData.valueType===l.PERCENTAGE,onValueChange:()=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{valueType:l.PERCENTAGE,value:void 0}))},label:"Percentage"})]})}))]})),_.selectedCouponType===n.AMOUNT_OFF_ORDER&&(()=>{var s,a,n,o,r;return e(i,{children:[e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(b,{value:_.discountData.title,onChangeText:e=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{title:e.trim()}))},maxCharLimit:18,labelText:"Code title",placeholder:"eg: Flat 50% Off"})})),t("div",Object.assign({className:"input__wrapper"},{children:t(b,{value:null!==(n=null===(a=null===(s=_.discountData)||void 0===s?void 0:s.value)||void 0===a?void 0:a.toString())&&void 0!==n?n:"",labelText:"Discount code value",type:"number",errorMessage:F(),onChangeText:e=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{value:parseInt(e)}))},placeholder:_.discountData.valueType===l.FIXED_AMOUNT?"0.00":"Enter a value",prefixText:_.discountData.valueType===l.FIXED_AMOUNT?null!==(o=_.currency)&&void 0!==o?o:"₹":void 0,suffixText:_.discountData.valueType===l.PERCENTAGE?"%":void 0})}))]})),I(),!_.hideProbability&&e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(b,{type:"number",value:null===(r=_.discountData.probability)||void 0===r?void 0:r.toString(),onChangeText:e=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{probability:e.startsWith(".")?parseFloat(parseFloat(`0${e}`).toFixed(2)):parseFloat(parseFloat(e).toFixed(2))}))},labelText:"Probability",placeholder:"Enter probability in decimals (0 - 1)"})})),t("div",{className:"input__wrapper"})]}))]})})(),_.selectedCouponType===n.AMOUNT_OFF_PRODUCTS&&(()=>{var s,a,n,o,r;return e(i,{children:[e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(b,{value:_.discountData.title,onChangeText:e=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{title:e.trim()}))},maxCharLimit:18,labelText:"Code title",placeholder:"eg: Flat 50% Off"})})),t("div",Object.assign({className:"input__wrapper"},{children:t(b,{value:null!==(n=null===(a=null===(s=_.discountData)||void 0===s?void 0:s.value)||void 0===a?void 0:a.toString())&&void 0!==n?n:"",labelText:"Discount code value",type:"number",errorMessage:F(),onChangeText:e=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{value:parseInt(e)}))},placeholder:_.discountData.valueType===l.FIXED_AMOUNT?"0.00":"Enter a value",prefixText:_.discountData.valueType===l.FIXED_AMOUNT?null!==(o=_.currency)&&void 0!==o?o:"₹":void 0,suffixText:_.discountData.valueType===l.PERCENTAGE?"%":void 0})}))]})),w(x.ENTITLED,!0),!_.hideProbability&&e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(b,{type:"number",value:null===(r=_.discountData.probability)||void 0===r?void 0:r.toString(),onChangeText:e=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{probability:e.startsWith(".")?parseFloat(parseFloat(`0${e}`).toFixed(2)):parseFloat(parseFloat(e).toFixed(2))}))},labelText:"Probability",placeholder:"Enter probability in decimals (0 - 1)"})})),t("div",{className:"input__wrapper"})]}))]})})(),_.selectedCouponType===n.FREE_SHIPPING&&(()=>{var s;return e(i,{children:[e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(b,{value:_.discountData.title,onChangeText:e=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{title:e.trim()}))},labelText:"Code title",placeholder:"eg: Flat 50% Off",maxCharLimit:18})})),t("div",Object.assign({className:"input__wrapper"},{children:!_.hideProbability&&t(b,{value:null===(s=_.discountData.probability)||void 0===s?void 0:s.toString(),type:"number",onChangeText:e=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{probability:e.startsWith(".")?parseFloat(parseFloat(`0${e}`).toFixed(2)):parseFloat(parseFloat(e).toFixed(2))}))},labelText:"Probability",placeholder:"Enter probability in decimals (0 - 1)"})}))]})),I()]})})(),_.selectedCouponType===n.BUY_X_GET_Y&&(()=>{var i,s,a,n;return e(D,{children:[t("div",Object.assign({className:"input__rows"},{children:e("div",Object.assign({style:{display:"flex",gap:20,flex:1}},{children:[t("div",Object.assign({style:{flex:1}},{children:t(b,{value:_.discountData.title,onChangeText:e=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{title:e.trim()}))},maxCharLimit:18,labelText:"Code title",placeholder:"eg: Flat 50% Off"})})),!_.hideProbability&&t("div",Object.assign({style:{flex:1}},{children:t(b,{value:null===(i=_.discountData.probability)||void 0===i?void 0:i.toString(),type:"number",onChangeText:e=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{probability:e.startsWith(".")?parseFloat(parseFloat(`0${e}`).toFixed(2)):parseFloat(parseFloat(e).toFixed(2))}))},labelText:"Probability",placeholder:"Enter probability in decimals (0 - 1)"})}))]}))})),t(E,{}),w(x.PREREQUISITE),t(E,{}),w(x.ENTITLED),t(E,{}),t(d,{children:"At a discount value"}),e("div",Object.assign({style:{display:"flex",gap:18,alignItems:"flex-start"}},{children:[t(y,{label:"Percentage",isActive:100!==_.discountData.value,onValueChange:()=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{value:void 0}))}}),100!==_.discountData.value&&t(b,{variant:"small",value:null!==(n=null===(a=null===(s=_.discountData)||void 0===s?void 0:s.value)||void 0===a?void 0:a.toString())&&void 0!==n?n:"",onChangeText:e=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{value:parseInt(e)}))},errorMessage:F(),type:"number",placeholder:"Enter percentage eg: 10%",suffixText:"%",width:"238px"})]})),t("div",{children:t(y,{label:"Free",isActive:100===_.discountData.value,onValueChange:e=>{e?_.setDiscountData(Object.assign(Object.assign({},_.discountData),{value:100})):_.setDiscountData(Object.assign(Object.assign({},_.discountData),{value:void 0}))}})})]})})(),_.selectedCouponType&&!_.hideExpiration&&e(i,{children:[t("div",{style:_.selectedCouponType!==n.BUY_X_GET_Y&&_.selectedCouponType!==n.AMOUNT_OFF_PRODUCTS||!_.hideProbability?{height:6,borderTop:`1px solid ${v.colorsV2.stroke.primary}`,marginTop:12}:{}}),t(h,{discountData:_.discountData,setDiscountData:_.setDiscountData})]}),!_.selectedCouponType&&e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:10,padding:"40px 0",justifyContent:"center",alignItems:"center"}},{children:[t("div",Object.assign({style:{height:52,width:52,backgroundColor:v.colorsV2.background.inverse,borderRadius:"50%",display:"flex",justifyContent:"center",alignItems:"center"}},{children:t(O,{width:32,color:v.colorsV2.content.primaryInverse})})),t(u,{children:"No discount has been selected"}),t(p,{children:"Please select a discount type"})]}))]})};export{x as DISCOUNT_PRODUCTS,_ as default};
+import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import{cloneDeep as a}from"lodash";import{Button as s}from"../../button/Button.js";import"react";import{DISCOUNT_TYPES as n,MIN_PURCHASE_REQUIREMENT as o,DISCOUNT_VALUE_TYPES as l}from"../type.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as r}from"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import{TitleRegular as d,TitleSmall as c,TitleMedium as u,BodyPrimary as p,BodySecondary as m}from"../../TypographyStyle.js";import{DEFAULT_THEME as v}from"../../../constants/Theme.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import{Input as b}from"../../input/Input.js";import g from"../../../assets/icons/cross.svg.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../modals/styledModal.js";import"../../../node_modules/lodash.debounce/index.js";import"../../bik-layout/CommonStyles.js";import"../../product-picker/ProductPicker.styled.js";import"../../../utils/DateUtils.js";import"../../tag/Tag.js";import"@tippyjs/react";import"../../tooltips/TooltipInternal.js";import"../../product-picker-v2/modal.js";import{DynamicCouponContainer as D}from"../DiscountModal.styled.js";import{CouponExpiration as h}from"../CouponExpiration/CouponExpiration.js";import{RadioButton as y}from"../../radioButton/RadioButton.js";import T from"../../../assets/icons/cursor.svg.js";import O from"../../../assets/icons/plus.svg.js";const j="https://jkfenner.com/wp-content/uploads/2019/11/default.jpg";var x;function E(){return null}!function(e){e.ENTITLED="entitled",e.PREREQUISITE="prerequisite"}(x||(x={}));const _=_=>{var C;const N=[{value:n.AMOUNT_OFF_ORDER,label:"Amount off on order",selected:_.selectedCouponType===n.AMOUNT_OFF_ORDER},{value:n.AMOUNT_OFF_PRODUCTS,label:"Amount off on products",selected:_.selectedCouponType===n.AMOUNT_OFF_PRODUCTS},{value:n.BUY_X_GET_Y,label:"Buy X Get Y FREE",selected:_.selectedCouponType===n.BUY_X_GET_Y},{value:n.FREE_SHIPPING,label:"Free shipping",selected:_.selectedCouponType===n.FREE_SHIPPING}],f=[{selected:_.selectedMinimumRequirement===o.NA,label:"No minimum requirements",value:o.NA},{selected:_.selectedMinimumRequirement===o.AMOUNT,label:`Minimum purchase amount (${null!==(C=_.currency)&&void 0!==C?C:"₹"})`,value:o.AMOUNT},{selected:_.selectedMinimumRequirement===o.QUANTITY,label:"Minimum quantity of items",value:o.QUANTITY}],F=()=>{var e,t,i,a,s;if(_.discountData.valueType===l.FIXED_AMOUNT){if((null===(e=_.discountData)||void 0===e?void 0:e.value)&&(null===(t=_.discountData)||void 0===t?void 0:t.value)<=0)return"Enter a valid input"}else if((null===(i=_.discountData)||void 0===i?void 0:i.value)&&((null===(a=_.discountData)||void 0===a?void 0:a.value)<=0||(null===(s=_.discountData)||void 0===s?void 0:s.value)>100))return"Enter a valid input"},I=()=>{var i,a,s,n,l;return e("div",Object.assign({className:"input__rows"},{children:[e("div",Object.assign({className:"input__wrapper"},{children:[t(m,Object.assign({style:{marginBottom:10}},{children:"Min purchase requirements"})),t(r,{options:f,placement:"bottom-start",onSelect:e=>{const t=e.value;_.setSelectedMinimumRequirement(t),_.setDiscountData(Object.assign(Object.assign({},_.discountData),{minQuantity:void 0,minAmount:void 0}))}})]})),t("div",Object.assign({className:"input__wrapper"},{children:_.selectedMinimumRequirement!==o.NA&&t(b,{value:_.selectedMinimumRequirement===o.AMOUNT?null!==(a=null===(i=_.discountData.minAmount)||void 0===i?void 0:i.toString())&&void 0!==a?a:"":null!==(n=null===(s=_.discountData.minQuantity)||void 0===s?void 0:s.toString())&&void 0!==n?n:"",onChangeText:e=>{_.selectedMinimumRequirement===o.AMOUNT?_.setDiscountData(Object.assign(Object.assign({},_.discountData),{minAmount:parseInt(e)})):_.selectedMinimumRequirement===o.QUANTITY&&_.setDiscountData(Object.assign(Object.assign({},_.discountData),{minQuantity:parseInt(e)}))},labelText:_.selectedMinimumRequirement===o.AMOUNT?"Minimum purchase amount":"Minimum purchase quantity",prefixText:_.selectedMinimumRequirement===o.AMOUNT?null!==(l=_.currency)&&void 0!==l?l:"₹":void 0,type:"number",placeholder:_.selectedMinimumRequirement===o.AMOUNT?"1000.00":"2"})}))]}))},w=(n,o)=>{var l,r,u,p;let m=[],D=[],h={},y={};return _.useNewPicker?(h=n===x.ENTITLED?_.entitledProducts:_.prerequisiteProducts,y=null!==(l=n===x.ENTITLED?_.entitledCollections:_.prerequisiteCollections)&&void 0!==l?l:[],(null==h?void 0:h.isCustom)&&delete h.isCustom,(null==y?void 0:y.isCustom)&&delete y.isCustom,Object.values(h).forEach((e=>{Object.keys(e.products).forEach((t=>{m.push({id:t,name:e.products[t].name,image:e.products[t].image})}))})),Object.keys(y).forEach((e=>{"isCustom"!==e&&D.push({id:e,name:y[e].name,image:y[e].image})}))):(m=n===x.ENTITLED?_.entitledProducts:_.prerequisiteProducts,D=null!==(r=n===x.ENTITLED?_.entitledCollections:_.prerequisiteCollections)&&void 0!==r?r:[]),e(i,{children:[!o&&e(i,{children:[t(d,{children:n===x.PREREQUISITE?"Customer buys":"Customer gets"}),e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(b,{value:n===x.ENTITLED?null===(u=_.discountData.entitledQuantity)||void 0===u?void 0:u.toString():null===(p=_.discountData.prerequisiteQuantity)||void 0===p?void 0:p.toString(),type:"number",onChangeText:e=>{n===x.ENTITLED?_.setDiscountData(Object.assign(Object.assign({},_.discountData),{entitledQuantity:parseInt(e)})):_.setDiscountData(Object.assign(Object.assign({},_.discountData),{prerequisiteQuantity:parseInt(e)}))},labelText:"Add quantity",placeholder:"Add quantity"})})),t("div",{className:"input__wrapper"})]}))]}),e("div",Object.assign({style:{display:"flex",gap:18}},{children:[!(null==D?void 0:D.length)&&t(s,{buttonText:"Add product",buttonType:"tertiary",LeadingIcon:O,onClick:()=>{_.setIsProductPickerOpen(n)}}),!(null==m?void 0:m.length)&&t(s,{buttonText:"Add collection",buttonType:"tertiary",LeadingIcon:O,onClick:()=>{_.setIsCollectionPickerOpen(n)}})]})),!!m.length&&e("div",Object.assign({style:{margin:"8px 0"}},{children:[t(c,{children:"Products"}),m.map((i=>e("div",Object.assign({style:{padding:"20px 0 12px 0",borderBottom:`1px solid ${v.colorsV2.stroke.primary}`,display:"flex"}},{children:[e("div",Object.assign({style:{display:"flex",gap:16,alignItems:"center",flex:.8}},{children:[t("img",{src:i.image,onError:e=>{e.target.onerror=null,e.target.src=j},style:{height:40,width:40,objectFit:"cover",borderRadius:4}}),t(c,{children:i.name})]})),t("div",Object.assign({style:{flex:.2,display:"flex",justifyContent:"flex-end",alignItems:"center"}},{children:t("div",Object.assign({style:{cursor:"pointer"},onClick:()=>{if(_.useNewPicker){const e=a(h);Object.values(e).forEach((e=>{var t,a;(null===(t=null==e?void 0:e.products)||void 0===t?void 0:t[i.id])&&(null===(a=null==e?void 0:e.products)||void 0===a||delete a[i.id])})),n===x.ENTITLED?_.setEntitledProducts(e):_.setPrerequisiteProducts(e)}else{const e=m.filter((e=>e.id!==i.id));n===x.ENTITLED?_.setEntitledProducts(e):_.setPrerequisiteProducts(e)}}},{children:t(g,{width:14,color:v.colorsV2.content.primary})}))}))]}),i.id)))]})),!!D.length&&e("div",Object.assign({style:{margin:"8px 0"}},{children:[t(c,{children:"Collections"}),D.map((i=>e("div",Object.assign({style:{padding:"20px 0 12px 0",borderBottom:`1px solid ${v.colorsV2.stroke.primary}`,display:"flex"}},{children:[e("div",Object.assign({style:{display:"flex",gap:16,alignItems:"center",flex:.8}},{children:[t("img",{src:i.image,onError:e=>{e.target.onerror=null,e.target.src=j},style:{height:40,width:40,objectFit:"cover",borderRadius:4}}),t(c,{children:i.name})]})),t("div",Object.assign({style:{flex:.2,display:"flex",justifyContent:"flex-end",alignItems:"center"}},{children:t("div",Object.assign({style:{cursor:"pointer"},onClick:()=>{if(_.useNewPicker){const e=a(y);delete e[i.id],n===x.ENTITLED?_.setEntitledCollections(e):_.setPrerequisiteCollections(e)}else{const e=D.filter((e=>e.id!==i.id));n===x.ENTITLED?_.setEntitledCollections(e):_.setPrerequisiteCollections(e)}}},{children:t(g,{width:14,color:v.colorsV2.content.primary})}))}))]}),i.id)))]}))]})};return e(D,{children:[_.allowStaticCoupon&&e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(r,{options:N,width:"338px",placement:"bottom-start",onSelect:e=>{_.onChangeCouponType(e)}})})),t("div",Object.assign({className:"input__wrapper",style:{display:"flex",alignItems:"center",gap:8}},{children:(_.selectedCouponType===n.AMOUNT_OFF_PRODUCTS||_.selectedCouponType===n.AMOUNT_OFF_ORDER)&&e(i,{children:[t(y,{isActive:_.discountData.valueType===l.FIXED_AMOUNT,onValueChange:()=>{_.discountData.valueType!==l.FIXED_AMOUNT&&_.setDiscountData(Object.assign(Object.assign({},_.discountData),{valueType:l.FIXED_AMOUNT,value:void 0}))},label:"Fixed amount"}),t(y,{isActive:_.discountData.valueType===l.PERCENTAGE,onValueChange:()=>{_.discountData.valueType!==l.PERCENTAGE&&_.setDiscountData(Object.assign(Object.assign({},_.discountData),{valueType:l.PERCENTAGE,value:void 0}))},label:"Percentage"})]})}))]})),_.selectedCouponType===n.AMOUNT_OFF_ORDER&&(()=>{var a,s,n,o,r;return e(i,{children:[e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(b,{value:_.discountData.title,onChangeText:e=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{title:e.trim()}))},maxCharLimit:18,labelText:"Code title",placeholder:"eg: Flat 50% Off"})})),t("div",Object.assign({className:"input__wrapper"},{children:t(b,{value:null!==(n=null===(s=null===(a=_.discountData)||void 0===a?void 0:a.value)||void 0===s?void 0:s.toString())&&void 0!==n?n:"",labelText:"Discount code value",type:"number",errorMessage:F(),onChangeText:e=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{value:parseInt(e)}))},placeholder:_.discountData.valueType===l.FIXED_AMOUNT?"0.00":"Enter a value",prefixText:_.discountData.valueType===l.FIXED_AMOUNT?null!==(o=_.currency)&&void 0!==o?o:"₹":void 0,suffixText:_.discountData.valueType===l.PERCENTAGE?"%":void 0})}))]})),I(),!_.hideProbability&&e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(b,{type:"number",value:null===(r=_.discountData.probability)||void 0===r?void 0:r.toString(),onChangeText:e=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{probability:e.startsWith(".")?parseFloat(parseFloat(`0${e}`).toFixed(2)):parseFloat(parseFloat(e).toFixed(2))}))},labelText:"Probability",placeholder:"Enter probability in decimals (0 - 1)",maxCharLimit:4})})),t("div",{className:"input__wrapper"})]}))]})})(),_.selectedCouponType===n.AMOUNT_OFF_PRODUCTS&&(()=>{var a,s,n,o,r;return e(i,{children:[e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(b,{value:_.discountData.title,onChangeText:e=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{title:e.trim()}))},maxCharLimit:18,labelText:"Code title",placeholder:"eg: Flat 50% Off"})})),t("div",Object.assign({className:"input__wrapper"},{children:t(b,{value:null!==(n=null===(s=null===(a=_.discountData)||void 0===a?void 0:a.value)||void 0===s?void 0:s.toString())&&void 0!==n?n:"",labelText:"Discount code value",type:"number",errorMessage:F(),onChangeText:e=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{value:parseInt(e)}))},placeholder:_.discountData.valueType===l.FIXED_AMOUNT?"0.00":"Enter a value",prefixText:_.discountData.valueType===l.FIXED_AMOUNT?null!==(o=_.currency)&&void 0!==o?o:"₹":void 0,suffixText:_.discountData.valueType===l.PERCENTAGE?"%":void 0})}))]})),w(x.ENTITLED,!0),!_.hideProbability&&e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(b,{type:"number",value:null===(r=_.discountData.probability)||void 0===r?void 0:r.toString(),onChangeText:e=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{probability:e.startsWith(".")?parseFloat(parseFloat(`0${e}`).toFixed(2)):parseFloat(parseFloat(e).toFixed(2))}))},labelText:"Probability",placeholder:"Enter probability in decimals (0 - 1)",maxCharLimit:4})})),t("div",{className:"input__wrapper"})]}))]})})(),_.selectedCouponType===n.FREE_SHIPPING&&(()=>{var a;return e(i,{children:[e("div",Object.assign({className:"input__rows"},{children:[t("div",Object.assign({className:"input__wrapper"},{children:t(b,{value:_.discountData.title,onChangeText:e=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{title:e.trim()}))},labelText:"Code title",placeholder:"eg: Flat 50% Off",maxCharLimit:18})})),t("div",Object.assign({className:"input__wrapper"},{children:!_.hideProbability&&t(b,{value:null===(a=_.discountData.probability)||void 0===a?void 0:a.toString(),type:"number",onChangeText:e=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{probability:e.startsWith(".")?parseFloat(parseFloat(`0${e}`).toFixed(2)):parseFloat(parseFloat(e).toFixed(2))}))},labelText:"Probability",placeholder:"Enter probability in decimals (0 - 1)",maxCharLimit:4})}))]})),I()]})})(),_.selectedCouponType===n.BUY_X_GET_Y&&(()=>{var i,a,s,n;return e(D,{children:[t("div",Object.assign({className:"input__rows"},{children:e("div",Object.assign({style:{display:"flex",gap:20,flex:1}},{children:[t("div",Object.assign({style:{flex:1}},{children:t(b,{value:_.discountData.title,onChangeText:e=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{title:e.trim()}))},maxCharLimit:18,labelText:"Code title",placeholder:"eg: Flat 50% Off"})})),!_.hideProbability&&t("div",Object.assign({style:{flex:1}},{children:t(b,{value:null===(i=_.discountData.probability)||void 0===i?void 0:i.toString(),type:"number",onChangeText:e=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{probability:e.startsWith(".")?parseFloat(parseFloat(`0${e}`).toFixed(2)):parseFloat(parseFloat(e).toFixed(2))}))},labelText:"Probability",placeholder:"Enter probability in decimals (0 - 1)",maxCharLimit:4})}))]}))})),t(E,{}),w(x.PREREQUISITE),t(E,{}),w(x.ENTITLED),t(E,{}),t(d,{children:"At a discount value"}),e("div",Object.assign({style:{display:"flex",gap:18,alignItems:"flex-start"}},{children:[t(y,{label:"Percentage",isActive:100!==_.discountData.value,onValueChange:()=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{value:void 0}))}}),100!==_.discountData.value&&t(b,{variant:"small",value:null!==(n=null===(s=null===(a=_.discountData)||void 0===a?void 0:a.value)||void 0===s?void 0:s.toString())&&void 0!==n?n:"",onChangeText:e=>{_.setDiscountData(Object.assign(Object.assign({},_.discountData),{value:parseInt(e)}))},errorMessage:F(),type:"number",placeholder:"Enter percentage eg: 10%",suffixText:"%",width:"238px"})]})),t("div",{children:t(y,{label:"Free",isActive:100===_.discountData.value,onValueChange:e=>{e?_.setDiscountData(Object.assign(Object.assign({},_.discountData),{value:100})):_.setDiscountData(Object.assign(Object.assign({},_.discountData),{value:void 0}))}})})]})})(),_.selectedCouponType&&!_.hideExpiration&&e(i,{children:[t("div",{style:_.selectedCouponType!==n.BUY_X_GET_Y&&_.selectedCouponType!==n.AMOUNT_OFF_PRODUCTS||!_.hideProbability?{height:6,borderTop:`1px solid ${v.colorsV2.stroke.primary}`,marginTop:12}:{}}),t(h,{discountData:_.discountData,setDiscountData:_.setDiscountData})]}),!_.selectedCouponType&&e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:10,padding:"40px 0",justifyContent:"center",alignItems:"center"}},{children:[t("div",Object.assign({style:{height:52,width:52,backgroundColor:v.colorsV2.background.inverse,borderRadius:"50%",display:"flex",justifyContent:"center",alignItems:"center"}},{children:t(T,{width:32,color:v.colorsV2.content.primaryInverse})})),t(u,{children:"No discount has been selected"}),t(p,{children:"Please select a discount type"})]}))]})};export{x as DISCOUNT_PRODUCTS,_ as default};

package/dist/esm/components/input-with-vars/InputWithVariables.d.ts

@@ -1,20 +1,12 @@
-/// <reference types="react" />
-import { Variable } from '../add-variableV2/AddVariableV2';
 import { SelectedVariable } from '../add-variableV2/types';
-interface InputWithVariablesProps {
+export declare const InputWithVariables: (props: {
     variablesList: any;
     onChange: (val: SelectedVariable) => void;
-    onBlur?: (e: Event, val?: SelectedVariable | Variable) => void;
     addVarBoxRight: string;
     allowMix: boolean;
     prevVariable: SelectedVariable;
-    showHelp?: boolean;
-    onlyVariables?: boolean;
-    showSideVariablePanel?: boolean;
-    placeHolder?: string;
-    showAddButton?: boolean;
-    errorMessage?: string;
-    showSideModal?: boolean;
-}
-export declare const InputWithVariables: React.FC<InputWithVariablesProps>;
-export {};
+    showHelp?: boolean | undefined;
+    onlyVariables?: boolean | undefined;
+    showSideModal?: boolean | undefined;
+    errorMessage?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/input-with-vars/InputWithVariables.js

@@ -1,6 +1,6 @@
-import{jsxs as e,Fragment as a,jsx as l}from"react/jsx-runtime";import r from"../../assets/icons/PlusIcon.js";import{useRef as i,useState as d,useEffect as o}from"react";import t from"styled-components";import{v4 as s}from"uuid";import{COLORS as n}from"../../constants/Theme.js";import{AddVariableStyled as u}from"../add-variableV2/AddVariableBox.styled.js";import{AddVariableV2 as c}from"../add-variableV2/AddVariableV2.js";import{Input as v}from"../input/Input.js";import{BodyCaption as p}from"../TypographyStyle.js";import{AddVariableV2SideModal as g}from"../add-variableV2/AddVariableV2SideModal.js";const h=t=>{let{addVarBoxRight:n,allowMix:h,onChange:m,prevVariable:V,variablesList:T,onBlur:y,onlyVariables:f,placeHolder:j,showAddButton:x=!0,showHelp:w,showSideVariablePanel:S,errorMessage:A,showSideModal:N}=t;const B=i(null),[C,O]=d(!1),[k]=d(s()),[M,F]=d(),[I,L]=d(V),[q,Z]=d(!1),[$,z]=d(!1),[E,H]=d(A||"");return o((()=>{M&&M.actualValue&&L(h?e=>({actualValue:e.actualValue+M.actualValue,variableType:"string"}):e=>({actualValue:M.actualValue,variableType:M.variableType,needsFetching:M.needsFetching}))}),[M]),o((()=>{m(I)}),[I]),e(a,{children:[e(b,Object.assign({isVar:/^{{.*}}$/.test(I.actualValue)},{children:[l(v,{id:k,ref:B,skipFocus:!0,textControl:!0,isActive:C,value:I.actualValue,validate:e=>[!0,""],errorMessage:E,placeholder:j||"Add a value",onChangeText:(e,a)=>{if(H(""),f){const e=(null==a?void 0:a.keyCode)||(null==a?void 0:a.charCode);8!==e&&46!==e||L({actualValue:"",variableType:"string"})}else L(h?{actualValue:e,variableType:"string"}:{actualValue:e.replace(/{{.*}}/,""),variableType:"string"})},onReferenceInit:()=>{},onFocus:e=>{var a;O(!0),z(!0),"Search..."!==(null===(a=e.relatedTarget)||void 0===a?void 0:a.placeholder)||q||Z(!0)},onBlur:e=>{var a,l,r,i,d,o,t;null==y||y(e,I),"addVar"===(null===(a=e.relatedTarget)||void 0===a?void 0:a.id)||"varList"===(null===(l=e.relatedTarget)||void 0===l?void 0:l.id)||(null===(i=null===(r=e.relatedTarget)||void 0===r?void 0:r.className)||void 0===i?void 0:i.includes("exlualr0"))||(null===(o=null===(d=e.relatedTarget)||void 0===d?void 0:d.className)||void 0===o?void 0:o.includes("sc-dZoequ "))?(B.current&&B.current.focus(),O(!0)):"Search..."===(null===(t=e.relatedTarget)||void 0===t?void 0:t.placeholder)?O(!0):(O(!1),Z(!1),z(!1))}}),e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[I.actualValue&&w&&l("div",Object.assign({style:{marginTop:4}},{children:l(p,{children:`This value is of type ${I.variableType}`})})),x&&$&&l("div",Object.assign({style:{marginTop:A?"-24px":"0px"}},{children:l(u,Object.assign({right:n,id:"addVar",onClick:()=>{Z(!q)}},{children:e("div",Object.assign({className:"add"},{children:[l(r,{color:"white"}),l("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))}))]})),!S&&q&&l(c,{data:T,showVariable:!0,setShowVariable:()=>{Z(!1)},variableValue:M,setVariableValue:F,placeholder:"",pickerSize:"large",enableVariable:!0,selectWithTypes:!0,onSearchBlur:e=>{var a,l,r,i,d,o;"varList"===(null===(a=e.relatedTarget)||void 0===a?void 0:a.id)||(null===(r=null===(l=e.relatedTarget)||void 0===l?void 0:l.className)||void 0===r?void 0:r.includes("exlualr0"))||(null===(d=null===(i=e.relatedTarget)||void 0===i?void 0:i.className)||void 0===d?void 0:d.includes("sc-dZoequ "))?B.current.focus():"Enter here"===(null===(o=e.relatedTarget)||void 0===o?void 0:o.placeholder)?e.relatedTarget.id!==k&&(Z(!1),z(!1),O(!1)):(Z(!1),z(!1),O(!1))}})]})),S&&q&&l(g,{zIndex:2e3,data:null!=T?T:[],showVariable:q,setShowVariable:()=>{Z(!1)},placeholder:"Add a variable",customTrigger:e=>{F({actualValue:e.actualValue,variableType:"string"}),L(e)},onSearchBlur:e=>{var a,l,r,i,d,o;"varList"===(null===(a=e.relatedTarget)||void 0===a?void 0:a.id)||(null===(r=null===(l=e.relatedTarget)||void 0===l?void 0:l.className)||void 0===r?void 0:r.includes("exlualr0"))||(null===(d=null===(i=e.relatedTarget)||void 0===i?void 0:i.className)||void 0===d?void 0:d.includes("sc-dZoequ "))?B.current.focus():"Enter here"===(null===(o=e.relatedTarget)||void 0===o?void 0:o.placeholder)?e.relatedTarget.id!==k&&(Z(!1),z(!1),O(!1)):(Z(!1),z(!1),O(!1))}})]})},b=t.div`
+import{jsxs as e,jsx as a}from"react/jsx-runtime";import l from"../../assets/icons/PlusIcon.js";import{useRef as r,useState as i,useEffect as d}from"react";import o from"styled-components";import{v4 as t}from"uuid";import{AddVariableV2SideModal as s}from"../add-variableV2/AddVariableV2SideModal.js";import{AddVariableV2 as n}from"../add-variableV2/AddVariableV2.js";import{COLORS as u}from"../../constants/Theme.js";import{AddVariableStyled as c}from"../add-variableV2/AddVariableBox.styled.js";import{Input as v}from"../input/Input.js";import{BodyCaption as p}from"../TypographyStyle.js";const g=o=>{var u;const g=r(null),[h,m]=i(!1),[V]=i(t()),[T,f]=i(),[y,x]=i(o.prevVariable),[j,w]=i(!1),[S,M]=i(!1),[N,A]=i("");return d((()=>{T&&T.actualValue&&(o.allowMix?x((e=>({actualValue:e.actualValue+T.actualValue,variableType:"string"}))):x((e=>({actualValue:T.actualValue,variableType:T.variableType,needsFetching:T.needsFetching}))))}),[T]),d((()=>{o.onChange(y)}),[y]),d((()=>{(null==o?void 0:o.errorMessage)&&A(null==o?void 0:o.errorMessage)}),[null==o?void 0:o.errorMessage]),e(b,Object.assign({isVar:/^{{.*}}$/.test(y.actualValue)},{children:[a(v,{id:V,ref:g,skipFocus:!0,textControl:!0,isActive:h,value:y.actualValue,validate:e=>[!0,""],errorMessage:N,placeholder:"Add a value",onChangeText:function(e,a){if(A(""),o.onlyVariables){const e=(null==a?void 0:a.keyCode)||(null==a?void 0:a.charCode);8!=e&&46!=e||x({actualValue:"",variableType:"string"})}else o.allowMix?x({actualValue:e,variableType:"string"}):x({actualValue:e.replace(/{{.*}}/,""),variableType:"string"})},onReferenceInit:()=>{},onFocus:e=>{var a;m(!0),M(!0),"Search..."!==(null===(a=e.relatedTarget)||void 0===a?void 0:a.placeholder)||j||w(!0)},onBlur:e=>{var a,l,r,i,d,o,t;"addVar"===(null===(a=e.relatedTarget)||void 0===a?void 0:a.id)||"varList"===(null===(l=e.relatedTarget)||void 0===l?void 0:l.id)||(null===(i=null===(r=e.relatedTarget)||void 0===r?void 0:r.className)||void 0===i?void 0:i.includes("exlualr0"))||(null===(o=null===(d=e.relatedTarget)||void 0===d?void 0:d.className)||void 0===o?void 0:o.includes("sc-dZoequ "))?(g.current&&g.current.focus(),m(!0)):"Search..."===(null===(t=e.relatedTarget)||void 0===t?void 0:t.placeholder)?m(!0):(m(!1),w(!1),M(!1))}}),e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[y.actualValue&&o.showHelp?a("div",Object.assign({style:{marginTop:4}},{children:a(p,{children:`This value is of type ${y.variableType}`})})):a("div",{}),S&&a("div",Object.assign({style:{marginTop:N?"-24px":"0px"}},{children:a(c,Object.assign({right:o.addVarBoxRight,id:"addVar",onClick:()=>{w(!j)}},{children:e("div",Object.assign({className:"add"},{children:[a(l,{color:"white"}),a("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))}))]})),j&&!o.showSideModal&&a(n,{data:o.variablesList,showVariable:!0,setShowVariable:()=>{w(!1)},variableValue:T,setVariableValue:f,placeholder:"",pickerSize:"large",enableVariable:!0,selectWithTypes:!0,onSearchBlur:e=>{var a,l,r,i,d,o;"varList"===(null===(a=e.relatedTarget)||void 0===a?void 0:a.id)||(null===(r=null===(l=e.relatedTarget)||void 0===l?void 0:l.className)||void 0===r?void 0:r.includes("exlualr0"))||(null===(d=null===(i=e.relatedTarget)||void 0===i?void 0:i.className)||void 0===d?void 0:d.includes("sc-dZoequ "))?g.current.focus():"Enter here"===(null===(o=e.relatedTarget)||void 0===o?void 0:o.placeholder)?e.relatedTarget.id!==V&&(w(!1),M(!1),m(!1)):(w(!1),M(!1),m(!1))}}),j&&o.showSideModal&&a(s,{zIndex:2e3,data:null!==(u=o.variablesList)&&void 0!==u?u:[],showVariable:j,setShowVariable:()=>{w(!1)},placeholder:"Add a variable",customTrigger:e=>{f({actualValue:e.actualValue,variableType:"string"})},onSearchBlur:e=>{var a,l,r,i,d,o;"varList"===(null===(a=e.relatedTarget)||void 0===a?void 0:a.id)||(null===(r=null===(l=e.relatedTarget)||void 0===l?void 0:l.className)||void 0===r?void 0:r.includes("exlualr0"))||(null===(d=null===(i=e.relatedTarget)||void 0===i?void 0:i.className)||void 0===d?void 0:d.includes("sc-dZoequ "))?g.current.focus():"Enter here"===(null===(o=e.relatedTarget)||void 0===o?void 0:o.placeholder)?e.relatedTarget.id!==V&&(w(!1),M(!1),m(!1)):(w(!1),M(!1),m(!1))}})]}))},b=o.div`
 	margin-bottom: 16px;
 	input {
-		color: ${e=>e.isVar?n.stroke.brand:"black"};
+		color: ${e=>e.isVar?u.stroke.brand:"black"};
 	}
-`;export{h as InputWithVariables};
+`;export{g as InputWithVariables};

package/dist/esm/components/template-context-mapper/TemplateContextMapper.d.ts

@@ -20,12 +20,10 @@ export interface TemplateContextMapperProps {
     zIndex?: number;
     showVariableModal?: boolean;
     variableList?: VariableListInterfaceV2[];
-    variableListForImage?: VariableListInterfaceV2[];
     onBackPress?: () => void;
     discountCode?: string;
     setDiscountCode?: (code: string) => void;
     enabledCustomText?: boolean;
-    showSampleValues?: boolean;
     disableEditVariable?: boolean;
 }
-export declare const TemplateContextMapper: ({ selectedTemplate, closeDialog, showVariableMapping, channel, htmlContent, templateVariables, onTemplateSelect, globalPlaceholders, showOnlyContent, whatsappSpecificPickerMeta, zIndex, showVariableModal, variableList, discountCode, setDiscountCode, onBackPress, enabledCustomText, disableEditVariable, variableListForImage, showSampleValues, }: TemplateContextMapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TemplateContextMapper: ({ selectedTemplate, closeDialog, showVariableMapping, channel, htmlContent, templateVariables, onTemplateSelect, globalPlaceholders, showOnlyContent, whatsappSpecificPickerMeta, zIndex, showVariableModal, variableList, discountCode, setDiscountCode, onBackPress, enabledCustomText, disableEditVariable, }: TemplateContextMapperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/template-context-mapper/TemplateContextMapper.js

@@ -1 +1 @@
-import{jsx as e,jsxs as l,Fragment as t}from"react/jsx-runtime";import{useEffect as o,useState as a,useMemo as i}from"react";import n from"../../utils/StringUtils.js";import{StyledModal as r}from"../modals/styledModal.js";import{CHANNEL_TYPE as s}from"../template-preview/models/Channels.js";import{TemplateModalContext as d}from"./context/templateModalContext.js";import c from"./modalElements/Footer.js";import m from"./modalElements/TemplateSelectModalContent.js";import{convertPlaceholdersToBikDropdown as p}from"./utils/convertPlaceholdersToBikDropdown.js";const u=u=>{let{selectedTemplate:h,closeDialog:b,showVariableMapping:g,channel:v,htmlContent:C,templateVariables:S,onTemplateSelect:f,globalPlaceholders:w,showOnlyContent:M,whatsappSpecificPickerMeta:T,zIndex:V,showVariableModal:j,variableList:L,discountCode:P,setDiscountCode:E,onBackPress:x,enabledCustomText:I,disableEditVariable:y,variableListForImage:k,showSampleValues:D}=u;var A,O;o((()=>{H(C)}),[C]);const[F,z]=a(v===s.EMAIL?"desktop":"mobile"),[B,H]=a(C),[$,N]=a(!1),[U,W]=a(h),[_,q]=a(null!=S?S:[]),[G,J]=a(!1);const K=i((()=>p(w)),[w]);return e(d.Provider,Object.assign({value:{template:U,setTemplate:W,device:F,setDevice:z,display_content:B,setDisplayContent:H,originalVariableList:_,setOriginalVariableList:q,isError:$,setIsError:N,channel:v,globalNormalizedPlaceholders:K,templateSelectionTriggered:G,setTemplateSelectionTriggered:J,enabledCustomText:I,disableEditVariable:y}},{children:M?e(m,{channel:s.EMAIL,hideHeader:!0}):l(r,Object.assign({zIndex:V,centralContainerStyles:{width:v===s.EMAIL&&g?1e3:650},open:!0,onClose:()=>{null==b||b()},headingTitle:null==U?void 0:U.label,headingSubtitle:v===s.WHATSAPP?`${n.capitaliseFirstLetterOfString(null!==(A=null==U?void 0:U.category)&&void 0!==A?A:"")} • ${null!==(O=null==U?void 0:U.templateCategory)&&void 0!==O?O:""}`:"",onBackPress:()=>{null==x||x()}},{children:[e(m,{showSampleValues:D,showVariableMapping:g,channel:v,whatsappSpecificPickerMeta:T,showVariableModal:j,variableList:L,discountCode:P,setDiscountCode:E,variableListForImage:k&&(null==k?void 0:k.length)>0?k:L}),f?e(c,{onSelect:function(){const e=null==f?void 0:f(U,_,null!=B?B:"");e?N(!!e):J(!0)}}):e(t,{})]}))}))};export{u as TemplateContextMapper};
+import{jsx as e,jsxs as t,Fragment as l}from"react/jsx-runtime";import{useEffect as o,useState as a,useMemo as i}from"react";import n from"../../utils/StringUtils.js";import{StyledModal as r}from"../modals/styledModal.js";import{CHANNEL_TYPE as s}from"../template-preview/models/Channels.js";import{TemplateModalContext as d}from"./context/templateModalContext.js";import c from"./modalElements/Footer.js";import m from"./modalElements/TemplateSelectModalContent.js";import{convertPlaceholdersToBikDropdown as p}from"./utils/convertPlaceholdersToBikDropdown.js";const u=u=>{let{selectedTemplate:b,closeDialog:h,showVariableMapping:g,channel:v,htmlContent:C,templateVariables:f,onTemplateSelect:M,globalPlaceholders:S,showOnlyContent:T,whatsappSpecificPickerMeta:j,zIndex:w,showVariableModal:P,variableList:E,discountCode:V,setDiscountCode:x,onBackPress:L,enabledCustomText:y,disableEditVariable:k}=u;var D,I;o((()=>{B(C)}),[C]);const[A,O]=a(v===s.EMAIL?"desktop":"mobile"),[z,B]=a(C),[F,H]=a(!1),[$,N]=a(b),[U,W]=a(null!=f?f:[]),[_,q]=a(!1);const G=i((()=>p(S)),[S]);return e(d.Provider,Object.assign({value:{template:$,setTemplate:N,device:A,setDevice:O,display_content:z,setDisplayContent:B,originalVariableList:U,setOriginalVariableList:W,isError:F,setIsError:H,channel:v,globalNormalizedPlaceholders:G,templateSelectionTriggered:_,setTemplateSelectionTriggered:q,enabledCustomText:y,disableEditVariable:k}},{children:T?e(m,{channel:s.EMAIL,hideHeader:!0}):t(r,Object.assign({zIndex:w,centralContainerStyles:{width:v===s.EMAIL&&g?1e3:650},open:!0,onClose:()=>{null==h||h()},headingTitle:null==$?void 0:$.label,headingSubtitle:v===s.WHATSAPP?`${n.capitaliseFirstLetterOfString(null!==(D=null==$?void 0:$.category)&&void 0!==D?D:"")} • ${null!==(I=null==$?void 0:$.templateCategory)&&void 0!==I?I:""}`:"",onBackPress:()=>{null==L||L()}},{children:[e(m,{showVariableMapping:g,channel:v,whatsappSpecificPickerMeta:j,showVariableModal:P,variableList:E,discountCode:V,setDiscountCode:x}),M?e(c,{onSelect:function(){const e=null==M?void 0:M($,U,null!=z?z:"");e?H(!!e):q(!0)}}):e(l,{})]}))}))};export{u as TemplateContextMapper};

package/dist/esm/components/template-context-mapper/modalElements/Body.d.ts

@@ -6,10 +6,8 @@ export interface BodyProps {
     whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
     showVariableModal?: boolean;
     variableList?: VariableListInterfaceV2[];
-    variableListForImage?: VariableListInterfaceV2[];
     discountCode?: string;
     setDiscountCode?: (code: string) => void;
-    showSampleValues?: boolean;
 }
 declare const Body: (props: BodyProps) => import("react/jsx-runtime").JSX.Element;
 export default Body;

package/dist/esm/components/template-context-mapper/modalElements/Body.js

@@ -1,7 +1,7 @@
-import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import{useRef as l}from"react";import n from"styled-components";import{CHANNEL_TYPE as i}from"../../template-preview/models/Channels.js";import{COLORS as a}from"../../../constants/Theme.js";import{useTemplateModalContext as r}from"../context/templateModalContext.js";import{getVariableNameForEmailByIndex as s}from"../utils/getVariableNameEmail.js";import{highlightFor as p}from"../utils/highlightFor.js";import m from"./DesktopPreview.js";import d from"./EditWhatsAppTemplateV2.js";import c from"./MobilePreview.js";import h from"./VariableConnectorsPanel.js";const u=n.div`
+import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import{useRef as n}from"react";import l from"styled-components";import{CHANNEL_TYPE as i}from"../../template-preview/models/Channels.js";import{COLORS as a}from"../../../constants/Theme.js";import{useTemplateModalContext as r}from"../context/templateModalContext.js";import{getVariableNameForEmailByIndex as s}from"../utils/getVariableNameEmail.js";import{highlightFor as p}from"../utils/highlightFor.js";import d from"./DesktopPreview.js";import m from"./EditWhatsAppTemplateV2.js";import c from"./MobilePreview.js";import h from"./VariableConnectorsPanel.js";const u=l.div`
 	display: flex;
 	//	height: 100%;
-`,f=n.div`
+`,f=l.div`
 	padding: 16px 14px;
 	max-width: 350px;
 
@@ -9,9 +9,9 @@ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import{useRef as
 	overflow-y: 'auto';
 	padding-bottom: 24px;
 	border-left: ${a.stroke.primary} 1px solid;
-`,v=n.div`
+`,v=l.div`
 	padding: ${e=>e.showOnlyContent?"16px 14px":"16px 32px"};
 	flex: 1;
 	height: 475px;
 	overflow-y: auto;
-`,g=n=>{const{showVariableMapping:g,showOnlyContent:w,whatsappSpecificPickerMeta:b,showVariableModal:x,variableList:y,discountCode:j,setDiscountCode:M,variableListForImage:C,showSampleValues:V}=n,P=l(),E=l(),{device:S,display_content:T,channel:k,template:A,setTemplate:L}=r();const I=e=>{let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t};return e(u,{children:[t(v,Object.assign({showOnlyContent:w,showVariableMapping:g},{children:"mobile"===S?t(c,{ref:E,display_content:null!=T?T:"",channel:k,template:A,showSampleValues:V}):k!==i.MESSAGE?t(m,{ref:P,channel:k,display_content:null!=T?T:"",showSampleValues:V}):t(o,{})})),g&&t(f,Object.assign({channel:k},{children:k!==i.WHATSAPP?t(h,{onFocus:k===i.EMAIL?function(e){var t,o,l;const n=null===document||void 0===document?void 0:document.getElementById("mobile"===S?"template_html_mobile":"template_html_desktop"),r=s(e+1),m=k===i.EMAIL?null===(t=null==n?void 0:n.contentWindow)||void 0===t?void 0:t.document.getElementById(r):document.getElementById(r),d=I(m),c=null==m?void 0:m.offsetLeft;"desktop"===S?d&&P.current&&(null===(o=null==n?void 0:n.contentWindow)||void 0===o||o.scrollTo(null!=c?c:0,d),p(r,a.background.warning.light,2,k,S)):d&&E.current&&(null===(l=null==n?void 0:n.contentWindow)||void 0===l||l.scrollTo(null!=c?c:0,d),p(r,a.background.warning.light,2,k,S))}:void 0,showVariableModal:x,variableList:y,discountCode:j,setDiscountCode:M}):t(d,{whatsappSpecificPickerMeta:b,template:A,onTemplateChange:e=>{null==L||L(e)},showVariableModal:x,variableList:y,variableListForImage:C})}))]})};export{g as default};
+`,g=l=>{const{showVariableMapping:g,showOnlyContent:w,whatsappSpecificPickerMeta:b,showVariableModal:x,variableList:y,discountCode:j,setDiscountCode:M}=l,C=n(),P=n(),{device:E,display_content:T,channel:k,template:A,setTemplate:V}=r();const _=e=>{let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t};return e(u,{children:[t(v,Object.assign({showOnlyContent:w,showVariableMapping:g},{children:"mobile"===E?t(c,{ref:P,display_content:null!=T?T:"",channel:k,template:A}):k!==i.MESSAGE?t(d,{ref:C,channel:k,display_content:null!=T?T:""}):t(o,{})})),g&&t(f,Object.assign({channel:k},{children:k!==i.WHATSAPP?t(h,{onFocus:k===i.EMAIL?function(e){var t,o,n;const l=null===document||void 0===document?void 0:document.getElementById("mobile"===E?"template_html_mobile":"template_html_desktop"),r=s(e+1),d=k===i.EMAIL?null===(t=null==l?void 0:l.contentWindow)||void 0===t?void 0:t.document.getElementById(r):document.getElementById(r),m=_(d),c=null==d?void 0:d.offsetLeft;"desktop"===E?m&&C.current&&(null===(o=null==l?void 0:l.contentWindow)||void 0===o||o.scrollTo(null!=c?c:0,m),p(r,a.background.warning.light,2,k,E)):m&&P.current&&(null===(n=null==l?void 0:l.contentWindow)||void 0===n||n.scrollTo(null!=c?c:0,m),p(r,a.background.warning.light,2,k,E))}:void 0,showVariableModal:x,variableList:y,discountCode:j,setDiscountCode:M}):t(m,{whatsappSpecificPickerMeta:b,template:A,onTemplateChange:e=>{null==V||V(e)},showVariableModal:x,variableList:y})}))]})};export{g as default};

package/dist/esm/components/template-context-mapper/modalElements/DesktopPreview.d.ts

@@ -3,6 +3,5 @@ import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
 declare const DesktopPreview: React.ForwardRefExoticComponent<{
     display_content: string;
     channel: CHANNEL_TYPE;
-    showSampleValues?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export default DesktopPreview;