@medusajs/dashboard 3.0.0-snapshot-20251202221811 → 3.0.0-snapshot-20251208164410

package/dist/product-option-edit-YIKFL6OY.mjs

@@ -0,0 +1,324 @@
+import {
+  ChipInput
+} from "./chunk-XDJ7OMBR.mjs";
+import {
+  SortableList
+} from "./chunk-ZHH3W7CN.mjs";
+import "./chunk-IUCDCPJU.mjs";
+import {
+  KeyboundForm
+} from "./chunk-6HTZNHPT.mjs";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-AERWK3TJ.mjs";
+import {
+  Form
+} from "./chunk-OBQI23QM.mjs";
+import "./chunk-NTYLG6Y3.mjs";
+import "./chunk-I4OBEAOJ.mjs";
+import "./chunk-YGEJFHC3.mjs";
+import "./chunk-HI6URQ7H.mjs";
+import "./chunk-6CLQKVAU.mjs";
+import "./chunk-KI7TOXBR.mjs";
+import "./chunk-HKIF5HVL.mjs";
+import "./chunk-WAXMT4IY.mjs";
+import "./chunk-DYDGGABK.mjs";
+import "./chunk-LGNTHZ5Y.mjs";
+import "./chunk-CN7JXSGW.mjs";
+import "./chunk-5BQQRHQS.mjs";
+import "./chunk-7H6DB666.mjs";
+import "./chunk-2WLOIS3L.mjs";
+import "./chunk-5AFMB7XQ.mjs";
+import "./chunk-A63RZVX6.mjs";
+import "./chunk-HBXV7ENS.mjs";
+import "./chunk-CDORR33H.mjs";
+import "./chunk-3ZJ55SFA.mjs";
+import "./chunk-MOGV3UZD.mjs";
+import "./chunk-5N33TBBX.mjs";
+import "./chunk-FNQ227BC.mjs";
+import "./chunk-3BF5SC66.mjs";
+import "./chunk-VCSSQVPD.mjs";
+import "./chunk-HP2JH45P.mjs";
+import "./chunk-SQDIZZDW.mjs";
+import {
+  useProductOption,
+  useUpdateProductOption
+} from "./chunk-QW4SQVMT.mjs";
+import "./chunk-FXYH54JP.mjs";
+import "./chunk-774WSTCC.mjs";
+import "./chunk-NFEK63OE.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/routes/product-options/product-option-edit/product-option-edit.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/routes/product-options/product-option-edit/components/edit-product-option-form/edit-product-option-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, toast } from "@medusajs/ui";
+import { useMemo as useMemo2 } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/routes/product-options/product-option-edit/components/edit-product-option-form/edit-product-option-details.tsx
+import { Input } from "@medusajs/ui";
+import { useEffect } from "react";
+import { useWatch } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditProductOptionDetails = ({
+  form
+}) => {
+  const { t } = useTranslation();
+  const values = useWatch({
+    control: form.control,
+    name: "values"
+  });
+  const valueRanks = useWatch({
+    control: form.control,
+    name: "value_ranks"
+  });
+  useEffect(() => {
+    if (!values || !valueRanks) {
+      return;
+    }
+    const validValueSet = new Set(values);
+    const currentRanks = { ...valueRanks };
+    let hasStaleEntries = false;
+    Object.keys(currentRanks).forEach((key) => {
+      if (!validValueSet.has(key)) {
+        delete currentRanks[key];
+        hasStaleEntries = true;
+      }
+    });
+    if (hasStaleEntries) {
+      form.setValue("value_ranks", currentRanks, {
+        shouldDirty: true,
+        shouldTouch: true
+      });
+    }
+  }, [values, valueRanks, form]);
+  return /* @__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("productOptions.fields.title.label") }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                autoComplete: "off",
+                ...field,
+                placeholder: t("productOptions.fields.title.placeholder")
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+          ] });
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Form.Field,
+      {
+        control: form.control,
+        name: "values",
+        render: ({ field }) => {
+          return /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { children: t("productOptions.fields.values.label") }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+              ChipInput,
+              {
+                ...field,
+                placeholder: t("productOptions.fields.values.placeholder")
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+          ] });
+        }
+      }
+    )
+  ] });
+};
+
+// src/routes/product-options/product-option-edit/components/edit-product-option-form/edit-product-option-organize.tsx
+import { Text } from "@medusajs/ui";
+import { useMemo } from "react";
+import { useWatch as useWatch2 } from "react-hook-form";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var EditProductOptionOrganize = ({
+  form
+}) => {
+  const values = useWatch2({
+    control: form.control,
+    name: "values"
+  });
+  const valueRanks = useWatch2({
+    control: form.control,
+    name: "value_ranks"
+  });
+  const items = useMemo(() => {
+    if (!values || values.length === 0) {
+      return [];
+    }
+    return values.map((value, index) => ({
+      id: value,
+      value,
+      rank: valueRanks?.[value] ?? index
+    })).sort((a, b) => a.rank - b.rank);
+  }, [values, valueRanks]);
+  const handleChange = (newItems) => {
+    const newRanks = {};
+    newItems.forEach((item, index) => {
+      newRanks[item.value] = index;
+    });
+    form.setValue("value_ranks", newRanks, {
+      shouldDirty: true,
+      shouldTouch: true
+    });
+  };
+  if (!values || values.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx2(
+    SortableList,
+    {
+      items,
+      onChange: handleChange,
+      renderItem: (item) => /* @__PURE__ */ jsx2(
+        SortableList.Item,
+        {
+          id: item.id,
+          className: "border-ui-border-base border-b last:border-b-0",
+          children: /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 items-center gap-x-3 px-4 py-3", children: [
+            /* @__PURE__ */ jsx2(SortableList.DragHandle, {}),
+            /* @__PURE__ */ jsx2(Text, { size: "small", children: item.value })
+          ] })
+        }
+      )
+    }
+  );
+};
+
+// src/routes/product-options/product-option-edit/components/edit-product-option-form/schema.ts
+import { z } from "zod";
+var EditProductOptionDetailsSchema = z.object({
+  title: z.string().min(1),
+  values: z.array(z.string()).min(1, "At least one value is required")
+});
+var EditProductOptionSchema = z.object({
+  value_ranks: z.record(z.string(), z.number()).optional()
+}).merge(EditProductOptionDetailsSchema);
+
+// src/routes/product-options/product-option-edit/components/edit-product-option-form/edit-product-option-form.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var EditProductOptionForm = ({
+  productOption
+}) => {
+  const { t } = useTranslation2();
+  const { handleSuccess } = useRouteModal();
+  const { sortedValues, existingRanks } = useMemo2(() => {
+    if (!productOption.values) {
+      return { sortedValues: [], existingRanks: {} };
+    }
+    const ranks = {};
+    productOption.values.forEach((v) => {
+      if (v.rank !== void 0 && v.rank !== null) {
+        ranks[v.value] = v.rank;
+      }
+    });
+    const sorted = [...productOption.values].sort((a, b) => {
+      const rankA = a.rank ?? Number.MAX_VALUE;
+      const rankB = b.rank ?? Number.MAX_VALUE;
+      return rankA - rankB;
+    });
+    return {
+      sortedValues: sorted.map((v) => v.value),
+      existingRanks: ranks
+    };
+  }, [productOption.values]);
+  const form = useForm({
+    defaultValues: {
+      title: productOption.title,
+      values: sortedValues,
+      value_ranks: existingRanks
+    },
+    resolver: zodResolver(EditProductOptionSchema)
+  });
+  const { mutateAsync, isPending } = useUpdateProductOption(productOption.id);
+  const handleSubmit = form.handleSubmit((data) => {
+    const { title, values, value_ranks } = data;
+    mutateAsync(
+      {
+        title,
+        values,
+        ranks: value_ranks
+      },
+      {
+        onSuccess: ({ product_option }) => {
+          toast.success(
+            t("productOptions.edit.successToast", {
+              title: product_option.title
+            })
+          );
+          handleSuccess();
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx3(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs3(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex size-full flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsxs3(RouteDrawer.Body, { className: "flex flex-col gap-y-4 overflow-auto p-4", children: [
+          /* @__PURE__ */ jsx3(EditProductOptionDetails, { form }),
+          /* @__PURE__ */ jsx3(EditProductOptionOrganize, { form })
+        ] }),
+        /* @__PURE__ */ jsx3(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx3(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx3(Button, { size: "small", variant: "secondary", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx3(
+            Button,
+            {
+              size: "small",
+              variant: "primary",
+              type: "submit",
+              isLoading: isPending,
+              children: t("actions.save")
+            }
+          )
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/routes/product-options/product-option-edit/product-option-edit.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var ProductOptionEdit = () => {
+  const { id } = useParams();
+  const { t } = useTranslation3();
+  const { product_option, isPending, isError, error } = useProductOption(id);
+  const ready = !isPending && !!product_option;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs4(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxs4(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx4(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx4(Heading, { children: t("productOptions.edit.header") }) }),
+      /* @__PURE__ */ jsx4(RouteDrawer.Description, { className: "sr-only", children: t("productOptions.edit.description") })
+    ] }),
+    ready && /* @__PURE__ */ jsx4(EditProductOptionForm, { productOption: product_option })
+  ] });
+};
+export {
+  ProductOptionEdit as Component
+};

package/dist/product-option-list-CR7NCCMH.mjs

@@ -0,0 +1,267 @@
+import {
+  TextCell
+} from "./chunk-MSDRGCRR.mjs";
+import "./chunk-P3UUX2T6.mjs";
+import {
+  useProductOptionTableFilters
+} from "./chunk-NFEW5CVI.mjs";
+import "./chunk-CBSCX7RE.mjs";
+import "./chunk-LT4MVCA7.mjs";
+import "./chunk-FJHAGJ5G.mjs";
+import "./chunk-DLZWPHHO.mjs";
+import "./chunk-6OU4CHZI.mjs";
+import "./chunk-W7625H47.mjs";
+import "./chunk-LSEYENCI.mjs";
+import "./chunk-PPRHEG37.mjs";
+import {
+  SingleColumnPage
+} from "./chunk-GIZFNLKK.mjs";
+import {
+  DataTable
+} from "./chunk-TBEGSDLQ.mjs";
+import "./chunk-2GWGNMAA.mjs";
+import {
+  useQueryParams
+} from "./chunk-C76H5USB.mjs";
+import "./chunk-DZWH2RV6.mjs";
+import "./chunk-M32MJOJN.mjs";
+import {
+  useExtension
+} from "./chunk-C5P5PL3E.mjs";
+import "./chunk-OZPB6JBL.mjs";
+import "./chunk-OC7BQLYI.mjs";
+import "./chunk-S4DMV3ZT.mjs";
+import "./chunk-SUYYSKCB.mjs";
+import "./chunk-NTYLG6Y3.mjs";
+import "./chunk-I4OBEAOJ.mjs";
+import "./chunk-YGEJFHC3.mjs";
+import "./chunk-HI6URQ7H.mjs";
+import "./chunk-6CLQKVAU.mjs";
+import "./chunk-KI7TOXBR.mjs";
+import "./chunk-HKIF5HVL.mjs";
+import "./chunk-WAXMT4IY.mjs";
+import "./chunk-DYDGGABK.mjs";
+import "./chunk-LGNTHZ5Y.mjs";
+import "./chunk-CN7JXSGW.mjs";
+import "./chunk-5BQQRHQS.mjs";
+import "./chunk-7H6DB666.mjs";
+import "./chunk-2WLOIS3L.mjs";
+import "./chunk-5AFMB7XQ.mjs";
+import "./chunk-A63RZVX6.mjs";
+import "./chunk-HBXV7ENS.mjs";
+import "./chunk-CDORR33H.mjs";
+import "./chunk-3ZJ55SFA.mjs";
+import "./chunk-MOGV3UZD.mjs";
+import "./chunk-5N33TBBX.mjs";
+import "./chunk-FNQ227BC.mjs";
+import "./chunk-3BF5SC66.mjs";
+import "./chunk-VCSSQVPD.mjs";
+import "./chunk-HP2JH45P.mjs";
+import "./chunk-SQDIZZDW.mjs";
+import {
+  useDeleteProductOptionLazy,
+  useProductOptions
+} from "./chunk-QW4SQVMT.mjs";
+import "./chunk-FXYH54JP.mjs";
+import "./chunk-774WSTCC.mjs";
+import "./chunk-NFEK63OE.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/routes/product-options/product-option-list/components/product-option-list-table/product-option-list-table.tsx
+import {
+  Container,
+  createDataTableColumnHelper,
+  toast,
+  usePrompt
+} from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { keepPreviousData } from "@tanstack/react-query";
+import { useCallback, useMemo as useMemo2 } from "react";
+import { useNavigate } from "react-router-dom";
+import { PencilSquare, Trash } from "@medusajs/icons";
+
+// src/hooks/table/columns/use-product-option-table-columns.tsx
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { Badge } from "@medusajs/ui";
+import { jsx } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var useProductOptionTableColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.accessor("title", {
+        header: t("fields.title"),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: getValue() })
+      }),
+      columnHelper.accessor("values", {
+        header: t("fields.values"),
+        cell: ({ getValue }) => {
+          const values = getValue();
+          const count = values?.length || 0;
+          const displayText = count > 0 ? `${count} ${count === 1 ? "value" : "values"}` : "-";
+          return /* @__PURE__ */ jsx(TextCell, { text: displayText });
+        }
+      }),
+      columnHelper.accessor("is_exclusive", {
+        header: t("fields.status"),
+        cell: ({ getValue }) => {
+          const isExclusive = getValue();
+          return /* @__PURE__ */ jsx(Badge, { size: "xsmall", color: isExclusive ? "grey" : "blue", children: t(`general.${isExclusive ? "exclusive" : "global"}`) });
+        }
+      })
+    ],
+    [t]
+  );
+};
+
+// src/hooks/table/query/use-product-option-table-query.tsx
+var useProductOptionTableQuery = ({
+  prefix,
+  pageSize = 20
+}) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at", "is_exclusive"],
+    prefix
+  );
+  const { offset, created_at, updated_at, q, order, is_exclusive } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    is_exclusive: is_exclusive ? JSON.parse(is_exclusive) : void 0,
+    q
+  };
+  return {
+    searchParams,
+    raw: queryObject
+  };
+};
+
+// src/routes/product-options/product-option-list/components/product-option-list-table/product-option-list-table.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+var ProductOptionListTable = () => {
+  const { t } = useTranslation2();
+  const { searchParams } = useProductOptionTableQuery({
+    pageSize: PAGE_SIZE
+  });
+  const { product_options, count, isError, error, isLoading } = useProductOptions(searchParams, {
+    placeholderData: keepPreviousData
+  });
+  const filters = useProductOptionTableFilters();
+  const columns = useColumns();
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx2(Container, { className: "divide-y p-0", children: /* @__PURE__ */ jsx2(
+    DataTable,
+    {
+      data: product_options,
+      columns,
+      filters,
+      rowCount: count,
+      pageSize: PAGE_SIZE,
+      getRowId: (row) => row.id,
+      heading: t("productOptions.domain"),
+      subHeading: t("productOptions.subtitle"),
+      emptyState: {
+        empty: {
+          heading: t("general.noRecordsMessage")
+        },
+        filtered: {
+          heading: t("general.noRecordsMessage"),
+          description: t("general.noRecordsMessageFiltered")
+        }
+      },
+      actions: [
+        {
+          label: t("actions.create"),
+          to: "create"
+        }
+      ],
+      isLoading,
+      enableSearch: true,
+      rowHref: (row) => `/product-options/${row.id}`
+    }
+  ) });
+};
+var columnHelper2 = createDataTableColumnHelper();
+var useColumns = () => {
+  const { t } = useTranslation2();
+  const prompt = usePrompt();
+  const navigate = useNavigate();
+  const base = useProductOptionTableColumns();
+  const { mutateAsync } = useDeleteProductOptionLazy();
+  const handleDelete = useCallback(
+    async (productOption) => {
+      const confirm = await prompt({
+        title: t("general.areYouSure"),
+        description: t("productOptions.delete.confirmation", {
+          title: productOption.title
+        }),
+        confirmText: t("actions.delete"),
+        cancelText: t("actions.cancel")
+      });
+      if (!confirm) {
+        return;
+      }
+      await mutateAsync(productOption.id, {
+        onSuccess: () => {
+          toast.success(t("productOptions.delete.successToast"));
+        },
+        onError: (e) => {
+          toast.error(e.message);
+        }
+      });
+    },
+    [t, prompt, mutateAsync]
+  );
+  return useMemo2(
+    () => [
+      ...base,
+      columnHelper2.action({
+        actions: (ctx) => [
+          [
+            {
+              icon: /* @__PURE__ */ jsx2(PencilSquare, {}),
+              label: t("actions.edit"),
+              onClick: () => navigate(`/product-options/${ctx.row.original.id}/edit`)
+            }
+          ],
+          [
+            {
+              icon: /* @__PURE__ */ jsx2(Trash, {}),
+              label: t("actions.delete"),
+              onClick: () => handleDelete(ctx.row.original)
+            }
+          ]
+        ]
+      })
+    ],
+    [base, handleDelete, navigate, t]
+  );
+};
+
+// src/routes/product-options/product-option-list/product-option-list.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ProductOptionList = () => {
+  const { getWidgets } = useExtension();
+  return /* @__PURE__ */ jsx3(
+    SingleColumnPage,
+    {
+      widgets: {
+        after: getWidgets("product_option.list.after"),
+        before: getWidgets("product_option.list.before")
+      },
+      hasOutlet: true,
+      children: /* @__PURE__ */ jsx3(ProductOptionListTable, {})
+    }
+  );
+};
+export {
+  ProductOptionList as Component
+};

