@acmekit/dashboard 2.13.7 → 2.13.9

package/dist/workflow-execution-list-HQ3V6TML.mjs

@@ -0,0 +1,175 @@
+import {
+  StatusCell
+} from "./chunk-WILMJYUB.mjs";
+import {
+  getTransactionState,
+  getTransactionStateColor
+} from "./chunk-RPAL6FHW.mjs";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-YLPAZ2DP.mjs";
+import {
+  useQueryParams
+} from "./chunk-C76H5USB.mjs";
+import "./chunk-DFFLVEZ5.mjs";
+import "./chunk-535OVBXR.mjs";
+import {
+  SingleColumnPage
+} from "./chunk-22YYMH6M.mjs";
+import {
+  useExtension
+} from "./chunk-C5P5PL3E.mjs";
+import {
+  useWorkflowExecutions
+} from "./chunk-LKWTBYYC.mjs";
+import "./chunk-ITNQKZQQ.mjs";
+import "./chunk-S4DMV3ZT.mjs";
+import "./chunk-774WSTCC.mjs";
+import "./chunk-DTY37DDZ.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/routes/workflow-executions/workflow-execution-list/components/workflow-execution-list-table/workflow-execution-list-table.tsx
+import { Container, Heading, Text } from "@acmekit/ui";
+import { keepPreviousData } from "@tanstack/react-query";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/routes/workflow-executions/workflow-execution-list/components/workflow-execution-list-table/use-workflow-execution-table-columns.tsx
+import { Badge } from "@acmekit/ui";
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var useWorkflowExecutionTableColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.accessor("transaction_id", {
+        header: t("workflowExecutions.transactionIdLabel"),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(Badge, { size: "2xsmall", children: getValue() })
+      }),
+      columnHelper.accessor("state", {
+        header: t("fields.state"),
+        cell: ({ getValue }) => {
+          const state = getValue();
+          const color = getTransactionStateColor(state);
+          const translatedState = getTransactionState(t, state);
+          return /* @__PURE__ */ jsx(StatusCell, { color, children: /* @__PURE__ */ jsx("span", { className: "capitalize", children: translatedState }) });
+        }
+      }),
+      columnHelper.accessor("execution", {
+        header: t("workflowExecutions.progressLabel"),
+        cell: ({ getValue }) => {
+          const steps = getValue()?.steps;
+          if (!steps) {
+            return "0 of 0 steps";
+          }
+          const actionableSteps = Object.values(steps).filter(
+            (step) => step.id !== ROOT_PREFIX
+          );
+          const completedSteps = actionableSteps.filter(
+            (step) => step.invoke.state === "done" /* DONE */
+          );
+          return t("workflowExecutions.stepsCompletedLabel", {
+            completed: completedSteps.length,
+            count: actionableSteps.length
+          });
+        }
+      })
+    ],
+    [t]
+  );
+};
+var ROOT_PREFIX = "_root";
+
+// src/routes/workflow-executions/workflow-execution-list/components/workflow-execution-list-table/use-workflow-execution-table-query.tsx
+var useWorkflowExecutionTableQuery = ({
+  pageSize = 20,
+  prefix
+}) => {
+  const raw = useQueryParams(["q", "offset"], prefix);
+  const { offset, ...rest } = raw;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? parseInt(offset) : 0,
+    ...rest
+  };
+  return {
+    searchParams,
+    raw
+  };
+};
+
+// src/routes/workflow-executions/workflow-execution-list/components/workflow-execution-list-table/workflow-execution-list-table.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+var WorkflowExecutionListTable = () => {
+  const { t } = useTranslation2();
+  const { searchParams, raw } = useWorkflowExecutionTableQuery({
+    pageSize: PAGE_SIZE
+  });
+  const { workflow_executions, count, isLoading, isError, error } = useWorkflowExecutions(
+    {
+      ...searchParams
+    },
+    {
+      placeholderData: keepPreviousData
+    }
+  );
+  const columns = useWorkflowExecutionTableColumns();
+  const { table } = useDataTable({
+    data: workflow_executions || [],
+    columns,
+    count,
+    pageSize: PAGE_SIZE,
+    enablePagination: true,
+    getRowId: (row) => row.id
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx2(Heading, { children: t("workflowExecutions.domain") }),
+      /* @__PURE__ */ jsx2(Text, { className: "text-ui-fg-subtle", size: "small", children: t(`workflowExecutions.subtitle`) })
+    ] }) }),
+    /* @__PURE__ */ jsx2(
+      _DataTable,
+      {
+        table,
+        columns,
+        count,
+        isLoading,
+        pageSize: PAGE_SIZE,
+        navigateTo: (row) => `${row.id}`,
+        search: true,
+        pagination: true,
+        queryObject: raw,
+        noRecords: {
+          message: t("workflowExecutions.list.noRecordsMessage")
+        }
+      }
+    )
+  ] });
+};
+
+// src/routes/workflow-executions/workflow-execution-list/workflow-execution-list.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var WorkflowExcecutionList = () => {
+  const { getWidgets } = useExtension();
+  return /* @__PURE__ */ jsx3(
+    SingleColumnPage,
+    {
+      widgets: {
+        after: getWidgets("workflow.list.after"),
+        before: getWidgets("workflow.list.before")
+      },
+      hasOutlet: false,
+      children: /* @__PURE__ */ jsx3(WorkflowExecutionListTable, {})
+    }
+  );
+};
+export {
+  WorkflowExcecutionList as Component
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acmekit/dashboard",
-  "version": "2.13.7",
+  "version": "2.13.9",
   "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.7",
-    "@acmekit/icons": "2.13.7",
-    "@acmekit/js-sdk": "2.13.7",
-    "@acmekit/ui": "4.1.7",
+    "@acmekit/admin-shared": "2.13.9",
+    "@acmekit/icons": "2.13.9",
+    "@acmekit/js-sdk": "2.13.9",
+    "@acmekit/ui": "4.1.9",
     "@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.7",
-    "@acmekit/admin-vite-plugin": "2.13.7",
-    "@acmekit/types": "2.13.7",
-    "@acmekit/ui-preset": "2.13.7"
+    "@acmekit/admin-shared": "2.13.9",
+    "@acmekit/admin-vite-plugin": "2.13.9",
+    "@acmekit/types": "2.13.9",
+    "@acmekit/ui-preset": "2.13.9"
   },
   "packageManager": "yarn@3.2.1"
 }

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

