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

package/dist/edit-stock-5SQJH74B.js

@@ -0,0 +1,230 @@
+import {
+  OFFER_PRODUCT_DETAIL_FIELDS
+} from "./chunk-XQUF3WIS.js";
+import {
+  DataGrid,
+  createDataGridHelper,
+  createDataGridLocationStockColumns
+} 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 {
+  useStockLocations
+} from "./chunk-ZQCCVCHB.js";
+import {
+  offerQueryKeys
+} from "./chunk-ULEW54ED.js";
+import {
+  productsQueryKeys,
+  useBatchInventoryItemsLocationLevels,
+  useProduct
+} from "./chunk-744GLNZW.js";
+import "./chunk-A5DJIOHN.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/offers/[id]/edit-stock/index.tsx
+import { Button, toast } from "@medusajs/ui";
+import { useMemo, useRef } 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 castNumber = (v) => v === "" || v === null || v === void 0 ? 0 : Number(v) || 0;
+var buildRows = (product, locations) => (product.variants ?? []).flatMap(
+  (variant) => (variant.offers ?? []).map((offer) => {
+    const link = offer.inventory_item_link?.[0];
+    const levels = link?.inventory_item?.location_levels ?? [];
+    const inventory = {};
+    for (const loc of locations) {
+      const level = levels.find((l) => l.location_id === loc.id);
+      inventory[loc.id] = level ? {
+        checked: true,
+        quantity: level.stocked_quantity ?? 0,
+        id: level.id ?? void 0
+      } : { checked: false, quantity: "" };
+    }
+    return {
+      offer_id: offer.id,
+      inventory_item_id: link?.inventory_item_id ?? null,
+      variant_title: variant.title ?? "",
+      product_thumbnail: product.thumbnail ?? null,
+      sku: offer.sku ?? variant.sku ?? null,
+      inventory
+    };
+  })
+);
+var columnHelper = createDataGridHelper();
+var useColumns = ({
+  stockLocations
+}) => {
+  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
+      }),
+      columnHelper.column({
+        id: "sku",
+        name: t("fields.sku"),
+        header: t("fields.sku"),
+        cell: (context) => /* @__PURE__ */ jsx(DataGrid.ReadonlyCell, { context, children: /* @__PURE__ */ jsx("span", { className: "truncate", children: context.row.original.sku ?? "-" }) })
+      }),
+      ...createDataGridLocationStockColumns({
+        stockLocations,
+        getFieldName: (context, index) => {
+          const location = stockLocations[index];
+          if (!location) return null;
+          return `rows.${context.row.index}.inventory.${location.id}`;
+        },
+        t
+      })
+    ],
+    [t, stockLocations]
+  );
+};
+var EditStockGrid = ({
+  product,
+  productId,
+  locations
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess, setCloseOnEscape } = useRouteModal();
+  const { mutateAsync, isPending } = useBatchInventoryItemsLocationLevels();
+  const rows = useMemo(
+    () => buildRows(product, locations),
+    [product, locations]
+  );
+  const initial = useRef(rows);
+  const form = useForm({ defaultValues: { rows } });
+  const columns = useColumns({ stockLocations: locations });
+  const handleSubmit = form.handleSubmit(async (values) => {
+    const payload = {
+      create: [],
+      update: [],
+      delete: [],
+      force: true
+    };
+    values.rows.forEach((row, index) => {
+      const itemId = row.inventory_item_id;
+      if (!itemId) return;
+      const initialRow = initial.current[index];
+      for (const [locationId, level] of Object.entries(row.inventory)) {
+        const prior = initialRow?.inventory?.[locationId];
+        if (level.id) {
+          if (prior?.checked && !level.checked) {
+            payload.delete.push(level.id);
+          } else {
+            const next = castNumber(level.quantity);
+            if (next !== castNumber(prior?.quantity)) {
+              payload.update.push({
+                inventory_item_id: itemId,
+                location_id: locationId,
+                stocked_quantity: next
+              });
+            }
+          }
+        } else if (level.checked && level.quantity !== "") {
+          payload.create.push({
+            inventory_item_id: itemId,
+            location_id: locationId,
+            stocked_quantity: castNumber(level.quantity)
+          });
+        }
+      }
+    });
+    await mutateAsync(payload, {
+      onSuccess: async () => {
+        await queryClient.invalidateQueries({
+          queryKey: offerQueryKeys.lists()
+        });
+        await queryClient.invalidateQueries({
+          queryKey: productsQueryKeys.detail(productId)
+        });
+        toast.success(t("offers.inventory.successToast"));
+        handleSuccess();
+      },
+      onError: (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-stock-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: isPending, children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+var OfferEditStockPage = () => {
+  const { id } = useParams();
+  const { t } = useTranslation();
+  const { product, isPending, isError, error } = useProduct(id, {
+    fields: OFFER_PRODUCT_DETAIL_FIELDS
+  });
+  const { stock_locations, isPending: isLocationsPending } = useStockLocations({
+    limit: 100
+  });
+  if (isError) throw error;
+  const ready = !isPending && !!product && !isLocationsPending && !!stock_locations;
+  return /* @__PURE__ */ jsxs(RouteFocusModal, { children: [
+    /* @__PURE__ */ jsx(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("offers.inventory.header") }) }),
+    /* @__PURE__ */ jsx(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("offers.inventory.description") }) }),
+    ready && /* @__PURE__ */ jsx(
+      EditStockGrid,
+      {
+        product,
+        productId: id,
+        locations: stock_locations
+      }
+    )
+  ] });
+};
+var Component = OfferEditStockPage;
+export {
+  Component,
+  OfferEditStockPage
+};

