@ikas/core 1.0.1 → 1.0.4

package/dist/index110.js

@@ -1,207 +1,371 @@
-import { jsxs as a, Fragment as C, jsx as e } from "react/jsx-runtime";
-import g from "react";
-import { useSidebar as A, SidebarMenu as S, SidebarMenuItem as j, SidebarMenuButton as O, SidebarFooter as I, Avatar as F, AvatarImage as P, AvatarFallback as R, Popover as x, PopoverTrigger as p, PopoverContent as N, Tooltip as W } from "@ikas/ui";
-import { cn as u } from "./index3.js";
-import { IconWrapper as k } from "./index108.js";
-import { getSidebarTooltipClass as y } from "./index109.js";
-import z from "./index118.js";
-import D from "./index116.js";
-function K({
-  footerMenu: t,
-  footerTopMenu: r,
-  showAvatarBorder: h,
-  setShowAvatarBorder: l,
-  selectedUUIDList: i,
-  onItemClick: b,
-  onLeafClick: n,
-  theme: d = "dark",
-  isExpandedFooterVisible: c,
-  clearExpandedMenu: s
+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
+    }
+  ) : /* @__PURE__ */ r(
+    z,
+    {
+      item: e,
+      selectedUUIDList: l,
+      onLeafClick: i,
+      onItemClick: a,
+      isSalesChannel: p,
+      showTypographyText: o,
+      getSalesChannelIconBackgroundColor: u,
+      isExpandedMenu: n,
+      theme: s
+    }
+  );
+}
+function z({
+  item: e,
+  selectedUUIDList: l,
+  onLeafClick: d,
+  onItemClick: c,
+  isSalesChannel: a,
+  showTypographyText: i,
+  getSalesChannelIconBackgroundColor: n,
+  isExpandedMenu: p,
+  theme: o
 }) {
-  const { state: m } = A(), o = m === "collapsed";
-  return /* @__PURE__ */ a(C, { children: [
-    r && /* @__PURE__ */ e("div", { className: "flex h-[68px] shrink-0 items-center bg-sidebar px-4", children: /* @__PURE__ */ e(S, { className: "group-data-[collapsible=icon]:items-center", children: /* @__PURE__ */ e(j, { children: /* @__PURE__ */ a(
+  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,
       {
-        isActive: i.includes(r.uuid),
-        tooltip: {
-          children: r.labelTitle,
-          className: y(d),
+        isActive: b,
+        tooltip: !e.parent || p ? {
+          children: e.labelTitle,
+          className: y(o),
           showArrow: !1
-        },
+        } : void 0,
         onClick: () => {
-          n(r), b(r);
+          e.isExpandableMenu ? d(e) : (d(e), c(e));
         },
+        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: [
-          r.icon && /* @__PURE__ */ e(k, { icon: r.icon, size: 16 }),
-          !o && /* @__PURE__ */ e("span", { className: "truncate", children: r.label ?? r.labelTitle })
+          e.icon && /* @__PURE__ */ r(
+            x,
+            {
+              icon: e.icon,
+              fillColor: v,
+              size: f
+            }
+          ),
+          (!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, {})
         ]
       }
-    ) }) }) }),
-    (c || !!t) && /* @__PURE__ */ a(
-      I,
+    ),
+    !!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,
       {
-        className: u(
-          "h-[72px] min-h-[72px] flex-row items-center gap-0 border-t border-sidebar-border p-0",
-          c && "justify-center border-t-0"
+        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: [
-          c && /* @__PURE__ */ e(
-            "button",
+          e.icon && /* @__PURE__ */ r(
+            P,
             {
-              onClick: () => s == null ? void 0 : s(),
-              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: /* @__PURE__ */ e(z, { className: "h-4 w-4" })
+              icon: e.icon,
+              size: t
             }
           ),
-          t && /* @__PURE__ */ e(
-            _,
+          p && /* @__PURE__ */ r("span", { className: "truncate", children: g }),
+          /* @__PURE__ */ r(
+            "span",
             {
-              footerMenu: t,
-              showAvatarBorder: h,
-              setShowAvatarBorder: l,
-              isCollapsed: o,
-              theme: d
+              className: "sidebar-submenu-arrow ml-auto shrink-0",
+              "data-open": f ? "true" : void 0,
+              "aria-hidden": !0
             }
           )
         ]
       }
+    ),
+    /* @__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 v(t) {
-  return u(
-    "flex min-w-[200px] max-w-[300px] flex-col rounded border-none bg-sidebar-popup p-2 shadow-xs",
-    t === "dark" && "dark text-sidebar-foreground"
-  );
-}
-function _({
-  footerMenu: t,
-  showAvatarBorder: r,
-  setShowAvatarBorder: h,
-  isCollapsed: l,
-  theme: i
+function Z({
+  item: e,
+  selectedUUIDList: l,
+  onItemClick: d,
+  onLeafClick: c,
+  isSalesChannel: a
 }) {
-  var m, o;
-  const b = `${((m = t.firstName) == null ? void 0 : m[0]) ?? ""}${((o = t.lastName) == null ? void 0 : o[0]) ?? ""}`.toUpperCase(), n = g.useRef(null), [d, c] = g.useState(!1);
-  g.useEffect(() => {
-    const f = n.current;
-    f && c(f.scrollWidth > f.clientWidth);
-  }, [t.fullName, l]);
-  const s = /* @__PURE__ */ a(
-    F,
+  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,
     {
-      className: u(
-        "h-9 w-9 shrink-0",
-        // Avatar border: expanded dark #2e2e33 / light #e3e8ef,
-        // collapsed dark #4a4a4f / light #e3e8ef (original style.tsx:582-597)
-        r && (l ? "ring-1 ring-gray-blue-2 dark:ring-gray-black-6" : "ring-1 ring-gray-blue-2 dark:ring-gray-black-7")
-      ),
-      children: [
-        /* @__PURE__ */ e(
+      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,
           {
-            src: t.thumbnailImageSrc,
-            alt: t.fullName,
-            onError: () => (h(!0), !0)
+            icon: e.icon,
+            size: s
           }
-        ),
-        /* @__PURE__ */ e(R, { className: "bg-transparent text-xs text-gray-blue-5 dark:text-gray-black-3", children: b })
-      ]
-    }
-  );
-  return l ? /* @__PURE__ */ a(x, { children: [
-    /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e("button", { className: "flex h-full w-full cursor-pointer items-center justify-center transition-colors duration-300 hover:bg-sidebar-accent", children: s }) }),
-    /* @__PURE__ */ e(
-      N,
+        )
+      }
+    ) }),
+    /* @__PURE__ */ h(
+      J,
       {
         side: "right",
         align: "start",
-        sideOffset: -8,
-        alignOffset: -12,
+        sideOffset: 8,
         showArrow: !1,
-        className: v(i),
-        children: /* @__PURE__ */ e(
-          w,
-          {
-            actions: t.actions,
-            theme: i
-          }
-        )
+        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
+            );
+          })
+        ]
       }
     )
