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

package/dist/chunk-I3I5IYHO.js

@@ -0,0 +1,33 @@
+import {
+  variantsQueryKeys
+} from "./chunk-744GLNZW.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import {
+  sdk
+} from "./chunk-LXZXXOJ3.js";
+
+// src/pages/product-variants/product-variant-detail/loader.ts
+var VARIANT_DETAIL_FIELDS = "+options.id,+options.value,+options.option.id,+options.option.title,+thumbnail,+images.id,+images.url,+images.rank,+images.variants.id,+product.images.id,+product.images.url,+product.images.rank,+product.images.variants.id";
+var variantDetailQuery = (productId, variantId) => ({
+  queryKey: variantsQueryKeys.detail(variantId, { fields: VARIANT_DETAIL_FIELDS }),
+  queryFn: async () => sdk.vendor.products.$id.variants.$variantId.query({
+    $id: productId,
+    $variantId: variantId,
+    fields: VARIANT_DETAIL_FIELDS
+  })
+});
+var variantLoader = async ({
+  params
+}) => {
+  const productId = params.id || params.product_id;
+  const variantId = params.variant_id;
+  const query = variantDetailQuery(productId, variantId);
+  return queryClient.ensureQueryData(query);
+};
+
+export {
+  VARIANT_DETAIL_FIELDS,
+  variantLoader
+};

package/dist/{chunk-M6GKMFTC.js → chunk-ICKOFNHF.js}

@@ -1,6 +1,6 @@
 import {
   AuthLayout
-} from "./chunk-HXGLPDZW.js";
+} from "./chunk-IMVZFBCM.js";
 import {
   AvatarBox
 } from "./chunk-CP5IL4P6.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-3QSRE5LS.js";
 import {
   useSignInWithEmailPass
-} from "./chunk-F4OJN2F2.js";
+} from "./chunk-QIF4QE7T.js";
 
 // src/pages/login/login.tsx
 import { Children } from "react";
@@ -23,6 +23,7 @@ import { useForm } from "react-hook-form";
 import { Trans, useTranslation } from "react-i18next";
 import { Link, useNavigate, useSearchParams } from "react-router-dom";
 import * as z from "zod";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 import config from "virtual:mercur/config";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var LoginSchema = z.object({
@@ -30,7 +31,7 @@ var LoginSchema = z.object({
   password: z.string().min(1, { message: i18n.t("login.validation.passwordRequired") })
 });
 var LoginLogo = () => {
-  return /* @__PURE__ */ jsx(AvatarBox, {});
+  return /* @__PURE__ */ jsx(WidgetZone, { id: "login.logo", children: /* @__PURE__ */ jsx(AvatarBox, {}) });
 };
 var LoginHeader = () => {
   const { t } = useTranslation();
@@ -175,10 +176,12 @@ var LoginFooter = () => {
 var Root = ({ children }) => {
   return /* @__PURE__ */ jsx(AuthLayout, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(LoginLogo, {}),
+    /* @__PURE__ */ jsx(WidgetZone, { id: "login.before" }),
     /* @__PURE__ */ jsxs("div", { className: "mt-6", children: [
       /* @__PURE__ */ jsx(LoginHeader, {}),
       /* @__PURE__ */ jsx(LoginForm, {})
     ] }),
+    /* @__PURE__ */ jsx(WidgetZone, { id: "login.after" }),
     /* @__PURE__ */ jsx(LoginFooter, {})
   ] }) });
 };

package/dist/{chunk-53SII3U2.js → chunk-II2GAEVL.js}

@@ -1,27 +1,28 @@
 import {
   usePromotionTableColumns,
   usePromotionTableQuery
-} from "./chunk-YUKD5RCX.js";
+} from "./chunk-VR7P4DAZ.js";
 import {
   usePromotionTableFilters
 } from "./chunk-S2WEYEQR.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-SSUUT5LK.js";
 import {
   SingleColumnPage
 } from "./chunk-YV6MK4PZ.js";
 import {
-  useDeletePromotion,
-  usePromotions
-} from "./chunk-BOZJOOGW.js";
+  _DataTable,
+  useDataTable
+} from "./chunk-7TQNE3E2.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
+import {
+  useDeletePromotion,
+  usePromotions
+} from "./chunk-JIXW4WHZ.js";
 
 // src/pages/promotions/promotion-list-page.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/promotions/_components/promotion-list-table/promotion-list-table.tsx
 import { Children as Children2 } from "react";
