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

package/dist/{product-tags-5O7ZG6SA.js → product-tags-SJYIGXEV.js}

@@ -1,19 +1,20 @@
 import {
   ProductTagListPage
-} from "./chunk-6K6EQOJF.js";
+} from "./chunk-JY2XON7H.js";
 import "./chunk-N335VHD3.js";
 import "./chunk-EBZ5VZEO.js";
 import "./chunk-4F5GP7J7.js";
 import "./chunk-7TIZP4YG.js";
-import "./chunk-JQV7CXEC.js";
+import "./chunk-GJM5XI3E.js";
+import "./chunk-YNGA3GRX.js";
 import "./chunk-BI2AYXZQ.js";
 import "./chunk-MG4GKUJW.js";
 import "./chunk-AYVH6Q5O.js";
 import "./chunk-VOHEQ7B5.js";
 import "./chunk-DY3XQPHC.js";
+import "./chunk-GRH7C3QN.js";
 import "./chunk-VKOE5J66.js";
-import "./chunk-GJM5XI3E.js";
-import "./chunk-PVZBDWLK.js";
+import "./chunk-42R54Z2X.js";
 import "./chunk-27WLUOI2.js";
 import "./chunk-N3T24SEK.js";
 import "./chunk-JHIMVLB2.js";
@@ -22,67 +23,66 @@ import "./chunk-HHD2VUED.js";
 import "./chunk-2ZFELO2L.js";
 import "./chunk-26OOAKQ6.js";
 import "./chunk-S2WEYEQR.js";
-import "./chunk-XCIMOIX6.js";
-import "./chunk-LFX6WU4A.js";
+import "./chunk-XBKWFLJG.js";
+import "./chunk-5ALC4Z2H.js";
+import "./chunk-QWJTJSIT.js";
 import "./chunk-CMHI2RPL.js";
-import "./chunk-X22KTLZ7.js";
 import "./chunk-HB3BP55W.js";
-import "./chunk-UAE6XBYL.js";
 import "./chunk-SYNUA6LQ.js";
+import "./chunk-UAE6XBYL.js";
 import "./chunk-L57USMYC.js";
 import "./chunk-VW56KWO2.js";
 import "./chunk-LQSLDDPT.js";
 import "./chunk-3BXCPHN6.js";
 import "./chunk-JRTZWK77.js";
-import "./chunk-BER45EYD.js";
-import "./chunk-U5G3AVED.js";
-import "./chunk-MJCL3WID.js";
+import "./chunk-FDKFUIYV.js";
+import "./chunk-WBCWER26.js";
+import "./chunk-H6LZ77GX.js";
 import "./chunk-FWPGOIFA.js";
-import "./chunk-FQERBIVS.js";
-import "./chunk-K6LOZ4S3.js";
+import "./chunk-JK4M3ZKY.js";
 import "./chunk-DB6ANJBO.js";
 import "./chunk-PHOCVOZ5.js";
-import "./chunk-SSUUT5LK.js";
-import "./chunk-YN3FGNJM.js";
-import "./chunk-6OUPJNYO.js";
-import "./chunk-3EF54XFY.js";
 import "./chunk-IQPN4PZJ.js";
+import "./chunk-FQERBIVS.js";
+import "./chunk-W3UHAQCV.js";
+import "./chunk-YN3FGNJM.js";
+import "./chunk-KCHYLLVG.js";
+import "./chunk-634XVU3D.js";
 import "./chunk-YV6MK4PZ.js";
 import "./chunk-THHRRYRS.js";
 import "./chunk-LRD242C7.js";
-import "./chunk-UCYSCKZV.js";
+import "./chunk-DSTHXHJ5.js";
 import "./chunk-WIYFXWRI.js";
 import "./chunk-INNFZYX2.js";
-import "./chunk-TBYCZRZ7.js";
-import "./chunk-F4OJN2F2.js";
-import "./chunk-LRARA622.js";
-import "./chunk-M6N4ISXL.js";
-import "./chunk-S7EKBD2C.js";
-import "./chunk-VV6IKGCN.js";
-import "./chunk-BXRNZS5K.js";
-import "./chunk-BOZJOOGW.js";
-import "./chunk-T6LHVNWO.js";
-import "./chunk-4S6XGIC6.js";
-import "./chunk-S23FD6FA.js";
-import "./chunk-IQWK723D.js";
-import "./chunk-DDJQRV6E.js";
-import "./chunk-LWJF63JW.js";
-import "./chunk-VXWN37PT.js";
-import "./chunk-5QI3NDJG.js";
-import "./chunk-VZUA5SRD.js";
-import "./chunk-VXMOPVRH.js";
-import "./chunk-NBPMNUKZ.js";
-import "./chunk-UORPTGV2.js";
-import "./chunk-Y2MQ5EMD.js";
-import "./chunk-3B34B2M2.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-QHQWEERJ.js";
 import "./chunk-Y7QKP6QU.js";
