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

package/dist/{edit-OKU6FMHJ.js → edit-X4DFAW7S.js}

@@ -4,7 +4,7 @@ import {
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal
@@ -14,39 +14,38 @@ import {
 } from "./chunk-3QSRE5LS.js";
 import {
   require_dist
-} from "./chunk-UCYSCKZV.js";
+} from "./chunk-VYSB4CTB.js";
 import {
   useFeatureFlags
-} from "./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";
+} from "./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-CLS6PNZY.js";
+import "./chunk-JIXW4WHZ.js";
+import "./chunk-GZ4KTAWS.js";
+import "./chunk-PUAWN7SS.js";
+import "./chunk-4NADEZZQ.js";
+import "./chunk-XWHHBJGS.js";
+import "./chunk-5NVY7JZC.js";
+import "./chunk-KIURBTC4.js";
+import "./chunk-4EAC3GT7.js";
+import "./chunk-JR7AABT5.js";
+import "./chunk-ZQCCVCHB.js";
+import "./chunk-MABIMRLS.js";
+import "./chunk-ULEW54ED.js";
+import "./chunk-UEPUKWD7.js";
+import "./chunk-JJP6AKMV.js";
 import {
   useProduct,
   useUpdateProduct
-} from "./chunk-JAUZ73XE.js";
+} from "./chunk-744GLNZW.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-RIN4CBRB.js";
+import "./chunk-LXZXXOJ3.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";
@@ -55,14 +54,17 @@ import {
 import { Heading } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { useParams } from "react-router-dom";
+import { linkFields, useExtension } from "@mercurjs/dashboard-shared";
 
 // src/pages/products/[id]/edit/edit-product-form/edit-product-form.tsx
 var import_types = __toESM(require_dist(), 1);
 import { Button, Input, Text, Textarea, toast } from "@medusajs/ui";
 import { useTranslation } from "react-i18next";
 import * as zod from "zod";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
+import {
+  FormExtensionZone,
+  useExtendableForm
+} from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
 var EditProductSchema = zod.object({
   title: zod.string().min(1),
@@ -76,27 +78,33 @@ var EditProductForm = ({ product }) => {
   const { handleSuccess } = useRouteModal();
   const { feature_flags } = useFeatureFlags();
   const isProductRequestEnabled = !!feature_flags?.[import_types.MercurFeatureFlags.PRODUCT_REQUEST];
-  const form = useForm({
+  const form = useExtendableForm({
+    schema: EditProductSchema,
+    model: "product",
+    zone: "edit",
+    data: product,
     defaultValues: {
       title: product.title,
       subtitle: product.subtitle || "",
       handle: product.handle || "",
       description: product.description || "",
       discountable: product.discountable
-    },
-    resolver: zodResolver(EditProductSchema)
+    }
   });
   const { mutateAsync, isPending } = useUpdateProduct(product.id);
   const handleSubmit = form.handleSubmit(async (data) => {
     const { description, discountable, handle, subtitle, title } = data;
+    const additional_data = data.additional_data;
+    const payload = {
+      description,
+      discountable,
+      handle,
+      subtitle: subtitle || null,
+      title,
+      ...additional_data && Object.keys(additional_data).length ? { additional_data } : {}
+    };
     await mutateAsync(
-      {
-        description,
-        discountable,
-        handle,
-        subtitle: subtitle || null,
-        title
-      },
+      payload,
       {
         onSuccess: () => {
           toast.success(
@@ -199,6 +207,15 @@ var EditProductForm = ({ product }) => {
               label: t("fields.discountable"),
               description: t("products.discountableHint")
             }
+          ),
+          /* @__PURE__ */ jsx(
+            FormExtensionZone,
+            {
+              model: "product",
+              zone: "edit",
+              control: form.control,
+              data: product
+            }
           )
         ] }) }),
         /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
@@ -215,7 +232,11 @@ import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var Component = () => {
   const { id } = useParams();
   const { t } = useTranslation2();
-  const { product, isLoading, isError, error } = useProduct(id);
+  const links = useExtension().getLinks("product");
+  const { product, isLoading, isError, error } = useProduct(
+    id,
+    links.length ? { fields: linkFields(links) } : void 0
+  );
   if (isError) {
     throw error;
   }

package/dist/{edit-ZAHCMF5U.js → edit-YLWMEXUS.js}

@@ -4,7 +4,7 @@ import {
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal
@@ -15,23 +15,26 @@ import {
 import {
   usePromotion,
   useUpdatePromotion
-} from "./chunk-BOZJOOGW.js";
+} from "./chunk-JIXW4WHZ.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-RIN4CBRB.js";
+import "./chunk-LXZXXOJ3.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/promotions/[id]/edit/index.tsx
 import { Heading } from "@medusajs/ui";
+import { useLinkQuery } from "@mercurjs/dashboard-shared";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { useParams } from "react-router-dom";
 
 // src/pages/promotions/[id]/edit/edit-promotion-form/edit-promotion-details-form.tsx
-import { zodResolver } from "@hookform/resolvers/zod";
 import { Button, Input, RadioGroup, Text } from "@medusajs/ui";
-import { useForm } from "react-hook-form";
 import { Trans, useTranslation } from "react-i18next";
 import * as zod from "zod";
+import {
+  FormExtensionZone,
+  useExtendableForm
+} from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
 var EditPromotionSchema = zod.object({
   is_automatic: zod.string().toLowerCase(),
@@ -44,7 +47,11 @@ var EditPromotionSchema = zod.object({
 var EditPromotionDetailsForm = ({ promotion }) => {
   const { t } = useTranslation();
   const { handleSuccess } = useRouteModal();
-  const form = useForm({
+  const form = useExtendableForm({
+    schema: EditPromotionSchema,
+    model: "promotion",
+    zone: "edit",
+    data: promotion,
     defaultValues: {
       is_automatic: promotion.is_automatic.toString(),
       code: promotion.code,
@@ -52,8 +59,7 @@ var EditPromotionDetailsForm = ({ promotion }) => {
       value: promotion.application_method.value,
       value_type: promotion.application_method.type,
       max_quantity: promotion.application_method?.max_quantity ?? 1
-    },
-    resolver: zodResolver(EditPromotionSchema)
+    }
   });
   const { mutateAsync, isPending } = useUpdatePromotion(promotion.id);
   const handleSubmit = form.handleSubmit(async (data) => {
@@ -265,6 +271,15 @@ var EditPromotionDetailsForm = ({ promotion }) => {
                 ] });
               }
             }
+          ),
+          /* @__PURE__ */ jsx(
+            FormExtensionZone,
+            {
+              model: "promotion",
+              zone: "edit",
+              control: form.control,
+              data: promotion
+            }
           )
         ] }) }),
         /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
@@ -296,7 +311,8 @@ import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var Component = () => {
   const { id } = useParams();
   const { t } = useTranslation2();
-  const { promotion, isLoading, isError, error } = usePromotion(id);
+  const linkQuery = useLinkQuery("promotion");
+  const { promotion, isLoading, isError, error } = usePromotion(id, linkQuery);
   if (isError) throw error;
   return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
     /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(Heading, { children: t("promotions.edit.title") }) }),

package/dist/{edit-522DG3BY.js → edit-ZOLSAIKF.js}

@@ -1,7 +1,7 @@
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal
@@ -12,11 +12,11 @@ import {
 import {
   useProductType,
   useUpdateProductType
-} from "./chunk-VV6IKGCN.js";
+} from "./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";
 
 // src/pages/settings/product-types/[id]/edit/index.tsx

package/dist/{edit-budget-L3CCEWNF.js → edit-budget-XVJ65KUO.js}

@@ -4,7 +4,7 @@ import {
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal
@@ -15,10 +15,10 @@ import {
 import {
   useCampaign,
   useUpdateCampaign
-} from "./chunk-BOZJOOGW.js";
+} from "./chunk-JIXW4WHZ.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
-import "./chunk-RIN4CBRB.js";
+import "./chunk-LXZXXOJ3.js";
 import "./chunk-NBMM2TZK.js";
 
 // src/pages/campaigns/[id]/edit-budget/index.tsx

package/dist/{edit-inventory-item-ZKXXL3QK.js → edit-inventory-item-NHSXZ7UB.js}

@@ -1,7 +1,7 @@
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal
@@ -12,24 +12,27 @@ import {
 import {
   useInventoryItem,
   useUpdateInventoryItem
-} from "./chunk-JAUZ73XE.js";
+} from "./chunk-744GLNZW.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";
 
 // src/pages/inventory/[id]/_components/edit-inventory-item/edit-item-drawer.tsx
 import { Heading } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { useParams } from "react-router-dom";
+import { useLinkQuery } from "@mercurjs/dashboard-shared";
 
 // src/pages/inventory/[id]/_components/edit-inventory-item/components/edit-item-form.tsx
 import { Button, Input, toast } from "@medusajs/ui";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { z } from "zod";
+import {
+  FormExtensionZone,
+  useExtendableForm
+} from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
 var EditInventoryItemSchema = z.object({
   title: z.string().optional(),
@@ -44,9 +47,12 @@ var getDefaultValues = (item) => {
 var EditInventoryItemForm = ({ item }) => {
   const { t } = useTranslation();
   const { handleSuccess } = useRouteModal();
-  const form = useForm({
-    defaultValues: getDefaultValues(item),
-    resolver: zodResolver(EditInventoryItemSchema)
+  const form = useExtendableForm({
+    schema: EditInventoryItemSchema,
+    model: "inventory_item",
+    zone: "edit",
+    data: item,
+    defaultValues: getDefaultValues(item)
   });
   const { mutateAsync, isPending: isLoading } = useUpdateInventoryItem(item.id);
   const handleSubmit = form.handleSubmit(async (values) => {
@@ -92,6 +98,15 @@ var EditInventoryItemForm = ({ item }) => {
                 ] });
               }
             }
+          ),
+          /* @__PURE__ */ jsx(
+            FormExtensionZone,
+            {
+              model: "inventory_item",
+              zone: "edit",
+              control: form.control,
+              data: item
+            }
           )
         ] }),
         /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
@@ -113,7 +128,7 @@ var InventoryItemEdit = () => {
     isPending: isLoading,
     isError,
     error
-  } = useInventoryItem(id);
+  } = useInventoryItem(id, useLinkQuery("inventory_item"));
   const ready = !isLoading && inventoryItem;
   if (isError) {
     throw error;

package/dist/{edit-inventory-item-attributes-GSKUMORD.js → edit-inventory-item-attributes-VTFPTLLT.js}

@@ -6,7 +6,7 @@ import "./chunk-JRTZWK77.js";
 import "./chunk-TKGWSUEI.js";
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal
@@ -17,11 +17,11 @@ import {
 import {
   useInventoryItem,
   useUpdateInventoryItem
-} from "./chunk-JAUZ73XE.js";
+} from "./chunk-744GLNZW.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";
 
 // src/pages/inventory/[id]/_components/edit-inventory-item-attributes/edit-item-attributes-drawer.tsx

package/dist/edit-price-XCJDZ4CU.js

@@ -0,0 +1,197 @@
+import {
+  OFFER_PRODUCT_DETAIL_FIELDS
+} from "./chunk-XQUF3WIS.js";
+import {
+  DataGrid,
+  createDataGridHelper,
+  createDataGridPriceColumns
+} from "./chunk-5FBQOAXU.js";
+import "./chunk-IQPN4PZJ.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-SITRHMZZ.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-GDWBOQI5.js";
+import "./chunk-3QSRE5LS.js";
+import {
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import {
+  usePricePreferences
+} from "./chunk-PUAWN7SS.js";
+import {
+  useCurrentSeller
+} from "./chunk-4NADEZZQ.js";
+import {
+  offerQueryKeys
+} from "./chunk-ULEW54ED.js";
+import {
+  productsQueryKeys,
+  useProduct
+} from "./chunk-744GLNZW.js";
+import "./chunk-A5DJIOHN.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import {
+  sdk
+} from "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/offers/[id]/edit-price/index.tsx
+import { Button, toast } from "@medusajs/ui";
+import { useMemo } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { useParams } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var numericOrZero = (v) => v === "" || v === null || v === void 0 ? 0 : Number(v) || 0;
+var buildRows = (product, currencies) => (product.variants ?? []).flatMap(
+  (variant) => (variant.offers ?? []).map((offer) => {
+    const prices = {};
+    for (const code of currencies) {
+      const match = (offer.prices ?? []).find(
+        (p) => p.currency_code === code
+      );
+      prices[code] = match?.amount ?? "";
+    }
+    return {
+      offer_id: offer.id,
+      variant_title: variant.title ?? "",
+      product_thumbnail: product.thumbnail ?? null,
+      prices
+    };
+  })
+);
+var columnHelper = createDataGridHelper();
+var useColumns = ({
+  currencies,
+  pricePreferences
+}) => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.column({
+        id: "title",
+        header: t("fields.title"),
+        cell: (context) => {
+          const entity = context.row.original;
+          return /* @__PURE__ */ jsx(DataGrid.ReadonlyCell, { context, children: /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full items-center gap-x-2 overflow-hidden", children: [
+            /* @__PURE__ */ jsx(Thumbnail, { src: entity.product_thumbnail ?? null }),
+            /* @__PURE__ */ jsx("span", { className: "truncate", title: entity.variant_title, children: entity.variant_title })
+          ] }) });
+        },
+        disableHiding: true
+      }),
+      ...createDataGridPriceColumns({
+        currencies,
+        pricePreferences: pricePreferences ?? [],
+        getFieldName: (context, value) => {
+          if (context.column.id?.startsWith("currency_prices")) {
+            return `rows.${context.row.index}.prices.${value}`;
+          }
+          return null;
+        },
+        t
+      })
+    ],
+    [t, currencies, pricePreferences]
+  );
+};
+var EditPriceGrid = ({
+  product,
+  productId
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess, setCloseOnEscape } = useRouteModal();
+  const { currency_code } = useCurrentSeller();
+  const { price_preferences: pricePreferences } = usePricePreferences({});
+  const currencies = useMemo(
+    () => currency_code ? [currency_code] : [],
+    [currency_code]
+  );
+  const rows = useMemo(
+    () => buildRows(product, currencies),
+    [product, currencies]
+  );
+  const form = useForm({ defaultValues: { rows } });
+  const columns = useColumns({ currencies, pricePreferences });
+  const handleSubmit = form.handleSubmit(async (values) => {
+    try {
+      await Promise.all(
+        values.rows.map((row) => {
+          const prices = currencies.map((code) => ({
+            amount: numericOrZero(row.prices?.[code]),
+            currency_code: code
+          }));
+          return sdk.vendor.offers.$id.mutate({ $id: row.offer_id, prices });
+        })
+      );
+      await queryClient.invalidateQueries({ queryKey: offerQueryKeys.lists() });
+      await queryClient.invalidateQueries({
+        queryKey: productsQueryKeys.detail(productId)
+      });
+      toast.success(t("offers.pricing.successToast"));
+      handleSuccess();
+    } catch (error) {
+      toast.error(error.message);
+    }
+  });
+  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex h-full flex-col overflow-hidden",
+      "data-testid": "offer-edit-price-form",
+      children: [
+        /* @__PURE__ */ jsx(RouteFocusModal.Header, {}),
+        /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "flex-1 overflow-hidden p-0", children: /* @__PURE__ */ jsx(
+          DataGrid,
+          {
+            columns,
+            data: rows,
+            state: form,
+            onEditingChange: (editing) => setCloseOnEscape(!editing)
+          }
+        ) }),
+        /* @__PURE__ */ jsx(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "small",
+              type: "submit",
+              isLoading: form.formState.isSubmitting,
+              children: t("actions.save")
+            }
+          )
+        ] }) })
+      ]
+    }
+  ) });
+};
+var OfferEditPricePage = () => {
+  const { id } = useParams();
+  const { t } = useTranslation();
+  const { product, isPending, isError, error } = useProduct(id, {
+    fields: OFFER_PRODUCT_DETAIL_FIELDS
+  });
+  if (isError) throw error;
+  return /* @__PURE__ */ jsxs(RouteFocusModal, { children: [
+    /* @__PURE__ */ jsx(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("offers.pricing.header") }) }),
+    /* @__PURE__ */ jsx(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("offers.pricing.description") }) }),
+    !isPending && product && /* @__PURE__ */ jsx(EditPriceGrid, { product, productId: id })
+  ] });
+};
+var Component = OfferEditPricePage;
+export {
+  Component,
+  OfferEditPricePage
+};