@acmekit/dashboard 2.13.7 → 2.13.8

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

@@ -0,0 +1,175 @@
+import {
+  getTransactionState,
+  getTransactionStateColor
+} from "./chunk-RPAL6FHW.mjs";
+import {
+  StatusCell
+} from "./chunk-WILMJYUB.mjs";
+import {
+  useWorkflowExecutions
+} from "./chunk-LKWTBYYC.mjs";
+import {
+  SingleColumnPage
+} from "./chunk-22YYMH6M.mjs";
+import {
+  useExtension
+} from "./chunk-C5P5PL3E.mjs";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-7ZHDHEUH.mjs";
+import "./chunk-ITNQKZQQ.mjs";
+import {
+  useQueryParams
+} from "./chunk-C76H5USB.mjs";
+import "./chunk-DFFLVEZ5.mjs";
+import "./chunk-535OVBXR.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.8",
   "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.8",
+    "@acmekit/icons": "2.13.8",
+    "@acmekit/js-sdk": "2.13.8",
+    "@acmekit/ui": "4.1.8",
     "@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.8",
+    "@acmekit/admin-vite-plugin": "2.13.8",
+    "@acmekit/types": "2.13.8",
+    "@acmekit/ui-preset": "2.13.8"
   },
   "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/dist/chunk-FBTP4AJM.mjs

@@ -1,221 +0,0 @@
-import {
-  queryKeysFactory
-} from "./chunk-QYOO4QR6.mjs";
-import {
-  sdk
-} from "./chunk-4VYJHIB3.mjs";
-
-// src/hooks/api/api-keys.tsx
-import {
-  useMutation as useMutation4,
-  useQuery as useQuery4
-} from "@tanstack/react-query";
-
-// src/hooks/api/sales-channels.tsx
-import {
-  useMutation as useMutation3,
-  useQuery as useQuery3
-} from "@tanstack/react-query";
-
-// src/hooks/api/products.tsx
-import {
-  useMutation as useMutation2,
-  useQuery as useQuery2
-} from "@tanstack/react-query";
-
-// src/hooks/api/inventory.tsx
-import {
-  useMutation,
-  useQuery
-} from "@tanstack/react-query";
-var INVENTORY_ITEMS_QUERY_KEY = "inventory_items";
-var inventoryItemsQueryKeys = queryKeysFactory(
-  INVENTORY_ITEMS_QUERY_KEY
-);
-var INVENTORY_ITEM_LEVELS_QUERY_KEY = "inventory_item_levels";
-var inventoryItemLevelsQueryKeys = queryKeysFactory(
-  INVENTORY_ITEM_LEVELS_QUERY_KEY
-);
-
-// src/hooks/use-infinite-list.tsx
-import {
-  useInfiniteQuery
-} from "@tanstack/react-query";
-
-// src/hooks/api/products.tsx
-var PRODUCTS_QUERY_KEY = "products";
-var productsQueryKeys = queryKeysFactory(PRODUCTS_QUERY_KEY);
-var VARIANTS_QUERY_KEY = "product_variants";
-var variantsQueryKeys = queryKeysFactory(VARIANTS_QUERY_KEY);
-var OPTIONS_QUERY_KEY = "product_options";
-var optionsQueryKeys = queryKeysFactory(OPTIONS_QUERY_KEY);
-
-// src/hooks/api/sales-channels.tsx
-var SALES_CHANNELS_QUERY_KEY = "sales-channels";
-var salesChannelsQueryKeys = queryKeysFactory(SALES_CHANNELS_QUERY_KEY);
-
-// src/hooks/api/api-keys.tsx
-var API_KEYS_QUERY_KEY = "api_keys";
-var apiKeysQueryKeys = queryKeysFactory(API_KEYS_QUERY_KEY);
-
-// src/hooks/api/cloud.tsx
-import {
-  useMutation as useMutation5,
-  useQuery as useQuery5
-} from "@tanstack/react-query";
-var cloudQueryKeys = {
-  all: ["cloud"],
-  auth: () => [...cloudQueryKeys.all, "auth"]
-};
-var useCloudAuthEnabled = (options) => {
-  return useQuery5({
-    queryKey: cloudQueryKeys.auth(),
-    queryFn: async () => {
-      return await sdk.client.fetch("/cloud/auth");
-    },
-    ...options
-  });
-};
-var useCreateCloudAuthUser = (options) => {
-  return useMutation5({
-    mutationFn: async () => {
-      await sdk.client.fetch("/cloud/auth/users", {
-        method: "POST"
-      });
-    },
-    ...options
-  });
-};
-
-// src/hooks/api/feature-flags.tsx
-import { useQuery as useQuery6 } from "@tanstack/react-query";
-var useFeatureFlags = () => {
-  return useQuery6({
-    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 useQuery7 } from "@tanstack/react-query";
-var LOCALES_QUERY_KEY = "locales";
-var localesQueryKeys = queryKeysFactory(LOCALES_QUERY_KEY);
-
-// src/hooks/api/notification.tsx
-import { useQuery as useQuery8 } from "@tanstack/react-query";
-var NOTIFICATION_QUERY_KEY = "notification";
-var notificationQueryKeys = queryKeysFactory(NOTIFICATION_QUERY_KEY);
-var useNotifications = (query, options) => {
-  const { data, ...rest } = useQuery8({
-    queryFn: () => sdk.admin.notification.list(query),
-    queryKey: notificationQueryKeys.list(query),
-    ...options
-  });
-  return { ...data, ...rest };
-};
-
-// src/hooks/api/plugins.tsx
-import { useQuery as useQuery9 } from "@tanstack/react-query";
-var PLUGINS_QUERY_KEY = "plugins";
-var pluginsQueryKeys = queryKeysFactory(PLUGINS_QUERY_KEY);
-
-// src/hooks/api/store.tsx
-import {
-  useMutation as useMutation6,
-  useQuery as useQuery10
-} from "@tanstack/react-query";
-import { FetchError } from "@acmekit/js-sdk";
-var STORE_QUERY_KEY = "store";
-var storeQueryKeys = queryKeysFactory(STORE_QUERY_KEY);
-
-// src/hooks/api/translations.tsx
-import {
-  useInfiniteQuery as useInfiniteQuery2,
-  useMutation as useMutation7,
-  useQuery as useQuery11
-} 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 useMutation8,
-  useQuery as useQuery12
-} 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 } = useQuery12({
-    queryFn: () => sdk.admin.user.me(query),
-    queryKey: usersQueryKeys.me(),
-    ...options
-  });
-  return {
-    ...data,
-    ...rest
-  };
-};
-
-// src/hooks/api/views.tsx
-import {
-  useMutation as useMutation9,
-  useQuery as useQuery13
-} 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 useQuery14 } 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/chunk-QYOO4QR6.mjs