-import "./chunk-JAUZ73XE.js";
+import "./chunk-BQHVM46E.js";
+import "./chunk-QIF4QE7T.js";
+import "./chunk-VE6GRIIN.js";
+import "./chunk-7MARNXFG.js";
+import "./chunk-MNHP6YRC.js";
+import "./chunk-NTJ3BMOE.js";
+import "./chunk-5PAUN3PM.js";
+import "./chunk-ZLHCZ5F2.js";
+import "./chunk-GZ4KTAWS.js";
+import "./chunk-PUAWN7SS.js";
+import "./chunk-MVEHWM7K.js";
+import "./chunk-OYUJYPDF.js";
+import "./chunk-O7BGGWW6.js";
+import "./chunk-KIURBTC4.js";
+import "./chunk-3SH24DGG.js";
+import "./chunk-JR7AABT5.js";
+import "./chunk-ZQCCVCHB.js";
+import "./chunk-5BQO3YQP.js";
+import "./chunk-EPRYM3FA.js";
+import "./chunk-6FDPVW7Y.js";
+import "./chunk-JJP6AKMV.js";
+import "./chunk-G6YNCIVF.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-RIN4CBRB.js";
+import "./chunk-LXZXXOJ3.js";
 import "./chunk-NBMM2TZK.js";
 export {
   ProductTagListPage

package/dist/{product-types-PKUEL7X5.js → product-types-4PTJW5DE.js}

@@ -1,32 +1,32 @@
 import {
   ProductTypeListPage
-} from "./chunk-KIFSQOM2.js";
-import "./chunk-MWQQVKRU.js";
+} from "./chunk-D76WZZSB.js";
+import "./chunk-MAVQ636Y.js";
 import "./chunk-EBZ5VZEO.js";
 import "./chunk-VOHEQ7B5.js";
 import "./chunk-JHIMVLB2.js";
 import "./chunk-2ZFELO2L.js";
 import "./chunk-26OOAKQ6.js";
 import "./chunk-SYNUA6LQ.js";
-import "./chunk-FQERBIVS.js";
 import "./chunk-PHOCVOZ5.js";
-import "./chunk-SSUUT5LK.js";
+import "./chunk-FQERBIVS.js";
+import "./chunk-W3UHAQCV.js";
 import "./chunk-YN3FGNJM.js";
-import "./chunk-6OUPJNYO.js";
-import "./chunk-3EF54XFY.js";
+import "./chunk-KCHYLLVG.js";
+import "./chunk-634XVU3D.js";
 import "./chunk-YV6MK4PZ.js";
 import "./chunk-THHRRYRS.js";
 import "./chunk-LRD242C7.js";
 import "./chunk-INNFZYX2.js";
-import "./chunk-VV6IKGCN.js";
 import "./chunk-BDGZ4EQO.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-QHQWEERJ.js";
 import "./chunk-Y7QKP6QU.js";
