@medusajs/dashboard 2.12.3-snapshot-20251216185234 → 2.12.3

package/dist/app.js

@@ -11893,7 +11893,6 @@ var init_en = __esm({
           manage: "Manage translations",
           manageLocales: "Manage locales"
         },
-        title: "Translation domains",
         subtitle: "Manage translations of your data in Medusa",
         list: {
           metrics: "{{translated}} of {{total}} fields translated"
@@ -11917,7 +11916,7 @@ var init_en = __esm({
         completion: {
           heading: "Translated fields",
           translated: "Translated",
-          toTranslate: "To be translated",
+          toTranslate: "Missing",
           footer: "Languages"
         }
       },
@@ -15149,7 +15148,7 @@ var init_es = __esm({
         completion: {
           heading: "Textos traducidos",
           translated: "Traducidos",
-          toTranslate: "Por traducir",
+          toTranslate: "Faltantes",
           footer: "Idiomas"
         }
       },
@@ -96929,7 +96928,7 @@ var init_tax_rates = __esm({
 });
 
 // src/hooks/api/translations.tsx
-var import_react_query43, TRANSLATIONS_QUERY_KEY, translationsQueryKeys, TRANSLATION_SETTINGS_QUERY_KEY, translationSettingsQueryKeys, TRANSLATION_STATISTICS_QUERY_KEY, translationStatisticsQueryKeys, useReferenceTranslations, useBatchTranslations, useTranslationSettings, useTranslationStatistics;
+var import_react_query43, TRANSLATIONS_QUERY_KEY, translationsQueryKeys, TRANSLATION_SETTINGS_QUERY_KEY, translationSettingsQueryKeys, TRANSLATION_STATISTICS_QUERY_KEY, translationStatisticsQueryKeys, useReferenceTranslations, referenceInvalidationKeysMap, useBatchTranslations, useTranslationSettings, useTranslationStatistics;
 var init_translations2 = __esm({
   "src/hooks/api/translations.tsx"() {
     "use strict";
@@ -97085,28 +97084,33 @@ var init_translations2 = __esm({
       const { data, ...rest } = referenceHook();
       return { ...data, ...rest };
     };
+    referenceInvalidationKeysMap = /* @__PURE__ */ new Map([
+      ["product", productsQueryKeys.lists()],
+      ["product_variant", productVariantQueryKeys.lists()],
+      ["product_category", categoriesQueryKeys.lists()],
+      ["product_collection", collectionsQueryKeys.lists()],
+      ["product_type", productTypesQueryKeys.lists()],
+      ["product_tag", productTagsQueryKeys.lists()]
+    ]);
     useBatchTranslations = (reference, options) => {
-      const referenceInvalidationKeysMap = /* @__PURE__ */ new Map([
-        ["product", productsQueryKeys.lists()],
-        ["product_variant", productVariantQueryKeys.lists()],
-        ["product_category", categoriesQueryKeys.lists()],
-        ["product_collection", collectionsQueryKeys.lists()],
-        ["product_type", productTypesQueryKeys.lists()],
-        ["product_tag", productTagsQueryKeys.lists()]
-      ]);
-      return (0, import_react_query43.useMutation)({
+      const mutation = (0, import_react_query43.useMutation)({
         mutationFn: (payload) => sdk.admin.translation.batch(payload),
-        onSuccess: (data, variables, context) => {
+        ...options
+      });
+      const invalidateQueries = async () => {
+        await Promise.all([
           queryClient.invalidateQueries({
             queryKey: referenceInvalidationKeysMap.get(reference)
-          });
+          }),
           queryClient.invalidateQueries({
             queryKey: translationStatisticsQueryKeys.lists()
-          });
-          options?.onSuccess?.(data, variables, context);
-        },
-        ...options
-      });
+          })
+        ]);
+      };
+      return {
+        ...mutation,
+        invalidateQueries
+      };
     };
     useTranslationSettings = (query, options) => {
       const { data, ...rest } = (0, import_react_query43.useQuery)({
@@ -114120,6 +114124,7 @@ var init_use_data_grid_cell = __esm({
             case "number":
               return numberCharacterRegex.test(key);
             case "text":
+            case "multiline-text":
               return textCharacterRegex.test(key);
             default:
               return false;
@@ -115270,6 +115275,7 @@ function convertArrayToPrimitive(values, type) {
     case "boolean":
       return values.map(convertToBoolean);
     case "text":
+    case "multiline-text":
       return values.map(covertToString);
     default:
       throw new Error(`Unsupported target type "${type}".`);
@@ -115470,7 +115476,19 @@ var init_use_data_grid_keydown_event = __esm({
         },
         [rangeEnd, matrix, getSelectionValues, setSelectionValues, execute]
       );
-      const handleSpaceKeyTextOrNumber = (0, import_react99.useCallback)(
+      const handleSpaceKeyText = (0, import_react99.useCallback)(
+        (anchor2) => {
+          const field = matrix.getCellField(anchor2);
+          const input = queryTool?.getInput(anchor2);
+          if (!field || !input) {
+            return;
+          }
+          createSnapshot(anchor2);
+          input.focus();
+        },
+        [matrix, queryTool, createSnapshot]
+      );
+      const handleSpaceKeyNumber = (0, import_react99.useCallback)(
         (anchor2) => {
           const field = matrix.getCellField(anchor2);
           const input = queryTool?.getInput(anchor2);
@@ -115541,10 +115559,12 @@ var init_use_data_grid_keydown_event = __esm({
             case "togglable-number":
               handleSpaceKeyTogglableNumber(anchor);
               break;
-            case "number":
             case "text":
             case "multiline-text":
-              handleSpaceKeyTextOrNumber(anchor);
+              handleSpaceKeyText(anchor);
+              break;
+            case "number":
+              handleSpaceKeyNumber(anchor);
               break;
           }
         },
@@ -115553,7 +115573,8 @@ var init_use_data_grid_keydown_event = __esm({
           isEditing,
           matrix,
           handleSpaceKeyBoolean,
-          handleSpaceKeyTextOrNumber,
+          handleSpaceKeyText,
+          handleSpaceKeyNumber,
           handleSpaceKeyTogglableNumber
         ]
       );
@@ -190726,8 +190747,9 @@ var init_active_locales_section = __esm({
     }) => {
       const { t: t5 } = (0, import_react_i18next483.useTranslation)();
       const navigate = (0, import_react_router_dom245.useNavigate)();
+      const [isHovered, setIsHovered] = (0, import_react304.useState)(false);
       const handleManageLocales = (0, import_react304.useCallback)(() => {
-        navigate("/settings/store/locales");
+        navigate("/settings/translations/add-locales");
       }, [navigate]);
       const renderLocales = (0, import_react304.useCallback)(() => {
         const maxLocalesToDetail = 2;
@@ -190739,16 +190761,31 @@ var init_active_locales_section = __esm({
       const hasLocales = locales.length > 0;
       return /* @__PURE__ */ (0, import_jsx_runtime686.jsxs)(import_ui450.Container, { className: "flex flex-col p-0", children: [
         /* @__PURE__ */ (0, import_jsx_runtime686.jsxs)("div", { className: "flex items-center justify-between px-6 py-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime686.jsx)(import_ui450.Heading, { children: t5("translations.activeLocales.heading") }),
+          /* @__PURE__ */ (0, import_jsx_runtime686.jsx)(import_ui450.Heading, { level: "h2", children: t5("translations.activeLocales.heading") }),
           /* @__PURE__ */ (0, import_jsx_runtime686.jsx)(import_ui450.IconButton, { variant: "transparent", onClick: handleManageLocales, children: /* @__PURE__ */ (0, import_jsx_runtime686.jsx)(import_icons174.PencilSquare, {}) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime686.jsx)("div", { className: "px-1 pb-1", children: hasLocales ? /* @__PURE__ */ (0, import_jsx_runtime686.jsxs)(import_ui450.Container, { className: "bg-ui-bg-component flex items-center gap-x-4 px-6 py-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime686.jsx)(IconAvatar, { children: /* @__PURE__ */ (0, import_jsx_runtime686.jsx)(import_icons174.Language, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime686.jsxs)("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime686.jsx)(import_ui450.Text, { size: "small", weight: "plus", children: t5("translations.activeLocales.subtitle") }),
-            /* @__PURE__ */ (0, import_jsx_runtime686.jsx)(import_ui450.Text, { className: "text-ui-fg-subtle", size: "small", children: renderLocales() })
-          ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime686.jsx)(import_ui450.InlineTip, { label: "Tip", children: t5("translations.activeLocales.noLocalesTip") }) })
+        /* @__PURE__ */ (0, import_jsx_runtime686.jsx)("div", { className: "px-1 pb-1", children: hasLocales ? /* @__PURE__ */ (0, import_jsx_runtime686.jsx)(
+          import_ui450.Tooltip,
+          {
+            open: isHovered,
+            content: /* @__PURE__ */ (0, import_jsx_runtime686.jsx)("div", { className: "flex flex-col gap-y-1 p-1", children: locales.map((locale) => /* @__PURE__ */ (0, import_jsx_runtime686.jsx)(import_ui450.Text, { size: "small", weight: "plus", children: locale.name }, locale.code)) }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime686.jsxs)(
+              import_ui450.Container,
+              {
+                className: "bg-ui-bg-component border-r-1 flex items-center gap-x-4 px-[19px] py-2",
+                onMouseEnter: () => setIsHovered(true),
+                onMouseLeave: () => setIsHovered(false),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime686.jsx)(IconAvatar, { className: "border-ui-border-base border", children: /* @__PURE__ */ (0, import_jsx_runtime686.jsx)(import_icons174.Language, {}) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime686.jsxs)("div", { className: "flex flex-col", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime686.jsx)(import_ui450.Text, { size: "small", weight: "plus", children: t5("translations.activeLocales.subtitle") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime686.jsx)(import_ui450.Text, { className: "text-ui-fg-subtle", size: "small", children: renderLocales() })
+                  ] })
+                ]
+              }
+            )
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime686.jsx)(import_ui450.InlineTip, { label: "Tip", children: t5("translations.activeLocales.noLocalesTip") }) })
       ] });
     };
   }
@@ -190782,7 +190819,15 @@ var init_translation_list_section = __esm({
               import_react_router_dom246.Link,
               {
                 to: `/settings/translations/edit?reference=${entity.reference}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime687.jsx)(import_ui451.Button, { variant: "secondary", size: "small", disabled: !hasLocales, children: "Edit" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime687.jsx)(
+                  import_ui451.Button,
+                  {
+                    variant: "secondary",
+                    size: "small",
+                    disabled: !hasLocales || !entity.totalCount,
+                    children: "Edit"
+                  }
+                )
               }
             )
           ]
@@ -190850,160 +190895,215 @@ var init_translations_completion_section = __esm({
         () => Math.max(...localeStats.map((s) => s.total), 1),
         [localeStats]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)(import_ui452.Container, { className: "flex flex-col gap-y-3 px-6 py-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(import_ui452.Heading, { children: t5("translations.completion.heading") }),
-          /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)(import_ui452.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
-            translatedCount.toLocaleString(),
-            " ",
-            t5("general.of"),
-            " ",
-            totalCount.toLocaleString()
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime688.jsx)("div", { className: "flex h-3 w-full overflow-hidden", children: percentage > 0 ? /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)(import_jsx_runtime688.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
-            "div",
-            {
-              className: "mr-0.5 h-full rounded-sm transition-all",
-              style: {
-                width: `${percentage}%`,
-                backgroundColor: "var(--bg-interactive)"
+      const localeStatsCount = (0, import_react305.useMemo)(() => localeStats.length, [localeStats]);
+      return /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)(import_ui452.Container, { className: "p-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)("div", { className: "flex flex-col gap-y-4 px-6 py-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(import_ui452.Heading, { level: "h2", children: t5("translations.completion.heading") }),
+            /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)(import_ui452.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
+              translatedCount.toLocaleString(),
+              " ",
+              t5("general.of"),
+              " ",
+              totalCount.toLocaleString()
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime688.jsx)("div", { className: "flex h-3 w-full overflow-hidden", children: percentage > 0 ? /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)(import_jsx_runtime688.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
+              "div",
+              {
+                className: "mr-0.5 h-full rounded-sm transition-all",
+                style: {
+                  width: `${percentage}%`,
+                  backgroundColor: "var(--tag-blue-icon)",
+                  boxShadow: "inset 0 0 0 0.5px var(--alpha-250)"
+                }
               }
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
+              "div",
+              {
+                className: "h-full flex-1 rounded-sm",
+                style: {
+                  backgroundColor: "var(--tag-blue-border)",
+                  boxShadow: "inset 0 0 0 0.5px var(--alpha-250)"
+                }
+              }
+            )
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
             "div",
             {
-              className: "h-full flex-1 rounded-sm",
+              className: "h-full w-full rounded-sm",
               style: {
-                backgroundColor: "var(--bg-interactive)",
-                opacity: 0.3
+                backgroundColor: "var(--tag-blue-border)",
+                boxShadow: "inset 0 0 0 0.5px var(--alpha-250)"
               }
             }
-          )
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
-          "div",
-          {
-            className: "h-full w-full rounded-full",
-            style: {
-              backgroundColor: "var(--bg-interactive)",
-              opacity: 0.3
-            }
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)(import_ui452.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
-            percentage.toFixed(1),
-            "%"
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)(import_ui452.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
-            remaining.toLocaleString(),
-            " ",
-            t5("general.remaining").toLowerCase()
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)(import_ui452.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
+              percentage.toFixed(1),
+              "%"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)(import_ui452.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
+              remaining.toLocaleString(),
+              " ",
+              t5("general.remaining").toLowerCase()
+            ] })
           ] })
         ] }),
-        localeStats.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)("div", { className: "mt-4 flex flex-col gap-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime688.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_runtime688.jsx)(
-              import_ui452.Tooltip,
-              {
-                open: hoveredLocale === locale.code,
-                content: /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)("div", { className: "flex flex-col gap-y-1 p-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(import_ui452.Text, { size: "small", weight: "plus", children: locale.name }),
-                  /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)("div", { className: "flex items-center justify-between", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)("div", { className: "flex items-center gap-x-2", children: [
+        localeStats.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)(import_jsx_runtime688.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(import_ui452.Divider, { variant: "dashed" }),
+          /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)("div", { className: "flex flex-col gap-y-3 px-6 pb-6 pt-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime688.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_runtime688.jsx)(
+                import_ui452.Tooltip,
+                {
+                  open: hoveredLocale === locale.code,
+                  content: /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)("div", { className: "flex min-w-[150px] flex-col gap-y-1 p-1", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(import_ui452.Text, { size: "small", weight: "plus", children: locale.name }),
+                    /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)("div", { className: "flex items-center justify-between", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)("div", { className: "flex items-center gap-x-2", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
+                          "div",
+                          {
+                            className: "h-2 w-2 rounded-full",
+                            style: {
+                              backgroundColor: "var(--tag-blue-icon)",
+                              boxShadow: "inset 0 0 0 0.5px var(--alpha-250)"
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
+                          import_ui452.Text,
+                          {
+                            size: "small",
+                            weight: "plus",
+                            className: "text-ui-fg-base",
+                            children: t5("translations.completion.translated")
+                          }
+                        )
+                      ] }),
                       /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
-                        "div",
+                        import_ui452.Text,
                         {
-                          className: "h-2 w-2 rounded-full",
-                          style: { backgroundColor: "var(--bg-interactive)" }
+                          size: "small",
+                          weight: "plus",
+                          className: "text-ui-fg-base",
+                          children: locale.translated
                         }
-                      ),
+                      )
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)("div", { className: "flex items-center justify-between", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)("div", { className: "flex items-center gap-x-2", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
+                          "div",
+                          {
+                            className: "h-2 w-2 rounded-full",
+                            style: {
+                              backgroundColor: "var(--tag-blue-border)",
+                              boxShadow: "inset 0 0 0 0.5px var(--alpha-250)"
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
+                          import_ui452.Text,
+                          {
+                            size: "small",
+                            weight: "plus",
+                            className: "text-ui-fg-base",
+                            children: t5("translations.completion.toTranslate")
+                          }
+                        )
+                      ] }),
                       /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
                         import_ui452.Text,
                         {
                           size: "small",
                           weight: "plus",
-                          className: "text-ui-fg-subtle",
-                          children: t5("translations.completion.translated")
+                          className: "text-ui-fg-base",
+                          children: locale.toTranslate
                         }
                       )
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(import_ui452.Text, { size: "small", weight: "plus", children: locale.translated })
+                    ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)("div", { className: "flex items-center gap-x-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
-                      "div",
-                      {
-                        className: "h-2 w-2 rounded-full",
-                        style: {
-                          backgroundColor: "var(--bg-interactive)",
-                          opacity: 0.3
-                        }
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
-                      import_ui452.Text,
-                      {
-                        size: "small",
-                        weight: "plus",
-                        className: "text-ui-fg-subtle",
-                        children: t5("translations.completion.toTranslate")
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(import_ui452.Text, { size: "small", weight: "plus", children: locale.toTranslate })
-                  ] })
-                ] }),
-                children: /* @__PURE__ */ (0, import_jsx_runtime688.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_runtime688.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime688.jsx)("div", { className: "flex h-full flex-1 items-end justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
+                    "div",
+                    {
+                      className: "flex w-full min-w-2 max-w-[96px] flex-col justify-end overflow-hidden rounded-t-sm transition-opacity",
+                      style: { height: `${heightPercent}%` },
+                      onMouseEnter: () => setHoveredLocale(locale.code),
+                      onMouseLeave: () => setHoveredLocale(null),
+                      children: translatedPercent === 0 ? /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
                         "div",
                         {
-                          className: "w-full rounded-t-sm",
+                          className: "w-full rounded-sm",
                           style: {
-                            height: `${100 - translatedPercent}%`,
-                            backgroundColor: "var(--bg-interactive)",
-                            opacity: 0.3,
-                            minHeight: locale.toTranslate > 0 ? "2px" : "0"
+                            height: "100%",
+                            backgroundColor: "var(--tag-neutral-bg)",
+                            boxShadow: "inset 0 0 0 0.5px var(--alpha-250)"
                           }
                         }
-                      ),
-                      translatedPercent > 0 && /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
-                        "div",
-                        {
-                          className: "mt-0.5 w-full rounded-sm",
-                          style: {
-                            height: `${translatedPercent}%`,
-                            backgroundColor: "var(--bg-interactive)",
-                            minHeight: locale.translated > 0 ? "2px" : "0"
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)(import_jsx_runtime688.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
+                          "div",
+                          {
+                            className: "w-full rounded-sm",
+                            style: {
+                              height: `${100 - translatedPercent}%`,
+                              backgroundColor: "var(--tag-blue-border)",
+                              boxShadow: "inset 0 0 0 0.5px var(--alpha-250)",
+                              minHeight: locale.toTranslate > 0 ? "2px" : "0"
+                            }
                           }
-                        }
-                      )
-                    ]
+                        ),
+                        translatedPercent > 0 && /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
+                          "div",
+                          {
+                            className: "mt-0.5 w-full rounded-sm",
+                            style: {
+                              height: `${translatedPercent}%`,
+                              backgroundColor: "var(--tag-blue-icon)",
+                              boxShadow: "inset 0 0 0 0.5px var(--alpha-250)",
+                              minHeight: locale.translated > 0 ? "2px" : "0"
+                            }
+                          }
+                        )
+                      ] })
+                    }
+                  ) })
+                },
+                locale.code
+              );
+            }) }),
+            localeStatsCount < 9 && /* @__PURE__ */ (0, import_jsx_runtime688.jsx)("div", { className: "flex w-full gap-1", children: localeStats.map((locale) => /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
+              "div",
+              {
+                className: "flex flex-1 items-center justify-center",
+                children: /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
+                  import_ui452.Text,
+                  {
+                    size: "xsmall",
+                    weight: "plus",
+                    className: "text-ui-fg-subtle min-w-2 whitespace-normal break-words text-center leading-tight",
+                    children: localeStatsCount < 6 ? locale.name : locale.code
                   }
                 )
               },
               locale.code
-            );
-          }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
-            import_ui452.Text,
-            {
-              size: "small",
-              weight: "plus",
-              className: "text-ui-fg-muted text-center",
-              children: t5("translations.completion.footer")
-            }
-          )
+            )) }),
+            localeStatsCount > 9 && /* @__PURE__ */ (0, import_jsx_runtime688.jsx)(
+              import_ui452.Text,
+              {
+                weight: "plus",
+                size: "xsmall",
+                className: "text-ui-fg-subtle text-center",
+                children: t5("translations.completion.footer")
+              }
+            )
+          ] })
         ] })
       ] });
     };
@@ -191146,153 +191246,113 @@ var init_translation_list2 = __esm({
 function isEntityRow(row) {
   return row._type === "entity";
 }
-function initTranslationsFormState(translations, references, availableLocales, translatableFields) {
-  const existingMap = /* @__PURE__ */ new Map();
+function buildLocaleSnapshot(translations, references, localeCode, translatableFields) {
+  const referenceTranslations = /* @__PURE__ */ new Map();
   for (const t5 of translations) {
-    existingMap.set(`${t5.reference_id}:${t5.locale_code}`, t5);
-  }
-  const entitiesTranslationState = {};
-  for (const reference of references) {
-    const locales = {};
-    for (const locale of availableLocales) {
-      const key = `${reference.id}:${locale.locale_code}`;
-      const existing = existingMap.get(key);
+    if (t5.locale_code === localeCode) {
+      referenceTranslations.set(t5.reference_id, t5);
+    }
+  }
+  const entities = {};
+  for (const ref of references) {
+    const existing = referenceTranslations.get(ref.id);
+    const fields = {};
+    for (const fieldName of translatableFields) {
+      fields[fieldName] = existing?.translations?.[fieldName] ?? "";
+    }
+    entities[ref.id] = {
+      id: existing?.id ?? null,
+      fields
+    };
+  }
+  return { localeCode, entities };
+}
+function extendSnapshot(snapshot, translations, newReferences, translatableFields) {
+  const referenceTranslations = /* @__PURE__ */ new Map();
+  for (const t5 of translations) {
+    if (t5.locale_code === snapshot.localeCode) {
+      referenceTranslations.set(t5.reference_id, t5);
+    }
+  }
+  const extendedEntities = { ...snapshot.entities };
+  for (const ref of newReferences) {
+    if (!extendedEntities[ref.id]) {
+      const existing = referenceTranslations.get(ref.id);
       const fields = {};
       for (const fieldName of translatableFields) {
-        const fieldValue = existing?.translations?.[fieldName] ?? "";
-        fields[fieldName] = fieldValue;
+        fields[fieldName] = existing?.translations?.[fieldName] ?? "";
       }
-      locales[locale.locale_code] = {
+      extendedEntities[ref.id] = {
         id: existing?.id ?? null,
-        locale_code: locale.locale_code,
         fields
       };
     }
-    entitiesTranslationState[reference.id] = { locales };
   }
-  return {
-    entities: entitiesTranslationState
-  };
+  return { ...snapshot, entities: extendedEntities };
 }
-function buildTranslationRows(references, translatableFields) {
-  return references.map((reference) => ({
-    _type: "entity",
-    reference_id: reference.id,
-    subRows: translatableFields.map((fieldName) => ({
-      _type: "field",
-      reference_id: reference.id,
-      field_name: fieldName
-    }))
-  }));
+function snapshotToFormValues(snapshot) {
+  return { entities: snapshot.entities };
 }
-function transformToBatchPayload(currentState, initialState, entityType) {
+function computeChanges(currentState, snapshot, entityType, localeCode) {
   const payload = {
     create: [],
     update: [],
     delete: []
   };
   for (const [entityId, entityData] of Object.entries(currentState.entities)) {
-    for (const [localeCode, localeTranslations] of Object.entries(
-      entityData.locales
-    )) {
-      const initial = initialState.entities[entityId]?.locales[localeCode];
-      const hasContent = Object.values(localeTranslations.fields).some(
-        (v) => v !== void 0 && v.trim() !== ""
-      );
-      const hadContent = initial && Object.values(initial.fields).some(
-        (v) => v !== void 0 && v.trim() !== ""
-      );
-      if (!localeTranslations.id && hasContent) {
-        payload.create.push({
-          reference_id: entityId,
-          reference: entityType,
-          locale_code: localeTranslations.locale_code,
-          translations: localeTranslations.fields
-        });
-      } else if (localeTranslations.id && hasContent) {
-        const hasChanged = !initial || JSON.stringify(localeTranslations.fields) !== JSON.stringify(initial.fields);
-        if (hasChanged) {
-          payload.update.push({
-            id: localeTranslations.id,
-            translations: localeTranslations.fields
-          });
-        }
-      } else if (localeTranslations.id && !hasContent && hadContent) {
-        payload.delete.push(localeTranslations.id);
-      }
-    }
-  }
-  return payload;
-}
-function hasLocaleChanges(currentState, initialState, localeCode) {
-  for (const [entityId, entityData] of Object.entries(currentState.entities)) {
-    const currentLocale = entityData.locales[localeCode];
-    const initialLocale = initialState.entities[entityId]?.locales[localeCode];
-    if (!currentLocale || !initialLocale) {
+    const baseline = snapshot.entities[entityId];
+    if (!baseline) {
       continue;
     }
-    for (const [fieldName, fieldValue] of Object.entries(
-      currentLocale.fields
-    )) {
-      const initialValue = initialLocale.fields[fieldName] ?? "";
-      const currentValue = fieldValue ?? "";
-      if (currentValue !== initialValue) {
-        return true;
-      }
-    }
-  }
-  return false;
-}
-function transformSingleLocaleToBatchPayload(currentState, initialState, entityType, localeCode) {
-  const payload = {
-    create: [],
-    update: [],
-    delete: []
-  };
-  for (const [entityId, entityData] of Object.entries(currentState.entities)) {
-    const localeTranslations = entityData.locales[localeCode];
-    if (!localeTranslations) continue;
-    const initial = initialState.entities[entityId]?.locales[localeCode];
-    const hasContent = Object.values(localeTranslations.fields).some(
+    const hasContent = Object.values(entityData.fields).some(
       (v) => v !== void 0 && v.trim() !== ""
     );
-    const hadContent = initial && Object.values(initial.fields).some(
+    const hadContent = Object.values(baseline.fields).some(
       (v) => v !== void 0 && v.trim() !== ""
     );
-    if (!localeTranslations.id && hasContent) {
+    const hasChanged = JSON.stringify(entityData.fields) !== JSON.stringify(baseline.fields);
+    if (!entityData.id && hasContent) {
       payload.create.push({
         reference_id: entityId,
         reference: entityType,
-        locale_code: localeTranslations.locale_code,
-        translations: localeTranslations.fields
-      });
-    } else if (localeTranslations.id && hasContent) {
-      const hasChanged = !initial || JSON.stringify(localeTranslations.fields) !== JSON.stringify(initial.fields);
-      if (hasChanged) {
-        payload.update.push({
-          id: localeTranslations.id,
-          translations: localeTranslations.fields
-        });
-      }
-    } else if (localeTranslations.id && !hasContent && hadContent) {
-      payload.delete.push(localeTranslations.id);
+        locale_code: localeCode,
+        translations: entityData.fields
+      });
+    } else if (entityData.id && hasContent && hasChanged) {
+      payload.update.push({
+        id: entityData.id,
+        translations: entityData.fields
+      });
+    } else if (entityData.id && !hasContent && hadContent) {
+      payload.delete.push(entityData.id);
     }
   }
-  return payload;
+  const hasChanges = payload.create.length > 0 || payload.update.length > 0 || payload.delete.length > 0;
+  return { hasChanges, payload };
+}
+function buildTranslationRows(references, translatableFields) {
+  return references.map((reference) => ({
+    _type: "entity",
+    reference_id: reference.id,
+    subRows: translatableFields.map((fieldName) => ({
+      _type: "field",
+      reference_id: reference.id,
+      field_name: fieldName
+    }))
+  }));
 }
 function useTranslationsGridColumns({
   entities,
-  translatableFields,
   availableLocales,
   selectedLocale,
   dynamicColumnWidth
 }) {
   const { t: t5 } = (0, import_react_i18next487.useTranslation)();
-  const columns = (0, import_react307.useMemo)(() => {
+  return (0, import_react307.useMemo)(() => {
     const selectedLocaleData = availableLocales.find(
       (l) => l.locale_code === selectedLocale
     );
-    const baseColumns = [
+    const columns = [
       columnHelper93.column({
         id: "field",
         name: "field",
@@ -191328,9 +191388,7 @@ function useTranslationsGridColumns({
           if (isEntityRow(row)) {
             return /* @__PURE__ */ (0, import_jsx_runtime690.jsx)(DataGrid.ReadonlyCell, { context });
           }
-          const entity = entities.find(
-            (entity2) => entity2.id === row.reference_id
-          );
+          const entity = entities.find((e) => e.id === row.reference_id);
           if (!entity) {
             return null;
           }
@@ -191339,7 +191397,7 @@ function useTranslationsGridColumns({
       })
     ];
     if (selectedLocaleData) {
-      baseColumns.push(
+      columns.push(
         columnHelper93.column({
           id: selectedLocaleData.locale_code,
           name: selectedLocaleData.locale.name,
@@ -191357,24 +191415,16 @@ function useTranslationsGridColumns({
             if (isEntityRow(row)) {
               return null;
             }
-            return `entities.${row.reference_id}.locales.${selectedLocaleData.locale_code}.fields.${row.field_name}`;
+            return `entities.${row.reference_id}.fields.${row.field_name}`;
           },
           type: "multiline-text"
         })
       );
     }
-    return baseColumns;
-  }, [
-    t5,
-    translatableFields,
-    availableLocales,
-    selectedLocale,
-    entities,
-    dynamicColumnWidth
-  ]);
-  return columns;
+    return columns;
+  }, [t5, availableLocales, selectedLocale, entities, dynamicColumnWidth]);
 }
-var import_zod166, import_ui454, import_react307, import_react_hook_form145, import_react_i18next487, import_zod167, import_jsx_runtime690, LocaleTranslationSchema, EntityTranslationsSchema, TranslationsFormSchema, columnHelper93, FIELD_COLUMN_WIDTH, TranslationsEditForm;
+var import_zod166, import_ui454, import_react307, import_react_hook_form145, import_react_i18next487, import_zod167, import_jsx_runtime690, 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";
@@ -191389,19 +191439,15 @@ var init_translations_edit_form = __esm({
     init_keybound_form2();
     init_translations2();
     import_jsx_runtime690 = require("react/jsx-runtime");
-    LocaleTranslationSchema = import_zod167.z.object({
+    EntityTranslationsSchema = import_zod167.z.object({
       id: import_zod167.z.string().nullish(),
-      locale_code: import_zod167.z.string(),
       fields: import_zod167.z.record(import_zod167.z.string().optional())
     });
-    EntityTranslationsSchema = import_zod167.z.object({
-      locales: import_zod167.z.record(LocaleTranslationSchema)
-    });
     TranslationsFormSchema = import_zod167.z.object({
       entities: import_zod167.z.record(EntityTranslationsSchema)
     });
     columnHelper93 = createDataGridHelper();
-    FIELD_COLUMN_WIDTH = 150;
+    FIELD_COLUMN_WIDTH = 350;
     TranslationsEditForm = ({
       translations,
       references,
@@ -191438,57 +191484,83 @@ var init_translations_edit_form = __esm({
       );
       const [showUnsavedPrompt, setShowUnsavedPrompt] = (0, import_react307.useState)(false);
       const [pendingLocale, setPendingLocale] = (0, import_react307.useState)(null);
-      const entities = (0, import_react307.useMemo)(() => references, [references]);
-      const totalCount = (0, import_react307.useMemo)(
-        () => referenceCount * (translatableFields.length + 1),
-        [referenceCount, translatableFields]
-      );
-      const initialState = (0, import_react307.useRef)(
-        initTranslationsFormState(
+      const [isSwitchingLocale, setIsSwitchingLocale] = (0, import_react307.useState)(false);
+      const snapshotRef = (0, import_react307.useRef)(
+        buildLocaleSnapshot(
           translations,
-          entities,
-          availableLocales,
+          references,
+          selectedLocale,
           translatableFields
         )
       );
+      const knownEntityIdsRef = (0, import_react307.useRef)(
+        new Set(references.map((r) => r.id))
+      );
+      const latestPropsRef = (0, import_react307.useRef)({ translations, references });
+      (0, import_react307.useEffect)(() => {
+        latestPropsRef.current = { translations, references };
+      }, [translations, references]);
       const form = (0, import_react_hook_form145.useForm)({
         resolver: (0, import_zod166.zodResolver)(TranslationsFormSchema),
-        defaultValues: initialState.current
+        defaultValues: snapshotToFormValues(snapshotRef.current)
       });
+      (0, import_react307.useEffect)(() => {
+        const currentIds = new Set(references.map((r) => r.id));
+        const newReferences = references.filter(
+          (r) => !knownEntityIdsRef.current.has(r.id)
+        );
+        if (newReferences.length === 0) {
+          return;
+        }
+        knownEntityIdsRef.current = currentIds;
+        snapshotRef.current = extendSnapshot(
+          snapshotRef.current,
+          translations,
+          newReferences,
+          translatableFields
+        );
+        const currentValues = form.getValues();
+        const newFormValues = {
+          entities: { ...currentValues.entities }
+        };
+        for (const ref of newReferences) {
+          if (!newFormValues.entities[ref.id]) {
+            newFormValues.entities[ref.id] = snapshotRef.current.entities[ref.id];
+          }
+        }
+        form.reset(newFormValues, {
+          keepDirty: true,
+          keepDirtyValues: true
+        });
+      }, [references, translations, translatableFields, form]);
       const rows = (0, import_react307.useMemo)(
-        () => buildTranslationRows(entities, translatableFields),
-        [entities, translatableFields]
+        () => buildTranslationRows(references, translatableFields),
+        [references, translatableFields]
       );
-      const { mutateAsync, isPending } = useBatchTranslations(entityType);
-      const handleLocaleChange = (0, import_react307.useCallback)(
-        (newLocale) => {
-          if (newLocale === selectedLocale) {
-            return;
-          }
-          const currentValues = form.getValues();
-          const hasChanges = hasLocaleChanges(
-            currentValues,
-            initialState.current,
-            selectedLocale
-          );
-          if (hasChanges) {
-            setPendingLocale(newLocale);
-            setShowUnsavedPrompt(true);
-          } else {
-            setSelectedLocale(newLocale);
-          }
-        },
-        [selectedLocale, form]
+      const totalRowCount = (0, import_react307.useMemo)(
+        () => referenceCount * (translatableFields.length + 1),
+        [referenceCount, translatableFields]
+      );
+      const selectedLocaleDisplay = (0, import_react307.useMemo)(
+        () => availableLocales.find((l) => l.locale_code === selectedLocale)?.locale.name,
+        [availableLocales, selectedLocale]
       );
+      const columns = useTranslationsGridColumns({
+        entities: references,
+        availableLocales,
+        selectedLocale,
+        dynamicColumnWidth
+      });
+      const { mutateAsync, isPending, invalidateQueries } = useBatchTranslations(entityType);
       const saveCurrentLocale = (0, import_react307.useCallback)(async () => {
         const currentValues = form.getValues();
-        const payload = transformSingleLocaleToBatchPayload(
+        const { hasChanges, payload } = computeChanges(
           currentValues,
-          initialState.current,
+          snapshotRef.current,
           entityType,
           selectedLocale
         );
-        if (payload.create.length === 0 && payload.update.length === 0 && payload.delete.length === 0) {
+        if (!hasChanges) {
           return true;
         }
         try {
@@ -191512,20 +191584,32 @@ var init_translations_edit_form = __esm({
             }
             if (payload.delete.length > 0) {
               currentBatch.delete = payload.delete.splice(0, currentBatchAvailable);
-              currentBatchAvailable -= currentBatch.delete.length;
             }
-            await mutateAsync(currentBatch);
+            const response = await mutateAsync(currentBatch, {
+              onError: (error) => {
+                import_ui454.toast.error(error.message);
+              }
+            });
+            if (response.created) {
+              for (const created of response.created) {
+                form.setValue(`entities.${created.reference_id}.id`, created.id, {
+                  shouldDirty: false
+                });
+                if (snapshotRef.current.entities[created.reference_id]) {
+                  snapshotRef.current.entities[created.reference_id].id = created.id;
+                }
+              }
+            }
           }
-          const updatedInitialState = { ...initialState.current };
-          for (const entityId of Object.keys(currentValues.entities)) {
-            if (updatedInitialState.entities[entityId]?.locales[selectedLocale]) {
-              updatedInitialState.entities[entityId].locales[selectedLocale] = {
-                ...currentValues.entities[entityId].locales[selectedLocale]
+          const savedValues = form.getValues();
+          for (const entityId of Object.keys(savedValues.entities)) {
+            if (snapshotRef.current.entities[entityId]) {
+              snapshotRef.current.entities[entityId] = {
+                ...savedValues.entities[entityId]
               };
             }
           }
-          initialState.current = updatedInitialState;
-          form.reset(currentValues);
+          form.reset(savedValues);
           return true;
         } catch (error) {
           import_ui454.toast.error(
@@ -191534,19 +191618,59 @@ var init_translations_edit_form = __esm({
           return false;
         }
       }, [form, entityType, selectedLocale, mutateAsync]);
+      const switchToLocale = (0, import_react307.useCallback)(
+        async (newLocale) => {
+          setIsSwitchingLocale(true);
+          try {
+            await invalidateQueries();
+            await new Promise((resolve) => requestAnimationFrame(resolve));
+            const { translations: translations2, references: references2 } = latestPropsRef.current;
+            const newSnapshot = buildLocaleSnapshot(
+              translations2,
+              references2,
+              newLocale,
+              translatableFields
+            );
+            snapshotRef.current = newSnapshot;
+            knownEntityIdsRef.current = new Set(references2.map((r) => r.id));
+            form.reset(snapshotToFormValues(newSnapshot));
+            setSelectedLocale(newLocale);
+          } finally {
+            setIsSwitchingLocale(false);
+          }
+        },
+        [translatableFields, form, invalidateQueries]
+      );
+      const handleLocaleChange = (0, import_react307.useCallback)(
+        (newLocale) => {
+          if (newLocale === selectedLocale) {
+            return;
+          }
+          const currentValues = form.getValues();
+          const { hasChanges } = computeChanges(
+            currentValues,
+            snapshotRef.current,
+            entityType,
+            selectedLocale
+          );
+          if (hasChanges) {
+            setPendingLocale(newLocale);
+            setShowUnsavedPrompt(true);
+          } else {
+            switchToLocale(newLocale);
+          }
+        },
+        [selectedLocale, form, entityType, switchToLocale]
+      );
       const handleSaveAndSwitch = (0, import_react307.useCallback)(async () => {
         const success = await saveCurrentLocale();
         if (success && pendingLocale) {
-          import_ui454.toast.success(
-            t5("translations.edit.localeChangesSaved", {
-              defaultValue: "Changes saved successfully"
-            })
-          );
-          setSelectedLocale(pendingLocale);
+          import_ui454.toast.success(t5("translations.edit.successToast"));
+          await switchToLocale(pendingLocale);
         }
         setShowUnsavedPrompt(false);
         setPendingLocale(null);
-      }, [saveCurrentLocale, pendingLocale, t5]);
+      }, [saveCurrentLocale, pendingLocale, t5, switchToLocale]);
       const handleCancelSwitch = (0, import_react307.useCallback)(() => {
         setShowUnsavedPrompt(false);
         setPendingLocale(null);
@@ -191563,69 +191687,15 @@ var init_translations_edit_form = __esm({
         },
         [saveCurrentLocale, t5, handleSuccess]
       );
-      const handleSubmit = form.handleSubmit(async (values) => {
-        const payload = transformToBatchPayload(
-          values,
-          initialState.current,
-          entityType
-        );
-        if (payload.create.length === 0 && payload.update.length === 0 && payload.delete.length === 0) {
-          return;
-        }
-        const BATCH_SIZE = 150;
-        const totalItems = payload.create.length + payload.update.length + payload.delete.length;
-        const batchCount = Math.ceil(totalItems / BATCH_SIZE);
-        for (let i = 0; i < batchCount; i++) {
-          let currentBatchAvailable = BATCH_SIZE;
-          const currentBatch = {
-            create: [],
-            update: [],
-            delete: []
-          };
-          if (payload.create.length > 0) {
-            currentBatch.create = payload.create.splice(0, currentBatchAvailable);
-            currentBatchAvailable -= currentBatch.create.length;
-          }
-          if (payload.update.length > 0) {
-            currentBatch.update = payload.update.splice(0, currentBatchAvailable);
-            currentBatchAvailable -= currentBatch.update.length;
-          }
-          if (payload.delete.length > 0) {
-            currentBatch.delete = payload.delete.splice(0, currentBatchAvailable);
-            currentBatchAvailable -= currentBatch.delete.length;
-          }
-          await mutateAsync(currentBatch, {
-            onSuccess: () => {
-              if (i === batchCount - 1) {
-                import_ui454.toast.success(
-                  t5("translations.edit.successToast", {
-                    defaultValue: "Translations updated successfully"
-                  })
-                );
-                handleSuccess();
-              }
-            },
-            onError: (error) => {
-              import_ui454.toast.error(error.message);
-            }
-          });
-        }
-      });
-      const columns = useTranslationsGridColumns({
-        entities,
-        translatableFields,
-        availableLocales,
-        selectedLocale,
-        dynamicColumnWidth
-      });
-      const selectedLocaleDisplay = availableLocales.find(
-        (l) => l.locale_code === selectedLocale
-      )?.locale.name;
-      return /* @__PURE__ */ (0, import_jsx_runtime690.jsxs)(RouteFocusModal.Form, { form, children: [
+      const handleClose = (0, import_react307.useCallback)(() => {
+        invalidateQueries();
+      }, [invalidateQueries]);
+      const isLoading = isPending || isSwitchingLocale;
+      return /* @__PURE__ */ (0, import_jsx_runtime690.jsxs)(RouteFocusModal.Form, { form, onClose: handleClose, children: [
         /* @__PURE__ */ (0, import_jsx_runtime690.jsxs)(
           KeyboundForm,
           {
-            onSubmit: handleSubmit,
+            onSubmit: () => handleSave(true),
             className: "flex h-full flex-col overflow-hidden",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime690.jsx)(RouteFocusModal.Header, {}),
@@ -191642,13 +191712,14 @@ var init_translations_edit_form = __esm({
                   },
                   state: form,
                   onEditingChange: (editing) => setCloseOnEscape(!editing),
-                  totalRowCount: totalCount,
+                  totalRowCount,
                   onFetchMore: fetchNextPage,
                   isFetchingMore: isFetchingNextPage,
                   hasNextPage,
                   headerContent: /* @__PURE__ */ (0, import_jsx_runtime690.jsxs)(
                     import_ui454.Select,
                     {
+                      disabled: isLoading,
                       value: selectedLocale,
                       onValueChange: handleLocaleChange,
                       size: "small",
@@ -191668,28 +191739,28 @@ var init_translations_edit_form = __esm({
                 }
               ) }) }),
               /* @__PURE__ */ (0, import_jsx_runtime690.jsx)(RouteFocusModal.Footer, { children: /* @__PURE__ */ (0, import_jsx_runtime690.jsxs)("div", { className: "flex items-center justify-end gap-x-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime690.jsx)(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime690.jsx)(import_ui454.Button, { size: "small", variant: "secondary", children: t5("actions.cancel") }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime690.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime690.jsx)(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime690.jsx)(
                   import_ui454.Button,
                   {
-                    size: "small",
                     type: "button",
+                    size: "small",
                     variant: "secondary",
-                    onClick: () => handleSave(false),
-                    isLoading: isPending,
-                    children: t5("actions.saveChanges")
+                    isLoading,
+                    children: t5("actions.cancel")
                   }
-                ),
+                ) }),
                 /* @__PURE__ */ (0, import_jsx_runtime690.jsx)(
                   import_ui454.Button,
                   {
                     size: "small",
                     type: "button",
-                    onClick: () => handleSave(true),
-                    isLoading: isPending,
-                    children: t5("actions.saveAndClose")
+                    variant: "secondary",
+                    onClick: () => handleSave(false),
+                    isLoading,
+                    children: t5("actions.saveChanges")
                   }
-                )
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime690.jsx)(import_ui454.Button, { size: "small", type: "submit", isLoading, children: t5("actions.saveAndClose") })
               ] }) })
             ]
           }
@@ -191716,7 +191787,7 @@ var init_translations_edit_form = __esm({
                 size: "small",
                 onClick: handleSaveAndSwitch,
                 type: "button",
-                isLoading: isPending,
+                isLoading,
                 children: t5("actions.saveChanges")
               }
             )
@@ -191825,15 +191896,55 @@ var init_translations_edit2 = __esm({
   }
 });
 
+// src/routes/translations/add-locales/add-locales.tsx
+var import_react_router_dom248, import_jsx_runtime692, TranslationsAddLocales;
+var init_add_locales = __esm({
+  "src/routes/translations/add-locales/add-locales.tsx"() {
+    "use strict";
+    init_route_focus_modal2();
+    init_api();
+    init_feature_flag_provider();
+    import_react_router_dom248 = require("react-router-dom");
+    init_add_locales_form();
+    import_jsx_runtime692 = require("react/jsx-runtime");
+    TranslationsAddLocales = () => {
+      const isEnabled = useFeatureFlag("translation");
+      const navigate = (0, import_react_router_dom248.useNavigate)();
+      if (!isEnabled) {
+        navigate(-1);
+        return null;
+      }
+      const { store, isPending, isError, error } = useStore();
+      const ready = !!store && !isPending;
+      if (isError) {
+        throw error;
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime692.jsx)(RouteFocusModal, { children: ready && /* @__PURE__ */ (0, import_jsx_runtime692.jsx)(AddLocalesForm, { store }) });
+    };
+  }
+});
+
+// src/routes/translations/add-locales/index.tsx
+var add_locales_exports = {};
+__export(add_locales_exports, {
+  Component: () => TranslationsAddLocales
+});
+var init_add_locales2 = __esm({
+  "src/routes/translations/add-locales/index.tsx"() {
+    "use strict";
+    init_add_locales();
+  }
+});
+
 // src/components/common/logo-box/avatar-box.tsx
 function AvatarBox({ checked }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime692.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime693.jsxs)(
     IconAvatar,
     {
       size: "xlarge",
       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_runtime692.jsx)(
+        checked && /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(
           import_react309.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]",
@@ -191844,7 +191955,7 @@ function AvatarBox({ checked }) {
               delay: 0.8,
               ease: [0, 0.71, 0.2, 1.01]
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime692.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -191852,7 +191963,7 @@ function AvatarBox({ checked }) {
                 height: "20",
                 viewBox: "0 0 20 20",
                 fill: "none",
-                children: /* @__PURE__ */ (0, import_jsx_runtime692.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(
                   import_react309.motion.path,
                   {
                     d: "M5.8335 10.4167L9.16683 13.75L14.1668 6.25",
@@ -191874,7 +191985,7 @@ function AvatarBox({ checked }) {
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime692.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime693.jsxs)(
           "svg",
           {
             className: "rounded-[10px]",
@@ -191882,8 +191993,8 @@ function AvatarBox({ checked }) {
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime692.jsx)("rect", { width: "400", height: "400", fill: "#18181B" }),
-              /* @__PURE__ */ (0, import_jsx_runtime692.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime693.jsx)("rect", { width: "400", height: "400", fill: "#18181B" }),
+              /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(
                 "path",
                 {
                   d: "M238.088 51.1218L238.089 51.1223L310.605 92.8101C334.028 106.308 348.526 131.32 347.868 157.953L347.867 157.966V157.978V241.688C347.867 268.68 333.687 293.362 310.271 306.856L310.269 306.858L237.754 348.878C214.336 362.374 185.643 362.374 162.225 348.878L89.7127 306.859C66.6206 293.361 52.1113 268.674 52.1113 241.688V157.978C52.1113 131.326 66.6211 106.307 89.7088 92.8093C89.7101 92.8085 89.7114 92.8078 89.7127 92.807L162.556 51.1233L162.559 51.1218C185.977 37.6261 214.67 37.6261 238.088 51.1218ZM124.634 200C124.634 241.576 158.502 275.372 200.156 275.372C242.142 275.372 276.013 241.578 276.013 200C276.013 158.419 241.805 124.628 200.156 124.628C158.502 124.628 124.634 158.424 124.634 200Z",
@@ -191892,8 +192003,8 @@ function AvatarBox({ checked }) {
                   strokeWidth: "2"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime692.jsxs)("defs", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime692.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime693.jsxs)("defs", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime693.jsxs)(
                   "linearGradient",
                   {
                     id: "paint0_linear_11869_12671",
@@ -191903,12 +192014,12 @@ function AvatarBox({ checked }) {
                     y2: "360",
                     gradientUnits: "userSpaceOnUse",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime692.jsx)("stop", { stopColor: "white" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime692.jsx)("stop", { offset: "1", stopColor: "white", stopOpacity: "0.7" })
+                      /* @__PURE__ */ (0, import_jsx_runtime693.jsx)("stop", { stopColor: "white" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime693.jsx)("stop", { offset: "1", stopColor: "white", stopOpacity: "0.7" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime692.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime693.jsxs)(
                   "linearGradient",
                   {
                     id: "paint1_linear_11869_12671",
@@ -191918,8 +192029,8 @@ function AvatarBox({ checked }) {
                     y2: "360",
                     gradientUnits: "userSpaceOnUse",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime692.jsx)("stop", { stopColor: "white", stopOpacity: "0" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime692.jsx)("stop", { offset: "1", stopColor: "white", stopOpacity: "0.7" })
+                      /* @__PURE__ */ (0, import_jsx_runtime693.jsx)("stop", { stopColor: "white", stopOpacity: "0" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime693.jsx)("stop", { offset: "1", stopColor: "white", stopOpacity: "0.7" })
                     ]
                   }
                 )
@@ -191931,18 +192042,18 @@ function AvatarBox({ checked }) {
     }
   );
 }
-var import_react309, import_jsx_runtime692;
+var import_react309, import_jsx_runtime693;
 var init_avatar_box = __esm({
   "src/components/common/logo-box/avatar-box.tsx"() {
     "use strict";
     import_react309 = require("motion/react");
     init_icon_avatar2();
-    import_jsx_runtime692 = require("react/jsx-runtime");
+    import_jsx_runtime693 = require("react/jsx-runtime");
   }
 });
 
 // src/routes/login/login.tsx
-var import_zod168, import_ui455, import_react_hook_form146, import_react_i18next488, import_react_router_dom248, z64, import_jsx_runtime693, LoginSchema, Login;
+var import_zod168, import_ui455, import_react_hook_form146, import_react_i18next488, import_react_router_dom249, z64, import_jsx_runtime694, LoginSchema, Login;
 var init_login = __esm({
   "src/routes/login/login.tsx"() {
     "use strict";
@@ -191950,22 +192061,22 @@ var init_login = __esm({
     import_ui455 = require("@medusajs/ui");
     import_react_hook_form146 = require("react-hook-form");
     import_react_i18next488 = require("react-i18next");
-    import_react_router_dom248 = require("react-router-dom");
+    import_react_router_dom249 = require("react-router-dom");
     z64 = __toESM(require("zod"));
     init_form2();
     init_avatar_box();
     init_api();
     init_is_fetch_error();
     init_extension_provider2();
-    import_jsx_runtime693 = require("react/jsx-runtime");
+    import_jsx_runtime694 = require("react/jsx-runtime");
     LoginSchema = z64.object({
       email: z64.string().email(),
       password: z64.string()
     });
     Login = () => {
       const { t: t5 } = (0, import_react_i18next488.useTranslation)();
-      const location = (0, import_react_router_dom248.useLocation)();
-      const navigate = (0, import_react_router_dom248.useNavigate)();
+      const location = (0, import_react_router_dom249.useLocation)();
+      const navigate = (0, import_react_router_dom249.useNavigate)();
       const { getWidgets } = useExtension();
       const from = location.state?.from?.pathname || "/orders";
       const form = (0, import_react_hook_form146.useForm)({
@@ -192006,30 +192117,30 @@ var init_login = __esm({
       });
       const serverError = form.formState.errors?.root?.serverError?.message;
       const validationError = form.formState.errors.email?.message || form.formState.errors.password?.message;
-      return /* @__PURE__ */ (0, import_jsx_runtime693.jsx)("div", { className: "bg-ui-bg-subtle flex min-h-dvh w-dvw items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime693.jsxs)("div", { className: "m-4 flex w-full max-w-[280px] flex-col items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(AvatarBox, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime693.jsxs)("div", { className: "mb-4 flex flex-col items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(import_ui455.Heading, { children: t5("login.title") }),
-          /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(import_ui455.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t5("login.hint") })
+      return /* @__PURE__ */ (0, import_jsx_runtime694.jsx)("div", { className: "bg-ui-bg-subtle flex min-h-dvh w-dvw items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime694.jsxs)("div", { className: "m-4 flex w-full max-w-[280px] flex-col items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(AvatarBox, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime694.jsxs)("div", { className: "mb-4 flex flex-col items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(import_ui455.Heading, { children: t5("login.title") }),
+          /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(import_ui455.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t5("login.hint") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime693.jsxs)("div", { className: "flex w-full flex-col gap-y-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime694.jsxs)("div", { className: "flex w-full flex-col gap-y-3", children: [
           getWidgets("login.before").map((Component5, i) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(Component5, {}, i);
+            return /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(Component5, {}, i);
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(Form, { ...form, children: /* @__PURE__ */ (0, import_jsx_runtime693.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(Form, { ...form, children: /* @__PURE__ */ (0, import_jsx_runtime694.jsxs)(
             "form",
             {
               onSubmit: handleSubmit,
               className: "flex w-full flex-col gap-y-6",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime693.jsxs)("div", { className: "flex flex-col gap-y-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime694.jsxs)("div", { className: "flex flex-col gap-y-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(
                     Form.Field,
                     {
                       control: form.control,
                       name: "email",
                       render: ({ field }) => {
-                        return /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(
+                        return /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(
                           import_ui455.Input,
                           {
                             autoComplete: "email",
@@ -192041,15 +192152,15 @@ var init_login = __esm({
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(
                     Form.Field,
                     {
                       control: form.control,
                       name: "password",
                       render: ({ field }) => {
-                        return /* @__PURE__ */ (0, import_jsx_runtime693.jsxs)(Form.Item, { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(Form.Label, {}),
-                          /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(
+                        return /* @__PURE__ */ (0, import_jsx_runtime694.jsxs)(Form.Item, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(Form.Label, {}),
+                          /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(
                             import_ui455.Input,
                             {
                               type: "password",
@@ -192064,8 +192175,8 @@ var init_login = __esm({
                     }
                   )
                 ] }),
-                validationError && /* @__PURE__ */ (0, import_jsx_runtime693.jsx)("div", { className: "text-center", children: /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(import_ui455.Hint, { className: "inline-flex", variant: "error", children: validationError }) }),
-                serverError && /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(
+                validationError && /* @__PURE__ */ (0, import_jsx_runtime694.jsx)("div", { className: "text-center", children: /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(import_ui455.Hint, { className: "inline-flex", variant: "error", children: validationError }) }),
+                serverError && /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(
                   import_ui455.Alert,
                   {
                     className: "bg-ui-bg-base items-center p-2",
@@ -192074,21 +192185,21 @@ var init_login = __esm({
                     children: serverError
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(import_ui455.Button, { className: "w-full", type: "submit", isLoading: isPending, children: t5("actions.continueWithEmail") })
+                /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(import_ui455.Button, { className: "w-full", type: "submit", isLoading: isPending, children: t5("actions.continueWithEmail") })
               ]
             }
           ) }),
           getWidgets("login.after").map((Component5, i) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(Component5, {}, i);
+            return /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(Component5, {}, i);
           })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime693.jsx)("span", { className: "text-ui-fg-muted txt-small my-6", children: /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime694.jsx)("span", { className: "text-ui-fg-muted txt-small my-6", children: /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(
           import_react_i18next488.Trans,
           {
             i18nKey: "login.forgotPassword",
             components: [
-              /* @__PURE__ */ (0, import_jsx_runtime693.jsx)(
-                import_react_router_dom248.Link,
+              /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(
+                import_react_router_dom249.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"
@@ -192116,13 +192227,13 @@ var init_login2 = __esm({
 });
 
 // src/components/common/logo-box/logo-box.tsx
-var import_ui456, import_react310, import_jsx_runtime694, LogoBox;
+var import_ui456, import_react310, import_jsx_runtime695, LogoBox;
 var init_logo_box = __esm({
   "src/components/common/logo-box/logo-box.tsx"() {
     "use strict";
     import_ui456 = require("@medusajs/ui");
     import_react310 = require("motion/react");
-    import_jsx_runtime694 = require("react/jsx-runtime");
+    import_jsx_runtime695 = require("react/jsx-runtime");
     LogoBox = ({
       className,
       checked,
@@ -192137,7 +192248,7 @@ var init_logo_box = __esm({
         ease: [0.1, 0.8, 0.2, 1.01]
       }
     }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime694.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime695.jsxs)(
         "div",
         {
           className: (0, import_ui456.clx)(
@@ -192146,14 +192257,14 @@ var init_logo_box = __esm({
             className
           ),
           children: [
-            checked && /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(
+            checked && /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
               import_react310.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 },
                 animate: { opacity: 1, scale: 1 },
                 transition: containerTransition,
-                children: /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
                   "svg",
                   {
                     xmlns: "http://www.w3.org/2000/svg",
@@ -192161,7 +192272,7 @@ var init_logo_box = __esm({
                     height: "20",
                     viewBox: "0 0 20 20",
                     fill: "none",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
                       import_react310.motion.path,
                       {
                         d: "M5.8335 10.4167L9.16683 13.75L14.1668 6.25",
@@ -192178,7 +192289,7 @@ var init_logo_box = __esm({
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
               "svg",
               {
                 width: "36",
@@ -192186,7 +192297,7 @@ var init_logo_box = __esm({
                 viewBox: "0 0 36 38",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                children: /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
                   "path",
                   {
                     d: "M30.85 6.16832L22.2453 1.21782C19.4299 -0.405941 15.9801 -0.405941 13.1648 1.21782L4.52043 6.16832C1.74473 7.79208 0 10.802 0 14.0099V23.9505C0 27.198 1.74473 30.1683 4.52043 31.7921L13.1251 36.7822C15.9405 38.4059 19.3903 38.4059 22.2056 36.7822L30.8103 31.7921C33.6257 30.1683 35.3307 27.198 35.3307 23.9505V14.0099C35.41 10.802 33.6653 7.79208 30.85 6.16832ZM17.6852 27.8317C12.8079 27.8317 8.8426 23.8713 8.8426 19C8.8426 14.1287 12.8079 10.1683 17.6852 10.1683C22.5625 10.1683 26.5674 14.1287 26.5674 19C26.5674 23.8713 22.6022 27.8317 17.6852 27.8317Z",
@@ -192212,7 +192323,7 @@ var init_logo_box2 = __esm({
 });
 
 // src/routes/reset-password/reset-password.tsx
-var import_zod169, import_ui457, import_react_hook_form147, import_react_i18next489, import_react_router_dom249, z65, import_react311, import_react_jwt, import_jsx_runtime695, ResetPasswordInstructionsSchema, ResetPasswordSchema, ResetPasswordTokenSchema, validateDecodedResetPasswordToken, InvalidResetToken, ChooseNewPassword, ResetPassword;
+var import_zod169, import_ui457, import_react_hook_form147, import_react_i18next489, import_react_router_dom250, z65, import_react311, import_react_jwt, import_jsx_runtime696, ResetPasswordInstructionsSchema, ResetPasswordSchema, ResetPasswordTokenSchema, validateDecodedResetPasswordToken, InvalidResetToken, ChooseNewPassword, ResetPassword;
 var init_reset_password = __esm({
   "src/routes/reset-password/reset-password.tsx"() {
     "use strict";
@@ -192220,7 +192331,7 @@ var init_reset_password = __esm({
     import_ui457 = require("@medusajs/ui");
     import_react_hook_form147 = require("react-hook-form");
     import_react_i18next489 = require("react-i18next");
-    import_react_router_dom249 = require("react-router-dom");
+    import_react_router_dom250 = require("react-router-dom");
     z65 = __toESM(require("zod"));
     import_react311 = require("react");
     import_react_jwt = require("react-jwt");
@@ -192228,7 +192339,7 @@ var init_reset_password = __esm({
     init_logo_box2();
     init_i18n2();
     init_auth();
-    import_jsx_runtime695 = require("react/jsx-runtime");
+    import_jsx_runtime696 = require("react/jsx-runtime");
     ResetPasswordInstructionsSchema = z65.object({
       email: z65.string().email()
     });
@@ -192255,14 +192366,14 @@ var init_reset_password = __esm({
     };
     InvalidResetToken = () => {
       const { t: t5 } = (0, import_react_i18next489.useTranslation)();
-      const navigate = (0, import_react_router_dom249.useNavigate)();
-      return /* @__PURE__ */ (0, import_jsx_runtime695.jsx)("div", { className: "bg-ui-bg-base flex min-h-dvh w-dvw items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime695.jsxs)("div", { className: "m-4 flex w-full max-w-[300px] flex-col items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(LogoBox, { className: "mb-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime695.jsxs)("div", { className: "mb-6 flex flex-col items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(import_ui457.Heading, { children: t5("resetPassword.invalidLinkTitle") }),
-          /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(import_ui457.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t5("resetPassword.invalidLinkHint") })
+      const navigate = (0, import_react_router_dom250.useNavigate)();
+      return /* @__PURE__ */ (0, import_jsx_runtime696.jsx)("div", { className: "bg-ui-bg-base flex min-h-dvh w-dvw items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)("div", { className: "m-4 flex w-full max-w-[300px] flex-col items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(LogoBox, { className: "mb-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)("div", { className: "mb-6 flex flex-col items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(import_ui457.Heading, { children: t5("resetPassword.invalidLinkTitle") }),
+          /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(import_ui457.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t5("resetPassword.invalidLinkHint") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime695.jsx)("div", { className: "flex w-full flex-col gap-y-3", children: /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime696.jsx)("div", { className: "flex w-full flex-col gap-y-3", children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
           import_ui457.Button,
           {
             onClick: () => navigate("/reset-password", { replace: true }),
@@ -192271,13 +192382,13 @@ var init_reset_password = __esm({
             children: t5("resetPassword.goToResetPassword")
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime695.jsx)("span", { className: "txt-small my-6", children: /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime696.jsx)("span", { className: "txt-small my-6", children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
           import_react_i18next489.Trans,
           {
             i18nKey: "resetPassword.backToLogin",
             components: [
-              /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
-                import_react_router_dom249.Link,
+              /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
+                import_react_router_dom250.Link,
                 {
                   to: "/login",
                   className: "text-ui-fg-interactive transition-fg hover:text-ui-fg-interactive-hover focus-visible:text-ui-fg-interactive-hover outline-none"
@@ -192323,30 +192434,30 @@ var init_reset_password = __esm({
         );
       });
       if (!isValidResetPasswordToken) {
-        return /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(InvalidResetToken, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(InvalidResetToken, {});
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime695.jsx)("div", { className: "bg-ui-bg-subtle flex min-h-dvh w-dvw items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime695.jsxs)("div", { className: "m-4 flex w-full max-w-[280px] flex-col items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(LogoBox, { className: "mb-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime695.jsxs)("div", { className: "mb-6 flex flex-col items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(import_ui457.Heading, { children: t5("resetPassword.resetPassword") }),
-          /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(import_ui457.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t5("resetPassword.newPasswordHint") })
+      return /* @__PURE__ */ (0, import_jsx_runtime696.jsx)("div", { className: "bg-ui-bg-subtle flex min-h-dvh w-dvw items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)("div", { className: "m-4 flex w-full max-w-[280px] flex-col items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(LogoBox, { className: "mb-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)("div", { className: "mb-6 flex flex-col items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(import_ui457.Heading, { children: t5("resetPassword.resetPassword") }),
+          /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(import_ui457.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t5("resetPassword.newPasswordHint") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime695.jsx)("div", { className: "flex w-full flex-col gap-y-3", children: /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(Form, { ...form, children: /* @__PURE__ */ (0, import_jsx_runtime695.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime696.jsx)("div", { className: "flex w-full flex-col gap-y-3", children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(Form, { ...form, children: /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)(
           "form",
           {
             onSubmit: handleSubmit,
             className: "flex w-full flex-col gap-y-6",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime695.jsxs)("div", { className: "flex flex-col gap-y-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(import_ui457.Input, { type: "email", disabled: true, value: invite?.entity_id }),
-                /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)("div", { className: "flex flex-col gap-y-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(import_ui457.Input, { type: "email", disabled: true, value: invite?.entity_id }),
+                /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
                   Form.Field,
                   {
                     control: form.control,
                     name: "password",
                     render: ({ field }) => {
-                      return /* @__PURE__ */ (0, import_jsx_runtime695.jsxs)(Form.Item, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)(Form.Item, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
                           import_ui457.Input,
                           {
                             autoComplete: "new-password",
@@ -192355,19 +192466,19 @@ var init_reset_password = __esm({
                             placeholder: t5("resetPassword.newPassword")
                           }
                         ) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(Form.ErrorMessage, {})
+                        /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(Form.ErrorMessage, {})
                       ] });
                     }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
                   Form.Field,
                   {
                     control: form.control,
                     name: "repeat_password",
                     render: ({ field }) => {
-                      return /* @__PURE__ */ (0, import_jsx_runtime695.jsxs)(Form.Item, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)(Form.Item, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
                           import_ui457.Input,
                           {
                             autoComplete: "off",
@@ -192376,27 +192487,27 @@ var init_reset_password = __esm({
                             placeholder: t5("resetPassword.repeatNewPassword")
                           }
                         ) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(Form.ErrorMessage, {})
+                        /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(Form.ErrorMessage, {})
                       ] });
                     }
                   }
                 )
               ] }),
-              showAlert && /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(import_ui457.Alert, { dismissible: true, variant: "success", children: /* @__PURE__ */ (0, import_jsx_runtime695.jsxs)("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime695.jsx)("span", { className: "text-ui-fg-base mb-1", children: t5("resetPassword.successfulResetTitle") }),
-                /* @__PURE__ */ (0, import_jsx_runtime695.jsx)("span", { children: t5("resetPassword.successfulReset") })
+              showAlert && /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(import_ui457.Alert, { dismissible: true, variant: "success", children: /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime696.jsx)("span", { className: "text-ui-fg-base mb-1", children: t5("resetPassword.successfulResetTitle") }),
+                /* @__PURE__ */ (0, import_jsx_runtime696.jsx)("span", { children: t5("resetPassword.successfulReset") })
               ] }) }),
-              !showAlert && /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(import_ui457.Button, { className: "w-full", type: "submit", isLoading: isPending, children: t5("resetPassword.resetPassword") })
+              !showAlert && /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(import_ui457.Button, { className: "w-full", type: "submit", isLoading: isPending, children: t5("resetPassword.resetPassword") })
             ]
           }
         ) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime695.jsx)("span", { className: "txt-small my-6", children: /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime696.jsx)("span", { className: "txt-small my-6", children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
           import_react_i18next489.Trans,
           {
             i18nKey: "resetPassword.backToLogin",
             components: [
-              /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
-                import_react_router_dom249.Link,
+              /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
+                import_react_router_dom250.Link,
                 {
                   to: "/login",
                   className: "text-ui-fg-base transition-fg hover:text-ui-fg-base-hover focus-visible:text-ui-fg-base-hover outline-none"
@@ -192410,7 +192521,7 @@ var init_reset_password = __esm({
     };
     ResetPassword = () => {
       const { t: t5 } = (0, import_react_i18next489.useTranslation)();
-      const [searchParams] = (0, import_react_router_dom249.useSearchParams)();
+      const [searchParams] = (0, import_react_router_dom250.useSearchParams)();
       const [showAlert, setShowAlert] = (0, import_react311.useState)(false);
       const token = searchParams.get("token");
       const form = (0, import_react_hook_form147.useForm)({
@@ -192437,28 +192548,28 @@ var init_reset_password = __esm({
         );
       });
       if (token) {
-        return /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(ChooseNewPassword, { token });
+        return /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(ChooseNewPassword, { token });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime695.jsx)("div", { className: "bg-ui-bg-base flex min-h-dvh w-dvw items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime695.jsxs)("div", { className: "m-4 flex w-full max-w-[300px] flex-col items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(LogoBox, { className: "mb-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime695.jsxs)("div", { className: "mb-4 flex flex-col items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(import_ui457.Heading, { children: t5("resetPassword.resetPassword") }),
-          /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(import_ui457.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t5("resetPassword.hint") })
+      return /* @__PURE__ */ (0, import_jsx_runtime696.jsx)("div", { className: "bg-ui-bg-base flex min-h-dvh w-dvw items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)("div", { className: "m-4 flex w-full max-w-[300px] flex-col items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(LogoBox, { className: "mb-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)("div", { className: "mb-4 flex flex-col items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(import_ui457.Heading, { children: t5("resetPassword.resetPassword") }),
+          /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(import_ui457.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t5("resetPassword.hint") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime695.jsx)("div", { className: "flex w-full flex-col gap-y-3", children: /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(Form, { ...form, children: /* @__PURE__ */ (0, import_jsx_runtime695.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime696.jsx)("div", { className: "flex w-full flex-col gap-y-3", children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(Form, { ...form, children: /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)(
           "form",
           {
             onSubmit: handleSubmit,
             className: "flex w-full flex-col gap-y-6",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime695.jsx)("div", { className: "mt-4 flex flex-col gap-y-3", children: /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime696.jsx)("div", { className: "mt-4 flex flex-col gap-y-3", children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
                 Form.Field,
                 {
                   control: form.control,
                   name: "email",
                   render: ({ field }) => {
-                    return /* @__PURE__ */ (0, import_jsx_runtime695.jsxs)(Form.Item, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)(Form.Item, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
                         import_ui457.Input,
                         {
                           autoComplete: "email",
@@ -192466,26 +192577,26 @@ var init_reset_password = __esm({
                           placeholder: t5("fields.email")
                         }
                       ) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(Form.ErrorMessage, {})
+                      /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(Form.ErrorMessage, {})
                     ] });
                   }
                 }
               ) }),
-              showAlert && /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(import_ui457.Alert, { dismissible: true, variant: "success", children: /* @__PURE__ */ (0, import_jsx_runtime695.jsxs)("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime695.jsx)("span", { className: "text-ui-fg-base mb-1", children: t5("resetPassword.successfulRequestTitle") }),
-                /* @__PURE__ */ (0, import_jsx_runtime695.jsx)("span", { children: t5("resetPassword.successfulRequest") })
+              showAlert && /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(import_ui457.Alert, { dismissible: true, variant: "success", children: /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime696.jsx)("span", { className: "text-ui-fg-base mb-1", children: t5("resetPassword.successfulRequestTitle") }),
+                /* @__PURE__ */ (0, import_jsx_runtime696.jsx)("span", { children: t5("resetPassword.successfulRequest") })
               ] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(import_ui457.Button, { className: "w-full", type: "submit", isLoading: isPending, children: t5("resetPassword.sendResetInstructions") })
+              /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(import_ui457.Button, { className: "w-full", type: "submit", isLoading: isPending, children: t5("resetPassword.sendResetInstructions") })
             ]
           }
         ) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime695.jsx)("span", { className: "txt-small my-6", children: /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime696.jsx)("span", { className: "txt-small my-6", children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
           import_react_i18next489.Trans,
           {
             i18nKey: "resetPassword.backToLogin",
             components: [
-              /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
-                import_react_router_dom249.Link,
+              /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
+                import_react_router_dom250.Link,
                 {
                   to: "/login",
                   className: "text-ui-fg-base transition-fg hover:text-ui-fg-base-hover focus-visible:text-ui-fg-base-hover outline-none"
@@ -192513,7 +192624,7 @@ var init_reset_password2 = __esm({
 });
 
 // src/routes/invite/invite.tsx
-var import_zod170, import_ui458, import_i18next8, import_react312, import_react313, import_react_hook_form148, import_react_i18next490, import_react_jwt2, import_react_router_dom250, z66, import_jsx_runtime696, CreateAccountSchema, Invite, LoginLink, InvalidView, CreateView, SuccessView, InviteSchema, validateDecodedInvite;
+var import_zod170, import_ui458, import_i18next8, import_react312, import_react313, import_react_hook_form148, import_react_i18next490, import_react_jwt2, import_react_router_dom251, z66, import_jsx_runtime697, CreateAccountSchema, Invite, LoginLink, InvalidView, CreateView, SuccessView, InviteSchema, validateDecodedInvite;
 var init_invite = __esm({
   "src/routes/invite/invite.tsx"() {
     "use strict";
@@ -192525,14 +192636,14 @@ var init_invite = __esm({
     import_react_hook_form148 = require("react-hook-form");
     import_react_i18next490 = require("react-i18next");
     import_react_jwt2 = require("react-jwt");
-    import_react_router_dom250 = require("react-router-dom");
+    import_react_router_dom251 = require("react-router-dom");
     z66 = __toESM(require("zod"));
     init_form2();
     init_avatar_box();
     init_auth();
     init_invites();
     init_is_fetch_error();
-    import_jsx_runtime696 = require("react/jsx-runtime");
+    import_jsx_runtime697 = require("react/jsx-runtime");
     CreateAccountSchema = z66.object({
       email: z66.string().email(),
       first_name: z66.string().min(1),
@@ -192549,14 +192660,14 @@ var init_invite = __esm({
       }
     });
     Invite = () => {
-      const [searchParams] = (0, import_react_router_dom250.useSearchParams)();
+      const [searchParams] = (0, import_react_router_dom251.useSearchParams)();
       const [success, setSuccess] = (0, import_react313.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_runtime696.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_runtime696.jsxs)("div", { className: "flex w-full max-w-[360px] flex-col items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(AvatarBox, { checked: success }),
-        /* @__PURE__ */ (0, import_jsx_runtime696.jsx)("div", { className: "max-h-[557px] w-full will-change-contents", children: isValidInvite ? /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(import_react312.AnimatePresence, { children: !success ? /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime697.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_runtime697.jsxs)("div", { className: "flex w-full max-w-[360px] flex-col items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(AvatarBox, { checked: success }),
+        /* @__PURE__ */ (0, import_jsx_runtime697.jsx)("div", { className: "max-h-[557px] w-full will-change-contents", children: isValidInvite ? /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(import_react312.AnimatePresence, { children: !success ? /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(
           import_react312.motion.div,
           {
             initial: false,
@@ -192574,7 +192685,7 @@ var init_invite = __esm({
               ease: [0, 0.71, 0.2, 1.01]
             },
             className: "w-full will-change-transform",
-            children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(
               import_react312.motion.div,
               {
                 initial: false,
@@ -192591,7 +192702,7 @@ var init_invite = __esm({
                   delay: 0,
                   ease: [0, 0.71, 0.2, 1.01]
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(
                   CreateView,
                   {
                     onSuccess: () => setSuccess(true),
@@ -192604,7 +192715,7 @@ var init_invite = __esm({
             )
           },
           "create-account"
-        ) : /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(
           import_react312.motion.div,
           {
             initial: {
@@ -192621,18 +192732,18 @@ var init_invite = __esm({
               ease: [0, 0.71, 0.2, 1.01]
             },
             className: "w-full",
-            children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(SuccessView, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(SuccessView, {})
           },
           "success-view"
-        ) }) : /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(InvalidView, {}) })
+        ) }) : /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(InvalidView, {}) })
       ] }) });
     };
     LoginLink = () => {
       const { t: t5 } = (0, import_react_i18next490.useTranslation)();
-      return /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)("div", { className: "flex w-full flex-col items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime696.jsx)("div", { className: "my-6 h-px w-full border-b border-dotted" }),
-        /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
-          import_react_router_dom250.Link,
+      return /* @__PURE__ */ (0, import_jsx_runtime697.jsxs)("div", { className: "flex w-full flex-col items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime697.jsx)("div", { className: "my-6 h-px w-full border-b border-dotted" }),
+        /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(
+          import_react_router_dom251.Link,
           {
             to: "/login",
             className: "txt-small text-ui-fg-base transition-fg hover:text-ui-fg-base-hover focus-visible:text-ui-fg-base-hover font-medium outline-none",
@@ -192644,12 +192755,12 @@ var init_invite = __esm({
     };
     InvalidView = () => {
       const { t: t5 } = (0, import_react_i18next490.useTranslation)();
-      return /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)("div", { className: "flex flex-col items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)("div", { className: "flex flex-col items-center gap-y-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(import_ui458.Heading, { children: t5("invite.invalidTokenTitle") }),
-          /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(import_ui458.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t5("invite.invalidTokenHint") })
+      return /* @__PURE__ */ (0, import_jsx_runtime697.jsxs)("div", { className: "flex flex-col items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime697.jsxs)("div", { className: "flex flex-col items-center gap-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(import_ui458.Heading, { children: t5("invite.invalidTokenTitle") }),
+          /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(import_ui458.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t5("invite.invalidTokenHint") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(LoginLink, {})
+        /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(LoginLink, {})
       ] });
     };
     CreateView = ({
@@ -192659,7 +192770,7 @@ var init_invite = __esm({
     }) => {
       const { t: t5 } = (0, import_react_i18next490.useTranslation)();
       const [invalid, setInvalid] = (0, import_react313.useState)(false);
-      const [params2] = (0, import_react_router_dom250.useSearchParams)();
+      const [params2] = (0, import_react_router_dom251.useSearchParams)();
       const isFirstRun = params2.get("first_run") === "true";
       const form = (0, import_react_hook_form148.useForm)({
         resolver: (0, import_zod170.zodResolver)(CreateAccountSchema),
@@ -192707,20 +192818,20 @@ var init_invite = __esm({
       });
       const serverError = form.formState.errors.root?.message;
       const validationError = form.formState.errors.email?.message || form.formState.errors.password?.message || form.formState.errors.repeat_password?.message || form.formState.errors.first_name?.message || form.formState.errors.last_name?.message;
-      return /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)("div", { className: "flex w-full flex-col items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)("div", { className: "mb-4 flex flex-col items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(import_ui458.Heading, { children: t5("invite.title") }),
-          /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(import_ui458.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t5("invite.hint") })
+      return /* @__PURE__ */ (0, import_jsx_runtime697.jsxs)("div", { className: "flex w-full flex-col items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime697.jsxs)("div", { className: "mb-4 flex flex-col items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(import_ui458.Heading, { children: t5("invite.title") }),
+          /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(import_ui458.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t5("invite.hint") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(Form, { ...form, children: /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)("form", { onSubmit: handleSubmit, className: "flex w-full flex-col gap-y-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)("div", { className: "flex flex-col gap-y-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(Form, { ...form, children: /* @__PURE__ */ (0, import_jsx_runtime697.jsxs)("form", { onSubmit: handleSubmit, className: "flex w-full flex-col gap-y-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime697.jsxs)("div", { className: "flex flex-col gap-y-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(
               Form.Field,
               {
                 control: form.control,
                 name: "email",
                 render: ({ field }) => {
-                  return /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(
                     import_ui458.Input,
                     {
                       autoComplete: "off",
@@ -192732,13 +192843,13 @@ var init_invite = __esm({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(
               Form.Field,
               {
                 control: form.control,
                 name: "first_name",
                 render: ({ field }) => {
-                  return /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(
                     import_ui458.Input,
                     {
                       autoComplete: "given-name",
@@ -192750,13 +192861,13 @@ var init_invite = __esm({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(
               Form.Field,
               {
                 control: form.control,
                 name: "last_name",
                 render: ({ field }) => {
-                  return /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(
                     import_ui458.Input,
                     {
                       autoComplete: "family-name",
@@ -192768,13 +192879,13 @@ var init_invite = __esm({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(
               Form.Field,
               {
                 control: form.control,
                 name: "password",
                 render: ({ field }) => {
-                  return /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(
                     import_ui458.Input,
                     {
                       autoComplete: "new-password",
@@ -192787,13 +192898,13 @@ var init_invite = __esm({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(
               Form.Field,
               {
                 control: form.control,
                 name: "repeat_password",
                 render: ({ field }) => {
-                  return /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(
                     import_ui458.Input,
                     {
                       autoComplete: "off",
@@ -192806,8 +192917,8 @@ var init_invite = __esm({
                 }
               }
             ),
-            validationError && /* @__PURE__ */ (0, import_jsx_runtime696.jsx)("div", { className: "mt-6 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(import_ui458.Hint, { className: "inline-flex", variant: "error", children: validationError }) }),
-            serverError && /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
+            validationError && /* @__PURE__ */ (0, import_jsx_runtime697.jsx)("div", { className: "mt-6 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(import_ui458.Hint, { className: "inline-flex", variant: "error", children: validationError }) }),
+            serverError && /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(
               import_ui458.Alert,
               {
                 className: "bg-ui-bg-base items-center p-2",
@@ -192817,7 +192928,7 @@ var init_invite = __esm({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(
             import_ui458.Button,
             {
               className: "w-full",
@@ -192828,19 +192939,19 @@ var init_invite = __esm({
             }
           )
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(LoginLink, {})
+        /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(LoginLink, {})
       ] });
     };
     SuccessView = () => {
       const { t: t5 } = (0, import_react_i18next490.useTranslation)();
-      return /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)("div", { className: "flex w-full flex-col items-center gap-y-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime696.jsxs)("div", { className: "flex flex-col items-center gap-y-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(import_ui458.Heading, { className: "text-center", children: t5("invite.successTitle") }),
-          /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(import_ui458.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t5("invite.successHint") })
+      return /* @__PURE__ */ (0, import_jsx_runtime697.jsxs)("div", { className: "flex w-full flex-col items-center gap-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime697.jsxs)("div", { className: "flex flex-col items-center gap-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(import_ui458.Heading, { className: "text-center", children: t5("invite.successTitle") }),
+          /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(import_ui458.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t5("invite.successHint") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(import_ui458.Button, { variant: "secondary", asChild: true, className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(import_react_router_dom250.Link, { to: "/login", replace: true, children: t5("invite.successAction") }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime696.jsx)(
-          import_react_router_dom250.Link,
+        /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(import_ui458.Button, { variant: "secondary", asChild: true, className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(import_react_router_dom251.Link, { to: "/login", replace: true, children: t5("invite.successAction") }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(
+          import_react_router_dom251.Link,
           {
             to: "/login",
             className: "txt-small text-ui-fg-base transition-fg hover:text-ui-fg-base-hover focus-visible:text-ui-fg-base-hover font-medium outline-none",
@@ -192875,25 +192986,25 @@ var init_invite2 = __esm({
 });
 
 // src/routes/no-match/no-match.tsx
-var import_icons175, import_ui459, import_react_i18next491, import_react_router_dom251, import_jsx_runtime697, NoMatch;
+var import_icons175, import_ui459, import_react_i18next491, import_react_router_dom252, import_jsx_runtime698, NoMatch;
 var init_no_match = __esm({
   "src/routes/no-match/no-match.tsx"() {
     "use strict";
     import_icons175 = require("@medusajs/icons");
     import_ui459 = require("@medusajs/ui");
     import_react_i18next491 = require("react-i18next");
-    import_react_router_dom251 = require("react-router-dom");
-    import_jsx_runtime697 = require("react/jsx-runtime");
+    import_react_router_dom252 = require("react-router-dom");
+    import_jsx_runtime698 = require("react/jsx-runtime");
     NoMatch = () => {
       const { t: t5 } = (0, import_react_i18next491.useTranslation)();
       const title = t5("errorBoundary.notFoundTitle");
       const message = t5("errorBoundary.noMatchMessage");
-      return /* @__PURE__ */ (0, import_jsx_runtime697.jsx)("div", { className: "flex size-full min-h-screen items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime697.jsxs)("div", { className: "flex flex-col items-center gap-y-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime697.jsxs)("div", { className: "text-ui-fg-subtle flex flex-col items-center gap-y-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(import_icons175.ExclamationCircle, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime697.jsxs)("div", { className: "flex flex-col items-center justify-center gap-y-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(import_ui459.Text, { size: "small", leading: "compact", weight: "plus", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime698.jsx)("div", { className: "flex size-full min-h-screen items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime698.jsxs)("div", { className: "flex flex-col items-center gap-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime698.jsxs)("div", { className: "text-ui-fg-subtle flex flex-col items-center gap-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(import_icons175.ExclamationCircle, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime698.jsxs)("div", { className: "flex flex-col items-center justify-center gap-y-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(import_ui459.Text, { size: "small", leading: "compact", weight: "plus", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(
               import_ui459.Text,
               {
                 size: "small",
@@ -192903,7 +193014,7 @@ var init_no_match = __esm({
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(import_ui459.Button, { asChild: true, size: "small", variant: "secondary", children: /* @__PURE__ */ (0, import_jsx_runtime697.jsx)(import_react_router_dom251.Link, { to: "/", children: t5("errorBoundary.backToDashboard") }) })
+        /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(import_ui459.Button, { asChild: true, size: "small", variant: "secondary", children: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(import_react_router_dom252.Link, { to: "/", children: t5("errorBoundary.backToDashboard") }) })
       ] }) });
     };
   }
@@ -192928,20 +193039,20 @@ function getRouteMap({
 }) {
   return [
     {
-      element: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ProtectedRoute, {}),
-      errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
+      element: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ProtectedRoute, {}),
+      errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
       children: [
         {
-          element: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(MainLayout, {}),
+          element: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(MainLayout, {}),
           children: [
             {
               path: "/",
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
               lazy: () => Promise.resolve().then(() => (init_home2(), home_exports))
             },
             {
               path: "/products",
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("products.domain")
               },
@@ -192966,14 +193077,14 @@ function getRouteMap({
                 },
                 {
                   path: ":id",
-                  errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
+                  errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
                   lazy: async () => {
                     const { Breadcrumb, loader } = await Promise.resolve().then(() => (init_product_detail2(), product_detail_exports));
                     return {
-                      Component: import_react_router_dom252.Outlet,
+                      Component: import_react_router_dom253.Outlet,
                       loader,
                       handle: {
-                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                       }
                     };
                   },
@@ -193048,7 +193159,7 @@ function getRouteMap({
                           Component: Component5,
                           loader,
                           handle: {
-                            breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                            breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                           }
                         };
                       },
@@ -193081,7 +193192,7 @@ function getRouteMap({
             },
             {
               path: "/categories",
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("categories.domain")
               },
@@ -193108,7 +193219,7 @@ function getRouteMap({
                       Component: Component5,
                       loader,
                       handle: {
-                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                       }
                     };
                   },
@@ -193135,7 +193246,7 @@ function getRouteMap({
             },
             {
               path: "/orders",
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("orders.domain")
               },
@@ -193158,7 +193269,7 @@ function getRouteMap({
                       Component: Component5,
                       loader,
                       handle: {
-                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                       }
                     };
                   },
@@ -193225,7 +193336,7 @@ function getRouteMap({
             },
             {
               path: "/promotions",
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("promotions.domain")
               },
@@ -193246,7 +193357,7 @@ function getRouteMap({
                       Component: Component5,
                       loader,
                       handle: {
-                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                       }
                     };
                   },
@@ -193269,7 +193380,7 @@ function getRouteMap({
             },
             {
               path: "/campaigns",
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("campaigns.domain")
               },
@@ -193291,7 +193402,7 @@ function getRouteMap({
                       Component: Component5,
                       loader,
                       handle: {
-                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                       }
                     };
                   },
@@ -193318,7 +193429,7 @@ function getRouteMap({
             },
             {
               path: "/collections",
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("collections.domain")
               },
@@ -193341,7 +193452,7 @@ function getRouteMap({
                       Component: Component5,
                       loader,
                       handle: {
-                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                       }
                     };
                   },
@@ -193364,7 +193475,7 @@ function getRouteMap({
             },
             {
               path: "/price-lists",
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("priceLists.domain")
               },
@@ -193387,7 +193498,7 @@ function getRouteMap({
                       Component: Component5,
                       loader,
                       handle: {
-                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                       }
                     };
                   },
@@ -193414,7 +193525,7 @@ function getRouteMap({
             },
             {
               path: "/customers",
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("customers.domain")
               },
@@ -193437,7 +193548,7 @@ function getRouteMap({
                       Component: Component5,
                       loader,
                       handle: {
-                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                       }
                     };
                   },
@@ -193468,7 +193579,7 @@ function getRouteMap({
             },
             {
               path: "/customer-groups",
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("customerGroups.domain")
               },
@@ -193491,7 +193602,7 @@ function getRouteMap({
                       Component: Component5,
                       loader,
                       handle: {
-                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                       }
                     };
                   },
@@ -193514,7 +193625,7 @@ function getRouteMap({
             },
             {
               path: "/reservations",
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("reservations.domain")
               },
@@ -193537,7 +193648,7 @@ function getRouteMap({
                       Component: Component5,
                       loader,
                       handle: {
-                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                       }
                     };
                   },
@@ -193556,7 +193667,7 @@ function getRouteMap({
             },
             {
               path: "/inventory",
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("inventory.domain")
               },
@@ -193583,7 +193694,7 @@ function getRouteMap({
                       Component: Component5,
                       loader,
                       handle: {
-                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                       }
                     };
                   },
@@ -193618,24 +193729,24 @@ function getRouteMap({
       ]
     },
     {
-      element: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ProtectedRoute, {}),
-      errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
+      element: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ProtectedRoute, {}),
+      errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
       children: [
         {
           path: "/settings",
           handle: {
             breadcrumb: () => (0, import_i18next9.t)("app.nav.settings.header")
           },
-          element: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(SettingsLayout, {}),
+          element: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(SettingsLayout, {}),
           children: [
             {
               index: true,
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
               lazy: () => Promise.resolve().then(() => (init_settings2(), settings_exports))
             },
             {
               path: "profile",
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
               lazy: () => Promise.resolve().then(() => (init_profile_detail2(), profile_detail_exports)),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("profile.domain")
@@ -193649,8 +193760,8 @@ function getRouteMap({
             },
             {
               path: "regions",
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
-              element: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(import_react_router_dom252.Outlet, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
+              element: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(import_react_router_dom253.Outlet, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("regions.domain")
               },
@@ -193673,7 +193784,7 @@ function getRouteMap({
                       Component: Component5,
                       loader,
                       handle: {
-                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                       }
                     };
                   },
@@ -193696,7 +193807,7 @@ function getRouteMap({
             },
             {
               path: "store",
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
               lazy: () => Promise.resolve().then(() => (init_store_detail2(), store_detail_exports)),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("store.domain")
@@ -193722,8 +193833,8 @@ function getRouteMap({
             },
             {
               path: "users",
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
-              element: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(import_react_router_dom252.Outlet, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
+              element: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(import_react_router_dom253.Outlet, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("users.domain")
               },
@@ -193746,7 +193857,7 @@ function getRouteMap({
                       Component: Component5,
                       loader,
                       handle: {
-                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                       }
                     };
                   },
@@ -193765,8 +193876,8 @@ function getRouteMap({
             },
             {
               path: "sales-channels",
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
-              element: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(import_react_router_dom252.Outlet, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
+              element: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(import_react_router_dom253.Outlet, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("salesChannels.domain")
               },
@@ -193789,7 +193900,7 @@ function getRouteMap({
                       Component: Component5,
                       loader,
                       handle: {
-                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                       }
                     };
                   },
@@ -193812,8 +193923,8 @@ function getRouteMap({
             },
             {
               path: "locations",
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
-              element: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(import_react_router_dom252.Outlet, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
+              element: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(import_react_router_dom253.Outlet, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("locations.domain")
               },
@@ -193828,7 +193939,7 @@ function getRouteMap({
                 },
                 {
                   path: "shipping-profiles",
-                  element: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(import_react_router_dom252.Outlet, {}),
+                  element: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(import_react_router_dom253.Outlet, {}),
                   handle: {
                     breadcrumb: () => (0, import_i18next9.t)("shippingProfile.domain")
                   },
@@ -193851,7 +193962,7 @@ function getRouteMap({
                           Component: Component5,
                           loader,
                           handle: {
-                            breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                            breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                           }
                         };
                       },
@@ -193866,8 +193977,8 @@ function getRouteMap({
                 },
                 {
                   path: "shipping-option-types",
-                  errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
-                  element: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(import_react_router_dom252.Outlet, {}),
+                  errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
+                  element: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(import_react_router_dom253.Outlet, {}),
                   handle: {
                     breadcrumb: () => (0, import_i18next9.t)("shippingOptionTypes.domain")
                   },
@@ -193890,7 +194001,7 @@ function getRouteMap({
                           Component: Component5,
                           loader,
                           handle: {
-                            breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                            breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                           }
                         };
                       },
@@ -193911,7 +194022,7 @@ function getRouteMap({
                       Component: Component5,
                       loader,
                       handle: {
-                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                       }
                     };
                   },
@@ -193978,8 +194089,8 @@ function getRouteMap({
             },
             {
               path: "product-tags",
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
-              element: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(import_react_router_dom252.Outlet, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
+              element: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(import_react_router_dom253.Outlet, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("productTags.domain")
               },
@@ -194002,7 +194113,7 @@ function getRouteMap({
                       Component: Component5,
                       loader,
                       handle: {
-                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                       }
                     };
                   },
@@ -194021,8 +194132,8 @@ function getRouteMap({
             },
             {
               path: "workflows",
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
-              element: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(import_react_router_dom252.Outlet, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
+              element: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(import_react_router_dom253.Outlet, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("workflowExecutions.domain")
               },
@@ -194039,7 +194150,7 @@ function getRouteMap({
                       Component: Component5,
                       loader,
                       handle: {
-                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                       }
                     };
                   }
@@ -194048,8 +194159,8 @@ function getRouteMap({
             },
             {
               path: "product-types",
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
-              element: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(import_react_router_dom252.Outlet, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
+              element: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(import_react_router_dom253.Outlet, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("productTypes.domain")
               },
@@ -194072,7 +194183,7 @@ function getRouteMap({
                       Component: Component5,
                       loader,
                       handle: {
-                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                       }
                     };
                   },
@@ -194091,14 +194202,14 @@ function getRouteMap({
             },
             {
               path: "publishable-api-keys",
-              element: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(import_react_router_dom252.Outlet, {}),
+              element: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(import_react_router_dom253.Outlet, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("apiKeyManagement.domain.publishable")
               },
               children: [
                 {
                   path: "",
-                  element: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(import_react_router_dom252.Outlet, {}),
+                  element: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(import_react_router_dom253.Outlet, {}),
                   children: [
                     {
                       path: "",
@@ -194120,7 +194231,7 @@ function getRouteMap({
                       Component: Component5,
                       loader,
                       handle: {
-                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                       }
                     };
                   },
@@ -194139,14 +194250,14 @@ function getRouteMap({
             },
             {
               path: "secret-api-keys",
-              element: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(import_react_router_dom252.Outlet, {}),
+              element: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(import_react_router_dom253.Outlet, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("apiKeyManagement.domain.secret")
               },
               children: [
                 {
                   path: "",
-                  element: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(import_react_router_dom252.Outlet, {}),
+                  element: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(import_react_router_dom253.Outlet, {}),
                   children: [
                     {
                       path: "",
@@ -194168,7 +194279,7 @@ function getRouteMap({
                       Component: Component5,
                       loader,
                       handle: {
-                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                        breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                       }
                     };
                   },
@@ -194183,7 +194294,7 @@ function getRouteMap({
             },
             {
               path: "tax-regions",
-              element: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(import_react_router_dom252.Outlet, {}),
+              element: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(import_react_router_dom253.Outlet, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("taxRegions.domain")
               },
@@ -194200,10 +194311,10 @@ function getRouteMap({
                 },
                 {
                   path: ":id",
-                  Component: import_react_router_dom252.Outlet,
+                  Component: import_react_router_dom253.Outlet,
                   loader: taxRegionLoader,
                   handle: {
-                    breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(TaxRegionDetailBreadcrumb, { ...match })
+                    breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(TaxRegionDetailBreadcrumb, { ...match })
                   },
                   children: [
                     {
@@ -194249,7 +194360,7 @@ function getRouteMap({
                           Component: Component5,
                           loader,
                           handle: {
-                            breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(Breadcrumb, { ...match })
+                            breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Breadcrumb, { ...match })
                           }
                         };
                       },
@@ -194278,7 +194389,7 @@ function getRouteMap({
             },
             {
               path: "return-reasons",
-              element: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(import_react_router_dom252.Outlet, {}),
+              element: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(import_react_router_dom253.Outlet, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("returnReasons.domain")
               },
@@ -194306,7 +194417,7 @@ function getRouteMap({
             },
             {
               path: "refund-reasons",
-              element: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(import_react_router_dom252.Outlet, {}),
+              element: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(import_react_router_dom253.Outlet, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("refundReasons.domain")
               },
@@ -194334,7 +194445,7 @@ function getRouteMap({
             },
             {
               path: "translations",
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
               handle: {
                 breadcrumb: () => (0, import_i18next9.t)("translations.domain")
               },
@@ -194346,6 +194457,10 @@ function getRouteMap({
                 {
                   path: "edit",
                   lazy: () => Promise.resolve().then(() => (init_translations_edit2(), translations_edit_exports))
+                },
+                {
+                  path: "add-locales",
+                  lazy: () => Promise.resolve().then(() => (init_add_locales2(), add_locales_exports))
                 }
               ]
             },
@@ -194355,10 +194470,10 @@ function getRouteMap({
       ]
     },
     {
-      element: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(PublicLayout, {}),
+      element: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(PublicLayout, {}),
       children: [
         {
-          errorElement: /* @__PURE__ */ (0, import_jsx_runtime698.jsx)(ErrorBoundary, {}),
+          errorElement: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(ErrorBoundary, {}),
           children: [
             {
               path: "/login",
@@ -194382,12 +194497,12 @@ function getRouteMap({
     }
   ];
 }
-var import_i18next9, import_react_router_dom252, import_jsx_runtime698;
+var import_i18next9, import_react_router_dom253, import_jsx_runtime699;
 var init_get_route_map = __esm({
   "src/dashboard-app/routes/get-route.map.tsx"() {
     "use strict";
     import_i18next9 = require("i18next");
-    import_react_router_dom252 = require("react-router-dom");
+    import_react_router_dom253 = require("react-router-dom");
     init_protected_route2();
     init_main_layout2();
     init_public_layout2();
@@ -194395,7 +194510,7 @@ var init_get_route_map = __esm({
     init_error_boundary2();
     init_breadcrumb();
     init_loader();
-    import_jsx_runtime698 = require("react/jsx-runtime");
+    import_jsx_runtime699 = require("react/jsx-runtime");
   }
 });
 
@@ -194559,18 +194674,18 @@ var init_sort_menu_items_by_rank = __esm({
 });
 
 // src/dashboard-app/dashboard-app.tsx
-var import_admin_shared, import_react_router_dom253, import_jsx_runtime699, OPTIONAL_LAST_SEGMENT_MATCH, DashboardApp;
+var import_admin_shared, import_react_router_dom254, import_jsx_runtime700, OPTIONAL_LAST_SEGMENT_MATCH, DashboardApp;
 var init_dashboard_app = __esm({
   "src/dashboard-app/dashboard-app.tsx"() {
     "use strict";
     import_admin_shared = require("@medusajs/admin-shared");
-    import_react_router_dom253 = require("react-router-dom");
+    import_react_router_dom254 = require("react-router-dom");
     init_providers2();
     init_translations();
     init_get_route_map();
     init_utils14();
     init_sort_menu_items_by_rank();
-    import_jsx_runtime699 = require("react/jsx-runtime");
+    import_jsx_runtime700 = require("react/jsx-runtime");
     OPTIONAL_LAST_SEGMENT_MATCH = /\/([^\/])+\?$/;
     DashboardApp = class {
       constructor({ plugins }) {
@@ -194676,7 +194791,7 @@ var init_dashboard_app = __esm({
           const navItem = {
             label: item.label,
             to: item.path,
-            icon: item.icon ? /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(item.icon, {}) : void 0,
+            icon: item.icon ? /* @__PURE__ */ (0, import_jsx_runtime700.jsx)(item.icon, {}) : void 0,
             items: [],
             nested: item.nested,
             rank: item.rank,
@@ -194883,10 +194998,10 @@ var init_dashboard_app = __esm({
           settingsRoutes: this.settingsRoutes,
           coreRoutes: this.coreRoutes
         });
-        const router = (0, import_react_router_dom253.createBrowserRouter)(routes, {
+        const router = (0, import_react_router_dom254.createBrowserRouter)(routes, {
           basename: __BASE__ || "/"
         });
-        return /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(Providers, { api: this.api, children: /* @__PURE__ */ (0, import_jsx_runtime699.jsx)(import_react_router_dom253.RouterProvider, { router }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime700.jsx)(Providers, { api: this.api, children: /* @__PURE__ */ (0, import_jsx_runtime700.jsx)(import_react_router_dom254.RouterProvider, { router }) });
       }
     };
   }
@@ -194932,7 +195047,7 @@ function getFieldLabel(field) {
   }
   return field.name.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
 }
-var import_ui460, import_react_i18next492, import_jsx_runtime700, FormExtensionZone, FormExtensionField, FormExtensionFieldComponent;
+var import_ui460, import_react_i18next492, import_jsx_runtime701, FormExtensionZone, FormExtensionField, FormExtensionFieldComponent;
 var init_form_extension_zone = __esm({
   "src/dashboard-app/forms/form-extension-zone/form-extension-zone.tsx"() {
     "use strict";
@@ -194940,9 +195055,9 @@ var init_form_extension_zone = __esm({
     import_react_i18next492 = require("react-i18next");
     init_form2();
     init_utils15();
-    import_jsx_runtime700 = require("react/jsx-runtime");
+    import_jsx_runtime701 = require("react/jsx-runtime");
     FormExtensionZone = ({ fields, form }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime700.jsx)("div", { children: fields.map((field, index) => /* @__PURE__ */ (0, import_jsx_runtime700.jsx)(FormExtensionField, { field, form }, index)) });
+      return /* @__PURE__ */ (0, import_jsx_runtime701.jsx)("div", { children: fields.map((field, index) => /* @__PURE__ */ (0, import_jsx_runtime701.jsx)(FormExtensionField, { field, form }, index)) });
     };
     FormExtensionField = ({ field, form }) => {
       const label = getFieldLabel(field);
@@ -194951,16 +195066,16 @@ var init_form_extension_zone = __esm({
       const Component5 = field.Component;
       const type = getFieldType(field.validation);
       const { control } = form;
-      return /* @__PURE__ */ (0, import_jsx_runtime700.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime701.jsx)(
         Form.Field,
         {
           control,
           name: `additional_data.${field.name}`,
           render: ({ field: field2 }) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime700.jsxs)(Form.Item, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime700.jsx)(Form.Label, { children: label }),
-              description && /* @__PURE__ */ (0, import_jsx_runtime700.jsx)(Form.Hint, { children: description }),
-              /* @__PURE__ */ (0, import_jsx_runtime700.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime700.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime701.jsxs)(Form.Item, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime701.jsx)(Form.Label, { children: label }),
+              description && /* @__PURE__ */ (0, import_jsx_runtime701.jsx)(Form.Hint, { children: description }),
+              /* @__PURE__ */ (0, import_jsx_runtime701.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime701.jsx)(
                 FormExtensionFieldComponent,
                 {
                   field: field2,
@@ -194969,7 +195084,7 @@ var init_form_extension_zone = __esm({
                   placeholder
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime700.jsx)(Form.ErrorMessage, {})
+              /* @__PURE__ */ (0, import_jsx_runtime701.jsx)(Form.ErrorMessage, {})
             ] });
           }
         }
@@ -194984,20 +195099,20 @@ var init_form_extension_zone = __esm({
       const { t: t5 } = (0, import_react_i18next492.useTranslation)();
       if (component) {
         const Component5 = component;
-        return /* @__PURE__ */ (0, import_jsx_runtime700.jsx)(Component5, { ...field, placeholder });
+        return /* @__PURE__ */ (0, import_jsx_runtime701.jsx)(Component5, { ...field, placeholder });
       }
       switch (type) {
         case "text": {
-          return /* @__PURE__ */ (0, import_jsx_runtime700.jsx)(import_ui460.Input, { ...field, placeholder });
+          return /* @__PURE__ */ (0, import_jsx_runtime701.jsx)(import_ui460.Input, { ...field, placeholder });
         }
         case "number": {
-          return /* @__PURE__ */ (0, import_jsx_runtime700.jsx)(import_ui460.Input, { ...field, placeholder, type: "number" });
+          return /* @__PURE__ */ (0, import_jsx_runtime701.jsx)(import_ui460.Input, { ...field, placeholder, type: "number" });
         }
         case "boolean": {
-          return /* @__PURE__ */ (0, import_jsx_runtime700.jsx)(import_ui460.Switch, { className: "rtl:rotate-180", dir: "ltr", ...field });
+          return /* @__PURE__ */ (0, import_jsx_runtime701.jsx)(import_ui460.Switch, { className: "rtl:rotate-180", dir: "ltr", ...field });
         }
         default: {
-          return /* @__PURE__ */ (0, import_jsx_runtime700.jsx)(import_ui460.InlineTip, { variant: "warning", label: t5("general.warning"), children: "The field type does not support rendering a fallback component. Please provide a component prop." });
+          return /* @__PURE__ */ (0, import_jsx_runtime701.jsx)(import_ui460.InlineTip, { variant: "warning", label: t5("general.warning"), children: "The field type does not support rendering a fallback component. Please provide a component prop." });
         }
       }
     };
@@ -195064,7 +195179,7 @@ var import_i18n6 = __toESM(require("virtual:medusa/i18n"));
 var import_menu_items = __toESM(require("virtual:medusa/menu-items"));
 var import_routes = __toESM(require("virtual:medusa/routes"));
 var import_widgets = __toESM(require("virtual:medusa/widgets"));
-var import_jsx_runtime701 = require("react/jsx-runtime");
+var import_jsx_runtime702 = require("react/jsx-runtime");
 var localPlugin = {
   widgetModule: import_widgets.default,
   routeModule: import_routes.default,
@@ -195077,6 +195192,6 @@ function App({ plugins = [] }) {
   const app = new DashboardApp({
     plugins: [localPlugin, ...plugins]
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime701.jsx)("div", { children: app.render() });
+  return /* @__PURE__ */ (0, import_jsx_runtime702.jsx)("div", { children: app.render() });
 }
 var app_default = App;