@medusajs/dashboard 3.0.0-snapshot-20251106181920 → 3.0.0-snapshot-20251114155958

package/dist/product-options-manage-N73G5IXY.mjs

@@ -1,206 +0,0 @@
-import {
-  Combobox
-} from "./chunk-OFN7DIZA.mjs";
-import "./chunk-IUCDCPJU.mjs";
-import {
-  KeyboundForm
-} from "./chunk-6HTZNHPT.mjs";
-import {
-  RouteDrawer,
-  useRouteModal
-} from "./chunk-AERWK3TJ.mjs";
-import {
-  PRODUCT_DETAIL_FIELDS
-} from "./chunk-JDA2MYND.mjs";
-import {
-  useExtendableForm
-} from "./chunk-ET6EGRW3.mjs";
-import "./chunk-NQIC7ZFS.mjs";
-import "./chunk-ONB3JEHR.mjs";
-import "./chunk-YCDDT44O.mjs";
-import "./chunk-4GQOUCX6.mjs";
-import "./chunk-2VTICXJR.mjs";
-import "./chunk-D3YQN7HV.mjs";
-import "./chunk-PMA2D6IL.mjs";
-import "./chunk-MNXC6Q4F.mjs";
-import "./chunk-DG7J63J2.mjs";
-import "./chunk-RM6NY572.mjs";
-import {
-  useExtension
-} from "./chunk-C5P5PL3E.mjs";
-import "./chunk-LPEUYMRK.mjs";
-import "./chunk-ZCARHA6C.mjs";
-import "./chunk-OZPB6JBL.mjs";
-import "./chunk-OC7BQLYI.mjs";
-import "./chunk-S4DMV3ZT.mjs";
-import "./chunk-67ORSRVT.mjs";
-import {
-  Form
-} from "./chunk-OBQI23QM.mjs";
-import {
-  useProductOptions
-} from "./chunk-WOFUOGLO.mjs";
-import "./chunk-KOSCMAIC.mjs";
-import "./chunk-WWQZD7WM.mjs";
-import "./chunk-X6DSNTTX.mjs";
-import "./chunk-I6E6CALJ.mjs";
-import "./chunk-QTCZFYFH.mjs";
-import "./chunk-B4GODIOW.mjs";
-import "./chunk-ENV6YVOM.mjs";
-import "./chunk-PIR2H25N.mjs";
-import "./chunk-C5LYZZZ5.mjs";
-import "./chunk-RLY2SL5E.mjs";
-import "./chunk-2ZKVRTBW.mjs";
-import "./chunk-GBKLLUUX.mjs";
-import "./chunk-P5RVJWPK.mjs";
-import "./chunk-F6PXCY3N.mjs";
-import "./chunk-R2G2B47Y.mjs";
-import "./chunk-GRT22PE5.mjs";
-import "./chunk-32IQRUVY.mjs";
-import "./chunk-SBFWPL42.mjs";
-import "./chunk-GVVAVAXG.mjs";
-import "./chunk-7PWZ5GMG.mjs";
-import "./chunk-NGR5XU3K.mjs";
-import "./chunk-KX4P5L3R.mjs";
-import "./chunk-V2LANK5S.mjs";
-import "./chunk-QZ6PT4QV.mjs";
-import "./chunk-QL4XKIVL.mjs";
-import {
-  useLinkProductOptions,
-  useProduct
-} from "./chunk-GVPJPLE2.mjs";
-import "./chunk-FXYH54JP.mjs";
-import "./chunk-774WSTCC.mjs";
-import "./chunk-DEQUVHHE.mjs";
-import "./chunk-QZ7TP4HQ.mjs";
-
-// src/routes/products/product-options-manage/product-options-manage.tsx
-import { Heading } from "@medusajs/ui";
-import { useTranslation as useTranslation2 } from "react-i18next";
-import { useParams } from "react-router-dom";
-
-// src/routes/products/product-options-manage/components/product-options-manage-form/product-options-manage-form.tsx
-import { Button, toast } from "@medusajs/ui";
-import { useMemo, useState } from "react";
-import { useTranslation } from "react-i18next";
-import * as zod from "zod";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ProductOptionsManageSchema = zod.object({
-  option_ids: zod.array(zod.string())
-});
-var ProductOptionsManageForm = ({
-  product
-}) => {
-  const { t } = useTranslation();
-  const { handleSuccess } = useRouteModal();
-  const { getFormConfigs } = useExtension();
-  const configs = getFormConfigs("product", "edit");
-  const { product_options = [], isLoading } = useProductOptions({
-    is_exclusive: false
-  });
-  const productOptionChoices = useMemo(() => {
-    return product_options.map((option) => ({
-      value: option.id,
-      label: option.title
-    }));
-  }, [product_options]);
-  const [selectedOptionIds, setSelectedOptionIds] = useState(
-    product.options?.map((opt) => opt.id) || []
-  );
-  const form = useExtendableForm({
-    defaultValues: {
-      option_ids: product.options?.map((opt) => opt.id) || []
-    },
-    schema: ProductOptionsManageSchema,
-    configs,
-    data: product
-  });
-  const { mutateAsync, isPending } = useLinkProductOptions(product.id);
-  const handleProductOptionSelect = (optionIds) => {
-    setSelectedOptionIds(optionIds);
-    form.setValue("option_ids", optionIds);
-  };
-  const handleSubmit = form.handleSubmit(async (data) => {
-    const currentOptionIds = product.options?.map((opt) => opt.id) || [];
-    const newOptionIds = data.option_ids;
-    const optionsToAdd = newOptionIds.filter(
-      (id) => !currentOptionIds.includes(id)
-    );
-    const optionsToRemove = currentOptionIds.filter(
-      (id) => !newOptionIds.includes(id)
-    );
-    await mutateAsync(
-      {
-        add: optionsToAdd,
-        remove: optionsToRemove
-      },
-      {
-        onSuccess: ({ product: product2 }) => {
-          toast.success(
-            t("products.organization.edit.toasts.success", {
-              title: product2.title
-            })
-          );
-          handleSuccess();
-        },
-        onError: (error) => {
-          toast.error(error.message);
-        }
-      }
-    );
-  });
-  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex h-full flex-col", children: [
-    /* @__PURE__ */ jsx(RouteDrawer.Body, { children: /* @__PURE__ */ jsx("div", { className: "flex h-full flex-col gap-y-4", children: /* @__PURE__ */ jsx(
-      Form.Field,
-      {
-        control: form.control,
-        name: "option_ids",
-        render: ({ field }) => {
-          return /* @__PURE__ */ jsxs(Form.Item, { children: [
-            /* @__PURE__ */ jsx(Form.Label, { children: t("products.options.manage.label") }),
-            /* @__PURE__ */ jsx(Form.Hint, { children: t("products.options.manage.hint") }),
-            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-              Combobox,
-              {
-                ...field,
-                value: selectedOptionIds,
-                onChange: (value) => handleProductOptionSelect(value),
-                options: productOptionChoices,
-                placeholder: t("products.options.manage.placeholder"),
-                disabled: isLoading
-              }
-            ) }),
-            /* @__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, { size: "small", variant: "secondary", children: t("actions.cancel") }) }),
-      /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: t("actions.save") })
-    ] }) })
-  ] }) });
-};
-
-// src/routes/products/product-options-manage/product-options-manage.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var ProductOptionsManage = () => {
-  const { id } = useParams();
-  const { t } = useTranslation2();
-  const { product, isLoading, isError, error } = useProduct(id, {
-    fields: PRODUCT_DETAIL_FIELDS
-  });
-  if (isError) {
-    throw error;
-  }
-  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
-    /* @__PURE__ */ jsxs2(RouteDrawer.Header, { children: [
-      /* @__PURE__ */ jsx2(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx2(Heading, { children: t("products.options.manage.header") }) }),
-      /* @__PURE__ */ jsx2(RouteDrawer.Description, { className: "sr-only", children: t("products.options.manage.description") })
-    ] }),
-    !isLoading && product && /* @__PURE__ */ jsx2(ProductOptionsManageForm, { product })
-  ] });
-};
-export {
-  ProductOptionsManage as Component
-};