@acmekit/dashboard 2.13.7 → 2.13.9

package/dist/chunk-C76H5USB.mjs

@@ -0,0 +1,16 @@
+// src/hooks/use-query-params.tsx
+import { useSearchParams } from "react-router-dom";
+function useQueryParams(keys, prefix) {
+  const [params] = useSearchParams();
+  const result = {};
+  keys.forEach((key) => {
+    const prefixedKey = prefix ? `${prefix}_${key}` : key;
+    const value = params.get(prefixedKey) || void 0;
+    result[key] = value;
+  });
+  return result;
+}
+
+export {
+  useQueryParams
+};

package/dist/chunk-DFFLVEZ5.mjs

@@ -0,0 +1,40 @@
+import {
+  languages
+} from "./chunk-535OVBXR.mjs";
+
+// src/hooks/use-date.tsx
+import { format, formatDistance, sub } from "date-fns";
+import { enUS } from "date-fns/locale";
+import { useTranslation } from "react-i18next";
+var useDate = () => {
+  const { i18n } = useTranslation();
+  const locale = languages.find((l) => l.code === i18n.language)?.date_locale || enUS;
+  const getFullDate = ({
+    date,
+    includeTime = false
+  }) => {
+    const ensuredDate = new Date(date);
+    if (isNaN(ensuredDate.getTime())) {
+      return "";
+    }
+    const timeFormat = includeTime ? "p" : "";
+    return format(ensuredDate, `PP ${timeFormat}`, {
+      locale
+    });
+  };
+  function getRelativeDate(date) {
+    const now = /* @__PURE__ */ new Date();
+    return formatDistance(sub(new Date(date), { minutes: 0 }), now, {
+      addSuffix: true,
+      locale
+    });
+  }
+  return {
+    getFullDate,
+    getRelativeDate
+  };
+};
+
+export {
+  useDate
+};

package/dist/chunk-DN3MIYQH.mjs

@@ -0,0 +1,140 @@
+import {
+  queryClient
+} from "./chunk-FXYH54JP.mjs";
+import {
+  queryKeysFactory
+} from "./chunk-774WSTCC.mjs";
+import {
+  sdk
+} from "./chunk-DTY37DDZ.mjs";
+
+// src/hooks/api/feature-flags.tsx
+import { useQuery } from "@tanstack/react-query";
+var useFeatureFlags = () => {
+  return useQuery({
+    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/views.tsx
+import {
+  useMutation,
+  useQuery as useQuery2
+} 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;
+};
+var viewsQueryKeys = _viewsKeys;
+var useViewConfigurations = (entity, query, options) => {
+  const { data, ...rest } = useQuery2({
+    queryFn: () => sdk.admin.views.listConfigurations(entity, query),
+    queryKey: viewsQueryKeys.configurations(entity, query),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+var useActiveViewConfiguration = (entity, options) => {
+  const query = useQuery2({
+    queryFn: () => sdk.admin.views.retrieveActiveConfiguration(entity),
+    queryKey: viewsQueryKeys.active(entity),
+    ...options
+  });
+  const { data, ...rest } = query;
+  return { ...data, ...rest };
+};
+var useCreateViewConfiguration = (entity, options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.views.createConfiguration(entity, payload),
+    ...options,
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: viewsQueryKeys.configurations(entity) });
+      if (variables.set_active) {
+        queryClient.invalidateQueries({
+          queryKey: viewsQueryKeys.active(entity)
+        });
+      }
+      options?.onSuccess?.(data, variables, context);
+    }
+  });
+};
+var useUpdateViewConfiguration = (entity, id, options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.views.updateConfiguration(entity, id, payload),
+    ...options,
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: viewsQueryKeys.configurations(entity) });
+      queryClient.invalidateQueries({ queryKey: viewsQueryKeys.detail(id) });
+      queryClient.invalidateQueries({ queryKey: viewsQueryKeys.active(entity) });
+      options?.onSuccess?.(data, variables, context);
+    }
+  });
+};
+var useDeleteViewConfiguration = (entity, id, options) => {
+  return useMutation({
+    mutationFn: () => sdk.admin.views.deleteConfiguration(entity, id),
+    ...options,
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: viewsQueryKeys.configurations(entity) });
+      queryClient.invalidateQueries({ queryKey: viewsQueryKeys.detail(id) });
+      queryClient.invalidateQueries({
+        queryKey: viewsQueryKeys.active(entity)
+      });
+      options?.onSuccess?.(data, variables, context);
+    }
+  });
+};
+var useSetActiveViewConfiguration = (entity, options) => {
+  return useMutation({
+    mutationFn: (viewConfigurationId) => {
+      return sdk.admin.views.setActiveConfiguration(entity, {
+        view_configuration_id: viewConfigurationId
+      });
+    },
+    ...options,
+    onSuccess: async (data, variables, context) => {
+      await queryClient.invalidateQueries({
+        queryKey: viewsQueryKeys.active(entity)
+      });
+      await queryClient.invalidateQueries({ queryKey: viewsQueryKeys.configurations(entity) });
+      options?.onSuccess?.(data, variables, context);
+    },
+    onError: (error, variables, context) => {
+      options?.onError?.(error, variables, context);
+    }
+  });
+};
+
+export {
+  useFeatureFlags,
+  useViewConfigurations,
+  useActiveViewConfiguration,
+  useCreateViewConfiguration,
+  useUpdateViewConfiguration,
+  useDeleteViewConfiguration,
+  useSetActiveViewConfiguration
+};

