@mercurjs/vendor 2.0.0-canary.0

package/dist/product-variant-edit-PW7W5J5E.js

@@ -0,0 +1,402 @@
+import {
+  transformNullableFormData,
+  transformNullableFormNumber
+} from "./chunk-7RPRNVBS.js";
+import {
+  optionalInt
+} from "./chunk-IZ5RG5XI.js";
+import "./chunk-SMQT3ZNO.js";
+import {
+  CountrySelect
+} from "./chunk-S3PQKKNV.js";
+import {
+  Combobox
+} from "./chunk-AW77UWCZ.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-3CK6OINO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import "./chunk-JRTZWK77.js";
+import {
+  useProduct,
+  useUpdateProductVariant
+} from "./chunk-WPFTRRWV.js";
+import "./chunk-A5DJIOHN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-Y224F4UU.js";
+import "./chunk-PKBMQBKP.js";
+
+// src/pages/product-variants/product-variant-edit/product-variant-edit.tsx
+import { Heading as Heading2 } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/product-variants/product-variant-edit/components/product-edit-variant-form/product-edit-variant-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Divider, Heading, 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 ProductEditVariantSchema = z.object({
+  title: z.string().min(1),
+  material: z.string().optional(),
+  sku: z.string().optional(),
+  ean: z.string().optional(),
+  upc: z.string().optional(),
+  barcode: z.string().optional(),
+  manage_inventory: z.boolean(),
+  allow_backorder: z.boolean(),
+  weight: optionalInt,
+  height: optionalInt,
+  width: optionalInt,
+  length: optionalInt,
+  mid_code: z.string().optional(),
+  hs_code: z.string().optional(),
+  origin_country: z.string().optional(),
+  options: z.record(z.string())
+});
+var ProductEditVariantForm = ({
+  variant,
+  product
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const defaultOptions = product.options?.reduce((acc, option) => {
+    const varOpt = variant?.options?.find((o) => o.option_id === option.id);
+    acc[option.title] = varOpt?.value;
+    return acc;
+  }, {});
+  const form = useForm({
+    defaultValues: {
+      title: variant?.title || "",
+      material: variant?.material || "",
+      sku: variant?.sku || void 0,
+      ean: variant?.ean || "",
+      upc: variant?.upc || "",
+      barcode: variant?.barcode || "",
+      manage_inventory: true,
+      allow_backorder: true,
+      weight: variant?.weight || "",
+      height: variant?.height || "",
+      width: variant?.width || "",
+      length: variant?.length || "",
+      mid_code: variant?.mid_code || "",
+      hs_code: variant?.hs_code || "",
+      origin_country: variant?.origin_country || "",
+      options: defaultOptions
+    },
+    resolver: zodResolver(ProductEditVariantSchema)
+  });
+  const { mutateAsync, isPending } = useUpdateProductVariant(
+    variant?.product_id,
+    variant?.id
+  );
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const {
+      title,
+      weight,
+      height,
+      width,
+      length,
+      allow_backorder,
+      manage_inventory,
+      options,
+      ...optional
+    } = data;
+    const nullableData = transformNullableFormData(optional);
+    await mutateAsync(
+      {
+        weight: transformNullableFormNumber(weight),
+        height: transformNullableFormNumber(height),
+        width: transformNullableFormNumber(width),
+        length: transformNullableFormNumber(length),
+        title,
+        allow_backorder,
+        manage_inventory,
+        options,
+        ...nullableData
+      },
+      {
+        onSuccess: () => {
+          handleSuccess("../");
+          toast.success(t("products.variant.edit.success"));
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex size-full flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsxs(RouteDrawer.Body, { className: "flex size-full flex-col gap-y-8 overflow-auto", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "title",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { children: t("fields.title") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "material",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.material") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            ),
+            product.options?.map((option) => {
+              return /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: `options.${option.title}`,
+                  render: ({ field: { value, onChange, ...field } }) => {
+                    return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                      /* @__PURE__ */ jsx(Form.Label, { children: option.title }),
+                      /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                        Combobox,
+                        {
+                          value,
+                          onChange: (v) => {
+                            onChange(v);
+                          },
+                          ...field,
+                          options: option.values.map((v) => ({
+                            label: v.value,
+                            value: v.value
+                          }))
+                        }
+                      ) })
+                    ] });
+                  }
+                },
+                option.id
+              );
+            })
+          ] }),
+          /* @__PURE__ */ jsx(Divider, {}),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-8", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+            /* @__PURE__ */ jsx(Heading, { level: "h2", children: t("products.variant.inventory.header") }),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "sku",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.sku") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "ean",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.ean") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "upc",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.upc") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "barcode",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.barcode") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ jsx(Divider, {}),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+            /* @__PURE__ */ jsx(Heading, { level: "h2", children: t("products.attributes") }),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "weight",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.weight") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { type: "number", ...field }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "width",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.width") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { type: "number", ...field }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "length",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.length") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { type: "number", ...field }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "height",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.height") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { type: "number", ...field }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "mid_code",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.midCode") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "hs_code",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.hsCode") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                control: form.control,
+                name: "origin_country",
+                render: ({ field }) => {
+                  return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.countryOfOrigin") }),
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(CountrySelect, { ...field }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] });
+                }
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(RouteDrawer.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, { variant: "secondary", size: "small", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", size: "small", isLoading: isPending, children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/product-variants/product-variant-edit/product-variant-edit.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ProductVariantEdit = () => {
+  const { t } = useTranslation2();
+  const { product_id, variant_id } = useParams();
+  const {
+    product,
+    isPending: isProductPending,
+    isError: isProductError,
+    error: productError
+  } = useProduct(product_id);
+  const variant = product?.variants?.find(
+    (variant2) => variant2.id === variant_id
+  );
+  const ready = !isProductPending && !!product;
+  if (isProductError) {
+    throw productError;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(Heading2, { children: t("products.variant.edit.header") }) }),
+    ready && /* @__PURE__ */ jsx2(ProductEditVariantForm, { variant, product })
+  ] });
+};
+export {
+  ProductVariantEdit
+};

