@ikas/core 1.0.8 → 1.0.9

package/dist/index110.js

@@ -1,121 +1,371 @@
-var u = Object.defineProperty;
-var m = (r, e, o) => e in r ? u(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o;
-var d = (r, e, o) => m(r, typeof e != "symbol" ? e + "" : e, o);
-import { jsx as a, jsxs as f } from "react/jsx-runtime";
-import k from "react";
-import { observer as g } from "mobx-react";
-import { makeObservable as C, action as p, observable as w } from "mobx";
-import { Modal as v, Input as b, Checkbox as x } from "@ikas/ui";
-import { coreTranslations as h } from "./index5.js";
-import { ModalContainer as L, Title as I, Label as y } from "./index104.js";
-var N = Object.defineProperty, T = Object.getOwnPropertyDescriptor, l = (r, e, o, t) => {
-  for (var n = t > 1 ? void 0 : t ? T(e, o) : e, s = r.length - 1, c; s >= 0; s--)
-    (c = r[s]) && (n = (t ? c(e, o, n) : c(n)) || n);
-  return t && n && N(e, o, n), n;
-};
-let i = class extends k.Component {
-  constructor(e) {
-    super(e);
-    d(this, "linkInfo", null);
-    C(this);
-  }
-  componentDidUpdate(e, o, t) {
-    this.props.open && !e.open && this.init();
-  }
-  init() {
-    var o, t;
-    const { summernoteObj: e } = this.props;
-    try {
-      const n = (o = e.summernote) == null ? void 0 : o.call(e, "editor.createRange"), s = (t = e.summernote) == null ? void 0 : t.call(e, "editor.getLinkInfo", n);
-      this.linkInfo = s;
-    } catch (n) {
-      console.log("video insert error", n);
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
+import A, { useState as W, useRef as j } from "react";
+import { SidebarMenu as B, useSidebar as E, SidebarMenuItem as T, SidebarMenuButton as O, Tooltip as F, SidebarMenuBadge as _, SidebarMenuSub as q, Popover as G, PopoverTrigger as H, PopoverContent as J, SidebarMenuSubItem as R, SidebarMenuSubButton as k } from "@ikas/ui";
+import { cn as m } from "./index3.js";
+import { coreTranslations as I } from "./index5.js";
+import { IconWithFill as Q, IconWrapper as P } from "./index109.js";
+function y(e) {
+  return m(
+    "flex min-h-7 items-center rounded px-3 py-1 text-sm font-normal shadow-xs",
+    e === "light" ? "border-none bg-white text-gray-blue-9" : "dark bg-sidebar-popup text-sidebar-accent-foreground"
+  );
+}
+function S({ children: e }) {
+  return /* @__PURE__ */ r("span", { className: "flex max-h-[18px] shrink-0 items-center justify-center rounded bg-purple px-1.5 py-[3px] text-xs font-normal text-white", children: e ?? I.navigation.new });
+}
+function V() {
+  return /* @__PURE__ */ r("span", { className: "shrink-0 rounded border border-gray-blue-2 bg-gray-blue-0 px-[5px] py-0.5 text-xs font-medium text-gray-blue-6", children: I.navigation.admin });
+}
+function re({
+  items: e,
+  selectedUUIDList: l,
+  openKeys: d,
+  onOpenKeysChange: c,
+  onItemClick: a,
+  onLeafClick: i,
+  isExpandedMenu: n,
+  isSalesChannel: p,
+  showTypographyText: o,
+  getSalesChannelIconBackgroundColor: u,
+  theme: s
+}) {
+  return /* @__PURE__ */ r(B, { children: e.map((b) => /* @__PURE__ */ r(
+    X,
+    {
+      item: b,
+      selectedUUIDList: l,
+      openKeys: d,
+      onOpenKeysChange: c,
+      onItemClick: a,
+      onLeafClick: i,
+      isExpandedMenu: n,
+      isSalesChannel: p,
+      showTypographyText: o,
+      getSalesChannelIconBackgroundColor: u,
+      theme: s
+    },
+    b.uuid
+  )) });
+}
+function X({
+  item: e,
+  selectedUUIDList: l,
+  openKeys: d,
+  onOpenKeysChange: c,
+  onItemClick: a,
+  onLeafClick: i,
+  isExpandedMenu: n,
+  isSalesChannel: p,
+  showTypographyText: o,
+  getSalesChannelIconBackgroundColor: u,
+  theme: s
+}) {
+  var b;
+  return (b = e.expandedMenuSettings) != null && b.visibleOnlyExpanded ? null : e.isExpandableMenu ? /* @__PURE__ */ r(
+    z,
+    {
+      item: e,
+      selectedUUIDList: l,
+      onLeafClick: i,
+      onItemClick: a,
+      isSalesChannel: p,
+      showTypographyText: o,
+      getSalesChannelIconBackgroundColor: u,
+      isExpandedMenu: n,
+      theme: s
+    }
+  ) : e.childItems ? /* @__PURE__ */ r(
+    Y,
+    {
+      item: e,
+      selectedUUIDList: l,
+      openKeys: d,
+      onOpenKeysChange: c,
+      onItemClick: a,
+      onLeafClick: i,
+      isSalesChannel: p,
+      showTypographyText: o,
+      getSalesChannelIconBackgroundColor: u,
+      isExpandedMenu: n,
+      theme: s
     }
-  }
-  onClose() {
-    this.linkInfo = null, this.props.onClose();
-  }
-  insertLink() {
-    const { summernoteObj: e } = this.props;
-    try {
-      e.summernote("editor.saveRange"), e.summernote("editor.restoreRange");
-      const o = this.linkInfo;
-      e.summernote("editor.createLink", {
-        url: o == null ? void 0 : o.url,
-        range: o == null ? void 0 : o.range,
-        text: o == null ? void 0 : o.text,
-        isNewWindow: o == null ? void 0 : o.isNewWindow,
-        checkProtocol: !0
-      }), this.onClose();
-    } catch (o) {
-      e.summernote("editor.restoreRange"), console.log("video insert error", o);
+  ) : /* @__PURE__ */ r(
+    z,
+    {
+      item: e,
+      selectedUUIDList: l,
+      onLeafClick: i,
+      onItemClick: a,
+      isSalesChannel: p,
+      showTypographyText: o,
+      getSalesChannelIconBackgroundColor: u,
+      isExpandedMenu: n,
+      theme: s
     }
-  }
-  onLinkChange(e) {
-    this.linkInfo && (this.linkInfo.url = e.target.value);
-  }
-  onNewWindowChange(e) {
-    this.linkInfo && (this.linkInfo.isNewWindow = e);
-  }
-  render() {
-    var o, t, n, s;
-    const { open: e } = this.props;
-    return /* @__PURE__ */ a(
-      v,
+  );
+}
+function z({
+  item: e,
+  selectedUUIDList: l,
+  onLeafClick: d,
+  onItemClick: c,
+  isSalesChannel: a,
+  showTypographyText: i,
+  getSalesChannelIconBackgroundColor: n,
+  isExpandedMenu: p,
+  theme: o
+}) {
+  const { state: u } = E(), s = u === "collapsed", b = l.includes(e.uuid), v = n(e), f = a ? 20 : 16, t = e.label ?? e.labelTitle ?? "", g = A.useRef(null), [w, N] = A.useState(!1);
+  A.useEffect(() => {
+    const M = g.current;
+    M && N(M.scrollWidth > M.clientWidth);
+  }, [t, s]);
+  const x = v ? Q : P;
+  return /* @__PURE__ */ h(T, { children: [
+    /* @__PURE__ */ h(
+      O,
       {
-        open: e,
-        onCancel: this.onClose,
-        onOk: this.insertLink,
-        okText: h.richText.addLink,
-        title: h.richText.link,
-        okButtonProps: {
-          disabled: !((t = (o = this.linkInfo) == null ? void 0 : o.url) != null && t.length)
+        isActive: b,
+        tooltip: !e.parent || p ? {
+          children: e.labelTitle,
+          className: y(o),
+          showArrow: !1
+        } : void 0,
+        onClick: () => {
+          e.isExpandableMenu ? d(e) : (d(e), c(e));
         },
-        children: /* @__PURE__ */ f(L, { children: [
-          /* @__PURE__ */ a(I, { children: /* @__PURE__ */ a(y, { children: h.richText.linkUrl }) }),
-          /* @__PURE__ */ a(
-            b,
+        className: m(
+          e.isWhite && "text-white hover:text-white",
+          // Sales channel items: padding-inline 8px when expanded
+          // (original style.tsx:1038-1040)
+          a && !s && "px-2"
+        ),
+        children: [
+          e.icon && /* @__PURE__ */ r(
+            x,
             {
-              value: (n = this.linkInfo) == null ? void 0 : n.url,
-              onChange: this.onLinkChange,
-              placeholder: h.richText.enterURL
+              icon: e.icon,
+              fillColor: v,
+              size: f
             }
           ),
-          /* @__PURE__ */ a(
-            x,
+          (!s || !e.icon) && i && (w && !p ? /* @__PURE__ */ r(
+            F,
+            {
+              content: t,
+              className: y(o),
+              showArrow: !1,
+              children: /* @__PURE__ */ r("span", { ref: g, className: "truncate", children: t })
+            }
+          ) : /* @__PURE__ */ r("span", { ref: g, className: "truncate", children: t })),
+          e.adminBadgeRender && !s && /* @__PURE__ */ r(V, {}),
+          e.isNew && !s && /* @__PURE__ */ r(S, {})
+        ]
+      }
+    ),
+    !!e.newDataCount && /* @__PURE__ */ r(_, { className: "bg-purple text-white rounded-xl min-w-[26px] h-5 text-xs font-medium", children: e.newDataCount })
+  ] });
+}
+function Y({
+  item: e,
+  selectedUUIDList: l,
+  openKeys: d,
+  onOpenKeysChange: c,
+  onItemClick: a,
+  onLeafClick: i,
+  isSalesChannel: n,
+  showTypographyText: p,
+  getSalesChannelIconBackgroundColor: o,
+  isExpandedMenu: u,
+  theme: s
+}) {
+  var N;
+  const { state: b } = E(), v = b === "collapsed", f = d.includes(e.uuid), t = n ? 20 : 16, g = e.label ?? e.labelTitle ?? "", w = (N = e.childItems) == null ? void 0 : N.some(
+    (x) => l.includes(x.uuid)
+  );
+  return v ? n ? null : /* @__PURE__ */ r(
+    $,
+    {
+      item: e,
+      selectedUUIDList: l,
+      onItemClick: a,
+      onLeafClick: i,
+      hasActiveChild: w,
+      isSalesChannel: n,
+      showTypographyText: p,
+      getSalesChannelIconBackgroundColor: o,
+      isExpandedMenu: u,
+      theme: s
+    }
+  ) : /* @__PURE__ */ h(T, { children: [
+    /* @__PURE__ */ h(
+      O,
+      {
+        isActive: !1,
+        onClick: () => {
+          c(f ? d.filter((x) => x !== e.uuid) : [...d, e.uuid]);
+        },
+        className: m(
+          // Sales channel submenu title: brighter color, no hover bg
+          // (original style.tsx:1015-1026)
+          n && "text-sidebar-accent-foreground hover:bg-transparent data-[state=open]:hover:bg-transparent"
+        ),
+        children: [
+          e.icon && /* @__PURE__ */ r(
+            P,
+            {
+              icon: e.icon,
+              size: t
+            }
+          ),
+          p && /* @__PURE__ */ r("span", { className: "truncate", children: g }),
+          /* @__PURE__ */ r(
+            "span",
             {
-              checked: (s = this.linkInfo) == null ? void 0 : s.isNewWindow,
-              onCheckedChange: this.onNewWindowChange,
-              label: h.richText.openInNewWindow
+              className: "sidebar-submenu-arrow ml-auto shrink-0",
+              "data-open": f ? "true" : void 0,
+              "aria-hidden": !0
             }
           )
-        ] })
+        ]
       }
-    );
-  }
-};
-l([
-  w
-], i.prototype, "linkInfo", 2);
-l([
-  p.bound
-], i.prototype, "init", 1);
-l([
-  p.bound
-], i.prototype, "onClose", 1);
-l([
-  p.bound
-], i.prototype, "insertLink", 1);
-l([
-  p.bound
-], i.prototype, "onLinkChange", 1);
-l([
-  p.bound
-], i.prototype, "onNewWindowChange", 1);
-i = l([
-  g
-], i);
-const j = i;
+    ),
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: "grid transition-[grid-template-rows] duration-300 ease-in-out",
+        style: { gridTemplateRows: f ? "1fr" : "0fr" },
+        children: /* @__PURE__ */ r("div", { className: "overflow-hidden", children: /* @__PURE__ */ r(q, { children: e.childItems.map((x) => /* @__PURE__ */ r(
+          Z,
+          {
+            item: x,
+            selectedUUIDList: l,
+            onItemClick: a,
+            onLeafClick: i,
+            getSalesChannelIconBackgroundColor: o,
+            isSalesChannel: n,
+            isExpandedMenu: u,
+            theme: s
+          },
+          x.uuid
+        )) }) })
+      }
+    )
+  ] });
+}
+function Z({
+  item: e,
+  selectedUUIDList: l,
+  onItemClick: d,
+  onLeafClick: c,
+  isSalesChannel: a
+}) {
+  var n;
+  if ((n = e.expandedMenuSettings) != null && n.visibleOnlyExpanded) return null;
+  const i = l.includes(e.uuid);
+  return e.isExpandableMenu ? /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(
+    k,
+    {
+      asChild: !0,
+      isActive: i,
+      onClick: () => c(e),
+      className: m(a && "px-2"),
+      children: /* @__PURE__ */ r("button", { className: "w-full", children: /* @__PURE__ */ r("span", { className: "truncate", children: e.label ?? e.labelTitle }) })
+    }
+  ) }) : /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(
+    k,
+    {
+      asChild: !0,
+      isActive: i,
+      onClick: () => {
+        c(e), d(e);
+      },
+      className: m(a && "px-2"),
+      children: /* @__PURE__ */ h("button", { className: "w-full", children: [
+        /* @__PURE__ */ r("span", { className: "truncate", children: e.label ?? e.labelTitle }),
+        e.isNew && /* @__PURE__ */ r(S, {})
+      ] })
+    }
+  ) });
+}
+function $({
+  item: e,
+  selectedUUIDList: l,
+  onItemClick: d,
+  onLeafClick: c,
+  hasActiveChild: a,
+  isSalesChannel: i,
+  theme: n
+}) {
+  var f;
+  const [p, o] = W(!1), u = j(null), s = i ? 20 : 16, b = () => {
+    u.current && (clearTimeout(u.current), u.current = null), o(!0);
+  }, v = () => {
+    u.current = setTimeout(() => {
+      o(!1);
+    }, 100);
+  };
+  return /* @__PURE__ */ r(T, { children: /* @__PURE__ */ h(G, { open: p, onOpenChange: o, children: [
+    /* @__PURE__ */ r(H, { asChild: !0, children: /* @__PURE__ */ r(
+      O,
+      {
+        isActive: a,
+        onMouseEnter: b,
+        onMouseLeave: v,
+        children: e.icon && /* @__PURE__ */ r(
+          P,
+          {
+            icon: e.icon,
+            size: s
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ h(
+      J,
+      {
+        side: "right",
+        align: "start",
+        sideOffset: 8,
+        showArrow: !1,
+        className: m(
+          "flex min-w-fit max-w-[300px] flex-col gap-1 rounded border-sidebar-popup bg-sidebar-popup p-[5px] shadow-xl",
+          n === "dark" && "dark text-sidebar-foreground"
+        ),
+        onMouseEnter: b,
+        onMouseLeave: v,
+        children: [
+          /* @__PURE__ */ r("div", { className: "flex h-10 shrink-0 cursor-default items-center rounded px-2.5 text-sm font-medium text-gray-blue-5 dark:text-gray-black-4", children: e.labelTitle }),
+          (f = e.childItems) == null ? void 0 : f.map((t) => {
+            var w;
+            if ((w = t.expandedMenuSettings) != null && w.visibleOnlyExpanded) return null;
+            const g = l.includes(t.uuid);
+            return /* @__PURE__ */ h(
+              "button",
+              {
+                onClick: () => {
+                  t.isExpandableMenu ? c(t) : (c(t), d(t)), o(!1);
+                },
+                className: m(
+                  "flex h-10 w-full shrink-0 items-center gap-1.5 whitespace-nowrap rounded border border-transparent px-2.5 text-sm text-sidebar-accent-foreground transition-colors duration-300 dark:font-medium",
+                  "hover:border-gray-blue-1 hover:bg-sidebar-popup-hover dark:hover:border-sidebar-popup-hover",
+                  g && "dark:bg-sidebar-popup-hover"
+                ),
+                children: [
+                  /* @__PURE__ */ r("span", { className: "truncate", children: t.label ?? t.labelTitle }),
+                  t.isNew && /* @__PURE__ */ r(S, {})
+                ]
+              },
+              t.uuid
+            );
+          })
+        ]
+      }
+    )
+  ] }) });
+}
 export {
-  j as default
+  re as NavigationMenu,
+  S as NewFeatureTag,
+  y as getSidebarTooltipClass
 };

package/dist/index111.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),N=require("react-dom"),B=require("mobx");function L({sidebarViewModel:e,onNavigate:M}){const[I,x]=a.useState([]),[K,S]=a.useState([]),[i,g]=a.useState(null),[P,E]=a.useState(!1),f=a.useRef(null),[V,T]=a.useState(!0),[m,k]=a.useState(!0),r=a.useMemo(()=>{const n=t=>{var u;for(let l=0;l<t.length;l++){const o=t[l];if(o.childItems){const d=n(o.childItems);if(d)return d}else if(o.useExactRoute){if(e.currentPath==="/admin"+o.path)return o.uuid}else if((u=e.currentPath)!=null&&u.startsWith("/admin"+(o.path||"")))return o.uuid}},s=[...e.menuItems];return e.footerTopMenu&&s.push(e.footerTopMenu),e.salesChannelMenu&&s.push(e.salesChannelMenu),e.bottomMenuItems&&s.push(...e.bottomMenuItems),n(s)},[e.currentPath,e.menuItems,e.footerTopMenu,e.salesChannelMenu,e.bottomMenuItems]),b=a.useMemo(()=>r?[r]:[],[r]),F=a.useCallback(n=>{const s=u=>{for(let l=0;l<u.length;l++){const o=u[l];if(o.uuid===n)return o;if(o.childItems){const d=s(o.childItems);if(d)return d}}},t=[...e.menuItems];return e.footerTopMenu&&t.push(e.footerTopMenu),e.bottomMenuItems&&t.push(...e.bottomMenuItems),s(t)},[e.menuItems,e.footerTopMenu,e.bottomMenuItems]),c=a.useCallback((n,s=!0)=>{f.current&&clearTimeout(f.current),e.sidebarCollapsed&&s&&e.setSidebarCollapsed(!1),g(n),E(!0)},[e]),h=a.useCallback((n=!1)=>{var t;f.current&&clearTimeout(f.current);const s=()=>{var u;(u=i==null?void 0:i.expandedMenuSettings)!=null&&u.onBackClick&&i.expandedMenuSettings.onBackClick(),g(null)};E(!1),n||(t=i==null?void 0:i.expandedMenuSettings)!=null&&t.closeFast?s():f.current=setTimeout(s,300)},[i]),A=a.useCallback(n=>{if(!e.sidebarCollapsed&&n.length){const s=n[n.length-1];let t=r;e.menuItems.forEach(u=>{var o;((o=u.childItems)==null?void 0:o.find(d=>d.uuid===r))&&(t=u.uuid)}),n.find(u=>u===t)&&t!==s&&(n=[t,s])}x(n.slice(n.length-2,n.length)||[])},[e.sidebarCollapsed,e.menuItems,r]),w=a.useCallback(n=>{e.expandMenuItem&&e.expandMenuItem.path===n.path&&e.expandMenuItem.isExpandableMenu||n.isExpandableMenu||n.path&&(!document.startViewTransition||n.skipViewTransition||e.isExpandedMenu?M(n.path):document.startViewTransition(()=>{N.flushSync(()=>{M(n.path)})}))},[e.expandMenuItem,e.isExpandedMenu,M]),O=a.useCallback(n=>{var s;if(e.expandMenuItem)if(e.expandMenuItem.path===n.path){const t=e.menuItems.find(u=>{var l;return((l=e.expandMenuItem)==null?void 0:l.uuid)===u.uuid})||e.expandMenuItem;c(t,!1);return}else h(!0);n.isExpandableMenu?c(n,!1):(s=n==null?void 0:n.onClick)==null||s.call(n)},[e.expandMenuItem,e.menuItems,c,h]),C=a.useCallback(()=>{b.length&&!I.length&&e.menuItems.forEach(n=>{var t;((t=n.childItems)==null?void 0:t.find(u=>u.uuid===r))&&x([n.uuid])})},[b,I,e.menuItems,r]),y=a.useCallback(n=>{var t,u;if((t=n.childItems)==null?void 0:t.some(l=>l.isExpandableMenu)){const l=(u=n.childItems)==null?void 0:u.find(o=>{var d;return(d=o.childItems)==null?void 0:d.find(D=>D.uuid===r)});l&&c(l)}},[r,c]),p=a.useCallback((n=!0)=>{if(!e.expandMenuItem)return;const s=e.menuItems.find(t=>{var u;return((u=e.expandMenuItem)==null?void 0:u.uuid)===t.uuid})||e.expandMenuItem;c(s,n)},[e.expandMenuItem,e.menuItems,c]),R=a.useMemo(()=>{if(i)return{sidebarCollapsed:e.sidebarCollapsed,menuItems:[i],currentPath:e.currentPath,footerMenu:void 0,isExpandedMenu:!0,setSidebarCollapsed:e.setSidebarCollapsed}},[i,e.sidebarCollapsed,e.currentPath,e.setSidebarCollapsed]),U=a.useCallback(n=>{var s,t;if(n!=null&&n.iconBackgroundColor)return n.iconBackgroundColor;if((s=n==null?void 0:n.expandedMenuSettings)!=null&&s.backgroundColor)return n.expandedMenuSettings.backgroundColor;if((t=n.icon)!=null&&t.displayName){const u=n.icon.displayName;if(u==="world-icon")return"#B2A4FF";if(u==="building-icon")return"#8FCCF8";if(u==="store-icon")return"#9AA4B2"}},[]);a.useEffect(()=>{var n,s;if(e.sidebarCollapsed||C(),e.salesChannelMenu&&S([e.salesChannelMenu.uuid]),p(),I.length||(e.menuItems.forEach(t=>y(t)),e.salesChannelMenu&&y(e.salesChannelMenu)),e.isExpandedMenu&&e.menuItems.length&&((n=e.menuItems[0].childItems)!=null&&n.length)){const t=e.menuItems[0].childItems;!t.slice(1).some(o=>o.uuid===r)&&t[0]&&w(t[0])}(s=e.footerMenu)!=null&&s.thumbnailImageSrc&&T(!1)},[]),a.useEffect(()=>{const n=B.reaction(()=>e.sidebarCollapsed,s=>{s?k(!1):(k(!0),setTimeout(()=>{C(),p()},300))});return()=>n()},[e,C,p]),a.useEffect(()=>{const n=B.reaction(()=>!!e.expandMenuItem,()=>{e.expandMenuItem?p():h()});return()=>n()},[e,p,h]);const q=e.isExpandedMenu&&e.sidebarCollapsed;return{openKeys:I,salesChannelOpenKey:K,selectedExpandedMenu:i,isSelectedExpandedMenuVisible:P,showAvatarBorder:V,showTypographyText:m,selectedItemUUID:r,selectedUUIDList:b,isExpandedFooterVisible:q,salesChannelsSidebarModel:R,setShowAvatarBorder:T,setSalesChannelOpenKey:S,getItem:F,expandMenu:c,clearExpandedMenu:h,onOpenKeysChange:A,onItemClick:w,onLeafClick:O,openExpandedItem:p,getSalesChannelIconBackgroundColor:U}}exports.useNavigation=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),t=require("@ikas/ui"),u=require("./index3.cjs"),p=require("./index109.cjs"),N=require("./index110.cjs"),v=require("./index123.cjs"),w=require("./index124.cjs");function k({footerMenu:s,footerTopMenu:r,showAvatarBorder:m,setShowAvatarBorder:n,selectedUUIDList:a,onItemClick:b,onLeafClick:l,theme:d="dark",isExpandedFooterVisible:c,clearExpandedMenu:i}){const{state:x}=t.useSidebar(),o=x==="collapsed";return e.jsxs(e.Fragment,{children:[r&&e.jsx("div",{className:"flex h-[68px] shrink-0 items-center bg-sidebar px-4",children:e.jsx(t.SidebarMenu,{className:"group-data-[collapsible=icon]:items-center",children:e.jsx(t.SidebarMenuItem,{children:e.jsxs(t.SidebarMenuButton,{isActive:a.includes(r.uuid),tooltip:{children:r.labelTitle,className:N.getSidebarTooltipClass(d),showArrow:!1},onClick:()=>{l(r),b(r)},children:[r.icon&&e.jsx(p.IconWrapper,{icon:r.icon,size:16}),!o&&e.jsx("span",{className:"truncate",children:r.label??r.labelTitle})]})})})}),(c||!!s)&&e.jsxs(t.SidebarFooter,{className:u.cn("h-[72px] min-h-[72px] flex-row items-center gap-0 border-t border-sidebar-border p-0",c&&"justify-center border-t-0"),children:[c&&e.jsx("button",{onClick:()=>i==null?void 0:i(),className:"flex items-center justify-center rounded bg-black p-2.5 text-sidebar-foreground transition-colors duration-300 hover:bg-gray-black-7 hover:text-sidebar-accent-foreground",children:e.jsx(v.default,{className:"h-4 w-4"})}),s&&e.jsx(y,{footerMenu:s,showAvatarBorder:m,setShowAvatarBorder:n,isCollapsed:o,theme:d})]})]})}function f(s){return u.cn("flex min-w-[200px] max-w-[300px] flex-col rounded border-none bg-sidebar-popup p-2 shadow-xs",s==="dark"&&"dark text-sidebar-foreground")}function y({footerMenu:s,showAvatarBorder:r,setShowAvatarBorder:m,isCollapsed:n,theme:a}){var x,o;const b=`${((x=s.firstName)==null?void 0:x[0])??""}${((o=s.lastName)==null?void 0:o[0])??""}`.toUpperCase(),l=h.useRef(null),[d,c]=h.useState(!1);h.useEffect(()=>{const g=l.current;g&&c(g.scrollWidth>g.clientWidth)},[s.fullName,n]);const i=e.jsxs(t.Avatar,{className:u.cn("h-9 w-9 shrink-0",r&&(n?"ring-1 ring-gray-blue-2 dark:ring-gray-black-6":"ring-1 ring-gray-blue-2 dark:ring-gray-black-7")),children:[e.jsx(t.AvatarImage,{src:s.thumbnailImageSrc,alt:s.fullName,onError:()=>(m(!0),!0)}),e.jsx(t.AvatarFallback,{className:"bg-transparent text-xs text-gray-blue-5 dark:text-gray-black-3",children:b})]});return n?e.jsxs(t.Popover,{children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsx("button",{className:"flex h-full w-full cursor-pointer items-center justify-center transition-colors duration-300 hover:bg-sidebar-accent",children:i})}),e.jsx(t.PopoverContent,{side:"right",align:"start",sideOffset:-8,alignOffset:-12,showArrow:!1,className:f(a),children:e.jsx(j,{actions:s.actions,theme:a})})]}):e.jsxs("div",{className:"flex h-full w-full items-center gap-2 px-4",children:[i,e.jsxs("div",{className:"flex min-w-0 max-w-[124px] flex-1 flex-col",children:[d?e.jsx(t.Tooltip,{content:s.fullName,className:N.getSidebarTooltipClass(a),showArrow:!1,children:e.jsx("span",{ref:l,className:"truncate text-sm font-medium text-sidebar-accent-foreground",children:s.fullName})}):e.jsx("span",{ref:l,className:"truncate text-sm font-medium text-sidebar-accent-foreground",children:s.fullName}),e.jsx("span",{className:"truncate text-xs text-sidebar-foreground",children:s.merchantName})]}),e.jsxs(t.Popover,{children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsx("button",{className:"ml-auto flex h-8 w-8 shrink-0 items-center justify-center rounded border border-transparent text-gray-blue-5 transition-colors duration-300 hover:border-gray-blue-2 hover:bg-gray-blue-0 dark:text-white dark:hover:border-gray-black-7 dark:hover:bg-gray-black-7",children:e.jsx(w.default,{className:"h-4 w-4"})})}),e.jsx(t.PopoverContent,{side:"right",align:"start",sideOffset:8,alignOffset:6,showArrow:!1,className:f(a),children:e.jsx(j,{actions:s.actions,theme:a})})]})]})}function j({actions:s}){return e.jsx("div",{className:"flex flex-col",children:s.map(r=>e.jsxs("button",{onClick:r.item.onClick,className:u.cn("flex h-9 cursor-pointer items-center gap-2 rounded px-2.5 text-sm font-medium transition-colors duration-300","text-sidebar-accent-foreground hover:bg-sidebar-popup-hover dark:text-sidebar-foreground",r.isRed?"hover:text-gray-blue-6 dark:hover:text-error":"dark:hover:text-sidebar-foreground"),children:[r.item.icon&&e.jsx(p.IconWrapper,{icon:r.item.icon,size:16}),e.jsx("span",{className:"truncate",children:r.item.labelTitle}),!!r.item.newDataCount&&e.jsx("span",{className:"ml-auto flex h-5 min-w-[26px] items-center justify-center rounded-xl bg-purple text-xs text-white",children:r.item.newDataCount})]},r.item.uuid))})}exports.NavigationFooter=k;