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

package/dist/product-create-option-GEGQNSMQ.mjs

@@ -0,0 +1,150 @@
+import {
+  ChipInput
+} from "./chunk-XDJ7OMBR.mjs";
+import "./chunk-IUCDCPJU.mjs";
+import {
+  KeyboundForm
+} from "./chunk-6HTZNHPT.mjs";
+import {
+  RouteDrawer
+} from "./chunk-XXBP2Z5M.mjs";
+import {
+  useRouteModal
+} from "./chunk-42OOM4DJ.mjs";
+import {
+  Form
+} from "./chunk-OBQI23QM.mjs";
+import {
+  useCreateProductOption,
+  useProduct
+} from "./chunk-LEJUZW3P.mjs";
+import "./chunk-FXYH54JP.mjs";
+import "./chunk-774WSTCC.mjs";
+import "./chunk-NFEK63OE.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/routes/products/product-create-option/product-create-option.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/routes/products/product-create-option/components/create-product-option-form/create-product-option-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 CreateProductOptionSchema = z.object({
+  title: z.string().min(1),
+  values: z.array(z.string()).optional()
+});
+var CreateProductOptionForm = ({
+  product
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      title: "",
+      values: []
+    },
+    resolver: zodResolver(CreateProductOptionSchema)
+  });
+  const { mutateAsync, isPending } = useCreateProductOption(product.id);
+  const handleSubmit = form.handleSubmit(async (values) => {
+    mutateAsync(values, {
+      onSuccess: () => {
+        toast.success(
+          t("products.options.create.successToast", {
+            title: values.title
+          })
+        );
+        handleSuccess();
+      },
+      onError: async (err) => {
+        toast.error(err.message);
+      }
+    });
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { 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-4 overflow-auto", children: [
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "title",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("products.fields.options.optionTitle") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      ...field,
+                      placeholder: t(
+                        "products.fields.options.optionTitlePlaceholder"
+                      )
+                    }
+                  ) }),
+                  /* @__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("products.fields.options.variations") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                    ChipInput,
+                    {
+                      ...field,
+                      placeholder: t(
+                        "products.fields.options.variantionsPlaceholder"
+                      )
+                    }
+                  ) }),
+                  /* @__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/routes/products/product-create-option/product-create-option.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ProductCreateOption = () => {
+  const { id } = useParams();
+  const { t } = useTranslation2();
+  const { product, isLoading, isError, error } = useProduct(id, {
+    // TODO: Remove exclusion once we avoid including unnecessary relations by default in the query config
+    fields: "-type,-collection,-options,-tags,-images,-variants,-sales_channels"
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(Heading, { children: t("products.options.create.header") }) }),
+    !isLoading && product && /* @__PURE__ */ jsx2(CreateProductOptionForm, { product })
+  ] });
+};
+export {
+  ProductCreateOption as Component
+};

