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

package/dist/{product-metadata-LMDEXR3V.mjs → product-metadata-WCKNOZXX.mjs}

@@ -8,28 +8,28 @@ import "./chunk-LPEUYMRK.mjs";
 import "./chunk-OC7BQLYI.mjs";
 import "./chunk-S4DMV3ZT.mjs";
 import "./chunk-OBQI23QM.mjs";
-import "./chunk-KXRW6JRE.mjs";
+import "./chunk-WOFUOGLO.mjs";
 import "./chunk-KOSCMAIC.mjs";
+import "./chunk-WWQZD7WM.mjs";
 import "./chunk-X6DSNTTX.mjs";
 import "./chunk-I6E6CALJ.mjs";
-import "./chunk-B4GODIOW.mjs";
-import "./chunk-N4N4KGET.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-XYHXWLTJ.mjs";
+import "./chunk-GBKLLUUX.mjs";
+import "./chunk-P5RVJWPK.mjs";
 import "./chunk-F6PXCY3N.mjs";
-import "./chunk-IXZVR3HG.mjs";
 import "./chunk-R2G2B47Y.mjs";
 import "./chunk-GRT22PE5.mjs";
 import "./chunk-32IQRUVY.mjs";
-import "./chunk-WTK7SR6S.mjs";
-import "./chunk-6XWHQ6ON.mjs";
-import "./chunk-MQALAB34.mjs";
-import "./chunk-OGAZYXOV.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";
@@ -37,7 +37,7 @@ import "./chunk-QL4XKIVL.mjs";
 import {
   useProduct,
   useUpdateProduct
-} from "./chunk-4BGVSXZZ.mjs";
+} from "./chunk-GVPJPLE2.mjs";
 import "./chunk-FXYH54JP.mjs";
 import "./chunk-774WSTCC.mjs";
 import "./chunk-DEQUVHHE.mjs";

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

