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

package/dist/{workflow-execution-detail-D26MDYFC.mjs → workflow-execution-detail-D5QUZFTV.mjs}

@@ -10,43 +10,46 @@ import {
 import {
   JsonViewSection,
   SingleColumnPage
-} from "./chunk-2RQLKDBF.mjs";
+} from "./chunk-GIZFNLKK.mjs";
 import {
   useExtension
 } from "./chunk-C5P5PL3E.mjs";
 import {
   SingleColumnPageSkeleton
 } from "./chunk-LPEUYMRK.mjs";
-import "./chunk-CLRTJ6DI.mjs";
+import {
+  useDocumentDirection
+} from "./chunk-S4DMV3ZT.mjs";
+import "./chunk-KXRW6JRE.mjs";
 import "./chunk-KOSCMAIC.mjs";
-import "./chunk-UAZEQNCO.mjs";
-import "./chunk-LDJKJLBJ.mjs";
+import "./chunk-X6DSNTTX.mjs";
+import "./chunk-I6E6CALJ.mjs";
 import "./chunk-B4GODIOW.mjs";
-import "./chunk-F6IJV2I2.mjs";
+import "./chunk-N4N4KGET.mjs";
 import {
   useWorkflowExecution,
   workflowExecutionsQueryKeys
 } from "./chunk-QTCZFYFH.mjs";
 import "./chunk-ENV6YVOM.mjs";
 import "./chunk-PIR2H25N.mjs";
-import "./chunk-RLY2SL5E.mjs";
 import "./chunk-C5LYZZZ5.mjs";
+import "./chunk-RLY2SL5E.mjs";
 import "./chunk-2ZKVRTBW.mjs";
-import "./chunk-4GJJIXM6.mjs";
-import "./chunk-YS65UGPC.mjs";
+import "./chunk-XYHXWLTJ.mjs";
 import "./chunk-F6PXCY3N.mjs";
-import "./chunk-3OHH43G6.mjs";
-import "./chunk-G2H6MAK7.mjs";
+import "./chunk-IXZVR3HG.mjs";
+import "./chunk-R2G2B47Y.mjs";
 import "./chunk-GRT22PE5.mjs";
 import "./chunk-32IQRUVY.mjs";
-import "./chunk-RWU2ZKWZ.mjs";
-import "./chunk-FVC7M755.mjs";
-import "./chunk-ZJ3OFMHB.mjs";
-import "./chunk-PNU5HPGY.mjs";
+import "./chunk-WTK7SR6S.mjs";
+import "./chunk-6XWHQ6ON.mjs";
+import "./chunk-MQALAB34.mjs";
+import "./chunk-OGAZYXOV.mjs";
+import "./chunk-KX4P5L3R.mjs";
 import "./chunk-V2LANK5S.mjs";
 import "./chunk-QZ6PT4QV.mjs";
 import "./chunk-QL4XKIVL.mjs";
-import "./chunk-6I62UDJA.mjs";
+import "./chunk-4BGVSXZZ.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";
@@ -54,7 +57,7 @@ import "./chunk-774WSTCC.mjs";
 import {
   sdk
 } from "./chunk-DEQUVHHE.mjs";
-import "./chunk-GH77ZQI2.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
 
 // src/routes/workflow-executions/workflow-execution-detail/breadcrumb.tsx
 import { jsx } from "react/jsx-runtime";