package/dist/{product-create-variant-RDEE4IX7.mjs → product-create-variant-WI6D5CDG.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-3TZOFKX2.mjs";
 import {
   Combobox
-} from "./chunk-5AM254NB.mjs";
+} from "./chunk-OFN7DIZA.mjs";
 import {
   optionalInt,
   partialFormValidation
@@ -22,10 +22,12 @@ import {
   KeyboundForm
 } from "./chunk-6HTZNHPT.mjs";
 import {
-  RouteDrawer,
+  RouteDrawer
+} from "./chunk-XXBP2Z5M.mjs";
+import {
   RouteFocusModal,
   useRouteModal
-} from "./chunk-AERWK3TJ.mjs";
+} from "./chunk-42OOM4DJ.mjs";
 import "./chunk-LPEUYMRK.mjs";
 import "./chunk-OC7BQLYI.mjs";
 import {
@@ -34,28 +36,28 @@ import {
 import {
   Form
 } from "./chunk-OBQI23QM.mjs";
-import "./chunk-NTYLG6Y3.mjs";
+import "./chunk-QPKW37WR.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-XIVBRONM.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-Y5UO73CH.mjs";
 import "./chunk-5AFMB7XQ.mjs";
+import "./chunk-NHDFPGQ3.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-RU4ZS47V.mjs";
+import "./chunk-N4O5FAUC.mjs";
+import "./chunk-7AX6R6G6.mjs";
+import "./chunk-N3FCYZV6.mjs";
 import "./chunk-3BF5SC66.mjs";
 import {
   useStore
@@ -69,7 +71,7 @@ import {
 import {
   useCreateProductVariant,
   useProduct
-} from "./chunk-QW4SQVMT.mjs";
+} from "./chunk-LEJUZW3P.mjs";
 import "./chunk-FXYH54JP.mjs";
 import "./chunk-774WSTCC.mjs";
 import {
@@ -805,7 +807,10 @@ var PrimaryButton = ({
 import { jsx as jsx5 } from "react/jsx-runtime";
 var ProductCreateVariant = () => {
   const { id } = useParams();
-  const { product, isLoading, isError, error } = useProduct(id);
+  const { product, isLoading, isError, error } = useProduct(id, {
+    // TODO: Remove exclusion once we avoid including unnecessary relations by default in the query config
+    fields: "-type,-collection,-tags,-images,-variants,-sales_channels"
+  });
   if (isError) {
     throw error;
   }

package/dist/{product-detail-J4JYWH2M.mjs → product-detail-VYXHGYKI.mjs}

@@ -15,20 +15,19 @@ import {
 import {
   TwoColumnPage
 } from "./chunk-GIZFNLKK.mjs";
-import {
-  DataTable
-} from "./chunk-TBEGSDLQ.mjs";
 import {
   useDataTableDateFilters
 } from "./chunk-2GWGNMAA.mjs";
+import {
+  DataTable
+} from "./chunk-KCWP7RF5.mjs";
 import {
   useQueryParams
 } from "./chunk-C76H5USB.mjs";
 import "./chunk-DZWH2RV6.mjs";
 import {
-  PRODUCT_DETAIL_FIELDS
-} from "./chunk-BWU3ZE4W.mjs";
-import "./chunk-AGBHQZZT.mjs";
+  getLinkedFields
+} from "./chunk-GTPX2T3A.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";
@@ -40,7 +39,7 @@ import {
   Thumbnail
 } from "./chunk-MNXC6Q4F.mjs";
 import "./chunk-DG7J63J2.mjs";
-import "./chunk-M32MJOJN.mjs";
+import "./chunk-G4BWCU5P.mjs";
 import {
   useExtension
 } from "./chunk-C5P5PL3E.mjs";
@@ -55,30 +54,30 @@ import "./chunk-OC7BQLYI.mjs";
 import "./chunk-S4DMV3ZT.mjs";
 import "./chunk-SUYYSKCB.mjs";
 import "./chunk-OBQI23QM.mjs";
-import "./chunk-NTYLG6Y3.mjs";
+import "./chunk-QPKW37WR.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-XIVBRONM.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-Y5UO73CH.mjs";
 import "./chunk-5AFMB7XQ.mjs";
+import "./chunk-NHDFPGQ3.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-RU4ZS47V.mjs";
+import "./chunk-N4O5FAUC.mjs";
+import "./chunk-7AX6R6G6.mjs";
 import {
   useSalesChannels
-} from "./chunk-FNQ227BC.mjs";
+} from "./chunk-N3FCYZV6.mjs";
 import "./chunk-3BF5SC66.mjs";
 import "./chunk-VCSSQVPD.mjs";
 import "./chunk-HP2JH45P.mjs";
@@ -86,11 +85,12 @@ import "./chunk-SQDIZZDW.mjs";
 import {
   productsQueryKeys,
   useDeleteProduct,
+  useDeleteProductOption,
   useDeleteVariantLazy,
   useProduct,
   useProductVariants,
   useUpdateProduct
-} from "./chunk-QW4SQVMT.mjs";
+} from "./chunk-LEJUZW3P.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";
@@ -107,7 +107,8 @@ var ProductDetailBreadcrumb = (props) => {
   const { product } = useProduct(
     id,
     {
-      fields: PRODUCT_DETAIL_FIELDS
+      // TODO: Remove exclusion once we avoid including unnecessary relations by default in the query config
+      fields: "-type,-collection,-options,-tags,-images,-variants,-sales_channels"
     },
     {
       initialData: props.data,
@@ -120,6 +121,12 @@ var ProductDetailBreadcrumb = (props) => {
   return /* @__PURE__ */ jsx("span", { children: product.title });
 };
 
+// src/routes/products/product-detail/constants.ts
+var PRODUCT_DETAIL_FIELDS = getLinkedFields(
+  "product",
+  "*categories,*shipping_profile,-variants"
+);
+
 // src/routes/products/product-detail/loader.ts
 var productDetailQuery = (id) => ({
   queryKey: productsQueryKeys.detail(id, { fields: PRODUCT_DETAIL_FIELDS }),
@@ -472,14 +479,31 @@ var getMedia = (product) => {
 };
 
 // src/routes/products/product-detail/components/product-option-section/product-option-section.tsx
-import { PencilSquare as PencilSquare4 } from "@medusajs/icons";
-import { Badge, Container as Container4, Heading as Heading4 } from "@medusajs/ui";
+import { PencilSquare as PencilSquare4, Plus, Trash as Trash2 } from "@medusajs/icons";
+import { Badge, Container as Container4, Heading as Heading4, usePrompt as usePrompt3 } from "@medusajs/ui";
 import { useTranslation as useTranslation4 } from "react-i18next";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var OptionActions = ({
+  product,
   option
 }) => {
   const { t } = useTranslation4();
+  const { mutateAsync } = useDeleteProductOption(product.id, option.id);
+  const prompt = usePrompt3();
+  const handleDelete = async () => {
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: t("products.options.deleteWarning", {
+        title: option.title
+      }),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) {
+      return;
+    }
+    await mutateAsync();
+  };
   return /* @__PURE__ */ jsx5(
     ActionMenu,
     {
@@ -488,10 +512,19 @@ var OptionActions = ({
           actions: [
             {
               label: t("actions.edit"),
-              to: `/product-options/${option.id}/edit`,
+              to: `options/${option.id}/edit`,
               icon: /* @__PURE__ */ jsx5(PencilSquare4, {})
             }
           ]
+        },
+        {
+          actions: [
+            {
+              label: t("actions.delete"),
+              onClick: handleDelete,
+              icon: /* @__PURE__ */ jsx5(Trash2, {})
+            }
+          ]
         }
       ]
     }
@@ -511,9 +544,9 @@ var ProductOptionSection = ({
             {
               actions: [
                 {
-                  label: t("actions.manage"),
-                  to: "options/manage",
-                  icon: /* @__PURE__ */ jsx5(PencilSquare4, {})
+                  label: t("actions.create"),
+                  to: "options/create",
+                  icon: /* @__PURE__ */ jsx5(Plus, {})
                 }
               ]
             }
@@ -526,18 +559,7 @@ var ProductOptionSection = ({
         SectionRow,
         {
           title: option.title,
-          value: option.values?.sort((a, b) => {
-            if (a.rank == null && b.rank == null) {
-              return 0;
-            }
-            if (a.rank == null) {
-              return 1;
-            }
-            if (b.rank == null) {
-              return -1;
-            }
-            return a.rank - b.rank;
-          }).map((val) => {
+          value: option.values?.map((val) => {
             return /* @__PURE__ */ jsx5(
               Badge,
               {
@@ -548,7 +570,7 @@ var ProductOptionSection = ({
               val.value
             );
           }),
-          actions: /* @__PURE__ */ jsx5(OptionActions, { option })
+          actions: /* @__PURE__ */ jsx5(OptionActions, { product, option })
         },
         option.id
       );
@@ -737,7 +759,7 @@ var ProductSalesChannelSection = ({
 };
 
 // src/routes/products/product-detail/components/product-variant-section/product-variant-section.tsx
-import { Buildings, Component, PencilSquare as PencilSquare7, Trash as Trash2 } from "@medusajs/icons";
+import { Buildings, Component, PencilSquare as PencilSquare7, Trash as Trash3 } from "@medusajs/icons";
 import {
   Badge as Badge3,
   clx as clx2,
@@ -746,7 +768,7 @@ import {
   createDataTableCommandHelper,
   createDataTableFilterHelper,
   Tooltip as Tooltip4,
-  usePrompt as usePrompt3
+  usePrompt as usePrompt4
 } from "@medusajs/ui";
 import { keepPreviousData } from "@tanstack/react-query";
 import { useCallback, useMemo } from "react";
@@ -839,7 +861,7 @@ var useColumns = (product) => {
   const { t } = useTranslation7();
   const navigate = useNavigate3();
   const { mutateAsync } = useDeleteVariantLazy(product.id);
-  const prompt = usePrompt3();
+  const prompt = usePrompt4();
   const [searchParams] = useSearchParams();
   const tableSearchParams = useMemo(() => {
     const filtered = new URLSearchParams();
@@ -916,7 +938,7 @@ var useColumns = (product) => {
       ];
       const secondaryActions = [
         {
-          icon: /* @__PURE__ */ jsx8(Trash2, {}),
+          icon: /* @__PURE__ */ jsx8(Trash3, {}),
           label: t("actions.delete"),
           onClick: () => handleDelete(variant.id, variant.title)
         }

package/dist/{product-edit-ZF2WYHPB.mjs → product-edit-N4VRGX43.mjs}

@@ -10,16 +10,15 @@ import {
   KeyboundForm
 } from "./chunk-6HTZNHPT.mjs";
 import {
-  RouteDrawer,
-  useRouteModal
-} from "./chunk-AERWK3TJ.mjs";
+  RouteDrawer
+} from "./chunk-XXBP2Z5M.mjs";
 import {
-  PRODUCT_DETAIL_FIELDS
-} from "./chunk-BWU3ZE4W.mjs";
+  useRouteModal
+} from "./chunk-42OOM4DJ.mjs";
 import {
   FormExtensionZone,
   useExtendableForm
-} from "./chunk-AGBHQZZT.mjs";
+} from "./chunk-GTPX2T3A.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";
@@ -29,7 +28,7 @@ import "./chunk-D3YQN7HV.mjs";
 import "./chunk-PMA2D6IL.mjs";
 import "./chunk-MNXC6Q4F.mjs";
 import "./chunk-DG7J63J2.mjs";
-import "./chunk-M32MJOJN.mjs";
+import "./chunk-G4BWCU5P.mjs";
 import {
   useExtension
 } from "./chunk-C5P5PL3E.mjs";
@@ -44,28 +43,28 @@ import "./chunk-SUYYSKCB.mjs";
 import {
   Form
 } from "./chunk-OBQI23QM.mjs";
-import "./chunk-NTYLG6Y3.mjs";
+import "./chunk-QPKW37WR.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-XIVBRONM.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-Y5UO73CH.mjs";
 import "./chunk-5AFMB7XQ.mjs";
+import "./chunk-NHDFPGQ3.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-RU4ZS47V.mjs";
+import "./chunk-N4O5FAUC.mjs";
+import "./chunk-7AX6R6G6.mjs";
+import "./chunk-N3FCYZV6.mjs";
 import "./chunk-3BF5SC66.mjs";
 import "./chunk-VCSSQVPD.mjs";
 import "./chunk-HP2JH45P.mjs";
@@ -73,7 +72,7 @@ import "./chunk-SQDIZZDW.mjs";
 import {
   useProduct,
   useUpdateProduct
-} from "./chunk-QW4SQVMT.mjs";
+} from "./chunk-LEJUZW3P.mjs";
 import "./chunk-FXYH54JP.mjs";
 import "./chunk-774WSTCC.mjs";
 import "./chunk-NFEK63OE.mjs";
@@ -293,7 +292,8 @@ var ProductEdit = () => {
   const { id } = useParams();
   const { t } = useTranslation2();
   const { product, isLoading, isError, error } = useProduct(id, {
-    fields: PRODUCT_DETAIL_FIELDS
+    // TODO: Remove exclusion once we avoid including unnecessary relations by default in the query config
+    fields: "-type,-collection,-options,-tags,-images,-variants,-sales_channels"
   });
   if (isError) {
     throw error;