package/dist/extension-targets.d.ts

@@ -0,0 +1,248 @@
+// GENERATED by scripts/generate-extension-targets.ts — do not edit by hand.
+// Seeds the built-in extension target ids from this panel's host usages.
+import "@mercurjs/dashboard-sdk"
+
+declare module "@mercurjs/dashboard-sdk" {
+  interface WidgetZoneRegistry {
+    "campaigns.detail.main.after": true
+    "campaigns.detail.main.before": true
+    "campaigns.detail.side.after": true
+    "campaigns.detail.side.before": true
+    "campaigns.list.after": true
+    "campaigns.list.before": true
+    "categories.detail.main.after": true
+    "categories.detail.main.before": true
+    "categories.detail.side.after": true
+    "categories.detail.side.before": true
+    "categories.list.after": true
+    "categories.list.before": true
+    "collections.detail.main.after": true
+    "collections.detail.main.before": true
+    "collections.list.after": true
+    "collections.list.before": true
+    "customer-groups.detail.main.after": true
+    "customer-groups.detail.main.before": true
+    "customer-groups.list.after": true
+    "customer-groups.list.before": true
+    "customers.detail.main.after": true
+    "customers.detail.main.before": true
+    "customers.detail.side.after": true
+    "customers.detail.side.before": true
+    "customers.list.after": true
+    "customers.list.before": true
+    "inventory.detail.main.after": true
+    "inventory.detail.main.before": true
+    "inventory.detail.side.after": true
+    "inventory.detail.side.before": true
+    "inventory.list.after": true
+    "inventory.list.before": true
+    "locations.detail.main.after": true
+    "locations.detail.main.before": true
+    "locations.detail.side.after": true
+    "locations.detail.side.before": true
+    "locations.list.after": true
+    "locations.list.before": true
+    "login.after.after": true
+    "login.after.before": true
+    "login.before.after": true
+    "login.before.before": true
+    "login.logo.after": true
+    "login.logo.before": true
+    "offer-variants.detail.main.after": true
+    "offer-variants.detail.main.before": true
+    "offer-variants.detail.side.after": true
+    "offer-variants.detail.side.before": true
+    "offers.detail.main.after": true
+    "offers.detail.main.before": true
+    "offers.detail.side.after": true
+    "offers.detail.side.before": true
+    "offers.list.after": true
+    "offers.list.before": true
+    "orders.detail.main.after": true
+    "orders.detail.main.before": true
+    "orders.detail.side.after": true
+    "orders.detail.side.before": true
+    "orders.detail.summary.after": true
+    "orders.detail.summary.before": true
+    "orders.list.after": true
+    "orders.list.before": true
+    "payouts.detail.main.after": true
+    "payouts.detail.main.before": true
+    "payouts.list.after": true
+    "payouts.list.before": true
+    "price-lists.detail.main.after": true
+    "price-lists.detail.main.before": true
+    "price-lists.detail.side.after": true
+    "price-lists.detail.side.before": true
+    "price-lists.list.after": true
+    "price-lists.list.before": true
+    "product-tags.detail.main.after": true
+    "product-tags.detail.main.before": true
+    "product-tags.list.after": true
+    "product-tags.list.before": true
+    "product-types.detail.main.after": true
+    "product-types.detail.main.before": true
+    "product-types.list.after": true
+    "product-types.list.before": true
+    "product-variants.detail.main.after": true
+    "product-variants.detail.main.before": true
+    "product.detail.main.after": true
+    "product.detail.main.before": true
+    "product.detail.side.after": true
+    "product.detail.side.before": true
+    "product.list.after": true
+    "product.list.before": true
+    "profile.detail.main.after": true
+    "profile.detail.main.before": true
+    "promotions.detail.main.after": true
+    "promotions.detail.main.before": true
+    "promotions.detail.side.after": true
+    "promotions.detail.side.before": true
+    "promotions.list.after": true
+    "promotions.list.before": true
+    "regions.detail.main.after": true
+    "regions.detail.main.before": true
+    "regions.list.after": true
+    "regions.list.before": true
+    "reservations.detail.main.after": true
+    "reservations.detail.main.before": true
+    "reservations.detail.side.after": true
+    "reservations.detail.side.before": true
+    "reservations.list.after": true
+    "reservations.list.before": true
+    "return-reasons.list.after": true
+    "return-reasons.list.before": true
+    "seller.setup.after": true
+    "seller.setup.before": true
+    "shipping-profiles.detail.main.after": true
+    "shipping-profiles.detail.main.before": true
+    "shipping-profiles.list.after": true
+    "shipping-profiles.list.before": true
+    "tax-regions.detail.main.after": true
+    "tax-regions.detail.main.before": true
+    "tax-regions.list.after": true
+    "tax-regions.list.before": true
+    "tax-regions.province.detail.main.after": true
+    "tax-regions.province.detail.main.before": true
+    "team.list.after": true
+    "team.list.before": true
+  }
+
+  interface NavItemRegistry {
+    "campaigns": true
+    "categories": true
+    "collections": true
+    "customer-groups": true
+    "customers": true
+    "inventory": true
+    "offers": true
+    "orders": true
+    "payouts": true
+    "price-lists": true
+    "products": true
+    "promotions": true
+  }
+
+  interface NavParentRegistry {
+    "customers": true
+    "inventory": true
+    "orders": true
+    "payouts": true
+    "price-lists": true
+    "products": true
+    "promotions": true
+  }
+
+  interface CustomFieldsRegistry {
+    "campaign": {
+      formZones: "edit"
+      formTabs: Record<string, string>
+      displayZones: "budget" | "configuration" | "general" | "promotions" | "spend"
+      displayFieldIds: "campaign_identifier" | "currency_code" | "description" | "name" | "status"
+    }
+    "category": {
+      formZones: never
+      formTabs: Record<string, string>
+      displayZones: "general" | "icon" | "media" | "organize" | "products"
+      displayFieldIds: "description" | "handle" | "name"
+    }
+    "collection": {
+      formZones: never
+      formTabs: Record<string, string>
+      displayZones: "general" | "icon" | "media" | "products"
+      displayFieldIds: "handle" | "title"
+    }
+    "customer": {
+      formZones: never
+      formTabs: Record<string, string>
+      displayZones: "addresses" | "general" | "groups" | "orders"
+      displayFieldIds: "company_name" | "email" | "name" | "phone" | "status"
+    }
+    "customer_group": {
+      formZones: "edit"
+      formTabs: Record<string, string>
+      displayZones: "customers" | "general"
+      displayFieldIds: "customers" | "name"
+    }
+    "inventory_item": {
+      formZones: "edit"
+      formTabs: Record<string, string>
+      displayZones: "attributes" | "general" | "locations" | "variants"
+      displayFieldIds: "available" | "in_stock" | "reserved" | "sku" | "title"
+    }
+    "member": {
+      formZones: "edit"
+      formTabs: Record<string, string>
+      displayZones: "general"
+      displayFieldIds: "first_name" | "language" | "last_name"
+    }
+    "offer": {
+      formZones: "create" | "edit"
+      formTabs: { "create": "catalogue" | "stockLevelsAndPrices" }
+      displayZones: "associated-product" | "general" | "inventory" | "prices" | "shipping" | "variant-general" | "variants"
+      displayFieldIds: "description" | "discountable" | "handle" | "status" | "subtitle" | "title"
+    }
+    "order": {
+      formZones: never
+      formTabs: Record<string, string>
+      displayZones: "active-claim" | "active-edit" | "active-exchange" | "active-return" | "activity" | "customer" | "fulfillment" | "general" | "payment" | "summary"
+      displayFieldIds: "display_id" | "fulfillment_status" | "payment_status" | "status"
+    }
+    "payout": {
+      formZones: never
+      formTabs: Record<string, string>
+      displayZones: "general"
+      displayFieldIds: "amount" | "created_at" | "display_id" | "status" | "updated_at"
+    }
+    "price_list": {
+      formZones: "edit"
+      formTabs: Record<string, string>
+      displayZones: "configuration" | "general" | "products"
+      displayFieldIds: "description" | "price_overrides" | "status" | "title" | "type"
+    }
+    "product": {
+      formZones: "create" | "edit"
+      formTabs: { "create": "attributes" | "details" | "organize" | "variants" }
+      displayZones: "attributes" | "general" | "media" | "organize" | "sales-channels" | "shipping-profile" | "variants"
+      displayFieldIds: "description" | "discountable" | "handle" | "status" | "subtitle" | "title"
+    }
+    "promotion": {
+      formZones: "edit"
+      formTabs: Record<string, string>
+      displayZones: "campaign" | "general"
+      displayFieldIds: "allocation" | "code" | "code_value" | "is_automatic" | "status" | "type" | "value"
+    }
+    "reservation": {
+      formZones: "edit"
+      formTabs: Record<string, string>
+      displayZones: "general"
+      displayFieldIds: "available_quantity" | "description" | "line_item_id" | "location" | "reserved_quantity" | "stocked_quantity" | "title"
+    }
+    "seller": {
+      formZones: "address" | "edit" | "onboarding" | "payment-details" | "professional-details"
+      formTabs: Record<string, string>
+      displayZones: "general" | "seller-select"
+      displayFieldIds: "currency_code" | "description" | "email" | "handle" | "phone" | "status" | "website_url"
+    }
+  }
+}

package/dist/extension-targets.js

@@ -0,0 +1 @@
+export {}