@mercurjs/admin 2.2.0-canary.2 → 2.2.0-canary.20

package/dist/chunk-PZ27H46M.js

@@ -0,0 +1,358 @@
+import {
+  FileUpload,
+  formatFileSize
+} from "./chunk-VSLHL2AZ.js";
+import {
+  uploadFilesQuery
+} from "./chunk-ZBWL72TB.js";
+
+// src/pages/categories/common/components/category-image-fields/types.ts
+var CATEGORY_IMAGE_FORMATS = [
+  "image/jpeg",
+  "image/png",
+  "image/gif",
+  "image/webp",
+  "image/heic",
+  "image/svg+xml"
+];
+var getCategoryGallery = (images) => (images ?? []).filter((image) => !image.type).sort((a, b) => (a.rank ?? 0) - (b.rank ?? 0));
+var getCategoryIcon = (images) => (images ?? []).find((image) => image.type === "icon") ?? null;
+
+// src/pages/categories/common/components/category-image-fields/category-icon-input.tsx
+import { XMark } from "@medusajs/icons";
+import { IconButton, Text } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CategoryIconInput = ({
+  value,
+  onChange,
+  hasError
+}) => {
+  const { t } = useTranslation();
+  const handleUploaded = (files) => {
+    const file = files[0];
+    if (file) {
+      onChange({ url: file.url, file: file.file });
+    }
+  };
+  if (value) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "bg-ui-bg-component shadow-elevation-card-rest flex items-center justify-between rounded-lg px-3 py-2",
+        "data-testid": "category-icon-input-item",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-base flex h-10 w-[30px] items-center justify-center overflow-hidden rounded-md", children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: value.url,
+                alt: "",
+                className: "size-full object-contain object-center"
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: value.file?.name ?? value.url }),
+              value.file && /* @__PURE__ */ jsx(
+                Text,
+                {
+                  size: "xsmall",
+                  leading: "compact",
+                  className: "text-ui-fg-subtle",
+                  children: formatFileSize(value.file.size)
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              type: "button",
+              size: "small",
+              variant: "transparent",
+              onClick: () => onChange(null),
+              "data-testid": "category-icon-input-delete",
+              children: /* @__PURE__ */ jsx(XMark, {})
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-2", "data-testid": "category-icon-input", children: /* @__PURE__ */ jsx(
+    FileUpload,
+    {
+      label: t("categories.icon.upload.title"),
+      hint: t("categories.icon.upload.hint"),
+      multiple: false,
+      formats: CATEGORY_IMAGE_FORMATS,
+      hasError,
+      onUploaded: handleUploaded
+    }
+  ) });
+};
+
+// src/pages/categories/common/components/category-image-fields/category-icon-tip.tsx
+import { Text as Text2 } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var CategoryIconTip = () => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: "bg-ui-bg-component shadow-elevation-card-rest flex items-stretch gap-x-3 rounded-lg px-3 py-2",
+      "data-testid": "category-icon-tip",
+      children: [
+        /* @__PURE__ */ jsx2("div", { className: "bg-ui-border-strong w-[3px] shrink-0 self-stretch rounded-full" }),
+        /* @__PURE__ */ jsxs2(Text2, { size: "small", className: "text-ui-fg-subtle", children: [
+          /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-base font-medium", children: t("categories.icon.tip.label") }),
+          " ",
+          t("categories.icon.tip.text")
+        ] })
+      ]
+    }
+  );
+};
+
+// src/pages/categories/common/components/category-image-fields/upload-category-images.ts
+var uploadCategoryImages = async ({
+  media,
+  icon
+}) => {
+  const payload = {};
+  if (media !== void 0) {
+    payload.media = await Promise.all(
+      media.map(async (item, index) => {
+        let url = item.url;
+        if (item.file) {
+          const uploaded = await uploadFilesQuery([{ file: item.file }]);
+          url = uploaded.files?.[0]?.url ?? url;
+        }
+        return {
+          url,
+          is_thumbnail: item.is_thumbnail,
+          is_banner: item.is_banner,
+          rank: index
+        };
+      })
+    );
+  }
+  if (icon !== void 0) {
+    if (!icon) {
+      payload.icon = null;
+    } else if (icon.file) {
+      const uploaded = await uploadFilesQuery([{ file: icon.file }]);
+      payload.icon = uploaded.files?.[0]?.url ?? icon.url;
+    } else {
+      payload.icon = icon.url;
+    }
+  }
+  return payload;
+};
+
+// src/pages/categories/common/components/category-image-fields/category-media-input.tsx
+import {
+  EllipsisHorizontal,
+  FeaturedBadge,
+  InformationCircleSolid,
+  Photo,
+  ThumbnailBadge,
+  Trash,
+  XMark as XMark2
+} from "@medusajs/icons";
+import { DropdownMenu, IconButton as IconButton2, Text as Text3, Tooltip, clx } from "@medusajs/ui";
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var CategoryMediaInput = ({
+  value,
+  onChange,
+  hasError
+}) => {
+  const { t } = useTranslation3();
+  const handleUploaded = (files) => {
+    onChange([
+      ...value,
+      ...files.map((f) => ({
+        url: f.url,
+        file: f.file,
+        is_thumbnail: false,
+        is_banner: false,
+        field_id: f.id
+      }))
+    ]);
+  };
+  const toggleRole = (index, role, on) => {
+    onChange(
+      value.map((item, i) => ({
+        ...item,
+        [role]: i === index ? on : on ? false : item[role]
+      }))
+    );
+  };
+  const remove = (index) => {
+    onChange(value.filter((_, i) => i !== index));
+  };
+  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-y-2", "data-testid": "category-media-input", children: [
+    /* @__PURE__ */ jsx3(
+      FileUpload,
+      {
+        label: t("categories.media.upload.title"),
+        hint: t("categories.media.upload.hint"),
+        formats: CATEGORY_IMAGE_FORMATS,
+        hasError,
+        onUploaded: handleUploaded
+      }
+    ),
+    value.length > 0 && /* @__PURE__ */ jsx3(
+      "ul",
+      {
+        className: "flex flex-col gap-y-2",
+        "data-testid": "category-media-input-list",
+        children: value.map((item, index) => /* @__PURE__ */ jsxs3(
+          "li",
+          {
+            className: "bg-ui-bg-component shadow-elevation-card-rest flex items-center justify-between rounded-lg px-3 py-2",
+            "data-testid": `category-media-input-item-${index}`,
+            children: [
+              /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-3", children: [
+                /* @__PURE__ */ jsx3("div", { className: "bg-ui-bg-base flex h-10 w-[30px] items-center justify-center overflow-hidden rounded-md", children: item.url ? /* @__PURE__ */ jsx3(
+                  "img",
+                  {
+                    src: item.url,
+                    alt: "",
+                    className: "size-full object-cover object-center"
+                  }
+                ) : /* @__PURE__ */ jsx3(Photo, { className: "text-ui-fg-muted" }) }),
+                /* @__PURE__ */ jsxs3("div", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ jsx3(Text3, { size: "small", leading: "compact", children: item.file?.name ?? item.url }),
+                  /* @__PURE__ */ jsxs3("div", { className: "text-ui-fg-subtle flex items-center gap-x-1", children: [
+                    item.is_thumbnail && /* @__PURE__ */ jsx3(ThumbnailBadge, { "data-testid": "category-media-input-item-thumbnail-badge" }),
+                    item.is_banner && /* @__PURE__ */ jsx3(
+                      FeaturedBadge,
+                      {
+                        className: "text-ui-fg-interactive",
+                        "data-testid": "category-media-input-item-banner-badge"
+                      }
+                    ),
+                    item.file && /* @__PURE__ */ jsx3(
+                      Text3,
+                      {
+                        size: "xsmall",
+                        leading: "compact",
+                        className: "text-ui-fg-subtle",
+                        children: formatFileSize(item.file.size)
+                      }
+                    )
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-1", children: [
+                /* @__PURE__ */ jsx3(
+                  CategoryMediaItemMenu,
+                  {
+                    item,
+                    onToggleThumbnail: () => toggleRole(index, "is_thumbnail", !item.is_thumbnail),
+                    onToggleBanner: () => toggleRole(index, "is_banner", !item.is_banner),
+                    onDelete: () => remove(index),
+                    testId: `category-media-input-item-menu-${index}`
+                  }
+                ),
+                /* @__PURE__ */ jsx3(
+                  IconButton2,
+                  {
+                    type: "button",
+                    size: "small",
+                    variant: "transparent",
+                    onClick: () => remove(index),
+                    "data-testid": `category-media-input-item-delete-${index}`,
+                    children: /* @__PURE__ */ jsx3(XMark2, {})
+                  }
+                )
+              ] })
+            ]
+          },
+          item.field_id ?? `${item.url}-${index}`
+        ))
+      }
+    )
+  ] });
+};
+var CategoryMediaItemMenu = ({
+  item,
+  onToggleThumbnail,
+  onToggleBanner,
+  onDelete,
+  testId
+}) => {
+  const { t } = useTranslation3();
+  return /* @__PURE__ */ jsxs3(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx3(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx3(IconButton2, { size: "small", variant: "transparent", "data-testid": testId, children: /* @__PURE__ */ jsx3(EllipsisHorizontal, {}) }) }),
+    /* @__PURE__ */ jsxs3(DropdownMenu.Content, { children: [
+      /* @__PURE__ */ jsx3(
+        MenuItemWithTooltip,
+        {
+          icon: /* @__PURE__ */ jsx3(ThumbnailBadge, {}),
+          label: item.is_thumbnail ? t("categories.media.actions.removeThumbnail") : t("categories.media.actions.setThumbnail"),
+          tooltip: t("categories.media.tooltips.thumbnail"),
+          onClick: onToggleThumbnail
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        MenuItemWithTooltip,
+        {
+          icon: /* @__PURE__ */ jsx3(FeaturedBadge, {}),
+          label: item.is_banner ? t("categories.media.actions.removeBanner") : t("categories.media.actions.setBanner"),
+          tooltip: t("categories.media.tooltips.banner"),
+          onClick: onToggleBanner
+        }
+      ),
+      /* @__PURE__ */ jsx3(DropdownMenu.Separator, {}),
+      /* @__PURE__ */ jsxs3(
+        DropdownMenu.Item,
+        {
+          className: "[&_svg]:text-ui-fg-subtle flex items-center gap-x-2",
+          onClick: onDelete,
+          children: [
+            /* @__PURE__ */ jsx3(Trash, {}),
+            /* @__PURE__ */ jsx3("span", { children: t("actions.delete") })
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+var MenuItemWithTooltip = ({
+  icon,
+  label,
+  tooltip,
+  onClick
+}) => {
+  return /* @__PURE__ */ jsxs3(
+    DropdownMenu.Item,
+    {
+      className: clx(
+        "[&_svg]:text-ui-fg-subtle flex items-center gap-x-2",
+        "justify-between"
+      ),
+      onClick,
+      children: [
+        /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-2", children: [
+          icon,
+          /* @__PURE__ */ jsx3("span", { children: label })
+        ] }),
+        /* @__PURE__ */ jsx3(Tooltip, { content: tooltip, children: /* @__PURE__ */ jsx3(InformationCircleSolid, { className: "text-ui-fg-muted" }) })
+      ]
+    }
+  );
+};
+
+export {
+  CATEGORY_IMAGE_FORMATS,
+  getCategoryGallery,
+  getCategoryIcon,
+  CategoryMediaInput,
+  CategoryIconInput,
+  CategoryIconTip,
+  uploadCategoryImages
+};

package/dist/{chunk-XZZTC7E5.js → chunk-QKJGSZI2.js}

@@ -1,6 +1,6 @@
 import {
   productsQueryKeys
-} from "./chunk-2YYXP6XI.js";
+} from "./chunk-M2E3PKA4.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{chunk-N7KTSXS5.js → chunk-QPLEFEOZ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-AW77UWCZ.js";
 import {
   require_dist
-} from "./chunk-DZIXC7OE.js";
+} from "./chunk-6FLSBL4Q.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";

package/dist/{chunk-3B6MTW5G.js → chunk-QUHSHIAC.js}

@@ -20,6 +20,7 @@ var useOrderTableQuery = ({
       "status",
       "payment_status",
       "fulfillment_status",
+      "request",
       "order"
     ],
     prefix
@@ -35,6 +36,7 @@ var useOrderTableQuery = ({
     fulfillment_status,
     payment_status,
     region_id,
+    request,
     q,
     order
   } = queryObject;
@@ -50,6 +52,7 @@ var useOrderTableQuery = ({
     created_at: created_at ? JSON.parse(created_at) : void 0,
     updated_at: updated_at ? JSON.parse(updated_at) : void 0,
     region_id: region_id?.split(","),
+    request: request?.split(","),
     order: order ? order : "-display_id",
     q
   };

package/dist/{chunk-B3EEDC47.js → chunk-RMAQKNBA.js}

@@ -1,9 +1,3 @@
-import {
-  reservationItemsQueryKeys
-} from "./chunk-A772RAKB.js";
-import {
-  inventoryItemsQueryKeys
-} from "./chunk-2YYXP6XI.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -97,89 +91,6 @@ var useOrderLineItems = (id, query, options) => {
   });
   return { ...data, ...rest };
 };
-var useCreateOrderFulfillment = (orderId, options) => {
-  return useMutation({
-    mutationFn: (payload) => sdk.admin.orders.$id.fulfillments.mutate({ $id: orderId, ...payload }),
-    onSuccess: (data, variables, context) => {
-      queryClient.invalidateQueries({
-        queryKey: ordersQueryKeys.all
-      });
-      queryClient.invalidateQueries({
-        queryKey: ordersQueryKeys.preview(orderId)
-      });
-      queryClient.invalidateQueries({
-        queryKey: reservationItemsQueryKeys.lists()
-      });
-      queryClient.invalidateQueries({
-        queryKey: inventoryItemsQueryKeys.details()
-      });
-      options?.onSuccess?.(data, variables, context);
-    },
-    ...options
-  });
-};
-var useCancelOrderFulfillment = (orderId, fulfillmentId, options) => {
-  return useMutation({
-    mutationFn: (payload) => sdk.admin.orders.$id.fulfillments.$fulfillmentId.cancel.mutate({
-      $id: orderId,
-      $fulfillmentId: fulfillmentId,
-      ...payload
-    }),
-    onSuccess: (data, variables, context) => {
-      queryClient.invalidateQueries({
-        queryKey: ordersQueryKeys.all
-      });
-      queryClient.invalidateQueries({
-        queryKey: ordersQueryKeys.preview(orderId)
-      });
-      queryClient.invalidateQueries({
-        queryKey: reservationItemsQueryKeys.lists()
-      });
-      queryClient.invalidateQueries({
-        queryKey: inventoryItemsQueryKeys.details()
-      });
-      options?.onSuccess?.(data, variables, context);
-    },
-    ...options
-  });
-};
-var useCreateOrderShipment = (orderId, fulfillmentId, options) => {
-  return useMutation({
-    mutationFn: (payload) => sdk.admin.orders.$id.fulfillments.$fulfillmentId.shipments.mutate({
-      $id: orderId,
-      $fulfillmentId: fulfillmentId,
-      ...payload
-    }),
-    onSuccess: (data, variables, context) => {
-      queryClient.invalidateQueries({
-        queryKey: ordersQueryKeys.all
-      });
-      queryClient.invalidateQueries({
-        queryKey: ordersQueryKeys.preview(orderId)
-      });
-      options?.onSuccess?.(data, variables, context);
-    },
-    ...options
-  });
-};
-var useMarkOrderFulfillmentAsDelivered = (orderId, fulfillmentId, options) => {
-  return useMutation({
-    mutationFn: () => sdk.admin.orders.$id.fulfillments.$fulfillmentId.markAsDelivered.mutate({
-      $id: orderId,
-      $fulfillmentId: fulfillmentId
-    }),
-    onSuccess: (data, variables, context) => {
-      queryClient.invalidateQueries({
-        queryKey: ordersQueryKeys.all
-      });
-      queryClient.invalidateQueries({
-        queryKey: ordersQueryKeys.preview(orderId)
-      });
-      options?.onSuccess?.(data, variables, context);
-    },
-    ...options
-  });
-};
 var useCancelOrder = (orderId, options) => {
   return useMutation({
     mutationFn: () => sdk.admin.orders.$id.cancel.mutate({ $id: orderId }),
@@ -225,6 +136,14 @@ var useCancelOrderTransfer = (orderId, options) => {
     ...options
   });
 };
+var useOrderCommissionLines = (id, options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: async () => sdk.admin.orders.$id.commissionLines.query({ $id: id }),
+    queryKey: ordersQueryKeys.detail(`${id}/commission-lines`),
+    ...options
+  });
+  return { commission_lines: data?.commission_lines ?? [], ...rest };
+};
 
 export {
   ordersQueryKeys,
@@ -235,11 +154,8 @@ export {
   useOrderShippingOptions,
   useOrderChanges,
   useOrderLineItems,
-  useCreateOrderFulfillment,
-  useCancelOrderFulfillment,
-  useCreateOrderShipment,
-  useMarkOrderFulfillmentAsDelivered,
   useCancelOrder,
   useRequestTransferOrder,
-  useCancelOrderTransfer
+  useCancelOrderTransfer,
+  useOrderCommissionLines
 };

package/dist/{chunk-ED7XNGZD.js → chunk-RWW3TAJQ.js}

@@ -2,7 +2,7 @@ import {
   TaxOverrideTable,
   TaxRateLine,
   useTaxOverrideTable
-} from "./chunk-CKACZXMP.js";
+} from "./chunk-3FN3YH2F.js";
 import {
   TaxRegionTable,
   useTaxRegionTable
@@ -13,15 +13,15 @@ import {
 import {
   getCountryProvinceObjectByIso2
 } from "./chunk-N2TQXB44.js";
+import {
+  formatProvider
+} from "./chunk-VW56KWO2.js";
 import {
   useTaxRateTableQuery
 } from "./chunk-MG4GKUJW.js";
 import {
   useTaxRegionTableQuery
 } from "./chunk-AYVH6Q5O.js";
-import {
-  formatProvider
-} from "./chunk-VW56KWO2.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";

package/dist/chunk-RXRDZ47F.js

@@ -0,0 +1,103 @@
+import {
+  useProductTypes
+} from "./chunk-46M463BR.js";
+import {
+  useDeleteCommissionRule
+} from "./chunk-ZIFHQXP3.js";
+import {
+  useSellers
+} from "./chunk-LEG67A2R.js";
+import {
+  useProductCategories
+} from "./chunk-KYFWVLWO.js";
+
+// src/pages/commissions/common/hooks/use-delete-commission-rule-action.tsx
+import { toast, usePrompt } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router-dom";
+var useDeleteCommissionRuleAction = (rule) => {
+  const { t } = useTranslation();
+  const prompt = usePrompt();
+  const navigate = useNavigate();
+  const { mutateAsync } = useDeleteCommissionRule(rule.id);
+  return async () => {
+    const confirmed = await prompt({
+      title: t("general.areYouSure"),
+      description: t("commissions.delete.description", {
+        name: rule.name,
+        defaultValue: `Are you sure you want to delete the commission rule "${rule.name}"?`
+      }),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
+    });
+    if (!confirmed) {
+      return;
+    }
+    await mutateAsync(void 0, {
+      onSuccess: () => {
+        toast.success(
+          t("commissions.delete.successToast", {
+            defaultValue: "Commission rule deleted"
+          })
+        );
+        navigate("/settings/commissions");
+      },
+      onError: (e) => {
+        toast.error(e.message);
+      }
+    });
+  };
+};
+
+// src/pages/commissions/common/hooks/use-scope-reference-names.tsx
+import { useMemo } from "react";
+var idsFor = (rules = [], reference) => rules.filter((r) => r.reference === reference).map((r) => r.reference_id);
+var useScopeReferenceNames = (rules = []) => {
+  const sellerIds = useMemo(() => idsFor(rules, "seller"), [rules]);
+  const productTypeIds = useMemo(
+    () => idsFor(rules, "product_type"),
+    [rules]
+  );
+  const categoryIds = useMemo(
+    () => idsFor(rules, "product_category"),
+    [rules]
+  );
+  const { sellers, isLoading: sellersLoading } = useSellers(
+    { id: sellerIds, fields: "id,name", limit: sellerIds.length || 1 },
+    { enabled: sellerIds.length > 0 }
+  );
+  const { product_types: productTypes, isLoading: typesLoading } = useProductTypes(
+    { id: productTypeIds, fields: "id,value", limit: productTypeIds.length || 1 },
+    { enabled: productTypeIds.length > 0 }
+  );
+  const { product_categories: categories, isLoading: categoriesLoading } = useProductCategories(
+    {
+      id: categoryIds,
+      fields: "id,name",
+      limit: categoryIds.length || 1
+    },
+    { enabled: categoryIds.length > 0 }
+  );
+  const names = useMemo(() => {
+    const map = {};
+    for (const s of sellers ?? []) {
+      map[s.id] = s.name;
+    }
+    for (const pt of productTypes ?? []) {
+      map[pt.id] = pt.value;
+    }
+    for (const c of categories ?? []) {
+      map[c.id] = c.name;
+    }
+    return map;
+  }, [sellers, productTypes, categories]);
+  return {
+    names,
+    isLoading: sellerIds.length > 0 && sellersLoading || productTypeIds.length > 0 && typesLoading || categoryIds.length > 0 && categoriesLoading
+  };
+};
+
+export {
+  useDeleteCommissionRuleAction,
+  useScopeReferenceNames
+};