@mercurjs/admin 2.2.0-canary.15 → 2.2.0-canary.17

package/dist/chunk-4FHHNYIV.js

@@ -0,0 +1,280 @@
+import {
+  getLocaleAmount
+} from "./chunk-PXYDR7WQ.js";
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-NQEXDLYH.js";
+import {
+  NoRecords
+} from "./chunk-634XVU3D.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+
+// src/pages/offers/[id]/_components/offer-inventory-section.tsx
+import { Buildings } from "@medusajs/icons";
+import { Container, Heading, Text } from "@medusajs/ui";
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var PAGE_SIZE = 20;
+var computeAvailable = (row) => {
+  const levels = row.location_levels ?? [];
+  let quantity = 0;
+  let locations = 0;
+  for (const level of levels) {
+    if (level.available_quantity != null) {
+      quantity += level.available_quantity;
+    } else {
+      const stocked = level.stocked_quantity ?? 0;
+      const reserved = level.reserved_quantity ?? 0;
+      quantity += Math.max(0, stocked - reserved);
+    }
+    locations += 1;
+  }
+  return { quantity, locations };
+};
+var InventoryActions = ({ item }) => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx(Buildings, {}),
+              label: t("offers.detail.goToInventoryItem"),
+              to: `/inventory/${item.id}`
+            }
+          ]
+        }
+      ]
+    }
+  );
+};
+var OfferInventorySection = ({ offer }) => {
+  const { t } = useTranslation();
+  const inventoryItems = useMemo(() => {
+    const links = offer.inventory_item_link ?? [];
+    return links.map((link) => {
+      const item = link.inventory_item;
+      if (!item?.id) return null;
+      return {
+        id: item.id,
+        title: item.title,
+        sku: item.sku,
+        required_quantity: link.required_quantity,
+        location_levels: item.location_levels
+      };
+    }).filter((x) => x !== null);
+  }, [offer.inventory_item_link]);
+  const columns = useMemo(
+    () => [
+      columnHelper.accessor("title", {
+        header: t("fields.title"),
+        cell: ({ getValue }) => {
+          const title = getValue();
+          if (!title) return /* @__PURE__ */ jsx(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: title }) });
+        }
+      }),
+      columnHelper.accessor("sku", {
+        header: t("offers.fields.sku"),
+        cell: ({ getValue }) => {
+          const sku = getValue();
+          if (!sku) return /* @__PURE__ */ jsx(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: sku }) });
+        }
+      }),
+      columnHelper.accessor("required_quantity", {
+        header: t("offers.fields.requiredQuantity"),
+        cell: ({ getValue }) => {
+          const value = getValue();
+          if (value == null) return /* @__PURE__ */ jsx(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: value }) });
+        }
+      }),
+      columnHelper.display({
+        id: "inventory",
+        header: t("labels.available"),
+        cell: ({ row }) => {
+          const { quantity, locations } = computeAvailable(row.original);
+          if (locations === 0) return /* @__PURE__ */ jsx(PlaceholderCell, {});
+          const text = `${quantity} available at ${locations} ${locations === 1 ? "location" : "locations"}`;
+          return /* @__PURE__ */ jsx("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx(
+            Text,
+            {
+              size: "small",
+              className: quantity === 0 ? "text-ui-fg-error truncate" : "truncate",
+              children: text
+            }
+          ) });
+        }
+      }),
+      columnHelper.display({
+        id: "actions",
+        cell: ({ row }) => /* @__PURE__ */ jsx(InventoryActions, { item: row.original })
+      })
+    ],
+    [t]
+  );
+  const { table } = useDataTable({
+    data: inventoryItems,
+    columns,
+    count: inventoryItems.length,
+    enablePagination: true,
+    getRowId: (row) => row.id,
+    pageSize: PAGE_SIZE
+  });
+  return /* @__PURE__ */ jsxs(
+    Container,
+    {
+      className: "divide-y p-0",
+      "data-testid": "offer-detail-inventory-section",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx(Heading, { level: "h2", children: t("offers.detail.inventoryItems") }) }),
+        inventoryItems.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-6 py-8", children: /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t("offers.detail.noInventoryItems") }) }) : /* @__PURE__ */ jsx(
+          _DataTable,
+          {
+            table,
+            columns,
+            pageSize: PAGE_SIZE,
+            count: inventoryItems.length,
+            navigateTo: (row) => `/inventory/${row.id}`
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/pages/offers/[id]/_components/offer-pricing-section.tsx
+import { Button, Container as Container2, Heading as Heading2 } from "@medusajs/ui";
+import { useState } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var PAGE_STEP = 3;
+var isBaseRow = (price) => {
+  const rules = price.price_rules ?? [];
+  const extraRules = rules.filter((r) => r.attribute !== "offer_id");
+  return extraRules.length === 0;
+};
+var OfferPricingSection = ({ offer }) => {
+  const { t } = useTranslation2();
+  const prices = (offer.prices ?? []).filter(isBaseRow).sort(
+    (a, b) => (a.currency_code ?? "").localeCompare(b.currency_code ?? "")
+  );
+  const hasPrices = prices.length > 0;
+  const [pageSize, setPageSize] = useState(PAGE_STEP);
+  const displayPrices = prices.slice(0, pageSize);
+  return /* @__PURE__ */ jsxs2(
+    Container2,
+    {
+      className: "flex flex-col divide-y p-0",
+      "data-testid": "offer-detail-prices-section",
+      children: [
+        /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx2(Heading2, { level: "h2", children: t("labels.prices") }) }),
+        !hasPrices && /* @__PURE__ */ jsx2(NoRecords, { className: "h-60" }),
+        displayPrices.map((price) => /* @__PURE__ */ jsxs2(
+          "div",
+          {
+            className: "txt-small text-ui-fg-subtle flex justify-between px-6 py-4",
+            children: [
+              /* @__PURE__ */ jsx2("span", { className: "font-medium", children: price.currency_code.toUpperCase() }),
+              /* @__PURE__ */ jsx2("span", { children: getLocaleAmount(price.amount, price.currency_code) })
+            ]
+          },
+          price.id ?? `${price.currency_code}-${price.amount}`
+        )),
+        hasPrices && prices.length > PAGE_STEP && /* @__PURE__ */ jsx2("div", { className: "txt-small text-ui-fg-subtle flex items-center justify-end px-6 py-4", children: /* @__PURE__ */ jsx2(
+          Button,
+          {
+            onClick: () => setPageSize((p) => p + PAGE_STEP),
+            disabled: pageSize >= prices.length,
+            className: "-mr-3 text-blue-500",
+            variant: "transparent",
+            children: t("actions.showMore")
+          }
+        ) })
+      ]
+    }
+  );
+};
+
+// src/pages/offers/[id]/_components/offer-store-sidebar.tsx
+import { TriangleRightMini } from "@medusajs/icons";
+import { Avatar, Container as Container3, Heading as Heading3 } from "@medusajs/ui";
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { Link } from "react-router-dom";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var OfferStoreSidebar = ({ offer }) => {
+  const { t } = useTranslation3();
+  const seller = offer.seller;
+  if (!seller?.id) {
+    return null;
+  }
+  const name = seller.name ?? seller.id;
+  const handle = seller.handle ?? "";
+  const link = `/stores/${seller.id}`;
+  const Inner = /* @__PURE__ */ jsx3(
+    "div",
+    {
+      className: "shadow-elevation-card-rest bg-ui-bg-component rounded-md px-4 py-2 transition-colors",
+      "data-testid": "offer-detail-store-sidebar",
+      children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx3(
+          Avatar,
+          {
+            size: "small",
+            fallback: (name?.[0] ?? "?").toUpperCase(),
+            "data-testid": "offer-detail-store-avatar"
+          }
+        ),
+        /* @__PURE__ */ jsxs3("div", { className: "flex flex-1 flex-col", children: [
+          /* @__PURE__ */ jsx3(
+            "span",
+            {
+              className: "text-ui-fg-base font-medium",
+              "data-testid": "offer-detail-store-name",
+              children: name
+            }
+          ),
+          handle && /* @__PURE__ */ jsx3(
+            "span",
+            {
+              className: "text-ui-fg-subtle",
+              "data-testid": "offer-detail-store-handle",
+              children: handle
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx3("div", { className: "size-7 flex items-center justify-center", children: /* @__PURE__ */ jsx3(TriangleRightMini, { className: "text-ui-fg-muted rtl:rotate-180" }) })
+      ] })
+    }
+  );
+  return /* @__PURE__ */ jsxs3(Container3, { className: "p-0", children: [
+    /* @__PURE__ */ jsx3("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx3(Heading3, { level: "h2", children: t("offers.detail.store") }) }),
+    /* @__PURE__ */ jsx3("div", { className: "txt-small flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx3(
+      Link,
+      {
+        to: link,
+        className: "outline-none focus-within:shadow-borders-interactive-with-focus rounded-md [&:hover>div]:bg-ui-bg-component-hover",
+        "data-testid": "offer-detail-store-link",
+        children: Inner
+      }
+    ) })
+  ] });
+};
+
+export {
+  OfferInventorySection,
+  OfferPricingSection,
+  OfferStoreSidebar
+};

package/dist/{chunk-IQZ3T2Q4.js → chunk-4IKESXD3.js}

@@ -1,13 +1,13 @@
 import {
   CreateCampaignSchema,
   DEFAULT_CAMPAIGN_VALUES
-} from "./chunk-RQPDD3RI.js";
+} from "./chunk-SKKF3CU6.js";
 import {
   DeprecatedPercentageInput
 } from "./chunk-MAEP2UCK.js";
 import {
   AddCampaignPromotionFields
-} from "./chunk-FB7DDNCA.js";
+} from "./chunk-LHVXXHPO.js";
 import {
   RulesFormField
 } from "./chunk-FNKBJCNF.js";