@@ -39,8 +39,14 @@ const useDeveloperRoutes = (): INavItem[] => {
   const { t } = useTranslation()
   return useMemo(
     () => [
-      { label: t("apiKeyManagement.domain.publishable"), to: "/settings/publishable-api-keys" },
-      { label: t("apiKeyManagement.domain.secret"), to: "/settings/secret-api-keys" },
+      {
+        label: t("apiKeyManagement.domain.publishable"),
+        to: "/settings/publishable-api-keys",
+      },
+      {
+        label: t("apiKeyManagement.domain.secret"),
+        to: "/settings/secret-api-keys",
+      },
       { label: t("workflowExecutions.domain"), to: "/settings/workflows" },
     ],
     [t]

package/src/dashboard-app/routes/get-route.map.tsx

@@ -18,7 +18,7 @@ function mergeSettingsRouteChildren(
     .flatMap((r) => r.children ?? [])
 }
 
-/** Default framework settings routes (profile, store, users, api-keys, workflows, translations). */
+/** Default framework settings routes (profile, users, api-keys, workflows, translations). */
 const defaultSettingsRouteChildren: RouteObject[] = [
   {
     path: "profile",
@@ -32,19 +32,6 @@ const defaultSettingsRouteChildren: RouteObject[] = [
       },
     ],
   },
-  {
-    path: "store",
-    errorElement: <ErrorBoundary />,
-    lazy: () => import("../../routes/store/store-detail"),
-    handle: { breadcrumb: () => t("store.domain") },
-    children: [
-      { path: "edit", lazy: () => import("../../routes/store/store-edit") },
-      {
-        path: "metadata/edit",
-        lazy: () => import("../../routes/store/store-metadata"),
-      },
-    ],
-  },
   {
     path: "users",
     errorElement: <ErrorBoundary />,

package/src/hooks/api/api-keys.tsx

@@ -11,7 +11,6 @@ import {
 import { sdk } from "../../lib/client"
 import { queryClient } from "../../lib/query-client"
 import { queryKeysFactory } from "../../lib/query-key-factory"
-import { salesChannelsQueryKeys } from "./sales-channels"
 
 const API_KEYS_QUERY_KEY = "api_keys" as const
 export const apiKeysQueryKeys = queryKeysFactory(API_KEYS_QUERY_KEY)
@@ -129,51 +128,3 @@ export const useDeleteApiKey = (
     },
   })
 }
-
-export const useBatchRemoveSalesChannelsFromApiKey = (
-  id: string,
-  options?: UseMutationOptions<
-    HttpTypes.AdminApiKeyResponse,
-    FetchError,
-    HttpTypes.AdminBatchLink["remove"]
-  >
-) => {
-  return useMutation({
-    mutationFn: (payload) =>
-      sdk.admin.apiKey.batchSalesChannels(id, { remove: payload }),
-    onSuccess: (data, variables, context) => {
-      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.lists() })
-      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.detail(id) })
-      queryClient.invalidateQueries({
-        queryKey: salesChannelsQueryKeys.lists(),
-      })
-
-      options?.onSuccess?.(data, variables, context)
-    },
-    ...options,
-  })
-}
-
-export const useBatchAddSalesChannelsToApiKey = (
-  id: string,
-  options?: UseMutationOptions<
-    HttpTypes.AdminApiKeyResponse,
-    FetchError,
-    HttpTypes.AdminBatchLink["add"]
-  >
-) => {
-  return useMutation({
-    mutationFn: (payload) =>
-      sdk.admin.apiKey.batchSalesChannels(id, { add: payload }),
-    onSuccess: (data, variables, context) => {
-      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.lists() })
-      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.detail(id) })
-      queryClient.invalidateQueries({
-        queryKey: salesChannelsQueryKeys.lists(),
-      })
-
-      options?.onSuccess?.(data, variables, context)
-    },
-    ...options,
-  })
-}