@@ -492,6 +495,7 @@ var Canvas = ({
 }) => {
   const [zoom, setZoom] = useState2(1);
   const [isDragging, setIsDragging] = useState2(false);
+  const direction = useDocumentDirection();
   const scale = useMotionValue(defaultState.scale);
   const x = useMotionValue(defaultState.x);
   const y = useMotionValue(defaultState.y);
@@ -587,7 +591,7 @@ var Canvas = ({
             children: /* @__PURE__ */ jsx5(PlusMini, {})
           }
         ),
-        /* @__PURE__ */ jsx5("div", { children: /* @__PURE__ */ jsxs3(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx5("div", { children: /* @__PURE__ */ jsxs3(DropdownMenu, { dir: direction, children: [
           /* @__PURE__ */ jsx5(DropdownMenu.Trigger, { className: "disabled:text-ui-fg-disabled transition-fg hover:bg-ui-bg-base-hover active:bg-ui-bg-base-pressed focus-visible:bg-ui-bg-base-pressed flex w-[50px] items-center justify-center border-r p-1 outline-none", children: /* @__PURE__ */ jsxs3(
             Text3,
             {

package/dist/{workflow-execution-list-FKIKX7HK.mjs → workflow-execution-list-JOVBPL45.mjs}

@@ -9,30 +9,29 @@ import "./chunk-LQTHYS2Z.mjs";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-O6K7WXYN.mjs";
-import "./chunk-YEDAFXMB.mjs";
-import "./chunk-AOFGTNG6.mjs";
+} from "./chunk-PJ5EUKOB.mjs";
+import "./chunk-HQKGZADC.mjs";
 import "./chunk-EMIHDNB7.mjs";
-import "./chunk-CIE5NZAY.mjs";
-import "./chunk-M3VFKDXJ.mjs";
+import "./chunk-FKIOYL3D.mjs";
 import {
   SingleColumnPage
-} from "./chunk-2RQLKDBF.mjs";
+} from "./chunk-GIZFNLKK.mjs";
 import {
   useQueryParams
 } from "./chunk-C76H5USB.mjs";
-import "./chunk-PWBTCXBJ.mjs";
+import "./chunk-PFKKVLZX.mjs";
 import {
   useExtension
 } from "./chunk-C5P5PL3E.mjs";
 import "./chunk-LPEUYMRK.mjs";
-import "./chunk-6UX3SSRT.mjs";
+import "./chunk-S4DMV3ZT.mjs";
+import "./chunk-67ORSRVT.mjs";
 import {
   useWorkflowExecutions
 } from "./chunk-QTCZFYFH.mjs";
 import "./chunk-774WSTCC.mjs";
 import "./chunk-DEQUVHHE.mjs";
-import "./chunk-GH77ZQI2.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
 
 // src/routes/workflow-executions/workflow-execution-list/components/workflow-execution-list-table/workflow-execution-list-table.tsx
 import { Container, Heading, Text } from "@medusajs/ui";

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@medusajs/dashboard",
-  "version": "3.0.0-snapshot-20250410112222",
+  "version": "3.0.0-snapshot-20251104011621",
   "scripts": {
     "generate:static": "node ./scripts/generate-currencies.js && prettier --write ./src/lib/currencies.ts",
     "dev": "vite",
-    "build": "tsup && node ./scripts/generate-types.js",
+    "build": "yarn run -T tsup && node ./scripts/generate-types.js",
     "build:preview": "vite build",
     "preview": "vite preview",
-    "test": "vitest --run",
+    "test": "../../../node_modules/.bin/vitest --run",
     "i18n:validate": "node ./scripts/i18n/validate-translation.js",
     "i18n:schema": "node ./scripts/i18n/generate-schema.js",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
@@ -17,9 +17,9 @@
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/app.mjs",
-      "require": "./dist/app.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/app.js"
     },
     "./css": {
       "import": "./dist/app.css",
@@ -40,58 +40,51 @@
   ],
   "dependencies": {
     "@ariakit/react": "^0.4.15",
+    "@babel/runtime": "^7.26.10",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "3.4.2",
-    "@medusajs/admin-shared": "3.0.0-snapshot-20250410112222",
-    "@medusajs/icons": "3.0.0-snapshot-20250410112222",
-    "@medusajs/js-sdk": "3.0.0-snapshot-20250410112222",
-    "@medusajs/ui": "4.0.8-snapshot-20250410112222",
+    "@medusajs/admin-shared": "3.0.0-snapshot-20251104011621",
+    "@medusajs/icons": "3.0.0-snapshot-20251104011621",
+    "@medusajs/js-sdk": "3.0.0-snapshot-20251104011621",
+    "@medusajs/ui": "4.0.27-snapshot-20251104011621",
+    "@radix-ui/react-dialog": "1.1.4",
+    "@radix-ui/react-dismissable-layer": "1.1.4",
     "@tanstack/react-query": "5.64.2",
     "@tanstack/react-table": "8.20.5",
     "@tanstack/react-virtual": "^3.8.3",
     "@uiw/react-json-view": "^2.0.0-alpha.17",
     "cmdk": "^0.2.0",
+    "copy-to-clipboard": "^3.3.3",
     "date-fns": "^3.6.0",
     "i18next": "23.7.11",
     "i18next-browser-languagedetector": "7.2.0",
     "i18next-http-backend": "2.4.2",
-    "lodash": "^4.17.21",
+    "lodash.debounce": "^4.0.8",
+    "lodash.isequal": "^4.5.0",
+    "lodash.set": "^4.3.2",
     "match-sorter": "^6.3.4",
     "motion": "^11.15.0",
-    "qs": "^6.12.0",
+    "qs": "^6.12.1",
     "radix-ui": "1.1.2",
-    "react": "^18.2.0",
+    "react": "^18.3.1",
     "react-country-flag": "^3.1.0",
     "react-currency-input-field": "^3.6.11",
-    "react-dom": "^18.2.0",
+    "react-dom": "^18.3.1",
     "react-helmet-async": "^2.0.5",
     "react-hook-form": "7.49.1",
     "react-i18next": "13.5.0",
     "react-jwt": "^1.2.0",
     "react-router-dom": "6.20.1",
-    "zod": "3.22.4"
+    "zod": "3.25.76"
   },
   "devDependencies": {
-    "@medusajs/admin-shared": "3.0.0-snapshot-20250410112222",
-    "@medusajs/admin-vite-plugin": "3.0.0-snapshot-20250410112222",
-    "@medusajs/types": "3.0.0-snapshot-20250410112222",
-    "@medusajs/ui-preset": "3.0.0-snapshot-20250410112222",
-    "@types/node": "^20.11.15",
-    "@types/react": "^18.2.79",
-    "@types/react-dom": "^18.2.25",
-    "@vitejs/plugin-react": "4.2.1",
-    "ajv": "^8.17.1",
-    "autoprefixer": "^10.4.17",
-    "postcss": "^8.4.33",
-    "prettier": "^3.1.1",
-    "tailwindcss": "^3.4.1",
-    "tsup": "^8.0.2",
-    "typescript": "5.2.2",
-    "vite": "^5.4.14",
-    "vite-plugin-inspect": "^0.8.7",
-    "vitest": "^3.0.5"
+    "@medusajs/admin-shared": "3.0.0-snapshot-20251104011621",
+    "@medusajs/admin-vite-plugin": "3.0.0-snapshot-20251104011621",
+    "@medusajs/types": "3.0.0-snapshot-20251104011621",
+    "@medusajs/ui-preset": "3.0.0-snapshot-20251104011621"
   },
   "packageManager": "yarn@3.2.1"
 }

package/src/app.tsx

@@ -3,6 +3,7 @@ import { DashboardPlugin } from "./dashboard-app/types"
 
 import displayModule from "virtual:medusa/displays"
 import formModule from "virtual:medusa/forms"
+import i18nModule from "virtual:medusa/i18n"
 import menuItemModule from "virtual:medusa/menu-items"
 import routeModule from "virtual:medusa/routes"
 import widgetModule from "virtual:medusa/widgets"
@@ -15,6 +16,7 @@ const localPlugin = {
   displayModule,
   formModule,
   menuItemModule,
+  i18nModule,
 }
 
 interface AppProps {

package/src/components/common/action-menu/action-menu.tsx

@@ -4,6 +4,7 @@ import { EllipsisHorizontal } from "@medusajs/icons"
 import { PropsWithChildren, ReactNode } from "react"
 import { Link } from "react-router-dom"
 import { ConditionalTooltip } from "../conditional-tooltip"
+import { useDocumentDirection } from "../../../hooks/use-document-direction"
 
 export type Action = {
   icon: ReactNode
@@ -38,6 +39,7 @@ export const ActionMenu = ({
   variant = "transparent",
   children,
 }: ActionMenuProps) => {
+  const direction = useDocumentDirection()
   const inner = children ?? (
     <IconButton size="small" variant={variant}>
       <EllipsisHorizontal />
@@ -45,7 +47,7 @@ export const ActionMenu = ({
   )
 
   return (
-    <DropdownMenu>
+    <DropdownMenu dir={direction}>
       <DropdownMenu.Trigger asChild>{inner}</DropdownMenu.Trigger>
       <DropdownMenu.Content>
         {groups.map((group, index) => {

package/src/components/common/customer-info/customer-info.tsx

@@ -93,7 +93,7 @@ const Contact = ({ data }: { data: HttpTypes.AdminOrder }) => {
             </Text>
 
             <div className="flex justify-end">
-              <Copy content={email} className="text-ui-fg-muted" />
+              <Copy content={phone} className="text-ui-fg-muted" />
             </div>
           </div>
         )}

package/src/components/common/infinite-list/infinite-list.tsx

@@ -77,6 +77,7 @@ export const InfiniteList = <
       startObserver.current = new IntersectionObserver(
         (entries) => {
           if (entries[0].isIntersecting && hasPreviousPage) {
+            startObserver.current?.disconnect()
             fetchPreviousPage()
           }
         },
@@ -88,6 +89,7 @@ export const InfiniteList = <
       endObserver.current = new IntersectionObserver(
         (entries) => {
           if (entries[0].isIntersecting && hasNextPage) {
+            endObserver.current?.disconnect()
             fetchNextPage()
           }
         },
@@ -97,8 +99,12 @@ export const InfiniteList = <
       )
 
       // Register the new observers to observe the new first and last children
-      startObserver.current?.observe(parentRef.current!.firstChild as Element)
-      endObserver.current?.observe(parentRef.current!.lastChild as Element)
+      if (parentRef.current?.firstChild) {
+        startObserver.current?.observe(parentRef.current.firstChild as Element)
+      }
+      if (parentRef.current?.lastChild) {
+        endObserver.current?.observe(parentRef.current.lastChild as Element)
+      }
     }
 
     // Clear the old observers

package/src/components/common/json-view-section/json-view-section.tsx

@@ -46,7 +46,10 @@ export const JsonViewSection = ({ data }: JsonViewSectionProps) => {
             <ArrowUpRightOnBox />
           </IconButton>
         </Drawer.Trigger>
-        <Drawer.Content className="bg-ui-contrast-bg-base text-ui-code-fg-subtle !shadow-elevation-commandbar overflow-hidden border border-none max-md:inset-x-2 max-md:max-w-[calc(100%-16px)]">
+        <Drawer.Content
+          dir="ltr"
+          className="bg-ui-contrast-bg-base text-ui-code-fg-subtle !shadow-elevation-commandbar overflow-hidden border border-none max-md:inset-x-2 max-md:max-w-[calc(100%-16px)]"
+        >
           <div className="bg-ui-code-bg-base flex items-center justify-between px-6 py-4">
             <div className="flex items-center gap-x-4">
               <Drawer.Title asChild>

package/src/components/common/sidebar-link/sidebar-link.tsx

@@ -37,7 +37,7 @@ export const SidebarLink = ({
               </Text>
             </div>
             <div className="flex size-7 items-center justify-center">
-              <TriangleRightMini className="text-ui-fg-muted" />
+              <TriangleRightMini className="text-ui-fg-muted rtl:rotate-180" />
             </div>
           </div>
         </div>

package/src/components/common/switch-box/switch-box.tsx

@@ -50,6 +50,8 @@ export const SwitchBox = <
             <div className="bg-ui-bg-component shadow-elevation-card-rest flex items-start gap-x-3 rounded-lg p-3">
               <Form.Control>
                 <Switch
+                  className="rtl:rotate-180"
+                  dir="ltr"
                   {...field}
                   checked={value}
                   onCheckedChange={(e) => {

package/src/components/data-grid/components/data-grid-root.tsx

@@ -29,6 +29,7 @@ import { FieldValues, UseFormReturn } from "react-hook-form"
 import { useTranslation } from "react-i18next"
 
 import { useCommandHistory } from "../../../hooks/use-command-history"
+import { useDocumentDirection } from "../../../hooks/use-document-direction"
 import { ConditionalTooltip } from "../../common/conditional-tooltip"
 import { DataGridContext } from "../context"
 import {
@@ -50,7 +51,7 @@ import { isCellMatch, isSpecialFocusKey } from "../utils"
 import { DataGridKeyboardShortcutModal } from "./data-grid-keyboard-shortcut-modal"
 export interface DataGridRootProps<
   TData,
-  TFieldValues extends FieldValues = FieldValues
+  TFieldValues extends FieldValues = FieldValues,
 > {
   data?: TData[]
   columns: ColumnDef<TData>[]
@@ -96,7 +97,7 @@ const getCommonPinningStyles = <TData,>(
 
 export const DataGridRoot = <
   TData,
-  TFieldValues extends FieldValues = FieldValues
+  TFieldValues extends FieldValues = FieldValues,
 >({
   data = [],
   columns,
@@ -700,6 +701,7 @@ const DataGridHeader = ({
   const [shortcutsOpen, setShortcutsOpen] = useState(false)
   const [columnsOpen, setColumnsOpen] = useState(false)
   const { t } = useTranslation()
+  const direction = useDocumentDirection()
 
   // Since all columns are checked by default, we can check if any column is unchecked
   const hasChanged = columnOptions.some((column) => !column.checked)
@@ -716,7 +718,11 @@ const DataGridHeader = ({
   return (
     <div className="bg-ui-bg-base flex items-center justify-between border-b p-4">
       <div className="flex items-center gap-x-2">
-        <DropdownMenu open={columnsOpen} onOpenChange={handleColumnsOpenChange}>
+        <DropdownMenu
+          dir={direction}
+          open={columnsOpen}
+          onOpenChange={handleColumnsOpenChange}
+        >
           <ConditionalTooltip
             showTooltip={isDisabled}
             content={t("dataGrid.columns.disabled")}

package/src/components/data-grid/components/data-grid-toggleable-number-cell.tsx

@@ -106,9 +106,10 @@ const OuterComponent = ({
     >
       <div className="absolute inset-y-0 left-4 z-[3] flex w-fit items-center justify-center">
         <Switch
+          dir="ltr"
           ref={buttonRef}
           size="small"
-          className="shrink-0"
+          className="shrink-0 rtl:rotate-180"
           checked={localValue.checked}
           disabled={localValue.disabledToggle}
           onCheckedChange={handleCheckedChange}

package/src/components/data-grid/hooks/use-data-grid-form-handlers.tsx

@@ -1,5 +1,4 @@
-import get from "lodash/get"
-import set from "lodash/set"
+import set from "lodash.set"
 import { useCallback } from "react"
 import { FieldValues, Path, PathValue, UseFormReturn } from "react-hook-form"
 
@@ -18,7 +17,7 @@ type UseDataGridFormHandlersOptions<TData, TFieldValues extends FieldValues> = {
 
 export const useDataGridFormHandlers = <
   TData,
-  TFieldValues extends FieldValues
+  TFieldValues extends FieldValues,
 >({
   matrix,
   form,
@@ -140,7 +139,7 @@ function convertToggleableNumber(value: any): {
 }
 
 function setValue<
-  T extends DataGridToggleableNumber = DataGridToggleableNumber
+  T extends DataGridToggleableNumber = DataGridToggleableNumber,
 >(
   currentValues: any,
   field: string,
@@ -162,7 +161,9 @@ function setValueToggleableNumber(
   newValue: DataGridToggleableNumber,
   isHistory?: boolean
 ) {
-  const currentValue = get(currentValues, field)
+  const currentValue = field
+    .split(".")
+    .reduce((obj, key) => obj?.[key], currentValues)
   const { disabledToggle } = currentValue
 
   const normalizeQuantity = (value: number | string | null | undefined) => {