@mercurjs/admin 2.1.2 → 2.2.0-canary.2

package/dist/product-brand-detail-QBWHNBYM.js

@@ -0,0 +1,100 @@
+import {
+  ProductBrandDetailPage
+} from "./chunk-TIMU6K63.js";
+import "./chunk-V5XHY5LP.js";
+import "./chunk-Q2QFNTNX.js";
+import "./chunk-H5EOOXPA.js";
+import "./chunk-5POK3PM3.js";
+import "./chunk-LYZDVZWA.js";
+import "./chunk-FWPGOIFA.js";
+import "./chunk-DB6ANJBO.js";
+import "./chunk-PHOCVOZ5.js";
+import "./chunk-FQERBIVS.js";
+import "./chunk-NQEXDLYH.js";
+import "./chunk-YN3FGNJM.js";
+import "./chunk-KAZ5BYTQ.js";
+import "./chunk-634XVU3D.js";
+import "./chunk-E74OUNA3.js";
+import "./chunk-WIYFXWRI.js";
+import "./chunk-H6MYB7GB.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import "./chunk-DZIXC7OE.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-AXTQMIIK.js";
+import "./chunk-OH4AABUT.js";
+import "./chunk-AEMDNTW5.js";
+import "./chunk-LYD3C73Z.js";
+import "./chunk-FTAR3BDS.js";
+import "./chunk-46M463BR.js";
+import {
+  productBrandsQueryKeys,
+  useProductBrand
+} from "./chunk-ZZ3XFIEM.js";
+import "./chunk-533GMKEG.js";
+import "./chunk-YFRC6GEN.js";
+import "./chunk-DAXXLQKB.js";
+import "./chunk-OHOWEMHO.js";
+import "./chunk-JPNPTILP.js";
+import "./chunk-GKGLVDDV.js";
+import "./chunk-N6SI4IIT.js";
+import "./chunk-WJJXUXSO.js";
+import "./chunk-LAPEZATU.js";
+import "./chunk-OSEIN4Y2.js";
+import "./chunk-XZZTC7E5.js";
+import "./chunk-ZN7LWXVC.js";
+import "./chunk-VYMODH6P.js";
+import "./chunk-LEG67A2R.js";
+import "./chunk-PRBE5CM3.js";
+import "./chunk-5TRY5IMZ.js";
+import "./chunk-EPHVGD5Z.js";
+import "./chunk-B3EEDC47.js";
+import "./chunk-A772RAKB.js";
+import "./chunk-ESPLVOFC.js";
+import "./chunk-FXWKGNRV.js";
+import "./chunk-VDKOJ5WD.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-S5BJ5CMF.js";
+import "./chunk-H5PYBIOZ.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-2YYXP6XI.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import {
+  sdk
+} from "./chunk-ZBWL72TB.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/product-brands/product-brand-detail/breadcrumb.tsx
+import { jsx } from "react/jsx-runtime";
+var ProductBrandDetailBreadcrumb = (props) => {
+  const { id } = props.params || {};
+  const { product_brand } = useProductBrand(id, void 0, {
+    initialData: props.data,
+    enabled: Boolean(id)
+  });
+  if (!product_brand) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("span", { children: product_brand.name });
+};
+
+// src/pages/product-brands/product-brand-detail/loader.ts
+var productBrandDetailQuery = (id) => ({
+  queryKey: productBrandsQueryKeys.detail(id),
+  queryFn: async () => sdk.admin.productBrands.$id.query({ $id: id })
+});
+var productBrandLoader = async ({ params }) => {
+  const id = params.id;
+  const query = productBrandDetailQuery(id);
+  return queryClient.ensureQueryData(query);
+};
+export {
+  ProductBrandDetailBreadcrumb as Breadcrumb,
+  ProductBrandDetailPage as Component,
+  productBrandLoader as loader
+};

package/dist/product-brand-edit-3TQDHZNN.js

