@dashadmin/dash-admin 1.3.45 → 1.3.47

package/dist/components/i18n/BridgedLocalesMenuButton.js

@@ -77,8 +77,7 @@ const BridgedLocalesMenuButton = ({
       IconButton,
       {
         onClick: handleClick,
-        color: "inherit",
-        size: "small",
+        className: "dash-icon-button-color dash-icon-button-bg",
         "aria-label": "change language",
         "aria-controls": open ? "locale-menu" : void 0,
         "aria-haspopup": "true",

package/dist/components/menu/DarkToggleMode.js

@@ -26,7 +26,7 @@ const DarkToggleMode = () => {
       setMode(storedTheme);
     }
   }, []);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { onClick, children: /* @__PURE__ */ jsx(DashThemeHelperProvider, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "dash-theme-mode-switcher", onClick, children: /* @__PURE__ */ jsx(DashThemeHelperProvider, { children: /* @__PURE__ */ jsx(
     Avatar,
     {
       sizes: "small",

package/dist/components/subscription/PlanPricesSettings.js

@@ -40,7 +40,8 @@ const PlanPricesView = () => {
   const plan = useRecordContext();
   const prices = plan == null ? void 0 : plan.prices;
   const { data: currencies, isLoading } = useGetList(
-    "ecommerce/currency",
+    "system/currency",
+    // core "shared master data" — works for every domain, unlike ecommerce/currency (kitchntabs-backend-domain only)
     {
       pagination: { page: 1, perPage: 100 },
       sort: { field: "code", order: "ASC" },
@@ -118,7 +119,8 @@ const PlanPricesEdit = ({ method }) => {
   const formContext = useFormContext();
   const { register, setValue, watch } = formContext;
   const { data: currencies, isLoading, error } = useGetList(
-    "ecommerce/currency",
+    "system/currency",
+    // core "shared master data" — works for every domain, unlike ecommerce/currency (kitchntabs-backend-domain only)
     {
       pagination: { page: 1, perPage: 100 },
       sort: { field: "code", order: "ASC" },

package/dist/components/tenancy/GlobalTenantWrapper.js

@@ -0,0 +1,64 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { Fragment, jsx } from "react/jsx-runtime";
+import { AuthPersistenceService } from "dash-auth";
+import { DASH_REDUX_ACTIONS } from "dash-admin-state";
+import { useDispatch } from "react-redux";
+import DashThemeContext from "../../default-theme/DashThemeContext";
+import React, { useEffect } from "react";
+const GlobalTenantWrapper = (props) => {
+  const {
+    tenantData = null,
+    children
+  } = props;
+  const dispatch = useDispatch();
+  const themeContext = React.useContext(DashThemeContext);
+  const recreateTheme = themeContext == null ? void 0 : themeContext.recreateTheme;
+  useEffect(() => {
+    var _a, _b, _c;
+    if (!tenantData) {
+      return;
+    }
+    if (tenantData.tenantImages) {
+      const logos = __spreadValues(__spreadValues(__spreadValues({}, ((_a = tenantData.tenantImages.horizontal_logo) == null ? void 0 : _a.original) && {
+        horizontalLogo: tenantData.tenantImages.horizontal_logo.original
+      }), ((_b = tenantData.tenantImages.squared_logo) == null ? void 0 : _b.original) && {
+        squaredLogo: tenantData.tenantImages.squared_logo.original
+      }), ((_c = tenantData.tenantImages.banner) == null ? void 0 : _c.original) && {
+        loginBackground: tenantData.tenantImages.banner.original
+      });
+      dispatch(DASH_REDUX_ACTIONS.setPanelSettings(logos));
+    }
+    if (tenantData.tenantSettings && recreateTheme) {
+      recreateTheme(tenantData.tenantSettings);
+    }
+    const publicAuthData = {
+      auth: {
+        tenantImages: tenantData.tenantImages,
+        tenantSettings: tenantData.tenantSettings,
+        tenant: tenantData.tenant
+      },
+      systemValues: tenantData.systemValues
+    };
+    AuthPersistenceService.saveAuth(publicAuthData);
+  }, [tenantData]);
+  return /* @__PURE__ */ jsx(Fragment, {});
+};
+var GlobalTenantWrapper_default = GlobalTenantWrapper;
+export {
+  GlobalTenantWrapper_default as default
+};

package/dist/components/tenancy/TenantSwitcher.js

@@ -0,0 +1,389 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useCallback } from "react";
+import {
+  Avatar,
+  Box,
+  Typography,
+  CircularProgress
+} from "@mui/material";
+import BusinessIcon from "@mui/icons-material/Business";
+import StoreIcon from "@mui/icons-material/Store";
+import SwapHorizIcon from "@mui/icons-material/SwapHoriz";
+import ReactDOM from "react-dom";
+import { dashStorage } from "dash-utils";
+import { AuthPersistenceService } from "dash-auth";
+import { DASHAdminSystemConstants, getEnv } from "dash-constants";
+import { useAxios } from "dash-axios-hook";
+import { updateDomCssVariables } from "dash-utils";
+import DASHLayoutSettings from "../../theme/AppLayoutSetting";
+import { useDispatch, useSelector } from "react-redux";
+import { setPanelSettings } from "dash-admin-state/redux/actions/Common";
+import { useWindowSize } from "dash-utils";
+import { setAuthEvent } from "../../contexts/auth";
+const dispatchTenantSwitchEvent = (detail) => {
+  window.dispatchEvent(new CustomEvent("tenant_switch", { detail }));
+};
+const getActiveTenantId = () => {
+  if (!isTenantImpersonationEnabled()) {
+    return null;
+  }
+  return dashStorage.getItem("active_tenant_id") || null;
+};
+const isTenantImpersonationEnabled = () => {
+  const val = DASHAdminSystemConstants.system.ENABLE_TENANT_IMPERSONATION;
+  if (typeof val === "boolean") return val;
+  if (typeof val === "string") return val === "true" || val === "1";
+  return !!val;
+};
+const TenantSwitcher = ({
+  defaultHorizontalLogo,
+  defaultSquaredLogo,
+  defaultLoginBackground
+}) => {
+  var _a, _b;
+  const axios = useAxios();
+  const dispatch = useDispatch();
+  const windowSize = useWindowSize();
+  const [open, setOpen] = useState(false);
+  const [switching, setSwitching] = useState(false);
+  const avatarRef = useRef(null);
+  const menuRef = useRef(null);
+  const [menuPosition, setMenuPosition] = useState({ top: 0, left: 0 });
+  const timeoutRef = useRef(null);
+  const [webView, setWebView] = useState(false);
+  const [activeTenantId, setActiveTenantId] = useState(
+    getActiveTenantId()
+  );
+  const panelSettings = useSelector(
+    (state) => {
+      var _a2;
+      return (_a2 = state.common) == null ? void 0 : _a2.panelSettings;
+    }
+  );
+  const sidebarPosition = (panelSettings == null ? void 0 : panelSettings.sidebarPosition) || "left";
+  const systemValues = AuthPersistenceService.getSystemValues();
+  const tenants = (systemValues == null ? void 0 : systemValues.tenants) || [];
+  const tenancy = systemValues == null ? void 0 : systemValues.tenancy;
+  const auth = AuthPersistenceService.getAuth();
+  const currentTenantName = activeTenantId ? ((_a = tenants.find((t) => t.id === activeTenantId)) == null ? void 0 : _a.name) || "Tenant" : (tenancy == null ? void 0 : tenancy.public_name) || ((_b = auth == null ? void 0 : auth.tenant) == null ? void 0 : _b.name) || "Tenancy Account";
+  useEffect(() => {
+    if (document.body.classList.contains("webview")) {
+      setWebView(true);
+    }
+  }, []);
+  if (!isTenantImpersonationEnabled() || tenants.length === 0) {
+    return null;
+  }
+  const calculateMenuPosition = () => {
+    if (avatarRef.current && windowSize.width && windowSize.height) {
+      const rect = avatarRef.current.getBoundingClientRect();
+      const menuWidth = 230;
+      const menuHeight = 120;
+      let left = rect.left + window.scrollX;
+      let top = rect.top + window.scrollY;
+      if (left + menuWidth > windowSize.width) {
+        left = windowSize.width - menuWidth - 10;
+      }
+      if (left < 10) {
+        left = 10;
+      }
+      if (sidebarPosition === "bottom") {
+        top = rect.top + window.scrollY - menuHeight - 10;
+      }
+      setMenuPosition({
+        top,
+        left: left + 40
+      });
+    }
+  };
+  const handleMouseEnter = (e) => {
+    e.preventDefault();
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+    setOpen(true);
+    calculateMenuPosition();
+  };
+  const handleClick = (e) => {
+    e.preventDefault();
+    setOpen((prev) => !prev);
+    calculateMenuPosition();
+  };
+  const handleMouseLeave = () => {
+    if (!webView) {
+      timeoutRef.current = setTimeout(() => setOpen(false), 150);
+    }
+  };
+  const handleMenuMouseEnter = () => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+  };
+  const handleMenuMouseLeave = () => {
+    if (!webView) {
+      setOpen(false);
+    }
+  };
+  useEffect(() => {
+    return () => {
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    };
+  }, []);
+  useEffect(() => {
+    if (open) calculateMenuPosition();
+  }, [open, windowSize.width]);
+  const handleSwitch = useCallback((tenantId) => __async(null, null, function* () {
+    var _a2, _b2, _c, _d, _e, _f, _g, _h;
+    if (switching) return;
+    if (tenantId === activeTenantId) {
+      setOpen(false);
+      return;
+    }
+    setSwitching(true);
+    setOpen(false);
+    try {
+      const isTenancyLevel = tenantId === null;
+      const authEndpoint = getEnv("APP_GETAUTH_ENDPOINT") || "auth/tenancyAuth";
+      const headers = {};
+      if (!isTenancyLevel && tenantId) {
+        headers["X-Tenant-Id"] = tenantId;
+      }
+      if (tenantId) {
+        dashStorage.setItem("active_tenant_id", tenantId);
+        dashStorage.setItem("tenant_id", tenantId);
+      } else {
+        dashStorage.removeItem("active_tenant_id");
+        dashStorage.removeItem("tenant_id");
+      }
+      const { data: authData } = yield axios.get(authEndpoint, { headers });
+      AuthPersistenceService.saveAuth(authData);
+      dashStorage.setItem("authenticated", "true");
+      dashStorage.setItem("user", JSON.stringify(authData.user));
+      if ((_a2 = authData.user) == null ? void 0 : _a2.roles) {
+        dashStorage.setItem("roles", JSON.stringify(authData.user.roles));
+      }
+      setAuthEvent({
+        authenticated: true,
+        user: authData.user,
+        auth: authData.auth,
+        token: dashStorage.getItem("token"),
+        roles: (_b2 = authData.user) == null ? void 0 : _b2.roles
+      });
+      const tenantSettings = (_c = authData.auth) == null ? void 0 : _c.tenantSettings;
+      try {
+        const currentThemeMode = document.documentElement.getAttribute("data-theme") || DASHLayoutSettings.THEME_TYPE_DARK;
+        updateDomCssVariables(currentThemeMode, tenantSettings == null ? void 0 : tenantSettings.colors, tenantSettings == null ? void 0 : tenantSettings.values);
+      } catch (err) {
+        console.error("[TenantSwitcher] Error updating CSS variables:", err);
+      }
+      const tenantImages = (_d = authData.auth) == null ? void 0 : _d.tenantImages;
+      if (tenantImages) {
+        AuthPersistenceService.setTenantImages(tenantImages);
+        dispatch(setPanelSettings(__spreadProps(__spreadValues({}, panelSettings || {}), {
+          horizontalLogo: ((_e = tenantImages.horizontal_logo) == null ? void 0 : _e.original) || (panelSettings == null ? void 0 : panelSettings.horizontalLogo),
+          squaredLogo: ((_f = tenantImages.squared_logo) == null ? void 0 : _f.original) || (panelSettings == null ? void 0 : panelSettings.squaredLogo),
+          loginBackground: ((_g = tenantImages.banner) == null ? void 0 : _g.original) || (panelSettings == null ? void 0 : panelSettings.loginBackground)
+        })));
+      } else {
+        AuthPersistenceService.clearTenantImages();
+        dispatch(setPanelSettings(__spreadProps(__spreadValues({}, panelSettings || {}), {
+          horizontalLogo: defaultHorizontalLogo,
+          squaredLogo: defaultSquaredLogo,
+          loginBackground: defaultLoginBackground
+        })));
+      }
+      if (tenantSettings) {
+        AuthPersistenceService.setTenantSettings(tenantSettings);
+      } else {
+        AuthPersistenceService.clearTenantSettings();
+      }
+      setActiveTenantId(tenantId);
+      const tenantName = isTenancyLevel ? (tenancy == null ? void 0 : tenancy.public_name) || "Tenancy Account" : ((_h = tenants.find((t) => t.id === tenantId)) == null ? void 0 : _h.name) || "Tenant";
+      dispatchTenantSwitchEvent({
+        tenantId,
+        tenantName,
+        isTenanancyLevel: isTenancyLevel
+      });
+      console.log(`[TenantSwitcher] Switched to ${isTenancyLevel ? "Tenancy Account" : tenantName} (${tenantId})`);
+    } catch (error) {
+      console.error("[TenantSwitcher] Switch failed:", error);
+      if (activeTenantId) {
+        dashStorage.setItem("active_tenant_id", activeTenantId);
+        dashStorage.setItem("tenant_id", activeTenantId);
+      } else {
+        dashStorage.removeItem("active_tenant_id");
+        dashStorage.removeItem("tenant_id");
+      }
+    } finally {
+      setSwitching(false);
+    }
+  }), [activeTenantId, switching, axios, dispatch, panelSettings, tenants, tenancy, defaultHorizontalLogo, defaultSquaredLogo, defaultLoginBackground]);
+  const isSelected = (id) => id === activeTenantId;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      __spreadProps(__spreadValues({
+        ref: avatarRef,
+        className: "dash-tenant-switcher-trigger"
+      }, !webView ? { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave } : { onClick: handleClick }), {
+        style: { cursor: "pointer", display: "flex", alignItems: "center" },
+        children: switching ? /* @__PURE__ */ jsx(
+          CircularProgress,
+          {
+            className: "dash-icon-button-color dash-icon-button-bg",
+            size: 30
+          }
+        ) : /* @__PURE__ */ jsx(
+          Avatar,
+          {
+            className: "dash-icon-button-color dash-icon-button-bg",
+            sx: {
+              width: 30,
+              height: 30,
+              fontSize: "0.8rem"
+            },
+            children: activeTenantId ? /* @__PURE__ */ jsx(StoreIcon, { sx: { fontSize: 18 } }) : /* @__PURE__ */ jsx(BusinessIcon, { sx: { fontSize: 18 } })
+          }
+        )
+      })
+    ),
+    open && ReactDOM.createPortal(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: menuRef,
+          className: "dash-tenant-switcher-portal",
+          onMouseEnter: !webView ? handleMenuMouseEnter : void 0,
+          onMouseLeave: !webView ? handleMenuMouseLeave : void 0,
+          children: /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "dash-tenant-switcher-menu",
+              style: {
+                top: menuPosition.top,
+                left: menuPosition.left,
+                zIndex: 1e4,
+                position: "absolute"
+              },
+              children: [
+                /* @__PURE__ */ jsx(Box, { sx: { px: 2, py: 1.5, borderBottom: "1px solid rgba(255,255,255,0.08)" }, children: /* @__PURE__ */ jsxs(Typography, { variant: "caption", sx: { color: "text.secondary", fontWeight: 600, textTransform: "uppercase", letterSpacing: 0.5 }, children: [
+                  /* @__PURE__ */ jsx(SwapHorizIcon, { sx: { fontSize: 14, mr: 0.5, verticalAlign: "middle" } }),
+                  "Switch Environment"
+                ] }) }),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    onClick: () => handleSwitch(null),
+                    style: {
+                      padding: "10px 16px",
+                      cursor: "pointer",
+                      display: "flex",
+                      alignItems: "center",
+                      gap: 10,
+                      backgroundColor: isSelected(null) ? "rgba(var(--dash-primary-rgb, 25, 118, 210), 0.15)" : "transparent",
+                      borderLeft: isSelected(null) ? "3px solid var(--dash-primary, #1976d2)" : "3px solid transparent",
+                      transition: "background-color 0.15s ease"
+                    },
+                    onMouseOver: (e) => {
+                      if (!isSelected(null)) e.currentTarget.style.backgroundColor = "rgba(255,255,255,0.05)";
+                    },
+                    onMouseOut: (e) => {
+                      if (!isSelected(null)) e.currentTarget.style.backgroundColor = "transparent";
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(BusinessIcon, { sx: { fontSize: 20, color: isSelected(null) ? "primary.main" : "text.secondary" } }),
+                      /* @__PURE__ */ jsxs(Box, { children: [
+                        /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { fontWeight: isSelected(null) ? 600 : 400, color: isSelected(null) ? "primary.main" : "text.primary" }, children: (tenancy == null ? void 0 : tenancy.public_name) || "Tenancy Account" }),
+                        /* @__PURE__ */ jsx(Typography, { variant: "caption", sx: { color: "text.secondary" }, children: "Manager Account" })
+                      ] })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(Box, { sx: { borderTop: "1px solid rgba(255,255,255,0.06)", mx: 1 } }),
+                tenants.map((tenant) => /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    onClick: () => handleSwitch(tenant.id),
+                    style: {
+                      padding: "10px 16px",
+                      cursor: "pointer",
+                      display: "flex",
+                      alignItems: "center",
+                      gap: 10,
+                      backgroundColor: isSelected(tenant.id) ? "rgba(var(--dash-primary-rgb, 25, 118, 210), 0.15)" : "transparent",
+                      borderLeft: isSelected(tenant.id) ? "3px solid var(--dash-primary, #1976d2)" : "3px solid transparent",
+                      transition: "background-color 0.15s ease"
+                    },
+                    onMouseOver: (e) => {
+                      if (!isSelected(tenant.id)) e.currentTarget.style.backgroundColor = "rgba(255,255,255,0.05)";
+                    },
+                    onMouseOut: (e) => {
+                      if (!isSelected(tenant.id)) e.currentTarget.style.backgroundColor = "transparent";
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(StoreIcon, { sx: { fontSize: 20, color: isSelected(tenant.id) ? "primary.main" : "text.secondary" } }),
+                      /* @__PURE__ */ jsxs(Box, { children: [
+                        /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { fontWeight: isSelected(tenant.id) ? 600 : 400, color: isSelected(tenant.id) ? "primary.main" : "text.primary" }, children: tenant.name }),
+                        tenant.slug && /* @__PURE__ */ jsx(Typography, { variant: "caption", sx: { color: "text.secondary" }, children: tenant.slug })
+                      ] })
+                    ]
+                  },
+                  tenant.id
+                ))
+              ]
+            }
+          )
+        }
+      ),
+      document.body
+    )
+  ] });
+};
+var TenantSwitcher_default = TenantSwitcher;
+export {
+  TenantSwitcher_default as default,
+  dispatchTenantSwitchEvent,
+  getActiveTenantId,
+  isTenantImpersonationEnabled
+};