@@ -0,0 +1,336 @@
+import {
+  ChipInput
+} from "./chunk-XDJ7OMBR.mjs";
+import {
+  SortableList
+} from "./chunk-ZHH3W7CN.mjs";
+import "./chunk-IUCDCPJU.mjs";
+import {
+  KeyboundForm
+} from "./chunk-6HTZNHPT.mjs";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-AERWK3TJ.mjs";
+import {
+  useDocumentDirection
+} from "./chunk-S4DMV3ZT.mjs";
+import {
+  Form
+} from "./chunk-OBQI23QM.mjs";
+import {
+  useCreateProductOption
+} 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 "./chunk-GVPJPLE2.mjs";
+import "./chunk-FXYH54JP.mjs";
+import "./chunk-774WSTCC.mjs";
+import "./chunk-DEQUVHHE.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/routes/product-options/product-option-create/components/create-product-option-form/create-product-option-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, ProgressTabs, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useState } from "react";
+
+// src/routes/product-options/product-option-create/components/create-product-option-form/create-product-option-details.tsx
+import { Heading, Input, Text } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CreateProductOptionDetails = ({
+  form
+}) => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Heading, { children: t("productOptions.create.header") }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t("productOptions.create.hint") })
+    ] }),
+    /* @__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-create/components/create-product-option-form/create-product-option-organize.tsx
+import { Text as Text2 } from "@medusajs/ui";
+import { useMemo } from "react";
+import { useWatch } from "react-hook-form";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var CreateProductOptionOrganize = ({
+  form
+}) => {
+  const values = useWatch({
+    control: form.control,
+    name: "values"
+  });
+  const valueRanks = useWatch({
+    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(Text2, { size: "small", children: item.value })
+          ] })
+        }
+      )
+    }
+  );
+};
+
+// src/routes/product-options/product-option-create/components/create-product-option-form/schema.ts
+import { z } from "zod";
+var CreateProductOptionDetailsSchema = z.object({
+  title: z.string().min(1),
+  values: z.array(z.string()).min(1, "At least one value is required")
+});
+var CreateProductOptionSchema = z.object({
+  value_ranks: z.record(z.string(), z.number()).optional()
+}).merge(CreateProductOptionDetailsSchema);
+
+// src/routes/product-options/product-option-create/components/create-product-option-form/create-product-option-form.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var CreateProductOptionForm = () => {
+  const { t } = useTranslation2();
+  const { handleSuccess } = useRouteModal();
+  const direction = useDocumentDirection();
+  const [activeTab, setActiveTab] = useState("details" /* DETAILS */);
+  const [validDetails, setValidDetails] = useState(false);
+  const form = useForm({
+    defaultValues: {
+      title: "",
+      values: [],
+      value_ranks: {}
+    },
+    resolver: zodResolver(CreateProductOptionSchema)
+  });
+  const handleTabChange = (tab) => {
+    if (tab === "organize" /* ORGANIZE */) {
+      const { title, values } = form.getValues();
+      const result = CreateProductOptionDetailsSchema.safeParse({
+        title,
+        values
+      });
+      if (!result.success) {
+        result.error.errors.forEach((error) => {
+          form.setError(
+            error.path.join("."),
+            {
+              type: "manual",
+              message: error.message
+            }
+          );
+        });
+        return;
+      }
+      form.clearErrors();
+      setValidDetails(true);
+    }
+    setActiveTab(tab);
+  };
+  const { mutateAsync, isPending } = useCreateProductOption();
+  const handleSubmit = form.handleSubmit((data) => {
+    const { title, values, value_ranks } = data;
+    mutateAsync(
+      {
+        title,
+        values,
+        ranks: value_ranks
+      },
+      {
+        onSuccess: ({ product_option }) => {
+          toast.success(
+            t("productOptions.create.successToast", {
+              title: product_option.title
+            })
+          );
+          handleSuccess(`/product-options/${product_option.id}`);
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  const organizeStatus = form.getFieldState("value_ranks")?.isDirty || activeTab === "organize" /* ORGANIZE */ ? "in-progress" : "not-started";
+  const detailsStatus = validDetails ? "completed" : "in-progress";
+  return /* @__PURE__ */ jsx3(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsx3(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex size-full flex-col overflow-hidden",
+      children: /* @__PURE__ */ jsxs3(
+        ProgressTabs,
+        {
+          dir: direction,
+          value: activeTab,
+          onValueChange: (tab) => handleTabChange(tab),
+          className: "flex size-full flex-col",
+          children: [
+            /* @__PURE__ */ jsx3(RouteFocusModal.Header, { children: /* @__PURE__ */ jsx3("div", { className: "flex w-full items-center justify-between", children: /* @__PURE__ */ jsx3("div", { className: "-my-2 w-full max-w-[400px] border-l", children: /* @__PURE__ */ jsxs3(ProgressTabs.List, { className: "grid w-full grid-cols-2", children: [
+              /* @__PURE__ */ jsx3(
+                ProgressTabs.Trigger,
+                {
+                  value: "details" /* DETAILS */,
+                  status: detailsStatus,
+                  className: "w-full min-w-0 overflow-hidden",
+                  children: /* @__PURE__ */ jsx3("span", { className: "truncate", children: t("productOptions.create.tabs.details") })
+                }
+              ),
+              /* @__PURE__ */ jsx3(
+                ProgressTabs.Trigger,
+                {
+                  value: "organize" /* ORGANIZE */,
+                  status: organizeStatus,
+                  className: "w-full min-w-0 overflow-hidden",
+                  children: /* @__PURE__ */ jsx3("span", { className: "truncate", children: t("productOptions.create.tabs.organize") })
+                }
+              )
+            ] }) }) }) }),
+            /* @__PURE__ */ jsxs3(RouteFocusModal.Body, { className: "flex size-full flex-col overflow-auto", children: [
+              /* @__PURE__ */ jsx3(ProgressTabs.Content, { value: "details" /* DETAILS */, children: /* @__PURE__ */ jsx3(CreateProductOptionDetails, { form }) }),
+              /* @__PURE__ */ jsx3(
+                ProgressTabs.Content,
+                {
+                  value: "organize" /* ORGANIZE */,
+                  className: "bg-ui-bg-subtle flex-1",
+                  children: /* @__PURE__ */ jsx3(CreateProductOptionOrganize, { form })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx3(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-end gap-x-2", children: [
+              /* @__PURE__ */ jsx3(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx3(Button, { size: "small", variant: "secondary", children: t("actions.cancel") }) }),
+              activeTab === "organize" /* ORGANIZE */ ? /* @__PURE__ */ jsx3(
+                Button,
+                {
+                  size: "small",
+                  variant: "primary",
+                  type: "submit",
+                  isLoading: isPending,
+                  children: t("actions.save")
+                },
+                "submit-btn"
+              ) : /* @__PURE__ */ jsx3(
+                Button,
+                {
+                  size: "small",
+                  variant: "primary",
+                  type: "button",
+                  onClick: () => handleTabChange("organize" /* ORGANIZE */),
+                  children: t("actions.continue")
+                },
+                "continue-btn"
+              )
+            ] }) })
+          ]
+        }
+      )
+    }
+  ) });
+};
+
+// src/routes/product-options/product-option-create/product-option-create.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var ProductOptionCreate = () => {
+  return /* @__PURE__ */ jsx4(RouteFocusModal, { children: /* @__PURE__ */ jsx4(CreateProductOptionForm, {}) });
+};
+export {
+  ProductOptionCreate as Component
+};