package/dist/product-option-metadata-7CSZUQ7M.mjs

@@ -0,0 +1,71 @@
+import "./chunk-XRTVFYCW.mjs";
+import {
+  MetadataForm
+} from "./chunk-6VRDTPH2.mjs";
+import "./chunk-IUCDCPJU.mjs";
+import "./chunk-6HTZNHPT.mjs";
+import {
+  RouteDrawer
+} from "./chunk-AERWK3TJ.mjs";
+import "./chunk-LPEUYMRK.mjs";
+import "./chunk-OC7BQLYI.mjs";
+import "./chunk-S4DMV3ZT.mjs";
+import "./chunk-OBQI23QM.mjs";
+import "./chunk-NTYLG6Y3.mjs";
+import "./chunk-I4OBEAOJ.mjs";
+import "./chunk-YGEJFHC3.mjs";
+import "./chunk-HI6URQ7H.mjs";
+import "./chunk-6CLQKVAU.mjs";
+import "./chunk-KI7TOXBR.mjs";
+import "./chunk-HKIF5HVL.mjs";
+import "./chunk-WAXMT4IY.mjs";
+import "./chunk-DYDGGABK.mjs";
+import "./chunk-LGNTHZ5Y.mjs";
+import "./chunk-CN7JXSGW.mjs";
+import "./chunk-5BQQRHQS.mjs";
+import "./chunk-7H6DB666.mjs";
+import "./chunk-2WLOIS3L.mjs";
+import "./chunk-5AFMB7XQ.mjs";
+import "./chunk-A63RZVX6.mjs";
+import "./chunk-HBXV7ENS.mjs";
+import "./chunk-CDORR33H.mjs";
+import "./chunk-3ZJ55SFA.mjs";
+import "./chunk-MOGV3UZD.mjs";
+import "./chunk-5N33TBBX.mjs";
+import "./chunk-FNQ227BC.mjs";
+import "./chunk-3BF5SC66.mjs";
+import "./chunk-VCSSQVPD.mjs";
+import "./chunk-HP2JH45P.mjs";
+import "./chunk-SQDIZZDW.mjs";
+import {
+  useProductOption,
+  useUpdateProductOption
+} from "./chunk-QW4SQVMT.mjs";
+import "./chunk-FXYH54JP.mjs";
+import "./chunk-774WSTCC.mjs";
+import "./chunk-NFEK63OE.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/routes/product-options/product-option-metadata/product-option-metadata.tsx
+import { useParams } from "react-router-dom";
+import { jsx } from "react/jsx-runtime";
+var ProductOptionMetadata = () => {
+  const { id } = useParams();
+  const { product_option, isPending, isError, error } = useProductOption(id);
+  const { mutateAsync, isPending: isMutating } = useUpdateProductOption(id);
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx(RouteDrawer, { children: /* @__PURE__ */ jsx(
+    MetadataForm,
+    {
+      isPending,
+      isMutating,
+      hook: mutateAsync,
+      metadata: product_option?.metadata
+    }
+  ) });
+};
+export {
+  ProductOptionMetadata as Component
+};