@@ -15,7 +15,7 @@ import {
   TabbedForm,
   defineTabMeta,
   useTabbedForm
-} from "./chunk-4LXBQTFN.js";
+} from "./chunk-FREUYHMS.js";
 import {
   currencies,
   getCurrencySymbol

package/dist/{chunk-UXGLM3B4.js → chunk-4OEYCLBE.js}

@@ -5,7 +5,7 @@ import {
   DataGrid,
   createDataGridHelper,
   createDataGridPriceColumns
-} from "./chunk-KT7X72J4.js";
+} from "./chunk-HHW4PPNH.js";
 import {
   Thumbnail
 } from "./chunk-WIYFXWRI.js";

package/dist/{chunk-NGDOLGBQ.js → chunk-4Q5JHL4V.js}

@@ -36,7 +36,7 @@ import {
 } from "./chunk-PRBE5CM3.js";
 import {
   useSalesChannels
-} from "./chunk-6FHQCLHQ.js";
+} from "./chunk-OKWGPKVK.js";
 
 // src/pages/orders/order-list/order-list.tsx
 import { Children as Children3 } from "react";

package/dist/{chunk-3HY4I76Q.js → chunk-5BF5JDWT.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-DBYUB2YI.js";
 import {
   useOrderTableFilters
-} from "./chunk-3XSC3NEG.js";
+} from "./chunk-J3AMUGGZ.js";
 import {
   useMemberTableQuery
 } from "./chunk-MR3MLNWV.js";