package/dist/chunk-DQCEH3X2.mjs

@@ -0,0 +1,28 @@
+import {
+  useFeatureFlags
+} from "./chunk-DN3MIYQH.mjs";
+
+// src/providers/feature-flag-provider/index.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var FeatureFlagContext = createContext(null);
+var useFeatureFlag = (flag) => {
+  const context = useContext(FeatureFlagContext);
+  if (!context) {
+    return false;
+  }
+  return context.isFeatureEnabled(flag);
+};
+var FeatureFlagProvider = ({ children }) => {
+  const { data: flags = {}, isLoading, error } = useFeatureFlags();
+  const isFeatureEnabled = (flag) => {
+    const enabled = flags[flag] === true;
+    return enabled;
+  };
+  return /* @__PURE__ */ jsx(FeatureFlagContext.Provider, { value: { flags, isLoading, isFeatureEnabled }, children });
+};
+
+export {
+  useFeatureFlag,
+  FeatureFlagProvider
+};

package/dist/chunk-DTY37DDZ.mjs

@@ -0,0 +1,20 @@
+// src/lib/client/client.ts
+import AcmeKit from "@acmekit/js-sdk";
+var backendUrl = __BACKEND_URL__ ?? "/";
+var authType = __AUTH_TYPE__ ?? "session";
+var jwtTokenStorageKey = __JWT_TOKEN_STORAGE_KEY__ || void 0;
+var sdk = new AcmeKit({
+  baseUrl: backendUrl,
+  auth: {
+    type: authType,
+    jwtTokenStorageKey
+  }
+});
+if (typeof window !== "undefined") {
+  ;
+  window.__sdk = sdk;
+}
+
+export {
+  sdk
+};

package/dist/chunk-EFRMWHRX.mjs

@@ -0,0 +1,84 @@
+import {
+  queryClient
+} from "./chunk-FXYH54JP.mjs";
+import {
+  queryKeysFactory
+} from "./chunk-774WSTCC.mjs";
+import {
+  sdk
+} from "./chunk-DTY37DDZ.mjs";
+
+// src/hooks/api/api-keys.tsx
+import {
+  useMutation,
+  useQuery
+} from "@tanstack/react-query";
+var API_KEYS_QUERY_KEY = "api_keys";
+var apiKeysQueryKeys = queryKeysFactory(API_KEYS_QUERY_KEY);
+var useApiKey = (id, options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => sdk.admin.apiKey.retrieve(id),
+    queryKey: apiKeysQueryKeys.detail(id),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+var useApiKeys = (query, options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => sdk.admin.apiKey.list(query),
+    queryKey: apiKeysQueryKeys.list(query),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+var useCreateApiKey = (options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.apiKey.create(payload),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.lists() });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useUpdateApiKey = (id, options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.apiKey.update(id, payload),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.lists() });
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.detail(id) });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useRevokeApiKey = (id, options) => {
+  return useMutation({
+    mutationFn: () => sdk.admin.apiKey.revoke(id),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.lists() });
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.detail(id) });
+      options?.onSuccess?.(data, variables, context);
+    }
+  });
+};
+var useDeleteApiKey = (id, options) => {
+  return useMutation({
+    mutationFn: () => sdk.admin.apiKey.delete(id),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.lists() });
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.detail(id) });
+      options?.onSuccess?.(data, variables, context);
+    }
+  });
+};
+
+export {
+  apiKeysQueryKeys,
+  useApiKey,
+  useApiKeys,
+  useCreateApiKey,
+  useUpdateApiKey,
+  useRevokeApiKey,
+  useDeleteApiKey
+};

package/dist/chunk-FXYH54JP.mjs

@@ -0,0 +1,16 @@
+// 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
+    }
+  }
+});
+
+export {
+  queryClient
+};

package/dist/chunk-G22WWLPG.mjs