-  ] }) : /* @__PURE__ */ a("div", { className: "flex h-full w-full items-center gap-2 px-4", children: [
-    s,
-    /* @__PURE__ */ a("div", { className: "flex min-w-0 max-w-[124px] flex-1 flex-col", children: [
-      d ? /* @__PURE__ */ e(
-        W,
-        {
-          content: t.fullName,
-          className: y(i),
-          showArrow: !1,
-          children: /* @__PURE__ */ e(
-            "span",
-            {
-              ref: n,
-              className: "truncate text-sm font-medium text-sidebar-accent-foreground",
-              children: t.fullName
-            }
-          )
-        }
-      ) : /* @__PURE__ */ e(
-        "span",
-        {
-          ref: n,
-          className: "truncate text-sm font-medium text-sidebar-accent-foreground",
-          children: t.fullName
-        }
-      ),
-      /* @__PURE__ */ e("span", { className: "truncate text-xs text-sidebar-foreground", children: t.merchantName })
-    ] }),
-    /* @__PURE__ */ a(x, { children: [
-      /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e("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: /* @__PURE__ */ e(D, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ e(
-        N,
-        {
-          side: "right",
-          align: "start",
-          sideOffset: 8,
-          alignOffset: 6,
-          showArrow: !1,
-          className: v(i),
-          children: /* @__PURE__ */ e(
-            w,
-            {
-              actions: t.actions,
-              theme: i
-            }
-          )
-        }
-      )
-    ] })
-  ] });
-}
-function w({
-  actions: t
-}) {
-  return /* @__PURE__ */ e("div", { className: "flex flex-col", children: t.map((r) => /* @__PURE__ */ a(
-    "button",
-    {
-      onClick: r.item.onClick,
-      className: u(
-        "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 && /* @__PURE__ */ e(k, { icon: r.item.icon, size: 16 }),
-        /* @__PURE__ */ e("span", { className: "truncate", children: r.item.labelTitle }),
-        !!r.item.newDataCount && /* @__PURE__ */ e("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
-  )) });
+  ] }) });
 }
 export {
-  K as NavigationFooter
+  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 e=require("react/jsx-runtime"),s=require("@ikas/ui"),a=require("./index3.cjs"),p=require("./index109.cjs"),x=require("./index77.cjs");function g({salesChannelMenu:r,selectedUUIDList:n,openKeys:i,onOpenKeysChange:o,onItemClick:c,onLeafClick:d,showTypographyText:l,getSalesChannelIconBackgroundColor:u,theme:b}){const{state:m}=s.useSidebar(),t=m==="collapsed";return e.jsxs(s.SidebarGroup,{className:"my-4",children:[e.jsxs(s.SidebarGroupLabel,{className:a.cn("mb-1 flex h-auto items-center justify-between gap-2 text-xs font-medium text-sidebar-accent-foreground dark:text-gray-black-4",t?"p-0":"py-2 pl-2.5 pr-2"),children:[!t&&e.jsx("span",{children:r.labelTitle}),r.onAddClick&&e.jsxs("button",{onClick:r.onAddClick,className:a.cn("group/scadd relative flex h-9 w-9 shrink-0 items-center justify-center transition-colors duration-300 hover:text-sidebar-accent-foreground",!t&&"-my-2 -mr-2"),children:[e.jsx(x.default,{className:"h-4 w-4"}),e.jsx("span",{className:"pointer-events-none absolute inset-[7px] rounded-sm border border-gray-blue-9 transition-colors duration-300 dark:border-gray-black-6 dark:group-hover/scadd:border-gray-black-4","aria-hidden":!0})]})]}),e.jsx(p.NavigationMenu,{items:r.childItems??[],selectedUUIDList:n,openKeys:i,onOpenKeysChange:o,onItemClick:c,onLeafClick:d,isSalesChannel:!0,showTypographyText:l,getSalesChannelIconBackgroundColor:u,theme:b})]})}exports.SalesChannelMenu=g;
+"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;