@medusajs/dashboard 2.12.3-snapshot-20251217081413 → 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"
         }
       },
@@ -190748,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;
@@ -190764,13 +190764,28 @@ var init_active_locales_section = __esm({
           /* @__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") }) })
       ] });
     };
   }
@@ -190804,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"
+                  }
+                )
               }
             )
           ]
@@ -190892,7 +190915,8 @@ var init_translations_completion_section = __esm({
                 className: "mr-0.5 h-full rounded-sm transition-all",
                 style: {
                   width: `${percentage}%`,
-                  backgroundColor: "var(--bg-interactive)"
+                  backgroundColor: "var(--tag-blue-icon)",
+                  boxShadow: "inset 0 0 0 0.5px var(--alpha-250)"
                 }
               }
             ),
@@ -190901,8 +190925,8 @@ var init_translations_completion_section = __esm({
               {
                 className: "h-full flex-1 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)"
                 }
               }
             )
@@ -190911,8 +190935,8 @@ var init_translations_completion_section = __esm({
             {
               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)"
               }
             }
           ) }),
@@ -190928,117 +190952,158 @@ var init_translations_completion_section = __esm({
             ] })
           ] })
         ] }),
-        localeStats.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime688.jsxs)("div", { className: "border-ui-border-strong flex flex-col gap-y-3 border-t border-dashed 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 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 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
-            );
-          }) }),
-          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)(
-            import_ui452.Text,
-            {
-              size: "xsmall",
-              weight: "plus",
-              className: "text-ui-fg-subtle min-w-2 flex-1 whitespace-normal break-words text-center leading-tight",
-              children: localeStatsCount < 6 ? locale.name : locale.code
-            },
-            locale.code
-          )) }),
-          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")
-            }
-          )
+            )) }),
+            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")
+              }
+            )
+          ] })
         ] })
       ] });
     };
@@ -191831,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]",
@@ -191850,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",
@@ -191858,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",
@@ -191880,7 +191985,7 @@ function AvatarBox({ checked }) {
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime692.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime693.jsxs)(
           "svg",
           {
             className: "rounded-[10px]",
@@ -191888,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",
@@ -191898,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",
@@ -191909,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",
@@ -191924,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" })
                     ]
                   }
                 )
@@ -191937,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";
@@ -191956,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)({
@@ -192012,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",
@@ -192047,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",
@@ -192070,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",
@@ -192080,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"
@@ -192122,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,
@@ -192143,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)(
@@ -192152,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",
@@ -192167,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",
@@ -192184,7 +192289,7 @@ var init_logo_box = __esm({
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime694.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime695.jsx)(
               "svg",
               {
                 width: "36",
@@ -192192,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",
@@ -192218,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";
@@ -192226,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");
@@ -192234,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()
     });
@@ -192261,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 }),
@@ -192277,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"
@@ -192329,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",
@@ -192361,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",
@@ -192382,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"
@@ -192416,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)({
@@ -192443,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",
@@ -192472,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"
@@ -192519,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";
@@ -192531,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),
@@ -192555,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,
@@ -192580,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,
@@ -192597,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),
@@ -192610,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: {
@@ -192627,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",
@@ -192650,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 = ({
@@ -192665,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),
@@ -192713,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",
@@ -192738,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",
@@ -192756,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",
@@ -192774,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",
@@ -192793,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",
@@ -192812,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",
@@ -192823,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",
@@ -192834,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",
@@ -192881,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",
@@ -192909,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") }) })
       ] }) });
     };
   }
@@ -192934,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")
               },
@@ -192972,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 })
                       }
                     };
                   },
@@ -193054,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 })
                           }
                         };
                       },
@@ -193087,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")
               },
@@ -193114,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 })
                       }
                     };
                   },
@@ -193141,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")
               },
@@ -193164,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 })
                       }
                     };
                   },
@@ -193231,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")
               },
@@ -193252,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 })
                       }
                     };
                   },
@@ -193275,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")
               },
@@ -193297,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 })
                       }
                     };
                   },
@@ -193324,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")
               },
@@ -193347,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 })
                       }
                     };
                   },
@@ -193370,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")
               },
@@ -193393,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 })
                       }
                     };
                   },
@@ -193420,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")
               },
@@ -193443,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 })
                       }
                     };
                   },
@@ -193474,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")
               },
@@ -193497,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 })
                       }
                     };
                   },
@@ -193520,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")
               },
@@ -193543,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 })
                       }
                     };
                   },
@@ -193562,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")
               },
@@ -193589,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 })
                       }
                     };
                   },
@@ -193624,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")
@@ -193655,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")
               },
@@ -193679,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 })
                       }
                     };
                   },
@@ -193702,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")
@@ -193728,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")
               },
@@ -193752,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 })
                       }
                     };
                   },
@@ -193771,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")
               },
@@ -193795,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 })
                       }
                     };
                   },
@@ -193818,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")
               },
@@ -193834,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")
                   },
@@ -193857,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 })
                           }
                         };
                       },
@@ -193872,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")
                   },
@@ -193896,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 })
                           }
                         };
                       },
@@ -193917,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 })
                       }
                     };
                   },
@@ -193984,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")
               },
@@ -194008,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 })
                       }
                     };
                   },
@@ -194027,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")
               },
@@ -194045,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 })
                       }
                     };
                   }
@@ -194054,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")
               },
@@ -194078,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 })
                       }
                     };
                   },
@@ -194097,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: "",
@@ -194126,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 })
                       }
                     };
                   },
@@ -194145,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: "",
@@ -194174,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 })
                       }
                     };
                   },
@@ -194189,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")
               },
@@ -194206,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: [
                     {
@@ -194255,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 })
                           }
                         };
                       },
@@ -194284,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")
               },
@@ -194312,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")
               },
@@ -194340,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")
               },
@@ -194352,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))
                 }
               ]
             },
@@ -194361,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",
@@ -194388,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();
@@ -194401,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");
   }
 });
 
@@ -194565,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 }) {
@@ -194682,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,
@@ -194889,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 }) });
       }
     };
   }
@@ -194938,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";
@@ -194946,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);
@@ -194957,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,
@@ -194975,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, {})
             ] });
           }
         }
@@ -194990,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." });
         }
       }
     };
@@ -195070,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,
@@ -195083,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;