package/src/hooks/api/index.ts

@@ -6,7 +6,6 @@ export * from "./invites"
 export * from "./locales"
 export * from "./notification"
 export * from "./plugins"
-export * from "./store"
 export * from "./translations"
 export * from "./users"
 export * from "./views"

package/src/providers/keybind-provider/hooks.tsx

@@ -110,95 +110,6 @@ export const useGlobalShortcuts = () => {
   }
 
   const globalShortcuts: Shortcut[] = [
-    // Pages
-    {
-      keys: {
-        Mac: ["G", "O"],
-      },
-      label: t("app.keyboardShortcuts.navigation.goToOrders"),
-      type: "pageShortcut",
-      to: "/orders",
-    },
-    {
-      keys: {
-        Mac: ["G", "P"],
-      },
-      label: t("app.keyboardShortcuts.navigation.goToProducts"),
-      type: "pageShortcut",
-      to: "/products",
-    },
-    {
-      keys: {
-        Mac: ["G", "C"],
-      },
-      label: t("app.keyboardShortcuts.navigation.goToCollections"),
-      type: "pageShortcut",
-      to: "/collections",
-    },
-    {
-      keys: {
-        Mac: ["G", "A"],
-      },
-      label: t("app.keyboardShortcuts.navigation.goToCategories"),
-      type: "pageShortcut",
-      to: "/categories",
-    },
-    {
-      keys: {
-        Mac: ["G", "U"],
-      },
-      label: t("app.keyboardShortcuts.navigation.goToCustomers"),
-      type: "pageShortcut",
-      to: "/customers",
-    },
-    {
-      keys: {
-        Mac: ["G", "G"],
-      },
-      label: t("app.keyboardShortcuts.navigation.goToCustomerGroups"),
-      type: "pageShortcut",
-      to: "/customer-groups",
-    },
-    {
-      keys: {
-        Mac: ["G", "I"],
-      },
-      label: t("app.keyboardShortcuts.navigation.goToInventory"),
-      type: "pageShortcut",
-      to: "/inventory",
-    },
-    {
-      keys: {
-        Mac: ["G", "R"],
-      },
-      label: t("app.keyboardShortcuts.navigation.goToReservations"),
-      type: "pageShortcut",
-      to: "/reservations",
-    },
-    {
-      keys: {
-        Mac: ["G", "L"],
-      },
-      label: t("app.keyboardShortcuts.navigation.goToPriceLists"),
-      type: "pageShortcut",
-      to: "/price-lists",
-    },
-    {
-      keys: {
-        Mac: ["G", "M"],
-      },
-      label: t("app.keyboardShortcuts.navigation.goToPromotions"),
-      type: "pageShortcut",
-      to: "/promotions",
-    },
-    {
-      keys: {
-        Mac: ["G", "K"],
-      },
-      label: t("app.keyboardShortcuts.navigation.goToCampaigns"),
-      type: "pageShortcut",
-      to: "/campaigns",
-    },
     // Settings
     {
       keys: {
@@ -208,14 +119,6 @@ export const useGlobalShortcuts = () => {
       type: "settingShortcut",
       to: "/settings",
     },
-    {
-      keys: {
-        Mac: ["G", ",", "S"],
-      },
-      label: t("app.keyboardShortcuts.settings.goToStore"),
-      type: "settingShortcut",
-      to: "/settings/store",
-    },
     {
       keys: {
         Mac: ["G", ",", "U"],
@@ -224,54 +127,6 @@ export const useGlobalShortcuts = () => {
       type: "settingShortcut",
       to: "/settings/users",
     },
-    {
-      keys: {
-        Mac: ["G", ",", "R"],
-      },
-      label: t("app.keyboardShortcuts.settings.goToRegions"),
-      type: "settingShortcut",
-      to: "/settings/regions",
-    },
-    {
-      keys: {
-        Mac: ["G", ",", "T"],
-      },
-      label: t("app.keyboardShortcuts.settings.goToTaxRegions"),
-      type: "settingShortcut",
-      to: "/settings/tax-regions",
-    },
-    {
-      keys: {
-        Mac: ["G", ",", "A"],
-      },
-      label: t("app.keyboardShortcuts.settings.goToSalesChannels"),
-      type: "settingShortcut",
-      to: "/settings/sales-channels",
-    },
-    {
-      keys: {
-        Mac: ["G", ",", "P"],
-      },
-      label: t("app.keyboardShortcuts.settings.goToProductTypes"),
-      type: "settingShortcut",
-      to: "/settings/product-types",
-    },
-    {
-      keys: {
-        Mac: ["G", ",", "L"],
-      },
-      label: t("app.keyboardShortcuts.settings.goToLocations"),
-      type: "settingShortcut",
-      to: "/settings/locations",
-    },
-    {
-      keys: {
-        Mac: ["G", ",", "M"],
-      },
-      label: t("app.keyboardShortcuts.settings.goToReturnReasons"),
-      type: "settingShortcut",
-      to: "/settings/return-reasons",
-    },
     {
       keys: {
         Mac: ["G", ",", "J"],

package/src/routes/translations/translation-list/translation-list.tsx

@@ -5,7 +5,7 @@ import { useNavigate } from "react-router-dom"
 import { TwoColumnPageSkeleton } from "../../../components/common/skeleton"
 import { TwoColumnPage } from "../../../components/layout/pages"
 import {
-  useStore,
+  useLocales,
   useTranslationSettings,
   useTranslationStatistics,
 } from "../../../hooks/api"
@@ -26,7 +26,9 @@ export const TranslationList = () => {
   const { t } = useTranslation()
   const navigate = useNavigate()
 
-  const { store, isPending, isError, error } = useStore()
+  const { locales: localesList, isPending, isError, error } = useLocales()
+  const supportedLocales =
+    localesList?.map((l) => ({ locale_code: l.code, locale: l.code })) ?? []
   const {
     translation_settings,
     isPending: isTranslationSettingsPending,
@@ -42,17 +44,12 @@ export const TranslationList = () => {
     error: translationStatisticsError,
   } = useTranslationStatistics(
     {
-      locales:
-        store?.supported_locales?.map(
-          (suportedLocale) => suportedLocale.locale_code
-        ) ?? [],
+      locales: supportedLocales.map((l) => l.locale_code),
       entity_types: Object.keys(translation_settings ?? {}),
     },
     {
       enabled:
-        !!translation_settings &&
-        !!store &&
-        store.supported_locales?.length > 0,
+        !!translation_settings && supportedLocales.length > 0,
     }
   )
 
@@ -60,7 +57,7 @@ export const TranslationList = () => {
     throw error || translationSettingsError || translationStatisticsError
   }
 
-  const hasLocales = (store?.supported_locales ?? []).length > 0
+  const hasLocales = supportedLocales.length > 0
 
   const translatableEntities: TranslatableEntity[] = useMemo(() => {
     if (!translation_settings) {
@@ -104,7 +101,7 @@ export const TranslationList = () => {
   }, [navigate])
 
   const isReady =
-    !!store &&
+    !!localesList &&
     !isPending &&
     !isTranslationSettingsPending &&
     !!translation_settings &&
@@ -168,19 +165,11 @@ export const TranslationList = () => {
       </TwoColumnPage.Main>
       <TwoColumnPage.Sidebar>
         <ActiveLocalesSection
-          locales={
-            store?.supported_locales?.map(
-              (suportedLocale) => suportedLocale.locale
-            ) ?? []
-          }
+          locales={supportedLocales.map((l) => l.locale)}
         ></ActiveLocalesSection>
         <TranslationsCompletionSection
           statistics={statistics ?? {}}
-          locales={
-            store?.supported_locales?.map(
-              (supportedLocale) => supportedLocale.locale
-            ) ?? []
-          }
+          locales={supportedLocales.map((l) => l.locale)}
         />
       </TwoColumnPage.Sidebar>
     </TwoColumnPage>

package/src/routes/translations/translations-edit/translations-edit.tsx

@@ -3,8 +3,8 @@ import { useEffect } from "react"
 import { useNavigate, useSearchParams } from "react-router-dom"
 import { RouteFocusModal } from "../../../components/modals"
 import {
+  useLocales,
   useReferenceTranslations,
-  useStore,
   useTranslationSettings,
 } from "../../../hooks/api"
 import { useFeatureFlag } from "../../../providers/feature-flag-provider"
@@ -46,11 +46,14 @@ export const TranslationsEdit = () => {
     placeholderData: keepPreviousData,
   })
   const {
-    store,
-    isPending: isStorePending,
-    isError: isStoreError,
-    error: storeError,
-  } = useStore()
+    locales: localesList,
+    isPending: isLocalesPending,
+    isError: isLocalesError,
+    error: localesError,
+  } = useLocales()
+
+  const availableLocales =
+    localesList?.map((l) => ({ locale_code: l.code, locale: l.code })) ?? []
 
   const ready =
     !isPending &&
@@ -58,11 +61,11 @@ export const TranslationsEdit = () => {
     !!translation_settings &&
     !isTranslationSettingsPending &&
     !!references &&
-    !isStorePending &&
-    !!store
+    !isLocalesPending &&
+    !!localesList
 
-  if (isError || isStoreError || isTranslationSettingsError) {
-    throw error || storeError || translationSettingsError
+  if (isError || isLocalesError || isTranslationSettingsError) {
+    throw error || localesError || translationSettingsError
   }
 
   return (
@@ -72,7 +75,7 @@ export const TranslationsEdit = () => {
           translations={translations}
           references={references}
           entityType={reference!}
-          availableLocales={store?.supported_locales ?? []}
+          availableLocales={availableLocales}
           translatableFields={translation_settings[reference!]?.fields ?? []}
           fetchNextPage={fetchNextPage}
           hasNextPage={hasNextPage}

package/src/vite-env.d.ts

@@ -2,6 +2,8 @@
 
 interface ImportMetaEnv {
   readonly VITE_ACMEKIT_ADMIN_BACKEND_URL: string
+  readonly VITE_ACMEKIT_FRONTEND_URL: string
+  /** @deprecated Use VITE_ACMEKIT_FRONTEND_URL */
   readonly VITE_ACMEKIT_STOREFRONT_URL: string
   readonly VITE_ACMEKIT_V2: "true" | "false"
 }
@@ -14,7 +16,7 @@ interface ImportMeta {
 }
 
 declare const __BACKEND_URL__: string | undefined
-declare const __STOREFRONT_URL__: string | undefined
+declare const __FRONTEND_URL__: string | undefined
 declare const __BASE__: string
 declare const __AUTH_TYPE__: "session" | "jwt" | undefined
 declare const __JWT_TOKEN_STORAGE_KEY__: string | undefined