@mercurjs/vendor 2.2.0-canary.9 → 2.2.0-rc.0

package/dist/{chunk-DQKK43PR.js → chunk-LWFBBTJ3.js}

@@ -4,23 +4,23 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-SSUUT5LK.js";
+} from "./chunk-W3UHAQCV.js";
 import {
   SingleColumnPage
 } from "./chunk-YV6MK4PZ.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
-import {
-  useStockLocations
-} from "./chunk-NBPMNUKZ.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
+import {
+  useStockLocations
+} from "./chunk-ZQCCVCHB.js";
 import {
   useDeleteInventoryItem,
   useInventoryItems
-} from "./chunk-JAUZ73XE.js";
+} from "./chunk-G6YNCIVF.js";
 
 // src/pages/inventory/inventory-list-page.tsx
 import { Children as Children2 } from "react";

package/dist/{chunk-RIN4CBRB.js → chunk-LXZXXOJ3.js}

@@ -57,24 +57,8 @@ var fetchQuery = async (url, {
   }
   return response.json();
 };
-var uploadFilesQuery = async (files) => {
-  const formData = new FormData();
-  for (const { file } of files) {
-    formData.append("files", file);
-  }
-  const response = await fetch(`${backendUrl}/vendor/uploads`, {
-    method: "POST",
-    credentials: "include",
-    body: formData
-  });
-  if (!response.ok) {
-    return null;
-  }
-  return response.json();
-};
 
 export {
   sdk,
-  fetchQuery,
-  uploadFilesQuery
+  fetchQuery
 };

package/dist/chunk-LYYM7H7H.js

@@ -0,0 +1,59 @@
+// src/pages/categories/common/components/category-image-fields/types.ts
+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/utils.ts
+function getIsActiveProps(isActive, t) {
+  switch (isActive) {
+    case true:
+      return {
+        label: t("categories.fields.status.active"),
+        color: "green"
+      };
+    case false:
+      return {
+        label: t("categories.fields.status.inactive"),
+        color: "red"
+      };
+  }
+}
+function getIsInternalProps(isInternal, t) {
+  switch (isInternal) {
+    case true:
+      return {
+        label: t("categories.fields.visibility.internal"),
+        color: "blue"
+      };
+    case false:
+      return {
+        label: t("categories.fields.visibility.public"),
+        color: "green"
+      };
+  }
+}
+function getCategoryPath(category) {
+  if (!category) {
+    return [];
+  }
+  const path = category.parent_category ? getCategoryPath(category.parent_category) : [];
+  path.push({ id: category.id, name: category.name });
+  return path;
+}
+function getCategoryChildren(category) {
+  if (!category || !category.category_children) {
+    return [];
+  }
+  return category.category_children.map((child) => ({
+    id: child.id,
+    name: child.name
+  }));
+}
+
+export {
+  getCategoryGallery,
+  getCategoryIcon,
+  getIsActiveProps,
+  getIsInternalProps,
+  getCategoryPath,
+  getCategoryChildren
+};

package/dist/{chunk-MWQQVKRU.js → chunk-MAVQ636Y.js}

@@ -1,6 +1,6 @@
 import {
   useDeleteProductType
-} from "./chunk-VV6IKGCN.js";
+} from "./chunk-NTJ3BMOE.js";
 
 // src/pages/settings/product-types/_common/hooks/use-delete-product-type-action.tsx
 import { toast, usePrompt } from "@medusajs/ui";

package/dist/{chunk-VDHW6H5F.js → chunk-MAW6ZT3D.js}

@@ -4,10 +4,6 @@ import {
 import {
   countries
 } from "./chunk-JRTZWK77.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-SSUUT5LK.js";
 import {
   StackedFocusModal,
   useStackedModal
@@ -15,6 +11,10 @@ import {
 import {
   Form
 } from "./chunk-3QSRE5LS.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-W3UHAQCV.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";

package/dist/{chunk-7CMRFP5Q.js → chunk-MJP5V3JN.js}

@@ -1,14 +1,14 @@
 import {
   LocalizedTablePagination,
   TaxRegionCard
-} from "./chunk-E2HQPY32.js";
+} from "./chunk-5RMLLTR7.js";
 import {
   DataTableOrderBy
-} from "./chunk-6OUPJNYO.js";
+} from "./chunk-KCHYLLVG.js";
 import {
   NoRecords,
   NoResults
-} from "./chunk-3EF54XFY.js";
+} from "./chunk-634XVU3D.js";
 import {
   TableFooterSkeleton
 } from "./chunk-INNFZYX2.js";

package/dist/{chunk-S7EKBD2C.js → chunk-MNHP6YRC.js}

