@mercurjs/admin 2.0.0-canary.24

package/dist/product-edit-YOGTWZ4I.js

@@ -0,0 +1,397 @@
+import {
+  transformNullableFormData
+} from "./chunk-7RPRNVBS.js";
+import {
+  SwitchBox
+} from "./chunk-YVCBMOJG.js";
+import "./chunk-SMQT3ZNO.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-MWOKFNRO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useDocumentDirection
+} from "./chunk-Y7QKP6QU.js";
+import {
+  useProduct,
+  useUpdateProduct
+} from "./chunk-T435NFHC.js";
+import "./chunk-2KCF3ZIB.js";
+import "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/products/product-edit/product-edit.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/products/product-edit/components/edit-product-form/edit-product-form.tsx
+import { Button, Input, Select, Text, Textarea, toast } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import * as zod from "zod";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditProductSchema = zod.object({
+  status: zod.enum(["draft", "published", "proposed", "rejected"]),
+  title: zod.string().min(1),
+  subtitle: zod.string().optional(),
+  handle: zod.string().min(1),
+  material: zod.string().optional(),
+  description: zod.string().optional(),
+  discountable: zod.boolean()
+});
+var EditProductForm = ({ product }) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const direction = useDocumentDirection();
+  const form = useForm({
+    defaultValues: {
+      status: product.status,
+      title: product.title,
+      material: product.material || "",
+      subtitle: product.subtitle || "",
+      handle: product.handle || "",
+      description: product.description || "",
+      discountable: product.discountable
+    },
+    resolver: zodResolver(EditProductSchema)
+  });
+  const { mutateAsync, isPending } = useUpdateProduct(product.id);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const { title, discountable, handle, status, ...optional } = data;
+    const nullableData = transformNullableFormData(optional);
+    await mutateAsync(
+      {
+        title,
+        discountable,
+        handle,
+        status,
+        ...nullableData
+      },
+      {
+        onSuccess: ({ product: product2 }) => {
+          toast.success(
+            t("products.edit.successToast", { title: product2.title })
+          );
+          handleSuccess();
+        },
+        onError: (e) => {
+          toast.error(e.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, "data-testid": "product-edit-form", children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      "data-testid": "product-edit-keybound-form",
+      children: [
+        /* @__PURE__ */ jsx(
+          RouteDrawer.Body,
+          {
+            className: "flex flex-1 flex-col gap-y-8 overflow-y-auto",
+            "data-testid": "product-edit-form-body",
+            children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "flex flex-col gap-y-8",
+                "data-testid": "product-edit-form-fields",
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: "flex flex-col gap-y-4",
+                      "data-testid": "product-edit-form-main-fields",
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          Form.Field,
+                          {
+                            control: form.control,
+                            name: "status",
+                            render: ({ field: { onChange, ref, ...field } }) => {
+                              return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "product-edit-form-status-item", children: [
+                                /* @__PURE__ */ jsx(Form.Label, { "data-testid": "product-edit-form-status-label", children: t("fields.status") }),
+                                /* @__PURE__ */ jsx(Form.Control, { "data-testid": "product-edit-form-status-control", children: /* @__PURE__ */ jsx("div", { "data-testid": "product-edit-form-status-select-wrapper", children: /* @__PURE__ */ jsxs(
+                                  Select,
+                                  {
+                                    dir: direction,
+                                    ...field,
+                                    onValueChange: onChange,
+                                    "data-testid": "product-edit-form-status-select",
+                                    children: [
+                                      /* @__PURE__ */ jsx(
+                                        Select.Trigger,
+                                        {
+                                          ref,
+                                          "data-testid": "product-edit-form-status-trigger",
+                                          children: /* @__PURE__ */ jsx(Select.Value, { "data-testid": "product-edit-form-status-value" })
+                                        }
+                                      ),
+                                      /* @__PURE__ */ jsx(Select.Content, { "data-testid": "product-edit-form-status-content", children: [
+                                        "draft",
+                                        "published",
+                                        "proposed",
+                                        "rejected"
+                                      ].map((status) => {
+                                        return /* @__PURE__ */ jsx(
+                                          Select.Item,
+                                          {
+                                            value: status,
+                                            "data-testid": `product-edit-form-status-option-${status}`,
+                                            children: t(`products.productStatus.${status}`)
+                                          },
+                                          status
+                                        );
+                                      }) })
+                                    ]
+                                  }
+                                ) }) }),
+                                /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "product-edit-form-status-error" })
+                              ] });
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Form.Field,
+                          {
+                            control: form.control,
+                            name: "title",
+                            render: ({ field }) => {
+                              return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "product-edit-form-title-item", children: [
+                                /* @__PURE__ */ jsx(Form.Label, { "data-testid": "product-edit-form-title-label", children: t("fields.title") }),
+                                /* @__PURE__ */ jsx(Form.Control, { "data-testid": "product-edit-form-title-control", children: /* @__PURE__ */ jsx("div", { "data-testid": "product-edit-form-title-input-wrapper", children: /* @__PURE__ */ jsx(
+                                  Input,
+                                  {
+                                    ...field,
+                                    "data-testid": "product-edit-form-title-input"
+                                  }
+                                ) }) }),
+                                /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "product-edit-form-title-error" })
+                              ] });
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Form.Field,
+                          {
+                            control: form.control,
+                            name: "subtitle",
+                            render: ({ field }) => {
+                              return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "product-edit-form-subtitle-item", children: [
+                                /* @__PURE__ */ jsx(
+                                  Form.Label,
+                                  {
+                                    optional: true,
+                                    "data-testid": "product-edit-form-subtitle-label",
+                                    children: t("fields.subtitle")
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx(Form.Control, { "data-testid": "product-edit-form-subtitle-control", children: /* @__PURE__ */ jsx("div", { "data-testid": "product-edit-form-subtitle-input-wrapper", children: /* @__PURE__ */ jsx(
+                                  Input,
+                                  {
+                                    ...field,
+                                    "data-testid": "product-edit-form-subtitle-input"
+                                  }
+                                ) }) }),
+                                /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "product-edit-form-subtitle-error" })
+                              ] });
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Form.Field,
+                          {
+                            control: form.control,
+                            name: "handle",
+                            render: ({ field }) => {
+                              return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "product-edit-form-handle-item", children: [
+                                /* @__PURE__ */ jsx(Form.Label, { "data-testid": "product-edit-form-handle-label", children: t("fields.handle") }),
+                                /* @__PURE__ */ jsx(Form.Control, { "data-testid": "product-edit-form-handle-control", children: /* @__PURE__ */ jsxs(
+                                  "div",
+                                  {
+                                    className: "relative",
+                                    "data-testid": "product-edit-form-handle-wrapper",
+                                    children: [
+                                      /* @__PURE__ */ jsx(
+                                        "div",
+                                        {
+                                          className: "absolute inset-y-0 left-0 z-10 flex w-8 items-center justify-center border-r",
+                                          "data-testid": "product-edit-form-handle-prefix",
+                                          children: /* @__PURE__ */ jsx(
+                                            Text,
+                                            {
+                                              className: "text-ui-fg-muted",
+                                              size: "small",
+                                              leading: "compact",
+                                              weight: "plus",
+                                              "data-testid": "product-edit-form-handle-prefix-text",
+                                              children: "/"
+                                            }
+                                          )
+                                        }
+                                      ),
+                                      /* @__PURE__ */ jsx("div", { "data-testid": "product-edit-form-handle-input-wrapper", children: /* @__PURE__ */ jsx(
+                                        Input,
+                                        {
+                                          ...field,
+                                          className: "pl-10",
+                                          "data-testid": "product-edit-form-handle-input"
+                                        }
+                                      ) })
+                                    ]
+                                  }
+                                ) }),
+                                /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "product-edit-form-handle-error" })
+                              ] });
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Form.Field,
+                          {
+                            control: form.control,
+                            name: "material",
+                            render: ({ field }) => {
+                              return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "product-edit-form-material-item", children: [
+                                /* @__PURE__ */ jsx(
+                                  Form.Label,
+                                  {
+                                    optional: true,
+                                    "data-testid": "product-edit-form-material-label",
+                                    children: t("fields.material")
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx(Form.Control, { "data-testid": "product-edit-form-material-control", children: /* @__PURE__ */ jsx("div", { "data-testid": "product-edit-form-material-input-wrapper", children: /* @__PURE__ */ jsx(
+                                  Input,
+                                  {
+                                    ...field,
+                                    "data-testid": "product-edit-form-material-input"
+                                  }
+                                ) }) }),
+                                /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "product-edit-form-material-error" })
+                              ] });
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Form.Field,
+                          {
+                            control: form.control,
+                            name: "description",
+                            render: ({ field }) => {
+                              return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "product-edit-form-description-item", children: [
+                                /* @__PURE__ */ jsx(
+                                  Form.Label,
+                                  {
+                                    optional: true,
+                                    "data-testid": "product-edit-form-description-label",
+                                    children: t("fields.description")
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx(Form.Control, { "data-testid": "product-edit-form-description-control", children: /* @__PURE__ */ jsx("div", { "data-testid": "product-edit-form-description-textarea-wrapper", children: /* @__PURE__ */ jsx(
+                                  Textarea,
+                                  {
+                                    ...field,
+                                    "data-testid": "product-edit-form-description-textarea"
+                                  }
+                                ) }) }),
+                                /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "product-edit-form-description-error" })
+                              ] });
+                            }
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    SwitchBox,
+                    {
+                      control: form.control,
+                      name: "discountable",
+                      label: t("fields.discountable"),
+                      description: t("products.discountableHint"),
+                      "data-testid": "product-edit-form-discountable-switch"
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { "data-testid": "product-edit-form-footer", children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center justify-end gap-x-2",
+            "data-testid": "product-edit-form-footer-actions",
+            children: [
+              /* @__PURE__ */ jsx(
+                RouteDrawer.Close,
+                {
+                  asChild: true,
+                  "data-testid": "product-edit-form-cancel-button-wrapper",
+                  children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      size: "small",
+                      variant: "secondary",
+                      "data-testid": "product-edit-form-cancel-button",
+                      children: t("actions.cancel")
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "small",
+                  type: "submit",
+                  isLoading: isPending,
+                  "data-testid": "product-edit-form-save-button",
+                  children: t("actions.save")
+                }
+              )
+            ]
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/products/product-edit/product-edit.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ProductEdit = () => {
+  const { id } = useParams();
+  const { t } = useTranslation2();
+  const { product, isLoading, isError, error } = useProduct(id);
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { "data-testid": "product-edit-drawer", children: [
+    /* @__PURE__ */ jsxs2(RouteDrawer.Header, { "data-testid": "product-edit-drawer-header", children: [
+      /* @__PURE__ */ jsx2(RouteDrawer.Title, { asChild: true, "data-testid": "product-edit-drawer-title", children: /* @__PURE__ */ jsx2(Heading, { "data-testid": "product-edit-drawer-title-text", children: t("products.edit.header") }) }),
+      /* @__PURE__ */ jsx2(
+        RouteDrawer.Description,
+        {
+          className: "sr-only",
+          "data-testid": "product-edit-drawer-description",
+          children: t("products.edit.description")
+        }
+      )
+    ] }),
+    !isLoading && product && /* @__PURE__ */ jsx2(EditProductForm, { product })
+  ] });
+};
+export {
+  ProductEdit as Component
+};

package/dist/product-edit-option-4MUSMFS7.js

@@ -0,0 +1,152 @@
+import {
+  ChipInput
+} from "./chunk-NCYTM57J.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-MWOKFNRO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useProduct,
+  useUpdateProductOption
+} from "./chunk-T435NFHC.js";
+import "./chunk-2KCF3ZIB.js";
+import "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/products/product-edit-option/product-edit-option.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/products/product-edit-option/components/edit-product-option-form/edit-product-option-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Input } 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 CreateProductOptionSchema = z.object({
+  title: z.string().min(1),
+  values: z.array(z.string()).optional()
+});
+var CreateProductOptionForm = ({
+  option
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      title: option.title,
+      values: option.values.map((v) => v.value)
+    },
+    resolver: zodResolver(CreateProductOptionSchema)
+  });
+  const { mutateAsync, isPending } = useUpdateProductOption(
+    option.product_id,
+    option.id
+  );
+  const handleSubmit = form.handleSubmit(async (values) => {
+    mutateAsync(
+      {
+        id: option.id,
+        ...values
+      },
+      {
+        onSuccess: () => {
+          handleSuccess();
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, "data-testid": "product-edit-option-form", children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      "data-testid": "product-edit-option-keybound-form",
+      children: [
+        /* @__PURE__ */ jsxs(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-4 overflow-auto", "data-testid": "product-edit-option-form-body", children: [
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "title",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "product-edit-option-form-title-item", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { "data-testid": "product-edit-option-form-title-label", children: t("products.fields.options.optionTitle") }),
+                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "product-edit-option-form-title-control", children: /* @__PURE__ */ jsx("div", { "data-testid": "product-edit-option-form-title-input-wrapper", children: /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      ...field,
+                      placeholder: t(
+                        "products.fields.options.optionTitlePlaceholder"
+                      ),
+                      "data-testid": "product-edit-option-form-title-input"
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "product-edit-option-form-title-error" })
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "values",
+              render: ({ field: { ...field } }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "product-edit-option-form-values-item", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { "data-testid": "product-edit-option-form-values-label", children: t("products.fields.options.variations") }),
+                  /* @__PURE__ */ jsx(Form.Control, { "data-testid": "product-edit-option-form-values-control", children: /* @__PURE__ */ jsx("div", { "data-testid": "product-edit-option-form-values-chip-input-wrapper", children: /* @__PURE__ */ jsx(
+                    ChipInput,
+                    {
+                      ...field,
+                      placeholder: t(
+                        "products.fields.options.variantionsPlaceholder"
+                      ),
+                      "data-testid": "product-edit-option-form-values-chip-input"
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "product-edit-option-form-values-error" })
+                ] });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { "data-testid": "product-edit-option-form-footer", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", "data-testid": "product-edit-option-form-footer-actions", children: [
+          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, "data-testid": "product-edit-option-form-cancel-button-wrapper", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", "data-testid": "product-edit-option-form-cancel-button", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", size: "small", isLoading: isPending, "data-testid": "product-edit-option-form-save-button", children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/products/product-edit-option/product-edit-option.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ProductEditOption = () => {
+  const { id, option_id } = useParams();
+  const { t } = useTranslation2();
+  const { product, isPending, isFetching, isError, error } = useProduct(id);
+  const option = product?.options?.find((o) => o.id === option_id);
+  if (!isPending && !isFetching && !option) {
+    throw new Response(JSON.stringify({ message: `An option with ID ${option_id} was not found` }), { status: 404, headers: { "Content-Type": "application/json" } });
+  }
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { "data-testid": "product-edit-option-drawer", children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { "data-testid": "product-edit-option-drawer-header", children: /* @__PURE__ */ jsx2(RouteDrawer.Title, { asChild: true, "data-testid": "product-edit-option-drawer-title", children: /* @__PURE__ */ jsx2(Heading, { "data-testid": "product-edit-option-drawer-title-text", children: t("products.options.edit.header") }) }) }),
+    option && /* @__PURE__ */ jsx2(CreateProductOptionForm, { option })
+  ] });
+};
+export {
+  ProductEditOption as Component
+};

package/dist/product-export-5L4HNM3W.js

@@ -0,0 +1,127 @@
+import "./chunk-6KI3GDYH.js";
+import "./chunk-2ZFELO2L.js";
+import "./chunk-26OOAKQ6.js";
+import "./chunk-ZQZHFMD7.js";
+import "./chunk-FGZCSG7T.js";
+import "./chunk-MG4GKUJW.js";
+import "./chunk-AYVH6Q5O.js";
+import "./chunk-VOHEQ7B5.js";
+import "./chunk-N5IUYCUZ.js";
+import "./chunk-7SVLKK6Q.js";
+import "./chunk-2I3BDP2Z.js";
+import "./chunk-PVZBDWLK.js";
+import "./chunk-DXZOR4AG.js";
+import "./chunk-O5HZRJPB.js";
+import "./chunk-CMHI2RPL.js";
+import "./chunk-VKOE5J66.js";
+import "./chunk-DY3XQPHC.js";
+import "./chunk-S2WEYEQR.js";
+import {
+  useProductTableFilters
+} from "./chunk-ERTSYQAI.js";
+import {
+  useProductTableQuery
+} from "./chunk-KW56S7WF.js";
+import {
+  DataTableFilter
+} from "./chunk-KBYZLKI4.js";
+import "./chunk-YWWUOGJA.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-MWOKFNRO.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import "./chunk-ORW4HNX5.js";
+import "./chunk-ODBDAABQ.js";
+import "./chunk-YGQUBTKR.js";
+import "./chunk-362QMJZM.js";
+import "./chunk-FODCCP6C.js";
+import "./chunk-AWZFIP25.js";
+import "./chunk-2QKPRGNK.js";
+import "./chunk-XBMLI2YI.js";
+import "./chunk-XL52SYWY.js";
+import "./chunk-NS5CHWOH.js";
+import "./chunk-WDZFLCSQ.js";
+import "./chunk-VVTSF42Z.js";
+import "./chunk-D3KDXELJ.js";
+import "./chunk-2MKZ4HD4.js";
+import "./chunk-OGYWOPHZ.js";
+import "./chunk-U62GYN4A.js";
+import "./chunk-KTKL7M34.js";
+import "./chunk-JJVGCTKT.js";
+import "./chunk-I43SCBL3.js";
+import "./chunk-LLWK3OR6.js";
+import "./chunk-HYUGYB23.js";
+import "./chunk-XCMR2HTV.js";
+import "./chunk-CI5Z6FGV.js";
+import "./chunk-LCZXAT4Q.js";
+import "./chunk-S6LPCNXQ.js";
+import {
+  useExportProducts
+} from "./chunk-T435NFHC.js";
+import "./chunk-2KCF3ZIB.js";
+import "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/products/product-export/product-export.tsx
+import { Button, Heading as Heading2, toast } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/pages/products/product-export/components/export-filters.tsx
+import { Heading, Text } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ExportFilters = () => {
+  const { t } = useTranslation();
+  const filters = useProductTableFilters();
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Heading, { level: "h2", children: t("products.export.filters.title") }),
+    /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t("products.export.filters.description") }),
+    /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(DataTableFilter, { filters, readonly: true }) })
+  ] });
+};
+
+// src/pages/products/product-export/product-export.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ProductExport = () => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxs2(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx2(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx2(Heading2, { children: t("products.export.header") }) }),
+      /* @__PURE__ */ jsx2(RouteDrawer.Description, { className: "sr-only", children: t("products.export.description") })
+    ] }),
+    /* @__PURE__ */ jsx2(ProductExportContent, {})
+  ] });
+};
+var ProductExportContent = () => {
+  const { t } = useTranslation2();
+  const { searchParams } = useProductTableQuery({});
+  const { mutateAsync } = useExportProducts({ ...searchParams });
+  const { handleSuccess } = useRouteModal();
+  const handleExportRequest = async () => {
+    await mutateAsync(searchParams, {
+      onSuccess: () => {
+        toast.info(t("products.export.success.title"), {
+          description: t("products.export.success.description")
+        });
+        handleSuccess();
+      },
+      onError: (err) => {
+        toast.error(err.message);
+      }
+    });
+  };
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Body, { children: /* @__PURE__ */ jsx2(ExportFilters, {}) }),
+    /* @__PURE__ */ jsx2(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-2", children: [
+      /* @__PURE__ */ jsx2(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx2(Button, { size: "small", variant: "secondary", children: t("actions.cancel") }) }),
+      /* @__PURE__ */ jsx2(Button, { onClick: handleExportRequest, size: "small", children: t("actions.export") })
+    ] }) })
+  ] });
+};
+export {
+  ProductExport as Component
+};