@@ -0,0 +1,44 @@
+// src/routes/api-key-management/common/utils.ts
+function getApiKeyTypeFromPathname(pathname) {
+  const isSecretKey = pathname.startsWith("/settings/secret-api-keys");
+  switch (isSecretKey) {
+    case true:
+      return "secret" /* SECRET */;
+    case false:
+      return "publishable" /* PUBLISHABLE */;
+  }
+}
+function getApiKeyStatusProps(revokedAt, t) {
+  if (!revokedAt) {
+    return {
+      color: "green",
+      label: t("apiKeyManagement.status.active")
+    };
+  }
+  return {
+    color: "red",
+    label: t("apiKeyManagement.status.revoked")
+  };
+}
+function getApiKeyTypeProps(type, t) {
+  if (type === "publishable" /* PUBLISHABLE */) {
+    return {
+      color: "green",
+      label: t("apiKeyManagement.type.publishable")
+    };
+  }
+  return {
+    color: "blue",
+    label: t("apiKeyManagement.type.secret")
+  };
+}
+var prettifyRedactedToken = (token) => {
+  return token.replace("***", `\u2022\u2022\u2022`);
+};
+
+export {
+  getApiKeyTypeFromPathname,
+  getApiKeyStatusProps,
+  getApiKeyTypeProps,
+  prettifyRedactedToken
+};

package/dist/chunk-G2VJOHHV.mjs

@@ -0,0 +1,32 @@
+// src/components/common/icon-avatar/icon-avatar.tsx
+import { clx } from "@acmekit/ui";
+import { jsx } from "react/jsx-runtime";
+var IconAvatar = ({
+  size = "small",
+  variant = "rounded",
+  children,
+  className
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clx(
+        "shadow-borders-base flex size-7 items-center justify-center",
+        variant === "squared" && "rounded-md",
+        variant === "rounded" && "rounded-full",
+        "[&>div]:bg-ui-bg-field [&>div]:text-ui-fg-subtle [&>div]:flex [&>div]:size-6 [&>div]:items-center [&>div]:justify-center",
+        {
+          "size-7 rounded-md [&>div]:size-6 [&>div]:rounded-[4px]": size === "small",
+          "size-10 rounded-lg [&>div]:size-9 [&>div]:rounded-[6px]": size === "large",
+          "size-12 rounded-xl [&>div]:size-11 [&>div]:rounded-[10px]": size === "xlarge"
+        },
+        className
+      ),
+      children: /* @__PURE__ */ jsx("div", { children })
+    }
+  );
+};
+
+export {
+  IconAvatar
+};

package/dist/chunk-GBFVWROS.mjs