@@ -1,73 +0,0 @@
-import {
-  sdk
-} from "./chunk-4VYJHIB3.mjs";
-
-// src/hooks/api/invites.tsx
-import {
-  useMutation,
-  useQuery
-} from "@tanstack/react-query";
-
-// src/lib/query-client.ts
-import { QueryClient } from "@tanstack/react-query";
-var MEDUSA_BACKEND_URL = __BACKEND_URL__ ?? "/";
-var queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      refetchOnWindowFocus: false,
-      staleTime: 9e4,
-      retry: 1
-    }
-  }
-});
-
-// src/lib/query-key-factory.ts
-var queryKeysFactory = (globalKey) => {
-  const queryKeyFactory = {
-    all: [globalKey],
-    lists: () => [...queryKeyFactory.all, "list"],
-    list: (query) => [...queryKeyFactory.lists(), query ? { query } : void 0].filter(
-      (k) => !!k
-    ),
-    details: () => [...queryKeyFactory.all, "detail"],
-    detail: (id, query) => [...queryKeyFactory.details(), id, query ? { query } : void 0].filter(
-      (k) => !!k
-    )
-  };
-  return queryKeyFactory;
-};
-
-// src/hooks/api/invites.tsx
-var INVITES_QUERY_KEY = "invites";
-var invitesQueryKeys = queryKeysFactory(INVITES_QUERY_KEY);
-var useAcceptInvite = (inviteToken, options) => {
-  return useMutation({
-    mutationFn: (payload) => {
-      const { auth_token, ...rest } = payload;
-      return sdk.admin.invite.accept(
-        { invite_token: inviteToken, ...rest },
-        {},
-        {
-          Authorization: `Bearer ${auth_token}`
-        }
-      );
-    },
-    onSuccess: (data, variables, context) => {
-      options?.onSuccess?.(data, variables, context);
-    },
-    ...options
-  });
-};
-
-// src/lib/is-fetch-error.ts
-import { FetchError } from "@acmekit/js-sdk";
-var isFetchError = (error) => {
-  return error instanceof FetchError;
-};
-
-export {
-  queryClient,
-  queryKeysFactory,
-  useAcceptInvite,
-  isFetchError
-};