@medusajs/dashboard 2.11.4-preview-20251106120154 → 2.11.4-preview-20251106180145

package/dist/{workflow-execution-list-AULV5YFO.mjs → workflow-execution-list-6UTBTVX4.mjs}

@@ -9,23 +9,23 @@ import "./chunk-LQTHYS2Z.mjs";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-43WSJSKM.mjs";
+} from "./chunk-YTN73JYH.mjs";
 import "./chunk-HQKGZADC.mjs";
 import "./chunk-EMIHDNB7.mjs";
-import "./chunk-CB3UMLV2.mjs";
+import "./chunk-GU5PJRPM.mjs";
 import {
   SingleColumnPage
 } from "./chunk-GIZFNLKK.mjs";
 import {
   useQueryParams
 } from "./chunk-C76H5USB.mjs";
-import "./chunk-3OGLDF4U.mjs";
+import "./chunk-DZWH2RV6.mjs";
 import {
   useExtension
 } from "./chunk-C5P5PL3E.mjs";
 import "./chunk-LPEUYMRK.mjs";
 import "./chunk-S4DMV3ZT.mjs";
-import "./chunk-MHC2COUJ.mjs";
+import "./chunk-SUYYSKCB.mjs";
 import {
   useWorkflowExecutions
 } from "./chunk-QTCZFYFH.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medusajs/dashboard",
-  "version": "2.11.4-preview-20251106120154",
+  "version": "2.11.4-preview-20251106180145",
   "scripts": {
     "generate:static": "node ./scripts/generate-currencies.js && prettier --write ./src/lib/currencies.ts",
     "dev": "vite",
@@ -46,10 +46,10 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "3.4.2",
-    "@medusajs/admin-shared": "2.11.4-preview-20251106120154",
-    "@medusajs/icons": "2.11.4-preview-20251106120154",
-    "@medusajs/js-sdk": "2.11.4-preview-20251106120154",
-    "@medusajs/ui": "4.0.28-preview-20251106120154",
+    "@medusajs/admin-shared": "2.11.4-preview-20251106180145",
+    "@medusajs/icons": "2.11.4-preview-20251106180145",
+    "@medusajs/js-sdk": "2.11.4-preview-20251106180145",
+    "@medusajs/ui": "4.0.28-preview-20251106180145",
     "@radix-ui/react-dialog": "1.1.4",
     "@radix-ui/react-dismissable-layer": "1.1.4",
     "@tanstack/react-query": "5.64.2",
@@ -81,10 +81,10 @@
     "zod": "3.25.76"
   },
   "devDependencies": {
-    "@medusajs/admin-shared": "2.11.4-preview-20251106120154",
-    "@medusajs/admin-vite-plugin": "2.11.4-preview-20251106120154",
-    "@medusajs/types": "2.11.4-preview-20251106120154",
-    "@medusajs/ui-preset": "2.11.4-preview-20251106120154"
+    "@medusajs/admin-shared": "2.11.4-preview-20251106180145",
+    "@medusajs/admin-vite-plugin": "2.11.4-preview-20251106180145",
+    "@medusajs/types": "2.11.4-preview-20251106180145",
+    "@medusajs/ui-preset": "2.11.4-preview-20251106180145"
   },
   "packageManager": "yarn@3.2.1"
 }

package/src/components/common/file-upload/file-upload.tsx

@@ -8,21 +8,30 @@ export interface FileType {
   file: File
 }
 
+export interface RejectedFile {
+  file: File
+  reason: "size" | "format"
+}
+
 export interface FileUploadProps {
   label: string
   multiple?: boolean
   hint?: string
   hasError?: boolean
   formats: string[]
-  onUploaded: (files: FileType[]) => void
+  maxFileSize?: number // in bytes, defaults to 1MB. Set to Infinity to disable.
+  onUploaded: (files: FileType[], rejectedFiles?: RejectedFile[]) => void
 }
 
