@acmekit/dashboard 2.13.3 → 2.13.4

package/dist/app.css

@@ -1796,9 +1796,6 @@ video {
 .w-\[116px\] {
   width: 116px;
 }
-.w-\[120px\] {
-  width: 120px;
-}
 .w-\[128px\] {
   width: 128px;
 }

package/dist/app.js

@@ -329,46 +329,12 @@ var init_auth = __esm({
   }
 });
 
-// src/hooks/api/store.tsx
-async function retrieveActiveStore(query) {
-  const response = await sdk.admin.store.list(query);
-  const activeStore = response.stores?.[0];
-  if (!activeStore) {
-    throw new import_js_sdk2.FetchError("No active store found", "Not Found", 404);
-  }
-  return { store: activeStore };
-}
-var import_react_query6, import_js_sdk2, STORE_QUERY_KEY, storeQueryKeys, useStore;
-var init_store = __esm({
-  "src/hooks/api/store.tsx"() {
-    "use strict";
-    import_react_query6 = require("@tanstack/react-query");
-    import_js_sdk2 = require("@acmekit/js-sdk");
-    init_client2();
-    init_query_client();
-    init_query_key_factory();
-    STORE_QUERY_KEY = "store";
-    storeQueryKeys = queryKeysFactory(STORE_QUERY_KEY);
-    useStore = (query, options) => {
-      const { data, ...rest } = (0, import_react_query6.useQuery)({
-        queryFn: () => retrieveActiveStore(query),
-        queryKey: storeQueryKeys.details(),
-        ...options
-      });
-      return {
-        ...data,
-        ...rest
-      };
-    };
-  }
-});
-
 // src/hooks/api/inventory.tsx