package/dist/products-GSN4I7BT.js

@@ -0,0 +1,272 @@
+import {
+  useProductTableColumns
+} from "./chunk-GC33DBKG.js";
+import {
+  useProductTableQuery
+} from "./chunk-4MFMCZEJ.js";
+import "./chunk-FQERBIVS.js";
+import {
+  useProductTableFilters
+} from "./chunk-WA3IVAUC.js";
+import "./chunk-DB6ANJBO.js";
+import "./chunk-PHOCVOZ5.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-WHTS4G5K.js";
+import "./chunk-LYUCDASZ.js";
+import "./chunk-KAZ5BYTQ.js";
+import "./chunk-3EF54XFY.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-3CK6OINO.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-WIYFXWRI.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-CFETU5BI.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-OSFOX7MG.js";
+import "./chunk-W4KHJ4D6.js";
+import "./chunk-VGJTARSA.js";
+import "./chunk-DYUTYBAQ.js";
+import "./chunk-Y4VBOHAP.js";
+import "./chunk-JKXAL7WR.js";
+import "./chunk-DC2K6CFQ.js";
+import "./chunk-VDWGP2U6.js";
+import "./chunk-RE7YXVFG.js";
+import "./chunk-HUNGNEPY.js";
+import "./chunk-PADOWAXM.js";
+import "./chunk-LWVBKUUL.js";
+import "./chunk-RIILGKYR.js";
+import "./chunk-6EYGH3TB.js";
+import "./chunk-GTUR4HSV.js";
+import "./chunk-SI4ALL7W.js";
+import "./chunk-ZFFA36DB.js";
+import "./chunk-VHMGJUYN.js";
+import {
+  useProductCategory,
+  useUpdateProductCategoryProducts
+} from "./chunk-ASVMGV2B.js";
+import {
+  useProducts
+} from "./chunk-WPFTRRWV.js";
+import "./chunk-A5DJIOHN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-Y224F4UU.js";
+import "./chunk-PKBMQBKP.js";
+
+// src/pages/categories/[id]/products/index.tsx
+import { useParams } from "react-router-dom";
+
+// src/pages/categories/[id]/products/edit-category-products-form/edit-category-products-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import { Button, Checkbox, Hint, Tooltip, toast } from "@medusajs/ui";
+import {
+  createColumnHelper
+} from "@tanstack/react-table";
+import { useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditCategoryProductsSchema = z.object({
+  product_ids: z.array(z.string())
+});
+var PAGE_SIZE = 50;
+var PREFIX = "p";
+var EditCategoryProductsForm = ({
+  categoryId,
+  products = []
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const [selection, setSelection] = useState(
+    products.reduce((acc, p) => {
+      acc[p.id] = true;
+      return acc;
+    }, {})
+  );
+  const form = useForm({
+    defaultValues: {
+      product_ids: []
+    },
+    resolver: zodResolver(EditCategoryProductsSchema)
+  });
+  const updater = (newSelection) => {
+    const value = typeof newSelection === "function" ? newSelection(selection) : newSelection;
+    form.setValue("product_ids", Object.keys(value), {
+      shouldDirty: true,
+      shouldTouch: true
+    });
+    setSelection(value);
+  };
+  const { searchParams, raw } = useProductTableQuery({
+    pageSize: PAGE_SIZE,
+    prefix: PREFIX
+  });
+  const {
+    products: data,
+    count,
+    isPending,
+    isError,
+    error
+  } = useProducts({
+    ...searchParams
+  });
+  const columns = useColumns();
+  const filters = useProductTableFilters(["categories"]);
+  const { table } = useDataTable({
+    data,
+    columns,
+    getRowId: (original) => original.id,
+    count,
+    pageSize: PAGE_SIZE,
+    prefix: PREFIX,
+    enableRowSelection: (row) => {
+      return !products.some((p) => p.id === row.original.id);
+    },
+    enablePagination: true,
+    rowSelection: {
+      state: selection,
+      updater
+    }
+  });
+  const { mutateAsync, isPending: isMutating } = useUpdateProductCategoryProducts(categoryId);
+  const handleSubmit = form.handleSubmit(async (data2) => {
+    await mutateAsync(
+      {
+        add: data2.product_ids
+      },
+      {
+        onSuccess: () => {
+          toast.success(
+            t("categories.products.add.successToast", {
+              count: data2.product_ids.length - products.length
+            })
+          );
+          handleSuccess();
+        },
+        onError: (error2) => {
+          toast.error(error2.message);
+        }
+      }
+    );
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex h-full flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsx(RouteFocusModal.Header, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+          form.formState.errors.product_ids && /* @__PURE__ */ jsx(Hint, { variant: "error", children: form.formState.errors.product_ids.message }),
+          /* @__PURE__ */ jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isMutating, children: t("actions.save") })
+        ] }) }),
+        /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "size-full overflow-hidden", children: /* @__PURE__ */ jsx(
+          _DataTable,
+          {
+            table,
+            columns,
+            pageSize: PAGE_SIZE,
+            count,
+            queryObject: raw,
+            filters,
+            orderBy: [
+              { key: "title", label: t("fields.title") },
+              { key: "created_at", label: t("fields.createdAt") },
+              { key: "updated_at", label: t("fields.updatedAt") }
+            ],
+            prefix: PREFIX,
+            isLoading: isPending,
+            layout: "fill",
+            pagination: true,
+            search: "autofocus"
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+var columnHelper = createColumnHelper();
+var useColumns = () => {
+  const { t } = useTranslation();
+  const base = useProductTableColumns();
+  return useMemo(
+    () => [
+      columnHelper.display({
+        id: "select",
+        header: ({ table }) => {
+          return /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+              onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
+            }
+          );
+        },
+        cell: ({ row }) => {
+          const isPreSelected = !row.getCanSelect();
+          const isSelected = row.getIsSelected() || isPreSelected;
+          const Component2 = /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: isSelected,
+              disabled: isPreSelected,
+              onCheckedChange: (value) => row.toggleSelected(!!value),
+              onClick: (e) => {
+                e.stopPropagation();
+              }
+            }
+          );
+          if (isPreSelected) {
+            return /* @__PURE__ */ jsx(
+              Tooltip,
+              {
+                content: t("categories.products.add.disabledTooltip"),
+                side: "right",
+                children: Component2
+              }
+            );
+          }
+          return Component2;
+        }
+      }),
+      ...base
+    ],
+    [t, base]
+  );
+};
+
+// src/pages/categories/[id]/products/index.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Component = () => {
+  const { id } = useParams();
+  const { product_category, isLoading, isError, error } = useProductCategory(
+    id,
+    { fields: "*products" }
+  );
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx2(RouteFocusModal, { children: !isLoading && product_category && /* @__PURE__ */ jsx2(
+    EditCategoryProductsForm,
+    {
+      categoryId: id,
+      products: product_category.products
+    }
+  ) });
+};
+export {
+  Component
+};