+import "./chunk-NTJ3BMOE.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-RIN4CBRB.js";
+import "./chunk-LXZXXOJ3.js";
 import "./chunk-NBMM2TZK.js";
 export {
   ProductTypeListPage

package/dist/product-variant-detail-FO6J3RFA.js

@@ -0,0 +1,371 @@
+import {
+  VARIANT_DETAIL_FIELDS,
+  variantLoader
+} from "./chunk-UX5UYDCY.js";
+import {
+  SectionRow
+} from "./chunk-4TLP3TAA.js";
+import {
+  SingleColumnPage
+} from "./chunk-YV6MK4PZ.js";
+import {
+  TwoColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-BQHVM46E.js";
+import "./chunk-QIF4QE7T.js";
+import "./chunk-VE6GRIIN.js";
+import "./chunk-7MARNXFG.js";
+import "./chunk-MNHP6YRC.js";
+import "./chunk-NTJ3BMOE.js";
+import "./chunk-5PAUN3PM.js";
+import "./chunk-ZLHCZ5F2.js";
+import "./chunk-GZ4KTAWS.js";
+import "./chunk-PUAWN7SS.js";
+import "./chunk-MVEHWM7K.js";
+import "./chunk-OYUJYPDF.js";
+import "./chunk-O7BGGWW6.js";
+import "./chunk-KIURBTC4.js";
+import "./chunk-3SH24DGG.js";
+import "./chunk-JR7AABT5.js";
+import "./chunk-ZQCCVCHB.js";
+import "./chunk-5BQO3YQP.js";
+import "./chunk-EPRYM3FA.js";
+import "./chunk-6FDPVW7Y.js";
+import "./chunk-JJP6AKMV.js";
+import {
+  useDeleteVariant,
+  useProductVariant,
+  useUpdateProductVariant
+} from "./chunk-G6YNCIVF.js";
+import "./chunk-A5DJIOHN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/product-variants/product-variant-detail/breadcrumb.tsx
+import { jsx } from "react/jsx-runtime";
+var ProductVariantDetailBreadcrumb = (props) => {
+  const { id, product_id, variant_id } = props.params || {};
+  const productId = id || product_id;
+  const { variant } = useProductVariant(
+    productId,
+    variant_id,
+    {},
+    {
+      initialData: props.data,
+      enabled: Boolean(productId) && Boolean(variant_id)
+    }
+  );
+  if (!variant) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("span", { children: variant.title });
+};
+
+// src/pages/product-variants/product-variant-detail/product-variant-detail.tsx
+import { Children } from "react";
+import { useLoaderData, useParams } from "react-router-dom";
+
+// src/pages/product-variants/product-variant-detail/components/variant-general-section/variant-general-section.tsx
+import { Component, PencilSquare, Trash } from "@medusajs/icons";
+import { Badge, Container, Heading, usePrompt } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router-dom";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function VariantGeneralSection({
+  variant
+}) {
+  const { t } = useTranslation();
+  const prompt = usePrompt();
+  const navigate = useNavigate();
+  const hasInventoryKit = (variant.inventory_items?.length ?? 0) > 1;
+  const { mutateAsync } = useDeleteVariant(variant.product_id, variant.id);
+  const handleDelete = async () => {
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: t("products.variant.deleteWarning", {
+        title: variant.title
+      }),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) {
+      return;
+    }
+    await mutateAsync(void 0, {
+      onSuccess: () => {
+        navigate("..", { replace: true });
+      }
+    });
+  };
+  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__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx2(Heading, { children: variant.title }),
+          hasInventoryKit && /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-muted font-normal", children: /* @__PURE__ */ jsx2(Component, {}) })
+        ] }),
+        /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-subtle txt-small mt-2", children: t("labels.productVariant") })
+      ] }),
+      /* @__PURE__ */ jsx2("div", { className: "flex items-center gap-x-4", children: /* @__PURE__ */ jsx2(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  label: t("actions.edit"),
+                  to: "edit",
+                  icon: /* @__PURE__ */ jsx2(PencilSquare, {})
+                }
+              ]
+            },
+            {
+              actions: [
+                {
+                  label: t("actions.delete"),
+                  onClick: handleDelete,
+                  icon: /* @__PURE__ */ jsx2(Trash, {})
+                }
+              ]
+            }
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx2(SectionRow, { title: t("fields.sku"), value: variant.sku }),
+    (variant.options ?? []).map((opt) => {
+      const title = opt.option?.title;
+      if (!title || !opt.value) return null;
+      return /* @__PURE__ */ jsx2(
+        SectionRow,
+        {
+          title,
+          value: /* @__PURE__ */ jsx2("div", { className: "flex flex-wrap items-center gap-1", children: /* @__PURE__ */ jsx2(Badge, { size: "2xsmall", children: opt.value }) })
+        },
+        opt.id
+      );
+    })
+  ] });
+}
+
+// src/pages/product-variants/product-variant-detail/components/variant-media-section/variant-media-section.tsx
+import { useState } from "react";
+import { PencilSquare as PencilSquare2, ThumbnailBadge } from "@medusajs/icons";
+import {
+  Button,
+  Checkbox,
+  clx,
+  CommandBar,
+  Container as Container2,
+  Heading as Heading2,
+  Text,
+  toast,
+  Tooltip,
+  usePrompt as usePrompt2
+} from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { Link } from "react-router-dom";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var getVariantImages = (variant) => (variant.images ?? []).filter(
+  (image) => (image.variants ?? []).some((v) => v.id === variant.id)
+);
+var VariantMediaSection = ({
+  variant
+}) => {
+  const { t } = useTranslation2();
+  const prompt = usePrompt2();
+  const [selection, setSelection] = useState({});
+  const media = getMedia(variant);
+  const { mutateAsync } = useUpdateProductVariant(
+    variant.product_id,
+    variant.id
+  );
+  const handleCheckedChange = (id) => {
+    setSelection((prev) => {
+      if (prev[id]) {
+        const { [id]: _, ...rest } = prev;
+        return rest;
+      }
+      return { ...prev, [id]: true };
+    });
+  };
+  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 linkedIds = new Set(getVariantImages(variant).map((i) => i.id));
+    const remove = ids.filter((id) => linkedIds.has(id));
+    await mutateAsync(
+      {
+        images: { remove },
+        thumbnail: includingThumbnail ? "" : void 0
+      },
+      {
+        onSuccess: () => {
+          toast.success(t("products.media.successToast"));
+          setSelection({});
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  };
+  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__ */ jsx3(Heading2, { level: "h2", children: t("products.media.label") }),
+      /* @__PURE__ */ jsx3(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  label: t("actions.edit"),
+                  to: "media",
+                  icon: /* @__PURE__ */ jsx3(PencilSquare2, {})
+                }
+              ]
+            }
+          ]
+        }
+      )
+    ] }),
+    media.length > 0 ? /* @__PURE__ */ jsx3("div", { className: "grid grid-cols-[repeat(auto-fill,minmax(96px,1fr))] gap-4 px-6 py-4", children: media.map((image) => {
+      const isSelected = selection[image.id];
+      return /* @__PURE__ */ jsxs2(
+        "div",
+        {
+          className: "group shadow-elevation-card-rest hover:shadow-elevation-card-hover transition-fg relative aspect-square size-full cursor-pointer overflow-hidden rounded-[8px]",
+          children: [
+            /* @__PURE__ */ jsx3(
+              "div",
+              {
+                className: clx(
+                  "transition-fg invisible absolute right-2 top-2 opacity-0 group-hover:visible group-hover:opacity-100",
+                  {
+                    "visible opacity-100": isSelected
+                  }
+                ),
+                children: /* @__PURE__ */ jsx3(
+                  Checkbox,
+                  {
+                    checked: selection[image.id] || false,
+                    onCheckedChange: () => handleCheckedChange(image.id)
+                  }
+                )
+              }
+            ),
+            image.isThumbnail && /* @__PURE__ */ jsx3("div", { className: "absolute left-2 top-2", children: /* @__PURE__ */ jsx3(Tooltip, { content: t("fields.thumbnail"), children: /* @__PURE__ */ jsx3(ThumbnailBadge, {}) }) }),
+            /* @__PURE__ */ jsx3(Link, { to: "media", children: /* @__PURE__ */ jsx3(
+              "img",
+              {
+                src: image.url,
+                alt: variant.title ?? "",
+                className: "size-full object-cover"
+              }
+            ) })
+          ]
+        },
+        image.id
+      );
+    }) }) : /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-y-4 pb-8 pt-6", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center", children: [
+        /* @__PURE__ */ jsx3(
+          Text,
+          {
+            size: "small",
+            leading: "compact",
+            weight: "plus",
+            className: "text-ui-fg-subtle",
+            children: t("products.media.emptyState.header")
+          }
+        ),
+        /* @__PURE__ */ jsx3(Text, { size: "small", className: "text-ui-fg-muted", children: t("products.media.emptyState.description") })
+      ] }),
+      /* @__PURE__ */ jsx3(Button, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx3(Link, { to: "media", children: t("products.media.emptyState.action") }) })
+    ] }),
+    /* @__PURE__ */ jsx3(CommandBar, { open: !!Object.keys(selection).length, children: /* @__PURE__ */ jsxs2(CommandBar.Bar, { children: [
+      /* @__PURE__ */ jsx3(CommandBar.Value, { children: t("general.countSelected", {
+        count: Object.keys(selection).length
+      }) }),
+      /* @__PURE__ */ jsx3(CommandBar.Seperator, {}),
+      /* @__PURE__ */ jsx3(
+        CommandBar.Command,
+        {
+          action: handleDelete,
+          label: t("actions.delete"),
+          shortcut: "d"
+        }
+      )
+    ] }) })
+  ] });
+};
+var getMedia = (variant) => {
+  const { thumbnail } = variant;
+  const media = getVariantImages(variant).map((image) => ({
+    id: image.id,
+    url: image.url,
+    isThumbnail: image.url === thumbnail
+  }));
+  if (thumbnail && !media.some((m) => m.url === thumbnail)) {
+    media.unshift({
+      id: "img_thumbnail",
+      url: thumbnail,
+      isThumbnail: true
+    });
+  }
+  return media;
+};
+
+// src/pages/product-variants/product-variant-detail/product-variant-detail.tsx
+import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  const initialData = useLoaderData();
+  const { id, product_id, variant_id } = useParams();
+  const productId = id || product_id;
+  const { variant, isLoading, isError, error } = useProductVariant(
+    productId,
+    variant_id,
+    { fields: VARIANT_DETAIL_FIELDS },
+    {
+      initialData
+    }
+  );
+  if (isLoading || !variant) {
+    return /* @__PURE__ */ jsx4(TwoColumnPageSkeleton, { mainSections: 2, sidebarSections: 0 });
+  }
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { data: variant, hasOutlet: true, children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx4(VariantGeneralSection, { variant }),
+    /* @__PURE__ */ jsx4(VariantMediaSection, { variant })
+  ] }) });
+};
+var ProductVariantDetail = Object.assign(Root, {
+  GeneralSection: VariantGeneralSection,
+  MediaSection: VariantMediaSection
+});
+export {
+  ProductVariantDetailBreadcrumb as Breadcrumb,
+  ProductVariantDetail as Component,
+  variantLoader as loader
+};