@medusajs/dashboard 3.0.0-snapshot-20251216135612 → 3.0.0-snapshot-20260102125810

package/src/routes/translations/translations-edit/translations-edit.tsx

@@ -1,14 +1,14 @@
+import { keepPreviousData } from "@tanstack/react-query"
+import { useEffect } from "react"
 import { useNavigate, useSearchParams } from "react-router-dom"
+import { RouteFocusModal } from "../../../components/modals"
 import {
   useReferenceTranslations,
   useStore,
   useTranslationSettings,
 } from "../../../hooks/api"
-import { TranslationsEditForm } from "./components/translations-edit-form"
-import { useEffect } from "react"
-import { RouteFocusModal } from "../../../components/modals"
 import { useFeatureFlag } from "../../../providers/feature-flag-provider"
-import { keepPreviousData } from "@tanstack/react-query"
+import { TranslationsEditForm } from "./components/translations-edit-form"
 
 export const TranslationsEdit = () => {
   const isTranslationsEnabled = useFeatureFlag("translation")
@@ -41,15 +41,10 @@ export const TranslationsEdit = () => {
     isPending,
     isError,
     error,
-  } = useReferenceTranslations(
-    reference!,
-    translatable_fields?.[reference!] ?? [],
-    referenceIdParam,
-    {
-      enabled: !!translatable_fields && !!reference,
-      placeholderData: keepPreviousData,
-    }
-  )
+  } = useReferenceTranslations(reference!, referenceIdParam, {
+    enabled: !!reference,
+    placeholderData: keepPreviousData,
+  })
   const {
     store,
     isPending: isStorePending,

package/dist/chunk-HGRIOEAR.mjs

@@ -1,32 +0,0 @@
-// src/hooks/use-infinite-list.tsx
-import {
-  useInfiniteQuery
-} from "@tanstack/react-query";
-var useInfiniteList = ({
-  queryKey,
-  queryFn,
-  query,
-  options
-}) => {
-  const { limit = 50, offset: _, ..._query } = query ?? {};
-  const resolvedQueryKey = typeof queryKey === "function" ? queryKey(_query) : queryKey;
-  const infiniteQueryKey = resolvedQueryKey[resolvedQueryKey.length - 1] === "__infinite" ? resolvedQueryKey : [...resolvedQueryKey, "__infinite"];
-  return useInfiniteQuery({
-    // Infinite queries must not share the exact same queryKey as non-infinite queries,
-    // since the cached data shape differs (InfiniteData<T> vs T).
-    queryKey: infiniteQueryKey,
-    queryFn: ({ pageParam = 0 }) => {
-      return queryFn({ ..._query, limit, offset: pageParam });
-    },
-    initialPageParam: 0,
-    getNextPageParam: (lastPage) => {
-      const moreItemsExist = lastPage.count > lastPage.offset + lastPage.limit;
-      return moreItemsExist ? lastPage.offset + lastPage.limit : void 0;
-    },
-    ...options
-  });
-};
-
-export {
-  useInfiniteList
-};

package/dist/chunk-XDJ7OMBR.mjs

@@ -1,160 +0,0 @@
-// src/components/inputs/chip-input/chip-input.tsx
-import { XMarkMini } from "@medusajs/icons";
-import { Badge, clx } from "@medusajs/ui";
-import { AnimatePresence, motion } from "motion/react";
-import {
-  forwardRef,
-  useImperativeHandle,
-  useRef,
-  useState
-} from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ChipInput = forwardRef(
-  ({
-    value,
-    onChange,
-    onBlur,
-    disabled,
-    name,
-    showRemove = true,
-    variant = "base",
-    allowDuplicates = false,
-    placeholder,
-    className
-  }, ref) => {
-    const innerRef = useRef(null);
-    const isControlledRef = useRef(typeof value !== "undefined");
-    const isControlled = isControlledRef.current;
-    const [uncontrolledValue, setUncontrolledValue] = useState([]);
-    useImperativeHandle(
-      ref,
-      () => innerRef.current
-    );
-    const [duplicateIndex, setDuplicateIndex] = useState(null);
-    const chips = isControlled ? value : uncontrolledValue;
-    const handleAddChip = (chip) => {
-      const cleanValue = chip.trim();
-      if (!cleanValue) {
-        return;
-      }
-      if (!allowDuplicates && chips.includes(cleanValue)) {
-        setDuplicateIndex(chips.indexOf(cleanValue));
-        setTimeout(() => {
-          setDuplicateIndex(null);
-        }, 300);
-        return;
-      }
-      onChange?.([...chips, cleanValue]);
-      if (!isControlled) {
-        setUncontrolledValue([...chips, cleanValue]);
-      }
-    };
-    const handleRemoveChip = (chip) => {
-      onChange?.(chips.filter((v) => v !== chip));
-      if (!isControlled) {
-        setUncontrolledValue(chips.filter((v) => v !== chip));
-      }
-    };
-    const handleBlur = (e) => {
-      onBlur?.();
-      if (e.target.value) {
-        handleAddChip(e.target.value);
-        e.target.value = "";
-      }
-    };
-    const handleKeyDown = (e) => {
-      if (e.key === "Enter" || e.key === ",") {
-        e.preventDefault();
-        if (!innerRef.current?.value) {
-          return;
-        }
-        handleAddChip(innerRef.current?.value ?? "");
-        innerRef.current.value = "";
-        innerRef.current?.focus();
-      }
-      if (e.key === "Backspace" && innerRef.current?.value === "") {
-        handleRemoveChip(chips[chips.length - 1]);
-      }
-    };
-    const shake = {
-      x: [0, -2, 2, -2, 2, 0],
-      transition: { duration: 0.3 }
-    };
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: clx(
-          "shadow-borders-base flex min-h-8 flex-wrap items-center gap-1 rounded-md px-2 py-1.5",
-          "transition-fg focus-within:shadow-borders-interactive-with-active",
-          "has-[input:disabled]:bg-ui-bg-disabled has-[input:disabled]:text-ui-fg-disabled has-[input:disabled]:cursor-not-allowed",
-          {
-            "bg-ui-bg-field-component hover:bg-ui-bg-field-component-hover": variant === "contrast",
-            "bg-ui-bg-field hover:bg-ui-bg-field-hover": variant === "base"
-          },
-          className
-        ),
-        tabIndex: -1,
-        onClick: () => innerRef.current?.focus(),
-        children: [
-          chips.map((v, index) => {
-            return /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsx(
-              Badge,
-              {
-                size: "2xsmall",
-                className: clx("gap-x-0.5 pl-1.5 pr-1.5", {
-                  "transition-fg pr-1": showRemove,
-                  "shadow-borders-focus": index === duplicateIndex
-                }),
-                asChild: true,
-                children: /* @__PURE__ */ jsxs(
-                  motion.div,
-                  {
-                    animate: index === duplicateIndex ? shake : void 0,
-                    children: [
-                      v,
-                      showRemove && /* @__PURE__ */ jsx(
-                        "button",
-                        {
-                          tabIndex: -1,
-                          type: "button",
-                          onClick: () => handleRemoveChip(v),
-                          className: clx(
-                            "text-ui-fg-subtle transition-fg outline-none"
-                          ),
-                          children: /* @__PURE__ */ jsx(XMarkMini, {})
-                        }
-                      )
-                    ]
-                  }
-                )
-              }
-            ) }, `${v}-${index}`);
-          }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              className: clx(
-                "caret-ui-fg-base text-ui-fg-base txt-compact-small flex-1 appearance-none bg-transparent",
-                "disabled:text-ui-fg-disabled disabled:cursor-not-allowed",
-                "focus:outline-none",
-                "placeholder:text-ui-fg-muted"
-              ),
-              onKeyDown: handleKeyDown,
-              onBlur: handleBlur,
-              disabled,
-              name,
-              ref: innerRef,
-              placeholder: chips.length === 0 ? placeholder : void 0,
-              autoComplete: "off"
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-ChipInput.displayName = "ChipInput";
-
-export {
-  ChipInput
-};

package/dist/login-VNOLI5YG.mjs

@@ -1,201 +0,0 @@
-import {
-  AvatarBox
-} from "./chunk-O333RR6K.mjs";
-import "./chunk-KIIT4BNH.mjs";
-import {
-  isFetchError
-} from "./chunk-ONB3JEHR.mjs";
-import {
-  useExtension
-} from "./chunk-C5P5PL3E.mjs";
-import {
-  Form
-} from "./chunk-OBQI23QM.mjs";
-import "./chunk-GRZSG4EP.mjs";
-import {
-  useSignInWithEmailPass
-} from "./chunk-I4OBEAOJ.mjs";
-import "./chunk-HI6URQ7H.mjs";
-import "./chunk-6CLQKVAU.mjs";
-import "./chunk-KI7TOXBR.mjs";
-import "./chunk-UJ2TMPV4.mjs";
-import "./chunk-23GTCEOV.mjs";
-import "./chunk-WAXMT4IY.mjs";
-import "./chunk-DYDGGABK.mjs";
-import "./chunk-LGNTHZ5Y.mjs";
-import "./chunk-CN7JXSGW.mjs";
-import "./chunk-5BQQRHQS.mjs";
-import "./chunk-HTCYX4VD.mjs";
-import "./chunk-5AFMB7XQ.mjs";
-import "./chunk-UWY5ZV66.mjs";
-import "./chunk-A63RZVX6.mjs";
-import "./chunk-HBXV7ENS.mjs";
-import "./chunk-CDORR33H.mjs";
-import "./chunk-4JQR6QNW.mjs";
-import "./chunk-FYWHE3W5.mjs";
-import "./chunk-OSHH5GAS.mjs";
-import "./chunk-2XTBDCGE.mjs";
-import "./chunk-3BF5SC66.mjs";
-import "./chunk-VCSSQVPD.mjs";
-import "./chunk-HP2JH45P.mjs";
-import "./chunk-SQDIZZDW.mjs";
-import "./chunk-Z6BFNHEO.mjs";
-import "./chunk-HGRIOEAR.mjs";
-import "./chunk-FXYH54JP.mjs";
-import "./chunk-774WSTCC.mjs";
-import "./chunk-NFEK63OE.mjs";
-import "./chunk-QZ7TP4HQ.mjs";
-
-// src/routes/login/login.tsx
-import { zodResolver } from "@hookform/resolvers/zod";
-import { Alert, Button, Heading, Hint, Input, Text } from "@medusajs/ui";
-import { useForm } from "react-hook-form";
-import { Trans, useTranslation } from "react-i18next";
-import { Link, useLocation, useNavigate } from "react-router-dom";
-import * as z from "zod";
-import { jsx, jsxs } from "react/jsx-runtime";
-var LoginSchema = z.object({
-  email: z.string().email(),
-  password: z.string()
-});
-var Login = () => {
-  const { t } = useTranslation();
-  const location = useLocation();
-  const navigate = useNavigate();
-  const { getWidgets } = useExtension();
-  const from = location.state?.from?.pathname || "/orders";
-  const form = useForm({
-    resolver: zodResolver(LoginSchema),
-    defaultValues: {
-      email: "",
-      password: ""
-    }
-  });
-  const { mutateAsync, isPending } = useSignInWithEmailPass();
-  const handleSubmit = form.handleSubmit(async ({ email, password }) => {
-    await mutateAsync(
-      {
-        email,
-        password
-      },
-      {
-        onError: (error) => {
-          if (isFetchError(error)) {
-            if (error.status === 401) {
-              form.setError("email", {
-                type: "manual",
-                message: error.message
-              });
-              return;
-            }
-          }
-          form.setError("root.serverError", {
-            type: "manual",
-            message: error.message
-          });
-        },
-        onSuccess: () => {
-          navigate(from, { replace: true });
-        }
-      }
-    );
-  });
-  const serverError = form.formState.errors?.root?.serverError?.message;
-  const validationError = form.formState.errors.email?.message || form.formState.errors.password?.message;
-  return /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-subtle flex min-h-dvh w-dvw items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "m-4 flex w-full max-w-[280px] flex-col items-center", children: [
-    /* @__PURE__ */ jsx(AvatarBox, {}),
-    /* @__PURE__ */ jsxs("div", { className: "mb-4 flex flex-col items-center", children: [
-      /* @__PURE__ */ jsx(Heading, { children: t("login.title") }),
-      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t("login.hint") })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-y-3", children: [
-      getWidgets("login.before").map((Component, i) => {
-        return /* @__PURE__ */ jsx(Component, {}, i);
-      }),
-      /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs(
-        "form",
-        {
-          onSubmit: handleSubmit,
-          className: "flex w-full flex-col gap-y-6",
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
-              /* @__PURE__ */ jsx(
-                Form.Field,
-                {
-                  control: form.control,
-                  name: "email",
-                  render: ({ field }) => {
-                    return /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-                      Input,
-                      {
-                        autoComplete: "email",
-                        ...field,
-                        className: "bg-ui-bg-field-component",
-                        placeholder: t("fields.email")
-                      }
-                    ) }) });
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Form.Field,
-                {
-                  control: form.control,
-                  name: "password",
-                  render: ({ field }) => {
-                    return /* @__PURE__ */ jsxs(Form.Item, { children: [
-                      /* @__PURE__ */ jsx(Form.Label, {}),
-                      /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-                        Input,
-                        {
-                          type: "password",
-                          autoComplete: "current-password",
-                          ...field,
-                          className: "bg-ui-bg-field-component",
-                          placeholder: t("fields.password")
-                        }
-                      ) })
-                    ] });
-                  }
-                }
-              )
-            ] }),
-            validationError && /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(Hint, { className: "inline-flex", variant: "error", children: validationError }) }),
-            serverError && /* @__PURE__ */ jsx(
-              Alert,
-              {
-                className: "bg-ui-bg-base items-center p-2",
-                dismissible: true,
-                variant: "error",
-                children: serverError
-              }
-            ),
-            /* @__PURE__ */ jsx(Button, { className: "w-full", type: "submit", isLoading: isPending, children: t("actions.continueWithEmail") })
-          ]
-        }
-      ) }),
-      getWidgets("login.after").map((Component, i) => {
-        return /* @__PURE__ */ jsx(Component, {}, i);
-      })
-    ] }),
-    /* @__PURE__ */ jsx("span", { className: "text-ui-fg-muted txt-small my-6", children: /* @__PURE__ */ jsx(
-      Trans,
-      {
-        i18nKey: "login.forgotPassword",
-        components: [
-          /* @__PURE__ */ jsx(
-            Link,
-            {
-              to: "/reset-password",
-              className: "text-ui-fg-interactive transition-fg hover:text-ui-fg-interactive-hover focus-visible:text-ui-fg-interactive-hover font-medium outline-none"
-            },
-            "reset-password-link"
-          )
-        ]
-      }
-    ) })
-  ] }) });
-};
-export {
-  Login as Component
-};

package/dist/product-create-option-7AOXAA4S.mjs

@@ -1,151 +0,0 @@
-import {
-  ChipInput
-} from "./chunk-XDJ7OMBR.mjs";
-import "./chunk-IUCDCPJU.mjs";
-import {
-  KeyboundForm
-} from "./chunk-6HTZNHPT.mjs";
-import {
-  RouteDrawer
-} from "./chunk-WVA4O7QS.mjs";
-import {
-  useRouteModal
-} from "./chunk-D6UW7URG.mjs";
-import {
-  Form
-} from "./chunk-OBQI23QM.mjs";
-import {
-  useCreateProductOption,
-  useProduct
-} from "./chunk-Z6BFNHEO.mjs";
-import "./chunk-HGRIOEAR.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
-};