+const DEFAULT_MAX_FILE_SIZE = 1024 * 1024 // 1MB
+
 export const FileUpload = ({
   label,
   hint,
   multiple = true,
   hasError,
   formats,
+  maxFileSize = DEFAULT_MAX_FILE_SIZE,
   onUploaded,
 }: FileUploadProps) => {
   const [isDragOver, setIsDragOver] = useState<boolean>(false)
@@ -65,18 +74,26 @@ export const FileUpload = ({
     }
 
     const fileList = Array.from(files)
-    const fileObj = fileList.map((file) => {
-      const id = Math.random().toString(36).substring(7)
+    const validFiles: FileType[] = []
+    const rejectedFiles: RejectedFile[] = []
+    const normalizedMaxFileSize = Math.min(maxFileSize, Infinity)
+
+    fileList.forEach((file) => {
+      if (file.size > normalizedMaxFileSize) {
+        rejectedFiles.push({ file, reason: "size" })
+        return
+      }
 
+      const id = Math.random().toString(36).substring(7)
       const previewUrl = URL.createObjectURL(file)
-      return {
+      validFiles.push({
         id: id,
         url: previewUrl,
         file,
-      }
+      })
     })
 
-    onUploaded(fileObj)
+    onUploaded(validFiles, rejectedFiles)
   }
 
   const handleDrop = (event: DragEvent) => {

package/src/components/layout/main-layout/main-layout.tsx

@@ -348,6 +348,7 @@ const ExtensionRouteSection = () => {
                     label={item.label}
                     icon={item.icon ? item.icon : <SquaresPlus />}
                     items={item.items}
+                    translationNs={item.translationNs}
                     type="extension"
                   />
                 )

package/src/components/layout/nav-item/nav-item.tsx

@@ -17,6 +17,7 @@ type ItemType = "core" | "extension" | "setting"
 type NestedItemProps = {
   label: string
   to: string
+  translationNs?: string
 }
 
 export type INavItem = {
@@ -27,6 +28,7 @@ export type INavItem = {
   type?: ItemType
   from?: string
   nested?: string
+  translationNs?: string
 }
 
 const BASE_NAV_LINK_CLASSES =
@@ -90,10 +92,15 @@ export const NavItem = ({
   items,
   type = "core",
   from,
+  translationNs,
 }: INavItem) => {
+  const { t } = useTranslation(translationNs as any)
   const { pathname } = useLocation()
   const [open, setOpen] = useState(getIsOpen(to, items, pathname))
 
+  // Use translation if translationNs is provided, otherwise use label as-is
+  const displayLabel: string = translationNs ? t(label) : label
+
   useEffect(() => {
     setOpen(getIsOpen(to, items, pathname))
   }, [pathname, to, items])
@@ -150,7 +157,7 @@ export const NavItem = ({
             </div>
           )}
           <Text size="small" weight="plus" leading="compact">
-            {label}
+            {displayLabel}
           </Text>
         </NavLink>
       </NavItemTooltip>
@@ -166,7 +173,7 @@ export const NavItem = ({
               <Icon icon={icon} type={type} />
             </div>
             <Text size="small" weight="plus" leading="compact">
-              {label}
+              {displayLabel}
             </Text>
           </RadixCollapsible.Trigger>
           <RadixCollapsible.Content>
@@ -189,12 +196,15 @@ export const NavItem = ({
                       }}
                     >
                       <Text size="small" weight="plus" leading="compact">
-                        {label}
+                        {displayLabel}
                       </Text>
                     </NavLink>
                   </NavItemTooltip>
                 </li>
                 {items.map((item) => {
+                  const { t: itemT } = useTranslation(item.translationNs as any)
+                  const itemLabel: string = item.translationNs ? itemT(item.label) : item.label
+
                   return (
                     <li key={item.to} className="flex h-7 items-center">
                       <NavItemTooltip to={item.to}>
@@ -213,7 +223,7 @@ export const NavItem = ({
                           }}
                         >
                           <Text size="small" weight="plus" leading="compact">
-                            {item.label}
+                            {itemLabel}
                           </Text>
                         </NavLink>
                       </NavItemTooltip>

package/src/dashboard-app/dashboard-app.tsx

@@ -187,6 +187,7 @@ export class DashboardApp {
         icon: item.icon ? <item.icon /> : undefined,
         items: [],
         nested: item.nested,
+        translationNs: item.translationNs,
       }
 
       if (parentPath !== "/" && tempRegistry[parentPath]) {

package/src/dashboard-app/types.ts

@@ -24,6 +24,7 @@ export type MenuItemExtension = {
   path: string
   icon?: ComponentType
   nested?: NestedRoutePosition
+  translationNs?: string
 }
 
 export type WidgetExtension = {

package/src/i18n/languages.ts

@@ -1,34 +1,34 @@
 import {
-  de,
+  ar,
   bg,
+  bs,
+  cs,
+  de,
+  el,
   enUS,
   es,
+  faIR,
   fr,
   he,
+  hu,
+  id,
   it,
   ja,
+  ko,
+  lt,
+  mk,
+  mn,
+  nl,
   pl,
+  pt,
   ptBR,
-  ptPT,
+  ro,
+  ru,
   th,
   tr,
   uk,
-  ro,
-  mk,
-  mn,
-  ar,
-  zhCN,
-  faIR,
-  cs,
-  ru,
-  el,
-  lt,
   vi,
-  ko,
-  nl,
-  hu,
-  bs,
-  id,
+  zhCN,
 } from "date-fns/locale"
 import { Language } from "./types"
 
@@ -115,7 +115,7 @@ export const languages: Language[] = [
     code: "ptPT",
     display_name: "Português (Portugal)",
     ltr: true,
-    date_locale: ptPT,
+    date_locale: pt,
   },
   {
     code: "tr",

package/src/i18n/translations/$schema.json

@@ -1935,6 +1935,9 @@
             "invalidFileType": {
               "type": "string"
             },
+            "fileTooLarge": {
+              "type": "string"
+            },
             "failedToUpload": {
               "type": "string"
             },

package/src/i18n/translations/en.json

@@ -513,6 +513,7 @@
       "uploadImagesLabel": "Upload images",
       "uploadImagesHint": "Drag and drop images here or click to upload.",
       "invalidFileType": "'{{name}}' is not a supported file type. Supported file types are: {{types}}.",
+      "fileTooLarge": "'{{name}}' exceeds the maximum file size of {{size}}. Please upload a smaller file.",
       "failedToUpload": "Failed to upload the added media. Please try again.",
       "deleteWarning_one": "You are about to delete {{count}} image. This action cannot be undone.",
       "deleteWarning_other": "You are about to delete {{count}} images. This action cannot be undone.",

package/src/routes/products/common/components/upload-media-form-item/upload-media-form-item.tsx

@@ -5,6 +5,7 @@ import { z } from "zod"
 import {
   FileType,
   FileUpload,
+  RejectedFile,
 } from "../../../../../components/common/file-upload"
 import { Form } from "../../../../../components/common/form"
 import { MediaSchema } from "../../../product-create/constants"
@@ -47,11 +48,13 @@ export const UploadMediaFormItem = ({
   const { t } = useTranslation()
 
   const hasInvalidFiles = useCallback(
-    (fileList: FileType[]) => {
+    (fileList: FileType[] = [], rejectedFiles: RejectedFile[] = []) => {
       const invalidFile = fileList.find(
-        (f) => !SUPPORTED_FORMATS.includes(f.file.type)
+        (f) => !SUPPORTED_FORMATS.includes(f?.file?.type)
       )
 
+      let hasInvalidFile = false;
+
       if (invalidFile) {
         form.setError("media", {
           type: "invalid_file",
@@ -61,22 +64,37 @@ export const UploadMediaFormItem = ({
           }),
         })
 
-        return true
+        hasInvalidFile = true;
+      }
+
+      const fileSizeRejections = rejectedFiles.filter((f) => f?.reason === "size")
+
+      if (fileSizeRejections.length) {
+        const fileNames = fileSizeRejections.map((f) => f.file.name).join(", ")
+        form.setError("media", {
+          type: "file_too_large",
+          message: t("products.media.fileTooLarge", {
+            name: fileNames,
+            size: "1MB",
+          }),
+        })
+
+        hasInvalidFile = true;
       }
 
-      return false
+      return hasInvalidFile;
     },
     [form, t]
   )
 
   const onUploaded = useCallback(
-    (files: FileType[]) => {
+    (files: FileType[] = [], rejectedFiles: RejectedFile[] = []) => {
       form.clearErrors("media")
-      if (hasInvalidFiles(files)) {
+      if (hasInvalidFiles(files, rejectedFiles)) {
         return
       }
 
-      files.forEach((f) => append({ ...f, isThumbnail: false }))
+      files?.forEach((f) => append({ ...f, isThumbnail: false }))
     },
     [form, append, hasInvalidFiles]
   )

package/src/routes/products/product-import/components/upload-import.tsx

@@ -48,6 +48,7 @@ export const UploadImport = ({
           }
           onUploaded(files[0].file)
         }}
+        maxFileSize={Infinity}
       />
 
       {error && (