package/dist/contexts/com/components/EchoNotificationsCenter.js

@@ -0,0 +1,40 @@
+import { jsx } from "react/jsx-runtime";
+import { useContext, useEffect } from "react";
+import { NotificationsCenter, useNotificationsCenter } from "dash-components";
+import LaravelEchoContext from "../LaravelEchoContext";
+const spanishLabels = {
+  title: "Notificaciones",
+  markAll: "Marcar todas",
+  noNotifications: "No hay notificaciones",
+  close: "Cerrar",
+  acknowledge: "Entendido",
+  customer: "Cliente:",
+  store: "Tienda:",
+  received: "Recibido:",
+  now: "Ahora",
+  minutesAgo: "m",
+  hoursAgo: "h",
+  daysAgo: "d"
+};
+const EchoNotificationsCenter = () => {
+  const { lastEvent } = useContext(LaravelEchoContext);
+  const hook = useNotificationsCenter({ labels: spanishLabels });
+  useEffect(() => {
+    var _a, _b;
+    if (lastEvent && lastEvent.type === "urgency-alert") {
+      const notification = lastEvent == null ? void 0 : lastEvent.notificationPayload;
+      hook.addNotification({
+        title: (notification == null ? void 0 : notification.title) || "Alerta",
+        message: (notification == null ? void 0 : notification.message) || "",
+        customer: ((_a = notification == null ? void 0 : notification.customer_info) == null ? void 0 : _a.name) ? `${notification.customer_info.name} - Mesa ${notification.customer_info.table}` : "",
+        store: ((_b = notification == null ? void 0 : notification.store_info) == null ? void 0 : _b.name) || "",
+        data: notification
+      }, { showDialog: true, showToast: true, toastSeverity: "warning" });
+    }
+  }, [lastEvent]);
+  return /* @__PURE__ */ jsx(NotificationsCenter, { notificationsHook: hook });
+};
+var EchoNotificationsCenter_default = EchoNotificationsCenter;
+export {
+  EchoNotificationsCenter_default as default
+};

package/dist/default-theme/menu/AppMenuComponents/expanded/SidebarItem.js

@@ -47,6 +47,7 @@ const SidebarItem = ({
   return /* @__PURE__ */ jsxs(
     ListItemButton,
     {
+      className,
       selected: isCurrent,
       onClick: (e) => {
         playClick();