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

package/dist/app.js

@@ -9480,7 +9480,9 @@ var init_en = __esm({
       },
       actions: {
         save: "Save",
+        saveChanges: "Save changes",
         saveAsDraft: "Save as draft",
+        saveAndClose: "Save and close",
         copy: "Copy",
         copied: "Copied",
         duplicate: "Duplicate",
@@ -11896,6 +11898,13 @@ var init_en = __esm({
         list: {
           metrics: "{{translated}} of {{total}} fields translated"
         },
+        edit: {
+          successToast: "Translations updated successfully",
+          unsavedChanges: {
+            title: "Unsaved translations",
+            description: "Don't lose your work. You have changes that haven't been saved yet"
+          }
+        },
         bulk: {
           header: "Translations Bulk Editor",
           mainColumn: "Locale"
@@ -11906,7 +11915,10 @@ var init_en = __esm({
           noLocalesTip: "Configure at least one locale to start translating your data"
         },
         completion: {
-          heading: "Translated strings"
+          heading: "Translated fields",
+          translated: "Translated",
+          toTranslate: "To be translated",
+          footer: "Languages"
         }
       },
       store: {
@@ -12782,7 +12794,9 @@ var init_es = __esm({
       },
       actions: {
         save: "Guardar",
+        saveChanges: "Guardar cambios",
         saveAsDraft: "Guardar como borrador",
+        saveAndClose: "Guardar y cerrar",
         copy: "Copiar",
         copied: "Copiado",
         duplicate: "Duplicar",
@@ -15120,13 +15134,23 @@ var init_es = __esm({
           header: "Editor de Traducciones en Masa",
           locale: "Idioma"
         },
+        edit: {
+          successToast: "Traducciones actualizadas exitosamente",
+          unsavedChanges: {
+            title: "Traducciones sin guardar",
+            description: "No pierdas tu trabajo. Tienes cambios que no han sido guardados a\xFAn"
+          }
+        },
         activeLocales: {
           heading: "Idiomas",
           subtitle: "Traducciones activas",
           noLocalesTip: "Configura al menos un idioma para empezar a traducir tu informaci\xF3n"
         },
         completion: {
-          heading: "Textos traducidos"
+          heading: "Textos traducidos",
+          translated: "Traducidos",
+          toTranslate: "Por traducir",
+          footer: "Idiomas"
         }
       },
       store: {
@@ -190704,17 +190728,20 @@ var init_translation_list_section = __esm({
 });
 
 // src/routes/translations/translation-list/components/translations-completion-section/translations-completion-section.tsx
-var import_ui451, import_react_i18next485, import_jsx_runtime687, TranslationsCompletionSection;
+var import_ui451, import_react304, import_react_i18next485, import_jsx_runtime687, TranslationsCompletionSection;
 var init_translations_completion_section = __esm({
   "src/routes/translations/translation-list/components/translations-completion-section/translations-completion-section.tsx"() {
     "use strict";
     import_ui451 = require("@medusajs/ui");
+    import_react304 = require("react");
     import_react_i18next485 = require("react-i18next");
     import_jsx_runtime687 = require("react/jsx-runtime");
     TranslationsCompletionSection = ({
-      statistics
+      statistics,
+      locales
     }) => {
       const { t: t5 } = (0, import_react_i18next485.useTranslation)();
+      const [hoveredLocale, setHoveredLocale] = (0, import_react304.useState)(null);
       const { translatedCount, totalCount } = Object.values(statistics).reduce(
         (acc, curr) => ({
           translatedCount: acc.translatedCount + curr.translated,
@@ -190724,6 +190751,39 @@ var init_translations_completion_section = __esm({
       );
       const percentage = totalCount > 0 ? translatedCount / totalCount * 100 : 0;
       const remaining = Math.max(0, totalCount - translatedCount);
+      const localeStats = (0, import_react304.useMemo)(() => {
+        const localeMap = /* @__PURE__ */ new Map();
+        locales.forEach((locale) => {
+          localeMap.set(locale.code, { translated: 0, expected: 0 });
+        });
+        Object.values(statistics).forEach((entityStats) => {
+          if (entityStats.by_locale) {
+            Object.entries(entityStats.by_locale).forEach(
+              ([localeCode, localeData]) => {
+                const existing = localeMap.get(localeCode);
+                if (existing) {
+                  existing.translated += localeData.translated;
+                  existing.expected += localeData.expected;
+                }
+              }
+            );
+          }
+        });
+        return locales.map((locale) => {
+          const stats = localeMap.get(locale.code) || { translated: 0, expected: 0 };
+          return {
+            code: locale.code,
+            name: locale.name,
+            translated: stats.translated,
+            toTranslate: Math.max(0, stats.expected - stats.translated),
+            total: stats.expected
+          };
+        });
+      }, [statistics, locales]);
+      const maxTotal = (0, import_react304.useMemo)(
+        () => Math.max(...localeStats.map((s) => s.total), 1),
+        [localeStats]
+      );
       return /* @__PURE__ */ (0, import_jsx_runtime687.jsxs)(import_ui451.Container, { className: "flex flex-col gap-y-3 px-6 py-4", children: [
         /* @__PURE__ */ (0, import_jsx_runtime687.jsxs)("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ (0, import_jsx_runtime687.jsx)(import_ui451.Heading, { children: t5("translations.completion.heading") }),
@@ -190776,6 +190836,108 @@ var init_translations_completion_section = __esm({
             " ",
             t5("general.remaining").toLowerCase()
           ] })
+        ] }),
+        localeStats.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime687.jsxs)("div", { className: "mt-4 flex flex-col gap-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime687.jsx)("div", { className: "flex h-32 w-full items-end gap-1", children: localeStats.map((locale) => {
+            const heightPercent = locale.total / maxTotal * 100;
+            const translatedPercent = locale.total > 0 ? locale.translated / locale.total * 100 : 0;
+            return /* @__PURE__ */ (0, import_jsx_runtime687.jsx)(
+              import_ui451.Tooltip,
+              {
+                open: hoveredLocale === locale.code,
+                content: /* @__PURE__ */ (0, import_jsx_runtime687.jsxs)("div", { className: "flex flex-col gap-y-1 p-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime687.jsx)(import_ui451.Text, { size: "small", weight: "plus", children: locale.name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime687.jsxs)("div", { className: "flex items-center justify-between", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime687.jsxs)("div", { className: "flex items-center gap-x-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime687.jsx)(
+                        "div",
+                        {
+                          className: "h-2 w-2 rounded-full",
+                          style: { backgroundColor: "var(--bg-interactive)" }
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime687.jsx)(
+                        import_ui451.Text,
+                        {
+                          size: "small",
+                          weight: "plus",
+                          className: "text-ui-fg-subtle",
+                          children: t5("translations.completion.translated")
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime687.jsx)(import_ui451.Text, { size: "small", weight: "plus", children: locale.translated })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime687.jsxs)("div", { className: "flex items-center gap-x-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime687.jsx)(
+                      "div",
+                      {
+                        className: "h-2 w-2 rounded-full",
+                        style: {
+                          backgroundColor: "var(--bg-interactive)",
+                          opacity: 0.3
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime687.jsx)(
+                      import_ui451.Text,
+                      {
+                        size: "small",
+                        weight: "plus",
+                        className: "text-ui-fg-subtle",
+                        children: t5("translations.completion.toTranslate")
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime687.jsx)(import_ui451.Text, { size: "small", weight: "plus", children: locale.toTranslate })
+                  ] })
+                ] }),
+                children: /* @__PURE__ */ (0, import_jsx_runtime687.jsxs)(
+                  "div",
+                  {
+                    className: "flex min-w-2 flex-1 cursor-pointer flex-col justify-end overflow-hidden rounded-t-sm transition-opacity",
+                    style: { height: `${heightPercent}%` },
+                    onMouseEnter: () => setHoveredLocale(locale.code),
+                    onMouseLeave: () => setHoveredLocale(null),
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime687.jsx)(
+                        "div",
+                        {
+                          className: "w-full rounded-t-sm",
+                          style: {
+                            height: `${100 - translatedPercent}%`,
+                            backgroundColor: "var(--bg-interactive)",
+                            opacity: 0.3,
+                            minHeight: locale.toTranslate > 0 ? "2px" : "0"
+                          }
+                        }
+                      ),
+                      translatedPercent > 0 && /* @__PURE__ */ (0, import_jsx_runtime687.jsx)(
+                        "div",
+                        {
+                          className: "mt-0.5 w-full rounded-sm",
+                          style: {
+                            height: `${translatedPercent}%`,
+                            backgroundColor: "var(--bg-interactive)",
+                            minHeight: locale.translated > 0 ? "2px" : "0"
+                          }
+                        }
+                      )
+                    ]
+                  }
+                )
+              },
+              locale.code
+            );
+          }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime687.jsx)(
+            import_ui451.Text,
+            {
+              size: "small",
+              weight: "plus",
+              className: "text-ui-fg-muted text-center",
+              children: t5("translations.completion.footer")
+            }
+          )
         ] })
       ] });
     };
@@ -190783,7 +190945,7 @@ var init_translations_completion_section = __esm({
 });
 
 // src/routes/translations/translation-list/translation-list.tsx
-var import_ui452, import_react_i18next486, import_react304, import_jsx_runtime688, TranslationList;
+var import_ui452, import_react_i18next486, import_react305, import_jsx_runtime688, TranslationList;
 var init_translation_list = __esm({
   "src/routes/translations/translation-list/translation-list.tsx"() {
     "use strict";
@@ -190795,7 +190957,7 @@ var init_translation_list = __esm({
     init_translation_list_section();
     init_translations_completion_section();
     init_skeleton2();
-    import_react304 = require("react");
+    import_react305 = require("react");
     import_jsx_runtime688 = require("react/jsx-runtime");
     TranslationList = () => {
       const { t: t5 } = (0, import_react_i18next486.useTranslation)();
@@ -190826,7 +190988,7 @@ var init_translation_list = __esm({
         throw error || translationSettingsError || translationStatisticsError;
       }
       const hasLocales = (store?.supported_locales ?? []).length > 0;
-      const translatableEntities = (0, import_react304.useMemo)(() => {
+      const translatableEntities = (0, import_react305.useMemo)(() => {
         if (!translatable_fields) {
           return [];
         }
@@ -190885,7 +191047,15 @@ var init_translation_list = __esm({
                   ) ?? []
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(TranslationsCompletionSection, { statistics: statistics ?? {} })
+              /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
+                TranslationsCompletionSection,
+                {
+                  statistics: statistics ?? {},
+                  locales: store?.supported_locales?.map(
+                    (supportedLocale) => supportedLocale.locale
+                  ) ?? []
+                }
+              )
             ] })
           ]
         }
@@ -191052,7 +191222,7 @@ function useTranslationsGridColumns({
   dynamicColumnWidth
 }) {
   const { t: t5 } = (0, import_react_i18next487.useTranslation)();
-  const columns = (0, import_react305.useMemo)(() => {
+  const columns = (0, import_react306.useMemo)(() => {
     const selectedLocaleData = availableLocales.find(
       (l) => l.locale_code === selectedLocale
     );
@@ -191130,13 +191300,13 @@ function useTranslationsGridColumns({
   ]);
   return columns;
 }
-var import_zod166, import_ui453, import_react305, import_react_hook_form144, import_react_i18next487, import_zod167, import_jsx_runtime689, LocaleTranslationSchema, EntityTranslationsSchema, TranslationsFormSchema, columnHelper93, FIELD_COLUMN_WIDTH, TranslationsEditForm;
+var import_zod166, import_ui453, import_react306, import_react_hook_form144, import_react_i18next487, import_zod167, import_jsx_runtime689, LocaleTranslationSchema, EntityTranslationsSchema, TranslationsFormSchema, columnHelper93, FIELD_COLUMN_WIDTH, TranslationsEditForm;
 var init_translations_edit_form = __esm({
   "src/routes/translations/translations-edit/components/translations-edit-form/translations-edit-form.tsx"() {
     "use strict";
     import_zod166 = require("@hookform/resolvers/zod");
     import_ui453 = require("@medusajs/ui");
-    import_react305 = require("react");
+    import_react306 = require("react");
     import_react_hook_form144 = require("react-hook-form");
     import_react_i18next487 = require("react-i18next");
     import_zod167 = require("zod");
@@ -191171,13 +191341,13 @@ var init_translations_edit_form = __esm({
     }) => {
       const { t: t5 } = (0, import_react_i18next487.useTranslation)();
       const { handleSuccess, setCloseOnEscape } = useRouteModal();
-      const containerRef = (0, import_react305.useRef)(null);
-      const [dynamicColumnWidth, setDynamicColumnWidth] = (0, import_react305.useState)(400);
-      (0, import_react305.useEffect)(() => {
+      const containerRef = (0, import_react306.useRef)(null);
+      const [dynamicColumnWidth, setDynamicColumnWidth] = (0, import_react306.useState)(400);
+      (0, import_react306.useEffect)(() => {
         const calculateColumnWidth = () => {
           if (containerRef.current) {
             const containerWidth = containerRef.current.offsetWidth;
-            const availableWidth = containerWidth - FIELD_COLUMN_WIDTH - 12;
+            const availableWidth = containerWidth - FIELD_COLUMN_WIDTH - 16;
             const columnWidth = Math.max(300, Math.floor(availableWidth / 2));
             setDynamicColumnWidth(columnWidth);
           }
@@ -191189,17 +191359,17 @@ var init_translations_edit_form = __esm({
         }
         return () => resizeObserver.disconnect();
       }, []);
-      const [selectedLocale, setSelectedLocale] = (0, import_react305.useState)(
+      const [selectedLocale, setSelectedLocale] = (0, import_react306.useState)(
         availableLocales[0]?.locale_code ?? ""
       );
-      const [showUnsavedPrompt, setShowUnsavedPrompt] = (0, import_react305.useState)(false);
-      const [pendingLocale, setPendingLocale] = (0, import_react305.useState)(null);
-      const entities = (0, import_react305.useMemo)(() => references, [references]);
-      const totalCount = (0, import_react305.useMemo)(
+      const [showUnsavedPrompt, setShowUnsavedPrompt] = (0, import_react306.useState)(false);
+      const [pendingLocale, setPendingLocale] = (0, import_react306.useState)(null);
+      const entities = (0, import_react306.useMemo)(() => references, [references]);
+      const totalCount = (0, import_react306.useMemo)(
         () => referenceCount * (translatableFields.length + 1),
         [referenceCount, translatableFields]
       );
-      const initialState = (0, import_react305.useRef)(
+      const initialState = (0, import_react306.useRef)(
         initTranslationsFormState(
           translations,
           entities,
@@ -191211,12 +191381,12 @@ var init_translations_edit_form = __esm({
         resolver: (0, import_zod166.zodResolver)(TranslationsFormSchema),
         defaultValues: initialState.current
       });
-      const rows = (0, import_react305.useMemo)(
+      const rows = (0, import_react306.useMemo)(
         () => buildTranslationRows(entities, translatableFields),
         [entities, translatableFields]
       );
       const { mutateAsync, isPending } = useBatchTranslations(entityType);
-      const handleLocaleChange = (0, import_react305.useCallback)(
+      const handleLocaleChange = (0, import_react306.useCallback)(
         (newLocale) => {
           if (newLocale === selectedLocale) {
             return;
@@ -191236,7 +191406,7 @@ var init_translations_edit_form = __esm({
         },
         [selectedLocale, form]
       );
-      const saveCurrentLocale = (0, import_react305.useCallback)(async () => {
+      const saveCurrentLocale = (0, import_react306.useCallback)(async () => {
         const currentValues = form.getValues();
         const payload = transformSingleLocaleToBatchPayload(
           currentValues,
@@ -191290,7 +191460,7 @@ var init_translations_edit_form = __esm({
           return false;
         }
       }, [form, entityType, selectedLocale, mutateAsync]);
-      const handleSaveAndSwitch = (0, import_react305.useCallback)(async () => {
+      const handleSaveAndSwitch = (0, import_react306.useCallback)(async () => {
         const success = await saveCurrentLocale();
         if (success && pendingLocale) {
           import_ui453.toast.success(
@@ -191303,19 +191473,15 @@ var init_translations_edit_form = __esm({
         setShowUnsavedPrompt(false);
         setPendingLocale(null);
       }, [saveCurrentLocale, pendingLocale, t5]);
-      const handleCancelSwitch = (0, import_react305.useCallback)(() => {
+      const handleCancelSwitch = (0, import_react306.useCallback)(() => {
         setShowUnsavedPrompt(false);
         setPendingLocale(null);
       }, []);
-      const handleSave = (0, import_react305.useCallback)(
+      const handleSave = (0, import_react306.useCallback)(
         async (closeOnSuccess = false) => {
           const success = await saveCurrentLocale();
           if (success) {
-            import_ui453.toast.success(
-              t5("translations.edit.successToast", {
-                defaultValue: "Translations updated successfully"
-              })
-            );
+            import_ui453.toast.success(t5("translations.edit.successToast"));
             if (closeOnSuccess) {
               handleSuccess();
             }
@@ -191330,9 +191496,6 @@ var init_translations_edit_form = __esm({
           entityType
         );
         if (payload.create.length === 0 && payload.update.length === 0 && payload.delete.length === 0) {
-          import_ui453.toast.info(
-            t5("translations.noChanges", { defaultValue: "No changes to save" })
-          );
           return;
         }
         const BATCH_SIZE = 150;
@@ -191438,7 +191601,7 @@ var init_translations_edit_form = __esm({
                     variant: "secondary",
                     onClick: () => handleSave(false),
                     isLoading: isPending,
-                    children: t5("actions.saveChanges", { defaultValue: "Save changes" })
+                    children: t5("actions.saveChanges")
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime689.jsx)(
@@ -191448,7 +191611,7 @@ var init_translations_edit_form = __esm({
                     type: "button",
                     onClick: () => handleSave(true),
                     isLoading: isPending,
-                    children: t5("actions.saveAndClose", { defaultValue: "Save and close" })
+                    children: t5("actions.saveAndClose")
                   }
                 )
               ] }) })
@@ -191457,12 +191620,8 @@ var init_translations_edit_form = __esm({
         ),
         /* @__PURE__ */ (0, import_jsx_runtime689.jsx)(import_ui453.Prompt, { open: showUnsavedPrompt, variant: "confirmation", children: /* @__PURE__ */ (0, import_jsx_runtime689.jsxs)(import_ui453.Prompt.Content, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime689.jsxs)(import_ui453.Prompt.Header, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime689.jsx)(import_ui453.Prompt.Title, { children: t5("translations.unsavedChanges.title", {
-              defaultValue: "Unsaved changes"
-            }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime689.jsx)(import_ui453.Prompt.Description, { children: t5("translations.unsavedChanges.description", {
-              defaultValue: "You have unsaved changes for this locale. Save them before switching?"
-            }) })
+            /* @__PURE__ */ (0, import_jsx_runtime689.jsx)(import_ui453.Prompt.Title, { children: t5("translations.edit.unsavedChanges.title") }),
+            /* @__PURE__ */ (0, import_jsx_runtime689.jsx)(import_ui453.Prompt.Description, { children: t5("translations.edit.unsavedChanges.description") })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime689.jsxs)(import_ui453.Prompt.Footer, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime689.jsx)(
@@ -191482,7 +191641,7 @@ var init_translations_edit_form = __esm({
                 onClick: handleSaveAndSwitch,
                 type: "button",
                 isLoading: isPending,
-                children: t5("actions.saveChanges", { defaultValue: "Save changes" })
+                children: t5("actions.saveChanges")
               }
             )
           ] })
@@ -191501,14 +191660,14 @@ var init_translations_edit_form2 = __esm({
 });
 
 // src/routes/translations/translations-edit/translations-edit.tsx
-var import_react_router_dom247, import_react306, import_react_query105, import_jsx_runtime690, TranslationsEdit;
+var import_react_router_dom247, import_react307, import_react_query105, import_jsx_runtime690, TranslationsEdit;
 var init_translations_edit = __esm({
   "src/routes/translations/translations-edit/translations-edit.tsx"() {
     "use strict";
     import_react_router_dom247 = require("react-router-dom");
     init_api();
     init_translations_edit_form2();
-    import_react306 = require("react");
+    import_react307 = require("react");
     init_modals();
     init_feature_flag_provider();
     import_react_query105 = require("@tanstack/react-query");
@@ -191519,7 +191678,7 @@ var init_translations_edit = __esm({
       const [searchParams] = (0, import_react_router_dom247.useSearchParams)();
       const reference = searchParams.get("reference");
       const referenceIdParam = searchParams.getAll("reference_id");
-      (0, import_react306.useEffect)(() => {
+      (0, import_react307.useEffect)(() => {
         if (!reference || !isTranslationsEnabled) {
           navigate(-1);
           return;
@@ -191599,7 +191758,7 @@ function AvatarBox({ checked }) {
       className: "bg-ui-button-neutral shadow-buttons-neutral after:button-neutral-gradient relative mb-4 flex h-[50px] w-[50px] items-center justify-center rounded-xl after:inset-0 after:content-['']",
       children: [
         checked && /* @__PURE__ */ (0, import_jsx_runtime691.jsx)(
-          import_react307.motion.div,
+          import_react308.motion.div,
           {
             className: "absolute -right-[5px] -top-1 flex size-5 items-center justify-center rounded-full border-[0.5px] border-[rgba(3,7,18,0.2)] bg-[#3B82F6] bg-gradient-to-b from-white/0 to-white/20 shadow-[0px_1px_2px_0px_rgba(3,7,18,0.12),0px_1px_2px_0px_rgba(255,255,255,0.10)_inset,0px_-1px_5px_0px_rgba(255,255,255,0.10)_inset,0px_0px_0px_0px_rgba(3,7,18,0.06)_inset]",
             initial: { opacity: 0, scale: 0.5 },
@@ -191618,7 +191777,7 @@ function AvatarBox({ checked }) {
                 viewBox: "0 0 20 20",
                 fill: "none",
                 children: /* @__PURE__ */ (0, import_jsx_runtime691.jsx)(
-                  import_react307.motion.path,
+                  import_react308.motion.path,
                   {
                     d: "M5.8335 10.4167L9.16683 13.75L14.1668 6.25",
                     stroke: "white",
@@ -191696,11 +191855,11 @@ function AvatarBox({ checked }) {
     }
   );
 }
-var import_react307, import_jsx_runtime691;
+var import_react308, import_jsx_runtime691;
 var init_avatar_box = __esm({
   "src/components/common/logo-box/avatar-box.tsx"() {
     "use strict";
-    import_react307 = require("motion/react");
+    import_react308 = require("motion/react");
     init_icon_avatar2();
     import_jsx_runtime691 = require("react/jsx-runtime");
   }
@@ -191881,12 +192040,12 @@ var init_login2 = __esm({
 });
 
 // src/components/common/logo-box/logo-box.tsx
-var import_ui455, import_react308, import_jsx_runtime693, LogoBox;
+var import_ui455, import_react309, import_jsx_runtime693, LogoBox;
 var init_logo_box = __esm({
   "src/components/common/logo-box/logo-box.tsx"() {
     "use strict";
     import_ui455 = require("@medusajs/ui");
-    import_react308 = require("motion/react");
+    import_react309 = require("motion/react");
     import_jsx_runtime693 = require("react/jsx-runtime");
     LogoBox = ({
       className,
@@ -191912,7 +192071,7 @@ var init_logo_box = __esm({
           ),
           children: [
             checked && /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(
-              import_react308.motion.div,
+              import_react309.motion.div,
               {
                 className: "size-5 absolute -right-[5px] -top-1 flex items-center justify-center rounded-full border-[0.5px] border-[rgba(3,7,18,0.2)] bg-[#3B82F6] bg-gradient-to-b from-white/0 to-white/20 shadow-[0px_1px_2px_0px_rgba(3,7,18,0.12),0px_1px_2px_0px_rgba(255,255,255,0.10)_inset,0px_-1px_5px_0px_rgba(255,255,255,0.10)_inset,0px_0px_0px_0px_rgba(3,7,18,0.06)_inset]",
                 initial: { opacity: 0, scale: 0.5 },
@@ -191927,7 +192086,7 @@ var init_logo_box = __esm({
                     viewBox: "0 0 20 20",
                     fill: "none",
                     children: /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(
-                      import_react308.motion.path,
+                      import_react309.motion.path,
                       {
                         d: "M5.8335 10.4167L9.16683 13.75L14.1668 6.25",
                         stroke: "white",
@@ -191977,7 +192136,7 @@ var init_logo_box2 = __esm({
 });
 
 // src/routes/reset-password/reset-password.tsx
-var import_zod169, import_ui456, import_react_hook_form146, import_react_i18next489, import_react_router_dom249, z65, import_react309, import_react_jwt, import_jsx_runtime694, ResetPasswordInstructionsSchema, ResetPasswordSchema, ResetPasswordTokenSchema, validateDecodedResetPasswordToken, InvalidResetToken, ChooseNewPassword, ResetPassword;
+var import_zod169, import_ui456, import_react_hook_form146, import_react_i18next489, import_react_router_dom249, z65, import_react310, import_react_jwt, import_jsx_runtime694, ResetPasswordInstructionsSchema, ResetPasswordSchema, ResetPasswordTokenSchema, validateDecodedResetPasswordToken, InvalidResetToken, ChooseNewPassword, ResetPassword;
 var init_reset_password = __esm({
   "src/routes/reset-password/reset-password.tsx"() {
     "use strict";
@@ -191987,7 +192146,7 @@ var init_reset_password = __esm({
     import_react_i18next489 = require("react-i18next");
     import_react_router_dom249 = require("react-router-dom");
     z65 = __toESM(require("zod"));
-    import_react309 = require("react");
+    import_react310 = require("react");
     import_react_jwt = require("react-jwt");
     init_form2();
     init_logo_box2();
@@ -192056,7 +192215,7 @@ var init_reset_password = __esm({
     };
     ChooseNewPassword = ({ token }) => {
       const { t: t5 } = (0, import_react_i18next489.useTranslation)();
-      const [showAlert, setShowAlert] = (0, import_react309.useState)(false);
+      const [showAlert, setShowAlert] = (0, import_react310.useState)(false);
       const invite = token ? (0, import_react_jwt.decodeToken)(token) : null;
       const isValidResetPasswordToken = invite && validateDecodedResetPasswordToken(invite);
       const form = (0, import_react_hook_form146.useForm)({
@@ -192176,7 +192335,7 @@ var init_reset_password = __esm({
     ResetPassword = () => {
       const { t: t5 } = (0, import_react_i18next489.useTranslation)();
       const [searchParams] = (0, import_react_router_dom249.useSearchParams)();
-      const [showAlert, setShowAlert] = (0, import_react309.useState)(false);
+      const [showAlert, setShowAlert] = (0, import_react310.useState)(false);
       const token = searchParams.get("token");
       const form = (0, import_react_hook_form146.useForm)({
         resolver: (0, import_zod169.zodResolver)(ResetPasswordInstructionsSchema),
@@ -192278,15 +192437,15 @@ var init_reset_password2 = __esm({
 });
 
 // src/routes/invite/invite.tsx
-var import_zod170, import_ui457, import_i18next8, import_react310, import_react311, import_react_hook_form147, import_react_i18next490, import_react_jwt2, import_react_router_dom250, z66, import_jsx_runtime695, CreateAccountSchema, Invite, LoginLink, InvalidView, CreateView, SuccessView, InviteSchema, validateDecodedInvite;
+var import_zod170, import_ui457, import_i18next8, import_react311, import_react312, import_react_hook_form147, import_react_i18next490, import_react_jwt2, import_react_router_dom250, z66, import_jsx_runtime695, CreateAccountSchema, Invite, LoginLink, InvalidView, CreateView, SuccessView, InviteSchema, validateDecodedInvite;
 var init_invite = __esm({
   "src/routes/invite/invite.tsx"() {
     "use strict";
     import_zod170 = require("@hookform/resolvers/zod");
     import_ui457 = require("@medusajs/ui");
     import_i18next8 = __toESM(require("i18next"));
-    import_react310 = require("motion/react");
-    import_react311 = require("react");
+    import_react311 = require("motion/react");
+    import_react312 = require("react");
     import_react_hook_form147 = require("react-hook-form");
     import_react_i18next490 = require("react-i18next");
     import_react_jwt2 = require("react-jwt");
@@ -192315,14 +192474,14 @@ var init_invite = __esm({
     });
     Invite = () => {
       const [searchParams] = (0, import_react_router_dom250.useSearchParams)();
-      const [success, setSuccess] = (0, import_react311.useState)(false);
+      const [success, setSuccess] = (0, import_react312.useState)(false);
       const token = searchParams.get("token");
       const invite = token ? (0, import_react_jwt2.decodeToken)(token) : null;
       const isValidInvite = invite && validateDecodedInvite(invite);
       return /* @__PURE__ */ (0, import_jsx_runtime695.jsx)("div", { className: "bg-ui-bg-subtle relative flex min-h-dvh w-dvw items-center justify-center p-4", children: /* @__PURE__ */ (0, import_jsx_runtime695.jsxs)("div", { className: "flex w-full max-w-[360px] flex-col items-center", children: [
         /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(AvatarBox, { checked: success }),
-        /* @__PURE__ */ (0, import_jsx_runtime695.jsx)("div", { className: "max-h-[557px] w-full will-change-contents", children: isValidInvite ? /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(import_react310.AnimatePresence, { children: !success ? /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
-          import_react310.motion.div,
+        /* @__PURE__ */ (0, import_jsx_runtime695.jsx)("div", { className: "max-h-[557px] w-full will-change-contents", children: isValidInvite ? /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(import_react311.AnimatePresence, { children: !success ? /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
+          import_react311.motion.div,
           {
             initial: false,
             animate: {
@@ -192340,7 +192499,7 @@ var init_invite = __esm({
             },
             className: "w-full will-change-transform",
             children: /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
-              import_react310.motion.div,
+              import_react311.motion.div,
               {
                 initial: false,
                 animate: {
@@ -192370,7 +192529,7 @@ var init_invite = __esm({
           },
           "create-account"
         ) : /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
-          import_react310.motion.div,
+          import_react311.motion.div,
           {
             initial: {
               opacity: 0,
@@ -192423,7 +192582,7 @@ var init_invite = __esm({
       invite
     }) => {
       const { t: t5 } = (0, import_react_i18next490.useTranslation)();
-      const [invalid, setInvalid] = (0, import_react311.useState)(false);
+      const [invalid, setInvalid] = (0, import_react312.useState)(false);
       const [params2] = (0, import_react_router_dom250.useSearchParams)();
       const isFirstRun = params2.get("first_run") === "true";
       const form = (0, import_react_hook_form147.useForm)({

package/dist/app.mjs

@@ -1,6 +1,6 @@
 import {
   DashboardApp
-} from "./chunk-YKYVCQRS.mjs";
+} from "./chunk-UULAOAFM.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";