@@ -24,7 +24,7 @@ import {
 } from "./chunk-OMBP3YSV.js";
 import {
   useProductTableFilters
-} from "./chunk-JSH7JEKY.js";
+} from "./chunk-RZ5SFALB.js";
 import {
   useProductTableQuery
 } from "./chunk-LYZDVZWA.js";

package/dist/{chunk-ZXBCWDVM.js → chunk-5T45PYWI.js}

@@ -11,7 +11,7 @@ import {
   useSalesChannelTableEmptyState,
   useSalesChannelTableFilters,
   useSalesChannelTableQuery
-} from "./chunk-CKNQJPAG.js";
+} from "./chunk-LEHS6RED.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
@@ -26,7 +26,7 @@ import {
   useBatchRemoveSalesChannelsFromApiKey,
   useDeleteApiKey,
   useRevokeApiKey
-} from "./chunk-NJP3DEE5.js";
+} from "./chunk-FJHAAROU.js";
 import {
   useUser
 } from "./chunk-GKGLVDDV.js";
@@ -35,7 +35,7 @@ import {
 } from "./chunk-BDGZ4EQO.js";
 import {
   useSalesChannels
-} from "./chunk-6FHQCLHQ.js";
+} from "./chunk-OKWGPKVK.js";
 import {
   SingleColumnPageSkeleton,
   Skeleton

package/dist/{chunk-5FFZQPTT.js → chunk-6PTZK4CH.js}

@@ -33,7 +33,7 @@ import {
 } from "./chunk-BDGZ4EQO.js";
 import {
   useSalesChannel
-} from "./chunk-6FHQCLHQ.js";
+} from "./chunk-OKWGPKVK.js";
 import {
   SingleColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";

package/dist/{chunk-KWFKMS4M.js → chunk-7Y6A7XK6.js}

@@ -3,14 +3,14 @@ import {
 } from "./chunk-IIFQ7KYL.js";
 import {
   UploadMediaFormItem
-} from "./chunk-26UTIAAZ.js";
+} from "./chunk-32URSQ4F.js";
 import {
   PRODUCT_CREATE_FORM_DEFAULTS,
   ProductCreateSchema,
   decorateVariantsWithDefaultValues,
   generateVariantsFromAttributes,
   normalizeProductFormValues
-} from "./chunk-EBYWGIOR.js";
+} from "./chunk-T4GL73RP.js";
 import {
   HandleInput
 } from "./chunk-HJ56YXBU.js";