@@ -59,6 +60,7 @@ var PromotionListHeader = ({
 import { PencilSquare, Trash } from "@medusajs/icons";
 import { usePrompt } from "@medusajs/ui";
 import { createColumnHelper } from "@tanstack/react-table";
+import { useExtendableTable, useLinkQuery } from "@mercurjs/dashboard-shared";
 import { useMemo } from "react";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { Outlet, useNavigate } from "react-router-dom";
@@ -69,6 +71,7 @@ var PromotionListDataTable = () => {
   const { searchParams, raw } = usePromotionTableQuery({
     pageSize: PAGE_SIZE
   });
+  const linkQuery = useLinkQuery("promotion", "+status");
   const {
     promotions: data,
     count,
@@ -76,12 +79,16 @@ var PromotionListDataTable = () => {
     isError,
     error
   } = usePromotions({
-    fields: "+status",
+    ...linkQuery,
     ...searchParams
   });
   const promotions = data?.filter((item) => item !== null);
-  const filters = usePromotionTableFilters();
-  const columns = useColumns();
+  const baseFilters = usePromotionTableFilters();
+  const { columns, filters: extFilters } = useColumns();
+  const filters = useMemo(
+    () => [...baseFilters, ...extFilters],
+    [baseFilters, extFilters]
+  );
   const { table } = useDataTable({
     data: promotions ?? [],
     columns,
@@ -180,9 +187,13 @@ var PromotionActions = ({
 var columnHelper = createColumnHelper();
 var useColumns = () => {
   const base = usePromotionTableColumns();
-  return useMemo(
+  const { columns: extended, filters } = useExtendableTable({
+    model: "promotion",
+    columns: base
+  });
+  const columns = useMemo(
     () => [
-      ...base,
+      ...extended,
       columnHelper.display({
         id: "actions",
         cell: ({ row }) => {
@@ -190,8 +201,9 @@ var useColumns = () => {
         }
       })
     ],
-    [base]
+    [extended]
   );
+  return { columns, filters };
 };
 
 // src/pages/promotions/_components/promotion-list-table/promotion-list-table.tsx
@@ -206,7 +218,7 @@ var PromotionListTable = ({ children }) => {
 // src/pages/promotions/promotion-list-page.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(PromotionListTable, {}) });
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: /* @__PURE__ */ jsx4(WidgetZone, { id: "promotions.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(PromotionListTable, {}) }) });
 };
 var PromotionListPage = Object.assign(Root, {
   Table: PromotionListTable,

package/dist/{chunk-L4KBTV57.js → chunk-IMJ62GAP.js}

@@ -19,8 +19,7 @@ var DEFAULT_PROPERTIES = [
   "shipping_tax_total",
   "tax_total",
   "refundable_total",
-  "order_change",
-  "commission_value"
+  "order_change"
 ];
 var DEFAULT_RELATIONS = [
   "*customer",
@@ -33,7 +32,6 @@ var DEFAULT_RELATIONS = [
   "*items.variant.inventory_items.inventory",
   "+items.variant.inventory_items.required_quantity",
   "*items.variant.prices",
-  "*items.commission_lines",
   "*items.offer",
   "*items.offer.prices",
   "*items.offer.shipping_profile",

package/dist/{chunk-HXGLPDZW.js → chunk-IMVZFBCM.js}

@@ -7,25 +7,14 @@ import { jsx, jsxs } from "react/jsx-runtime";
 var AuthLayout = ({ children }) => {
   return /* @__PURE__ */ jsxs("div", { className: "flex h-dvh w-dvw overflow-hidden", children: [
     /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-base border-ui-border-base flex h-full w-full flex-col overflow-y-auto border-r lg:w-[584px] lg:shrink-0", children: /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col p-8 lg:px-14 lg:py-12", children }) }),
-    /* @__PURE__ */ jsx(
-      "div",
+    /* @__PURE__ */ jsx("div", { className: "relative hidden flex-1 overflow-hidden lg:flex", children: /* @__PURE__ */ jsx(
+      "img",
       {
-        className: "relative hidden flex-1 items-center justify-center overflow-hidden lg:flex",
-        style: {
-          backgroundImage: `url(${assetUrl("/onboarding/bg.svg")})`,
-          backgroundSize: "cover",
-          backgroundPosition: "center"
-        },
-        children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: assetUrl("/onboarding/0.png"),
-            alt: "",
-            className: "max-h-[75%] w-[75%] object-contain"
-          }
-        )
+        src: assetUrl("/onboarding/illustration.svg"),
+        alt: "",
+        className: "h-full w-full object-cover"
       }
-    )
+    ) })
   ] });
 };
 

package/dist/{chunk-SGR4DMCW.js → chunk-INYLPVCG.js}

@@ -1,6 +1,6 @@
 import {
   KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
+} from "./chunk-SITRHMZZ.js";
 import {
   RouteDrawer,
   useRouteModal
@@ -160,7 +160,7 @@ var InnerForm = ({
                                     "aria-labelledby": METADATA_KEY_LABEL_ID,
                                     ...field2,
                                     disabled: isDisabled,
-                                    placeholder: "Key"
+                                    placeholder: t("metadata.edit.labels.key")
                                   }
                                 ) }) });
                               }
@@ -179,7 +179,7 @@ var InnerForm = ({
                                     ...field2,
                                     value: isDisabled ? placeholder : value,
                                     disabled: isDisabled,
-                                    placeholder: "Value"
+                                    placeholder: t("metadata.edit.labels.value")
                                   }
                                 ) }) });
                               }

package/dist/chunk-IPNO77ZJ.js

@@ -0,0 +1,376 @@
+import {
+  OFFERS_PAGE_SIZE,
+  OFFER_PRODUCT_LIST_FIELDS
+} from "./chunk-XQUF3WIS.js";
+import {
+  CategoryCell,
+  CategoryHeader,
+  ProductStatusCell,
+  ProductStatusHeader
+} from "./chunk-7HLAOLG7.js";
+import {
+  ProductCell
+} from "./chunk-FWPGOIFA.js";
+import {
+  useProductTableFilters
+} from "./chunk-OOK3BD5Z.js";
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
+import {
+  SingleColumnPage
+} from "./chunk-YV6MK4PZ.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-7TQNE3E2.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  useBulkDeleteOffers
+} from "./chunk-ULEW54ED.js";
+import {
+  useProducts
+} from "./chunk-744GLNZW.js";
+
+// src/pages/offers/offer-list-page.tsx
+import { Children as Children2 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
+
+// src/pages/offers/_components/offer-list-table.tsx
+import { Container } from "@medusajs/ui";
+import { Children } from "react";
+import { Outlet } from "react-router-dom";
+
+// src/pages/offers/_components/offer-list-data-table.tsx
+import { keepPreviousData } from "@tanstack/react-query";
+import { useMemo as useMemo2 } from "react";
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { useExtendableTable } from "@mercurjs/dashboard-shared";
+
+// src/pages/offers/_components/use-offer-table-columns.tsx
+import { Text } from "@medusajs/ui";
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/pages/offers/_components/offer-actions.tsx
+import { Buildings, CurrencyDollar, Trash } from "@medusajs/icons";
+import { toast, usePrompt } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var OfferActions = ({ product }) => {
+  const { t } = useTranslation();
+  const prompt = usePrompt();
+  const { mutateAsync: bulkDelete } = useBulkDeleteOffers();
+  const handleDelete = async () => {
+    if (!product.offerIds.length) {
+      return;
+    }
+    const confirmed = await prompt({
+      title: t("general.areYouSure"),
+      // The product listing is one offer to the seller, regardless of how
+      // many of its variants are offered under the hood.
+      description: t("offers.delete.descriptionByName", { name: product.title }),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel"),
+      variant: "danger"
+    });
+    if (!confirmed) {
+      return;
+    }
+    const result = await bulkDelete(product.offerIds);
+    if (result.failed.length === 0) {
+      toast.success(t("offers.delete.successToast"));
+    } else {
+      toast.warning(
+        t("offers.bulkDelete.partialToast", {
+          succeeded: result.succeeded.length,
+          total: product.offerIds.length,
+          failed: result.failed.length
+        })
+      );
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx(CurrencyDollar, {}),
+              label: t("offers.actions.edit_prices"),
+              to: `${product.id}/edit-price`
+            },
+            {
+              icon: /* @__PURE__ */ jsx(Buildings, {}),
+              label: t("offers.actions.edit_stock_levels"),
+              to: `${product.id}/edit-stock`
+            }
+          ]
+        },
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx(Trash, {}),
+              label: t("actions.delete"),
+              onClick: handleDelete,
+              disabled: product.offerIds.length === 0
+            }
+          ]
+        }
+      ]
+    }
+  );
+};
+
+// src/pages/offers/_components/use-offer-table-columns.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var countOfferedVariants = (row) => (row.variants ?? []).filter((v) => (v.offers?.length ?? 0) > 0).length;
+var collectOfferIds = (row) => (row.variants ?? []).flatMap((v) => (v.offers ?? []).map((o) => o.id));
+var useOfferTableColumns = () => {
+  const { t } = useTranslation2();
+  return useMemo(
+    () => [
+      columnHelper.display({
+        id: "product",
+        header: t("offers.domain"),
+        cell: ({ row }) => /* @__PURE__ */ jsx2(
+          ProductCell,
+          {
+            product: {
+              title: row.original.title ?? "",
+              thumbnail: row.original.thumbnail ?? null
+            }
+          }
+        )
+      }),
+      columnHelper.display({
+        id: "categories",
+        header: () => /* @__PURE__ */ jsx2(CategoryHeader, {}),
+        cell: ({ row }) => /* @__PURE__ */ jsx2(CategoryCell, { categories: row.original.categories })
+      }),
+      columnHelper.display({
+        id: "collection",
+        header: t("fields.collection"),
+        cell: ({ row }) => {
+          const collection = row.original.collection;
+          if (!collection?.title) return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "truncate", children: collection.title });
+        }
+      }),
+      columnHelper.display({
+        id: "variants",
+        header: t("offers.fields.variants"),
+        cell: ({ row }) => /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", className: "truncate", children: t("offers.fields.variantsCount", {
+          count: countOfferedVariants(row.original)
+        }) })
+      }),
+      columnHelper.display({
+        id: "status",
+        header: () => /* @__PURE__ */ jsx2(ProductStatusHeader, {}),
+        cell: ({ row }) => {
+          const status = row.original.status;
+          if (!status) return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+          return /* @__PURE__ */ jsx2(ProductStatusCell, { status });
+        }
+      }),
+      columnHelper.display({
+        id: "actions",
+        cell: ({ row }) => /* @__PURE__ */ jsx2(
+          OfferActions,
+          {
+            product: {
+              id: row.original.id,
+              title: row.original.title ?? "",
+              offerIds: collectOfferIds(row.original)
+            }
+          }
+        )
+      })
+    ],
+    [t]
+  );
+};
+
+// src/pages/offers/_components/use-offer-table-filters.tsx
+var useOfferTableFilters = () => useProductTableFilters();
+
+// src/pages/offers/_components/use-offer-table-query.tsx
+import { useLinkQuery } from "@mercurjs/dashboard-shared";
+var useOfferTableQuery = ({
+  pageSize = 10,
+  prefix
+}) => {
+  const raw = useQueryParams(
+    [
+      "q",
+      "order",
+      "offset",
+      "created_at",
+      "updated_at",
+      "category_id",
+      "collection_id",
+      "type_id",
+      "tag_id",
+      "status",
+      "id"
+    ],
+    prefix
+  );
+  const {
+    offset,
+    created_at,
+    updated_at,
+    category_id,
+    collection_id,
+    type_id,
+    tag_id,
+    status,
+    order,
+    q
+  } = raw;
+  const { fields } = useLinkQuery("offer", OFFER_PRODUCT_LIST_FIELDS);
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order: order || "title",
+    q,
+    category_id: category_id ? category_id.split(",") : void 0,
+    collection_id: collection_id ? collection_id.split(",") : void 0,
+    type_id: type_id ? type_id.split(",") : void 0,
+    tag_id: tag_id ? tag_id.split(",") : void 0,
+    status: status ? status.split(",") : void 0,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    has_offer: "true",
+    fields
+  };
+  return {
+    searchParams,
+    raw
+  };
+};
+
+// src/pages/offers/_components/offer-list-data-table.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var OfferListDataTable = () => {
+  const { t } = useTranslation3();
+  const { raw, searchParams } = useOfferTableQuery({
+    pageSize: OFFERS_PAGE_SIZE
+  });
+  const { products, count, isLoading, isError, error } = useProducts(
+    searchParams,
+    { placeholderData: keepPreviousData }
+  );
+  const rows = products ?? [];
+  const baseFilters = useOfferTableFilters();
+  const { columns, filters: extFilters } = useColumns();
+  const filters = useMemo2(
+    () => [...baseFilters, ...extFilters],
+    [baseFilters, extFilters]
+  );
+  const { table } = useDataTable({
+    data: rows,
+    columns,
+    count,
+    enablePagination: true,
+    getRowId: (row) => row.id,
+    pageSize: OFFERS_PAGE_SIZE
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx3(
+    _DataTable,
+    {
+      table,
+      columns,
+      pageSize: OFFERS_PAGE_SIZE,
+      count,
+      isLoading,
+      pagination: true,
+      search: true,
+      filters,
+      queryObject: raw,
+      orderBy: [
+        { key: "title", label: t("fields.title") },
+        { key: "created_at", label: t("fields.createdAt") },
+        { key: "updated_at", label: t("fields.updatedAt") }
+      ],
+      defaultOrderBy: "title",
+      navigateTo: (row) => `${row.original.id}`,
+      noRecords: {
+        title: t("offers.empty.heading"),
+        message: t("offers.empty.description"),
+        action: {
+          to: "create",
+          label: t("offers.actions.create")
+        }
+      }
+    }
+  );
+};
+var useColumns = () => {
+  const base = useOfferTableColumns();
+  const actionsColumn = base[base.length - 1];
+  const baseColumns = base.slice(0, -1);
+  const { columns: extended, filters } = useExtendableTable({
+    model: "offer",
+    columns: baseColumns
+  });
+  const columns = useMemo2(
+    () => [...extended, actionsColumn],
+    [extended, actionsColumn]
+  );
+  return { columns, filters };
+};
+
+// src/pages/offers/_components/offer-list-header.tsx
+import { Button, Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation4 } from "react-i18next";
+import { Link } from "react-router-dom";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+var OfferListTitle = () => {
+  const { t } = useTranslation4();
+  return /* @__PURE__ */ jsx4(Heading, { children: t("offers.domain") });
+};
+var OfferListActions = () => {
+  const { t } = useTranslation4();
+  return /* @__PURE__ */ jsx4(Button, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx4(Link, { to: "create", "data-testid": "offer-list-create-button", children: t("offers.actions.create") }) });
+};
+var OfferListHeader = () => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+  /* @__PURE__ */ jsx4(OfferListTitle, {}),
+  /* @__PURE__ */ jsx4(OfferListActions, {})
+] });
+
+// src/pages/offers/_components/offer-list-table.tsx
+import { Fragment, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var OfferListTable = ({ children }) => /* @__PURE__ */ jsxs2(Container, { className: "divide-y p-0", "data-testid": "offer-list-table", children: [
+  Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx5(OfferListHeader, {}),
+    /* @__PURE__ */ jsx5(OfferListDataTable, {})
+  ] }),
+  /* @__PURE__ */ jsx5(Outlet, {})
+] });
+
+// src/pages/offers/offer-list-page.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Root = ({ children }) => /* @__PURE__ */ jsx6(SingleColumnPage, { children: /* @__PURE__ */ jsx6(WidgetZone, { id: "offers.list", children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx6(OfferListTable, {}) }) });
+var OfferListPage = Object.assign(Root, {
+  Table: OfferListTable,
+  Header: OfferListHeader,
+  HeaderTitle: OfferListTitle,
+  HeaderActions: OfferListActions,
+  DataTable: OfferListDataTable
+});
+
+export {
+  OfferListPage
+};