@@ -0,0 +1,58 @@
+import {
+  sdk
+} from "./chunk-DTY37DDZ.mjs";
+
+// src/hooks/api/auth.tsx
+import { useMutation } from "@tanstack/react-query";
+var useSignInWithEmailPass = (options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.auth.login("user", "emailpass", payload),
+    onSuccess: async (data, variables, context) => {
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useSignUpWithEmailPass = (options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.auth.register("user", "emailpass", payload),
+    onSuccess: async (data, variables, context) => {
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useResetPasswordForEmailPass = (options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.auth.resetPassword("user", "emailpass", {
+      identifier: payload.email
+    }),
+    onSuccess: async (data, variables, context) => {
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useLogout = (options) => {
+  return useMutation({
+    mutationFn: () => sdk.auth.logout(),
+    ...options
+  });
+};
+var useUpdateProviderForEmailPass = (token, options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.auth.updateProvider("user", "emailpass", payload, token),
+    onSuccess: async (data, variables, context) => {
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+
+export {
+  useSignInWithEmailPass,
+  useSignUpWithEmailPass,
+  useResetPasswordForEmailPass,
+  useLogout,
+  useUpdateProviderForEmailPass
+};

package/dist/chunk-ITNQKZQQ.mjs

@@ -0,0 +1,142 @@
+// src/components/common/skeleton/skeleton.tsx
+import { Container, clx } from "@acmekit/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Skeleton = ({ className, style }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-hidden": true,
+      className: clx(
+        "bg-ui-bg-component h-3 w-3 animate-pulse rounded-[4px]",
+        className
+      ),
+      style
+    }
+  );
+};
+var TableFooterSkeleton = ({ layout }) => {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clx("flex items-center justify-between p-4", {
+        "border-t": layout === "fill"
+      }),
+      children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-[138px]" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-24" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-11" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-11" })
+        ] })
+      ]
+    }
+  );
+};
+var TableSkeleton = ({
+  rowCount = 10,
+  search = true,
+  filters = true,
+  orderBy = true,
+  pagination = true,
+  layout = "fit"
+}) => {
+  const totalRowCount = rowCount + 1;
+  const rows = Array.from({ length: totalRowCount }, (_, i) => i);
+  const hasToolbar = search || filters || orderBy;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-hidden": true,
+      className: clx({
+        "flex h-full flex-col overflow-hidden": layout === "fill"
+      }),
+      children: [
+        hasToolbar && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+          filters && /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-full max-w-[135px]" }),
+          (search || orderBy) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+            search && /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-[160px]" }),
+            orderBy && /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-7" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col divide-y border-y", children: rows.map((row) => /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full rounded-none" }, row)) }),
+        pagination && /* @__PURE__ */ jsx(TableFooterSkeleton, { layout })
+      ]
+    }
+  );
+};
+var SingleColumnPageSkeleton = ({
+  sections = 2,
+  showJSON = false,
+  showMetadata = false
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-3", children: [
+    Array.from({ length: sections }, (_, i) => i).map((section) => {
+      return /* @__PURE__ */ jsx(
+        Skeleton,
+        {
+          className: clx("h-full max-h-[460px] w-full rounded-lg", {
+            // First section is smaller on most pages, this gives us less
+            // layout shifting in general,
+            "max-h-[219px]": section === 0
+          })
+        },
+        section
+      );
+    }),
+    showMetadata && /* @__PURE__ */ jsx(Skeleton, { className: "h-[60px] w-full rounded-lg" }),
+    showJSON && /* @__PURE__ */ jsx(Skeleton, { className: "h-[60px] w-full rounded-lg" })
+  ] });
+};
+var TwoColumnPageSkeleton = ({
+  mainSections = 2,
+  sidebarSections = 1,
+  showJSON = false,
+  showMetadata = true
+}) => {
+  const showExtraData = showJSON || showMetadata;
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-x-4 gap-y-3 xl:flex-row xl:items-start", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-y-3", children: [
+      Array.from({ length: mainSections }, (_, i) => i).map((section) => {
+        return /* @__PURE__ */ jsx(
+          Skeleton,
+          {
+            className: clx("h-full max-h-[460px] w-full rounded-lg", {
+              "max-h-[219px]": section === 0
+            })
+          },
+          section
+        );
+      }),
+      showExtraData && /* @__PURE__ */ jsxs("div", { className: "hidden flex-col gap-y-3 xl:flex", children: [
+        showMetadata && /* @__PURE__ */ jsx(Skeleton, { className: "h-[60px] w-full rounded-lg" }),
+        showJSON && /* @__PURE__ */ jsx(Skeleton, { className: "h-[60px] w-full rounded-lg" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[100%] flex-col gap-y-3 xl:mt-0 xl:max-w-[440px]", children: [
+      Array.from({ length: sidebarSections }, (_, i) => i).map(
+        (section) => {
+          return /* @__PURE__ */ jsx(
+            Skeleton,
+            {
+              className: clx("h-full max-h-[320px] w-full rounded-lg", {
+                "max-h-[140px]": section === 0
+              })
+            },
+            section
+          );
+        }
+      ),
+      showExtraData && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-3 xl:hidden", children: [
+        showMetadata && /* @__PURE__ */ jsx(Skeleton, { className: "h-[60px] w-full rounded-lg" }),
+        showJSON && /* @__PURE__ */ jsx(Skeleton, { className: "h-[60px] w-full rounded-lg" })
+      ] })
+    ] })
+  ] }) });
+};
+
+export {
+  Skeleton,
+  TableSkeleton,
+  SingleColumnPageSkeleton,
+  TwoColumnPageSkeleton
+};

package/dist/chunk-LKWTBYYC.mjs

@@ -0,0 +1,35 @@
+import {
+  queryKeysFactory
+} from "./chunk-774WSTCC.mjs";
+import {
+  sdk
+} from "./chunk-DTY37DDZ.mjs";
+
+// src/hooks/api/workflow-executions.tsx
+import { useQuery } from "@tanstack/react-query";
+var WORKFLOW_EXECUTIONS_QUERY_KEY = "workflow_executions";
+var workflowExecutionsQueryKeys = queryKeysFactory(
+  WORKFLOW_EXECUTIONS_QUERY_KEY
+);
+var useWorkflowExecutions = (query, options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => sdk.admin.workflowExecution.list(query),
+    queryKey: workflowExecutionsQueryKeys.list(query),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+var useWorkflowExecution = (id, options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => sdk.admin.workflowExecution.retrieve(id),
+    queryKey: workflowExecutionsQueryKeys.detail(id),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+
+export {
+  workflowExecutionsQueryKeys,
+  useWorkflowExecutions,
+  useWorkflowExecution
+};