-var import_react_query7, INVENTORY_ITEMS_QUERY_KEY, inventoryItemsQueryKeys, INVENTORY_ITEM_LEVELS_QUERY_KEY, inventoryItemLevelsQueryKeys;
+var import_react_query6, INVENTORY_ITEMS_QUERY_KEY, inventoryItemsQueryKeys, INVENTORY_ITEM_LEVELS_QUERY_KEY, inventoryItemLevelsQueryKeys;
 var init_inventory = __esm({
   "src/hooks/api/inventory.tsx"() {
     "use strict";
-    import_react_query7 = require("@tanstack/react-query");
+    import_react_query6 = require("@tanstack/react-query");
     init_client2();
     init_query_client();
     init_query_key_factory();
@@ -385,20 +351,20 @@ var init_inventory = __esm({
 });
 
 // src/hooks/use-infinite-list.tsx
-var import_react_query8;
+var import_react_query7;
 var init_use_infinite_list = __esm({
   "src/hooks/use-infinite-list.tsx"() {
     "use strict";
-    import_react_query8 = require("@tanstack/react-query");
+    import_react_query7 = require("@tanstack/react-query");
   }
 });
 
 // src/hooks/api/products.tsx
-var import_react_query9, PRODUCTS_QUERY_KEY, productsQueryKeys, VARIANTS_QUERY_KEY, variantsQueryKeys, OPTIONS_QUERY_KEY, optionsQueryKeys;
+var import_react_query8, PRODUCTS_QUERY_KEY, productsQueryKeys, VARIANTS_QUERY_KEY, variantsQueryKeys, OPTIONS_QUERY_KEY, optionsQueryKeys;
 var init_products = __esm({
   "src/hooks/api/products.tsx"() {
     "use strict";
-    import_react_query9 = require("@tanstack/react-query");
+    import_react_query8 = require("@tanstack/react-query");
     init_client2();
     init_query_client();
     init_query_key_factory();
@@ -414,11 +380,11 @@ var init_products = __esm({
 });
 
 // src/hooks/api/sales-channels.tsx
-var import_react_query10, SALES_CHANNELS_QUERY_KEY, salesChannelsQueryKeys;
+var import_react_query9, SALES_CHANNELS_QUERY_KEY, salesChannelsQueryKeys;
 var init_sales_channels = __esm({
   "src/hooks/api/sales-channels.tsx"() {
     "use strict";
-    import_react_query10 = require("@tanstack/react-query");
+    import_react_query9 = require("@tanstack/react-query");
     init_client2();
     init_query_client();
     init_query_key_factory();
@@ -429,11 +395,11 @@ var init_sales_channels = __esm({
 });
 
 // src/hooks/api/api-keys.tsx
-var import_react_query11, API_KEYS_QUERY_KEY, apiKeysQueryKeys;
+var import_react_query10, API_KEYS_QUERY_KEY, apiKeysQueryKeys;
 var init_api_keys = __esm({
   "src/hooks/api/api-keys.tsx"() {
     "use strict";
-    import_react_query11 = require("@tanstack/react-query");
+    import_react_query10 = require("@tanstack/react-query");
     init_client2();
     init_query_client();
     init_query_key_factory();
@@ -444,18 +410,18 @@ var init_api_keys = __esm({
 });
 
 // src/hooks/api/cloud.tsx
-var import_react_query12, cloudQueryKeys, useCloudAuthEnabled, useCreateCloudAuthUser;
+var import_react_query11, cloudQueryKeys, useCloudAuthEnabled, useCreateCloudAuthUser;
 var init_cloud = __esm({
   "src/hooks/api/cloud.tsx"() {
     "use strict";
-    import_react_query12 = require("@tanstack/react-query");
+    import_react_query11 = require("@tanstack/react-query");
     init_client2();
     cloudQueryKeys = {
       all: ["cloud"],
       auth: () => [...cloudQueryKeys.all, "auth"]
     };
     useCloudAuthEnabled = (options) => {
-      return (0, import_react_query12.useQuery)({
+      return (0, import_react_query11.useQuery)({
         queryKey: cloudQueryKeys.auth(),
         queryFn: async () => {
           return await sdk.client.fetch("/cloud/auth");
@@ -464,7 +430,7 @@ var init_cloud = __esm({
       });
     };
     useCreateCloudAuthUser = (options) => {
-      return (0, import_react_query12.useMutation)({
+      return (0, import_react_query11.useMutation)({
         mutationFn: async () => {
           await sdk.client.fetch("/cloud/auth/users", {
             method: "POST"
@@ -477,18 +443,18 @@ var init_cloud = __esm({
 });
 
 // src/hooks/api/invites.tsx
-var import_react_query13, INVITES_QUERY_KEY, invitesQueryKeys, useAcceptInvite;
+var import_react_query12, INVITES_QUERY_KEY, invitesQueryKeys, useAcceptInvite;
 var init_invites = __esm({
   "src/hooks/api/invites.tsx"() {
     "use strict";
-    import_react_query13 = require("@tanstack/react-query");
+    import_react_query12 = require("@tanstack/react-query");
     init_client2();
     init_query_client();
     init_query_key_factory();
     INVITES_QUERY_KEY = "invites";
     invitesQueryKeys = queryKeysFactory(INVITES_QUERY_KEY);
     useAcceptInvite = (inviteToken, options) => {
-      return (0, import_react_query13.useMutation)({
+      return (0, import_react_query12.useMutation)({
         mutationFn: (payload) => {
           const { auth_token, ...rest } = payload;
           return sdk.admin.invite.accept(
@@ -509,11 +475,11 @@ var init_invites = __esm({
 });
 
 // src/hooks/api/locales.tsx
-var import_react_query14, LOCALES_QUERY_KEY, localesQueryKeys;
+var import_react_query13, LOCALES_QUERY_KEY, localesQueryKeys;
 var init_locales = __esm({
   "src/hooks/api/locales.tsx"() {
     "use strict";
-    import_react_query14 = require("@tanstack/react-query");
+    import_react_query13 = require("@tanstack/react-query");
     init_client2();
     init_query_key_factory();
     LOCALES_QUERY_KEY = "locales";
@@ -522,17 +488,17 @@ var init_locales = __esm({
 });
 
 // src/hooks/api/notification.tsx
-var import_react_query15, NOTIFICATION_QUERY_KEY, notificationQueryKeys, useNotifications;
+var import_react_query14, NOTIFICATION_QUERY_KEY, notificationQueryKeys, useNotifications;
 var init_notification = __esm({
   "src/hooks/api/notification.tsx"() {
     "use strict";
-    import_react_query15 = require("@tanstack/react-query");
+    import_react_query14 = require("@tanstack/react-query");
     init_client2();
     init_query_key_factory();
     NOTIFICATION_QUERY_KEY = "notification";
     notificationQueryKeys = queryKeysFactory(NOTIFICATION_QUERY_KEY);
     useNotifications = (query, options) => {
-      const { data, ...rest } = (0, import_react_query15.useQuery)({
+      const { data, ...rest } = (0, import_react_query14.useQuery)({
         queryFn: () => sdk.admin.notification.list(query),
         queryKey: notificationQueryKeys.list(query),
         ...options
@@ -543,11 +509,11 @@ var init_notification = __esm({
 });
 
 // src/hooks/api/plugins.tsx
-var import_react_query16, PLUGINS_QUERY_KEY, pluginsQueryKeys;
+var import_react_query15, PLUGINS_QUERY_KEY, pluginsQueryKeys;
 var init_plugins = __esm({
   "src/hooks/api/plugins.tsx"() {
     "use strict";
-    import_react_query16 = require("@tanstack/react-query");
+    import_react_query15 = require("@tanstack/react-query");
     init_client2();
     init_query_key_factory();
     PLUGINS_QUERY_KEY = "plugins";
@@ -555,6 +521,21 @@ var init_plugins = __esm({
   }
 });
 
+// src/hooks/api/store.tsx
+var import_react_query16, import_js_sdk2, STORE_QUERY_KEY, storeQueryKeys;
+var init_store = __esm({
+  "src/hooks/api/store.tsx"() {
+    "use strict";
+    import_react_query16 = require("@tanstack/react-query");
+    import_js_sdk2 = require("@acmekit/js-sdk");
+    init_client2();
+    init_query_client();
+    init_query_key_factory();
+    STORE_QUERY_KEY = "store";
+    storeQueryKeys = queryKeysFactory(STORE_QUERY_KEY);
+  }
+});
+
 // src/hooks/api/translations.tsx
 var import_react_query17, TRANSLATIONS_QUERY_KEY, translationsQueryKeys, TRANSLATION_SETTINGS_QUERY_KEY, translationSettingsQueryKeys, TRANSLATION_STATISTICS_QUERY_KEY, translationStatisticsQueryKeys, TRANSLATION_ENTITIES_QUERY_KEY, translationEntitiesQueryKeys;
 var init_translations = __esm({
@@ -96263,7 +96244,6 @@ var import_icons10 = require("@acmekit/icons");
 var import_ui14 = require("@acmekit/ui");
 var import_radix_ui5 = require("radix-ui");
 var import_react_i18next9 = require("react-i18next");
-init_store();
 
 // src/components/layout/nav-item/nav-item.tsx
 var import_ui7 = require("@acmekit/ui");
@@ -97471,81 +97451,43 @@ var Logout2 = () => {
 };
 var Header = () => {
   const { t: t2 } = (0, import_react_i18next9.useTranslation)();
-  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__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-full p-3", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-    import_ui14.DropdownMenu,
-    {
-      dir: direction,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-          import_ui14.DropdownMenu.Trigger,
-          {
-            disabled: !isLoaded,
-            className: (0, import_ui14.clx)(
-              "bg-ui-bg-subtle transition-fg grid w-full grid-cols-[24px_1fr_15px] items-center gap-x-3 rounded-md p-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"
-            ),
-            children: [
-              fallback ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_ui14.Avatar, { variant: "squared", size: "xsmall", fallback }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Skeleton, { className: "h-6 w-6 rounded-md" }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "block overflow-hidden text-start", children: name ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                import_ui14.Text,
-                {
-                  size: "small",
-                  weight: "plus",
-                  leading: "compact",
-                  className: "truncate",
-                  children: store.name
-                }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Skeleton, { className: "h-[9px] w-[120px]" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.EllipsisHorizontal, { className: "text-ui-fg-muted" })
-            ]
-          }
+  const fallback = "A";
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-full p-3", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_ui14.DropdownMenu, { dir: direction, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+      import_ui14.DropdownMenu.Trigger,
+      {
+        className: (0, import_ui14.clx)(
+          "bg-ui-bg-subtle transition-fg grid w-full grid-cols-[24px_1fr_15px] items-center gap-x-3 rounded-md p-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"
         ),
-        isLoaded && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_ui14.DropdownMenu.Content, { className: "w-[var(--radix-dropdown-menu-trigger-width)] min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-x-3 px-2 py-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_ui14.Avatar, { variant: "squared", size: "small", fallback }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col overflow-hidden", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                import_ui14.Text,
-                {
-                  size: "small",
-                  weight: "plus",
-                  leading: "compact",
-                  className: "truncate",
-                  children: name
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                import_ui14.Text,
-                {
-                  size: "xsmall",
-                  leading: "compact",
-                  className: "text-ui-fg-subtle",
-                  children: t2("app.nav.main.store")
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_ui14.DropdownMenu.Separator, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_ui14.DropdownMenu.Item, { className: "gap-x-2", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_router_dom9.Link, { to: "/settings", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.BuildingStorefront, { className: "text-ui-fg-subtle" }),
-            t2("app.nav.main.storeSettings")
-          ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_ui14.DropdownMenu.Separator, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Logout2, {})
-        ] })
-      ]
-    }
-  ) });
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_ui14.Avatar, { variant: "squared", size: "xsmall", fallback }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "block overflow-hidden text-start", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            import_ui14.Text,
+            {
+              size: "small",
+              weight: "plus",
+              leading: "compact",
+              className: "truncate",
+              children: t2("app.nav.main.store", "Admin")
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.EllipsisHorizontal, { className: "text-ui-fg-muted" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_ui14.DropdownMenu.Content, { className: "w-[var(--radix-dropdown-menu-trigger-width)] min-w-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_ui14.DropdownMenu.Item, { className: "gap-x-2", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_router_dom9.Link, { to: "/settings", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.CogSixTooth, { className: "text-ui-fg-subtle" }),
+        t2("app.nav.main.storeSettings", "Settings")
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_ui14.DropdownMenu.Separator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Logout2, {})
+    ] })
+  ] }) });
 };
 var useCoreRoutes = () => {
   return [];

package/dist/app.mjs

@@ -2,9 +2,8 @@ import {
   notificationQueryKeys,
   useFeatureFlags,
   useMe,
-  useNotifications,
-  useStore
-} from "./chunk-XMP5T5AD.mjs";
+  useNotifications
+} from "./chunk-FBTP4AJM.mjs";
 import {
   I18n
 } from "./chunk-W3WS3HKB.mjs";
@@ -94185,7 +94184,6 @@ var ProtectedRoute = () => {
 
 // src/components/layout/main-layout/main-layout.tsx
 import {
-  BuildingStorefront,
   ChevronDownMini,
   CogSixTooth,
   EllipsisHorizontal as EllipsisHorizontal3,
@@ -95428,81 +95426,43 @@ var Logout2 = () => {
 };
 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__ */ jsx21("div", { className: "w-full p-3", children: /* @__PURE__ */ jsxs12(
-    DropdownMenu4,
-    {
-      dir: direction,
-      children: [
-        /* @__PURE__ */ jsxs12(
-          DropdownMenu4.Trigger,
-          {
-            disabled: !isLoaded,
-            className: clx9(
-              "bg-ui-bg-subtle transition-fg grid w-full grid-cols-[24px_1fr_15px] items-center gap-x-3 rounded-md p-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"
-            ),
-            children: [
-              fallback ? /* @__PURE__ */ jsx21(Avatar2, { variant: "squared", size: "xsmall", fallback }) : /* @__PURE__ */ jsx21(Skeleton, { className: "h-6 w-6 rounded-md" }),
-              /* @__PURE__ */ jsx21("div", { className: "block overflow-hidden text-start", children: name ? /* @__PURE__ */ jsx21(
-                Text7,
-                {
-                  size: "small",
-                  weight: "plus",
-                  leading: "compact",
-                  className: "truncate",
-                  children: store.name
-                }
-              ) : /* @__PURE__ */ jsx21(Skeleton, { className: "h-[9px] w-[120px]" }) }),
-              /* @__PURE__ */ jsx21(EllipsisHorizontal3, { className: "text-ui-fg-muted" })
-            ]
-          }
+  const fallback = "A";
+  return /* @__PURE__ */ jsx21("div", { className: "w-full p-3", children: /* @__PURE__ */ jsxs12(DropdownMenu4, { dir: direction, children: [
+    /* @__PURE__ */ jsxs12(
+      DropdownMenu4.Trigger,
+      {
+        className: clx9(
+          "bg-ui-bg-subtle transition-fg grid w-full grid-cols-[24px_1fr_15px] items-center gap-x-3 rounded-md p-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"
         ),
-        isLoaded && /* @__PURE__ */ jsxs12(DropdownMenu4.Content, { className: "w-[var(--radix-dropdown-menu-trigger-width)] min-w-0", children: [
-          /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-x-3 px-2 py-1", children: [
-            /* @__PURE__ */ jsx21(Avatar2, { variant: "squared", size: "small", fallback }),
-            /* @__PURE__ */ jsxs12("div", { className: "flex flex-col overflow-hidden", children: [
-              /* @__PURE__ */ jsx21(
-                Text7,
-                {
-                  size: "small",
-                  weight: "plus",
-                  leading: "compact",
-                  className: "truncate",
-                  children: name
-                }
-              ),
-              /* @__PURE__ */ jsx21(
-                Text7,
-                {
-                  size: "xsmall",
-                  leading: "compact",
-                  className: "text-ui-fg-subtle",
-                  children: t2("app.nav.main.store")
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx21(DropdownMenu4.Separator, {}),
-          /* @__PURE__ */ jsx21(DropdownMenu4.Item, { className: "gap-x-2", asChild: true, children: /* @__PURE__ */ jsxs12(Link4, { to: "/settings", children: [
-            /* @__PURE__ */ jsx21(BuildingStorefront, { className: "text-ui-fg-subtle" }),
-            t2("app.nav.main.storeSettings")
-          ] }) }),
-          /* @__PURE__ */ jsx21(DropdownMenu4.Separator, {}),
-          /* @__PURE__ */ jsx21(Logout2, {})
-        ] })
-      ]
-    }
-  ) });
+        children: [
+          /* @__PURE__ */ jsx21(Avatar2, { variant: "squared", size: "xsmall", fallback }),
+          /* @__PURE__ */ jsx21("div", { className: "block overflow-hidden text-start", children: /* @__PURE__ */ jsx21(
+            Text7,
+            {
+              size: "small",
+              weight: "plus",
+              leading: "compact",
+              className: "truncate",
+              children: t2("app.nav.main.store", "Admin")
+            }
+          ) }),
+          /* @__PURE__ */ jsx21(EllipsisHorizontal3, { className: "text-ui-fg-muted" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs12(DropdownMenu4.Content, { className: "w-[var(--radix-dropdown-menu-trigger-width)] min-w-0", children: [
+      /* @__PURE__ */ jsx21(DropdownMenu4.Item, { className: "gap-x-2", asChild: true, children: /* @__PURE__ */ jsxs12(Link4, { to: "/settings", children: [
+        /* @__PURE__ */ jsx21(CogSixTooth, { className: "text-ui-fg-subtle" }),
+        t2("app.nav.main.storeSettings", "Settings")
+      ] }) }),
+      /* @__PURE__ */ jsx21(DropdownMenu4.Separator, {}),
+      /* @__PURE__ */ jsx21(Logout2, {})
+    ] })
+  ] }) });
 };
 var useCoreRoutes = () => {
   return [];
@@ -95797,7 +95757,7 @@ function getRouteMap({
           children: [
             {
               path: "/login",
-              lazy: () => import("./login-WATHQNWI.mjs")
+              lazy: () => import("./login-AIMR26AL.mjs")
             },
             {
               path: "/reset-password",

package/dist/{chunk-XMP5T5AD.mjs → chunk-FBTP4AJM.mjs}

@@ -139,25 +139,6 @@ import {
 import { FetchError } from "@acmekit/js-sdk";
 var STORE_QUERY_KEY = "store";
 var storeQueryKeys = queryKeysFactory(STORE_QUERY_KEY);
-async function retrieveActiveStore(query) {
-  const response = await sdk.admin.store.list(query);
-  const activeStore = response.stores?.[0];
-  if (!activeStore) {
-    throw new FetchError("No active store found", "Not Found", 404);
-  }
-  return { store: activeStore };
-}
-var useStore = (query, options) => {
-  const { data, ...rest } = useQuery10({
-    queryFn: () => retrieveActiveStore(query),
-    queryKey: storeQueryKeys.details(),
-    ...options
-  });
-  return {
-    ...data,
-    ...rest
-  };
-};
 
 // src/hooks/api/translations.tsx
 import {
@@ -233,7 +214,6 @@ var workflowExecutionsQueryKeys = queryKeysFactory(
 export {
   useFeatureFlags,
   useMe,
-  useStore,
   useCloudAuthEnabled,
   useCreateCloudAuthUser,
   notificationQueryKeys,

package/dist/chunk-NQEMGMWU.mjs

@@ -0,0 +1,159 @@
+import {
+  queryKeysFactory
+} from "./chunk-QYOO4QR6.mjs";
+import {
+  sdk
+} from "./chunk-4VYJHIB3.mjs";
+
+// src/hooks/api/cloud.tsx
+import {
+  useMutation,
+  useQuery
+} from "@tanstack/react-query";
+var cloudQueryKeys = {
+  all: ["cloud"],
+  auth: () => [...cloudQueryKeys.all, "auth"]
+};
+var useCloudAuthEnabled = (options) => {
+  return useQuery({
+    queryKey: cloudQueryKeys.auth(),
+    queryFn: async () => {
+      return await sdk.client.fetch("/cloud/auth");
+    },
+    ...options
+  });
+};
+var useCreateCloudAuthUser = (options) => {
+  return useMutation({
+    mutationFn: async () => {
+      await sdk.client.fetch("/cloud/auth/users", {
+        method: "POST"
+      });
+    },
+    ...options
+  });
+};
+
+// src/hooks/api/feature-flags.tsx
+import { useQuery as useQuery2 } from "@tanstack/react-query";
+var useFeatureFlags = () => {
+  return useQuery2({
+    queryKey: ["admin", "feature-flags"],
+    queryFn: async () => {
+      const response = await sdk.client.fetch(
+        "/admin/feature-flags",
+        {
+          method: "GET"
+        }
+      );
+      return response.feature_flags;
+    },
+    staleTime: 5 * 60 * 1e3,
+    // Cache for 5 minutes
+    cacheTime: 10 * 60 * 1e3
+    // Keep in cache for 10 minutes
+  });
+};
+
+// src/hooks/api/locales.tsx
+import { useQuery as useQuery3 } from "@tanstack/react-query";
+var LOCALES_QUERY_KEY = "locales";
+var localesQueryKeys = queryKeysFactory(LOCALES_QUERY_KEY);
+
+// src/hooks/api/notification.tsx
+import { useQuery as useQuery4 } from "@tanstack/react-query";
+var NOTIFICATION_QUERY_KEY = "notification";
+var notificationQueryKeys = queryKeysFactory(NOTIFICATION_QUERY_KEY);
+var useNotifications = (query, options) => {
+  const { data, ...rest } = useQuery4({
+    queryFn: () => sdk.admin.notification.list(query),
+    queryKey: notificationQueryKeys.list(query),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+
+// src/hooks/api/plugins.tsx
+import { useQuery as useQuery5 } from "@tanstack/react-query";
+var PLUGINS_QUERY_KEY = "plugins";
+var pluginsQueryKeys = queryKeysFactory(PLUGINS_QUERY_KEY);
+
+// src/hooks/api/translations.tsx
+import {
+  useInfiniteQuery,
+  useMutation as useMutation2,
+  useQuery as useQuery6
+} from "@tanstack/react-query";
+var TRANSLATIONS_QUERY_KEY = "translations";
+var translationsQueryKeys = queryKeysFactory(TRANSLATIONS_QUERY_KEY);
+var TRANSLATION_SETTINGS_QUERY_KEY = "translation_settings";
+var translationSettingsQueryKeys = queryKeysFactory(
+  TRANSLATION_SETTINGS_QUERY_KEY
+);
+var TRANSLATION_STATISTICS_QUERY_KEY = "translation_statistics";
+var translationStatisticsQueryKeys = queryKeysFactory(
+  TRANSLATION_STATISTICS_QUERY_KEY
+);
+var TRANSLATION_ENTITIES_QUERY_KEY = "translation_entities";
+var translationEntitiesQueryKeys = queryKeysFactory(
+  TRANSLATION_ENTITIES_QUERY_KEY
+);
+
+// src/hooks/api/users.tsx
+import {
+  useMutation as useMutation3,
+  useQuery as useQuery7
+} from "@tanstack/react-query";
+var USERS_QUERY_KEY = "users";
+var usersQueryKeys = {
+  ...queryKeysFactory(USERS_QUERY_KEY),
+  me: () => [USERS_QUERY_KEY, "me"]
+};
+var useMe = (query, options) => {
+  const { data, ...rest } = useQuery7({
+    queryFn: () => sdk.admin.user.me(query),
+    queryKey: usersQueryKeys.me(),
+    ...options
+  });
+  return {
+    ...data,
+    ...rest
+  };
+};
+
+// src/hooks/api/views.tsx
+import {
+  useMutation as useMutation4,
+  useQuery as useQuery8
+} from "@tanstack/react-query";
+var VIEWS_QUERY_KEY = "views";
+var _viewsKeys = queryKeysFactory(VIEWS_QUERY_KEY);
+_viewsKeys.columns = function(entity) {
+  return [this.all, "columns", entity];
+};
+_viewsKeys.active = function(entity) {
+  return [this.detail(entity), "active"];
+};
+_viewsKeys.configurations = function(entity, query) {
+  const key = [this.all, "configurations", entity];
+  if (query !== void 0) {
+    key.push(query);
+  }
+  return key;
+};
+
+// src/hooks/api/workflow-executions.tsx
+import { useQuery as useQuery9 } from "@tanstack/react-query";
+var WORKFLOW_EXECUTIONS_QUERY_KEY = "workflow_executions";
+var workflowExecutionsQueryKeys = queryKeysFactory(
+  WORKFLOW_EXECUTIONS_QUERY_KEY
+);
+
+export {
+  useFeatureFlags,
+  useMe,
+  useCloudAuthEnabled,
+  useCreateCloudAuthUser,
+  notificationQueryKeys,
+  useNotifications
+};

package/dist/{login-WATHQNWI.mjs → login-AIMR26AL.mjs}

@@ -1,7 +1,7 @@
 import {
   useCloudAuthEnabled,
   useCreateCloudAuthUser
-} from "./chunk-XMP5T5AD.mjs";
+} from "./chunk-FBTP4AJM.mjs";
 import {
   useExtension
 } from "./chunk-C5P5PL3E.mjs";

package/dist/login-BRUR5XXN.mjs

@@ -0,0 +1,291 @@
+import {
+  useCloudAuthEnabled,
+  useCreateCloudAuthUser
+} from "./chunk-NQEMGMWU.mjs";
+import {
+  useExtension
+} from "./chunk-C5P5PL3E.mjs";
+import {
+  isFetchError
+} from "./chunk-QYOO4QR6.mjs";
+import {
+  AvatarBox
+} from "./chunk-JSJZMTQG.mjs";
+import {
+  Form,
+  sdk,
+  useSignInWithEmailPass
+} from "./chunk-4VYJHIB3.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/routes/login/login.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Alert, Button as Button2, Heading, Hint, Input, Text } from "@acmekit/ui";
+import { useForm } from "react-hook-form";
+import { Trans, useTranslation as useTranslation2 } from "react-i18next";
+import { Link, useLocation, useNavigate as useNavigate2 } from "react-router-dom";
+import * as z from "zod";
+
+// src/routes/login/components/cloud-auth-login.tsx
+import { Spinner } from "@acmekit/icons";
+import { Button, toast } from "@acmekit/ui";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { decodeToken } from "react-jwt";
+import { useNavigate, useSearchParams } from "react-router-dom";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var CLOUD_AUTH_PROVIDER = "cloud";
+var CloudAuthLogin = () => {
+  const { t } = useTranslation();
+  const [searchParams] = useSearchParams();
+  const { data: cloudAuth } = useCloudAuthEnabled();
+  const isAutoLogin = searchParams.get("auth_provider") === CLOUD_AUTH_PROVIDER && searchParams.get("auto") === "true";
+  const isCallback = searchParams.get("auth_provider") === CLOUD_AUTH_PROVIDER && (searchParams.has("code") || searchParams.has("error"));
+  const { handleLogin, isLoginPending } = useHandleLogin(isAutoLogin);
+  const { handleCallback, isCallbackPending } = useAuthCallback(searchParams);
+  const actionInitiated = useRef(false);
+  useEffect(() => {
+    if (actionInitiated.current) {
+      return;
+    }
+    if (isAutoLogin) {
+      actionInitiated.current = true;
+      handleLogin();
+    } else if (isCallback) {
+      actionInitiated.current = true;
+      handleCallback();
+    }
+  }, [isAutoLogin, isCallback, handleLogin, handleCallback]);
+  if (isAutoLogin || isCallback) {
+    return /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-subtle fixed inset-0 z-50 flex items-center justify-center", children: /* @__PURE__ */ jsx(Spinner, { className: "text-ui-fg-subtle animate-spin" }) });
+  }
+  if (!cloudAuth?.enabled) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("hr", { className: "bg-ui-border-base my-4" }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "secondary",
+        onClick: handleLogin,
+        className: "w-full",
+        disabled: isLoginPending || isCallbackPending,
+        isLoading: isLoginPending || isCallbackPending,
+        children: t("auth.login.cloud")
+      }
+    )
+  ] });
+};
+var useHandleLogin = (isAutoLogin) => {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+  const [isPending, setIsPending] = useState(false);
+  const handleLogin = useCallback(async () => {
+    setIsPending(true);
+    try {
+      const result = await sdk.auth.login("user", CLOUD_AUTH_PROVIDER, {
+        // setting callback_url in case the admin is on a different domain, or the backend URL is set to just "/" which won't work for the callback
+        callback_url: `${window.location.origin}${window.location.pathname}?auth_provider=${CLOUD_AUTH_PROVIDER}`
+      });
+      if (typeof result === "object" && result.location) {
+        window.location.href = result.location;
+        return;
+      }
+      throw new Error("Unexpected login response");
+    } catch {
+      toast.error(t("auth.login.authenticationFailed"));
+      if (isAutoLogin) {
+        navigate("/login");
+      }
+    }
+    setIsPending(false);
+  }, [t, navigate, isAutoLogin]);
+  return { handleLogin, isLoginPending: isPending };
+};
+var useAuthCallback = (searchParams) => {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+  const { mutateAsync: createCloudAuthUser } = useCreateCloudAuthUser();
+  const [isPending, setIsPending] = useState(false);
+  const handleCallback = useCallback(async () => {
+    setIsPending(true);
+    try {
+      let token;
+      try {
+        const query = Object.fromEntries(searchParams);
+        delete query.auth_provider;
+        token = await sdk.auth.callback("user", CLOUD_AUTH_PROVIDER, query);
+      } catch (error) {
+        throw new Error("Authentication callback failed");
+      }
+      const decodedToken = decodeToken(token);
+      if (!decodedToken?.actor_id) {
+        await createCloudAuthUser();
+        const refreshedToken = await sdk.auth.refresh({
+          Authorization: `Bearer ${token}`
+          // passing it manually in case the auth type is session
+        });
+        if (!refreshedToken) {
+          throw new Error("Failed to refresh token after user creation");
+        }
+      }
+      navigate("/");
+    } catch (error) {
+      toast.error(t("auth.login.authenticationFailed"));
+      navigate("/login");
+    }
+    setIsPending(false);
+  }, [searchParams, t, createCloudAuthUser, navigate]);
+  return { handleCallback, isCallbackPending: isPending };
+};
+
+// src/routes/login/login.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var LoginSchema = z.object({
+  email: z.string().email(),
+  password: z.string()
+});
+var Login = () => {
+  const { t } = useTranslation2();
+  const location = useLocation();
+  const navigate = useNavigate2();
+  const { getWidgets } = useExtension();
+  const from = location.state?.from?.pathname || "/orders";
+  const form = useForm({
+    resolver: zodResolver(LoginSchema),
+    defaultValues: {
+      email: "",
+      password: ""
+    }
+  });
+  const { mutateAsync, isPending } = useSignInWithEmailPass();
+  const handleSubmit = form.handleSubmit(async ({ email, password }) => {
+    await mutateAsync(
+      {
+        email,
+        password
+      },
+      {
+        onError: (error) => {
+          if (isFetchError(error)) {
+            if (error.status === 401) {
+              form.setError("email", {
+                type: "manual",
+                message: error.message
+              });
+              return;
+            }
+          }
+          form.setError("root.serverError", {
+            type: "manual",
+            message: error.message
+          });
+        },
+        onSuccess: () => {
+          navigate(from, { replace: true });
+        }
+      }
+    );
+  });
+  const serverError = form.formState.errors?.root?.serverError?.message;
+  const validationError = form.formState.errors.email?.message || form.formState.errors.password?.message;
+  return /* @__PURE__ */ jsx2("div", { className: "bg-ui-bg-subtle flex min-h-dvh w-dvw items-center justify-center", children: /* @__PURE__ */ jsxs2("div", { className: "m-4 flex w-full max-w-[280px] flex-col items-center", children: [
+    /* @__PURE__ */ jsx2(AvatarBox, {}),
+    /* @__PURE__ */ jsxs2("div", { className: "mb-4 flex flex-col items-center", children: [
+      /* @__PURE__ */ jsx2(Heading, { children: t("login.title") }),
+      /* @__PURE__ */ jsx2(Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t("login.hint") })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-col gap-y-3", children: [
+      getWidgets("login.before").map((Component, i) => {
+        return /* @__PURE__ */ jsx2(Component, {}, i);
+      }),
+      /* @__PURE__ */ jsx2(Form, { ...form, children: /* @__PURE__ */ jsxs2(
+        "form",
+        {
+          onSubmit: handleSubmit,
+          className: "flex w-full flex-col gap-y-6",
+          children: [
+            /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-y-1", children: [
+              /* @__PURE__ */ jsx2(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "email",
+                  render: ({ field }) => {
+                    return /* @__PURE__ */ jsx2(Form.Item, { children: /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsx2(
+                      Input,
+                      {
+                        autoComplete: "email",
+                        ...field,
+                        className: "bg-ui-bg-field-component",
+                        placeholder: t("fields.email")
+                      }
+                    ) }) });
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx2(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "password",
+                  render: ({ field }) => {
+                    return /* @__PURE__ */ jsxs2(Form.Item, { children: [
+                      /* @__PURE__ */ jsx2(Form.Label, {}),
+                      /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsx2(
+                        Input,
+                        {
+                          type: "password",
+                          autoComplete: "current-password",
+                          ...field,
+                          className: "bg-ui-bg-field-component",
+                          placeholder: t("fields.password")
+                        }
+                      ) })
+                    ] });
+                  }
+                }
+              )
+            ] }),
+            validationError && /* @__PURE__ */ jsx2("div", { className: "text-center", children: /* @__PURE__ */ jsx2(Hint, { className: "inline-flex", variant: "error", children: validationError }) }),
+            serverError && /* @__PURE__ */ jsx2(
+              Alert,
+              {
+                className: "bg-ui-bg-base items-center p-2",
+                dismissible: true,
+                variant: "error",
+                children: serverError
+              }
+            ),
+            /* @__PURE__ */ jsx2(Button2, { className: "w-full", type: "submit", isLoading: isPending, children: t("actions.continueWithEmail") })
+          ]
+        }
+      ) }),
+      [...getWidgets("login.after"), CloudAuthLogin].map(
+        (Component, i) => {
+          return /* @__PURE__ */ jsx2(Component, {}, i);
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-muted txt-small my-6", children: /* @__PURE__ */ jsx2(
+      Trans,
+      {
+        i18nKey: "login.forgotPassword",
+        components: [
+          /* @__PURE__ */ jsx2(
+            Link,
+            {
+              to: "/reset-password",
+              className: "text-ui-fg-interactive transition-fg hover:text-ui-fg-interactive-hover focus-visible:text-ui-fg-interactive-hover font-medium outline-none"
+            },
+            "reset-password-link"
+          )
+        ]
+      }
+    ) })
+  ] }) });
+};
+export {
+  Login as Component
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acmekit/dashboard",
-  "version": "2.13.3",
+  "version": "2.13.4",
   "scripts": {
     "generate:static": "node ./scripts/generate-currencies.js && prettier --write ./src/lib/currencies.ts",
     "dev": "../../../node_modules/.bin/vite",
@@ -39,10 +39,10 @@
     "dist"
   ],
   "dependencies": {
-    "@acmekit/admin-shared": "2.13.3",
-    "@acmekit/icons": "2.13.3",
-    "@acmekit/js-sdk": "2.13.3",
-    "@acmekit/ui": "4.1.3",
+    "@acmekit/admin-shared": "2.13.4",
+    "@acmekit/icons": "2.13.4",
+    "@acmekit/js-sdk": "2.13.4",
+    "@acmekit/ui": "4.1.4",
     "@ariakit/react": "^0.4.15",
     "@babel/runtime": "^7.26.10",
     "@dnd-kit/core": "^6.1.0",
@@ -80,10 +80,10 @@
     "zod": "3.25.76"
   },
   "devDependencies": {
-    "@acmekit/admin-shared": "2.13.3",
-    "@acmekit/admin-vite-plugin": "2.13.3",
-    "@acmekit/types": "2.13.3",
-    "@acmekit/ui-preset": "2.13.3"
+    "@acmekit/admin-shared": "2.13.4",
+    "@acmekit/admin-vite-plugin": "2.13.4",
+    "@acmekit/types": "2.13.4",
+    "@acmekit/ui-preset": "2.13.4"
   },
   "packageManager": "yarn@3.2.1"
 }

package/src/components/layout/main-layout/main-layout.tsx

@@ -1,5 +1,4 @@
 import {
-  BuildingStorefront,
   ChevronDownMini,
   CogSixTooth,
   EllipsisHorizontal,
@@ -12,8 +11,6 @@ import { Avatar, Divider, DropdownMenu, Text, clx } from "@acmekit/ui"
 import { Collapsible as RadixCollapsible } from "radix-ui"
 import { useTranslation } from "react-i18next"
 
-import { useStore } from "../../../hooks/api/store"
-import { Skeleton } from "../../common/skeleton"
 import { INavItem, NavItem } from "../../layout/nav-item"
 import { Shell } from "../../layout/shell"
 
@@ -88,23 +85,13 @@ const Logout = () => {
 
 const Header = () => {
   const { t } = useTranslation()
-  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
-  }
+  const fallback = "A"
 
   return (
     <div className="w-full p-3">
-    <DropdownMenu
-          dir={direction}>
+      <DropdownMenu dir={direction}>
         <DropdownMenu.Trigger
-          disabled={!isLoaded}
           className={clx(
             "bg-ui-bg-subtle transition-fg grid w-full grid-cols-[24px_1fr_15px] items-center gap-x-3 rounded-md p-0.5 pe-2 outline-none",
             "hover:bg-ui-bg-subtle-hover",
@@ -112,60 +99,29 @@ const Header = () => {
             "focus-visible:shadow-borders-focus"
           )}
         >
-          {fallback ? (
-            <Avatar variant="squared" size="xsmall" fallback={fallback} />
-          ) : (
-            <Skeleton className="h-6 w-6 rounded-md" />
-          )}
+          <Avatar variant="squared" size="xsmall" fallback={fallback} />
           <div className="block overflow-hidden text-start">
-            {name ? (
-              <Text
-                size="small"
-                weight="plus"
-                leading="compact"
-                className="truncate"
-              >
-                {store.name}
-              </Text>
-            ) : (
-              <Skeleton className="h-[9px] w-[120px]" />
-            )}
+            <Text
+              size="small"
+              weight="plus"
+              leading="compact"
+              className="truncate"
+            >
+              {t("app.nav.main.store", "Admin")}
+            </Text>
           </div>
           <EllipsisHorizontal className="text-ui-fg-muted" />
         </DropdownMenu.Trigger>
-        {isLoaded && (
-          <DropdownMenu.Content className="w-[var(--radix-dropdown-menu-trigger-width)] min-w-0">
-            <div className="flex items-center gap-x-3 px-2 py-1">
-              <Avatar variant="squared" size="small" fallback={fallback} />
-              <div className="flex flex-col overflow-hidden">
-                <Text
-                  size="small"
-                  weight="plus"
-                  leading="compact"
-                  className="truncate"
-                >
-                  {name}
-                </Text>
-                <Text
-                  size="xsmall"
-                  leading="compact"
-                  className="text-ui-fg-subtle"
-                >
-                  {t("app.nav.main.store")}
-                </Text>
-              </div>
-            </div>
-            <DropdownMenu.Separator />
-            <DropdownMenu.Item className="gap-x-2" asChild>
-              <Link to="/settings">
-                <BuildingStorefront className="text-ui-fg-subtle" />
-                {t("app.nav.main.storeSettings")}
-              </Link>
-            </DropdownMenu.Item>
-            <DropdownMenu.Separator />
-            <Logout />
-          </DropdownMenu.Content>
-        )}
+        <DropdownMenu.Content className="w-[var(--radix-dropdown-menu-trigger-width)] min-w-0">
+          <DropdownMenu.Item className="gap-x-2" asChild>
+            <Link to="/settings">
+              <CogSixTooth className="text-ui-fg-subtle" />
+              {t("app.nav.main.storeSettings", "Settings")}
+            </Link>
+          </DropdownMenu.Item>
+          <DropdownMenu.Separator />
+          <Logout />
+        </DropdownMenu.Content>
       </DropdownMenu>
     </div>
   )