@@ -0,0 +1,179 @@
+import {
+  HandleInput
+} from "./chunk-HJ56YXBU.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-FWJLS7XD.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useProductBrand,
+  useUpdateProductBrand
+} from "./chunk-ZZ3XFIEM.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-ZBWL72TB.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/product-brands/product-brand-edit/product-brand-edit.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/product-brands/product-brand-edit/components/edit-product-brand-form/edit-product-brand-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Input, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { z } from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditProductBrandSchema = z.object({
+  name: z.string().min(1),
+  handle: z.string().optional()
+});
+var EditProductBrandForm = ({
+  productBrand
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      name: productBrand.name,
+      handle: productBrand.handle
+    },
+    resolver: zodResolver(EditProductBrandSchema)
+  });
+  const { mutateAsync, isPending } = useUpdateProductBrand(productBrand.id);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    await mutateAsync(
+      {
+        name: data.name,
+        handle: data.handle ? data.handle : void 0
+      },
+      {
+        onSuccess: ({ product_brand }) => {
+          toast.success(
+            t("productBrands.edit.successToast", {
+              name: product_brand.name
+            })
+          );
+          handleSuccess();
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, "data-testid": "product-brand-edit-form", children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsxs(
+          RouteDrawer.Body,
+          {
+            className: "flex flex-1 flex-col gap-y-8 overflow-y-auto",
+            "data-testid": "product-brand-edit-form-body",
+            children: [
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "name",
+                  render: ({ field }) => {
+                    return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "product-brand-edit-form-name-item", children: [
+                      /* @__PURE__ */ jsx(Form.Label, { "data-testid": "product-brand-edit-form-name-label", children: t("fields.name") }),
+                      /* @__PURE__ */ jsx(Form.Control, { "data-testid": "product-brand-edit-form-name-control", children: /* @__PURE__ */ jsx(
+                        Input,
+                        {
+                          ...field,
+                          "data-testid": "product-brand-edit-form-name-input"
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "product-brand-edit-form-name-error" })
+                    ] });
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "handle",
+                  render: ({ field }) => {
+                    return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "product-brand-edit-form-handle-item", children: [
+                      /* @__PURE__ */ jsx(
+                        Form.Label,
+                        {
+                          optional: true,
+                          "data-testid": "product-brand-edit-form-handle-label",
+                          children: t("fields.handle")
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(Form.Control, { "data-testid": "product-brand-edit-form-handle-control", children: /* @__PURE__ */ jsx(
+                        HandleInput,
+                        {
+                          ...field,
+                          "data-testid": "product-brand-edit-form-handle-input"
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "product-brand-edit-form-handle-error" })
+                    ] });
+                  }
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { "data-testid": "product-brand-edit-form-footer", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "small",
+              variant: "secondary",
+              "data-testid": "product-brand-edit-form-cancel-button",
+              children: t("actions.cancel")
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "small",
+              type: "submit",
+              isLoading: isPending,
+              "data-testid": "product-brand-edit-form-save-button",
+              children: t("actions.save")
+            }
+          )
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/product-brands/product-brand-edit/product-brand-edit.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ProductBrandEdit = () => {
+  const { id } = useParams();
+  const { t } = useTranslation2();
+  const { product_brand, isPending, isError, error } = useProductBrand(id);
+  const ready = !isPending && !!product_brand;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { "data-testid": "product-brand-edit-drawer", children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { "data-testid": "product-brand-edit-drawer-header", children: /* @__PURE__ */ jsx2(Heading, { "data-testid": "product-brand-edit-drawer-heading", children: t("productBrands.edit.header") }) }),
+    ready && /* @__PURE__ */ jsx2(EditProductBrandForm, { productBrand: product_brand })
+  ] });
+};
+export {
+  ProductBrandEdit as Component
+};

package/dist/product-brand-list-ZBPBSRQN.js

@@ -0,0 +1,30 @@
+import {
+  ProductBrandListPage
+} from "./chunk-J65IXAGI.js";
+import "./chunk-V5XHY5LP.js";
+import "./chunk-26OOAKQ6.js";
+import "./chunk-25LYVP3C.js";
+import "./chunk-JHIMVLB2.js";
+import "./chunk-PHOCVOZ5.js";
+import "./chunk-FQERBIVS.js";
+import "./chunk-NQEXDLYH.js";
+import "./chunk-YN3FGNJM.js";
+import "./chunk-KAZ5BYTQ.js";
+import "./chunk-634XVU3D.js";
+import "./chunk-E74OUNA3.js";
+import "./chunk-H6MYB7GB.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-ZZ3XFIEM.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-ZBWL72TB.js";
+import "./chunk-NBMM2TZK.js";
+export {
+  ProductBrandListPage as Component
+};

package/dist/product-brand-metadata-EAMW6PQJ.js

@@ -0,0 +1,87 @@
+import {
+  MetadataForm
+} from "./chunk-WYA62MUL.js";
+import "./chunk-TKGWSUEI.js";
+import "./chunk-U2ZFCAPX.js";
+import "./chunk-FWJLS7XD.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-AXTQMIIK.js";
+import "./chunk-OH4AABUT.js";
+import "./chunk-AEMDNTW5.js";
+import "./chunk-LYD3C73Z.js";
+import "./chunk-FTAR3BDS.js";
+import "./chunk-46M463BR.js";
+import {
+  useProductBrand,
+  useUpdateProductBrand
+} from "./chunk-ZZ3XFIEM.js";
+import "./chunk-533GMKEG.js";
+import "./chunk-YFRC6GEN.js";
+import "./chunk-DAXXLQKB.js";
+import "./chunk-OHOWEMHO.js";
+import "./chunk-JPNPTILP.js";
+import "./chunk-GKGLVDDV.js";
+import "./chunk-N6SI4IIT.js";
+import "./chunk-WJJXUXSO.js";
+import "./chunk-LAPEZATU.js";
+import "./chunk-OSEIN4Y2.js";
+import "./chunk-XZZTC7E5.js";
+import "./chunk-ZN7LWXVC.js";
+import "./chunk-VYMODH6P.js";
+import "./chunk-LEG67A2R.js";
+import "./chunk-PRBE5CM3.js";
+import "./chunk-5TRY5IMZ.js";
+import "./chunk-EPHVGD5Z.js";
+import "./chunk-B3EEDC47.js";
+import "./chunk-A772RAKB.js";
+import "./chunk-ESPLVOFC.js";
+import "./chunk-FXWKGNRV.js";
+import "./chunk-VDKOJ5WD.js";
+import "./chunk-S5BJ5CMF.js";
+import "./chunk-H5PYBIOZ.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-2YYXP6XI.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-ZBWL72TB.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/product-brands/product-brand-metadata/product-brand-metadata.tsx
+import { useParams } from "react-router-dom";
+import { ClientError } from "@mercurjs/client";
+import { jsx } from "react/jsx-runtime";
+var ProductBrandMetadata = () => {
+  const { id } = useParams();
+  const { product_brand, isPending, isError, error } = useProductBrand(id);
+  const { mutateAsync, isPending: isMutating } = useUpdateProductBrand(id);
+  if (isError) {
+    throw error;
+  }
+  const handleSubmit = async (params, callbacks) => {
+    try {
+      const result = await mutateAsync({
+        metadata: params.metadata === void 0 ? void 0 : params.metadata
+      });
+      callbacks.onSuccess?.();
+      return result;
+    } catch (error2) {
+      const message = error2 instanceof ClientError ? error2.message : "An error occurred";
+      callbacks.onError?.(message);
+      throw error2;
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    MetadataForm,
+    {
+      metadata: product_brand?.metadata,
+      hook: handleSubmit,
+      isPending,
+      isMutating
+    }
+  );
+};
+export {
+  ProductBrandMetadata as Component
+};

package/dist/product-bulk-edit-J6ZP7GGM.js

@@ -0,0 +1,287 @@
+import {
+  DataGrid,
+  DataGridCellContainer,
+  DataGridReadonlyCell,
+  createDataGridHelper,
+  useDataGridCell,
+  useDataGridCellError
+} from "./chunk-V6OGMYAI.js";
+import "./chunk-IQPN4PZJ.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-FWJLS7XD.js";
+import "./chunk-3QSRE5LS.js";
+import {
+  PRODUCT_IDS_KEY
+} from "./chunk-YGAX72XV.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-INNFZYX2.js";
+import {
+  useBatchProducts,
+  useProducts
+} from "./chunk-2YYXP6XI.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-ZBWL72TB.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/products/product-bulk-edit/product-bulk-edit.tsx
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { useSearchParams } from "react-router-dom";
+
+// src/pages/products/product-bulk-edit/components/product-bulk-edit-form/product-bulk-edit-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, toast } from "@medusajs/ui";
+import { useRef } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/pages/products/product-bulk-edit/hooks/use-product-bulk-edit-columns.tsx
+import { Select, Switch, clx } from "@medusajs/ui";
+import { useMemo } from "react";
+import { Controller } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var STATUS_OPTIONS = [
+  "draft",
+  "proposed",
+  "published",
+  "requires_action",
+  "rejected"
+];
+var helper = createDataGridHelper();
+var useProductBulkEditColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      helper.column({
+        id: "title",
+        name: t("fields.title"),
+        header: t("fields.title"),
+        cell: (context) => {
+          const product = context.row.original;
+          return /* @__PURE__ */ jsx(DataGridReadonlyCell, { context, color: "normal", children: /* @__PURE__ */ jsx("span", { title: product.title || void 0, children: product.title || "-" }) });
+        },
+        disableHiding: true
+      }),
+      helper.column({
+        id: "status",
+        name: t("fields.status"),
+        header: t("fields.status"),
+        field: (context) => {
+          const index = context.row.index;
+          return `products.${index}.status`;
+        },
+        type: "text",
+        cell: (context) => /* @__PURE__ */ jsx(BulkEditStatusCell, { context, t })
+      }),
+      helper.column({
+        id: "discountable",
+        name: t("fields.discountable"),
+        header: t("fields.discountable"),
+        field: (context) => {
+          const index = context.row.index;
+          return `products.${index}.discountable`;
+        },
+        type: "boolean",
+        cell: (context) => /* @__PURE__ */ jsx(BulkEditDiscountableCell, { context, t })
+      })
+    ],
+    [t]
+  );
+};
+var BulkEditStatusCell = ({
+  context,
+  t
+}) => {
+  const { field, control, renderProps } = useDataGridCell({ context });
+  const errorProps = useDataGridCellError({ context });
+  const { container } = renderProps;
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control,
+      name: field,
+      render: ({ field: { value, onChange, ref } }) => /* @__PURE__ */ jsx(
+        DataGridCellContainer,
+        {
+          ...container,
+          ...errorProps,
+          showOverlay: false,
+          children: /* @__PURE__ */ jsxs(Select, { value, onValueChange: onChange, children: [
+            /* @__PURE__ */ jsx(
+              Select.Trigger,
+              {
+                ref,
+                className: clx(
+                  "h-full w-full rounded-none border-none bg-transparent px-0 shadow-none",
+                  "hover:bg-transparent focus:shadow-none data-[state=open]:!shadow-none"
+                ),
+                children: /* @__PURE__ */ jsx(Select.Value, {})
+              }
+            ),
+            /* @__PURE__ */ jsx(Select.Content, { children: STATUS_OPTIONS.map((status) => /* @__PURE__ */ jsx(Select.Item, { value: status, children: t(`products.productStatus.${status}`) }, status)) })
+          ] })
+        }
+      )
+    }
+  );
+};
+var BulkEditDiscountableCell = ({
+  context,
+  t
+}) => {
+  const { field, control, renderProps } = useDataGridCell({ context });
+  const errorProps = useDataGridCellError({ context });
+  const { container } = renderProps;
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control,
+      name: field,
+      render: ({ field: { value, onChange, ref } }) => /* @__PURE__ */ jsx(
+        DataGridCellContainer,
+        {
+          ...container,
+          ...errorProps,
+          showOverlay: false,
+          children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between", children: [
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                ref,
+                checked: value,
+                onCheckedChange: onChange,
+                size: "small"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "txt-compact-small text-ui-fg-base", children: value ? t("fields.true") : t("fields.false") })
+          ] })
+        }
+      )
+    }
+  );
+};
+
+// src/pages/products/product-bulk-edit/schema.ts
+import { z } from "zod";
+var ProductBulkEditItemSchema = z.object({
+  id: z.string(),
+  status: z.enum([
+    "draft",
+    "proposed",
+    "published",
+    "requires_action",
+    "rejected"
+  ]),
+  discountable: z.boolean()
+});
+var ProductBulkEditSchema = z.object({
+  products: z.array(ProductBulkEditItemSchema)
+});
+
+// src/pages/products/product-bulk-edit/components/product-bulk-edit-form/product-bulk-edit-form.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ProductBulkEditForm = ({ products }) => {
+  const { t } = useTranslation2();
+  const { setCloseOnEscape, handleSuccess } = useRouteModal();
+  const initialValues = useRef(getDefaultValues(products));
+  const form = useForm({
+    defaultValues: getDefaultValues(products),
+    resolver: zodResolver(ProductBulkEditSchema)
+  });
+  const columns = useProductBulkEditColumns();
+  const { mutateAsync, isPending } = useBatchProducts();
+  const onSubmit = form.handleSubmit(async (data) => {
+    const initialById = new Map(
+      (initialValues.current.products ?? []).map((p) => [p?.id, p])
+    );
+    const changed = data.products.filter((p) => {
+      const prev = initialById.get(p.id);
+      return !prev || prev.status !== p.status || prev.discountable !== p.discountable;
+    }).map((p) => ({
+      id: p.id,
+      status: p.status,
+      discountable: p.discountable
+    }));
+    if (!changed.length) {
+      handleSuccess();
+      return;
+    }
+    await mutateAsync(
+      { update: changed },
+      {
+        onSuccess: () => {
+          toast.success(
+            t("products.bulkEdit.successToast", { count: changed.length })
+          );
+          handleSuccess();
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx2(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs2(KeyboundForm, { onSubmit, className: "flex size-full flex-col", children: [
+    /* @__PURE__ */ jsx2(RouteFocusModal.Header, {}),
+    /* @__PURE__ */ jsx2(RouteFocusModal.Body, { className: "size-full flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx2(
+      DataGrid,
+      {
+        columns,
+        data: products,
+        state: form,
+        onEditingChange: (editing) => {
+          setCloseOnEscape(!editing);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx2(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-end gap-2", children: [
+      /* @__PURE__ */ jsx2(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx2(Button, { variant: "secondary", size: "small", type: "button", children: t("actions.cancel") }) }),
+      /* @__PURE__ */ jsx2(Button, { type: "submit", size: "small", isLoading: isPending, children: t("actions.save") })
+    ] }) })
+  ] }) });
+};
+function getDefaultValues(products) {
+  return {
+    products: products.map((p) => ({
+      id: p.id,
+      status: p.status,
+      discountable: p.discountable
+    }))
+  };
+}
+
+// src/pages/products/product-bulk-edit/product-bulk-edit.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var ProductBulkEdit = () => {
+  const { t } = useTranslation3();
+  const [searchParams] = useSearchParams();
+  const productIds = searchParams.get(PRODUCT_IDS_KEY)?.split(",") || void 0;
+  const { products, isPending, isError, error } = useProducts(
+    {
+      id: productIds,
+      limit: productIds?.length || 0,
+      fields: "id,title,status,discountable"
+    },
+    { enabled: !!productIds?.length }
+  );
+  const ready = !isPending && !!products && !!productIds?.length;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs3(RouteFocusModal, { children: [
+    /* @__PURE__ */ jsx3(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx3("span", { className: "sr-only", children: t("products.bulkEdit.title") }) }),
+    /* @__PURE__ */ jsx3(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx3("span", { className: "sr-only", children: t("products.bulkEdit.description") }) }),
+    ready && /* @__PURE__ */ jsx3(ProductBulkEditForm, { products })
+  ] });
+};
+export {
+  ProductBulkEdit as Component
+};