@@ -1,9 +1,9 @@
 import {
   shippingOptionsQueryKeys
-} from "./chunk-VXMOPVRH.js";
+} from "./chunk-JR7AABT5.js";
 import {
   stockLocationsQueryKeys
-} from "./chunk-NBPMNUKZ.js";
+} from "./chunk-ZQCCVCHB.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-RIN4CBRB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/fulfillment-sets.tsx
 import {

package/dist/{chunk-7IPCLQ5V.js → chunk-MT6WOKIW.js}

@@ -5,19 +5,19 @@ import {
   DataGrid,
   createDataGridHelper,
   createDataGridPriceColumns
-} from "./chunk-4LVP635F.js";
+} from "./chunk-5FBQOAXU.js";
 import {
   Thumbnail
 } from "./chunk-WIYFXWRI.js";
 import {
   useRegions
-} from "./chunk-TBYCZRZ7.js";
+} from "./chunk-BQHVM46E.js";
 import {
   usePricePreferences
-} from "./chunk-4S6XGIC6.js";
+} from "./chunk-PUAWN7SS.js";
 import {
   useCurrentSeller
-} from "./chunk-S23FD6FA.js";
+} from "./chunk-MVEHWM7K.js";
 
 // src/pages/price-lists/common/hooks/use-price-list-currency-data.tsx
 var usePriceListCurrencyData = () => {

package/dist/chunk-MUGQQY6P.js

@@ -0,0 +1,315 @@
+import {
+  SectionRow
+} from "./chunk-4TLP3TAA.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  useDeleteProduct,
+  useUpdateProduct
+} from "./chunk-G6YNCIVF.js";
+
+// src/pages/products/[id]/_components/product-media-section/product-media-section.tsx
+import { useState } from "react";
+import { PencilSquare, ThumbnailBadge } from "@medusajs/icons";
+import {
+  Button,
+  Checkbox,
+  clx,
+  CommandBar,
+  Container,
+  Heading,
+  Text,
+  Tooltip,
+  usePrompt
+} from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { Link } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ProductMediaSection = ({
+  product,
+  readOnly = false
+}) => {
+  const { t } = useTranslation();
+  const prompt = usePrompt();
+  const [selection, setSelection] = useState({});
+  const media = getMedia(product);
+  const handleCheckedChange = (id) => {
+    setSelection((prev) => {
+      if (prev[id]) {
+        const { [id]: _, ...rest } = prev;
+        return rest;
+      } else {
+        return { ...prev, [id]: true };
+      }
+    });
+  };
+  const { mutateAsync } = useUpdateProduct(product.id);
+  const handleDelete = async () => {
+    const ids = Object.keys(selection);
+    const includingThumbnail = ids.some((id) => media.find((m) => m.id === id)?.isThumbnail);
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: includingThumbnail ? t("products.media.deleteWarningWithThumbnail", {
+        count: ids.length
+      }) : t("products.media.deleteWarning", {
+        count: ids.length
+      }),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) {
+      return;
+    }
+    const mediaToKeep = product.images?.filter((i) => !ids.includes(i.id)).map((i) => ({ url: i.url }));
+    await mutateAsync(
+      {
+        images: mediaToKeep,
+        thumbnail: includingThumbnail ? "" : void 0
+      },
+      {
+        onSuccess: () => {
+          setSelection({});
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", children: t("products.media.label") }),
+      !readOnly && /* @__PURE__ */ jsx(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  label: t("actions.edit"),
+                  to: "media?view=edit",
+                  icon: /* @__PURE__ */ jsx(PencilSquare, {})
+                }
+              ]
+            }
+          ]
+        }
+      )
+    ] }),
+    media.length > 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-[repeat(auto-fill,minmax(96px,1fr))] gap-4 px-6 py-4", children: media.map((i, index) => {
+      const isSelected = selection[i.id];
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clx(
+            "group relative aspect-square size-full overflow-hidden rounded-[8px] shadow-elevation-card-rest transition-fg",
+            { "cursor-pointer hover:shadow-elevation-card-hover": !readOnly }
+          ),
+          children: [
+            !readOnly && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: clx(
+                  "invisible absolute right-2 top-2 opacity-0 transition-fg group-hover:visible group-hover:opacity-100",
+                  {
+                    "visible opacity-100": isSelected
+                  }
+                ),
+                children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    checked: selection[i.id] || false,
+                    onCheckedChange: () => handleCheckedChange(i.id)
+                  }
+                )
+              }
+            ),
+            i.isThumbnail && /* @__PURE__ */ jsx("div", { className: "absolute left-2 top-2", children: /* @__PURE__ */ jsx(Tooltip, { content: t("fields.thumbnail"), children: /* @__PURE__ */ jsx(ThumbnailBadge, {}) }) }),
+            readOnly ? /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: i.url,
+                alt: product.title,
+                className: "size-full object-cover"
+              }
+            ) : /* @__PURE__ */ jsx(Link, { to: `media`, state: { curr: index }, children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: i.url,
+                alt: product.title,
+                className: "size-full object-cover"
+              }
+            ) })
+          ]
+        },
+        i.id
+      );
+    }) }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-y-4 pb-8 pt-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            size: "small",
+            leading: "compact",
+            weight: "plus",
+            className: "text-ui-fg-subtle",
+            children: t("products.media.emptyState.header")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            size: "small",
+            className: "text-ui-fg-muted",
+            children: t("products.media.emptyState.description")
+          }
+        )
+      ] }),
+      !readOnly && /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "small",
+          variant: "secondary",
+          asChild: true,
+          children: /* @__PURE__ */ jsx(Link, { to: "media?view=edit", children: t("products.media.emptyState.action") })
+        }
+      )
+    ] }),
+    !readOnly && /* @__PURE__ */ jsx(CommandBar, { open: !!Object.keys(selection).length, children: /* @__PURE__ */ jsxs(CommandBar.Bar, { children: [
+      /* @__PURE__ */ jsx(CommandBar.Value, { children: t("general.countSelected", {
+        count: Object.keys(selection).length
+      }) }),
+      /* @__PURE__ */ jsx(CommandBar.Seperator, {}),
+      /* @__PURE__ */ jsx(
+        CommandBar.Command,
+        {
+          action: handleDelete,
+          label: t("actions.delete"),
+          shortcut: "d"
+        }
+      )
+    ] }) })
+  ] });
+};
+var getMedia = (product) => {
+  const { images = [], thumbnail } = product;
+  const media = (images || []).map((image) => ({
+    id: image.id,
+    url: image.url,
+    isThumbnail: image.url === thumbnail
+  }));
+  if (thumbnail && !media.some((mediaItem) => mediaItem.url === thumbnail)) {
+    media.unshift({
+      id: "img_thumbnail",
+      url: thumbnail,
+      isThumbnail: true
+    });
+  }
+  return media;
+};
+
+// src/pages/products/[id]/_components/product-general-section/product-general-section.tsx
+import { PencilSquare as PencilSquare2, Trash } from "@medusajs/icons";
+import { Container as Container2, Heading as Heading2, StatusBadge, usePrompt as usePrompt2 } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useNavigate } from "react-router-dom";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var productStatusColor = (status) => {
+  switch (status) {
+    case "draft":
+      return "grey";
+    case "proposed":
+      return "orange";
+    case "published":
+      return "green";
+    case "rejected":
+      return "red";
+    default:
+      return "grey";
+  }
+};
+var ProductGeneralSection = ({
+  product
+}) => {
+  const { t } = useTranslation2();
+  const prompt = usePrompt2();
+  const navigate = useNavigate();
+  const { mutateAsync } = useDeleteProduct(product.id);
+  const handleDelete = async () => {
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: t("products.deleteWarning", {
+        title: product.title
+      }),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) {
+      return;
+    }
+    await mutateAsync(void 0, {
+      onSuccess: () => {
+        navigate("..");
+      }
+    });
+  };
+  return /* @__PURE__ */ jsxs2(Container2, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx2(Heading2, { children: product.title }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-4", children: [
+        /* @__PURE__ */ jsx2(StatusBadge, { color: productStatusColor(product.status), children: t(`products.productStatus.${product.status}`) }),
+        /* @__PURE__ */ jsx2(
+          ActionMenu,
+          {
+            groups: [
+              {
+                actions: [
+                  {
+                    label: t("actions.edit"),
+                    to: "edit",
+                    icon: /* @__PURE__ */ jsx2(PencilSquare2, {})
+                  }
+                ]
+              },
+              {
+                actions: [
+                  {
+                    label: t("actions.delete"),
+                    onClick: handleDelete,
+                    icon: /* @__PURE__ */ jsx2(Trash, {})
+                  }
+                ]
+              }
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx2(
+      SectionRow,
+      {
+        title: t("fields.description"),
+        value: product.description || "-"
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      SectionRow,
+      {
+        title: t("fields.subtitle"),
+        value: product.subtitle || "-"
+      }
+    ),
+    /* @__PURE__ */ jsx2(SectionRow, { title: t("fields.handle"), value: `/${product.handle}` }),
+    /* @__PURE__ */ jsx2(
+      SectionRow,
+      {
+        title: t("fields.discountable"),
+        value: product.discountable ? t("general.true") : t("general.false")
+      }
+    )
+  ] });
+};
+
+export {
+  productStatusColor,
+  ProductGeneralSection,
+  ProductMediaSection
+};

package/dist/{chunk-S23FD6FA.js → chunk-MVEHWM7K.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-RIN4CBRB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/members.tsx
 import {

package/dist/{chunk-VV6IKGCN.js → chunk-NTJ3BMOE.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-RIN4CBRB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/product-types.tsx
 import {

package/dist/{chunk-DDJQRV6E.js → chunk-O7BGGWW6.js}

@@ -1,6 +1,6 @@
 import {
   productsQueryKeys
-} from "./chunk-JAUZ73XE.js";
+} from "./chunk-G6YNCIVF.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-RIN4CBRB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/collections.tsx
 import {