@mercurjs/admin 2.0.0-canary.24

package/dist/chunk-AW77UWCZ.js

@@ -0,0 +1,363 @@
+// src/components/inputs/combobox/combobox.tsx
+import {
+  Combobox as PrimitiveCombobox,
+  ComboboxDisclosure as PrimitiveComboboxDisclosure,
+  ComboboxItem as PrimitiveComboboxItem,
+  ComboboxItemCheck as PrimitiveComboboxItemCheck,
+  ComboboxItemValue as PrimitiveComboboxItemValue,
+  ComboboxPopover as PrimitiveComboboxPopover,
+  ComboboxProvider as PrimitiveComboboxProvider,
+  Separator as PrimitiveSeparator
+} from "@ariakit/react";
+import {
+  CheckMini,
+  EllipseMiniSolid,
+  PlusMini,
+  TrianglesMini,
+  XMarkMini
+} from "@medusajs/icons";
+import { clx, Text } from "@medusajs/ui";
+import { matchSorter } from "match-sorter";
+import {
+  Fragment,
+  useCallback,
+  useDeferredValue,
+  useImperativeHandle,
+  useMemo,
+  useRef,
+  useState,
+  useTransition
+} from "react";
+import { useTranslation } from "react-i18next";
+
+// src/components/utilities/generic-forward-ref/generic-forward-ref.tsx
+import { forwardRef } from "react";
+function genericForwardRef(render) {
+  return forwardRef(render);
+}
+
+// src/components/inputs/combobox/combobox.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var TABLUAR_NUM_WIDTH = 8;
+var TAG_BASE_WIDTH = 28;
+var ComboboxImpl = ({
+  value: controlledValue,
+  onChange,
+  searchValue: controlledSearchValue,
+  onSearchValueChange,
+  options,
+  className,
+  placeholder,
+  fetchNextPage,
+  isFetchingNextPage,
+  onCreateOption,
+  noResultsPlaceholder,
+  allowClear,
+  forceHideInput,
+  ...inputProps
+}, ref) => {
+  const [open, setOpen] = useState(false);
+  const [isPending, startTransition] = useTransition();
+  const { t } = useTranslation();
+  const comboboxRef = useRef(null);
+  const listboxRef = useRef(null);
+  useImperativeHandle(ref, () => comboboxRef.current);
+  const isValueControlled = controlledValue !== void 0;
+  const isSearchControlled = controlledSearchValue !== void 0;
+  const isArrayValue = Array.isArray(controlledValue);
+  const emptyState = isArrayValue ? [] : "";
+  const [uncontrolledSearchValue, setUncontrolledSearchValue] = useState(
+    controlledSearchValue || ""
+  );
+  const defferedSearchValue = useDeferredValue(uncontrolledSearchValue);
+  const [uncontrolledValue, setUncontrolledValue] = useState(emptyState);
+  const searchValue = isSearchControlled ? controlledSearchValue : uncontrolledSearchValue;
+  const selectedValues = isValueControlled ? controlledValue : uncontrolledValue;
+  const handleValueChange = (newValues) => {
+    const exists = options.filter((o) => !o.disabled).find((o) => {
+      if (isArrayValue) {
+        return newValues?.includes(o.value);
+      }
+      return o.value === newValues;
+    });
+    if (!exists && onCreateOption && newValues) {
+      onCreateOption(newValues);
+    }
+    if (!isValueControlled) {
+      setUncontrolledValue(newValues || emptyState);
+    }
+    if (onChange) {
+      onChange(newValues);
+    }
+    setUncontrolledSearchValue("");
+  };
+  const handleSearchChange = (query) => {
+    setUncontrolledSearchValue(query);
+    if (onSearchValueChange) {
+      onSearchValueChange(query);
+    }
+  };
+  const matches = useMemo(() => {
+    if (isSearchControlled) {
+      return [];
+    }
+    if (forceHideInput) {
+      return options;
+    }
+    return matchSorter(options, defferedSearchValue, {
+      keys: ["label"]
+    });
+  }, [options, defferedSearchValue, isSearchControlled, forceHideInput]);
+  const observer = useRef(
+    new IntersectionObserver(
+      (entries) => {
+        const first = entries[0];
+        if (first.isIntersecting) {
+          fetchNextPage?.();
+        }
+      },
+      { threshold: 1 }
+    )
+  );
+  const lastOptionRef = useCallback(
+    (node) => {
+      if (isFetchingNextPage) {
+        return;
+      }
+      if (observer.current) {
+        observer.current.disconnect();
+      }
+      if (node) {
+        observer.current.observe(node);
+      }
+    },
+    [isFetchingNextPage]
+  );
+  const handleOpenChange = (open2) => {
+    if (!open2) {
+      setUncontrolledSearchValue("");
+    }
+    setOpen(open2);
+  };
+  const hasValue = selectedValues?.length > 0;
+  const showTag = hasValue && isArrayValue;
+  const showSelected = showTag && !searchValue && !open;
+  const hideInput = forceHideInput || !isArrayValue && hasValue && !open;
+  const selectedLabel = options.find((o) => o.value === selectedValues)?.label;
+  const hidePlaceholder = showSelected || open;
+  const tagWidth = useMemo(() => {
+    if (!Array.isArray(selectedValues)) {
+      return TAG_BASE_WIDTH + TABLUAR_NUM_WIDTH;
+    }
+    const count = selectedValues.length;
+    const digits = count.toString().length;
+    return TAG_BASE_WIDTH + digits * TABLUAR_NUM_WIDTH;
+  }, [selectedValues]);
+  const results = useMemo(() => {
+    return isSearchControlled ? options : matches;
+  }, [matches, options, isSearchControlled]);
+  return /* @__PURE__ */ jsxs(
+    PrimitiveComboboxProvider,
+    {
+      open,
+      setOpen: handleOpenChange,
+      selectedValue: selectedValues,
+      setSelectedValue: (value) => handleValueChange(value),
+      value: uncontrolledSearchValue,
+      setValue: (query) => {
+        startTransition(() => handleSearchChange(query));
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: clx(
+              "relative flex cursor-pointer items-center gap-x-2 overflow-hidden",
+              "h-8 w-full rounded-md",
+              "bg-ui-bg-field transition-fg shadow-borders-base",
+              "has-[input:focus]:shadow-borders-interactive-with-active",
+              "has-[:invalid]:shadow-borders-error has-[[aria-invalid=true]]:shadow-borders-error",
+              "has-[:disabled]:bg-ui-bg-disabled has-[:disabled]:text-ui-fg-disabled has-[:disabled]:cursor-not-allowed",
+              className
+            ),
+            style: {
+              "--tag-width": `${tagWidth}px`
+            },
+            children: [
+              showTag && /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: (e) => {
+                    e.preventDefault();
+                    handleValueChange(isArrayValue ? [] : void 0);
+                  },
+                  className: "bg-ui-bg-base hover:bg-ui-bg-base-hover txt-compact-small-plus text-ui-fg-subtle focus-within:border-ui-fg-interactive transition-fg absolute start-0.5 top-0.5 z-[1] flex h-[28px] items-center rounded-[4px] border py-[3px] pe-1 ps-1.5 outline-none",
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: selectedValues.length }),
+                    /* @__PURE__ */ jsx(XMarkMini, { className: "text-ui-fg-muted" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "relative flex size-full items-center", children: [
+                showSelected && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: clx(
+                      "pointer-events-none absolute inset-y-0 flex size-full items-center",
+                      {
+                        "start-[calc(var(--tag-width)+8px)]": showTag,
+                        "start-2": !showTag
+                      }
+                    ),
+                    children: /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: t("general.selected") })
+                  }
+                ),
+                hideInput && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: clx(
+                      "pointer-events-none absolute inset-y-0 flex size-full items-center overflow-hidden",
+                      {
+                        "start-[calc(var(--tag-width)+8px)]": showTag,
+                        "start-2": !showTag
+                      }
+                    ),
+                    children: /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", className: "truncate", children: selectedLabel })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  PrimitiveCombobox,
+                  {
+                    autoSelect: true,
+                    ref: comboboxRef,
+                    onFocus: () => setOpen(true),
+                    className: clx(
+                      "txt-compact-small text-ui-fg-base !placeholder:text-ui-fg-muted transition-fg size-full cursor-pointer bg-transparent pe-8 ps-2 outline-none focus:cursor-text",
+                      "hover:bg-ui-bg-field-hover",
+                      {
+                        "opacity-0": hideInput,
+                        "ps-2": !showTag,
+                        "ps-[calc(var(--tag-width)+8px)]": showTag
+                      }
+                    ),
+                    placeholder: hidePlaceholder ? void 0 : placeholder,
+                    ...inputProps
+                  }
+                )
+              ] }),
+              allowClear && controlledValue && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: (e) => {
+                    e.preventDefault();
+                    handleValueChange(void 0);
+                  },
+                  className: "bg-ui-bg-base hover:bg-ui-bg-base-hover txt-compact-small-plus text-ui-fg-subtle focus-within:border-ui-fg-interactive transition-fg absolute end-[28px] top-0.5 z-[1] flex h-[28px] items-center rounded-[4px] border px-1.5 py-[2px] outline-none",
+                  children: /* @__PURE__ */ jsx(XMarkMini, { className: "text-ui-fg-muted" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                PrimitiveComboboxDisclosure,
+                {
+                  render: (props) => {
+                    return /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        ...props,
+                        type: "button",
+                        className: "text-ui-fg-muted transition-fg hover:bg-ui-bg-field-hover absolute end-0 flex size-8 items-center justify-center rounded-r outline-none",
+                        children: /* @__PURE__ */ jsx(TrianglesMini, {})
+                      }
+                    );
+                  }
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          PrimitiveComboboxPopover,
+          {
+            gutter: 4,
+            sameWidth: true,
+            ref: listboxRef,
+            role: "listbox",
+            className: clx(
+              "shadow-elevation-flyout bg-ui-bg-base z-50 rounded-[8px] p-1",
+              "max-h-[200px] overflow-y-auto",
+              "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+              "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+              "data-[side=bottom]:slide-in-from-top-2 data-[side=start]:slide-in-from-end-2 data-[side=end]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2"
+            ),
+            style: {
+              pointerEvents: open ? "auto" : "none"
+            },
+            "aria-busy": isPending,
+            children: [
+              results.map(({ value, label, disabled }) => /* @__PURE__ */ jsxs(
+                PrimitiveComboboxItem,
+                {
+                  value,
+                  focusOnHover: true,
+                  setValueOnClick: false,
+                  disabled,
+                  className: clx(
+                    "transition-fg bg-ui-bg-base data-[active-item=true]:bg-ui-bg-base-hover group flex cursor-pointer items-center gap-x-2 rounded-[4px] px-2 py-1",
+                    {
+                      "text-ui-fg-disabled": disabled,
+                      "bg-ui-bg-component": disabled
+                    }
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(PrimitiveComboboxItemCheck, { className: "flex !size-5 items-center justify-center", children: isArrayValue ? /* @__PURE__ */ jsx(CheckMini, {}) : /* @__PURE__ */ jsx(EllipseMiniSolid, {}) }),
+                    /* @__PURE__ */ jsx(PrimitiveComboboxItemValue, { className: "txt-compact-small", children: label })
+                  ]
+                },
+                value
+              )),
+              !!fetchNextPage && /* @__PURE__ */ jsx("div", { ref: lastOptionRef, className: "w-px" }),
+              isFetchingNextPage && /* @__PURE__ */ jsx("div", { className: "transition-fg bg-ui-bg-base flex items-center rounded-[4px] px-2 py-1.5", children: /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-component size-full h-5 w-full animate-pulse rounded-[4px]" }) }),
+              !results.length && (noResultsPlaceholder && !searchValue?.length ? noResultsPlaceholder : /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-2 rounded-[4px] px-2 py-1.5", children: /* @__PURE__ */ jsx(
+                Text,
+                {
+                  size: "small",
+                  leading: "compact",
+                  className: "text-ui-fg-subtle",
+                  children: t("general.noResultsTitle")
+                }
+              ) })),
+              !results.length && onCreateOption && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(PrimitiveSeparator, { className: "bg-ui-border-base -mx-1" }),
+                /* @__PURE__ */ jsxs(
+                  PrimitiveComboboxItem,
+                  {
+                    value: uncontrolledSearchValue,
+                    focusOnHover: true,
+                    setValueOnClick: false,
+                    className: "transition-fg bg-ui-bg-base data-[active-item=true]:bg-ui-bg-base-hover group mt-1 flex cursor-pointer items-center gap-x-2 rounded-[4px] px-2 py-1.5",
+                    children: [
+                      /* @__PURE__ */ jsx(PlusMini, { className: "text-ui-fg-subtle" }),
+                      /* @__PURE__ */ jsxs(Text, { size: "small", leading: "compact", children: [
+                        t("actions.create"),
+                        ' "',
+                        searchValue,
+                        '"'
+                      ] })
+                    ]
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+var Combobox = genericForwardRef(ComboboxImpl);
+
+export {
+  Combobox
+};

package/dist/chunk-AWZFIP25.js

@@ -0,0 +1,117 @@
+import {
+  salesChannelsQueryKeys
+} from "./chunk-HYUGYB23.js";
+import {
+  queryClient,
+  queryKeysFactory
+} from "./chunk-2KCF3ZIB.js";
+import {
+  sdk
+} from "./chunk-ZYNBKBY3.js";
+
+// 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, query, options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => sdk.admin.apiKeys.$id.query({ $id: id, ...query }),
+    queryKey: apiKeysQueryKeys.detail(id),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+var useApiKeys = (query, options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => sdk.admin.apiKeys.query({ ...query }),
+    queryKey: apiKeysQueryKeys.list(query),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+var useCreateApiKey = (options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.apiKeys.mutate(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.apiKeys.$id.mutate({ $id: 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.apiKeys.$id.revoke.mutate({ $id: id }),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.lists() });
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.detail(id) });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useDeleteApiKey = (id, options) => {
+  return useMutation({
+    mutationFn: () => sdk.admin.apiKeys.$id.delete({ $id: id }),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.lists() });
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.detail(id) });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useBatchRemoveSalesChannelsFromApiKey = (id, options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.apiKeys.$id.salesChannels.mutate({ $id: 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
+  });
+};
+var useBatchAddSalesChannelsToApiKey = (id, options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.apiKeys.$id.salesChannels.mutate({ $id: 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
+  });
+};
+
+export {
+  apiKeysQueryKeys,
+  useApiKey,
+  useApiKeys,
+  useCreateApiKey,
+  useUpdateApiKey,
+  useRevokeApiKey,
+  useDeleteApiKey,
+  useBatchRemoveSalesChannelsFromApiKey,
+  useBatchAddSalesChannelsToApiKey
+};

package/dist/chunk-AYVH6Q5O.js

@@ -0,0 +1,31 @@
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+
+// src/hooks/table/query/use-tax-region-table-query.tsx
+var useTaxRegionTableQuery = ({
+  prefix,
+  pageSize = 20
+}) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at"],
+    prefix
+  );
+  const { offset, q, order, created_at, updated_at } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    q
+  };
+  return {
+    searchParams,
+    raw: queryObject
+  };
+};
+
+export {
+  useTaxRegionTableQuery
+};

package/dist/chunk-BDGZ4EQO.js

@@ -0,0 +1,86 @@
+import {
+  ConditionalTooltip
+} from "./chunk-LAVHRER2.js";
+import {
+  useDocumentDirection
+} from "./chunk-Y7QKP6QU.js";
+
+// src/components/common/action-menu/action-menu.tsx
+import { DropdownMenu, IconButton, clx } from "@medusajs/ui";
+import { EllipsisHorizontal } from "@medusajs/icons";
+import { Link } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ActionMenu = ({
+  groups,
+  variant = "transparent",
+  children
+}) => {
+  const direction = useDocumentDirection();
+  const inner = children ?? /* @__PURE__ */ jsx(IconButton, { size: "small", variant, children: /* @__PURE__ */ jsx(EllipsisHorizontal, {}) });
+  return /* @__PURE__ */ jsxs(DropdownMenu, { dir: direction, children: [
+    /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: inner }),
+    /* @__PURE__ */ jsx(DropdownMenu.Content, { children: groups.map((group, index) => {
+      if (!group.actions.length) {
+        return null;
+      }
+      const isLast = index === groups.length - 1;
+      return /* @__PURE__ */ jsxs(DropdownMenu.Group, { children: [
+        group.actions.map((action, index2) => {
+          const Wrapper = action.disabledTooltip ? ({ children: children2 }) => /* @__PURE__ */ jsx(
+            ConditionalTooltip,
+            {
+              showTooltip: action.disabled,
+              content: action.disabledTooltip,
+              side: "right",
+              children: /* @__PURE__ */ jsx("div", { children: children2 })
+            }
+          ) : "div";
+          if (action.onClick) {
+            return /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsxs(
+              DropdownMenu.Item,
+              {
+                disabled: action.disabled,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  action.onClick();
+                },
+                className: clx(
+                  "[&_svg]:text-ui-fg-subtle flex items-center gap-x-2",
+                  {
+                    "[&_svg]:text-ui-fg-disabled": action.disabled
+                  }
+                ),
+                children: [
+                  action.icon,
+                  /* @__PURE__ */ jsx("span", { children: action.label })
+                ]
+              }
+            ) }, index2);
+          }
+          return /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(
+            DropdownMenu.Item,
+            {
+              className: clx(
+                "[&_svg]:text-ui-fg-subtle flex items-center gap-x-2",
+                {
+                  "[&_svg]:text-ui-fg-disabled": action.disabled
+                }
+              ),
+              asChild: true,
+              disabled: action.disabled,
+              children: /* @__PURE__ */ jsxs(Link, { to: action.to, onClick: (e) => e.stopPropagation(), children: [
+                action.icon,
+                /* @__PURE__ */ jsx("span", { children: action.label })
+              ] })
+            }
+          ) }, index2);
+        }),
+        !isLast && /* @__PURE__ */ jsx(DropdownMenu.Separator, {})
+      ] }, index);
+    }) })
+  ] });
+};
+
+export {
+  ActionMenu
+};