@mercurjs/admin 2.0.0-canary.24

package/dist/index.js

@@ -0,0 +1,4824 @@
+import {
+  TaxRegionDetailBreadcrumb,
+  taxRegionLoader
+} from "./chunk-D6IERBVW.js";
+import {
+  isClientError
+} from "./chunk-C6SUTRP2.js";
+import {
+  InfiniteList
+} from "./chunk-WMA3WTCM.js";
+import "./chunk-FMFVTERD.js";
+import {
+  ProgressBar
+} from "./chunk-QSGR43JM.js";
+import {
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
+import {
+  I18n
+} from "./chunk-LR4ACD6E.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  FilePreview
+} from "./chunk-RSBZREKG.js";
+import {
+  RouteFocusModal
+} from "./chunk-MWOKFNRO.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-JRTZWK77.js";
+import {
+  Skeleton
+} from "./chunk-INNFZYX2.js";
+import "./chunk-BDGZ4EQO.js";
+import {
+  ConditionalTooltip
+} from "./chunk-LAVHRER2.js";
+import {
+  useDocumentDirection
+} from "./chunk-Y7QKP6QU.js";
+import {
+  notificationQueryKeys,
+  useNotifications,
+  useProductTags
+} from "./chunk-ORW4HNX5.js";
+import {
+  useLogout
+} from "./chunk-ODBDAABQ.js";
+import "./chunk-YGQUBTKR.js";
+import "./chunk-362QMJZM.js";
+import {
+  useProductTypes
+} from "./chunk-FODCCP6C.js";
+import "./chunk-AWZFIP25.js";
+import "./chunk-2QKPRGNK.js";
+import "./chunk-XBMLI2YI.js";
+import "./chunk-XL52SYWY.js";
+import "./chunk-NS5CHWOH.js";
+import {
+  useMe
+} from "./chunk-WDZFLCSQ.js";
+import "./chunk-VVTSF42Z.js";
+import {
+  usePriceLists
+} from "./chunk-D3KDXELJ.js";
+import {
+  useCustomers
+} from "./chunk-2MKZ4HD4.js";
+import {
+  useCollections
+} from "./chunk-OGYWOPHZ.js";
+import {
+  useCampaigns,
+  usePromotions
+} from "./chunk-U62GYN4A.js";
+import "./chunk-KTKL7M34.js";
+import {
+  useOrders
+} from "./chunk-JJVGCTKT.js";
+import "./chunk-I43SCBL3.js";
+import {
+  useStockLocations
+} from "./chunk-LLWK3OR6.js";
+import "./chunk-HYUGYB23.js";
+import {
+  useProductCategories
+} from "./chunk-XCMR2HTV.js";
+import "./chunk-CI5Z6FGV.js";
+import {
+  useStore
+} from "./chunk-LCZXAT4Q.js";
+import "./chunk-S6LPCNXQ.js";
+import {
+  useInventoryItems,
+  useProducts
+} from "./chunk-T435NFHC.js";
+import {
+  queryClient
+} from "./chunk-2KCF3ZIB.js";
+import {
+  sdk
+} from "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/app.tsx
+import { customRoutes } from "virtual:mercur/routes";
+import { HelmetProvider } from "react-helmet-async";
+import { QueryClientProvider } from "@tanstack/react-query";
+
+// src/providers/theme-provider/theme-provider.tsx
+import { useEffect, useState } from "react";
+
+// src/providers/theme-provider/theme-context.tsx
+import { createContext } from "react";
+var ThemeContext = createContext(null);
+
+// src/providers/theme-provider/theme-provider.tsx
+import { jsx } from "react/jsx-runtime";
+var THEME_KEY = "medusa_admin_theme";
+function getDefaultValue() {
+  const persisted = localStorage?.getItem(THEME_KEY);
+  if (persisted) {
+    return persisted;
+  }
+  return "system";
+}
+function getThemeValue(selected) {
+  if (selected === "system") {
+    if (window !== void 0) {
+      return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+    }
+    return "light";
+  }
+  return selected;
+}
+var ThemeProvider = ({ children }) => {
+  const [state, setState] = useState(getDefaultValue());
+  const [value, setValue] = useState(getThemeValue(state));
+  const setTheme = (theme) => {
+    localStorage.setItem(THEME_KEY, theme);
+    const themeValue = getThemeValue(theme);
+    setState(theme);
+    setValue(themeValue);
+  };
+  useEffect(() => {
+    const html = document.querySelector("html");
+    if (html) {
+      const css = document.createElement("style");
+      css.appendChild(
+        document.createTextNode(
+          `* {
+            -webkit-transition: none !important;
+            -moz-transition: none !important;
+            -o-transition: none !important;
+            -ms-transition: none !important;
+            transition: none !important;
+          }`
+        )
+      );
+      document.head.appendChild(css);
+      html.classList.remove(value === "light" ? "dark" : "light");
+      html.classList.add(value);
+      html.style.colorScheme = value;
+      window.getComputedStyle(css).opacity;
+      document.head.removeChild(css);
+    }
+  }, [value]);
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: { theme: state, setTheme }, children });
+};
+
+// src/providers/theme-provider/use-theme.tsx
+import { useContext } from "react";
+var useTheme = () => {
+  const context = useContext(ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+};
+
+// src/providers/sidebar-provider/sidebar-provider.tsx
+import { useEffect as useEffect2, useState as useState2 } from "react";
+import { useLocation } from "react-router-dom";
+
+// src/providers/sidebar-provider/sidebar-context.tsx
+import { createContext as createContext2 } from "react";
+var SidebarContext = createContext2(null);
+
+// src/providers/sidebar-provider/sidebar-provider.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var SidebarProvider = ({ children }) => {
+  const [desktop, setDesktop] = useState2(true);
+  const [mobile, setMobile] = useState2(false);
+  const { pathname } = useLocation();
+  const toggle = (view) => {
+    if (view === "desktop") {
+      setDesktop(!desktop);
+    } else {
+      setMobile(!mobile);
+    }
+  };
+  useEffect2(() => {
+    setMobile(false);
+  }, [pathname]);
+  return /* @__PURE__ */ jsx2(SidebarContext.Provider, { value: { desktop, mobile, toggle }, children });
+};
+
+// src/providers/sidebar-provider/use-sidebar.tsx
+import { useContext as useContext2 } from "react";
+var useSidebar = () => {
+  const context = useContext2(SidebarContext);
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider");
+  }
+  return context;
+};
+
+// src/providers/keybind-provider/hooks.tsx
+import { default as debounceFn } from "lodash.debounce";
+import { useCallback, useContext as useContext3, useEffect as useEffect3, useState as useState3 } from "react";
+import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router-dom";
+
+// src/providers/keybind-provider/keybind-context.tsx
+import { createContext as createContext3 } from "react";
+var KeybindContext = createContext3(null);
+
+// src/providers/keybind-provider/utils.ts
+var findFirstPlatformMatch = (keys) => {
+  const match = Object.entries(keys).filter(
+    ([, value]) => value.length > 0
+  )[0] ?? [];
+  return match.length ? {
+    platform: match[0],
+    keys: match[1]
+  } : null;
+};
+var getShortcutKeys = (shortcut) => {
+  const platform = "Mac";
+  const keys = shortcut.keys[platform];
+  if (!keys) {
+    const defaultPlatform = findFirstPlatformMatch(shortcut.keys);
+    console.warn(
+      `No keys found for platform "${platform}" in "${shortcut.label}" ${defaultPlatform ? `using keys for platform "${defaultPlatform.platform}"` : ""}`
+    );
+    return defaultPlatform ? defaultPlatform.keys : [];
+  }
+  return keys;
+};
+var keysMatch = (keys1, keys2) => {
+  return keys1.length === keys2.length && keys1.every(
+    (key, index) => key.toLowerCase() === keys2[index].toLowerCase()
+  );
+};
+var findShortcutIndex = (shortcuts, keys) => {
+  if (!keys.length) {
+    return -1;
+  }
+  let index = 0;
+  for (const shortcut of shortcuts) {
+    const shortcutKeys = getShortcutKeys(shortcut);
+    if (keysMatch(shortcutKeys, keys)) {
+      return index;
+    }
+    index++;
+  }
+  return -1;
+};
+var findShortcut = (shortcuts, keys) => {
+  const shortcutIndex = findShortcutIndex(shortcuts, keys);
+  return shortcutIndex > -1 ? shortcuts[shortcutIndex] : null;
+};
+var getShortcutWithDefaultValues = (shortcut, platform = "Mac") => {
+  const platforms = ["Mac", "Windows", "Linux"];
+  const defaultKeys = Object.values(shortcut.keys)[0] ?? shortcut.keys[platform];
+  const keys = platforms.reduce((acc, curr) => {
+    return {
+      ...acc,
+      [curr]: shortcut.keys[curr] ?? defaultKeys
+    };
+  }, {});
+  return {
+    ...shortcut,
+    keys,
+    _defaultKeys: shortcut.keys
+  };
+};
+
+// src/providers/keybind-provider/hooks.tsx
+var useShortcuts = ({
+  shortcuts = [],
+  debounce
+}) => {
+  const [keys, setKeys] = useState3([]);
+  const navigate = useNavigate();
+  const removeKeys = useCallback(
+    debounceFn(() => setKeys([]), debounce),
+    []
+  );
+  const invokeShortcut = useCallback(
+    debounceFn((shortcut) => {
+      if (shortcut && shortcut.callback) {
+        shortcut.callback();
+        setKeys([]);
+        return;
+      }
+      if (shortcut && shortcut.to) {
+        navigate(shortcut.to);
+        setKeys([]);
+        return;
+      }
+    }, debounce / 2),
+    []
+  );
+  useEffect3(() => {
+    if (keys.length > 0 && shortcuts.length > 0) {
+      const shortcut = findShortcut(shortcuts, keys);
+      invokeShortcut(shortcut);
+    }
+    return () => invokeShortcut.cancel();
+  }, [keys, shortcuts, invokeShortcut]);
+  useEffect3(() => {
+    const listener = (event) => {
+      const target = event.target;
+      if (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.contentEditable === "true") {
+        removeKeys();
+        return;
+      }
+      setKeys((oldKeys) => [...oldKeys, event.key]);
+      removeKeys();
+    };
+    window.addEventListener("keydown", listener);
+    return () => {
+      window.removeEventListener("keydown", listener);
+    };
+  }, [removeKeys]);
+};
+var useGlobalShortcuts = () => {
+  const { t: t2 } = useTranslation();
+  const navigate = useNavigate();
+  const { mutateAsync } = useLogout();
+  const handleLogout = async () => {
+    await mutateAsync(void 0, {
+      onSuccess: () => {
+        queryClient.clear();
+        navigate("/login");
+      }
+    });
+  };
+  const globalShortcuts = [
+    // Pages
+    {
+      keys: {
+        Mac: ["G", "O"]
+      },
+      label: t2("app.keyboardShortcuts.navigation.goToOrders"),
+      type: "pageShortcut",
+      to: "/orders"
+    },
+    {
+      keys: {
+        Mac: ["G", "P"]
+      },
+      label: t2("app.keyboardShortcuts.navigation.goToProducts"),
+      type: "pageShortcut",
+      to: "/products"
+    },
+    {
+      keys: {
+        Mac: ["G", "C"]
+      },
+      label: t2("app.keyboardShortcuts.navigation.goToCollections"),
+      type: "pageShortcut",
+      to: "/collections"
+    },
+    {
+      keys: {
+        Mac: ["G", "A"]
+      },
+      label: t2("app.keyboardShortcuts.navigation.goToCategories"),
+      type: "pageShortcut",
+      to: "/categories"
+    },
+    {
+      keys: {
+        Mac: ["G", "U"]
+      },
+      label: t2("app.keyboardShortcuts.navigation.goToCustomers"),
+      type: "pageShortcut",
+      to: "/customers"
+    },
+    {
+      keys: {
+        Mac: ["G", "I"]
+      },
+      label: t2("app.keyboardShortcuts.navigation.goToInventory"),
+      type: "pageShortcut",
+      to: "/inventory"
+    },
+    {
+      keys: {
+        Mac: ["G", "L"]
+      },
+      label: t2("app.keyboardShortcuts.navigation.goToPriceLists"),
+      type: "pageShortcut",
+      to: "/price-lists"
+    },
+    {
+      keys: {
+        Mac: ["G", "M"]
+      },
+      label: t2("app.keyboardShortcuts.navigation.goToPromotions"),
+      type: "pageShortcut",
+      to: "/promotions"
+    },
+    {
+      keys: {
+        Mac: ["G", "K"]
+      },
+      label: t2("app.keyboardShortcuts.navigation.goToCampaigns"),
+      type: "pageShortcut",
+      to: "/campaigns"
+    },
+    // Settings
+    {
+      keys: {
+        Mac: ["G", ","]
+      },
+      label: t2("app.keyboardShortcuts.settings.goToSettings"),
+      type: "settingShortcut",
+      to: "/settings"
+    },
+    {
+      keys: {
+        Mac: ["G", ",", "S"]
+      },
+      label: t2("app.keyboardShortcuts.settings.goToSeller"),
+      type: "settingShortcut",
+      to: "/settings/seller"
+    },
+    {
+      keys: {
+        Mac: ["G", ",", "P"]
+      },
+      label: t2("app.keyboardShortcuts.settings.goToProductTypes"),
+      type: "settingShortcut",
+      to: "/settings/product-types"
+    },
+    {
+      keys: {
+        Mac: ["G", ",", "L"]
+      },
+      label: t2("app.keyboardShortcuts.settings.goToLocations"),
+      type: "settingShortcut",
+      to: "/settings/locations"
+    },
+    // Commands
+    {
+      keys: {
+        Mac: ["B", "Y", "E"]
+      },
+      label: t2("actions.logout"),
+      type: "commandShortcut",
+      callback: () => handleLogout()
+    }
+  ];
+  return globalShortcuts;
+};
+
+// src/providers/keybind-provider/keybind-provider.tsx
+import { useCallback as useCallback2, useMemo, useState as useState4 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var KeybindProvider = ({
+  shortcuts,
+  debounce = 500,
+  children
+}) => {
+  const [storeShortcuts, setStoreCommands] = useState4(
+    shortcuts.map((shr) => getShortcutWithDefaultValues(shr))
+  );
+  const registerShortcut = useCallback2(
+    (shortcut) => {
+      setStoreCommands((prevShortcuts) => {
+        const idx = findShortcutIndex(shortcuts, getShortcutKeys(shortcut));
+        const newShortcuts = [...prevShortcuts];
+        if (idx > -1) {
+          newShortcuts[idx] = getShortcutWithDefaultValues(shortcut);
+          return prevShortcuts;
+        }
+        return [...prevShortcuts, getShortcutWithDefaultValues(shortcut)];
+      });
+    },
+    [shortcuts]
+  );
+  const getKeysByPlatform = useCallback2((command) => {
+    return findFirstPlatformMatch(command.keys);
+  }, []);
+  useShortcuts({ shortcuts: storeShortcuts, debounce });
+  const commandsContext = useMemo(
+    () => ({
+      shortcuts: storeShortcuts,
+      registerShortcut,
+      getKeysByPlatform
+    }),
+    [storeShortcuts, registerShortcut, getKeysByPlatform]
+  );
+  return /* @__PURE__ */ jsx3(KeybindContext.Provider, { value: commandsContext, children });
+};
+
+// src/providers/search-provider/search-provider.tsx
+import { useEffect as useEffect6, useState as useState7 } from "react";
+
+// src/components/search/search.tsx
+import {
+  Badge,
+  Button,
+  clx,
+  DropdownMenu,
+  IconButton,
+  Kbd,
+  Text
+} from "@medusajs/ui";
+import { Command } from "cmdk";
+import { Dialog as RadixDialog } from "radix-ui";
+import {
+  Children,
+  forwardRef,
+  Fragment,
+  useCallback as useCallback4,
+  useEffect as useEffect5,
+  useImperativeHandle,
+  useMemo as useMemo3,
+  useRef,
+  useState as useState6
+} from "react";
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { useLocation as useLocation2, useNavigate as useNavigate2 } from "react-router-dom";
+import {
+  ArrowUturnLeft,
+  MagnifyingGlass,
+  Plus,
+  Spinner,
+  TriangleDownMini
+} from "@medusajs/icons";
+import { matchSorter } from "match-sorter";
+
+// src/components/search/constants.ts
+var SEARCH_AREAS = [
+  "all",
+  "order",
+  "product",
+  "collection",
+  "category",
+  "inventory",
+  "customer",
+  "promotion",
+  "campaign",
+  "priceList",
+  "productType",
+  "productTag",
+  "location",
+  "command",
+  "navigation"
+];
+var DEFAULT_SEARCH_LIMIT = 3;
+var SEARCH_LIMIT_INCREMENT = 20;
+
+// src/components/search/use-search-results.tsx
+import { keepPreviousData } from "@tanstack/react-query";
+import { useCallback as useCallback3, useEffect as useEffect4, useMemo as useMemo2, useState as useState5 } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+var useSearchResults = ({
+  q,
+  limit,
+  area = "all"
+}) => {
+  const staticResults = useStaticSearchResults(area);
+  const { dynamicResults, isFetching } = useDynamicSearchResults(area, limit, q);
+  return {
+    staticResults,
+    dynamicResults,
+    isFetching
+  };
+};
+var useStaticSearchResults = (currentArea) => {
+  const globalCommands = useGlobalShortcuts();
+  const results = useMemo2(() => {
+    const groups = /* @__PURE__ */ new Map();
+    globalCommands.forEach((command) => {
+      const group = groups.get(command.type) || [];
+      group.push(command);
+      groups.set(command.type, group);
+    });
+    let filteredGroups;
+    switch (currentArea) {
+      case "all":
+        filteredGroups = Array.from(groups);
+        break;
+      case "navigation":
+        filteredGroups = Array.from(groups).filter(
+          ([type]) => type === "pageShortcut" || type === "settingShortcut"
+        );
+        break;
+      case "command":
+        filteredGroups = Array.from(groups).filter(
+          ([type]) => type === "commandShortcut"
+        );
+        break;
+      default:
+        filteredGroups = [];
+    }
+    return filteredGroups.map(([title, items]) => ({
+      title,
+      items
+    }));
+  }, [globalCommands, currentArea]);
+  return results;
+};
+var useDynamicSearchResults = (currentArea, limit, q) => {
+  const { t: t2 } = useTranslation2();
+  const debouncedSearch = useDebouncedSearch(q, 300);
+  const orderResponse = useOrders(
+    {
+      q: debouncedSearch?.replace(/^#/, ""),
+      // Since we display the ID with a # prefix, it's natural for the user to include it in the search. This will however cause no results to be returned, so we remove the # prefix from the search query.
+      limit,
+      fields: "id,display_id,email"
+    },
+    {
+      enabled: isAreaEnabled(currentArea, "order"),
+      placeholderData: keepPreviousData
+    }
+  );
+  const productResponse = useProducts(
+    {
+      q: debouncedSearch,
+      limit,
+      // TODO: Remove exclusion once we avoid including unnecessary relations by default in the query config
+      fields: "id,title,thumbnail,-type,-collection,-options,-tags,-images,-variants,-sales_channels"
+    },
+    {
+      enabled: isAreaEnabled(currentArea, "product"),
+      placeholderData: keepPreviousData
+    }
+  );
+  const categoryResponse = useProductCategories(
+    {
+      // TODO: Remove the OR condition once the list endpoint does not throw when q equals an empty string
+      q: debouncedSearch || void 0,
+      limit,
+      fields: "id,name"
+    },
+    {
+      enabled: isAreaEnabled(currentArea, "category"),
+      placeholderData: keepPreviousData
+    }
+  );
+  const collectionResponse = useCollections(
+    {
+      q: debouncedSearch,
+      limit,
+      fields: "id,title"
+    },
+    {
+      enabled: isAreaEnabled(currentArea, "collection"),
+      placeholderData: keepPreviousData
+    }
+  );
+  const customerResponse = useCustomers(
+    {
+      q: debouncedSearch,
+      limit,
+      fields: "id,email,first_name,last_name"
+    },
+    {
+      enabled: isAreaEnabled(currentArea, "customer"),
+      placeholderData: keepPreviousData
+    }
+  );
+  const inventoryResponse = useInventoryItems(
+    {
+      q: debouncedSearch,
+      limit,
+      fields: "id,title,sku"
+    },
+    {
+      enabled: isAreaEnabled(currentArea, "inventory"),
+      placeholderData: keepPreviousData
+    }
+  );
+  const promotionResponse = usePromotions(
+    {
+      q: debouncedSearch,
+      limit,
+      fields: "id,code,status"
+    },
+    {
+      enabled: isAreaEnabled(currentArea, "promotion"),
+      placeholderData: keepPreviousData
+    }
+  );
+  const campaignResponse = useCampaigns(
+    {
+      q: debouncedSearch,
+      limit,
+      fields: "id,name"
+    },
+    {
+      enabled: isAreaEnabled(currentArea, "campaign"),
+      placeholderData: keepPreviousData
+    }
+  );
+  const priceListResponse = usePriceLists(
+    {
+      q: debouncedSearch,
+      limit,
+      fields: "id,title"
+    },
+    {
+      enabled: isAreaEnabled(currentArea, "priceList"),
+      placeholderData: keepPreviousData
+    }
+  );
+  const productTypeResponse = useProductTypes(
+    {
+      q: debouncedSearch,
+      limit,
+      fields: "id,value"
+    },
+    {
+      enabled: isAreaEnabled(currentArea, "productType"),
+      placeholderData: keepPreviousData
+    }
+  );
+  const productTagResponse = useProductTags(
+    {
+      q: debouncedSearch,
+      limit,
+      fields: "id,value"
+    },
+    {
+      enabled: isAreaEnabled(currentArea, "productTag"),
+      placeholderData: keepPreviousData
+    }
+  );
+  const locationResponse = useStockLocations(
+    {
+      q: debouncedSearch,
+      limit,
+      fields: "id,name"
+    },
+    {
+      enabled: isAreaEnabled(currentArea, "location"),
+      placeholderData: keepPreviousData
+    }
+  );
+  const responseMap = useMemo2(
+    () => ({
+      order: orderResponse,
+      product: productResponse,
+      collection: collectionResponse,
+      category: categoryResponse,
+      inventory: inventoryResponse,
+      customer: customerResponse,
+      promotion: promotionResponse,
+      campaign: campaignResponse,
+      priceList: priceListResponse,
+      productType: productTypeResponse,
+      productTag: productTagResponse,
+      location: locationResponse
+    }),
+    [
+      orderResponse,
+      productResponse,
+      inventoryResponse,
+      categoryResponse,
+      collectionResponse,
+      customerResponse,
+      promotionResponse,
+      campaignResponse,
+      priceListResponse,
+      productTypeResponse,
+      productTagResponse,
+      locationResponse
+    ]
+  );
+  const results = useMemo2(() => {
+    const groups = Object.entries(responseMap).map(([key, response]) => {
+      const area = key;
+      if (isAreaEnabled(currentArea, area) || currentArea === "all") {
+        return transformDynamicSearchResults(area, limit, t2, response);
+      }
+      return null;
+    }).filter(Boolean);
+    return groups;
+  }, [responseMap, currentArea, limit, t2]);
+  const isAreaFetching = useCallback3(
+    (area) => {
+      if (area === "all") {
+        return Object.values(responseMap).some(
+          (response) => response.isFetching
+        );
+      }
+      return isAreaEnabled(currentArea, area) && responseMap[area]?.isFetching;
+    },
+    [currentArea, responseMap]
+  );
+  const isFetching = useMemo2(() => {
+    return isAreaFetching(currentArea);
+  }, [currentArea, isAreaFetching]);
+  const dynamicResults = q ? results.filter(
+    (group) => !!group && group.items.length > 0
+  ) : [];
+  return {
+    dynamicResults,
+    isFetching
+  };
+};
+var useDebouncedSearch = (value, delay) => {
+  const [debouncedValue, setDebouncedValue] = useState5(value);
+  useEffect4(() => {
+    const handler = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+    return () => {
+      clearTimeout(handler);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+};
+function isAreaEnabled(area, currentArea) {
+  if (area === "all") {
+    return true;
+  }
+  if (area === currentArea) {
+    return true;
+  }
+  return false;
+}
+var transformMap = {
+  order: {
+    dataKey: "orders",
+    transform: (order) => ({
+      id: order.id,
+      title: `#${order.display_id}`,
+      subtitle: order.email ?? void 0,
+      to: `/orders/${order.id}`,
+      value: `order:${order.id}`
+    })
+  },
+  product: {
+    dataKey: "products",
+    transform: (product) => ({
+      id: product.id,
+      title: product.title,
+      to: `/products/${product.id}`,
+      thumbnail: product.thumbnail ?? void 0,
+      value: `product:${product.id}`
+    })
+  },
+  category: {
+    dataKey: "product_categories",
+    transform: (category) => ({
+      id: category.id,
+      title: category.name,
+      to: `/categories/${category.id}`,
+      value: `category:${category.id}`
+    })
+  },
+  inventory: {
+    dataKey: "inventory_items",
+    transform: (inventory) => ({
+      id: inventory.id,
+      title: inventory.title ?? "",
+      subtitle: inventory.sku ?? void 0,
+      to: `/inventory/${inventory.id}`,
+      value: `inventory:${inventory.id}`
+    })
+  },
+  customer: {
+    dataKey: "customers",
+    transform: (customer) => {
+      const name = [customer.first_name, customer.last_name].filter(Boolean).join(" ");
+      return {
+        id: customer.id,
+        title: name || customer.email,
+        subtitle: name ? customer.email : void 0,
+        to: `/customers/${customer.id}`,
+        value: `customer:${customer.id}`
+      };
+    }
+  },
+  collection: {
+    dataKey: "collections",
+    transform: (collection) => ({
+      id: collection.id,
+      title: collection.title,
+      to: `/collections/${collection.id}`,
+      value: `collection:${collection.id}`
+    })
+  },
+  promotion: {
+    dataKey: "promotions",
+    transform: (promotion) => ({
+      id: promotion.id,
+      title: promotion.code,
+      to: `/promotions/${promotion.id}`,
+      value: `promotion:${promotion.id}`
+    })
+  },
+  campaign: {
+    dataKey: "campaigns",
+    transform: (campaign) => ({
+      id: campaign.id,
+      title: campaign.name,
+      to: `/campaigns/${campaign.id}`,
+      value: `campaign:${campaign.id}`
+    })
+  },
+  priceList: {
+    dataKey: "price_lists",
+    transform: (priceList) => ({
+      id: priceList.id,
+      title: priceList.title,
+      to: `/price-lists/${priceList.id}`,
+      value: `priceList:${priceList.id}`
+    })
+  },
+  productType: {
+    dataKey: "product_types",
+    transform: (productType) => ({
+      id: productType.id,
+      title: productType.value,
+      to: `/product-types/${productType.id}`,
+      value: `productType:${productType.id}`
+    })
+  },
+  productTag: {
+    dataKey: "product_tags",
+    transform: (productTag) => ({
+      id: productTag.id,
+      title: productTag.value,
+      to: `/product-tags/${productTag.id}`,
+      value: `productTag:${productTag.id}`
+    })
+  },
+  location: {
+    dataKey: "stock_locations",
+    transform: (location) => ({
+      id: location.id,
+      title: location.name,
+      to: `/locations/${location.id}`,
+      value: `location:${location.id}`
+    })
+  }
+};
+function transformDynamicSearchResults(type, limit, t2, response) {
+  if (!response || !transformMap[type]) {
+    return void 0;
+  }
+  const { dataKey, transform } = transformMap[type];
+  const data = response[dataKey];
+  if (!data || !Array.isArray(data)) {
+    return void 0;
+  }
+  return {
+    title: t2(`app.search.groups.${type}`),
+    area: type,
+    hasMore: response.count > limit,
+    count: response.count,
+    items: data.map(transform)
+  };
+}
+
+// src/components/search/search.tsx
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+var Search = () => {
+  const [area, setArea] = useState6("all");
+  const [search, setSearch] = useState6("");
+  const [limit, setLimit] = useState6(DEFAULT_SEARCH_LIMIT);
+  const { open, onOpenChange } = useSearch();
+  const location = useLocation2();
+  const { t: t2 } = useTranslation3();
+  const navigate = useNavigate2();
+  const inputRef = useRef(null);
+  const listRef = useRef(null);
+  const { staticResults, dynamicResults, isFetching } = useSearchResults({
+    area,
+    limit,
+    q: search
+  });
+  const handleReset = useCallback4(() => {
+    setArea("all");
+    setSearch("");
+    setLimit(DEFAULT_SEARCH_LIMIT);
+  }, [setLimit]);
+  const handleBack = () => {
+    handleReset();
+    inputRef.current?.focus();
+  };
+  const handleOpenChange = useCallback4(
+    (open2) => {
+      if (!open2) {
+        handleReset();
+      }
+      onOpenChange(open2);
+    },
+    [onOpenChange, handleReset]
+  );
+  useEffect5(() => {
+    handleOpenChange(false);
+  }, [location.pathname, handleOpenChange]);
+  const handleSelect = (item) => {
+    handleOpenChange(false);
+    if (item.to) {
+      navigate(item.to);
+      return;
+    }
+    if (item.callback) {
+      item.callback();
+      return;
+    }
+  };
+  const handleShowMore = (area2) => {
+    if (area2 === "all") {
+      setLimit(DEFAULT_SEARCH_LIMIT);
+    } else {
+      setLimit(SEARCH_LIMIT_INCREMENT);
+    }
+    setArea(area2);
+    inputRef.current?.focus();
+  };
+  const handleLoadMore = () => {
+    setLimit((l) => l + SEARCH_LIMIT_INCREMENT);
+  };
+  const filteredStaticResults = useMemo3(() => {
+    const filteredResults = [];
+    staticResults.forEach((group) => {
+      const filteredItems = matchSorter(group.items, search, {
+        keys: ["label"]
+      });
+      if (filteredItems.length === 0) {
+        return;
+      }
+      filteredResults.push({
+        ...group,
+        items: filteredItems
+      });
+    });
+    return filteredResults;
+  }, [staticResults, search]);
+  const handleSearch = (q) => {
+    setSearch(q);
+    listRef.current?.scrollTo({ top: 0 });
+  };
+  const showLoading = useMemo3(() => {
+    return isFetching && !dynamicResults.length && !filteredStaticResults.length;
+  }, [isFetching, dynamicResults, filteredStaticResults]);
+  return /* @__PURE__ */ jsxs(CommandDialog, { open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx4(
+      CommandInput,
+      {
+        isFetching,
+        ref: inputRef,
+        area,
+        setArea,
+        value: search,
+        onValueChange: handleSearch,
+        onBack: area !== "all" ? handleBack : void 0,
+        placeholder: t2("app.search.placeholder")
+      }
+    ),
+    /* @__PURE__ */ jsxs(CommandList, { ref: listRef, children: [
+      showLoading && /* @__PURE__ */ jsx4(CommandLoading, {}),
+      dynamicResults.map((group) => {
+        return /* @__PURE__ */ jsxs(CommandGroup, { heading: group.title, children: [
+          group.items.map((item) => {
+            return /* @__PURE__ */ jsx4(
+              CommandItem,
+              {
+                onSelect: () => handleSelect(item),
+                value: item.value,
+                className: "flex items-center justify-between",
+                children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-3", children: [
+                  item.thumbnail && /* @__PURE__ */ jsx4(
+                    Thumbnail,
+                    {
+                      alt: item.title,
+                      src: item.thumbnail,
+                      size: "small"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx4("span", { children: item.title }),
+                  item.subtitle && /* @__PURE__ */ jsx4("span", { className: "text-ui-fg-muted", children: item.subtitle })
+                ] })
+              },
+              item.id
+            );
+          }),
+          group.hasMore && area === "all" && /* @__PURE__ */ jsx4(
+            CommandItem,
+            {
+              onSelect: () => handleShowMore(group.area),
+              hidden: true,
+              value: `${group.title}:show:more`,
+              children: /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-muted flex items-center gap-x-3", children: [
+                /* @__PURE__ */ jsx4(Plus, {}),
+                /* @__PURE__ */ jsx4(Text, { size: "small", leading: "compact", weight: "plus", children: t2("app.search.showMore") })
+              ] })
+            }
+          ),
+          group.hasMore && area === group.area && /* @__PURE__ */ jsx4(
+            CommandItem,
+            {
+              onSelect: handleLoadMore,
+              hidden: true,
+              value: `${group.title}:load:more`,
+              children: /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-muted flex items-center gap-x-3", children: [
+                /* @__PURE__ */ jsx4(Plus, {}),
+                /* @__PURE__ */ jsx4(Text, { size: "small", leading: "compact", weight: "plus", children: t2("app.search.loadMore", {
+                  count: Math.min(
+                    SEARCH_LIMIT_INCREMENT,
+                    group.count - limit
+                  )
+                }) })
+              ] })
+            }
+          )
+        ] }, group.title);
+      }),
+      filteredStaticResults.map((group) => {
+        return /* @__PURE__ */ jsx4(
+          CommandGroup,
+          {
+            heading: t2(`app.keyboardShortcuts.${group.title}`),
+            children: group.items.map((item) => {
+              return /* @__PURE__ */ jsxs(
+                CommandItem,
+                {
+                  onSelect: () => handleSelect(item),
+                  className: "flex items-center justify-between",
+                  children: [
+                    /* @__PURE__ */ jsx4("span", { children: item.label }),
+                    /* @__PURE__ */ jsx4("div", { className: "flex items-center gap-x-1.5", children: item.keys.Mac?.map((key, index) => {
+                      return /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          className: "flex items-center gap-x-1",
+                          children: [
+                            /* @__PURE__ */ jsx4(Kbd, { children: key }),
+                            index < (item.keys.Mac?.length || 0) - 1 && /* @__PURE__ */ jsx4("span", { className: "txt-compact-xsmall text-ui-fg-subtle", children: t2("app.keyboardShortcuts.then") })
+                          ]
+                        },
+                        index
+                      );
+                    }) })
+                  ]
+                },
+                item.label
+              );
+            })
+          },
+          group.title
+        );
+      }),
+      !showLoading && /* @__PURE__ */ jsx4(CommandEmpty, { q: search })
+    ] })
+  ] });
+};
+var CommandPalette = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  Command,
+  {
+    shouldFilter: false,
+    ref,
+    className: clx(
+      "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+      className
+    ),
+    ...props
+  }
+));
+CommandPalette.displayName = Command.displayName;
+var CommandDialog = ({ children, ...props }) => {
+  const { t: t2 } = useTranslation3();
+  const preserveHeight = useMemo3(() => {
+    return props.isLoading && Children.count(children) === 0;
+  }, [props.isLoading, children]);
+  return /* @__PURE__ */ jsx4(RadixDialog.Root, { ...props, children: /* @__PURE__ */ jsxs(RadixDialog.Portal, { children: [
+    /* @__PURE__ */ jsx4(RadixDialog.Overlay, { className: "bg-ui-bg-overlay fixed inset-0" }),
+    /* @__PURE__ */ jsxs(
+      RadixDialog.Content,
+      {
+        className: clx(
+          "bg-ui-bg-base shadow-elevation-modal fixed left-[50%] top-[50%] flex max-h-[calc(100%-16px)] w-[calc(100%-16px)] min-w-0 max-w-2xl translate-x-[-50%] translate-y-[-50%] flex-col overflow-hidden rounded-xl p-0",
+          {
+            "h-[300px]": preserveHeight
+            // Prevents the dialog from collapsing when loading async results and before the no results message is displayed
+          }
+        ),
+        children: [
+          /* @__PURE__ */ jsx4(RadixDialog.Title, { className: "sr-only", children: t2("app.search.title") }),
+          /* @__PURE__ */ jsx4(RadixDialog.Description, { className: "sr-only", children: t2("app.search.description") }),
+          /* @__PURE__ */ jsx4(CommandPalette, { className: "[&_[cmdk-group-heading]]:text-muted-foreground flex h-full flex-col overflow-hidden [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0", children }),
+          /* @__PURE__ */ jsx4("div", { className: "bg-ui-bg-field text-ui-fg-subtle flex items-center justify-end border-t px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ jsx4(Text, { size: "xsmall", leading: "compact", children: t2("app.search.navigation") }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-1", children: [
+                /* @__PURE__ */ jsx4(Kbd, { className: "bg-ui-bg-field-component", children: "\u2193" }),
+                /* @__PURE__ */ jsx4(Kbd, { className: "bg-ui-bg-field-component", children: "\u2191" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx4("div", { className: "bg-ui-border-strong h-3 w-px" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ jsx4(Text, { size: "xsmall", leading: "compact", children: t2("app.search.openResult") }),
+              /* @__PURE__ */ jsx4(Kbd, { className: "bg-ui-bg-field-component", children: "\u21B5" })
+            ] })
+          ] }) })
+        ]
+      }
+    )
+  ] }) });
+};
+var CommandInput = forwardRef(
+  ({
+    className,
+    value,
+    onValueChange,
+    area,
+    setArea,
+    isFetching,
+    onBack,
+    ...props
+  }, ref) => {
+    const { t: t2 } = useTranslation3();
+    const innerRef = useRef(null);
+    const direction = useDocumentDirection();
+    useImperativeHandle(
+      ref,
+      () => innerRef.current
+    );
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col border-b", children: [
+      /* @__PURE__ */ jsx4("div", { className: "px-4 pt-4", children: /* @__PURE__ */ jsxs(DropdownMenu, { dir: direction, children: [
+        /* @__PURE__ */ jsx4(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          Badge,
+          {
+            size: "2xsmall",
+            className: "hover:bg-ui-bg-base-pressed transition-fg cursor-pointer",
+            children: [
+              t2(`app.search.groups.${area}`),
+              /* @__PURE__ */ jsx4(TriangleDownMini, { className: "text-ui-fg-muted" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx4(
+          DropdownMenu.Content,
+          {
+            align: "start",
+            className: "h-full max-h-[360px] overflow-auto",
+            onCloseAutoFocus: (e) => {
+              e.preventDefault();
+              innerRef.current?.focus();
+            },
+            children: /* @__PURE__ */ jsx4(
+              DropdownMenu.RadioGroup,
+              {
+                value: area,
+                onValueChange: (v) => setArea(v),
+                children: SEARCH_AREAS.map((area2) => /* @__PURE__ */ jsxs(Fragment, { children: [
+                  area2 === "command" && /* @__PURE__ */ jsx4(DropdownMenu.Separator, {}),
+                  /* @__PURE__ */ jsx4(DropdownMenu.RadioItem, { value: area2, children: t2(`app.search.groups.${area2}`) }),
+                  area2 === "all" && /* @__PURE__ */ jsx4(DropdownMenu.Separator, {})
+                ] }, area2))
+              }
+            )
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "relative flex items-center gap-x-2 px-4 py-3", children: [
+        onBack && /* @__PURE__ */ jsx4(
+          IconButton,
+          {
+            type: "button",
+            size: "small",
+            variant: "transparent",
+            onClick: onBack,
+            children: /* @__PURE__ */ jsx4(ArrowUturnLeft, { className: "text-ui-fg-muted" })
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          Command.Input,
+          {
+            ref: innerRef,
+            value,
+            onValueChange,
+            className: clx(
+              "placeholder:text-ui-fg-muted flex !h-6 w-full rounded-md bg-transparent text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",
+              className
+            ),
+            ...props
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "absolute end-4 top-1/2 flex -translate-y-1/2 items-center justify-end gap-x-2", children: [
+          isFetching && /* @__PURE__ */ jsx4(Spinner, { className: "text-ui-fg-muted animate-spin" }),
+          value && /* @__PURE__ */ jsx4(
+            Button,
+            {
+              variant: "transparent",
+              size: "small",
+              className: "text-ui-fg-muted hover:text-ui-fg-subtle",
+              type: "button",
+              onClick: () => {
+                onValueChange?.("");
+                innerRef.current?.focus();
+              },
+              children: t2("actions.clear")
+            }
+          )
+        ] })
+      ] })
+    ] });
+  }
+);
+CommandInput.displayName = Command.Input.displayName;
+var CommandList = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  Command.List,
+  {
+    ref,
+    className: clx(
+      "max-h-[300px] flex-1 overflow-y-auto overflow-x-hidden px-2 pb-4",
+      className
+    ),
+    ...props
+  }
+));
+CommandList.displayName = Command.List.displayName;
+var CommandEmpty = forwardRef((props, ref) => {
+  const { t: t2 } = useTranslation3();
+  return /* @__PURE__ */ jsx4(Command.Empty, { ref, className: "py-6 text-center text-sm", ...props, children: /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle flex min-h-[236px] flex-col items-center justify-center gap-y-3", children: [
+    /* @__PURE__ */ jsx4(MagnifyingGlass, { className: "text-ui-fg-subtle" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-y-1", children: [
+      /* @__PURE__ */ jsx4(Text, { size: "small", weight: "plus", leading: "compact", children: props.q ? t2("app.search.noResultsTitle") : t2("app.search.emptySearchTitle") }),
+      /* @__PURE__ */ jsx4(Text, { size: "small", className: "text-ui-fg-muted", children: props.q ? t2("app.search.noResultsMessage") : t2("app.search.emptySearchMessage") })
+    ] })
+  ] }) });
+});
+CommandEmpty.displayName = Command.Empty.displayName;
+var CommandLoading = forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxs(
+    Command.Loading,
+    {
+      ref,
+      ...props,
+      className: "bg-ui-bg-base flex flex-col",
+      children: [
+        /* @__PURE__ */ jsx4("div", { className: "w-full px-2 pb-1 pt-3", children: /* @__PURE__ */ jsx4(Skeleton, { className: "h-5 w-10" }) }),
+        Array.from({ length: 7 }).map((_, index) => /* @__PURE__ */ jsx4("div", { className: "w-full p-2", children: /* @__PURE__ */ jsx4(Skeleton, { className: "h-5 w-full" }) }, index))
+      ]
+    }
+  );
+});
+CommandLoading.displayName = Command.Loading.displayName;
+var CommandGroup = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  Command.Group,
+  {
+    ref,
+    className: clx(
+      "text-ui-fg-base [&_[cmdk-group-heading]]:text-ui-fg-muted [&_[cmdk-group-heading]]:txt-compact-xsmall-plus overflow-hidden [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:pb-1 [&_[cmdk-group-heading]]:pt-3 [&_[cmdk-item]]:py-2",
+      className
+    ),
+    ...props
+  }
+));
+CommandGroup.displayName = Command.Group.displayName;
+var CommandSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  Command.Separator,
+  {
+    ref,
+    className: clx("bg-border -mx-1 h-px", className),
+    ...props
+  }
+));
+CommandSeparator.displayName = Command.Separator.displayName;
+var CommandItem = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  Command.Item,
+  {
+    ref,
+    className: clx(
+      "aria-selected:bg-ui-bg-base-hover focus-visible:bg-ui-bg-base-hover txt-compact-small [&>svg]:text-ui-fg-subtle relative flex cursor-pointer select-none items-center gap-x-3 rounded-md p-2 outline-none data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
+      className
+    ),
+    ...props
+  }
+));
+CommandItem.displayName = Command.Item.displayName;
+
+// src/providers/search-provider/search-context.tsx
+import { createContext as createContext4 } from "react";
+var SearchContext = createContext4(null);
+
+// src/providers/search-provider/search-provider.tsx
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var SearchProvider = ({ children }) => {
+  const [open, setOpen] = useState7(false);
+  const { mobile, toggle } = useSidebar();
+  const toggleSearch = () => {
+    const update = !open;
+    if (update && mobile) {
+      toggle("mobile");
+    }
+    setOpen(update);
+  };
+  useEffect6(() => {
+    const onKeyDown = (e) => {
+      if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
+        setOpen((prev) => !prev);
+      }
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs2(
+    SearchContext.Provider,
+    {
+      value: {
+        open,
+        onOpenChange: setOpen,
+        toggleSearch
+      },
+      children: [
+        children,
+        /* @__PURE__ */ jsx5(Search, {})
+      ]
+    }
+  );
+};
+
+// src/providers/search-provider/use-search.tsx
+import { useContext as useContext4 } from "react";
+var useSearch = () => {
+  const context = useContext4(SearchContext);
+  if (!context) {
+    throw new Error("useSearch must be used within a SearchProvider");
+  }
+  return context;
+};
+
+// src/app.tsx
+import { I18nProvider, Toaster, TooltipProvider } from "@medusajs/ui";
+import { createBrowserRouter, RouterProvider } from "react-router-dom";
+
+// src/get-route-map.tsx
+import { t } from "i18next";
+import { Outlet as Outlet4 } from "react-router-dom";
+
+// src/components/authentication/protected-route/protected-route.tsx
+import { Spinner as Spinner2 } from "@medusajs/icons";
+import { Navigate, Outlet, useLocation as useLocation3 } from "react-router-dom";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var ProtectedRoute = () => {
+  const { user, isLoading } = useMe();
+  const location = useLocation3();
+  if (isLoading) {
+    return /* @__PURE__ */ jsx6("div", { className: "flex min-h-screen items-center justify-center", children: /* @__PURE__ */ jsx6(Spinner2, { className: "text-ui-fg-interactive animate-spin" }) });
+  }
+  if (!user) {
+    return /* @__PURE__ */ jsx6(Navigate, { to: "/login", state: { from: location }, replace: true });
+  }
+  return /* @__PURE__ */ jsx6(SidebarProvider, { children: /* @__PURE__ */ jsx6(SearchProvider, { children: /* @__PURE__ */ jsx6(Outlet, {}) }) });
+};
+
+// src/components/layout/main-layout/main-layout.tsx
+import {
+  BuildingStorefront,
+  Buildings,
+  CogSixTooth,
+  CurrencyDollar,
+  EllipsisHorizontal as EllipsisHorizontal2,
+  MagnifyingGlass as MagnifyingGlass2,
+  OpenRectArrowOut as OpenRectArrowOut2,
+  ReceiptPercent,
+  Shopping,
+  ShoppingCart,
+  Tag,
+  Users
+} from "@medusajs/icons";
+import { Avatar as Avatar2, Divider, DropdownMenu as DropdownMenu3, Text as Text5, clx as clx6 } from "@medusajs/ui";
+import { useTranslation as useTranslation8 } from "react-i18next";
+import { Link as Link3, useLocation as useLocation6, useNavigate as useNavigate4 } from "react-router-dom";
+
+// src/components/layout/nav-item/nav-item.tsx
+import {
+  useCallback as useCallback5,
+  useEffect as useEffect7,
+  useState as useState8
+} from "react";
+import { Kbd as Kbd2, Text as Text2, clx as clx2 } from "@medusajs/ui";
+import { Collapsible as RadixCollapsible } from "radix-ui";
+import { useTranslation as useTranslation4 } from "react-i18next";
+import { NavLink, useLocation as useLocation4 } from "react-router-dom";
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+var BASE_NAV_LINK_CLASSES = "text-ui-fg-subtle transition-fg hover:bg-ui-bg-subtle-hover flex items-center gap-x-2 rounded-md py-0.5 pl-0.5 pr-2 outline-none [&>svg]:text-ui-fg-subtle focus-visible:shadow-borders-focus";
+var ACTIVE_NAV_LINK_CLASSES = "bg-ui-bg-base shadow-elevation-card-rest text-ui-fg-base hover:bg-ui-bg-base";
+var NESTED_NAV_LINK_CLASSES = "pl-[34px] pr-2 py-1 w-full text-ui-fg-muted";
+var SETTING_NAV_LINK_CLASSES = "pl-2 py-1";
+var getIsOpen = (to, items, pathname) => {
+  return [to, ...items?.map((i) => i.to) ?? []].some(
+    (p) => pathname.startsWith(p)
+  );
+};
+var NavItemTooltip = ({
+  to,
+  children
+}) => {
+  const { t: t2 } = useTranslation4();
+  const globalShortcuts = useGlobalShortcuts();
+  const shortcut = globalShortcuts.find((s) => s.to === to);
+  return /* @__PURE__ */ jsx7(
+    ConditionalTooltip,
+    {
+      showTooltip: !!shortcut,
+      maxWidth: 9999,
+      content: /* @__PURE__ */ jsxs3("div", { className: "txt-compact-xsmall flex h-5 items-center justify-between gap-x-2 whitespace-nowrap", children: [
+        /* @__PURE__ */ jsx7("span", { children: shortcut?.label }),
+        /* @__PURE__ */ jsx7("div", { className: "flex items-center gap-x-1", children: shortcut?.keys.Mac?.map((key, index) => /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-1", children: [
+          /* @__PURE__ */ jsx7(Kbd2, { children: key }, key),
+          index < (shortcut.keys.Mac?.length || 0) - 1 && /* @__PURE__ */ jsx7("span", { className: "txt-compact-xsmall text-ui-fg-muted", children: t2("app.keyboardShortcuts.then") })
+        ] }, index)) })
+      ] }),
+      side: "right",
+      delayDuration: 1500,
+      children: /* @__PURE__ */ jsx7("div", { className: "w-full", children })
+    }
+  );
+};
+var NavItem = ({
+  icon,
+  label,
+  to,
+  items,
+  type = "core",
+  from
+}) => {
+  const { pathname } = useLocation4();
+  const [open, setOpen] = useState8(getIsOpen(to, items, pathname));
+  useEffect7(() => {
+    setOpen(getIsOpen(to, items, pathname));
+  }, [pathname, to, items]);
+  const navLinkClassNames = useCallback5(
+    ({
+      to: to2,
+      isActive,
+      isNested = false,
+      isSetting: isSetting2 = false
+    }) => {
+      if (["core", "setting"].includes(type)) {
+        isActive = pathname.startsWith(to2);
+      }
+      return clx2(BASE_NAV_LINK_CLASSES, {
+        [NESTED_NAV_LINK_CLASSES]: isNested,
+        [ACTIVE_NAV_LINK_CLASSES]: isActive,
+        [SETTING_NAV_LINK_CLASSES]: isSetting2
+      });
+    },
+    [type, pathname]
+  );
+  const isSetting = type === "setting";
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      className: "px-3",
+      "data-testid": `sidebar-nav-item-${to.replace(/\//g, "-").replace(/^-/, "")}`,
+      children: [
+        /* @__PURE__ */ jsx7(NavItemTooltip, { to, children: /* @__PURE__ */ jsxs3(
+          NavLink,
+          {
+            to,
+            end: items?.some((i) => i.to === pathname),
+            state: from ? {
+              from
+            } : void 0,
+            className: ({ isActive }) => {
+              return clx2(navLinkClassNames({ isActive, isSetting, to }), {
+                "max-lg:hidden": !!items?.length
+              });
+            },
+            "data-testid": `sidebar-nav-link-${to.replace(/\//g, "-").replace(/^-/, "")}`,
+            children: [
+              type !== "setting" && /* @__PURE__ */ jsx7("div", { className: "flex size-6 items-center justify-center", children: /* @__PURE__ */ jsx7(Icon, { icon, type }) }),
+              /* @__PURE__ */ jsx7(Text2, { size: "small", weight: "plus", leading: "compact", children: label })
+            ]
+          }
+        ) }),
+        items && items.length > 0 && /* @__PURE__ */ jsxs3(RadixCollapsible.Root, { open, onOpenChange: setOpen, children: [
+          /* @__PURE__ */ jsxs3(
+            RadixCollapsible.Trigger,
+            {
+              className: clx2(
+                "flex w-full items-center gap-x-2 rounded-md py-0.5 pl-0.5 pr-2 text-ui-fg-subtle outline-none transition-fg hover:bg-ui-bg-subtle-hover hover:text-ui-fg-base lg:hidden",
+                { "pl-2": isSetting }
+              ),
+              children: [
+                /* @__PURE__ */ jsx7("div", { className: "flex size-6 items-center justify-center", children: /* @__PURE__ */ jsx7(Icon, { icon, type }) }),
+                /* @__PURE__ */ jsx7(Text2, { size: "small", weight: "plus", leading: "compact", children: label })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx7(RadixCollapsible.Content, { children: /* @__PURE__ */ jsx7(
+            "div",
+            {
+              className: "flex flex-col gap-y-0.5 pb-2 pt-0.5",
+              "data-testid": `sidebar-nav-nested-items-${to.replace(/\//g, "-").replace(/^-/, "")}`,
+              children: /* @__PURE__ */ jsxs3("ul", { className: "flex flex-col gap-y-0.5", children: [
+                /* @__PURE__ */ jsx7("li", { className: "flex w-full items-center gap-x-1 lg:hidden", children: /* @__PURE__ */ jsx7(NavItemTooltip, { to, children: /* @__PURE__ */ jsx7(
+                  NavLink,
+                  {
+                    to,
+                    end: true,
+                    className: ({ isActive }) => {
+                      return clx2(
+                        navLinkClassNames({
+                          to,
+                          isActive,
+                          isSetting,
+                          isNested: true
+                        })
+                      );
+                    },
+                    "data-testid": `sidebar-nav-link-nested-${to.replace(/\//g, "-").replace(/^-/, "")}`,
+                    children: /* @__PURE__ */ jsx7(Text2, { size: "small", weight: "plus", leading: "compact", children: label })
+                  }
+                ) }) }),
+                items.map((item) => {
+                  return /* @__PURE__ */ jsx7("li", { className: "flex h-7 items-center", children: /* @__PURE__ */ jsx7(NavItemTooltip, { to: item.to, children: /* @__PURE__ */ jsx7(
+                    NavLink,
+                    {
+                      to: item.to,
+                      end: true,
+                      className: ({ isActive }) => {
+                        return clx2(
+                          navLinkClassNames({
+                            to: item.to,
+                            isActive,
+                            isSetting,
+                            isNested: true
+                          })
+                        );
+                      },
+                      "data-testid": `sidebar-nav-link-nested-${item.to.replace(/\//g, "-").replace(/^-/, "")}`,
+                      children: /* @__PURE__ */ jsx7(Text2, { size: "small", weight: "plus", leading: "compact", children: item.label })
+                    }
+                  ) }) }, item.to);
+                })
+              ] })
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+};
+var Icon = ({ icon, type }) => {
+  if (!icon) {
+    return null;
+  }
+  return type === "extension" ? /* @__PURE__ */ jsx7("div", { className: "flex h-5 w-5 items-center justify-center rounded-[4px] bg-ui-bg-base shadow-borders-base", children: /* @__PURE__ */ jsx7("div", { className: "h-[15px] w-[15px] overflow-hidden rounded-sm", children: icon }) }) : icon;
+};
+
+// src/components/layout/shell/shell.tsx
+import { SidebarLeft, TriangleRightMini, XMark } from "@medusajs/icons";
+import { IconButton as IconButton3, clx as clx4 } from "@medusajs/ui";
+import { AnimatePresence } from "motion/react";
+import { Dialog as RadixDialog2 } from "radix-ui";
+import { useEffect as useEffect9, useState as useState10 } from "react";
+import { useTranslation as useTranslation6 } from "react-i18next";
+import {
+  Link,
+  Outlet as Outlet2,
+  useMatches,
+  useNavigation
+} from "react-router-dom";
+
+// src/components/layout/notifications/notifications.tsx
+import {
+  BellAlert,
+  BellAlertDone,
+  InformationCircleSolid
+} from "@medusajs/icons";
+import { clx as clx3, Drawer, Heading, IconButton as IconButton2, Text as Text3 } from "@medusajs/ui";
+import { formatDistance } from "date-fns";
+import { useEffect as useEffect8, useState as useState9 } from "react";
+import { useTranslation as useTranslation5 } from "react-i18next";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+var LAST_READ_NOTIFICATION_KEY = "notificationsLastReadAt";
+var Notifications = () => {
+  const { t: t2 } = useTranslation5();
+  const [open, setOpen] = useState9(false);
+  const [hasUnread, setHasUnread] = useUnreadNotifications();
+  const [lastReadAt, setLastReadAt] = useState9(
+    localStorage.getItem(LAST_READ_NOTIFICATION_KEY)
+  );
+  useEffect8(() => {
+    const onKeyDown = (e) => {
+      if (e.key === "n" && (e.metaKey || e.ctrlKey)) {
+        setOpen((prev) => !prev);
+      }
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, []);
+  const handleOnOpen = (shouldOpen) => {
+    if (shouldOpen) {
+      setHasUnread(false);
+      setOpen(true);
+      localStorage.setItem(
+        LAST_READ_NOTIFICATION_KEY,
+        (/* @__PURE__ */ new Date()).toISOString()
+      );
+    } else {
+      setOpen(false);
+      setLastReadAt(localStorage.getItem(LAST_READ_NOTIFICATION_KEY));
+    }
+  };
+  return /* @__PURE__ */ jsxs4(
+    Drawer,
+    {
+      open,
+      onOpenChange: handleOnOpen,
+      "data-testid": "notifications-drawer",
+      children: [
+        /* @__PURE__ */ jsx8(Drawer.Trigger, { asChild: true, children: /* @__PURE__ */ jsx8(
+          IconButton2,
+          {
+            variant: "transparent",
+            size: "small",
+            className: "text-ui-fg-muted hover:text-ui-fg-subtle",
+            "data-testid": "notifications-trigger-button",
+            children: hasUnread ? /* @__PURE__ */ jsx8(BellAlertDone, { "data-testid": "notifications-icon-unread" }) : /* @__PURE__ */ jsx8(BellAlert, { "data-testid": "notifications-icon" })
+          }
+        ) }),
+        /* @__PURE__ */ jsxs4(Drawer.Content, { "data-testid": "notifications-content", children: [
+          /* @__PURE__ */ jsxs4(Drawer.Header, { "data-testid": "notifications-header", children: [
+            /* @__PURE__ */ jsx8(Drawer.Title, { asChild: true, children: /* @__PURE__ */ jsx8(Heading, { "data-testid": "notifications-title", children: t2("notifications.domain") }) }),
+            /* @__PURE__ */ jsx8(
+              Drawer.Description,
+              {
+                className: "sr-only",
+                "data-testid": "notifications-description",
+                children: t2("notifications.accessibility.description")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx8(
+            Drawer.Body,
+            {
+              className: "overflow-y-auto px-0",
+              "data-testid": "notifications-body",
+              children: /* @__PURE__ */ jsx8("div", { "data-testid": "notifications-list", children: /* @__PURE__ */ jsx8(
+                InfiniteList,
+                {
+                  responseKey: "notifications",
+                  queryKey: notificationQueryKeys.all,
+                  queryFn: (params) => sdk.admin.notifications.query({
+                    ...params
+                  }),
+                  queryOptions: { enabled: open },
+                  renderEmpty: () => /* @__PURE__ */ jsx8(NotificationsEmptyState, { t: t2 }),
+                  renderItem: (notification) => {
+                    return /* @__PURE__ */ jsx8(
+                      Notification,
+                      {
+                        notification,
+                        unread: Date.parse(notification.created_at) > (lastReadAt ? Date.parse(lastReadAt) : 0)
+                      },
+                      notification.id
+                    );
+                  }
+                }
+              ) })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+var Notification = ({
+  notification,
+  unread
+}) => {
+  const data = notification.data;
+  if (!data?.title) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx8(Fragment2, { children: /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      className: "relative flex items-start justify-center gap-3 border-b p-6",
+      "data-testid": `notification-${notification.id}`,
+      children: [
+        /* @__PURE__ */ jsx8(
+          "div",
+          {
+            className: "text-ui-fg-muted flex size-5 items-center justify-center",
+            "data-testid": `notification-${notification.id}-icon`,
+            children: /* @__PURE__ */ jsx8(InformationCircleSolid, {})
+          }
+        ),
+        /* @__PURE__ */ jsxs4(
+          "div",
+          {
+            className: "flex w-full flex-col gap-y-3",
+            "data-testid": `notification-${notification.id}-content`,
+            children: [
+              /* @__PURE__ */ jsxs4(
+                "div",
+                {
+                  className: "flex flex-col",
+                  "data-testid": `notification-${notification.id}-header`,
+                  children: [
+                    /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between", children: [
+                      /* @__PURE__ */ jsx8(
+                        Text3,
+                        {
+                          size: "small",
+                          leading: "compact",
+                          weight: "plus",
+                          "data-testid": `notification-${notification.id}-title`,
+                          children: data.title
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs4(
+                        "div",
+                        {
+                          className: "align-center flex items-center justify-center gap-2",
+                          "data-testid": `notification-${notification.id}-meta`,
+                          children: [
+                            /* @__PURE__ */ jsx8(
+                              Text3,
+                              {
+                                as: "span",
+                                className: clx3("text-ui-fg-subtle", {
+                                  "text-ui-fg-base": unread
+                                }),
+                                size: "small",
+                                leading: "compact",
+                                weight: "plus",
+                                "data-testid": `notification-${notification.id}-time`,
+                                children: formatDistance(notification.created_at, /* @__PURE__ */ new Date(), {
+                                  addSuffix: true
+                                })
+                              }
+                            ),
+                            unread && /* @__PURE__ */ jsx8(
+                              "div",
+                              {
+                                className: "bg-ui-bg-interactive h-2 w-2 rounded",
+                                role: "status",
+                                "data-testid": `notification-${notification.id}-unread-indicator`
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    ] }),
+                    !!data.description && /* @__PURE__ */ jsx8(
+                      Text3,
+                      {
+                        className: "text-ui-fg-subtle whitespace-pre-line",
+                        size: "small",
+                        "data-testid": `notification-${notification.id}-description`,
+                        children: data.description
+                      }
+                    )
+                  ]
+                }
+              ),
+              !!data?.file?.url && /* @__PURE__ */ jsx8(
+                FilePreview,
+                {
+                  filename: data.file.filename ?? "",
+                  url: data.file.url,
+                  hideThumbnail: true,
+                  "data-testid": `notification-${notification.id}-file`
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+};
+var NotificationsEmptyState = ({ t: t2 }) => {
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      className: "flex h-full flex-col items-center justify-center",
+      "data-testid": "notifications-empty-state",
+      children: [
+        /* @__PURE__ */ jsx8(BellAlertDone, { "data-testid": "notifications-empty-icon" }),
+        /* @__PURE__ */ jsx8(
+          Text3,
+          {
+            size: "small",
+            leading: "compact",
+            weight: "plus",
+            className: "mt-3",
+            "data-testid": "notifications-empty-title",
+            children: t2("notifications.emptyState.title")
+          }
+        ),
+        /* @__PURE__ */ jsx8(
+          Text3,
+          {
+            size: "small",
+            className: "text-ui-fg-muted mt-1 max-w-[294px] text-center",
+            "data-testid": "notifications-empty-description",
+            children: t2("notifications.emptyState.description")
+          }
+        )
+      ]
+    }
+  );
+};
+var useUnreadNotifications = () => {
+  const [hasUnread, setHasUnread] = useState9(false);
+  const { notifications } = useNotifications(
+    { limit: 1, offset: 0, fields: "created_at" },
+    { refetchInterval: 6e4 }
+  );
+  const lastNotification = notifications?.[0];
+  useEffect8(() => {
+    if (!lastNotification) {
+      return;
+    }
+    const lastNotificationAsTimestamp = Date.parse(lastNotification.created_at);
+    const lastReadDatetime = localStorage.getItem(LAST_READ_NOTIFICATION_KEY);
+    const lastReadAsTimestamp = lastReadDatetime ? Date.parse(lastReadDatetime) : 0;
+    if (lastNotificationAsTimestamp > lastReadAsTimestamp) {
+      setHasUnread(true);
+    }
+  }, [lastNotification]);
+  return [hasUnread, setHasUnread];
+};
+
+// src/components/layout/shell/shell.tsx
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+var Shell = ({ children }) => {
+  const globalShortcuts = useGlobalShortcuts();
+  const navigation = useNavigation();
+  const loading = navigation.state === "loading";
+  return /* @__PURE__ */ jsx9(KeybindProvider, { shortcuts: globalShortcuts, children: /* @__PURE__ */ jsxs5("div", { className: "relative flex h-screen flex-col items-start overflow-hidden lg:flex-row", children: [
+    /* @__PURE__ */ jsx9(NavigationBar, { loading }),
+    /* @__PURE__ */ jsxs5("div", { children: [
+      /* @__PURE__ */ jsx9(MobileSidebarContainer, { children }),
+      /* @__PURE__ */ jsx9(DesktopSidebarContainer, { children })
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "flex h-screen w-full flex-col overflow-auto", children: [
+      /* @__PURE__ */ jsx9(Topbar, {}),
+      /* @__PURE__ */ jsx9(
+        "main",
+        {
+          className: clx4(
+            "flex h-full w-full flex-col items-center overflow-y-auto transition-opacity delay-200 duration-200",
+            {
+              "opacity-25": loading
+            }
+          ),
+          children: /* @__PURE__ */ jsx9(Gutter, { children: /* @__PURE__ */ jsx9(Outlet2, {}) })
+        }
+      )
+    ] })
+  ] }) });
+};
+var NavigationBar = ({ loading }) => {
+  const [showBar, setShowBar] = useState10(false);
+  useEffect9(() => {
+    let timeout;
+    if (loading) {
+      timeout = setTimeout(() => {
+        setShowBar(true);
+      }, 200);
+    } else {
+      setShowBar(false);
+    }
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [loading]);
+  return /* @__PURE__ */ jsx9("div", { className: "fixed inset-x-0 top-0 z-50 h-1", children: /* @__PURE__ */ jsx9(AnimatePresence, { children: showBar ? /* @__PURE__ */ jsx9(ProgressBar, {}) : null }) });
+};
+var Gutter = ({ children }) => {
+  return /* @__PURE__ */ jsx9("div", { className: "flex w-full max-w-[1600px] flex-col gap-y-2 p-3", children });
+};
+var Breadcrumbs = () => {
+  const matches = useMatches();
+  const crumbs = matches.filter((match) => match.handle?.breadcrumb).map((match) => {
+    const handle = match.handle;
+    let label = void 0;
+    try {
+      label = handle.breadcrumb?.(match);
+    } catch (error) {
+    }
+    if (!label) {
+      return null;
+    }
+    return {
+      label,
+      path: match.pathname
+    };
+  }).filter(Boolean);
+  return /* @__PURE__ */ jsx9(
+    "ol",
+    {
+      className: clx4(
+        "text-ui-fg-muted txt-compact-small-plus flex select-none items-center"
+      ),
+      children: crumbs.map((crumb, index) => {
+        const isLast = index === crumbs.length - 1;
+        const isSingle = crumbs.length === 1;
+        return /* @__PURE__ */ jsxs5("li", { className: clx4("flex items-center"), children: [
+          !isLast ? /* @__PURE__ */ jsx9(
+            Link,
+            {
+              className: "transition-fg hover:text-ui-fg-subtle",
+              to: crumb.path,
+              children: crumb.label
+            }
+          ) : /* @__PURE__ */ jsxs5("div", { children: [
+            !isSingle && /* @__PURE__ */ jsx9("span", { className: "block lg:hidden", children: "..." }),
+            /* @__PURE__ */ jsx9(
+              "span",
+              {
+                className: clx4({
+                  "hidden lg:block": !isSingle
+                }),
+                children: crumb.label
+              },
+              index
+            )
+          ] }),
+          !isLast && /* @__PURE__ */ jsx9("span", { className: "mx-2", children: /* @__PURE__ */ jsx9(TriangleRightMini, { className: "rtl:rotate-180" }) })
+        ] }, index);
+      })
+    }
+  );
+};
+var ToggleSidebar = () => {
+  const { toggle } = useSidebar();
+  return /* @__PURE__ */ jsxs5("div", { children: [
+    /* @__PURE__ */ jsx9(
+      IconButton3,
+      {
+        className: "hidden lg:flex",
+        variant: "transparent",
+        onClick: () => toggle("desktop"),
+        size: "small",
+        children: /* @__PURE__ */ jsx9(SidebarLeft, { className: "text-ui-fg-muted rtl:rotate-180" })
+      }
+    ),
+    /* @__PURE__ */ jsx9(
+      IconButton3,
+      {
+        className: "hidden max-lg:flex",
+        variant: "transparent",
+        onClick: () => toggle("mobile"),
+        size: "small",
+        children: /* @__PURE__ */ jsx9(SidebarLeft, { className: "text-ui-fg-muted rtl:rotate-180" })
+      }
+    )
+  ] });
+};
+var Topbar = () => {
+  return /* @__PURE__ */ jsxs5("div", { className: "grid w-full grid-cols-2 border-b p-3", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-x-1.5", children: [
+      /* @__PURE__ */ jsx9(ToggleSidebar, {}),
+      /* @__PURE__ */ jsx9(Breadcrumbs, {})
+    ] }),
+    /* @__PURE__ */ jsx9("div", { className: "flex items-center justify-end gap-x-3", children: /* @__PURE__ */ jsx9(Notifications, {}) })
+  ] });
+};
+var DesktopSidebarContainer = ({ children }) => {
+  const { desktop } = useSidebar();
+  return /* @__PURE__ */ jsx9(
+    "div",
+    {
+      className: clx4("hidden h-screen w-[220px] border-e", {
+        "lg:flex": desktop
+      }),
+      children
+    }
+  );
+};
+var MobileSidebarContainer = ({ children }) => {
+  const { t: t2 } = useTranslation6();
+  const { mobile, toggle } = useSidebar();
+  return /* @__PURE__ */ jsx9(RadixDialog2.Root, { open: mobile, onOpenChange: () => toggle("mobile"), children: /* @__PURE__ */ jsxs5(RadixDialog2.Portal, { children: [
+    /* @__PURE__ */ jsx9(
+      RadixDialog2.Overlay,
+      {
+        className: clx4(
+          "bg-ui-bg-overlay fixed inset-0",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs5(
+      RadixDialog2.Content,
+      {
+        className: clx4(
+          "bg-ui-bg-subtle shadow-elevation-modal fixed inset-y-2 start-2 flex w-full max-w-[304px] flex-col overflow-hidden rounded-lg border-r",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-start-1/2 data-[state=open]:slide-in-from-start-1/2 duration-200"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs5("div", { className: "p-3", children: [
+            /* @__PURE__ */ jsx9(RadixDialog2.Close, { asChild: true, children: /* @__PURE__ */ jsx9(
+              IconButton3,
+              {
+                size: "small",
+                variant: "transparent",
+                className: "text-ui-fg-subtle",
+                children: /* @__PURE__ */ jsx9(XMark, {})
+              }
+            ) }),
+            /* @__PURE__ */ jsx9(RadixDialog2.Title, { className: "sr-only", children: t2("app.nav.accessibility.title") }),
+            /* @__PURE__ */ jsx9(RadixDialog2.Description, { className: "sr-only", children: t2("app.nav.accessibility.description") })
+          ] }),
+          children
+        ]
+      }
+    )
+  ] }) });
+};
+
+// src/components/layout/user-menu/user-menu.tsx
+import {
+  BookOpen,
+  CircleHalfSolid,
+  EllipsisHorizontal,
+  Keyboard,
+  OpenRectArrowOut,
+  TimelineVertical,
+  User as UserIcon,
+  XMark as XMark2
+} from "@medusajs/icons";
+import {
+  Avatar,
+  DropdownMenu as DropdownMenu2,
+  Heading as Heading2,
+  IconButton as IconButton4,
+  Input,
+  Kbd as Kbd3,
+  Text as Text4,
+  clx as clx5
+} from "@medusajs/ui";
+import { Dialog as RadixDialog3 } from "radix-ui";
+import { useTranslation as useTranslation7 } from "react-i18next";
+import { useState as useState11 } from "react";
+import { Link as Link2, useLocation as useLocation5, useNavigate as useNavigate3 } from "react-router-dom";
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+var UserMenu = () => {
+  const { t: t2 } = useTranslation7();
+  const location = useLocation5();
+  const direction = useDocumentDirection();
+  const [openMenu, setOpenMenu] = useState11(false);
+  const [openModal, setOpenModal] = useState11(false);
+  const toggleModal = () => {
+    setOpenMenu(false);
+    setOpenModal(!openModal);
+  };
+  return /* @__PURE__ */ jsxs6("div", { "data-testid": "sidebar-user-menu", children: [
+    /* @__PURE__ */ jsxs6(DropdownMenu2, { dir: direction, open: openMenu, onOpenChange: setOpenMenu, "data-testid": "sidebar-user-menu-dropdown", children: [
+      /* @__PURE__ */ jsx10(UserBadge, {}),
+      /* @__PURE__ */ jsxs6(DropdownMenu2.Content, { className: "min-w-[var(--radix-dropdown-menu-trigger-width)] max-w-[var(--radix-dropdown-menu-trigger-width)]", "data-testid": "sidebar-user-menu-content", children: [
+        /* @__PURE__ */ jsx10(UserItem, {}),
+        /* @__PURE__ */ jsx10(DropdownMenu2.Separator, { "data-testid": "sidebar-user-menu-separator-1" }),
+        /* @__PURE__ */ jsx10(DropdownMenu2.Item, { asChild: true, "data-testid": "sidebar-user-menu-profile-settings", children: /* @__PURE__ */ jsxs6(Link2, { to: "/settings/profile", state: { from: location.pathname }, children: [
+          /* @__PURE__ */ jsx10(UserIcon, { className: "text-ui-fg-subtle me-2" }),
+          t2("app.menus.user.profileSettings")
+        ] }) }),
+        /* @__PURE__ */ jsx10(DropdownMenu2.Separator, { "data-testid": "sidebar-user-menu-separator-2" }),
+        /* @__PURE__ */ jsx10(DropdownMenu2.Item, { asChild: true, "data-testid": "sidebar-user-menu-documentation", children: /* @__PURE__ */ jsxs6(Link2, { to: "https://docs.medusajs.com", target: "_blank", children: [
+          /* @__PURE__ */ jsx10(BookOpen, { className: "text-ui-fg-subtle me-2" }),
+          t2("app.menus.user.documentation")
+        ] }) }),
+        /* @__PURE__ */ jsx10(DropdownMenu2.Item, { asChild: true, "data-testid": "sidebar-user-menu-changelog", children: /* @__PURE__ */ jsxs6(Link2, { to: "https://medusajs.com/changelog/", target: "_blank", children: [
+          /* @__PURE__ */ jsx10(TimelineVertical, { className: "text-ui-fg-subtle me-2" }),
+          t2("app.menus.user.changelog")
+        ] }) }),
+        /* @__PURE__ */ jsx10(DropdownMenu2.Separator, { "data-testid": "sidebar-user-menu-separator-3" }),
+        /* @__PURE__ */ jsxs6(DropdownMenu2.Item, { onClick: toggleModal, "data-testid": "sidebar-user-menu-shortcuts", children: [
+          /* @__PURE__ */ jsx10(Keyboard, { className: "text-ui-fg-subtle me-2" }),
+          t2("app.menus.user.shortcuts")
+        ] }),
+        /* @__PURE__ */ jsx10(ThemeToggle, {}),
+        /* @__PURE__ */ jsx10(DropdownMenu2.Separator, { "data-testid": "sidebar-user-menu-separator-4" }),
+        /* @__PURE__ */ jsx10(Logout, {})
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx10(GlobalKeybindsModal, { open: openModal, onOpenChange: setOpenModal })
+  ] });
+};
+var UserBadge = () => {
+  const { user, isPending, isError, error } = useMe();
+  const name = [user?.first_name, user?.last_name].filter(Boolean).join(" ");
+  const displayName = name || user?.email;
+  const fallback = displayName ? displayName[0].toUpperCase() : null;
+  if (isPending) {
+    return /* @__PURE__ */ jsxs6("button", { className: "shadow-borders-base flex max-w-[192px] select-none items-center gap-x-2 overflow-hidden text-ellipsis whitespace-nowrap rounded-full py-1 ps-1 pe-2.5", children: [
+      /* @__PURE__ */ jsx10(Skeleton, { className: "h-5 w-5 rounded-full" }),
+      /* @__PURE__ */ jsx10(Skeleton, { className: "h-[9px] w-[70px]" })
+    ] });
+  }
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx10("div", { className: "p-3", "data-testid": "sidebar-user-menu-badge", children: /* @__PURE__ */ jsxs6(
+    DropdownMenu2.Trigger,
+    {
+      disabled: !user,
+      className: clx5(
+        "bg-ui-bg-subtle grid w-full cursor-pointer grid-cols-[24px_1fr_15px] items-center gap-2 rounded-md py-1 ps-0.5 pe-2 outline-none",
+        "hover:bg-ui-bg-subtle-hover",
+        "data-[state=open]:bg-ui-bg-subtle-hover",
+        "focus-visible:shadow-borders-focus"
+      ),
+      "data-testid": "sidebar-user-menu-trigger",
+      children: [
+        /* @__PURE__ */ jsx10("div", { className: "flex size-6 items-center justify-center", "data-testid": "sidebar-user-menu-avatar-container", children: fallback ? /* @__PURE__ */ jsx10(Avatar, { size: "xsmall", fallback, "data-testid": "sidebar-user-menu-avatar" }) : /* @__PURE__ */ jsx10(Skeleton, { className: "h-6 w-6 rounded-full" }) }),
+        /* @__PURE__ */ jsx10("div", { className: "flex items-center overflow-hidden", "data-testid": "sidebar-user-menu-name-container", children: displayName ? /* @__PURE__ */ jsx10(
+          Text4,
+          {
+            size: "xsmall",
+            weight: "plus",
+            leading: "compact",
+            className: "truncate",
+            "data-testid": "sidebar-user-menu-name",
+            children: displayName
+          }
+        ) : /* @__PURE__ */ jsx10(Skeleton, { className: "h-[9px] w-[70px]" }) }),
+        /* @__PURE__ */ jsx10(EllipsisHorizontal, { className: "text-ui-fg-muted" })
+      ]
+    }
+  ) });
+};
+var ThemeToggle = () => {
+  const { t: t2 } = useTranslation7();
+  const { theme, setTheme } = useTheme();
+  return /* @__PURE__ */ jsxs6(DropdownMenu2.SubMenu, { "data-testid": "sidebar-user-menu-theme-toggle", children: [
+    /* @__PURE__ */ jsxs6(DropdownMenu2.SubMenuTrigger, { dir: "ltr", className: "rounded-md rtl:rotate-180", "data-testid": "sidebar-user-menu-theme-trigger", children: [
+      /* @__PURE__ */ jsx10(CircleHalfSolid, { className: "text-ui-fg-subtle me-2" }),
+      /* @__PURE__ */ jsx10("span", { className: "rtl:rotate-180", children: t2("app.menus.user.theme.label") })
+    ] }),
+    /* @__PURE__ */ jsx10(DropdownMenu2.SubMenuContent, { "data-testid": "sidebar-user-menu-theme-content", children: /* @__PURE__ */ jsxs6(DropdownMenu2.RadioGroup, { value: theme, "data-testid": "sidebar-user-menu-theme-radio-group", children: [
+      /* @__PURE__ */ jsx10(
+        DropdownMenu2.RadioItem,
+        {
+          value: "system",
+          onClick: (e) => {
+            e.preventDefault();
+            setTheme("system");
+          },
+          "data-testid": "sidebar-user-menu-theme-system",
+          children: t2("app.menus.user.theme.system")
+        }
+      ),
+      /* @__PURE__ */ jsx10(
+        DropdownMenu2.RadioItem,
+        {
+          value: "light",
+          onClick: (e) => {
+            e.preventDefault();
+            setTheme("light");
+          },
+          "data-testid": "sidebar-user-menu-theme-light",
+          children: t2("app.menus.user.theme.light")
+        }
+      ),
+      /* @__PURE__ */ jsx10(
+        DropdownMenu2.RadioItem,
+        {
+          value: "dark",
+          onClick: (e) => {
+            e.preventDefault();
+            setTheme("dark");
+          },
+          "data-testid": "sidebar-user-menu-theme-dark",
+          children: t2("app.menus.user.theme.dark")
+        }
+      )
+    ] }) })
+  ] });
+};
+var Logout = () => {
+  const { t: t2 } = useTranslation7();
+  const navigate = useNavigate3();
+  const { mutateAsync: logoutMutation } = useLogout();
+  const handleLogout = async () => {
+    await logoutMutation(void 0, {
+      onSuccess: () => {
+        queryClient.clear();
+        navigate("/login");
+      }
+    });
+  };
+  return /* @__PURE__ */ jsx10(DropdownMenu2.Item, { onClick: handleLogout, "data-testid": "sidebar-user-menu-logout", children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-x-2", children: [
+    /* @__PURE__ */ jsx10(OpenRectArrowOut, { className: "text-ui-fg-subtle" }),
+    /* @__PURE__ */ jsx10("span", { children: t2("app.menus.actions.logout") })
+  ] }) });
+};
+var GlobalKeybindsModal = (props) => {
+  const { t: t2 } = useTranslation7();
+  const globalShortcuts = useGlobalShortcuts();
+  const [searchValue, onSearchValueChange] = useState11("");
+  const searchResults = searchValue ? globalShortcuts.filter((shortcut) => {
+    return shortcut.label.toLowerCase().includes(searchValue?.toLowerCase());
+  }) : globalShortcuts;
+  return /* @__PURE__ */ jsx10(RadixDialog3.Root, { ...props, "data-testid": "shortcuts-modal", children: /* @__PURE__ */ jsxs6(RadixDialog3.Portal, { children: [
+    /* @__PURE__ */ jsx10(RadixDialog3.Overlay, { className: "bg-ui-bg-overlay fixed inset-0", "data-testid": "shortcuts-modal-overlay" }),
+    /* @__PURE__ */ jsxs6(RadixDialog3.Content, { className: "bg-ui-bg-subtle shadow-elevation-modal fixed left-[50%] top-[50%] flex h-full max-h-[612px] w-full max-w-[560px] translate-x-[-50%] translate-y-[-50%] flex-col divide-y overflow-hidden rounded-lg", "data-testid": "shortcuts-modal-content", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-y-3 px-6 py-4", "data-testid": "shortcuts-modal-header", children: [
+        /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between", "data-testid": "shortcuts-modal-header-top", children: [
+          /* @__PURE__ */ jsxs6("div", { "data-testid": "shortcuts-modal-title-container", children: [
+            /* @__PURE__ */ jsx10(RadixDialog3.Title, { asChild: true, children: /* @__PURE__ */ jsx10(Heading2, { "data-testid": "shortcuts-modal-title", children: t2("app.menus.user.shortcuts") }) }),
+            /* @__PURE__ */ jsx10(RadixDialog3.Description, { className: "sr-only", "data-testid": "shortcuts-modal-description" })
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-x-2", "data-testid": "shortcuts-modal-close-container", children: [
+            /* @__PURE__ */ jsx10(Kbd3, { "data-testid": "shortcuts-modal-close-hint", children: "esc" }),
+            /* @__PURE__ */ jsx10(RadixDialog3.Close, { asChild: true, children: /* @__PURE__ */ jsx10(IconButton4, { variant: "transparent", size: "small", "data-testid": "shortcuts-modal-close-button", children: /* @__PURE__ */ jsx10(XMark2, {}) }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx10("div", { "data-testid": "shortcuts-modal-search-container", children: /* @__PURE__ */ jsx10(
+          Input,
+          {
+            type: "search",
+            value: searchValue,
+            onChange: (e) => onSearchValueChange(e.target.value),
+            "data-testid": "shortcuts-modal-search"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx10("div", { className: "flex flex-col divide-y overflow-y-auto", "data-testid": "shortcuts-modal-list", children: searchResults.map((shortcut, index) => {
+        return /* @__PURE__ */ jsxs6(
+          "div",
+          {
+            className: "text-ui-fg-subtle flex items-center justify-between px-6 py-3",
+            "data-testid": `shortcut-item-${shortcut.label.toLowerCase().replace(/\s/g, "-")}`,
+            children: [
+              /* @__PURE__ */ jsx10(Text4, { size: "small", "data-testid": `shortcut-item-${shortcut.label.toLowerCase().replace(/\s/g, "-")}-label`, children: shortcut.label }),
+              /* @__PURE__ */ jsx10("div", { className: "flex items-center gap-x-1", "data-testid": `shortcut-item-${shortcut.label.toLowerCase().replace(/\s/g, "-")}-keys`, children: shortcut.keys.Mac?.map((key, index2) => {
+                return /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-x-1", "data-testid": `shortcut-item-${shortcut.label.toLowerCase().replace(/\s/g, "-")}-key-${index2}`, children: [
+                  /* @__PURE__ */ jsx10(Kbd3, { "data-testid": `shortcut-item-${shortcut.label.toLowerCase().replace(/\s/g, "-")}-kbd-${index2}`, children: key }),
+                  index2 < (shortcut.keys.Mac?.length || 0) - 1 && /* @__PURE__ */ jsx10("span", { className: "txt-compact-xsmall text-ui-fg-subtle", "data-testid": `shortcut-item-${shortcut.label.toLowerCase().replace(/\s/g, "-")}-separator-${index2}`, children: t2("app.keyboardShortcuts.then") })
+                ] }, index2);
+              }) })
+            ]
+          },
+          index
+        );
+      }) })
+    ] })
+  ] }) });
+};
+var UserItem = () => {
+  const { user, isPending, isError, error } = useMe();
+  const loaded = !isPending && !!user;
+  if (!loaded) {
+    return /* @__PURE__ */ jsx10("div", {});
+  }
+  const name = [user.first_name, user.last_name].filter(Boolean).join(" ");
+  const email = user.email;
+  const fallback = name ? name[0].toUpperCase() : email[0].toUpperCase();
+  const avatar = user.avatar_url;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-x-3 overflow-hidden px-2 py-1", "data-testid": "sidebar-user-menu-item", children: [
+    /* @__PURE__ */ jsx10(
+      Avatar,
+      {
+        size: "small",
+        variant: "rounded",
+        src: avatar || void 0,
+        fallback,
+        "data-testid": "sidebar-user-menu-item-avatar"
+      }
+    ),
+    /* @__PURE__ */ jsxs6("div", { className: "block w-full min-w-0 max-w-[187px] overflow-hidden whitespace-nowrap", "data-testid": "sidebar-user-menu-item-details", children: [
+      /* @__PURE__ */ jsx10(
+        Text4,
+        {
+          size: "small",
+          weight: "plus",
+          leading: "compact",
+          className: "overflow-hidden text-ellipsis whitespace-nowrap",
+          "data-testid": "sidebar-user-menu-item-name",
+          children: name || email
+        }
+      ),
+      !!name && /* @__PURE__ */ jsx10(
+        Text4,
+        {
+          size: "xsmall",
+          leading: "compact",
+          className: "text-ui-fg-subtle overflow-hidden text-ellipsis whitespace-nowrap",
+          "data-testid": "sidebar-user-menu-item-email",
+          children: email
+        }
+      )
+    ] })
+  ] });
+};
+
+// src/components/layout/main-layout/main-layout.tsx
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+var MainLayout = () => {
+  return /* @__PURE__ */ jsx11(Shell, { children: /* @__PURE__ */ jsx11(MainSidebar, {}) });
+};
+var MainSidebar = () => {
+  return /* @__PURE__ */ jsx11(
+    "aside",
+    {
+      className: "flex flex-1 flex-col justify-between overflow-y-auto",
+      "data-testid": "sidebar",
+      children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-1 flex-col", children: [
+        /* @__PURE__ */ jsxs7(
+          "div",
+          {
+            className: "sticky top-0 bg-ui-bg-subtle",
+            "data-testid": "sidebar-header-section",
+            children: [
+              /* @__PURE__ */ jsx11(Header, {}),
+              /* @__PURE__ */ jsx11("div", { className: "px-3", children: /* @__PURE__ */ jsx11(Divider, { variant: "dashed" }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs7("div", { className: "flex flex-1 flex-col justify-between", children: [
+          /* @__PURE__ */ jsx11("div", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ jsx11(CoreRouteSection, {}) }),
+          /* @__PURE__ */ jsx11(UtilitySection, {})
+        ] }),
+        /* @__PURE__ */ jsx11(
+          "div",
+          {
+            className: "sticky bottom-0 bg-ui-bg-subtle",
+            "data-testid": "sidebar-user-section",
+            children: /* @__PURE__ */ jsx11(UserSection, {})
+          }
+        )
+      ] })
+    }
+  );
+};
+var Logout2 = () => {
+  const { t: t2 } = useTranslation8();
+  const navigate = useNavigate4();
+  const { mutateAsync: logoutMutation } = useLogout();
+  const handleLogout = async () => {
+    await logoutMutation(void 0, {
+      onSuccess: () => {
+        queryClient.clear();
+        navigate("/login");
+      }
+    });
+  };
+  return /* @__PURE__ */ jsx11(
+    DropdownMenu3.Item,
+    {
+      onClick: handleLogout,
+      "data-testid": "sidebar-header-dropdown-logout",
+      children: /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx11(OpenRectArrowOut2, { className: "text-ui-fg-subtle" }),
+        /* @__PURE__ */ jsx11("span", { children: t2("app.menus.actions.logout") })
+      ] })
+    }
+  );
+};
+var Header = () => {
+  const { t: t2 } = useTranslation8();
+  const { store, isPending, isError, error } = useStore();
+  const direction = useDocumentDirection();
+  const name = store?.name;
+  const fallback = store?.name?.slice(0, 1).toUpperCase();
+  const isLoaded = !isPending && !!store && !!name && !!fallback;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx11("div", { className: "w-full p-3", "data-testid": "sidebar-header-dropdown", children: /* @__PURE__ */ jsxs7(DropdownMenu3, { dir: direction, "data-testid": "sidebar-header-dropdown-menu", children: [
+    /* @__PURE__ */ jsxs7(
+      DropdownMenu3.Trigger,
+      {
+        disabled: !isLoaded,
+        className: clx6(
+          "grid w-full grid-cols-[24px_1fr_15px] items-center gap-x-3 rounded-md bg-ui-bg-subtle p-0.5 pe-2 outline-none transition-fg",
+          "hover:bg-ui-bg-subtle-hover",
+          "data-[state=open]:bg-ui-bg-subtle-hover",
+          "focus-visible:shadow-borders-focus"
+        ),
+        "data-testid": "sidebar-header-dropdown-trigger",
+        children: [
+          fallback ? /* @__PURE__ */ jsx11(
+            Avatar2,
+            {
+              variant: "squared",
+              size: "xsmall",
+              fallback,
+              "data-testid": "sidebar-header-dropdown-avatar"
+            }
+          ) : /* @__PURE__ */ jsx11(Skeleton, { className: "h-6 w-6 rounded-md" }),
+          /* @__PURE__ */ jsx11(
+            "div",
+            {
+              className: "block overflow-hidden text-start",
+              "data-testid": "sidebar-header-dropdown-store-name",
+              children: name ? /* @__PURE__ */ jsx11(
+                Text5,
+                {
+                  size: "small",
+                  weight: "plus",
+                  leading: "compact",
+                  className: "truncate",
+                  children: store.name
+                }
+              ) : /* @__PURE__ */ jsx11(Skeleton, { className: "h-[9px] w-[120px]" })
+            }
+          ),
+          /* @__PURE__ */ jsx11(EllipsisHorizontal2, { className: "text-ui-fg-muted" })
+        ]
+      }
+    ),
+    isLoaded && /* @__PURE__ */ jsxs7(
+      DropdownMenu3.Content,
+      {
+        className: "w-[var(--radix-dropdown-menu-trigger-width)] min-w-0",
+        "data-testid": "sidebar-header-dropdown-content",
+        children: [
+          /* @__PURE__ */ jsxs7(
+            "div",
+            {
+              className: "flex items-center gap-x-3 px-2 py-1",
+              "data-testid": "sidebar-header-dropdown-user-info",
+              children: [
+                /* @__PURE__ */ jsx11(
+                  Avatar2,
+                  {
+                    variant: "squared",
+                    size: "small",
+                    fallback,
+                    "data-testid": "sidebar-header-dropdown-user-avatar"
+                  }
+                ),
+                /* @__PURE__ */ jsxs7(
+                  "div",
+                  {
+                    className: "flex flex-col overflow-hidden",
+                    "data-testid": "sidebar-header-dropdown-user-details",
+                    children: [
+                      /* @__PURE__ */ jsx11(
+                        Text5,
+                        {
+                          size: "small",
+                          weight: "plus",
+                          leading: "compact",
+                          className: "truncate",
+                          "data-testid": "sidebar-header-dropdown-user-name",
+                          children: name
+                        }
+                      ),
+                      /* @__PURE__ */ jsx11(
+                        Text5,
+                        {
+                          size: "xsmall",
+                          leading: "compact",
+                          className: "text-ui-fg-subtle",
+                          "data-testid": "sidebar-header-dropdown-store-label",
+                          children: t2("app.nav.main.store")
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx11(DropdownMenu3.Separator, { "data-testid": "sidebar-header-dropdown-separator-1" }),
+          /* @__PURE__ */ jsx11(
+            DropdownMenu3.Item,
+            {
+              className: "gap-x-2",
+              asChild: true,
+              "data-testid": "sidebar-header-dropdown-store-settings",
+              children: /* @__PURE__ */ jsxs7(Link3, { to: "/settings/store", children: [
+                /* @__PURE__ */ jsx11(BuildingStorefront, { className: "text-ui-fg-subtle" }),
+                t2("app.nav.main.storeSettings")
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx11(DropdownMenu3.Separator, { "data-testid": "sidebar-header-dropdown-separator-2" }),
+          /* @__PURE__ */ jsx11(Logout2, {})
+        ]
+      }
+    )
+  ] }) });
+};
+var useCoreRoutes = () => {
+  const { t: t2 } = useTranslation8();
+  return [
+    {
+      icon: /* @__PURE__ */ jsx11(ShoppingCart, {}),
+      label: t2("orders.domain"),
+      to: "/orders",
+      items: [
+        // TODO: Enable when domin is introduced
+        // {
+        //   label: t("draftOrders.domain"),
+        //   to: "/draft-orders",
+        // },
+      ]
+    },
+    {
+      icon: /* @__PURE__ */ jsx11(Tag, {}),
+      label: t2("products.domain"),
+      to: "/products",
+      items: [
+        {
+          label: t2("collections.domain"),
+          to: "/collections"
+        },
+        {
+          label: t2("categories.domain"),
+          to: "/categories"
+        }
+        // TODO: Enable when domin is introduced
+        // {
+        //   label: t("giftCards.domain"),
+        //   to: "/gift-cards",
+        // },
+      ]
+    },
+    {
+      icon: /* @__PURE__ */ jsx11(Buildings, {}),
+      label: t2("inventory.domain"),
+      to: "/inventory",
+      items: [
+        {
+          label: t2("reservations.domain"),
+          to: "/reservations"
+        }
+      ]
+    },
+    {
+      icon: /* @__PURE__ */ jsx11(Users, {}),
+      label: t2("customers.domain"),
+      to: "/customers",
+      items: [
+        {
+          label: t2("customerGroups.domain"),
+          to: "/customer-groups"
+        }
+      ]
+    },
+    {
+      icon: /* @__PURE__ */ jsx11(Shopping, {}),
+      label: t2("sellers.domain"),
+      to: "/sellers"
+    },
+    {
+      icon: /* @__PURE__ */ jsx11(ReceiptPercent, {}),
+      label: t2("promotions.domain"),
+      to: "/promotions",
+      items: [
+        {
+          label: t2("campaigns.domain"),
+          to: "/campaigns"
+        }
+      ]
+    },
+    {
+      icon: /* @__PURE__ */ jsx11(CurrencyDollar, {}),
+      label: t2("priceLists.domain"),
+      to: "/price-lists"
+    }
+  ];
+};
+var Searchbar = () => {
+  const { t: t2 } = useTranslation8();
+  const { toggleSearch } = useSearch();
+  return /* @__PURE__ */ jsx11("div", { className: "px-3", "data-testid": "sidebar-search", children: /* @__PURE__ */ jsxs7(
+    "button",
+    {
+      onClick: toggleSearch,
+      className: clx6(
+        "flex w-full items-center gap-x-2.5 rounded-md bg-ui-bg-subtle px-2 py-1 text-ui-fg-subtle outline-none",
+        "hover:bg-ui-bg-subtle-hover",
+        "focus-visible:shadow-borders-focus"
+      ),
+      "data-testid": "sidebar-search-button",
+      children: [
+        /* @__PURE__ */ jsx11(MagnifyingGlass2, {}),
+        /* @__PURE__ */ jsx11("div", { className: "flex-1 text-start", children: /* @__PURE__ */ jsx11(Text5, { size: "small", leading: "compact", weight: "plus", children: t2("app.search.label") }) }),
+        /* @__PURE__ */ jsx11(Text5, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: "\u2318K" })
+      ]
+    }
+  ) });
+};
+var CoreRouteSection = () => {
+  const coreRoutes = useCoreRoutes();
+  return /* @__PURE__ */ jsxs7(
+    "nav",
+    {
+      className: "flex flex-col gap-y-1 py-3",
+      "data-testid": "sidebar-core-routes",
+      children: [
+        /* @__PURE__ */ jsx11(Searchbar, {}),
+        coreRoutes.map((route) => {
+          return /* @__PURE__ */ jsx11(NavItem, { ...route }, route.to);
+        })
+      ]
+    }
+  );
+};
+var UtilitySection = () => {
+  const location = useLocation6();
+  const { t: t2 } = useTranslation8();
+  return /* @__PURE__ */ jsx11("div", { className: "flex flex-col gap-y-0.5 py-3", children: /* @__PURE__ */ jsx11(
+    NavItem,
+    {
+      label: t2("app.nav.settings.header"),
+      to: "/settings",
+      from: location.pathname,
+      icon: /* @__PURE__ */ jsx11(CogSixTooth, {})
+    }
+  ) });
+};
+var UserSection = () => {
+  return /* @__PURE__ */ jsxs7("div", { children: [
+    /* @__PURE__ */ jsx11("div", { className: "px-3", children: /* @__PURE__ */ jsx11(Divider, { variant: "dashed" }) }),
+    /* @__PURE__ */ jsx11(UserMenu, {})
+  ] });
+};
+
+// src/components/layout/public-layout/public-layout.tsx
+import { Outlet as Outlet3 } from "react-router-dom";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var PublicLayout = () => {
+  return /* @__PURE__ */ jsx12(Outlet3, {});
+};
+
+// src/components/layout/settings-layout/settings-layout.tsx
+import { useEffect as useEffect10, useMemo as useMemo4, useState as useState12 } from "react";
+import { ArrowUturnLeft as ArrowUturnLeft2, MinusMini } from "@medusajs/icons";
+import { Divider as Divider2, IconButton as IconButton5, Text as Text6, clx as clx7 } from "@medusajs/ui";
+import { Collapsible as RadixCollapsible2 } from "radix-ui";
+import { useTranslation as useTranslation9 } from "react-i18next";
+import { Link as Link4, useLocation as useLocation7 } from "react-router-dom";
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+var SettingsLayout = () => {
+  return /* @__PURE__ */ jsx13(Shell, { children: /* @__PURE__ */ jsx13(SettingsSidebar, {}) });
+};
+var useSettingRoutes = () => {
+  const { t: t2 } = useTranslation9();
+  return useMemo4(
+    () => [
+      {
+        label: t2("store.domain"),
+        to: "/settings/store"
+      },
+      {
+        label: t2("users.domain"),
+        to: "/settings/users"
+      },
+      {
+        label: t2("regions.domain"),
+        to: "/settings/regions"
+      },
+      {
+        label: t2("taxRegions.domain"),
+        to: "/settings/tax-regions"
+      },
+      {
+        label: t2("returnReasons.domain"),
+        to: "/settings/return-reasons"
+      },
+      {
+        label: t2("refundReasons.domain"),
+        to: "/settings/refund-reasons"
+      },
+      {
+        label: t2("salesChannels.domain"),
+        to: "/settings/sales-channels"
+      },
+      {
+        label: t2("productTypes.domain"),
+        to: "/settings/product-types"
+      },
+      {
+        label: t2("productTags.domain"),
+        to: "/settings/product-tags"
+      },
+      {
+        label: t2("attributes.domain"),
+        to: "/settings/attributes"
+      },
+      {
+        label: t2("configuration.domain"),
+        to: "/settings/configuration"
+      },
+      {
+        label: t2("stockLocations.domain"),
+        to: "/settings/locations"
+      },
+      {
+        label: t2("commissionLines.domain"),
+        to: "/settings/commission-lines"
+      },
+      {
+        label: t2("commission.domain"),
+        to: "/settings/commission/"
+      }
+    ],
+    [t2]
+  );
+};
+var useDeveloperRoutes = () => {
+  const { t: t2 } = useTranslation9();
+  return useMemo4(
+    () => [
+      {
+        label: t2("algolia.domain"),
+        to: "/settings/algolia"
+      },
+      {
+        label: t2("apiKeyManagement.domain.publishable"),
+        to: "/settings/publishable-api-keys"
+      },
+      {
+        label: t2("apiKeyManagement.domain.secret"),
+        to: "/settings/secret-api-keys"
+      },
+      {
+        label: t2("workflowExecutions.domain"),
+        to: "/settings/workflows"
+      }
+    ],
+    [t2]
+  );
+};
+var useMyAccountRoutes = () => {
+  const { t: t2 } = useTranslation9();
+  return useMemo4(
+    () => [
+      {
+        label: t2("profile.domain"),
+        to: "/settings/profile"
+      }
+    ],
+    [t2]
+  );
+};
+var getSafeFromValue = (from) => {
+  if (from.startsWith("/settings")) {
+    return "/orders";
+  }
+  return from;
+};
+var SettingsSidebar = () => {
+  const routes = useSettingRoutes();
+  const developerRoutes = useDeveloperRoutes();
+  const myAccountRoutes = useMyAccountRoutes();
+  const { t: t2 } = useTranslation9();
+  return /* @__PURE__ */ jsxs8("aside", { className: "relative flex flex-1 flex-col justify-between overflow-y-auto", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "sticky top-0 bg-ui-bg-subtle", children: [
+      /* @__PURE__ */ jsx13(Header2, {}),
+      /* @__PURE__ */ jsx13("div", { className: "flex items-center justify-center px-3", children: /* @__PURE__ */ jsx13(Divider2, { variant: "dashed" }) })
+    ] }),
+    /* @__PURE__ */ jsxs8("div", { className: "flex flex-1 flex-col", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "flex flex-1 flex-col overflow-y-auto", children: [
+        /* @__PURE__ */ jsx13(
+          RadixCollapsibleSection,
+          {
+            label: t2("app.nav.settings.general"),
+            items: routes
+          }
+        ),
+        /* @__PURE__ */ jsx13("div", { className: "flex items-center justify-center px-3", children: /* @__PURE__ */ jsx13(Divider2, { variant: "dashed" }) }),
+        /* @__PURE__ */ jsx13(
+          RadixCollapsibleSection,
+          {
+            label: t2("app.nav.settings.developer"),
+            items: developerRoutes
+          }
+        ),
+        /* @__PURE__ */ jsx13("div", { className: "flex items-center justify-center px-3", children: /* @__PURE__ */ jsx13(Divider2, { variant: "dashed" }) }),
+        /* @__PURE__ */ jsx13(
+          RadixCollapsibleSection,
+          {
+            label: t2("app.nav.settings.myAccount"),
+            items: myAccountRoutes
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx13("div", { className: "sticky bottom-0 bg-ui-bg-subtle", children: /* @__PURE__ */ jsx13(UserSection2, {}) })
+    ] })
+  ] });
+};
+var Header2 = () => {
+  const [from, setFrom] = useState12("/orders");
+  const { t: t2 } = useTranslation9();
+  const location = useLocation7();
+  useEffect10(() => {
+    if (location.state?.from) {
+      setFrom(getSafeFromValue(location.state.from));
+    }
+  }, [location]);
+  return /* @__PURE__ */ jsx13("div", { className: "bg-ui-bg-subtle p-3", children: /* @__PURE__ */ jsx13(
+    Link4,
+    {
+      to: from,
+      replace: true,
+      className: clx7(
+        "flex items-center rounded-md bg-ui-bg-subtle outline-none transition-fg",
+        "hover:bg-ui-bg-subtle-hover",
+        "focus-visible:shadow-borders-focus"
+      ),
+      children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-x-2.5 px-2 py-1", children: [
+        /* @__PURE__ */ jsx13("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx13(ArrowUturnLeft2, { className: "text-ui-fg-subtle" }) }),
+        /* @__PURE__ */ jsx13(Text6, { leading: "compact", weight: "plus", size: "small", children: t2("app.nav.settings.header") })
+      ] })
+    }
+  ) });
+};
+var RadixCollapsibleSection = ({
+  label,
+  items
+}) => {
+  return /* @__PURE__ */ jsxs8(RadixCollapsible2.Root, { defaultOpen: true, className: "py-3", children: [
+    /* @__PURE__ */ jsx13("div", { className: "px-3", children: /* @__PURE__ */ jsxs8("div", { className: "flex h-7 items-center justify-between px-2 text-ui-fg-muted", children: [
+      /* @__PURE__ */ jsx13(Text6, { size: "small", leading: "compact", children: label }),
+      /* @__PURE__ */ jsx13(RadixCollapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsx13(IconButton5, { size: "2xsmall", variant: "transparent", className: "static", children: /* @__PURE__ */ jsx13(MinusMini, { className: "text-ui-fg-muted" }) }) })
+    ] }) }),
+    /* @__PURE__ */ jsx13(RadixCollapsible2.Content, { children: /* @__PURE__ */ jsx13("div", { className: "pt-0.5", children: /* @__PURE__ */ jsx13("nav", { className: "flex flex-col gap-y-0.5", children: items.map((setting) => /* @__PURE__ */ jsx13(NavItem, { type: "setting", ...setting }, setting.to)) }) }) })
+  ] });
+};
+var UserSection2 = () => {
+  return /* @__PURE__ */ jsxs8("div", { children: [
+    /* @__PURE__ */ jsx13("div", { className: "px-3", children: /* @__PURE__ */ jsx13(Divider2, { variant: "dashed" }) }),
+    /* @__PURE__ */ jsx13(UserMenu, {})
+  ] });
+};
+
+// src/components/utilities/error-boundary/error-boundary.tsx
+import { ExclamationCircle } from "@medusajs/icons";
+import { Text as Text7 } from "@medusajs/ui";
+import { useTranslation as useTranslation10 } from "react-i18next";
+import { Navigate as Navigate2, useLocation as useLocation8, useRouteError } from "react-router-dom";
+import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+var ErrorBoundary = () => {
+  const error = useRouteError();
+  const location = useLocation8();
+  const { t: t2 } = useTranslation10();
+  let code = null;
+  if (isClientError(error)) {
+    if (error.status === 401) {
+      return /* @__PURE__ */ jsx14(Navigate2, { to: "/login", state: { from: location }, replace: true });
+    }
+    code = error.status ?? null;
+  }
+  if (process.env.NODE_ENV === "development") {
+    console.error(error);
+  }
+  let title;
+  let message;
+  switch (code) {
+    case 400:
+      title = t2("errorBoundary.badRequestTitle");
+      message = t2("errorBoundary.badRequestMessage");
+      break;
+    case 404:
+      title = t2("errorBoundary.notFoundTitle");
+      message = t2("errorBoundary.notFoundMessage");
+      break;
+    case 500:
+      title = t2("errorBoundary.internalServerErrorTitle");
+      message = t2("errorBoundary.internalServerErrorMessage");
+      break;
+    default:
+      title = t2("errorBoundary.defaultTitle");
+      message = t2("errorBoundary.defaultMessage");
+      break;
+  }
+  return /* @__PURE__ */ jsx14("div", { className: "flex size-full min-h-[calc(100vh-57px-24px)] items-center justify-center", children: /* @__PURE__ */ jsx14("div", { className: "flex flex-col gap-y-6", children: /* @__PURE__ */ jsxs9("div", { className: "text-ui-fg-subtle flex flex-col items-center gap-y-3", children: [
+    /* @__PURE__ */ jsx14(ExclamationCircle, {}),
+    /* @__PURE__ */ jsxs9("div", { className: "flex flex-col items-center justify-center gap-y-1", children: [
+      /* @__PURE__ */ jsx14(Text7, { size: "small", leading: "compact", weight: "plus", children: title }),
+      /* @__PURE__ */ jsx14(
+        Text7,
+        {
+          size: "small",
+          className: "text-ui-fg-muted text-balance text-center",
+          children: message
+        }
+      )
+    ] })
+  ] }) }) });
+};
+
+// src/get-route-map.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
+function mergeRoutes(baseRoutes, customRoutes2) {
+  const result = baseRoutes.map((route) => ({ ...route }));
+  for (const customRoute of customRoutes2) {
+    const customPath = customRoute.path?.replace(/^\/+/, "");
+    const existingIndex = result.findIndex(
+      (r) => r.path != null && r.path.replace(/^\/+/, "") === customPath
+    );
+    if (existingIndex !== -1) {
+      const { children: customChildren, ...customRest } = customRoute;
+      result[existingIndex] = {
+        ...result[existingIndex],
+        ...customRest,
+        path: result[existingIndex].path,
+        children: customChildren ? mergeRoutes(result[existingIndex].children ?? [], customChildren) : result[existingIndex].children
+      };
+    } else {
+      result.push(customRoute);
+    }
+  }
+  return result;
+}
+function getRouteMap({
+  settingsRoutes: customSettingsRoutes,
+  mainRoutes: customMainRoutes,
+  publicRoutes: customPublicRoutes = []
+}) {
+  return [
+    {
+      element: /* @__PURE__ */ jsx15(ProtectedRoute, {}),
+      errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+      children: [
+        {
+          element: /* @__PURE__ */ jsx15(MainLayout, {}),
+          children: mergeRoutes(
+            [
+              {
+                path: "/",
+                errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                lazy: () => import("./home-I3OILW5Z.js")
+              },
+              {
+                path: "/products",
+                errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                handle: {
+                  breadcrumb: () => t("products.domain")
+                },
+                children: [
+                  {
+                    path: "",
+                    lazy: () => import("./product-list-EV2TS3Y4.js"),
+                    children: [
+                      {
+                        path: "create",
+                        lazy: () => import("./product-create-YC6MCJ2M.js")
+                      },
+                      {
+                        path: "import",
+                        lazy: () => import("./product-import-Y54VG4AC.js")
+                      },
+                      {
+                        path: "export",
+                        lazy: () => import("./product-export-5L4HNM3W.js")
+                      }
+                    ]
+                  },
+                  {
+                    path: ":id",
+                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                    lazy: async () => {
+                      const { Breadcrumb, loader } = await import("./product-detail-2GJ3PGHW.js");
+                      return {
+                        Component: Outlet4,
+                        loader,
+                        handle: {
+                          breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                        }
+                      };
+                    },
+                    children: [
+                      {
+                        path: "",
+                        lazy: () => import("./product-detail-2GJ3PGHW.js"),
+                        children: [
+                          {
+                            path: "edit",
+                            lazy: () => import("./product-edit-YOGTWZ4I.js")
+                          },
+                          {
+                            path: "edit-variant",
+                            lazy: () => import("./product-variant-edit-QFHGNDW7.js")
+                          },
+                          {
+                            path: "sales-channels",
+                            lazy: () => import("./product-sales-channels-J3OH4NWX.js")
+                          },
+                          {
+                            path: "attributes",
+                            lazy: () => import("./product-attributes-P7WFH4I2.js")
+                          },
+                          {
+                            path: "organization",
+                            lazy: () => import("./product-organization-LVKRBJOQ.js")
+                          },
+                          {
+                            path: "shipping-profile",
+                            lazy: () => import("./product-shipping-profile-NOOFEUBZ.js")
+                          },
+                          {
+                            path: "media",
+                            lazy: () => import("./product-media-ZSMGHCNP.js")
+                          },
+                          {
+                            path: "prices",
+                            lazy: () => import("./product-prices-K5YM2TL6.js")
+                          },
+                          {
+                            path: "options/create",
+                            lazy: () => import("./product-create-option-BNF2KKJM.js")
+                          },
+                          {
+                            path: "options/:option_id/edit",
+                            lazy: () => import("./product-edit-option-4MUSMFS7.js")
+                          },
+                          {
+                            path: "variants/create",
+                            lazy: () => import("./product-create-variant-SIJX7AE3.js")
+                          },
+                          {
+                            path: "stock",
+                            lazy: () => import("./product-stock-J4LTIX64.js")
+                          },
+                          {
+                            path: "metadata/edit",
+                            lazy: () => import("./product-metadata-572YVJH3.js")
+                          }
+                        ]
+                      },
+                      {
+                        path: "variants/:variant_id",
+                        lazy: async () => {
+                          const { Component, Breadcrumb, loader } = await import("./product-variant-detail-6KPB3HL7.js");
+                          return {
+                            Component,
+                            loader,
+                            handle: {
+                              breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                            }
+                          };
+                        },
+                        children: [
+                          {
+                            path: "edit",
+                            lazy: () => import("./product-variant-edit-QFHGNDW7.js")
+                          },
+                          {
+                            path: "prices",
+                            lazy: () => import("./product-prices-K5YM2TL6.js")
+                          },
+                          {
+                            path: "manage-items",
+                            lazy: () => import("./product-variant-manage-inventory-items-ZEX2IW53.js")
+                          },
+                          {
+                            path: "metadata/edit",
+                            lazy: () => import("./product-variant-metadata-F45CSWU6.js")
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                path: "/categories",
+                errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                handle: {
+                  breadcrumb: () => t("categories.domain")
+                },
+                children: [
+                  {
+                    path: "",
+                    lazy: () => import("./category-list-T4GPTLOA.js"),
+                    children: [
+                      {
+                        path: "create",
+                        lazy: () => import("./category-create-DRJZI3EM.js")
+                      },
+                      {
+                        path: "organize",
+                        lazy: () => import("./category-organize-MLBY54BT.js")
+                      }
+                    ]
+                  },
+                  {
+                    path: ":id",
+                    lazy: async () => {
+                      const { Component, Breadcrumb, loader } = await import("./category-detail-DEGYVUXB.js");
+                      return {
+                        Component,
+                        loader,
+                        handle: {
+                          breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                        }
+                      };
+                    },
+                    children: [
+                      {
+                        path: "edit",
+                        lazy: () => import("./category-edit-PTYOK7VV.js")
+                      },
+                      {
+                        path: "products",
+                        lazy: () => import("./category-products-W7U2VZTZ.js")
+                      },
+                      {
+                        path: "organize",
+                        lazy: () => import("./category-organize-MLBY54BT.js")
+                      },
+                      {
+                        path: "metadata/edit",
+                        lazy: () => import("./categories-metadata-UC3N6YSC.js")
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                path: "/orders",
+                errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                handle: {
+                  breadcrumb: () => t("orders.domain")
+                },
+                children: [
+                  {
+                    path: "",
+                    lazy: () => import("./order-list-XDOAXZXN.js")
+                  },
+                  {
+                    path: ":id",
+                    lazy: async () => {
+                      const { Component, Breadcrumb, loader } = await import("./order-detail-Y4EG3P5F.js");
+                      return {
+                        Component,
+                        loader,
+                        handle: {
+                          breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                        }
+                      };
+                    },
+                    children: [
+                      {
+                        path: "fulfillment",
+                        lazy: () => import("./order-create-fulfillment-EIYGSKXP.js")
+                      },
+                      {
+                        path: "returns/:return_id/receive",
+                        lazy: () => import("./order-receive-return-5VWUPWZJ.js")
+                      },
+                      {
+                        path: "allocate-items",
+                        lazy: () => import("./order-allocate-items-F7CXZQGX.js")
+                      },
+                      {
+                        path: ":f_id/create-shipment",
+                        lazy: () => import("./order-create-shipment-T4C6UE2K.js")
+                      },
+                      {
+                        path: "returns",
+                        lazy: () => import("./order-create-return-6TA5J3AW.js")
+                      },
+                      {
+                        path: "claims",
+                        lazy: () => import("./order-create-claim-GDVWGZJA.js")
+                      },
+                      {
+                        path: "exchanges",
+                        lazy: () => import("./order-create-exchange-NLDIMGBG.js")
+                      },
+                      {
+                        path: "edits",
+                        lazy: () => import("./order-create-edit-6YYKYT66.js")
+                      },
+                      {
+                        path: "refund",
+                        lazy: () => import("./order-create-refund-BBXEZNWA.js")
+                      },
+                      {
+                        path: "transfer",
+                        lazy: () => import("./order-request-transfer-VFSY5IFF.js")
+                      },
+                      {
+                        path: "email",
+                        lazy: () => import("./order-edit-email-VXOX62P6.js")
+                      },
+                      {
+                        path: "shipping-address",
+                        lazy: () => import("./order-edit-shipping-address-WDKCQRRG.js")
+                      },
+                      {
+                        path: "billing-address",
+                        lazy: () => import("./order-edit-billing-address-NNIFUC5C.js")
+                      },
+                      {
+                        path: "metadata/edit",
+                        lazy: () => import("./order-metadata-S6N3GDOA.js")
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                path: "/promotions",
+                errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                handle: {
+                  breadcrumb: () => t("promotions.domain")
+                },
+                children: [
+                  {
+                    path: "",
+                    lazy: () => import("./promotion-list-HTJ5GIWG.js")
+                  },
+                  {
+                    path: "create",
+                    lazy: () => import("./promotion-create-QB7E277L.js")
+                  },
+                  {
+                    path: ":id",
+                    lazy: async () => {
+                      const { Component, Breadcrumb, loader } = await import("./promotion-detail-7D6D6PQ7.js");
+                      return {
+                        Component,
+                        loader,
+                        handle: {
+                          breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                        }
+                      };
+                    },
+                    children: [
+                      {
+                        path: "edit",
+                        lazy: () => import("./promotion-edit-details-HYQJAZDF.js")
+                      },
+                      {
+                        path: "add-to-campaign",
+                        lazy: () => import("./promotion-add-campaign-U6X2FNWZ.js")
+                      },
+                      {
+                        path: ":ruleType/edit",
+                        lazy: () => import("./edit-rules-Q5UNWAUD.js")
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                path: "/campaigns",
+                errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                handle: {
+                  breadcrumb: () => t("campaigns.domain")
+                },
+                children: [
+                  {
+                    path: "",
+                    lazy: () => import("./campaign-list-BWYHTJL2.js"),
+                    children: []
+                  },
+                  {
+                    path: "create",
+                    lazy: () => import("./campaign-create-J2PN77A6.js")
+                  },
+                  {
+                    path: ":id",
+                    lazy: async () => {
+                      const { Component, Breadcrumb, loader } = await import("./campaign-detail-2XJ7PXOQ.js");
+                      return {
+                        Component,
+                        loader,
+                        handle: {
+                          breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                        }
+                      };
+                    },
+                    children: [
+                      {
+                        path: "edit",
+                        lazy: () => import("./campaign-edit-MU4TVOEC.js")
+                      },
+                      {
+                        path: "configuration",
+                        lazy: () => import("./campaign-configuration-ONC2CL7Q.js")
+                      },
+                      {
+                        path: "edit-budget",
+                        lazy: () => import("./campaign-budget-edit-C5PCVES3.js")
+                      },
+                      {
+                        path: "add-promotions",
+                        lazy: () => import("./add-campaign-promotions-JDC36EOE.js")
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                path: "/collections",
+                errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                handle: {
+                  breadcrumb: () => t("collections.domain")
+                },
+                children: [
+                  {
+                    path: "",
+                    lazy: () => import("./collection-list-JGKC5EVM.js"),
+                    children: [
+                      {
+                        path: "create",
+                        lazy: () => import("./collection-create-AQ3GUG3G.js")
+                      }
+                    ]
+                  },
+                  {
+                    path: ":id",
+                    lazy: async () => {
+                      const { Component, Breadcrumb, loader } = await import("./collection-detail-SDFALX6M.js");
+                      return {
+                        Component,
+                        loader,
+                        handle: {
+                          breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                        }
+                      };
+                    },
+                    children: [
+                      {
+                        path: "edit",
+                        lazy: () => import("./collection-edit-AAHL2WFH.js")
+                      },
+                      {
+                        path: "products",
+                        lazy: () => import("./collection-add-products-IUDEIUM5.js")
+                      },
+                      {
+                        path: "metadata/edit",
+                        lazy: () => import("./collection-metadata-YQWA2JTU.js")
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                path: "/price-lists",
+                errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                handle: {
+                  breadcrumb: () => t("priceLists.domain")
+                },
+                children: [
+                  {
+                    path: "",
+                    lazy: () => import("./price-list-list-IXZVTXU5.js"),
+                    children: [
+                      {
+                        path: "create",
+                        lazy: () => import("./price-list-create-INX5HG7G.js")
+                      }
+                    ]
+                  },
+                  {
+                    path: ":id",
+                    lazy: async () => {
+                      const { Component, Breadcrumb, loader } = await import("./price-list-detail-5LGPE67O.js");
+                      return {
+                        Component,
+                        loader,
+                        handle: {
+                          breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                        }
+                      };
+                    },
+                    children: [
+                      {
+                        path: "edit",
+                        lazy: () => import("./price-list-edit-HRWPEIZI.js")
+                      },
+                      {
+                        path: "configuration",
+                        lazy: () => import("./price-list-configuration-GH67LL2N.js")
+                      },
+                      {
+                        path: "products/add",
+                        lazy: () => import("./price-list-prices-add-QHE3TUTV.js")
+                      },
+                      {
+                        path: "products/edit",
+                        lazy: () => import("./price-list-prices-edit-TMVJ7S7J.js")
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                path: "/customers",
+                errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                handle: {
+                  breadcrumb: () => t("customers.domain")
+                },
+                children: [
+                  {
+                    path: "",
+                    lazy: () => import("./customer-list-EIQP23FQ.js"),
+                    children: [
+                      {
+                        path: "create",
+                        lazy: () => import("./customer-create-5VT2TB6S.js")
+                      }
+                    ]
+                  },
+                  {
+                    path: ":id",
+                    lazy: async () => {
+                      const { Component, Breadcrumb, loader } = await import("./customer-detail-CDELSJ77.js");
+                      return {
+                        Component,
+                        loader,
+                        handle: {
+                          breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                        }
+                      };
+                    },
+                    children: [
+                      {
+                        path: "edit",
+                        lazy: () => import("./customer-edit-DZAD53JC.js")
+                      },
+                      {
+                        path: "create-address",
+                        lazy: () => import("./customer-create-address-ICEFEFD2.js")
+                      },
+                      {
+                        path: "add-customer-groups",
+                        lazy: () => import("./customers-add-customer-group-542PUCCT.js")
+                      },
+                      {
+                        path: ":order_id/transfer",
+                        lazy: () => import("./order-request-transfer-VFSY5IFF.js")
+                      },
+                      {
+                        path: "metadata/edit",
+                        lazy: () => import("./customer-metadata-ATAORBRN.js")
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                path: "/sellers",
+                errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                handle: {
+                  breadcrumb: () => t("sellers.domain")
+                },
+                children: [
+                  {
+                    path: "",
+                    lazy: () => import("./seller-list-HG2VXA6V.js")
+                  },
+                  {
+                    path: ":id",
+                    lazy: () => import("./seller-details-HBVN4GGD.js")
+                  },
+                  {
+                    path: ":id/edit",
+                    lazy: () => import("./seller-edit-OXDARXYJ.js")
+                  }
+                ]
+              },
+              {
+                path: "/reservations",
+                errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                handle: {
+                  breadcrumb: () => t("reservations.domain")
+                },
+                children: [
+                  {
+                    path: "",
+                    lazy: () => import("./reservation-list-R5UBPNI4.js"),
+                    children: [
+                      {
+                        path: "create",
+                        lazy: () => import("./reservation-create-VG5FSV3F.js")
+                      }
+                    ]
+                  },
+                  {
+                    path: ":id",
+                    lazy: async () => {
+                      const { Component, Breadcrumb, loader } = await import("./reservation-detail-36BA3V2F.js");
+                      return {
+                        Component,
+                        loader,
+                        handle: {
+                          breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                        }
+                      };
+                    },
+                    children: [
+                      {
+                        path: "edit",
+                        lazy: () => import("./edit-reservation-LX2Z6KVD.js")
+                      },
+                      {
+                        path: "metadata/edit",
+                        lazy: () => import("./reservation-metadata-KR4HOHTH.js")
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                path: "/inventory",
+                errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                handle: {
+                  breadcrumb: () => t("inventory.domain")
+                },
+                children: [
+                  {
+                    path: "",
+                    lazy: () => import("./inventory-list-UXY7PU3N.js"),
+                    children: [
+                      {
+                        path: "create",
+                        lazy: () => import("./inventory-create-FT7GL4RK.js")
+                      },
+                      {
+                        path: "stock",
+                        lazy: () => import("./inventory-stock-3MBERL3K.js")
+                      }
+                    ]
+                  },
+                  {
+                    path: ":id",
+                    lazy: async () => {
+                      const { Component, Breadcrumb, loader } = await import("./inventory-detail-LNZ5QC67.js");
+                      return {
+                        Component,
+                        loader,
+                        handle: {
+                          breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                        }
+                      };
+                    },
+                    children: [
+                      {
+                        path: "edit",
+                        lazy: () => import("./edit-inventory-item-P2HVULPA.js")
+                      },
+                      {
+                        path: "attributes",
+                        lazy: () => import("./edit-inventory-item-attributes-V2HK3WTQ.js")
+                      },
+                      {
+                        path: "metadata/edit",
+                        lazy: () => import("./inventory-metadata-OYETRH5X.js")
+                      },
+                      {
+                        path: "locations",
+                        lazy: () => import("./manage-locations-NVHONEZE.js")
+                      },
+                      {
+                        path: "locations/:location_id",
+                        lazy: () => import("./adjust-inventory-2YLC4O4I.js")
+                      }
+                    ]
+                  }
+                ]
+              }
+            ],
+            customMainRoutes
+          )
+        }
+      ]
+    },
+    {
+      element: /* @__PURE__ */ jsx15(ProtectedRoute, {}),
+      errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+      children: [
+        {
+          path: "/settings",
+          handle: {
+            breadcrumb: () => t("app.nav.settings.header")
+          },
+          element: /* @__PURE__ */ jsx15(SettingsLayout, {}),
+          children: mergeRoutes(
+            [
+              {
+                index: true,
+                errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                lazy: () => import("./settings-D43GVDOO.js")
+              },
+              {
+                path: "profile",
+                errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                lazy: () => import("./profile-detail-LLXUNQOT.js"),
+                handle: {
+                  breadcrumb: () => t("profile.domain")
+                },
+                children: [
+                  {
+                    path: "edit",
+                    lazy: () => import("./profile-edit-UDYMDQLT.js")
+                  }
+                ]
+              },
+              {
+                path: "regions",
+                errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                element: /* @__PURE__ */ jsx15(Outlet4, {}),
+                handle: {
+                  breadcrumb: () => t("regions.domain")
+                },
+                children: [
+                  {
+                    path: "",
+                    lazy: () => import("./region-list-DCU6NQFA.js"),
+                    children: [
+                      {
+                        path: "create",
+                        lazy: () => import("./region-create-Z3JQFIKN.js")
+                      }
+                    ]
+                  },
+                  {
+                    path: ":id",
+                    lazy: async () => {
+                      const { Component, Breadcrumb, loader } = await import("./region-detail-46R3HACJ.js");
+                      return {
+                        Component,
+                        loader,
+                        handle: {
+                          breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                        }
+                      };
+                    },
+                    children: [
+                      {
+                        path: "edit",
+                        lazy: () => import("./region-edit-W5IVVP7Z.js")
+                      },
+                      {
+                        path: "countries/add",
+                        lazy: () => import("./region-add-countries-CWJ62VPK.js")
+                      },
+                      {
+                        path: "metadata/edit",
+                        lazy: () => import("./region-metadata-VG5DLCOK.js")
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                path: "store",
+                errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                lazy: () => import("./store-detail-MFHPXBIN.js"),
+                handle: {
+                  breadcrumb: () => t("store.domain")
+                },
+                children: [
+                  {
+                    path: "edit",
+                    lazy: () => import("./store-edit-WBF6EL5N.js")
+                  },
+                  {
+                    path: "currencies",
+                    lazy: () => import("./store-add-currencies-PIGEOZ4G.js")
+                  },
+                  {
+                    path: "metadata/edit",
+                    lazy: () => import("./store-metadata-LSK7UVSC.js")
+                  }
+                ]
+              },
+              {
+                path: "users",
+                errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                element: /* @__PURE__ */ jsx15(Outlet4, {}),
+                handle: {
+                  breadcrumb: () => t("users.domain")
+                },
+                children: [
+                  {
+                    path: "",
+                    lazy: () => import("./user-list-BJXFPTJ7.js"),
+                    children: [
+                      {
+                        path: "invite",
+                        lazy: () => import("./user-invite-OTBYWV4L.js")
+                      }
+                    ]
+                  },
+                  {
+                    path: ":id",
+                    lazy: async () => {
+                      const { Component, Breadcrumb, loader } = await import("./user-detail-IEIX24PZ.js");
+                      return {
+                        Component,
+                        loader,
+                        handle: {
+                          breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                        }
+                      };
+                    },
+                    children: [
+                      {
+                        path: "edit",
+                        lazy: () => import("./user-edit-CJ7TNY3H.js")
+                      },
+                      {
+                        path: "metadata/edit",
+                        lazy: () => import("./user-metadata-ZLC6T6XH.js")
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                path: "sales-channels",
+                errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                element: /* @__PURE__ */ jsx15(Outlet4, {}),
+                handle: {
+                  breadcrumb: () => t("salesChannels.domain")
+                },
+                children: [
+                  {
+                    path: "",
+                    lazy: () => import("./sales-channel-list-5KNN734B.js"),
+                    children: [
+                      {
+                        path: "create",
+                        lazy: () => import("./sales-channel-create-2BTWSYIK.js")
+                      }
+                    ]
+                  },
+                  {
+                    path: ":id",
+                    lazy: async () => {
+                      const { Component, Breadcrumb, loader } = await import("./sales-channel-detail-IQIQDN3L.js");
+                      return {
+                        Component,
+                        loader,
+                        handle: {
+                          breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                        }
+                      };
+                    },
+                    children: [
+                      {
+                        path: "edit",
+                        lazy: () => import("./sales-channel-edit-YBNPALFT.js")
+                      },
+                      {
+                        path: "add-products",
+                        lazy: () => import("./sales-channel-add-products-6TUDLE4D.js")
+                      },
+                      {
+                        path: "metadata/edit",
+                        lazy: () => import("./sales-channel-metadata-SVW6FYSV.js")
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                path: "locations",
+                errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                element: /* @__PURE__ */ jsx15(Outlet4, {}),
+                handle: {
+                  breadcrumb: () => t("locations.domain")
+                },
+                children: [
+                  {
+                    path: "",
+                    lazy: () => import("./location-list-TC5FEN5R.js")
+                  },
+                  {
+                    path: "create",
+                    lazy: () => import("./location-create-ZVVQT2KP.js")
+                  },
+                  {
+                    path: "shipping-profiles",
+                    element: /* @__PURE__ */ jsx15(Outlet4, {}),
+                    handle: {
+                      breadcrumb: () => t("shippingProfile.domain")
+                    },
+                    children: [
+                      {
+                        path: "",
+                        lazy: () => import("./shipping-profiles-list-WOGGP7IT.js"),
+                        children: [
+                          {
+                            path: "create",
+                            lazy: () => import("./shipping-profile-create-3OWHNAOB.js")
+                          }
+                        ]
+                      },
+                      {
+                        path: ":shipping_profile_id",
+                        lazy: async () => {
+                          const { Component, Breadcrumb, loader } = await import("./shipping-profile-detail-WW7IVUVV.js");
+                          return {
+                            Component,
+                            loader,
+                            handle: {
+                              breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                            }
+                          };
+                        },
+                        children: [
+                          {
+                            path: "metadata/edit",
+                            lazy: () => import("./shipping-profile-metadata-AD3DSZLR.js")
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    path: "shipping-option-types",
+                    errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                    element: /* @__PURE__ */ jsx15(Outlet4, {}),
+                    handle: {
+                      breadcrumb: () => t("shippingOptionTypes.domain")
+                    },
+                    children: [
+                      {
+                        path: "",
+                        lazy: () => import("./shipping-option-type-list-36ZS2QZO.js"),
+                        children: [
+                          {
+                            path: "create",
+                            lazy: () => import("./shipping-option-type-create-7KYU5NNF.js")
+                          }
+                        ]
+                      },
+                      {
+                        path: ":id",
+                        lazy: async () => {
+                          const { Component, Breadcrumb, loader } = await import("./shipping-option-type-detail-4CNTT3MO.js");
+                          return {
+                            Component,
+                            loader,
+                            handle: {
+                              breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                            }
+                          };
+                        },
+                        children: [
+                          {
+                            path: "edit",
+                            lazy: () => import("./shipping-option-type-edit-AN6IPVI6.js")
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    path: ":location_id",
+                    lazy: async () => {
+                      const { Component, Breadcrumb, loader } = await import("./location-detail-A5SHPUQN.js");
+                      return {
+                        Component,
+                        loader,
+                        handle: {
+                          breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                        }
+                      };
+                    },
+                    children: [
+                      {
+                        path: "edit",
+                        lazy: () => import("./location-edit-QSRHHDQ2.js")
+                      },
+                      {
+                        path: "sales-channels",
+                        lazy: () => import("./location-sales-channels-STDHWQSC.js")
+                      },
+                      {
+                        path: "fulfillment-providers",
+                        lazy: () => import("./location-fulfillment-providers-4HMT5L7L.js")
+                      },
+                      {
+                        path: "fulfillment-set/:fset_id",
+                        children: [
+                          {
+                            path: "service-zones/create",
+                            lazy: () => import("./location-service-zone-create-63LUYCJI.js")
+                          },
+                          {
+                            path: "service-zone/:zone_id",
+                            children: [
+                              {
+                                path: "edit",
+                                lazy: () => import("./location-service-zone-edit-UNXI5BQV.js")
+                              },
+                              {
+                                path: "areas",
+                                lazy: () => import("./location-service-zone-manage-areas-UMD6CZDZ.js")
+                              },
+                              {
+                                path: "shipping-option",
+                                children: [
+                                  {
+                                    path: "create",
+                                    lazy: () => import("./location-service-zone-shipping-option-create-5L73SAGE.js")
+                                  },
+                                  {
+                                    path: ":so_id",
+                                    children: [
+                                      {
+                                        path: "edit",
+                                        lazy: () => import("./location-service-zone-shipping-option-edit-2FEWQD6Y.js")
+                                      },
+                                      {
+                                        path: "pricing",
+                                        lazy: () => import("./location-service-zone-shipping-option-pricing-QSB56QZD.js")
+                                      }
+                                    ]
+                                  }
+                                ]
+                              }
+                            ]
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                path: "product-tags",
+                errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                element: /* @__PURE__ */ jsx15(Outlet4, {}),
+                handle: {
+                  breadcrumb: () => t("productTags.domain")
+                },
+                children: [
+                  {
+                    path: "",
+                    lazy: () => import("./product-tag-list-DY7GJUJQ.js"),
+                    children: [
+                      {
+                        path: "create",
+                        lazy: () => import("./product-tag-create-5JJPPELP.js")
+                      }
+                    ]
+                  },
+                  {
+                    path: ":id",
+                    lazy: async () => {
+                      const { Component, Breadcrumb, loader } = await import("./product-tag-detail-CGLCH3BJ.js");
+                      return {
+                        Component,
+                        loader,
+                        handle: {
+                          breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                        }
+                      };
+                    },
+                    children: [
+                      {
+                        path: "edit",
+                        lazy: () => import("./product-tag-edit-OR7KSC7I.js")
+                      },
+                      {
+                        path: "metadata/edit",
+                        lazy: () => import("./product-tag-metadata-BFGPRMME.js")
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                path: "product-types",
+                errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+                element: /* @__PURE__ */ jsx15(Outlet4, {}),
+                handle: {
+                  breadcrumb: () => t("productTypes.domain")
+                },
+                children: [
+                  {
+                    path: "",
+                    lazy: () => import("./product-type-list-FK237DSQ.js"),
+                    children: [
+                      {
+                        path: "create",
+                        lazy: () => import("./product-type-create-FPVSGIKL.js")
+                      }
+                    ]
+                  },
+                  {
+                    path: ":id",
+                    lazy: async () => {
+                      const { Component, Breadcrumb, loader } = await import("./product-type-detail-JYW2DAM4.js");
+                      return {
+                        Component,
+                        loader,
+                        handle: {
+                          breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                        }
+                      };
+                    },
+                    children: [
+                      {
+                        path: "edit",
+                        lazy: () => import("./product-type-edit-FBT4Z4ZJ.js")
+                      },
+                      {
+                        path: "metadata/edit",
+                        lazy: () => import("./product-type-metadata-SFJR5OQN.js")
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                path: "publishable-api-keys",
+                element: /* @__PURE__ */ jsx15(Outlet4, {}),
+                handle: {
+                  breadcrumb: () => t("apiKeyManagement.domain.publishable")
+                },
+                children: [
+                  {
+                    path: "",
+                    element: /* @__PURE__ */ jsx15(Outlet4, {}),
+                    children: [
+                      {
+                        path: "",
+                        lazy: () => import("./api-key-management-list-QQHOCVV4.js"),
+                        children: [
+                          {
+                            path: "create",
+                            lazy: () => import("./api-key-management-create-KERROZ6Z.js")
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    path: ":id",
+                    lazy: async () => {
+                      const { Component, Breadcrumb, loader } = await import("./api-key-management-detail-PXY2ZH4V.js");
+                      return {
+                        Component,
+                        loader,
+                        handle: {
+                          breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                        }
+                      };
+                    },
+                    children: [
+                      {
+                        path: "edit",
+                        lazy: () => import("./api-key-management-edit-7IPPTW37.js")
+                      },
+                      {
+                        path: "sales-channels",
+                        lazy: () => import("./api-key-management-sales-channels-AO6SRCAW.js")
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                path: "secret-api-keys",
+                element: /* @__PURE__ */ jsx15(Outlet4, {}),
+                handle: {
+                  breadcrumb: () => t("apiKeyManagement.domain.secret")
+                },
+                children: [
+                  {
+                    path: "",
+                    element: /* @__PURE__ */ jsx15(Outlet4, {}),
+                    children: [
+                      {
+                        path: "",
+                        lazy: () => import("./api-key-management-list-QQHOCVV4.js"),
+                        children: [
+                          {
+                            path: "create",
+                            lazy: () => import("./api-key-management-create-KERROZ6Z.js")
+                          }
+                        ]
+                      }
+                    ]
+                  },
+                  {
+                    path: ":id",
+                    lazy: async () => {
+                      const { Component, Breadcrumb, loader } = await import("./api-key-management-detail-PXY2ZH4V.js");
+                      return {
+                        Component,
+                        loader,
+                        handle: {
+                          breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                        }
+                      };
+                    },
+                    children: [
+                      {
+                        path: "edit",
+                        lazy: () => import("./api-key-management-edit-7IPPTW37.js")
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                path: "tax-regions",
+                element: /* @__PURE__ */ jsx15(Outlet4, {}),
+                handle: {
+                  breadcrumb: () => t("taxRegions.domain")
+                },
+                children: [
+                  {
+                    path: "",
+                    lazy: () => import("./tax-region-list-XRAYDYK3.js"),
+                    children: [
+                      {
+                        path: "create",
+                        lazy: () => import("./tax-region-create-XTX4YWRA.js")
+                      }
+                    ]
+                  },
+                  {
+                    path: ":id",
+                    Component: Outlet4,
+                    loader: taxRegionLoader,
+                    handle: {
+                      breadcrumb: (match) => /* @__PURE__ */ jsx15(TaxRegionDetailBreadcrumb, { ...match })
+                    },
+                    children: [
+                      {
+                        path: "",
+                        lazy: async () => {
+                          const { Component } = await import("./tax-region-detail-XUYJHBHI.js");
+                          return {
+                            Component
+                          };
+                        },
+                        children: [
+                          {
+                            path: "edit",
+                            lazy: () => import("./tax-region-edit-AC64YA64.js")
+                          },
+                          {
+                            path: "provinces/create",
+                            lazy: () => import("./tax-region-province-create-GDL65SQF.js")
+                          },
+                          {
+                            path: "overrides/create",
+                            lazy: () => import("./tax-region-tax-override-create-X2QWOHSU.js")
+                          },
+                          {
+                            path: "overrides/:tax_rate_id/edit",
+                            lazy: () => import("./tax-region-tax-override-edit-VZJ6EPSU.js")
+                          },
+                          {
+                            path: "tax-rates/create",
+                            lazy: () => import("./tax-region-tax-rate-create-VC2WDVJJ.js")
+                          },
+                          {
+                            path: "tax-rates/:tax_rate_id/edit",
+                            lazy: () => import("./tax-region-tax-rate-edit-SDW36H6I.js")
+                          },
+                          {
+                            path: "metadata/edit",
+                            lazy: () => import("./tax-region-metadata-YDQX3Y4X.js")
+                          }
+                        ]
+                      },
+                      {
+                        path: "provinces/:province_id",
+                        lazy: async () => {
+                          const { Component, Breadcrumb, loader } = await import("./tax-region-province-detail-QMPIKT7K.js");
+                          return {
+                            Component,
+                            loader,
+                            handle: {
+                              breadcrumb: (match) => /* @__PURE__ */ jsx15(Breadcrumb, { ...match })
+                            }
+                          };
+                        },
+                        children: [
+                          {
+                            path: "tax-rates/create",
+                            lazy: () => import("./tax-region-tax-rate-create-VC2WDVJJ.js")
+                          },
+                          {
+                            path: "tax-rates/:tax_rate_id/edit",
+                            lazy: () => import("./tax-region-tax-rate-edit-SDW36H6I.js")
+                          },
+                          {
+                            path: "overrides/create",
+                            lazy: () => import("./tax-region-tax-override-create-X2QWOHSU.js")
+                          },
+                          {
+                            path: "overrides/:tax_rate_id/edit",
+                            lazy: () => import("./tax-region-tax-override-edit-VZJ6EPSU.js")
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                path: "return-reasons",
+                element: /* @__PURE__ */ jsx15(Outlet4, {}),
+                handle: {
+                  breadcrumb: () => t("returnReasons.domain")
+                },
+                children: [
+                  {
+                    path: "",
+                    lazy: () => import("./return-reason-list-HBSKNIMW.js"),
+                    children: [
+                      {
+                        path: "create",
+                        lazy: () => import("./return-reason-create-KTKI6NJE.js")
+                      },
+                      {
+                        path: ":id",
+                        children: [
+                          {
+                            path: "edit",
+                            lazy: () => import("./return-reason-edit-5KU7WKJF.js")
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                path: "refund-reasons",
+                element: /* @__PURE__ */ jsx15(Outlet4, {}),
+                handle: {
+                  breadcrumb: () => t("refundReasons.domain")
+                },
+                children: [
+                  {
+                    path: "",
+                    lazy: () => import("./refund-reason-list-ZEKWYQ45.js"),
+                    children: [
+                      {
+                        path: "create",
+                        lazy: () => import("./refund-reason-create-LZCL6QJI.js")
+                      },
+                      {
+                        path: ":id",
+                        children: [
+                          {
+                            path: "edit",
+                            lazy: () => import("./refund-reason-edit-QNGFKZMN.js")
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ],
+            customSettingsRoutes?.[0]?.children || []
+          )
+        }
+      ]
+    },
+    {
+      element: /* @__PURE__ */ jsx15(PublicLayout, {}),
+      children: [
+        {
+          errorElement: /* @__PURE__ */ jsx15(ErrorBoundary, {}),
+          children: [
+            {
+              path: "/login",
+              lazy: () => import("./login-V4HZQTCQ.js")
+            },
+            {
+              path: "/reset-password",
+              lazy: () => import("./reset-password-VZPICVMM.js")
+            },
+            {
+              path: "/invite",
+              lazy: () => import("./invite-HJ7BRO6H.js")
+            },
+            ...customPublicRoutes,
+            {
+              path: "*",
+              lazy: () => import("./no-match-JLVLPCRH.js")
+            }
+          ]
+        }
+      ]
+    }
+  ];
+}
+
+// src/utils/routes.ts
+var createBranchRoute = (segment) => ({
+  path: segment,
+  children: []
+});
+var createLeafRoute = (Component, loader, handle, path = "") => ({
+  path,
+  ErrorBoundary,
+  async lazy() {
+    const result = { Component };
+    if (loader) {
+      result.loader = loader;
+    }
+    if (handle) {
+      result.handle = handle;
+    }
+    return result;
+  }
+});
+var createParallelRoute = (path, Component, loader, handle) => ({
+  path,
+  async lazy() {
+    const result = { Component };
+    if (loader) {
+      result.loader = loader;
+    }
+    if (handle) {
+      result.handle = handle;
+    }
+    return result;
+  }
+});
+var processParallelRoutes = (parallelRoutes, currentFullPath) => {
+  return parallelRoutes?.map(({ path, Component, loader, handle }) => {
+    const childPath = path?.replace(currentFullPath, "").replace(/^\/+/, "");
+    if (!childPath) {
+      return null;
+    }
+    return createParallelRoute(childPath, Component, loader, handle);
+  }).filter(Boolean);
+};
+var addRoute = (pathSegments, Component, currentLevel, loader, handle, parallelRoutes, fullPath, componentPath) => {
+  if (!pathSegments.length) {
+    return;
+  }
+  const [currentSegment, ...remainingSegments] = pathSegments;
+  let route = currentLevel.find((r) => r.path === currentSegment);
+  if (!route) {
+    route = createBranchRoute(currentSegment);
+    currentLevel.push(route);
+  }
+  const currentFullPath = fullPath ? `${fullPath}/${currentSegment}` : currentSegment;
+  const isComponentSegment = currentFullPath === componentPath;
+  if (isComponentSegment || remainingSegments.length === 0) {
+    route.children || (route.children = []);
+    if (handle) {
+      route.handle = handle;
+    }
+    if (loader) {
+      route.loader = loader;
+    }
+    if (currentSegment === "*?" || currentSegment === "*") {
+      const leaf = createLeafRoute(Component, loader, handle, currentSegment);
+      leaf.children = processParallelRoutes(parallelRoutes, currentFullPath);
+      Object.assign(route, leaf);
+    } else {
+      const leaf = createLeafRoute(Component, loader);
+      leaf.children = processParallelRoutes(parallelRoutes, currentFullPath);
+      route.children.push(leaf);
+    }
+    if (remainingSegments.length > 0) {
+      addRoute(
+        remainingSegments,
+        Component,
+        route.children,
+        void 0,
+        void 0,
+        void 0,
+        currentFullPath
+      );
+    }
+  } else {
+    route.children || (route.children = []);
+    addRoute(
+      remainingSegments,
+      Component,
+      route.children,
+      loader,
+      handle,
+      parallelRoutes,
+      currentFullPath,
+      componentPath
+    );
+  }
+};
+var createRouteMap = (routes, ignore) => {
+  const root = [];
+  routes.forEach(({ path, Component, loader, handle, children }) => {
+    const cleanedPath = ignore ? path.replace(ignore, "").replace(/^\/+/, "") : path.replace(/^\/+/, "");
+    const pathSegments = cleanedPath.split("/").filter(Boolean);
+    addRoute(
+      pathSegments,
+      Component,
+      root,
+      loader,
+      handle,
+      children,
+      void 0,
+      path
+    );
+  });
+  return root;
+};
+var settingsRouteRegex = /^\/settings\//;
+var getRoutesByType = (routes, type) => {
+  return routes.filter((route) => {
+    if (type === "public") {
+      return route.isPublic === true;
+    }
+    if (type === "settings") {
+      return !route.isPublic && settingsRouteRegex.test(route.path);
+    }
+    return !route.isPublic && !settingsRouteRegex.test(route.path);
+  });
+};
+
+// src/app.tsx
+import { useMemo as useMemo5 } from "react";
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+function App() {
+  const routes = useMemo5(() => {
+    return {
+      settingsRoutes: createRouteMap(getRoutesByType(customRoutes, "settings")),
+      mainRoutes: createRouteMap(getRoutesByType(customRoutes, "main")),
+      publicRoutes: createRouteMap(getRoutesByType(customRoutes, "public"))
+    };
+  }, [customRoutes]);
+  return /* @__PURE__ */ jsx16(TooltipProvider, { children: /* @__PURE__ */ jsx16(HelmetProvider, { children: /* @__PURE__ */ jsx16(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxs10(ThemeProvider, { children: [
+    /* @__PURE__ */ jsx16(I18n, {}),
+    /* @__PURE__ */ jsx16(I18nProvider, { children: /* @__PURE__ */ jsx16(
+      RouterProvider,
+      {
+        router: createBrowserRouter(getRouteMap(routes))
+      }
+    ) }),
+    /* @__PURE__ */ jsx16(Toaster, {})
+  ] }) }) }) });
+}
+
+// src/components/tabbed-form/tabbed-form.tsx
+import { Button as Button2, ProgressTabs } from "@medusajs/ui";
+import {
+  Children as Children2,
+  createContext as createContext5,
+  useContext as useContext5,
+  useMemo as useMemo7
+} from "react";
+import { useTranslation as useTranslation11 } from "react-i18next";
+
+// src/components/tabbed-form/use-tab-management.ts
+import { useCallback as useCallback6, useEffect as useEffect11, useMemo as useMemo6, useState as useState13 } from "react";
+var useTabManagement = ({
+  tabs,
+  form
+}) => {
+  const visibleTabs = useMemo6(
+    () => tabs.filter((t2) => !t2.isVisible || t2.isVisible(form)),
+    [tabs, form]
+  );
+  const [activeTabId, setActiveTabId] = useState13(
+    visibleTabs[0]?.id ?? ""
+  );
+  const [tabState, setTabState] = useState13(() => {
+    const state = {};
+    visibleTabs.forEach((t2, i) => {
+      state[t2.id] = i === 0 ? "in-progress" : "not-started";
+    });
+    return state;
+  });
+  useEffect11(() => {
+    const newState = {};
+    const activeIndex2 = visibleTabs.findIndex((t2) => t2.id === activeTabId);
+    visibleTabs.forEach((t2, i) => {
+      if (i < activeIndex2) {
+        newState[t2.id] = "completed";
+      } else if (i === activeIndex2) {
+        newState[t2.id] = "in-progress";
+      } else {
+        newState[t2.id] = tabState[t2.id] ?? "not-started";
+      }
+    });
+    setTabState(newState);
+  }, [activeTabId, visibleTabs]);
+  const activeIndex = visibleTabs.findIndex((t2) => t2.id === activeTabId);
+  const isLastTab = activeIndex === visibleTabs.length - 1;
+  const onNext = useCallback6(async () => {
+    const valid = await form.trigger();
+    if (!valid) {
+      return;
+    }
+    if (activeIndex < visibleTabs.length - 1) {
+      setActiveTabId(visibleTabs[activeIndex + 1].id);
+    }
+  }, [form, activeIndex, visibleTabs]);
+  const onTabChange = useCallback6(
+    async (tabId) => {
+      const valid = await form.trigger();
+      if (!valid) {
+        return;
+      }
+      setActiveTabId(tabId);
+    },
+    [form]
+  );
+  return {
+    activeTabId,
+    setActiveTabId,
+    tabState,
+    visibleTabs,
+    isLastTab,
+    onNext,
+    onTabChange
+  };
+};
+
+// src/components/tabbed-form/tabbed-form.tsx
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+var TabbedFormContext = createContext5(null);
+var useTabbedForm = () => {
+  const form = useContext5(TabbedFormContext);
+  if (!form) {
+    throw new Error("useTabbedForm must be used within a TabbedForm");
+  }
+  return form;
+};
+function resolveTabMeta(child) {
+  const type = child.type;
+  const meta = type?._tabMeta;
+  if (!meta && !child.props?.id) {
+    return null;
+  }
+  return {
+    id: child.props?.id ?? meta?.id ?? "",
+    labelKey: meta?.labelKey ?? "",
+    label: child.props?.label,
+    validationFields: child.props?.validationFields ?? meta?.validationFields,
+    isVisible: child.props?.isVisible ?? meta?.isVisible
+  };
+}
+function collectTabs(children) {
+  const tabs = [];
+  const elements = [];
+  Children2.forEach(children, (child) => {
+    if (!child || typeof child !== "object" || !("type" in child)) {
+      return;
+    }
+    const meta = resolveTabMeta(child);
+    if (meta) {
+      tabs.push(meta);
+      elements.push(child);
+    }
+  });
+  return { tabs, elements };
+}
+function Root({
+  form,
+  onSubmit,
+  children,
+  isLoading,
+  footer,
+  transformTabs
+}) {
+  const { t: t2 } = useTranslation11();
+  const { tabs: rawTabs, elements } = useMemo7(
+    () => collectTabs(children),
+    [children]
+  );
+  const tabs = useMemo7(
+    () => transformTabs ? transformTabs(rawTabs) : rawTabs,
+    [transformTabs, rawTabs]
+  );
+  const {
+    activeTabId,
+    tabState,
+    visibleTabs,
+    isLastTab,
+    onNext,
+    onTabChange
+  } = useTabManagement({
+    tabs,
+    form
+  });
+  const visibleElements = elements.filter((el) => {
+    const meta = resolveTabMeta(el);
+    return meta && visibleTabs.some((vt) => vt.id === meta.id);
+  });
+  return /* @__PURE__ */ jsx17(TabbedFormContext.Provider, { value: form, children: /* @__PURE__ */ jsx17(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs11(
+    KeyboundForm,
+    {
+      onKeyDown: (e) => {
+        if (e.key === "Enter") {
+          if (e.target instanceof HTMLTextAreaElement && !(e.metaKey || e.ctrlKey)) {
+            return;
+          }
+          e.preventDefault();
+          if (e.metaKey || e.ctrlKey) {
+            if (!isLastTab) {
+              e.preventDefault();
+              e.stopPropagation();
+              onNext();
+              return;
+            }
+            onSubmit();
+          }
+        }
+      },
+      onSubmit,
+      className: "flex h-full flex-col",
+      children: [
+        /* @__PURE__ */ jsxs11(
+          ProgressTabs,
+          {
+            value: activeTabId,
+            onValueChange: onTabChange,
+            className: "flex h-full flex-col overflow-hidden",
+            children: [
+              /* @__PURE__ */ jsx17(RouteFocusModal.Header, { children: /* @__PURE__ */ jsx17("div", { className: "-my-2 w-full border-l", children: /* @__PURE__ */ jsx17(ProgressTabs.List, { className: "justify-start-start flex w-full items-center", children: visibleTabs.map((tab) => /* @__PURE__ */ jsx17(
+                ProgressTabs.Trigger,
+                {
+                  status: tabState[tab.id] ?? "not-started",
+                  value: tab.id,
+                  className: "max-w-[200px] truncate",
+                  children: tab.label ?? t2(tab.labelKey)
+                },
+                tab.id
+              )) }) }) }),
+              /* @__PURE__ */ jsx17(RouteFocusModal.Body, { className: "size-full overflow-hidden", children: visibleElements.map((element) => {
+                const meta = resolveTabMeta(element);
+                return /* @__PURE__ */ jsx17(
+                  ProgressTabs.Content,
+                  {
+                    className: "size-full overflow-y-auto",
+                    value: meta.id,
+                    children: element
+                  },
+                  meta.id
+                );
+              }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx17(RouteFocusModal.Footer, { children: footer ? footer({ isLastTab, onNext, isLoading }) : /* @__PURE__ */ jsx17(
+          DefaultFooter,
+          {
+            isLastTab,
+            onNext,
+            isLoading
+          }
+        ) })
+      ]
+    }
+  ) }) });
+}
+var DefaultFooter = ({
+  isLastTab,
+  onNext,
+  isLoading
+}) => {
+  const { t: t2 } = useTranslation11();
+  return /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-end gap-x-2", children: [
+    /* @__PURE__ */ jsx17(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx17(Button2, { variant: "secondary", size: "small", children: t2("actions.cancel") }) }),
+    isLastTab ? /* @__PURE__ */ jsx17(
+      Button2,
+      {
+        type: "submit",
+        variant: "primary",
+        size: "small",
+        isLoading,
+        children: t2("actions.save")
+      },
+      "submit-button"
+    ) : /* @__PURE__ */ jsx17(
+      Button2,
+      {
+        type: "button",
+        variant: "primary",
+        size: "small",
+        onClick: () => onNext(),
+        children: t2("actions.continue")
+      },
+      "next-button"
+    )
+  ] });
+};
+var Tab = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx17("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsx17("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children }) });
+};
+var TabbedForm = Object.assign(Root, { Tab, useForm: useTabbedForm });
+export {
+  Notifications,
+  TabbedForm,
+  App as default,
+  useTabbedForm
+};