@@ -22,7 +22,7 @@ import {
 } from "./chunk-4YWKKCTT.js";
 import {
   SingleCategoryCombobox
-} from "./chunk-QUPUWR42.js";
+} from "./chunk-B5OMHYJ5.js";
 import {
   useComboboxData
 } from "./chunk-5KGMGL4N.js";
@@ -33,17 +33,17 @@ import {
   TabbedForm,
   defineTabMeta,
   useTabbedForm
-} from "./chunk-4LXBQTFN.js";
+} from "./chunk-FREUYHMS.js";
 import {
   SwitchBox
 } from "./chunk-2EME4AWX.js";
 import {
   ChipInput
-} from "./chunk-YGRTRAWX.js";
+} from "./chunk-KDE4HKH2.js";
 import {
   DataGrid,
   createDataGridHelper
-} from "./chunk-KT7X72J4.js";
+} from "./chunk-HHW4PPNH.js";
 import {
   RouteFocusModal,
   StackedFocusModal,
@@ -73,10 +73,10 @@ import {
 } from "./chunk-BDGZ4EQO.js";
 import {
   useSalesChannel
-} from "./chunk-6FHQCLHQ.js";
+} from "./chunk-OKWGPKVK.js";
 import {
   useCreateProduct
-} from "./chunk-H3MAUKL7.js";
+} from "./chunk-M2E3PKA4.js";
 import {
   sdk
 } from "./chunk-ZBWL72TB.js";
@@ -773,7 +773,7 @@ var RequiredAttributes = () => {
       };
     });
     form.setValue("attributes", [...otherAttributes, ...requiredAttributes]);
-  }, [product_attributes]);
+  }, [product_attributes, form]);
   if (!categoryId || !product_attributes?.length) return null;
   const requiredEntries = attributes.map((attr, index) => ({ attr, index })).filter(({ attr }) => !attr.is_custom);
   return /* @__PURE__ */ jsxs2(Fragment, { children: [
@@ -1868,7 +1868,7 @@ var ProductCreateForm = ({
     if (JSON.stringify(newVariants.map((v) => v.options)) !== JSON.stringify(currentVariants.map((v) => v.options))) {
       form.setValue("variants", newVariants);
     }
-  }, [watchedAttributes]);
+  }, [watchedAttributes, form]);
   const handleSubmit = form.handleSubmit(async (values, e) => {
     if (isRegionsPending) {
       return;

package/dist/{chunk-LGL4QSGB.js → chunk-7ZL46D3W.js}

@@ -13,14 +13,14 @@ import {
   TabbedForm,
   defineTabMeta,
   useTabbedForm
-} from "./chunk-4LXBQTFN.js";
+} from "./chunk-FREUYHMS.js";
 import {
   SwitchBox
 } from "./chunk-2EME4AWX.js";
 import {
   DataGrid,
   createDataGridHelper
-} from "./chunk-KT7X72J4.js";
+} from "./chunk-HHW4PPNH.js";
 import {
   RouteFocusModal,
   useRouteModal
@@ -34,7 +34,7 @@ import {
 import {
   inventoryItemsQueryKeys,
   useCreateInventoryItem
-} from "./chunk-H3MAUKL7.js";
+} from "./chunk-M2E3PKA4.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{chunk-HDOWEXDH.js → chunk-A2GVK4VZ.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-OMBP3YSV.js";
 import {
   useProductTableFilters
-} from "./chunk-JSH7JEKY.js";
+} from "./chunk-RZ5SFALB.js";
 import {
   useProductTableQuery
 } from "./chunk-LYZDVZWA.js";
@@ -28,7 +28,7 @@ import {
 } from "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-H3MAUKL7.js";
+} from "./chunk-M2E3PKA4.js";
 
 // src/pages/product-types/product-type-detail/product-type-detail.tsx
 import { Children } from "react";

package/dist/{chunk-WYA62MUL.js → chunk-AROCMF45.js}

@@ -1,6 +1,6 @@
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal