@mercurjs/admin 2.1.2-canary.5 → 2.2.0-canary.1

package/dist/{chunk-JPJISU7W.js → chunk-A4UQKKGC.js}

@@ -3,32 +3,32 @@ import {
 } from "./chunk-33BERJSG.js";
 import {
   useProductTableColumns
-} from "./chunk-Z5I2Z6L3.js";
+} from "./chunk-CBG4E3M3.js";
+import {
+  useProductTableFilters
+} from "./chunk-GLPS6QFG.js";
+import {
+  useProductTableQuery
+} from "./chunk-LYZDVZWA.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KLVTWJ4M.js";
+} from "./chunk-NQEXDLYH.js";
 import {
   SingleColumnPage
-} from "./chunk-XIZLPYEE.js";
+} from "./chunk-H6MYB7GB.js";
 import {
-  SingleColumnPageSkeleton
-} from "./chunk-INNFZYX2.js";
+  useProductType
+} from "./chunk-46M463BR.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
 import {
-  useProductTableFilters
-} from "./chunk-LNAXUDW2.js";
-import {
-  useProductTableQuery
-} from "./chunk-VVWB3GIK.js";
-import {
-  useProductType
-} from "./chunk-46M463BR.js";
+  SingleColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-5CK6XEFV.js";
+} from "./chunk-2YYXP6XI.js";
 
 // src/pages/product-types/product-type-detail/product-type-detail.tsx
 import { Children } from "react";

package/dist/{chunk-B6FG7A6W.js → chunk-A772RAKB.js}

@@ -1,7 +1,7 @@
 import {
   inventoryItemLevelsQueryKeys,
   inventoryItemsQueryKeys
-} from "./chunk-5CK6XEFV.js";
+} from "./chunk-2YYXP6XI.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{chunk-2MNDOYVE.js → chunk-A7JOHU6Q.js}

@@ -1,16 +1,16 @@
 import {
   usePayoutTableColumns
 } from "./chunk-AFQS6E4N.js";
+import {
+  usePayoutTableQuery
+} from "./chunk-GR6JUIRU.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KLVTWJ4M.js";
+} from "./chunk-NQEXDLYH.js";
 import {
   SingleColumnPage
-} from "./chunk-XIZLPYEE.js";
-import {
-  usePayoutTableQuery
-} from "./chunk-GR6JUIRU.js";
+} from "./chunk-H6MYB7GB.js";
 import {
   usePayouts
 } from "./chunk-LAPEZATU.js";

package/dist/{chunk-V2MYKK5U.js → chunk-AB2LHP3M.js}

@@ -1,6 +1,6 @@
 import {
   i18n
-} from "./chunk-LWIWYLZL.js";
+} from "./chunk-637OFDFC.js";
 
 // src/lib/promotions.ts
 var getPromotionStatusMap = () => ({

package/dist/chunk-ABFL4ACD.js

@@ -0,0 +1,207 @@
+import {
+  useDeleteProductBrandAction
+} from "./chunk-V5XHY5LP.js";
+import {
+  useProductTableColumns
+} from "./chunk-CBG4E3M3.js";
+import {
+  useProductTableFilters
+} from "./chunk-GLPS6QFG.js";
+import {
+  useProductTableQuery
+} from "./chunk-LYZDVZWA.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-NQEXDLYH.js";
+import {
+  SingleColumnPage
+} from "./chunk-H6MYB7GB.js";
+import {
+  useProductBrand
+} from "./chunk-ZZ3XFIEM.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  SingleColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
+import {
+  useProducts
+} from "./chunk-2YYXP6XI.js";
+
+// src/pages/product-brands/product-brand-detail/product-brand-detail.tsx
+import { Children } from "react";
+import { useLoaderData, useParams } from "react-router-dom";
+
+// src/pages/product-brands/product-brand-detail/components/product-brand-general-section/product-brand-general-section.tsx
+import { PencilSquare, Trash } from "@medusajs/icons";
+import { Container, Heading, Text } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ProductBrandGeneralSection = ({
+  productBrand
+}) => {
+  const { t } = useTranslation();
+  const handleDelete = useDeleteProductBrandAction(
+    productBrand.id,
+    productBrand.name
+  );
+  return /* @__PURE__ */ jsxs(
+    Container,
+    {
+      className: "flex items-center justify-between",
+      "data-testid": "product-brand-general-section-container",
+      children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Heading, { "data-testid": "product-brand-general-section-heading", children: productBrand.name }),
+          /* @__PURE__ */ jsxs(
+            Text,
+            {
+              size: "small",
+              className: "text-ui-fg-subtle",
+              "data-testid": "product-brand-general-section-handle",
+              children: [
+                "/",
+                productBrand.handle
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          ActionMenu,
+          {
+            groups: [
+              {
+                actions: [
+                  {
+                    label: t("actions.edit"),
+                    icon: /* @__PURE__ */ jsx(PencilSquare, {}),
+                    to: "edit"
+                  }
+                ]
+              },
+              {
+                actions: [
+                  {
+                    label: t("actions.delete"),
+                    icon: /* @__PURE__ */ jsx(Trash, {}),
+                    onClick: handleDelete
+                  }
+                ]
+              }
+            ],
+            "data-testid": "product-brand-general-section-action-menu"
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/pages/product-brands/product-brand-detail/components/product-brand-product-section/product-brand-product-section.tsx
+import { Container as Container2, Heading as Heading2 } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var PAGE_SIZE = 10;
+var ProductBrandProductSection = ({
+  productBrand
+}) => {
+  const { t } = useTranslation2();
+  const { searchParams, raw } = useProductTableQuery({
+    pageSize: PAGE_SIZE
+  });
+  const { products, count, isPending, isError, error } = useProducts({
+    ...searchParams,
+    brand_id: [productBrand.id]
+  });
+  const filters = useProductTableFilters();
+  const columns = useProductTableColumns();
+  const { table } = useDataTable({
+    columns,
+    data: products,
+    count: products?.length || 0,
+    getRowId: (row) => row.id,
+    pageSize: PAGE_SIZE
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(
+    Container2,
+    {
+      className: "divide-y p-0",
+      "data-testid": "product-brand-product-section-container",
+      children: [
+        /* @__PURE__ */ jsx2(
+          "div",
+          {
+            className: "px-6 py-4",
+            "data-testid": "product-brand-product-section-header",
+            children: /* @__PURE__ */ jsx2(
+              Heading2,
+              {
+                level: "h2",
+                "data-testid": "product-brand-product-section-heading",
+                children: t("products.domain")
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          _DataTable,
+          {
+            table,
+            filters,
+            isLoading: isPending,
+            columns,
+            count,
+            pageSize: PAGE_SIZE,
+            navigateTo: ({ original }) => `/products/${original.id}`,
+            orderBy: [
+              { key: "title", label: t("fields.title") },
+              { key: "created_at", label: t("fields.createdAt") },
+              { key: "updated_at", label: t("fields.updatedAt") }
+            ],
+            queryObject: raw,
+            search: true,
+            pagination: true,
+            "data-testid": "product-brand-product-section-table"
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/pages/product-brands/product-brand-detail/product-brand-detail.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  const { id } = useParams();
+  const initialData = useLoaderData();
+  const { product_brand, isPending, isError, error } = useProductBrand(
+    id,
+    void 0,
+    {
+      initialData
+    }
+  );
+  if (isPending || !product_brand) {
+    return /* @__PURE__ */ jsx3(SingleColumnPageSkeleton, { sections: 2, showJSON: true, showMetadata: true });
+  }
+  if (isError) {
+    throw error;
+  }
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx3(SingleColumnPage, { showJSON: true, showMetadata: true, data: product_brand, children }) : /* @__PURE__ */ jsxs3(SingleColumnPage, { showJSON: true, showMetadata: true, data: product_brand, children: [
+    /* @__PURE__ */ jsx3(ProductBrandGeneralSection, { productBrand: product_brand }),
+    /* @__PURE__ */ jsx3(ProductBrandProductSection, { productBrand: product_brand })
+  ] });
+};
+var ProductBrandDetailPage = Object.assign(Root, {
+  GeneralSection: ProductBrandGeneralSection,
+  ProductSection: ProductBrandProductSection
+});
+
+export {
+  ProductBrandDetailPage
+};

package/dist/{chunk-VBJFCAKU.js → chunk-AKTAFKIU.js}

@@ -5,17 +5,17 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KLVTWJ4M.js";
+} from "./chunk-NQEXDLYH.js";
 import {
   SingleColumnPage
-} from "./chunk-XIZLPYEE.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
+} from "./chunk-H6MYB7GB.js";
 import {
   useCommissionRates,
   useDeleteCommissionRate
 } from "./chunk-OHOWEMHO.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
 
 // src/pages/commission-rates/commission-rate-list/commission-rate-list.tsx
 import { Children as Children3 } from "react";

package/dist/{chunk-Y3I3LXKW.js → chunk-ALATTLBM.js}

@@ -3,13 +3,7 @@ import {
 } from "./chunk-3XPXUIK3.js";
 import {
   SingleColumnPage
-} from "./chunk-XIZLPYEE.js";
-import {
-  SingleColumnPageSkeleton
-} from "./chunk-INNFZYX2.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
+} from "./chunk-H6MYB7GB.js";
 import {
   useProductTypes
 } from "./chunk-46M463BR.js";
@@ -21,9 +15,15 @@ import {
 import {
   useShippingOptions
 } from "./chunk-5TRY5IMZ.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  SingleColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
 import {
   useProducts
-} from "./chunk-5CK6XEFV.js";
+} from "./chunk-2YYXP6XI.js";
 
 // src/pages/commission-rates/commission-rate-detail/commission-rate-detail.tsx
 import { Children } from "react";

package/dist/{chunk-PBQ5M44A.js → chunk-AXTQMIIK.js}

@@ -1,6 +1,6 @@
 import {
   ordersQueryKeys
-} from "./chunk-TAKEQAZZ.js";
+} from "./chunk-B3EEDC47.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -24,32 +24,17 @@ var useNotifications = (query, options) => {
   return { ...data, ...rest };
 };
 
-// src/hooks/api/product-variants.tsx
-import { useQuery as useQuery2 } from "@tanstack/react-query";
-var PRODUCT_VARIANT_QUERY_KEY = "product_variant";
-var productVariantQueryKeys = queryKeysFactory(
-  PRODUCT_VARIANT_QUERY_KEY
-);
-var useVariants = (query, options) => {
-  const { data, ...rest } = useQuery2({
-    queryFn: () => sdk.admin.productVariants.query({ ...query }),
-    queryKey: productVariantQueryKeys.list(query),
-    ...options
-  });
-  return { ...data, ...rest };
-};
-
 // src/hooks/api/refund-reasons.tsx
 import {
   useMutation,
-  useQuery as useQuery3
+  useQuery as useQuery2
 } from "@tanstack/react-query";
 var REFUND_REASONS_QUERY_KEY = "refund_reasons";
 var refundReasonsQueryKeys = queryKeysFactory(
   REFUND_REASONS_QUERY_KEY
 );
 var useRefundReasons = (query, options) => {
-  const { data, ...rest } = useQuery3({
+  const { data, ...rest } = useQuery2({
     queryFn: () => sdk.admin.refundReasons.query({ ...query }),
     queryKey: refundReasonsQueryKeys.list(query),
     ...options
@@ -57,7 +42,7 @@ var useRefundReasons = (query, options) => {
   return { ...data, ...rest };
 };
 var useRefundReason = (id, query, options) => {
-  const { data, ...rest } = useQuery3({
+  const { data, ...rest } = useQuery2({
     queryFn: () => sdk.admin.refundReasons.$id.query({ $id: id, ...query }),
     queryKey: refundReasonsQueryKeys.detail(id),
     ...options
@@ -109,14 +94,14 @@ var useDeleteRefundReasonLazy = (options) => {
 
 // src/hooks/api/subscription-plans.tsx
 import {
-  useQuery as useQuery4
+  useQuery as useQuery3
 } from "@tanstack/react-query";
 var SUBSCRIPTION_PLANS_QUERY_KEY = "subscription_plans";
 var subscriptionPlansQueryKeys = queryKeysFactory(
   SUBSCRIPTION_PLANS_QUERY_KEY
 );
 var useSubscriptionPlans = (query, options) => {
-  const { data, ...rest } = useQuery4({
+  const { data, ...rest } = useQuery3({
     queryFn: () => sdk.admin.subscriptionPlans.query({ ...query }),
     queryKey: subscriptionPlansQueryKeys.list(query),
     ...options
@@ -127,14 +112,14 @@ var useSubscriptionPlans = (query, options) => {
 // src/hooks/api/shipping-option-types.tsx
 import {
   useMutation as useMutation2,
-  useQuery as useQuery5
+  useQuery as useQuery4
 } from "@tanstack/react-query";
 var SHIPPING_OPTION_TYPES_QUERY_KEY = "shipping_option_types";
 var shippingOptionTypesQueryKeys = queryKeysFactory(
   SHIPPING_OPTION_TYPES_QUERY_KEY
 );
 var useShippingOptionType = (id, query, options) => {
-  const { data, ...rest } = useQuery5({
+  const { data, ...rest } = useQuery4({
     queryFn: () => sdk.admin.shippingOptionTypes.$id.query({ $id: id, ...query }),
     queryKey: shippingOptionTypesQueryKeys.detail(id),
     ...options
@@ -142,7 +127,7 @@ var useShippingOptionType = (id, query, options) => {
   return { ...data, ...rest };
 };
 var useShippingOptionTypes = (query, options) => {
-  const { data, ...rest } = useQuery5({
+  const { data, ...rest } = useQuery4({
     queryFn: () => sdk.admin.shippingOptionTypes.query({ ...query }),
     queryKey: shippingOptionTypesQueryKeys.list(query),
     ...options
@@ -195,12 +180,12 @@ var useDeleteShippingOptionType = (id, options) => {
 // src/hooks/api/tags.tsx
 import {
   useMutation as useMutation3,
-  useQuery as useQuery6
+  useQuery as useQuery5
 } from "@tanstack/react-query";
 var TAGS_QUERY_KEY = "tags";
 var productTagsQueryKeys = queryKeysFactory(TAGS_QUERY_KEY);
 var useProductTag = (id, query, options) => {
-  const { data, ...rest } = useQuery6({
+  const { data, ...rest } = useQuery5({
     queryKey: productTagsQueryKeys.detail(id, query),
     queryFn: () => sdk.admin.productTags.$id.query({ $id: id, ...query }),
     ...options
@@ -208,7 +193,7 @@ var useProductTag = (id, query, options) => {
   return { ...data, ...rest };
 };
 var useProductTags = (query, options) => {
-  const { data, ...rest } = useQuery6({
+  const { data, ...rest } = useQuery5({
     queryKey: productTagsQueryKeys.list(query),
     queryFn: () => sdk.admin.productTags.query({ ...query }),
     ...options
@@ -294,7 +279,7 @@ var useMarkPaymentCollectionAsPaid = (orderId, paymentCollectionId, options) =>
 // src/hooks/api/payments.tsx
 import {
   useMutation as useMutation6,
-  useQuery as useQuery7
+  useQuery as useQuery6
 } from "@tanstack/react-query";
 var PAYMENT_QUERY_KEY = "payment";
 var paymentQueryKeys = queryKeysFactory(PAYMENT_QUERY_KEY);
@@ -339,8 +324,6 @@ export {
   useMarkPaymentCollectionAsPaid,
   useCapturePayment,
   useRefundPayment,
-  productVariantQueryKeys,
-  useVariants,
   refundReasonsQueryKeys,
   useRefundReasons,
   useRefundReason,

package/dist/{chunk-TAKEQAZZ.js → chunk-B3EEDC47.js}

@@ -1,9 +1,9 @@
 import {
   reservationItemsQueryKeys
-} from "./chunk-B6FG7A6W.js";
+} from "./chunk-A772RAKB.js";
 import {
   inventoryItemsQueryKeys
-} from "./chunk-5CK6XEFV.js";
+} from "./chunk-2YYXP6XI.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{chunk-QRAFS63H.js → chunk-BCVUMATY.js}

@@ -4,25 +4,9 @@ import {
 import {
   useCustomerGroupTableColumns
 } from "./chunk-54EPH67T.js";
-import {
-  TwoColumnPage
-} from "./chunk-V5J73NPW.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-KLVTWJ4M.js";
-import {
-  NoRecords
-} from "./chunk-634XVU3D.js";
-import {
-  SingleColumnPageSkeleton
-} from "./chunk-INNFZYX2.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
 import {
   useOrderTableFilters
-} from "./chunk-VIGX66F7.js";
+} from "./chunk-JQBSPUH2.js";
 import {
   useCustomerGroupTableFilters
 } from "./chunk-CMHI2RPL.js";
@@ -32,6 +16,16 @@ import {
 import {
   useCustomerGroupTableQuery
 } from "./chunk-VKOE5J66.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-NQEXDLYH.js";
+import {
+  NoRecords
+} from "./chunk-634XVU3D.js";
+import {
+  TwoColumnPage
+} from "./chunk-E74OUNA3.js";
 import {
   useBatchCustomerCustomerGroups,
   useCustomer,
@@ -42,7 +36,13 @@ import {
 } from "./chunk-PRBE5CM3.js";
 import {
   useOrders
-} from "./chunk-TAKEQAZZ.js";
+} from "./chunk-B3EEDC47.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  SingleColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
 
 // src/pages/customers/customer-detail/customer-detail.tsx
 import { Children } from "react";

package/dist/{chunk-34I4QIBD.js → chunk-BE6JLTMI.js}

@@ -1,6 +1,6 @@
 import {
   useDeleteShippingOptionType
-} from "./chunk-PBQ5M44A.js";
+} from "./chunk-AXTQMIIK.js";
 
 // src/pages/shipping-option-types/common/hooks/use-delete-shipping-option-type-action.tsx
 import { useNavigate } from "react-router-dom";

package/dist/{chunk-OCEPZGFS.js → chunk-BFT3CN5L.js}

@@ -4,25 +4,25 @@ import {
 import {
   useProductTypeTableColumns
 } from "./chunk-O5VKW5FL.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-KLVTWJ4M.js";
-import {
-  SingleColumnPage
-} from "./chunk-XIZLPYEE.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
 import {
   useProductTypeTableFilters
 } from "./chunk-2ZFELO2L.js";
 import {
   useProductTypeTableQuery
 } from "./chunk-VOHEQ7B5.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-NQEXDLYH.js";
+import {
+  SingleColumnPage
+} from "./chunk-H6MYB7GB.js";
 import {
   useProductTypes
 } from "./chunk-46M463BR.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
 
 // src/pages/product-types/product-type-list/product-type-list.tsx
 import { Children as Children3 } from "react";