strapi-plugin-navigation 3.3.5-beta.1 → 3.3.6

package/dist/admin/index.mjs

@@ -1,18 +1,18 @@
-import jn, { useRef as We, useEffect as V, useCallback as $, useState as N, useMemo as X, createContext as tn, useContext as nn } from "react";
+import Bn, { useRef as We, useEffect as V, useCallback as E, useState as N, useMemo as X, createContext as tn, useContext as nn } from "react";
 import { jsx as n, jsxs as w, Fragment as ie } from "react/jsx-runtime";
-import oe, { useTheme as Bn } from "styled-components";
-import { getFetchClient as j, useRBAC as On, useMediaQuery as Pt, useIsMobile as an, useIsTablet as zn, useIsDesktop as _n, Form as at, useNotification as Oe, Layouts as qe, useStrapiApp as Qn, Page as Te, useAuth as Un } from "@strapi/strapi/admin";
-import { useDrop as Kn, useDrag as Wn, DndProvider as Hn } from "react-dnd";
-import { HTML5Backend as Xn } from "react-dnd-html5-backend";
-import { Routes as Gn, Route as Mt } from "react-router-dom";
-import { useQuery as xe, useMutation as ge, useQueryClient as be, QueryClient as on, QueryClientProvider as rn } from "@tanstack/react-query";
-import { once as Zn, isEmpty as Y, capitalize as ln, get as J, first as vt, orderBy as Jn, isObject as He, isNil as Be, isString as ot, set as it, sortBy as Xe, isNumber as kt, isBoolean as Yn, isNull as ea, isArray as ta } from "lodash";
+import oe, { useTheme as On } from "styled-components";
+import { getFetchClient as j, useRBAC as zn, useMediaQuery as Pt, useIsMobile as an, useIsTablet as _n, useIsDesktop as Qn, Form as at, useNotification as Oe, Layouts as qe, useStrapiApp as Un, Page as Te, useAuth as Kn } from "@strapi/strapi/admin";
+import { useDrop as Wn, useDrag as Hn, DndProvider as Xn } from "react-dnd";
+import { HTML5Backend as Gn } from "react-dnd-html5-backend";
+import { Routes as Zn, Route as Mt } from "react-router-dom";
+import { useQuery as Fe, useMutation as ge, useQueryClient as be, QueryClient as on, QueryClientProvider as rn } from "@tanstack/react-query";
+import { once as Jn, isEmpty as Y, capitalize as ln, get as J, first as Ct, orderBy as Yn, isObject as He, isNil as Be, isString as ot, set as it, sortBy as Xe, isNumber as kt, isBoolean as ea, isNull as ta, isArray as na } from "lodash";
 import { useIntl as A } from "react-intl";
-import { Dialog as Qe, Flex as P, Typography as x, Button as K, Modal as H, Grid as S, TextInput as we, Toggle as me, Box as D, Table as sn, Thead as dn, Tr as et, Th as ce, Checkbox as qt, IconButton as ye, Tbody as cn, Td as ue, Loader as bt, Tag as na, Field as Dt, SingleSelect as Fe, SingleSelectOption as Ae, Badge as aa, CardTitle as oa, IconButtonGroup as un, Card as ia, CardBody as Vt, Divider as tt, TextButton as ra, Link as la, MultiSelect as De, MultiSelectOption as Ve, Textarea as sa, Combobox as pn, ComboboxOption as da, Searchbar as ca, Alert as ua, NumberInput as pa, Accordion as Ue, VisuallyHidden as ma, Tooltip as ga, TFooter as ha } from "@strapi/design-system";
-import { Check as Ge, WarningCircle as fa, Feather as ya, Pencil as Ct, Trash as Tt, Information as ba, CaretDown as Ia, CaretUp as va, Drag as Ca, Eye as mn, ArrowClockwise as Ta, Earth as wa, Cog as Sa, Link as Fa, Plus as wt, ArrowRight as Aa, Search as xa, ListPlus as Na, Typhoon as Ra, Play as Ea, Minus as La, EyeStriked as $a, PriceTag as Pa } from "@strapi/icons";
+import { Dialog as Qe, Flex as P, Typography as F, Button as K, Modal as H, Grid as S, TextInput as we, Toggle as me, Box as D, Table as sn, Thead as dn, Tr as et, Th as ce, Checkbox as qt, IconButton as ye, Tbody as cn, Td as ue, Loader as bt, Tag as aa, Field as Dt, SingleSelect as xe, SingleSelectOption as Ae, Badge as un, CardTitle as oa, IconButtonGroup as pn, Card as ia, CardBody as Vt, Divider as tt, TextButton as ra, Link as la, MultiSelect as De, MultiSelectOption as Ve, Textarea as sa, Combobox as mn, ComboboxOption as da, Searchbar as ca, NumberInput as ua, VisuallyHidden as pa, Tooltip as ma, TFooter as ga, Accordion as Ue, Alert as ha } from "@strapi/design-system";
+import { Check as Ge, WarningCircle as fa, Feather as ya, Pencil as vt, Trash as Tt, Information as ba, CaretDown as Ia, CaretUp as Ca, Drag as va, Eye as gn, ArrowClockwise as Ta, Earth as wa, Cog as Sa, Link as xa, Plus as wt, ArrowRight as Aa, Search as Fa, ListPlus as Na, Minus as Ra, EyeStriked as La, PriceTag as $a, Play as Ea, Typhoon as Pa } from "@strapi/icons";
 import * as s from "zod";
 import { z as g } from "zod";
-import { usePluginTheme as Ma, Field as L, prefixPluginTranslations as jt, flattenObject as Bt } from "@sensinum/strapi-utils";
+import { usePluginTheme as Ma, Field as $, prefixPluginTranslations as jt, flattenObject as Bt } from "@sensinum/strapi-utils";
 import { prop as nt } from "lodash/fp";
 const de = "navigation", ka = ({ setPlugin: e }) => {
   const t = We(e);
@@ -65,13 +65,13 @@ const de = "navigation", ka = ({ setPlugin: e }) => {
   type: g.literal("media"),
   multi: g.literal(!1).optional(),
   options: g.array(g.string()).max(0).optional()
-}), gn = g.discriminatedUnion("type", [
+}), hn = g.discriminatedUnion("type", [
   Oa,
   za,
   Ba
 ]), _a = g.union([
   g.literal("audience"),
-  gn
+  hn
 ]), Qa = g.object({
   additionalFields: g.array(_a),
   allowedLevels: g.number(),
@@ -110,11 +110,11 @@ const de = "navigation", ka = ({ setPlugin: e }) => {
   documentId: s.string(),
   name: s.string(),
   key: s.string()
-}), hn = s.enum(["INTERNAL", "EXTERNAL", "WRAPPER"]), Wa = s.object({
+}), fn = s.enum(["INTERNAL", "EXTERNAL", "WRAPPER"]), Wa = s.object({
   id: s.number(),
   documentId: s.string(),
   title: s.string(),
-  type: hn,
+  type: fn,
   path: s.string().or(s.null()).optional(),
   externalPath: s.string().or(s.null()).optional(),
   uiRouterKey: s.string(),
@@ -131,8 +131,8 @@ const de = "navigation", ka = ({ setPlugin: e }) => {
   removed: s.boolean().optional(),
   isSearchActive: s.boolean().optional(),
   updated: s.boolean().optional()
-}), fn = Wa.extend({
-  items: s.lazy(() => fn.array().or(s.null())).optional()
+}), yn = Wa.extend({
+  items: s.lazy(() => yn.array().or(s.null())).optional()
 }), zt = s.object({
   id: s.number(),
   documentId: s.string(),
@@ -140,23 +140,23 @@ const de = "navigation", ka = ({ setPlugin: e }) => {
   slug: s.string(),
   locale: s.string(),
   visible: s.boolean(),
-  items: s.array(fn)
-}), Ft = s.object({
+  items: s.array(yn)
+}), xt = s.object({
   name: s.string({ required_error: "requiredError" }).nonempty("requiredError").refine((e) => !e.includes(" "), { message: "noSpaceError" }),
   label: s.string({ required_error: "requiredError" }).nonempty("requiredError"),
   description: s.string().optional(),
   placeholder: s.string().optional(),
   required: s.boolean().optional(),
   enabled: s.boolean().optional()
-}), Ha = Ft.extend({
+}), Ha = xt.extend({
   type: s.literal("select"),
   multi: s.boolean(),
   options: s.array(s.string(), { required_error: "requiredError" }).min(1, { message: "requiredError" })
-}), Xa = Ft.extend({
+}), Xa = xt.extend({
   type: s.enum(["boolean", "string"]),
   multi: s.literal(!1).optional(),
   options: s.array(s.string()).max(0).optional()
-}), Ga = Ft.extend({
+}), Ga = xt.extend({
   type: s.literal("media"),
   multi: s.literal(!1).optional(),
   options: s.array(s.string()).max(0).optional()
@@ -215,7 +215,7 @@ const de = "navigation", ka = ({ setPlugin: e }) => {
   displayName: s.string(),
   description: s.string().optional(),
   name: s.string().optional()
-}), yn = s.object({
+}), bn = s.object({
   required: s.boolean().optional(),
   max: s.number().optional(),
   min: s.number().optional(),
@@ -243,9 +243,9 @@ const de = "navigation", ka = ({ setPlugin: e }) => {
   "json",
   "relation",
   "media"
-]), io = yn.extend({
+]), io = bn.extend({
   type: oo
-}), ro = yn.extend({
+}), ro = bn.extend({
   type: s.literal("enumeration"),
   enum: s.string().array()
 }), lo = s.object({
@@ -321,9 +321,9 @@ const ho = s.object({
   path: s.string().or(s.null()).optional(),
   related: s.object({ documentId: s.string().optional(), __type: s.string() }).catchall(s.unknown()).nullish(),
   title: s.string(),
-  type: hn,
+  type: fn,
   uiRouterKey: s.string()
-}), q = "navigation", B = Zn((e) => ({
+}), q = "navigation", B = Jn((e) => ({
   getIndexPrefix() {
     return [q];
   },
@@ -440,14 +440,14 @@ const ho = s.object({
   items: e.items?.map(rt)
 }), At = () => {
   const e = j(), t = B(e);
-  return xe({
+  return Fe({
     queryKey: t.readLocaleIndex(),
     queryFn: t.readLocale,
     staleTime: 1 / 0
   });
-}, bn = (e) => {
+}, In = (e) => {
   const t = j(), a = B(t);
-  return xe({
+  return Fe({
     queryKey: a.readContentTypeItemsIndex(e),
     queryFn: () => a.readContentTypeItems(e),
     staleTime: 1e3 * 60 * 3,
@@ -455,7 +455,7 @@ const ho = s.object({
   });
 }, bo = () => {
   const e = j(), t = B(e);
-  return xe({
+  return Fe({
     queryKey: t.readContentTypeIndex(),
     queryFn: () => t.readContentType(),
     staleTime: 1e3 * 60 * 3
@@ -467,14 +467,14 @@ const ho = s.object({
       queryKey: t.readAllIndex()
     });
   };
-}, vo = () => {
+}, Co = () => {
   const e = j(), t = B(e), a = be();
   return () => {
     a.resetQueries({
       queryKey: t.readContentTypeIndex()
     });
   };
-}, Co = (e) => {
+}, vo = (e) => {
   const t = j(), a = B(t), o = be();
   return () => {
     o.invalidateQueries({
@@ -491,9 +491,9 @@ const ho = s.object({
 }, wo = () => {
   const e = j(), t = B(e), a = be();
   return () => a.invalidateQueries({ queryKey: t.readLocaleIndex() });
-}, xt = () => {
+}, Ft = () => {
   const e = j(), t = B(e);
-  return xe({
+  return Fe({
     queryKey: t.readAllIndex(),
     queryFn() {
       return t.readAll().then(
@@ -509,12 +509,12 @@ const ho = s.object({
   });
 }, So = () => {
   const e = be(), t = j(), a = B(t);
-  return $(() => {
+  return E(() => {
     e.invalidateQueries({
       queryKey: a.getIndexPrefix()
     });
   }, [e, t, a]);
-}, Fo = () => {
+}, xo = () => {
   const e = j(), t = B(e);
   return ge({
     mutationFn(a) {
@@ -526,7 +526,7 @@ const ho = s.object({
   return ge({
     mutationFn: t.copyNavigationItemLocale
   });
-}, xo = () => {
+}, Fo = () => {
   const e = j(), t = B(e), a = be();
   return ge({
     mutationFn: t.copyNavigationLocale,
@@ -546,7 +546,7 @@ const ho = s.object({
       });
     }
   });
-}, In = ({
+}, Cn = ({
   onError: e,
   onSuccess: t
 }) => {
@@ -571,7 +571,7 @@ const ho = s.object({
   });
 }, ne = () => {
   const e = j(), t = B(e);
-  return xe({
+  return Fe({
     queryKey: t.readConfigIndex(),
     queryFn: t.readConfig
   });
@@ -592,12 +592,12 @@ const ho = s.object({
     Qe.Root,
     {
       open: e,
-      onOpenChange: (v) => {
-        !v && e && i?.(void 0);
+      onOpenChange: (C) => {
+        !C && e && i?.(void 0);
       },
       title: r || u(l("components.confirmation.dialog.header", "Confirmation")),
       children: /* @__PURE__ */ w(Qe.Content, { children: [
-        /* @__PURE__ */ n(Qe.Body, { icon: p, children: /* @__PURE__ */ n(P, { justifyContent: "center", children: /* @__PURE__ */ n(x, { id: "dialog-confirm-description", children: a || u(l("components.confirmation.dialog.description")) }) }) }),
+        /* @__PURE__ */ n(Qe.Body, { icon: p, children: /* @__PURE__ */ n(P, { justifyContent: "center", children: /* @__PURE__ */ n(F, { id: "dialog-confirm-description", children: a || u(l("components.confirmation.dialog.description")) }) }) }),
         /* @__PURE__ */ w(Qe.Footer, { children: [
           /* @__PURE__ */ n(Qe.Cancel, { children: /* @__PURE__ */ n(K, { fullWidth: !0, onClick: i, variant: "tertiary", disabled: t, children: d || u(l("components.confirmation.dialog.button.cancel", "Cancel")) }) }),
           /* @__PURE__ */ n(
@@ -615,7 +615,7 @@ const ho = s.object({
       ] })
     }
   ) : null;
-}, Qt = /* @__PURE__ */ n(ie, {}), Eo = ({ onConfirm: e, onCancel: t }) => {
+}, Qt = /* @__PURE__ */ n(ie, {}), Lo = ({ onConfirm: e, onCancel: t }) => {
   const { formatMessage: a } = A();
   return /* @__PURE__ */ n(
     lt,
@@ -630,13 +630,13 @@ const ho = s.object({
       children: a(l("pages.view.actions.i18nCopyItems.confirmation.content"))
     }
   );
-}, Lo = (e) => {
-  const [t, a] = N(!1), [o, i] = N(void 0), r = $(() => {
+}, $o = (e) => {
+  const [t, a] = N(!1), [o, i] = N(void 0), r = E(() => {
     a(!1);
-  }, [a]), d = $(() => {
+  }, [a]), d = E(() => {
     o && (e(o), a(!1));
   }, [e, o]), c = X(
-    () => t ? /* @__PURE__ */ n(Eo, { onConfirm: d, onCancel: r }) : null,
+    () => t ? /* @__PURE__ */ n(Lo, { onConfirm: d, onCancel: r }) : null,
     [t, d, r]
   );
   return X(
@@ -648,7 +648,7 @@ const ho = s.object({
     }),
     [i, a, c, o]
   );
-}, $o = () => {
+}, Eo = () => {
   const e = wo(), t = To();
   V(() => {
     e(), t();
@@ -689,36 +689,36 @@ const ho = s.object({
     availableLocales: m
   };
 }, ko = (e) => {
-  const [t, a] = N(), [o, i] = N(!1), r = $(
+  const [t, a] = N(), [o, i] = N(!1), r = E(
     (p, u = {}) => {
       a(u), i(p);
     },
     [i]
-  ), d = $(() => {
+  ), d = E(() => {
     r(!1);
-  }, [r]), c = $(
-    (p, u, v = !0, b = "", C = !0, y = "0", f = 0) => {
+  }, [r]), c = E(
+    (p, u, C = !0, b = "", v = !0, h = "0", f = 0) => {
       e && (p.preventDefault(), p.stopPropagation(), r(!0, {
         viewParentId: u,
-        isMenuAllowedLevel: v,
+        isMenuAllowedLevel: C,
         levelPath: b,
-        parentAttachedToMenu: C,
-        structureId: y,
+        parentAttachedToMenu: v,
+        structureId: h,
         viewId: void 0,
         order: f + 1
       }));
     },
     [r, e]
-  ), m = $(
+  ), m = E(
     ({
       item: p,
       levelPath: u = "",
-      parentAttachedToMenu: v = !0
+      parentAttachedToMenu: C = !0
     }) => {
       r(!0, {
         ...p,
         levelPath: u,
-        parentAttachedToMenu: v
+        parentAttachedToMenu: C
       });
     },
     [r]
@@ -730,9 +730,9 @@ const ho = s.object({
     closeNavigationItemPopup: d,
     isItemPopupVisible: o
   };
-}, Cn = (e, t, a) => {
+}, Tn = (e, t, a) => {
   const o = e.reduce((i, r) => {
-    const d = r.items?.length ? Cn(r.items ?? [], t) : [];
+    const d = r.items?.length ? Tn(r.items ?? [], t) : [];
     return t(r) ? [r, ...d, ...i] : [...d, ...i];
   }, []);
   if (a !== void 0) {
@@ -744,7 +744,7 @@ const ho = s.object({
   const [{ value: t, index: a }, o] = N({
     value: "",
     index: 0
-  }), i = Y(t), r = (t || "").toLowerCase(), d = i ? [] : Cn(
+  }), i = Y(t), r = (t || "").toLowerCase(), d = i ? [] : Tn(
     e?.items.map((c) => ({ ...c })) ?? [],
     (c) => (c?.title || "").toLowerCase().includes(r),
     r ? a : void 0
@@ -759,28 +759,28 @@ const ho = s.object({
   read: "read",
   update: "update",
   settings: "settings"
-}, Le = {
+}, $e = {
   access: [{ action: mt(gt.read), subject: null }],
   update: [{ action: mt(gt.update), subject: null }],
   settings: [{ action: mt(gt.settings), subject: null }]
 }, Do = () => {
   const e = X(
     () => ({
-      access: Le.access || Le.update,
-      update: Le.update
+      access: $e.access || $e.update,
+      update: $e.update
     }),
     []
   ), {
     isLoading: t,
     allowedActions: { canUpdate: a, canAccess: o }
-  } = On(e);
+  } = zn(e);
   return { canAccess: o, canUpdate: a, isLoadingForPermissions: t };
 }, Ze = () => {
   const {
     theme: { breakpoints: e }
-  } = Ma(), t = !Pt(e.small), a = an(), o = zn(), i = _n(), r = Pt("@media (min-width: 1280px)");
+  } = Ma(), t = !Pt(e.small), a = an(), o = _n(), i = Qn(), r = Pt("@media (min-width: 1280px)");
   return { isSmallMobile: t, isMobile: a, isTablet: o, isDesktop: i, isLargeDesktop: r };
-}, Ke = (e = []) => Jn(e, ["order"], ["asc"]).map((t, a) => {
+}, Ke = (e = []) => Yn(e, ["order"], ["asc"]).map((t, a) => {
   const o = a + 1;
   return {
     ...t,
@@ -905,7 +905,7 @@ const ho = s.object({
     `${d ? d.uid : r}`,
     c
   ), p = (Y(m) ? c : m).map((u) => e[u]).filter((u) => u);
-  return vt(p) || "";
+  return Ct(p) || "";
 }, Vo = ({
   relatedRef: e,
   relatedType: t = {},
@@ -974,7 +974,7 @@ const ho = s.object({
     isSearchActive: e.isSearchActive,
     path: e.path ?? ""
   };
-}, Tn = (e) => e.find(({ isPending: t }) => t), ke = (e, t) => e.collapsed !== t ? {
+}, wn = (e) => e.find(({ isPending: t }) => t), ke = (e, t) => e.collapsed !== t ? {
   ...e,
   collapsed: t,
   updated: !0,
@@ -989,33 +989,33 @@ const ho = s.object({
   name: g.string().min(2).and(g.string().refine((t) => !e.includes(t), "Name already used")),
   // TODO: add translation
   visible: g.boolean()
-}), wn = ({
+}), Sn = ({
   navigation: e,
   onChange: t,
   alreadyUsedNames: a = [],
   isLoading: o
 }) => {
-  const [i, r] = N({}), [d, c] = N(), { formatMessage: m } = A(), { name: p, visible: u } = i, v = (y, f, I) => {
+  const [i, r] = N({}), [d, c] = N(), { formatMessage: m } = A(), { name: p, visible: u } = i, C = (h, f, I) => {
     if (I) {
-      let h = y, T = f;
-      if (He(y)) {
-        const { name: E, value: z } = y.target;
-        h = E, T = Be(T) ? z : T;
+      let y = h, T = f;
+      if (He(h)) {
+        const { name: L, value: z } = h.target;
+        y = L, T = Be(T) ? z : T;
       }
-      return ot(h) && b(h, T), I(y, T);
+      return ot(y) && b(y, T), I(h, T);
     }
-  }, b = (y, f) => {
+  }, b = (h, f) => {
     r(
       it(
         {
           ...i
         },
-        y,
+        h,
         f
       )
     );
-  }, C = (y) => {
-    const f = J(d, y);
+  }, v = (h) => {
+    const f = J(d, h);
     if (f)
       return f;
   };
@@ -1032,26 +1032,26 @@ const ho = s.object({
     })));
   }, []), V(() => {
     if (`${p}-${u}` != `${e.name}-${e.visible}`) {
-      const { error: y } = jo({ alreadyUsedNames: a }).safeParse(i);
+      const { error: h } = jo({ alreadyUsedNames: a }).safeParse(i);
       t({
         ...e,
         name: p,
         visible: u,
-        disabled: !Y(y?.issues)
+        disabled: !Y(h?.issues)
       }), c(
-        y ? y.issues.reduce((f, I) => ({
+        h ? h.issues.reduce((f, I) => ({
           ...f,
           [I.path.join(".")]: I.message
         }), {}) : void 0
       );
     }
-  }, [p, u]), /* @__PURE__ */ n(at, { width: "auto", height: "auto", method: "POST", initialValues: i, children: ({ values: y, onChange: f }) => /* @__PURE__ */ w(S.Root, { gap: 5, children: [
+  }, [p, u]), /* @__PURE__ */ n(at, { width: "auto", height: "auto", method: "POST", initialValues: i, children: ({ values: h, onChange: f }) => /* @__PURE__ */ w(S.Root, { gap: 5, children: [
     /* @__PURE__ */ n(S.Item, { m: 6, xs: 12, children: /* @__PURE__ */ n(
-      L,
+      $,
       {
         name: "name",
         label: m(l("popup.navigation.form.name.label", "Name")),
-        error: C("name"),
+        error: v("name"),
         children: /* @__PURE__ */ n(
           we,
           {
@@ -1060,25 +1060,25 @@ const ho = s.object({
             placeholder: m(
               l("popup.navigation.form.name.placeholder", "Navigations's name")
             ),
-            onChange: (I, h) => v(I, h, f),
-            value: y.name,
+            onChange: (I, y) => C(I, y, f),
+            value: h.name,
             disabled: o
           }
         )
       }
     ) }),
     /* @__PURE__ */ n(S.Item, { m: 6, xs: 12, children: /* @__PURE__ */ n(
-      L,
+      $,
       {
         name: "visible",
         label: m(l("popup.navigation.form.visible.label", "Visibility")),
-        error: C("visible"),
+        error: v("visible"),
         children: /* @__PURE__ */ n(
           me,
           {
             name: "visible",
-            checked: y.visible,
-            onChange: (I) => v(I, !y.visible, f),
+            checked: h.visible,
+            onChange: (I) => C(I, !h.visible, f),
             onLabel: m(l("popup.navigation.form.visible.toggle.visible")),
             offLabel: m(l("popup.navigation.form.visible.toggle.hidden")),
             disabled: o,
@@ -1093,7 +1093,7 @@ const ho = s.object({
   items: [],
   visible: !1
 }, Oo = ({ setState: e, current: t, isLoading: a, alreadyUsedNames: o }) => {
-  const i = $(
+  const i = E(
     ({ disabled: r, ...d }) => {
       e({
         view: "CREATE",
@@ -1105,7 +1105,7 @@ const ho = s.object({
     [e]
   );
   return /* @__PURE__ */ n(
-    wn,
+    Sn,
     {
       alreadyUsedNames: o,
       navigation: t,
@@ -1132,18 +1132,18 @@ const ho = s.object({
       }
     }
   );
-}, _o = /* @__PURE__ */ n(Ct, {}), Qo = /* @__PURE__ */ n(Tt, {}), Kt = /* @__PURE__ */ n(ya, {}), Uo = ({ navigations: e, selected: t, setState: a }) => {
-  const o = ne(), i = !!t.length, { formatMessage: r } = A(), d = At(), c = $(
+}, _o = /* @__PURE__ */ n(vt, {}), Qo = /* @__PURE__ */ n(Tt, {}), Kt = /* @__PURE__ */ n(ya, {}), Uo = ({ navigations: e, selected: t, setState: a }) => {
+  const o = ne(), i = !!t.length, { formatMessage: r } = A(), d = At(), c = E(
     () => a({
       navigations: e,
       selected: i ? [] : e.map((I) => I),
       view: "LIST"
     }),
     [a, e, i]
-  ), m = X(() => new Set(t.map(nt("documentId"))), [t]), p = (I, h) => () => {
+  ), m = X(() => new Set(t.map(nt("documentId"))), [t]), p = (I, y) => () => {
     a({
       navigations: e,
-      selected: h ? t.filter(({ documentId: T }) => T !== I.documentId) : t.concat([I]),
+      selected: y ? t.filter(({ documentId: T }) => T !== I.documentId) : t.concat([I]),
       view: "LIST"
     });
   }, u = (I) => () => {
@@ -1152,11 +1152,11 @@ const ho = s.object({
       current: I,
       navigation: I,
       alreadyUsedNames: e.reduce(
-        (h, { name: T }) => T !== I.name ? h.concat([T]) : h,
+        (y, { name: T }) => T !== I.name ? y.concat([T]) : y,
         []
       )
     });
-  }, v = (I) => () => {
+  }, C = (I) => () => {
     a({
       view: "DELETE",
       navigations: I
@@ -1166,9 +1166,9 @@ const ho = s.object({
       view: "CACHE_PURGE",
       navigations: I
     });
-  }, C = $(v(t), [v]), y = $(b(t), [b]), f = (I) => [I].concat(
+  }, v = E(C(t), [C]), h = E(b(t), [b]), f = (I) => [I].concat(
     e.filter(
-      (h) => h.documentId === I.documentId && h.locale !== I.locale
+      (y) => y.documentId === I.documentId && y.locale !== I.locale
     )
   );
   return /* @__PURE__ */ w(ie, { children: [
@@ -1176,16 +1176,16 @@ const ho = s.object({
       /* @__PURE__ */ n(D, { paddingRight: 3, children: r(l("popup.navigation.manage.table.hasSelected"), {
         count: t.length
       }) }),
-      /* @__PURE__ */ n(K, { onClick: C, variant: "tertiary", children: r(l("popup.navigation.manage.button.delete")) }),
-      o.data?.isCacheEnabled ? /* @__PURE__ */ n(K, { onClick: y, variant: "tertiary", children: r(l("popup.navigation.manage.button.purge")) }) : null
+      /* @__PURE__ */ n(K, { onClick: v, variant: "tertiary", children: r(l("popup.navigation.manage.button.delete")) }),
+      o.data?.isCacheEnabled ? /* @__PURE__ */ n(K, { onClick: h, variant: "tertiary", children: r(l("popup.navigation.manage.button.purge")) }) : null
     ] }) : null }) }),
     /* @__PURE__ */ w(sn, { rowCount: e.length, colCount: 6, children: [
       /* @__PURE__ */ n(dn, { children: /* @__PURE__ */ w(et, { children: [
         /* @__PURE__ */ n(ce, { children: /* @__PURE__ */ n(qt, { onCheckedChange: c, check: i }) }),
-        /* @__PURE__ */ n(ce, { children: /* @__PURE__ */ n(x, { textColor: "neutral800", children: r(l("popup.navigation.manage.table.id")) }) }),
-        /* @__PURE__ */ n(ce, { children: /* @__PURE__ */ n(x, { textColor: "neutral800", children: r(l("popup.navigation.manage.table.name")) }) }),
-        /* @__PURE__ */ n(ce, { children: /* @__PURE__ */ n(x, { textColor: "neutral800", children: r(l("popup.navigation.manage.table.locale")) }) }),
-        /* @__PURE__ */ n(ce, { children: /* @__PURE__ */ n(x, { textColor: "neutral800", children: r(l("popup.navigation.manage.table.visibility")) }) }),
+        /* @__PURE__ */ n(ce, { children: /* @__PURE__ */ n(F, { textColor: "neutral800", children: r(l("popup.navigation.manage.table.id")) }) }),
+        /* @__PURE__ */ n(ce, { children: /* @__PURE__ */ n(F, { textColor: "neutral800", children: r(l("popup.navigation.manage.table.name")) }) }),
+        /* @__PURE__ */ n(ce, { children: /* @__PURE__ */ n(F, { textColor: "neutral800", children: r(l("popup.navigation.manage.table.locale")) }) }),
+        /* @__PURE__ */ n(ce, { children: /* @__PURE__ */ n(F, { textColor: "neutral800", children: r(l("popup.navigation.manage.table.visibility")) }) }),
         /* @__PURE__ */ n(ce, { children: o.data?.isCacheEnabled ? /* @__PURE__ */ n(P, { direction: "row", children: /* @__PURE__ */ n(D, { paddingLeft: 1, children: /* @__PURE__ */ n(
           ye,
           {
@@ -1207,10 +1207,10 @@ const ho = s.object({
             checked: m.has(I.documentId)
           }
         ) }),
-        /* @__PURE__ */ n(ue, { children: /* @__PURE__ */ n(x, { textColor: "neutral800", children: I.documentId }) }),
-        /* @__PURE__ */ n(ue, { children: /* @__PURE__ */ n(x, { textColor: "neutral800", children: I.name }) }),
-        /* @__PURE__ */ n(ue, { children: /* @__PURE__ */ n(x, { textColor: "neutral800", children: f(I).map(nt("locale")).join(", ") }) }),
-        /* @__PURE__ */ n(ue, { children: /* @__PURE__ */ n(x, { textColor: "neutral800", children: I.visible ? r(l("popup.navigation.manage.navigation.visible")) : r(l("popup.navigation.manage.navigation.hidden")) }) }),
+        /* @__PURE__ */ n(ue, { children: /* @__PURE__ */ n(F, { textColor: "neutral800", children: I.documentId }) }),
+        /* @__PURE__ */ n(ue, { children: /* @__PURE__ */ n(F, { textColor: "neutral800", children: I.name }) }),
+        /* @__PURE__ */ n(ue, { children: /* @__PURE__ */ n(F, { textColor: "neutral800", children: f(I).map(nt("locale")).join(", ") }) }),
+        /* @__PURE__ */ n(ue, { children: /* @__PURE__ */ n(F, { textColor: "neutral800", children: I.visible ? r(l("popup.navigation.manage.navigation.visible")) : r(l("popup.navigation.manage.navigation.hidden")) }) }),
         /* @__PURE__ */ n(ue, { children: /* @__PURE__ */ w(P, { width: "100%", direction: "row", alignItems: "center", justifyContent: "flex-end", children: [
           /* @__PURE__ */ n(D, { paddingLeft: 1, children: /* @__PURE__ */ n(
             ye,
@@ -1224,7 +1224,7 @@ const ho = s.object({
           /* @__PURE__ */ n(D, { paddingLeft: 1, children: /* @__PURE__ */ n(
             ye,
             {
-              onClick: v([I]),
+              onClick: C([I]),
               label: r(l("popup.navigation.manage.button.delete")),
               noBorder: !0,
               children: Qo
@@ -1275,8 +1275,8 @@ const ho = s.object({
 }, Wo = ({ navigations: e }) => {
   const { formatMessage: t } = A();
   return /* @__PURE__ */ w(S.Root, { children: [
-    /* @__PURE__ */ n(S.Item, { col: 12, paddingBottom: 1, children: /* @__PURE__ */ n(P, { children: /* @__PURE__ */ n(x, { variant: "beta", children: t(l("popup.navigation.manage.delete.header")) }) }) }),
-    /* @__PURE__ */ n(S.Item, { col: 12, paddingBottom: 1, children: /* @__PURE__ */ n(x, { variant: "omega", fontWeight: "semiBold", children: Xo(e) }) })
+    /* @__PURE__ */ n(S.Item, { col: 12, paddingBottom: 1, children: /* @__PURE__ */ n(P, { children: /* @__PURE__ */ n(F, { variant: "beta", children: t(l("popup.navigation.manage.delete.header")) }) }) }),
+    /* @__PURE__ */ n(S.Item, { col: 12, paddingBottom: 1, children: /* @__PURE__ */ n(F, { variant: "omega", fontWeight: "semiBold", children: Xo(e) }) })
   ] });
 }, Ho = ({ state: e, onSubmit: t, onReset: a, isLoading: o }) => {
   const { formatMessage: i } = A();
@@ -1326,7 +1326,7 @@ const ho = s.object({
   navigation: o,
   setState: i
 }) => {
-  const r = X(() => t ?? o, [t]), d = $(
+  const r = X(() => t ?? o, [t]), d = E(
     ({ disabled: c, ...m }) => {
       i({
         view: "EDIT",
@@ -1339,7 +1339,7 @@ const ho = s.object({
     [i, o, e]
   );
   return /* @__PURE__ */ n(
-    wn,
+    Sn,
     {
       navigation: r,
       onChange: d,
@@ -1369,8 +1369,8 @@ const ho = s.object({
 }, ei = ({ navigations: e }) => {
   const { formatMessage: t } = A();
   return /* @__PURE__ */ w(S.Root, { children: [
-    /* @__PURE__ */ n(S.Item, { col: 12, paddingBottom: 1, children: /* @__PURE__ */ n(P, { children: /* @__PURE__ */ n(x, { variant: "beta", children: t(l("popup.navigation.manage.purge.header")) }) }) }),
-    /* @__PURE__ */ n(S.Item, { col: 12, paddingBottom: 1, children: /* @__PURE__ */ n(x, { variant: "omega", fontWeight: "semiBold", children: ni(e) }) })
+    /* @__PURE__ */ n(S.Item, { col: 12, paddingBottom: 1, children: /* @__PURE__ */ n(P, { children: /* @__PURE__ */ n(F, { variant: "beta", children: t(l("popup.navigation.manage.purge.header")) }) }) }),
+    /* @__PURE__ */ n(S.Item, { col: 12, paddingBottom: 1, children: /* @__PURE__ */ n(F, { variant: "omega", fontWeight: "semiBold", children: ni(e) }) })
   ] });
 }, ti = ({ onSubmit: e, onReset: t, isLoading: a }) => {
   const { formatMessage: o } = A();
@@ -1392,20 +1392,20 @@ const ho = s.object({
     }
   );
 }, ni = (e) => e.map(nt("name")).join(", "), ai = ({ initialState: e, isOpened: t, onClose: a }) => {
-  const { formatMessage: o } = A(), [i, r] = N(e), { toggleNotification: d } = Oe(), c = So(), m = Fo(), p = No(), u = In({}), v = vn(), b = xt(), C = At(), y = X(
+  const { formatMessage: o } = A(), [i, r] = N(e), { toggleNotification: d } = Oe(), c = So(), m = xo(), p = No(), u = Cn({}), C = vn(), b = Ft(), v = At(), h = X(
     () => Xe(b.data ?? [], "id"),
     [b.data]
-  ), f = Tn([
+  ), f = wn([
     m,
     b,
     p,
     u,
-    v,
-    C
-  ]), I = $(() => r({ view: "INITIAL" }), [r]), h = $(async () => {
+    C,
+    v
+  ]), I = E(() => r({ view: "INITIAL" }), [r]), y = E(async () => {
     const k = i.view === "DELETE" ? () => {
       m.mutate(
-        i.navigations.reduce((F, M) => (M.documentId && F.push(M.documentId), F), []),
+        i.navigations.reduce((x, M) => (M.documentId && x.push(M.documentId), x), []),
         {
           onSuccess: c
         }
@@ -1418,8 +1418,8 @@ const ho = s.object({
             message: o(l("notification.navigation.submit"))
           });
         },
-        onError(F) {
-          console.warn(F), d({
+        onError(x) {
+          console.warn(x), d({
             type: "warning",
             message: o(l("notification.navigation.error"), {
               errorTitles: ""
@@ -1435,8 +1435,8 @@ const ho = s.object({
             message: o(l("notification.navigation.submit"))
           });
         },
-        onError(F) {
-          console.warn(F), d({
+        onError(x) {
+          console.warn(x), d({
             type: "warning",
             message: o(l("notification.navigation.error"), {
               errorTitles: ""
@@ -1445,8 +1445,8 @@ const ho = s.object({
         }
       });
     } : i.view === "CACHE_PURGE" ? () => {
-      v.mutate(
-        i.navigations.reduce((F, M) => (M.documentId && F.push(M.documentId), F), []),
+      C.mutate(
+        i.navigations.reduce((x, M) => (M.documentId && x.push(M.documentId), x), []),
         {
           onSuccess: c
         }
@@ -1455,10 +1455,10 @@ const ho = s.object({
     };
     try {
       k(), r({ view: "INITIAL" });
-    } catch (F) {
+    } catch (x) {
       r({
         view: "ERROR",
-        errors: F instanceof Error ? [F] : []
+        errors: x instanceof Error ? [x] : []
       });
     }
   }, [
@@ -1466,7 +1466,7 @@ const ho = s.object({
     r,
     c,
     p,
-    v,
+    C,
     u,
     m,
     d,
@@ -1476,17 +1476,17 @@ const ho = s.object({
   V(() => {
     (i.view === "INITIAL" || i.view === "LIST") && r({
       view: "LIST",
-      navigations: y,
+      navigations: h,
       selected: []
     });
-  }, [i.view, y]);
-  const T = oi(i, o, !!f), E = ii(i, r, !!f), z = ri({
+  }, [i.view, h]);
+  const T = oi(i, o, !!f), L = ii(i, r, !!f), z = ri({
     state: i,
     setState: r,
     onClose: a,
-    onSubmit: h,
+    onSubmit: y,
     onReset: I,
-    navigations: y,
+    navigations: h,
     isLoading: !!f
   });
   return /* @__PURE__ */ n(
@@ -1498,8 +1498,8 @@ const ho = s.object({
       },
       open: t,
       children: /* @__PURE__ */ w(H.Content, { children: [
-        /* @__PURE__ */ n(H.Header, { children: /* @__PURE__ */ n(x, { variant: "omega", fontWeight: "bold", textColor: "neutral800", as: "h2", children: T }) }),
-        /* @__PURE__ */ n(H.Body, { children: E }),
+        /* @__PURE__ */ n(H.Header, { children: /* @__PURE__ */ n(F, { variant: "omega", fontWeight: "bold", textColor: "neutral800", as: "h2", children: T }) }),
+        /* @__PURE__ */ n(H.Body, { children: L }),
         z
       ] })
     }
@@ -1570,7 +1570,7 @@ const ho = s.object({
       return Nt(e.state);
   }
 }, Nt = (e) => (console.warn(`Unknown state "${e?.view}". (${JSON.stringify(e)})`), null), li = () => {
-  const [e, t] = N(!1), a = $(() => t(!0), [t]), o = $(() => t(!1), [t]), i = X(
+  const [e, t] = N(!1), a = E(() => t(!0), [t]), o = E(() => t(!1), [t]), i = X(
     () => e ? /* @__PURE__ */ n(ai, { initialState: { view: "INITIAL" }, isOpened: !0, onClose: o }) : null,
     [e, o]
   );
@@ -1604,9 +1604,9 @@ const ho = s.object({
   handleCachePurge: m,
   permissions: p = {},
   locale: u,
-  currentLocale: v
+  currentLocale: C
 }) => {
-  const { formatMessage: b } = A(), { openNavigationManagerModal: C, navigationManagerModal: y } = li(), f = ne(), I = !!u.restLocale?.length, h = f.data?.isCacheEnabled, { canUpdate: T } = p, { isDesktop: E, isMobile: z, isLargeDesktop: k } = Ze();
+  const { formatMessage: b } = A(), { openNavigationManagerModal: v, navigationManagerModal: h } = li(), f = ne(), I = !!u.restLocale?.length, y = f.data?.isCacheEnabled, { canUpdate: T } = p, { isDesktop: L, isMobile: z, isLargeDesktop: k } = Ze();
   return /* @__PURE__ */ n(ie, { children: /* @__PURE__ */ n(
     qe.Header,
     {
@@ -1631,14 +1631,14 @@ const ho = s.object({
                     Me,
                     {
                       m: 3,
-                      xs: h ? 4 : 6,
+                      xs: y ? 4 : 6,
                       orderInitial: 3,
                       orderSmall: 3,
                       orderMedium: 1,
                       children: /* @__PURE__ */ n(
                         K,
                         {
-                          onClick: C,
+                          onClick: v,
                           startIcon: null,
                           type: "button",
                           variant: "secondary",
@@ -1658,27 +1658,27 @@ const ho = s.object({
                       orderSmall: 1,
                       orderMedium: 2,
                       children: /* @__PURE__ */ n(Dt.Root, { width: "100%", children: /* @__PURE__ */ n(
-                        Fe,
+                        xe,
                         {
                           type: "select",
                           placeholder: "Change navigation",
                           name: "navigationSelect",
-                          onChange: (F) => {
+                          onChange: (x) => {
                             const M = t.find(
-                              ({ documentId: _ }) => F === _
+                              ({ documentId: _ }) => x === _
                             );
                             M && r(M);
                           },
                           value: e?.documentId,
                           size: "S",
                           style: null,
-                          children: t.filter(({ locale: F }) => F === v).map(({ documentId: F, name: M }) => /* @__PURE__ */ n(Ae, { value: F, children: M }, F))
+                          children: t.filter(({ locale: x }) => x === C).map(({ documentId: x, name: M }) => /* @__PURE__ */ n(Ae, { value: x, children: M }, x))
                         }
                       ) })
                     }
                   ),
                   I ? /* @__PURE__ */ n(Me, { m: 2, xs: 3, orderInitial: 2, orderSmall: 2, orderMedium: 3, children: /* @__PURE__ */ n(Dt.Root, { width: "100%", children: /* @__PURE__ */ n(
-                    Fe,
+                    xe,
                     {
                       type: "select",
                       placeholder: b(
@@ -1686,16 +1686,16 @@ const ho = s.object({
                       ),
                       name: "navigationLocalizationSelect",
                       onChange: d,
-                      value: v,
+                      value: C,
                       size: "S",
-                      children: [u.defaultLocale, ...u.restLocale].map((F) => /* @__PURE__ */ n(Ae, { value: F, children: F }, F))
+                      children: [u.defaultLocale, ...u.restLocale].map((x) => /* @__PURE__ */ n(Ae, { value: x, children: x }, x))
                     }
                   ) }) }) : null,
                   T && /* @__PURE__ */ n(
                     Me,
                     {
                       m: 3,
-                      xs: h ? 4 : 6,
+                      xs: y ? 4 : 6,
                       orderInitial: 4,
                       orderSmall: 4,
                       orderMedium: 4,
@@ -1713,8 +1713,8 @@ const ho = s.object({
                       )
                     }
                   ),
-                  h && /* @__PURE__ */ w(ie, { children: [
-                    E && /* @__PURE__ */ n(Me, { m: 9, orderInitial: 5, orderSmall: 5, orderMedium: 5 }),
+                  y && /* @__PURE__ */ w(ie, { children: [
+                    L && /* @__PURE__ */ n(Me, { m: 9, orderInitial: 5, orderSmall: 5, orderMedium: 5 }),
                     /* @__PURE__ */ n(Me, { m: 3, xs: 4, orderInitial: 6, orderSmall: 6, orderMedium: 6, children: /* @__PURE__ */ n(
                       K,
                       {
@@ -1731,11 +1731,11 @@ const ho = s.object({
                 ]
               }
             ) }),
-            T && y
+            T && h
           ]
         }
       ),
-      secondaryAction: !z && /* @__PURE__ */ n(na, { icon: /* @__PURE__ */ n(ba, { "aria-hidden": !0 }), children: e ? b(l("header.meta"), {
+      secondaryAction: !z && /* @__PURE__ */ n(aa, { icon: /* @__PURE__ */ n(ba, { "aria-hidden": !0 }), children: e ? b(l("header.meta"), {
         id: e?.documentId,
         key: e?.slug
       }) : null })
@@ -1799,8 +1799,8 @@ const ho = s.object({
       cursor: "pointer",
       style: { marginRight: "16px" },
       children: [
-        /* @__PURE__ */ n(ui, { children: t ? /* @__PURE__ */ n(Ia, { width: "16px", height: "9px" }) : /* @__PURE__ */ n(va, { width: "16px", height: "9px" }) }),
-        !o && /* @__PURE__ */ w(x, { variant: "pi", children: [
+        /* @__PURE__ */ n(ui, { children: t ? /* @__PURE__ */ n(Ia, { width: "16px", height: "9px" }) : /* @__PURE__ */ n(Ca, { width: "16px", height: "9px" }) }),
+        !o && /* @__PURE__ */ w(F, { variant: "pi", children: [
           a,
           " nested ",
           a === 1 ? "item" : "items"
@@ -1808,7 +1808,7 @@ const ho = s.object({
       ]
     }
   );
-}, Sn = oe(aa).withConfig({
+}, xn = oe(un).withConfig({
   shouldForwardProp: (e) => !["small"].includes(e)
 })`
   border: 1px solid
@@ -1875,9 +1875,9 @@ const ho = s.object({
       }
     }
   }
-`, gi = jn.forwardRef((e, t) => {
+`, gi = Bn.forwardRef((e, t) => {
   const { isSmallMobile: a } = Ze();
-  return /* @__PURE__ */ n(mi, { ...e, ref: t, isMobile: a, children: /* @__PURE__ */ n(Ca, {}) });
+  return /* @__PURE__ */ n(mi, { ...e, ref: t, isMobile: a, children: /* @__PURE__ */ n(va, {}) });
 }), hi = oe(oa)`
   width: 100%;
 
@@ -1889,7 +1889,7 @@ const ho = s.object({
   > div > * {
     margin: 0px ${({ theme: e }) => e.spaces[1]};
   }
-`, fi = /* @__PURE__ */ n(Ct, {}), yi = /* @__PURE__ */ n(Tt, {}), bi = /* @__PURE__ */ n(mn, {}), Ii = /* @__PURE__ */ n(Ta, {}), vi = { zIndex: 2 }, Ci = { maxWidth: "425px" }, Ti = ({
+`, fi = /* @__PURE__ */ n(vt, {}), yi = /* @__PURE__ */ n(Tt, {}), bi = /* @__PURE__ */ n(gn, {}), Ii = /* @__PURE__ */ n(Ta, {}), Ci = { zIndex: 2 }, vi = { maxWidth: "425px" }, Ti = ({
   title: e,
   path: t,
   icon: a,
@@ -1901,28 +1901,28 @@ const ho = s.object({
   dragRef: m,
   isSearchActive: p
 }) => {
-  const { formatMessage: u } = A(), { isSmallMobile: v } = Ze();
+  const { formatMessage: u } = A(), { isSmallMobile: C } = Ze();
   return /* @__PURE__ */ w(hi, { children: [
     /* @__PURE__ */ w(P, { alignItems: "center", children: [
       i && /* @__PURE__ */ n(gi, { ref: m, isActive: p }),
-      /* @__PURE__ */ n(x, { variant: "omega", fontWeight: "bold", fontSize: v ? "12px" : "14px", children: e }),
+      /* @__PURE__ */ n(F, { variant: "omega", fontWeight: "bold", fontSize: C ? "12px" : "14px", children: e }),
       /* @__PURE__ */ n(
-        x,
+        F,
         {
           variant: "omega",
           fontWeight: "bold",
           textColor: "neutral500",
-          fontSize: v ? "12px" : "14px",
+          fontSize: C ? "12px" : "14px",
           ellipsis: !0,
-          style: Ci,
+          style: vi,
           children: t
         }
       ),
       /* @__PURE__ */ n(P, { children: a })
     ] }),
-    /* @__PURE__ */ w(P, { alignItems: "center", style: vi, children: [
-      o && /* @__PURE__ */ n(Sn, { borderColor: "danger200", backgroundColor: "danger100", textColor: "danger600", children: u(l("components.navigationItem.badge.removed")) }),
-      /* @__PURE__ */ w(un, { children: [
+    /* @__PURE__ */ w(P, { alignItems: "center", style: Ci, children: [
+      o && /* @__PURE__ */ n(xn, { borderColor: "danger200", backgroundColor: "danger100", textColor: "danger600", children: u(l("components.navigationItem.badge.removed")) }),
+      /* @__PURE__ */ w(pn, { children: [
         /* @__PURE__ */ n(
           ht,
           {
@@ -1936,7 +1936,7 @@ const ho = s.object({
               )
             ),
             children: i ? fi : bi,
-            isMobile: v
+            isMobile: C
           }
         ),
         i && /* @__PURE__ */ n(ie, { children: o ? /* @__PURE__ */ n(
@@ -1949,7 +1949,7 @@ const ho = s.object({
             ),
             variant: "success-light",
             children: Ii,
-            isMobile: v
+            isMobile: C
           }
         ) : /* @__PURE__ */ n(
           ht,
@@ -1961,7 +1961,7 @@ const ho = s.object({
               l("components.navigationItem.action.remove", "Remove")
             ),
             children: yi,
-            isMobile: v
+            isMobile: C
           }
         ) })
       ] })
@@ -2018,7 +2018,7 @@ const ho = s.object({
         border-radius: 0 0 0 100%;
       }
     `};
-`, Fi = ({
+`, xi = ({
   item: e,
   isLast: t = !1,
   level: a = 0,
@@ -2030,101 +2030,101 @@ const ho = s.object({
   onItemEdit: m,
   onItemReOrder: p,
   onItemToggleCollapse: u,
-  onItemSubmit: v,
+  onItemSubmit: C,
   displayChildren: b,
-  permissions: C,
-  structureId: y,
+  permissions: v,
+  structureId: h,
   viewParentId: f,
   locale: I
 }) => {
-  const h = Se(e, !0), { formatMessage: T } = A(), E = ne(), z = an(), k = h.type === "EXTERNAL", F = h.type === "WRAPPER", M = kt(E.data?.allowedLevels) ? a < E.data.allowedLevels - 1 : !0, _ = kt(E.data?.allowedLevels) ? a < E.data.allowedLevels : !0, re = !Y(e.items) && !b, Q = k ? void 0 : `${o === "/" ? "" : o}/${h.path === "/" ? "" : h.path}`.replace(
+  const y = Se(e, !0), { formatMessage: T } = A(), L = ne(), z = an(), k = y.type === "EXTERNAL", x = y.type === "WRAPPER", M = kt(L.data?.allowedLevels) ? a < L.data.allowedLevels - 1 : !0, _ = kt(L.data?.allowedLevels) ? a < L.data.allowedLevels : !0, re = !Y(e.items) && !b, Q = k ? void 0 : `${o === "/" ? "" : o}/${y.path === "/" ? "" : y.path}`.replace(
     "//",
     "/"
-  ), le = bn({
-    uid: h.type === "INTERNAL" ? h.relatedType ?? "" : "",
+  ), le = In({
+    uid: y.type === "INTERNAL" ? y.relatedType ?? "" : "",
     locale: I
   }), ee = bo().data?.find(
-    (W) => h.type === "INTERNAL" ? W.uid === h.relatedType : !1
+    (W) => y.type === "INTERNAL" ? W.uid === y.relatedType : !1
   ), _e = ee?.uid.includes("api::"), pe = le.data?.find(
-    (W) => h.type === "INTERNAL" ? W.documentId === h.related : !1
-  ) ?? { documentId: "", id: 0 }, Re = !!pe?.publishedAt, G = k ? "" : st(pe, E.data), R = ee?.info.displayName ?? "", Z = Re ? "success" : "secondary", se = C.canUpdate, U = We(null), Ee = We(null), Ie = We(null), [, ve] = Kn({
+    (W) => y.type === "INTERNAL" ? W.documentId === y.related : !1
+  ) ?? { documentId: "", id: 0 }, Re = !!pe?.publishedAt, G = k ? "" : st(pe, L.data), R = ee?.info.displayName ?? "", Z = Re ? "success" : "secondary", se = v.canUpdate, U = We(null), Le = We(null), Ie = We(null), [, Ce] = Wn({
     accept: `navigation-item_${o}`,
-    hover(W, Ce) {
+    hover(W, ve) {
       const te = W.order ?? 0, Pe = e.order ?? 0;
       if (te === Pe)
         return;
-      const ct = Ee.current.getBoundingClientRect(), ut = (ct.bottom - ct.top) / 2, $t = Ce.getClientOffset();
-      if (!$t)
+      const ct = Le.current.getBoundingClientRect(), ut = (ct.bottom - ct.top) / 2, Et = ve.getClientOffset();
+      if (!Et)
         return;
-      const pt = $t.y - ct.top, Vn = pt > ut ? (e.order ?? 0) + 0.5 : (e.order ?? 0) - 0.5;
+      const pt = Et.y - ct.top, jn = pt > ut ? (e.order ?? 0) + 0.5 : (e.order ?? 0) - 0.5;
       te < Pe && pt < ut || te > Pe && pt > ut || p({
         item: Se(W, !0),
-        newOrder: Vn
+        newOrder: jn
       });
     },
     collect: (W) => ({
       isOverCurrent: W.isOver({ shallow: !0 })
     })
-  }), [{ isDragging: $n }, Pn, Mn] = Wn({
+  }), [{ isDragging: Pn }, Mn, kn] = Hn({
     type: `navigation-item_${o}`,
     item: () => e,
     collect: (W) => ({
       isDragging: W.isDragging()
     })
-  }), $e = {
-    dragRef: Pn(U),
-    dropRef: ve(Ee),
-    previewRef: Mn(Ie)
-  }, kn = (W) => {
-    const Ce = ee?.kind === "singleType", te = W?.locale ? `?plugins[i18n][locale]=${W?.locale}` : "";
-    return `/admin/content-manager/${Ce ? "single-types" : "collection-types"}/${ee?.uid}${Ce ? "" : "/" + W?.documentId}${te}`;
-  }, qn = $(
+  }), Ee = {
+    dragRef: Mn(U),
+    dropRef: Ce(Le),
+    previewRef: kn(Ie)
+  }, qn = (W) => {
+    const ve = ee?.kind === "singleType", te = W?.locale ? `?plugins[i18n][locale]=${W?.locale}` : "";
+    return `/admin/content-manager/${ve ? "single-types" : "collection-types"}/${ee?.uid}${ve ? "" : "/" + W?.documentId}${te}`;
+  }, Dn = E(
     (W) => {
       if (!se)
         return;
-      const Ce = (h.items ?? []).reduce((te, { order: Pe }) => te < Pe ? Pe : te, 0);
+      const ve = (y.items ?? []).reduce((te, { order: Pe }) => te < Pe ? Pe : te, 0);
       return r(
         W,
-        h.viewId,
+        y.viewId,
         M,
         Q,
-        h.menuAttached,
-        `${y}.${h.items?.length ?? 0}`,
-        Ce
+        y.menuAttached,
+        `${h}.${y.items?.length ?? 0}`,
+        ve
       );
     },
     [
-      h.viewId,
+      y.viewId,
       M,
       Q,
-      h.menuAttached,
-      y,
-      h.items,
+      y.menuAttached,
+      h,
+      y.items,
       se
     ]
   );
   V(() => {
-    h.isSearchActive && $e.dropRef?.current?.scrollIntoView?.({
+    y.isSearchActive && Ee.dropRef?.current?.scrollIntoView?.({
       behavior: "smooth",
       block: "center",
       inline: "center"
     });
-  }, [h.isSearchActive, $e.dropRef.current]);
-  const Dn = Co({
-    uid: h.type === "INTERNAL" ? h.relatedType ?? "" : "",
+  }, [y.isSearchActive, Ee.dropRef.current]);
+  const Vn = vo({
+    uid: y.type === "INTERNAL" ? y.relatedType ?? "" : "",
     locale: I
   });
   V(() => {
-    Dn();
+    Vn();
   }, []);
-  const Lt = Bn();
+  const $t = On();
   return /* @__PURE__ */ w(
     Si,
     {
       level: a,
       isLast: t,
-      style: { opacity: $n ? 0.2 : 1 },
-      ref: $e ? $e.dropRef : void 0,
+      style: { opacity: Pn ? 0.2 : 1 },
+      ref: Ee ? Ee.dropRef : void 0,
       children: [
         /* @__PURE__ */ w(
           ia,
@@ -2134,22 +2134,22 @@ const ho = s.object({
               zIndex: 1,
               position: "relative",
               overflow: "hidden",
-              backgroundColor: h.isSearchActive ? Lt.colors.secondary100 : void 0,
-              borderColor: h.isSearchActive ? Lt.colors.secondary200 : void 0,
+              backgroundColor: y.isSearchActive ? $t.colors.secondary100 : void 0,
+              borderColor: y.isSearchActive ? $t.colors.secondary200 : void 0,
               transition: "background-color 0.3s ease-in"
             },
             children: [
-              h.removed && /* @__PURE__ */ n(wi, {}),
-              /* @__PURE__ */ w("div", { ref: $e.previewRef, children: [
+              y.removed && /* @__PURE__ */ n(wi, {}),
+              /* @__PURE__ */ w("div", { ref: Ee.previewRef, children: [
                 /* @__PURE__ */ n(Vt, { children: /* @__PURE__ */ n(
                   Ti,
                   {
                     title: e.title ?? "",
-                    path: k ? h.externalPath : Q,
-                    icon: k ? /* @__PURE__ */ n(wa, {}) : F ? /* @__PURE__ */ n(Sa, {}) : /* @__PURE__ */ n(Fa, {}),
+                    path: k ? y.externalPath : Q,
+                    icon: k ? /* @__PURE__ */ n(wa, {}) : x ? /* @__PURE__ */ n(Sa, {}) : /* @__PURE__ */ n(xa, {}),
                     onItemRemove: () => d({ ...e, viewParentId: f }),
                     onItemEdit: () => {
-                      const { __type: W, documentId: Ce } = e.related ?? {};
+                      const { __type: W, documentId: ve } = e.related ?? {};
                       e.type !== "EXTERNAL" && e.type !== "INTERNAL" && e.type !== "WRAPPER" || m({
                         item: e.type === "INTERNAL" ? {
                           ...e,
@@ -2158,7 +2158,7 @@ const ho = s.object({
                           isParentAttachedToMenu: i,
                           isSearchActive: !1,
                           relatedType: W ?? "",
-                          related: Ce ?? "",
+                          related: ve ?? "",
                           additionalFields: e.additionalFields ?? {},
                           items: e.items ?? [],
                           autoSync: e.autoSync ?? !0,
@@ -2196,10 +2196,10 @@ const ho = s.object({
                       });
                     },
                     onItemRestore: () => c({ ...e, viewParentId: f }),
-                    dragRef: $e.dragRef,
-                    removed: h.removed,
+                    dragRef: Ee.dragRef,
+                    removed: y.removed,
                     canUpdate: se,
-                    isSearchActive: h.isSearchActive
+                    isSearchActive: y.isSearchActive
                   }
                 ) }),
                 /* @__PURE__ */ n(tt, {}),
@@ -2216,23 +2216,23 @@ const ho = s.object({
                           pi,
                           {
                             toggle: () => u({ ...e, viewParentId: f }),
-                            collapsed: h.collapsed,
+                            collapsed: y.collapsed,
                             itemsCount: e.items?.length ?? 0
                           }
                         ),
                         se && M && /* @__PURE__ */ n(
                           ra,
                           {
-                            disabled: h.removed,
+                            disabled: y.removed,
                             startIcon: /* @__PURE__ */ n(wt, {}),
-                            onClick: qn,
+                            onClick: Dn,
                             size: "S",
                             children: /* @__PURE__ */ n(
-                              x,
+                              F,
                               {
                                 variant: "pi",
                                 fontWeight: "bold",
-                                textColor: h.removed ? "neutral600" : "primary600",
+                                textColor: y.removed ? "neutral600" : "primary600",
                                 fontSize: { initial: "1.1rem", small: "1.2rem" },
                                 children: T(l("components.navigationItem.action.newItem"))
                               }
@@ -2240,9 +2240,9 @@ const ho = s.object({
                           }
                         )
                       ] }),
-                      h.type === "INTERNAL" && h.related && !pe.id ? /* @__PURE__ */ w(P, { justifyContent: "center", alignItems: "center", children: [
+                      y.type === "INTERNAL" && y.related && !pe.id ? /* @__PURE__ */ w(P, { justifyContent: "center", alignItems: "center", children: [
                         /* @__PURE__ */ w(
-                          x,
+                          F,
                           {
                             variant: "omega",
                             textColor: "neutral600",
@@ -2254,7 +2254,7 @@ const ho = s.object({
                           }
                         ),
                         /* @__PURE__ */ n(
-                          x,
+                          F,
                           {
                             variant: "omega",
                             textColor: "neutral800",
@@ -2265,7 +2265,7 @@ const ho = s.object({
                       ] }) : null,
                       G && /* @__PURE__ */ w(P, { justifyContent: "center", alignItems: "center", children: [
                         !z && /* @__PURE__ */ n(
-                          Sn,
+                          xn,
                           {
                             borderColor: `${Z}200`,
                             backgroundColor: `${Z}100`,
@@ -2280,7 +2280,7 @@ const ho = s.object({
                           }
                         ),
                         /* @__PURE__ */ w(
-                          x,
+                          F,
                           {
                             variant: "omega",
                             textColor: "neutral600",
@@ -2292,7 +2292,7 @@ const ho = s.object({
                           }
                         ),
                         /* @__PURE__ */ n(
-                          x,
+                          F,
                           {
                             variant: "omega",
                             textColor: "neutral800",
@@ -2303,7 +2303,7 @@ const ho = s.object({
                         _e && /* @__PURE__ */ n(
                           la,
                           {
-                            href: kn(pe ?? void 0),
+                            href: qn(pe ?? void 0),
                             endIcon: /* @__PURE__ */ n(Aa, {}),
                             children: " "
                           }
@@ -2316,19 +2316,19 @@ const ho = s.object({
             ]
           }
         ),
-        re && !h.removed && !h.collapsed && /* @__PURE__ */ n(
-          Fn,
+        re && !y.removed && !y.collapsed && /* @__PURE__ */ n(
+          An,
           {
             onItemLevelAdd: r,
             onItemEdit: m,
-            onItemSubmit: v,
-            isParentAttachedToMenu: h.menuAttached,
+            onItemSubmit: C,
+            isParentAttachedToMenu: y.menuAttached,
             items: e.items ?? [],
             level: a + 1,
             levelPath: Q,
-            permissions: C,
-            structurePrefix: y,
-            viewParentId: h.viewId,
+            permissions: v,
+            structurePrefix: h,
+            viewParentId: y.viewId,
             locale: I
           }
         )
@@ -2352,7 +2352,7 @@ const ho = s.object({
       border-left: 4px solid ${t.colors.neutral300};
     }
   `};
-`, Fn = ({
+`, An = ({
   isParentAttachedToMenu: e = !1,
   items: t,
   level: a = 0,
@@ -2364,17 +2364,17 @@ const ho = s.object({
   permissions: m,
   structurePrefix: p,
   viewParentId: u,
-  locale: v
+  locale: C
 }) => {
   const b = ({
     item: I,
-    newOrder: h
+    newOrder: y
   }) => {
     d({
       ...I,
-      order: h
+      order: y
     });
-  }, C = (I) => {
+  }, v = (I) => {
     d(
       Se(
         {
@@ -2384,7 +2384,7 @@ const ho = s.object({
         !0
       )
     );
-  }, y = (I) => {
+  }, h = (I) => {
     d(
       Se(
         {
@@ -2407,30 +2407,30 @@ const ho = s.object({
       )
     );
   };
-  return /* @__PURE__ */ n(Ai, { "data-level": a, children: t?.map((I, h) => /* @__PURE__ */ n(
-    Fi,
+  return /* @__PURE__ */ n(Ai, { "data-level": a, children: t?.map((I, y) => /* @__PURE__ */ n(
+    xi,
     {
       item: I,
-      isLast: h === t.length - 1,
+      isLast: y === t.length - 1,
       level: a,
       levelPath: o,
       isParentAttachedToMenu: e,
       onItemLevelAdd: r,
       onItemEdit: i,
       onItemSubmit: d,
-      onItemRestore: y,
-      onItemRemove: C,
+      onItemRestore: h,
+      onItemRemove: v,
       onItemReOrder: b,
       onItemToggleCollapse: f,
       displayChildren: c,
       permissions: m,
-      structureId: p ? `${p}.${h}` : h.toString(),
+      structureId: p ? `${p}.${y}` : y.toString(),
       viewParentId: u,
-      locale: v
+      locale: C
     },
-    `list-item-${I.viewId || h}`
+    `list-item-${I.viewId || y}`
   )) });
-}, xi = ({
+}, Fi = ({
   handleCancel: e,
   handleSubmit: t,
   submitDisabled: a,
@@ -2498,7 +2498,7 @@ const ho = s.object({
   externalPath: g.string().nullish(),
   relatedType: g.string(),
   related: t ? g.string().optional() : g.string()
-}), Ei = ({
+}), Li = ({
   isSingleSelected: e,
   additionalFields: t
 }) => Rt({
@@ -2509,7 +2509,7 @@ const ho = s.object({
   externalPath: g.string().min(1).refine((a) => Ni.some((o) => o.test(a))),
   relatedType: g.string().optional(),
   related: g.string().optional()
-}), Li = ({
+}), $i = ({
   isSingleSelected: e,
   additionalFields: t
 }) => Rt({
@@ -2517,10 +2517,10 @@ const ho = s.object({
 }).extend({
   type: g.literal("WRAPPER"),
   path: g.string().or(g.null()).optional()
-}), $i = (e) => g.discriminatedUnion("type", [
-  Ei(e),
+}), Ei = (e) => g.discriminatedUnion("type", [
+  Li(e),
   Ri(e),
-  Li(e)
+  $i(e)
 ]), Xt = {
   autoSync: !0,
   type: "INTERNAL",
@@ -2550,7 +2550,7 @@ const ho = s.object({
         let m = o.additionalFields[d];
         switch (c) {
           case "boolean":
-            m = Yn(m) ? `${m}` : m;
+            m = ea(m) ? `${m}` : m;
             break;
           case "media":
             m = m && JSON.stringify(m);
@@ -2588,14 +2588,14 @@ const ho = s.object({
 }, ki = () => {
   const { formatMessage: e } = A(), [t, a] = N(
     {}
-  ), [o, i] = N(), r = (p, u, v) => {
-    if (v) {
-      let b = p, C = u;
+  ), [o, i] = N(), r = (p, u, C) => {
+    if (C) {
+      let b = p, v = u;
       if (He(p)) {
-        const { name: y, value: f } = p.target;
-        b = y, C = Be(C) ? f : C;
+        const { name: h, value: f } = p.target;
+        b = h, v = Be(v) ? f : v;
       }
-      return ot(b) && d(b, C), v(p, C);
+      return ot(b) && d(b, v), C(p, v);
     }
   }, d = (p, u) => {
     a(
@@ -2660,7 +2660,7 @@ const ho = s.object({
     return "";
   const d = t?.pathDefaultFields[i] ?? [];
   if (Y(e) && !Y(d)) {
-    const c = r ? vt(a ?? []) : a?.find(({ id: p }) => p === o);
+    const c = r ? Ct(a ?? []) : a?.find(({ id: p }) => p === o);
     return d.map((p) => c?.[p] ?? "").filter((p) => !!p.toString().trim())[0] ?? "";
   }
   return "";
@@ -2686,7 +2686,7 @@ const ho = s.object({
     }) : e || "";
     return `${a.levelPath !== "/" ? `${a.levelPath}` : ""}/${p}`.replace("//", "/");
   }
-}, An = tn({
+}, Fn = tn({
   values: {},
   onChange: () => null,
   handleChange: () => null,
@@ -2694,28 +2694,28 @@ const ho = s.object({
   setFormValueItem: () => null,
   canUpdate: void 0,
   isLoading: !0
-}), he = () => nn(An), ji = () => {
+}), he = () => nn(Fn), ji = () => {
   const { formatMessage: e } = A(), t = ne(), { values: a, onChange: o, handleChange: i, renderError: r, canUpdate: d } = he(), m = (t.data?.contentTypes.length ? ["INTERNAL", "EXTERNAL", "WRAPPER"] : ["EXTERNAL", "WRAPPER"]).map((p) => ({
     key: p,
     value: p,
     label: e(l(`popup.item.form.type.${p.toLowerCase()}.label`))
   }));
   return /* @__PURE__ */ n(S.Item, { alignItems: "flex-start", m: 8, xs: 12, children: /* @__PURE__ */ n(
-    L,
+    $,
     {
       name: "type",
       label: e(l("popup.item.form.type.label", "Internal link")),
       error: r("type"),
       hint: e(l("popup.item.form.title.placeholder", "e.g. Blog")),
       children: /* @__PURE__ */ n(
-        Fe,
+        xe,
         {
           onChange: (p) => i("type", p, o),
           value: a.type,
           name: "type",
           disabled: !d,
           width: "100%",
-          children: m.map(({ key: p, label: u, value: v }) => /* @__PURE__ */ n(Ae, { value: v, children: u }, p))
+          children: m.map(({ key: p, label: u, value: C }) => /* @__PURE__ */ n(Ae, { value: C, children: u }, p))
         }
       )
     }
@@ -2723,7 +2723,7 @@ const ho = s.object({
 }, Bi = ({ current: e }) => {
   const { formatMessage: t } = A(), a = ne(), { values: o, onChange: i, handleChange: r, renderError: d, canUpdate: c } = he();
   return /* @__PURE__ */ n(S.Item, { alignItems: "flex-start", m: 4, xs: 12, children: /* @__PURE__ */ n(
-    L,
+    $,
     {
       name: "menuAttached",
       label: t(l("popup.item.form.menuAttached.label", "MenuAttached")),
@@ -2764,7 +2764,7 @@ const ho = s.object({
       orderInitial: 2,
       orderMedium: 1,
       children: /* @__PURE__ */ n(
-        L,
+        $,
         {
           name: "title",
           label: e(l("popup.item.form.title.label", "Title")),
@@ -2803,7 +2803,7 @@ const ho = s.object({
       orderInitial: 1,
       orderMedium: 2,
       children: /* @__PURE__ */ n(
-        L,
+        $,
         {
           name: "autoSync",
           label: e(l("popup.item.form.autoSync.label", "Read fields from related")),
@@ -2829,7 +2829,7 @@ const ho = s.object({
   current: t,
   isSingleSelected: a
 }) => {
-  const { formatMessage: o } = A(), i = ne(), { values: r, onChange: d, handleChange: c, renderError: m, canUpdate: p } = he(), u = r.type === "EXTERNAL" ? "externalPath" : "path", v = r.type === "INTERNAL" ? r : {
+  const { formatMessage: o } = A(), i = ne(), { values: r, onChange: d, handleChange: c, renderError: m, canUpdate: p } = he(), u = r.type === "EXTERNAL" ? "externalPath" : "path", C = r.type === "INTERNAL" ? r : {
     related: void 0,
     relatedType: void 0
   }, b = Vi({
@@ -2839,14 +2839,12 @@ const ho = s.object({
     currentType: r.type,
     config: i.data,
     contentTypeItems: e,
-    currentRelated: v.related,
-    currentRelatedType: v.relatedType,
+    currentRelated: C.related,
+    currentRelatedType: C.relatedType,
     isSingleSelected: a
-  }), C = !p || r.autoSync && r.type === "INTERNAL", y = v.relatedType ? i.data?.pathDefaultFields?.[v.relatedType] ?? [] : [], f = e?.find(
-    ({ documentId: h }) => h === v.related
-  ), I = y.find((h) => f?.[h]);
+  });
   return /* @__PURE__ */ n(S.Item, { alignItems: "flex-start", col: 12, children: /* @__PURE__ */ n(
-    L,
+    $,
     {
       name: u,
       label: o(l(`popup.item.form.${u}.label`, "Path")),
@@ -2855,17 +2853,14 @@ const ho = s.object({
         o(l(`popup.item.form.${u}.placeholder`, "e.g. Blog")),
         b ? o(l("popup.item.form.type.external.description"), {
           value: b
-        }) : "",
-        C ? o(l("popup.item.form.type.internal.source"), {
-          value: I || "id"
         }) : ""
       ].join(" "),
       children: /* @__PURE__ */ n(
         we,
         {
-          disabled: C,
+          disabled: !p,
           name: u,
-          onChange: (h, T) => c(h, T, d),
+          onChange: (v, h) => c(v, h, d),
           value: (r.type === "EXTERNAL" ? r.externalPath : r.path) || "",
           width: "100%"
         }
@@ -2893,7 +2888,7 @@ const ho = s.object({
   value: r,
   disabled: d
 }) => {
-  const { toggleNotification: c } = Oe(), { formatMessage: m } = A(), u = Qn("AdditionalFieldInput", (b) => b.fields).media, v = X(
+  const { toggleNotification: c } = Oe(), { formatMessage: m } = A(), u = Un("AdditionalFieldInput", (b) => b.fields).media, C = X(
     () => ({
       id: t.name,
       name: e || t.name,
@@ -2904,15 +2899,15 @@ const ho = s.object({
   );
   switch (V(() => {
     if (t.type === "media") {
-      const b = ea(r) ? void 0 : r;
-      i(v.name, b, o);
+      const b = ta(r) ? void 0 : r;
+      i(C.name, b, o);
     }
   }, [r]), t.type) {
     case "boolean":
       return /* @__PURE__ */ n(
         me,
         {
-          ...v,
+          ...C,
           checked: !!r,
           onChange: (b) => i(b, !r, o),
           onLabel: "true",
@@ -2924,8 +2919,8 @@ const ho = s.object({
       return /* @__PURE__ */ n(
         sa,
         {
-          ...v,
-          onChange: (b, C) => i(b, C, o),
+          ...C,
+          onChange: (b, v) => i(b, v, o),
           value: r || Ki
         }
       );
@@ -2933,26 +2928,26 @@ const ho = s.object({
       return t.multi ? /* @__PURE__ */ n(
         De,
         {
-          ...v,
-          onChange: (b) => i(v.name, b, o),
+          ...C,
+          onChange: (b) => i(C.name, b, o),
           value: Be(r) ? t.multi ? [] : null : r,
           multi: t.multi,
           withTags: t.multi,
-          children: t.options.map((b, C) => /* @__PURE__ */ n(Ve, { value: b, children: b }, `${t.name}-option-${C}`))
+          children: t.options.map((b, v) => /* @__PURE__ */ n(Ve, { value: b, children: b }, `${t.name}-option-${v}`))
         }
       ) : /* @__PURE__ */ n(
-        Fe,
+        xe,
         {
-          ...v,
-          onChange: (b) => i(v.name, b, o),
+          ...C,
+          onChange: (b) => i(C.name, b, o),
           value: Be(r) ? t.multi ? [] : null : r,
           multi: t.multi,
           withTags: t.multi,
-          children: t.options.map((b, C) => /* @__PURE__ */ n(Ae, { value: b, children: b }, `${t.name}-option-${C}`))
+          children: t.options.map((b, v) => /* @__PURE__ */ n(Ae, { value: b, children: b }, `${t.name}-option-${v}`))
         }
       );
     case "media":
-      return /* @__PURE__ */ n(u, { ...v, ...Wi, value: r });
+      return /* @__PURE__ */ n(u, { ...C, ...Wi, value: r });
     default:
       throw c({
         type: "warning",
@@ -2962,7 +2957,7 @@ const ho = s.object({
 }, Xi = ({ additionalField: e }) => {
   const { canUpdate: t, isLoading: a, onChange: o, handleChange: i, renderError: r, values: d } = he();
   return /* @__PURE__ */ n(S.Item, { alignItems: "flex-start", s: 6, xs: 12, children: /* @__PURE__ */ n(
-    L,
+    $,
     {
       name: `additionalFields.${e.name}`,
       label: e.label,
@@ -2992,7 +2987,7 @@ const ho = s.object({
     [a]
   ), { isLoading: i, renderError: r, onChange: d, handleChange: c, values: m } = he();
   return /* @__PURE__ */ n(S.Item, { alignItems: "flex-start", col: 12, children: /* @__PURE__ */ n(
-    L,
+    $,
     {
       name: "audience",
       label: e(l("popup.item.form.audience.label")),
@@ -3032,16 +3027,16 @@ const ho = s.object({
   setIsLoading: o,
   setFormValuesItems: i
 }) => {
-  const { formatMessage: r } = A(), [d, c] = N(), m = Ao(), p = xt(), { canUpdate: u, isLoading: v } = he(), b = X(
-    () => e.map((y, f) => ({
-      key: `${y}-${f}`,
-      value: y,
-      label: y
+  const { formatMessage: r } = A(), [d, c] = N(), m = Ao(), p = Ft(), { canUpdate: u, isLoading: C } = he(), b = X(
+    () => e.map((h, f) => ({
+      key: `${h}-${f}`,
+      value: h,
+      label: h
     })),
     [e]
-  ), C = $(
-    async (y) => {
-      y.preventDefault(), y.stopPropagation();
+  ), v = E(
+    async (h) => {
+      h.preventDefault(), h.stopPropagation();
       const f = p.data?.find(({ locale: I }) => I === d);
       f && (o(!0), m.mutate(
         {
@@ -3052,13 +3047,13 @@ const ho = s.object({
         {
           onSuccess(I) {
             m.reset();
-            const { type: h, externalPath: T, path: E, related: z, title: k, uiRouterKey: F } = I;
+            const { type: y, externalPath: T, path: L, related: z, title: k, uiRouterKey: x } = I;
             i({
-              type: h,
+              type: y,
               externalPath: T,
-              path: E,
+              path: L,
               title: k,
-              uiRouterKey: F,
+              uiRouterKey: x,
               related: z
             });
           },
@@ -3074,23 +3069,23 @@ const ho = s.object({
     /* @__PURE__ */ n(tt, { marginTop: 5, marginBottom: 5 }),
     /* @__PURE__ */ w(S.Root, { gap: 5, children: [
       /* @__PURE__ */ n(S.Item, { alignItems: "flex-start", col: 6, lg: 12, children: /* @__PURE__ */ n(
-        L,
+        $,
         {
           name: "i18n.locale",
           label: r(
             l("popup.item.form.i18n.locale.label", "Copy details from")
           ),
           children: /* @__PURE__ */ n(
-            Fe,
+            xe,
             {
               name: "i18n.locale",
               onChange: c,
               value: d,
-              disabled: v || !u,
+              disabled: C || !u,
               placeholder: r(
                 l("popup.item.form.i18n.locale.placeholder", "locale")
               ),
-              children: b.map(({ key: y, label: f, value: I }) => /* @__PURE__ */ n(Ae, { value: I, children: f }, y))
+              children: b.map(({ key: h, label: f, value: I }) => /* @__PURE__ */ n(Ae, { value: I, children: f }, h))
             }
           )
         }
@@ -3099,14 +3094,14 @@ const ho = s.object({
         K,
         {
           variant: "tertiary",
-          onClick: C,
-          disabled: v || !d,
+          onClick: v,
+          disabled: C || !d,
           children: r(l("popup.item.form.i18n.locale.button"))
         }
       ) }) })
     ] })
   ] }, "title") });
-}, Gt = (e, t) => t ? e.find((a) => a.value === t)?.label ?? "" : "", xn = ({
+}, Gt = (e, t) => t ? e.find((a) => a.value === t)?.label ?? "" : "", Nn = ({
   name: e,
   onClear: t,
   onChange: a,
@@ -3118,7 +3113,7 @@ const ho = s.object({
   return V(() => {
     c(Gt(o, i));
   }, [i, o]), /* @__PURE__ */ n(
-    pn,
+    mn,
     {
       name: e,
       autocomplete: "list",
@@ -3145,42 +3140,42 @@ const ho = s.object({
     canUpdate: m,
     isLoading: p,
     renderError: u,
-    setFormValueItem: v,
+    setFormValueItem: C,
     values: b
-  } = he(), C = X(
+  } = he(), v = X(
     () => Xe(
-      c.data?.contentTypes.map((y) => ({
-        key: y.uid,
-        value: y.uid,
-        label: y.label
+      c.data?.contentTypes.map((h) => ({
+        key: h.uid,
+        value: h.uid,
+        label: h.label
       })),
-      (y) => y.label
+      (h) => h.label
     ),
     [c.data, a]
   );
   return V(() => {
     if (!a)
       return;
-    const y = c.data?.contentTypes.find(
+    const h = c.data?.contentTypes.find(
       (f) => f.uid === a
     );
-    if (y && (r(y.isSingle), y.isSingle && e?.length)) {
+    if (h && (r(h.isSingle), h.isSingle && e?.length)) {
       const f = e[0];
-      f && v("related", f.documentId);
+      f && C("related", f.documentId);
     }
   }, [a, c.data, e]), V(() => {
-    a === "" && v("relatedType", c.data?.defaultContentType);
+    a === "" && C("relatedType", c.data?.defaultContentType);
   }, [c.data?.defaultContentType, b.type, a]), /* @__PURE__ */ n(S.Item, { alignItems: "flex-start", m: a && !o ? 6 : 12, xs: 12, children: /* @__PURE__ */ n(
-    L,
+    $,
     {
       name: "relatedType",
       label: d(l("popup.item.form.relatedType.label", "Related Type")),
       error: u("relatedType"),
-      hint: !p && Y(C) ? d(
+      hint: !p && Y(v) ? d(
         l("popup.item.form.relatedType.empty", "There are no more content types")
       ) : void 0,
       children: /* @__PURE__ */ n(
-        xn,
+        Nn,
         {
           name: "relatedType",
           onClear: () => i({
@@ -3188,13 +3183,13 @@ const ho = s.object({
             relatedType: void 0,
             title: b.autoSync ? "" : b.title
           }),
-          onChange: (y) => i({
+          onChange: (h) => i({
             related: void 0,
-            relatedType: y,
+            relatedType: h,
             title: b.autoSync ? "" : b.title
           }),
           value: a,
-          options: C,
+          options: v,
           disabled: !c.data?.contentTypes.length || !m
         }
       )
@@ -3208,7 +3203,7 @@ const ho = s.object({
     const i = t?.find((p) => p.documentId === e.related);
     if (!i)
       return;
-    const { contentTypesNameFields: r, pathDefaultFields: d } = o.data, c = (d[e.relatedType]?.reduce((p, u) => p || i?.[u], void 0) || i.id).toString(), m = (r[e.relatedType] ?? []).concat(r.default ?? []).reduce((p, u) => p ? p.toString() : i?.[u], void 0);
+    const { contentTypesNameFields: r, pathDefaultFields: d } = o.data, c = e.path ? e.path : (d[e.relatedType]?.reduce((p, u) => p || i?.[u], void 0) || i.id).toString(), m = (r[e.relatedType] ?? []).concat(r.default ?? []).reduce((p, u) => p ? p.toString() : i?.[u], void 0);
     c && e.path, m && e.title, a({
       path: c,
       title: m
@@ -3221,46 +3216,46 @@ const ho = s.object({
   values: o,
   setFormValuesItems: i
 }) => {
-  const { formatMessage: r } = A(), d = ne(), { canUpdate: c, isLoading: m, handleChange: p, onChange: u, renderError: v } = he(), b = Xe(
-    t?.map((y) => {
+  const { formatMessage: r } = A(), d = ne(), { canUpdate: c, isLoading: m, handleChange: p, onChange: u, renderError: C } = he(), b = Xe(
+    t?.map((h) => {
       const I = e(
         st(
           {
-            ...y,
+            ...h,
             __collectionUid: o.relatedType
           },
           d.data
         ),
-        y,
+        h,
         !1
-      ) + (y?.id ? ` (id: ${y.id})` : "");
+      ) + (h?.id ? ` (id: ${h.id})` : "");
       return {
-        key: y?.documentId?.toString(),
-        value: y?.documentId?.toString(),
+        key: h?.documentId?.toString(),
+        value: h?.documentId?.toString(),
         label: I
       };
     }) ?? [],
-    (y) => y.label
-  ), C = Y(b);
+    (h) => h.label
+  ), v = Y(b);
   return er(o, t, i), !o.relatedType || a ? null : /* @__PURE__ */ n(S.Item, { alignItems: "flex-start", m: 6, xs: 12, children: /* @__PURE__ */ n(
-    L,
+    $,
     {
       name: "related",
       label: r(l("popup.item.form.related.label", "Related")),
-      error: v("related"),
-      hint: !m && C ? r(
+      error: C("related"),
+      hint: !m && v ? r(
         l("popup.item.form.related.empty", "There are no more entities"),
         { contentTypeName: o.relatedType }
       ) : void 0,
       children: /* @__PURE__ */ n(
-        xn,
+        Nn,
         {
           name: "related",
           onClear: () => p("related", void 0, u),
-          onChange: (y) => p("related", y, u),
+          onChange: (h) => p("related", h, u),
           value: o.related,
           options: b,
-          disabled: m || C || !c
+          disabled: m || v || !c
         }
       )
     }
@@ -3276,15 +3271,15 @@ const ho = s.object({
   permissions: c = {},
   currentNavigation: m
 }) => {
-  const { formatMessage: p } = A(), [u, v] = N(t), { canUpdate: b } = c, [C, y] = N(!1), f = ne(), I = f.data?.contentTypes ?? [], { toggleNotification: h } = Oe(), {
+  const { formatMessage: p } = A(), [u, C] = N(t), { canUpdate: b } = c, [v, h] = N(!1), f = ne(), I = f.data?.contentTypes ?? [], { toggleNotification: y } = Oe(), {
     formValue: T,
-    renderError: E,
+    renderError: L,
     setFormError: z,
     handleChange: k,
-    setFormValue: F,
+    setFormValue: x,
     setFormValueItem: M,
     setFormValuesItems: _
-  } = ki(), { encodePayload: re, decodePayload: Q } = Mi(), le = T.type === "INTERNAL", fe = le && !T.related && !C || u, ee = bn({
+  } = ki(), { encodePayload: re, decodePayload: Q } = Mi(), le = T.type === "INTERNAL", fe = le && !T.related && !v || u, ee = In({
     uid: le ? T.relatedType : "",
     locale: d
   }), _e = async (G, R) => {
@@ -3292,15 +3287,15 @@ const ho = s.object({
     const Z = re(R), {
       success: se,
       data: U,
-      error: Ee
-    } = $i({
-      isSingleSelected: C,
+      error: Le
+    } = Ei({
+      isSingleSelected: v,
       additionalFields: f.data?.additionalFields ?? nr
     }).safeParse(Z);
     if (se) {
-      const Ie = U.title.trim() ? U.title.trim() : U.type === "INTERNAL" ? Re(U?.related?.toString(), U.relatedType, C) : "";
-      v(!0);
-      const ve = await qi(
+      const Ie = U.title.trim() ? U.title.trim() : U.type === "INTERNAL" ? Re(U?.related?.toString(), U.relatedType, v) : "";
+      C(!0);
+      const Ce = await qi(
         U.type === "INTERNAL" ? {
           slugify: pe.mutateAsync,
           title: Ie,
@@ -3308,8 +3303,8 @@ const ho = s.object({
           relatedType: U.relatedType
         } : { slugify: pe.mutateAsync, title: Ie }
       );
-      if (pe.reset(), v(!1), !ve) {
-        h({
+      if (pe.reset(), C(!1), !Ce) {
+        y({
           type: "warning",
           message: p(l("popup.item.form.uiRouter.unableToRender"))
         });
@@ -3319,20 +3314,20 @@ const ho = s.object({
         U.type === "INTERNAL" ? {
           ...U,
           title: Ie,
-          uiRouterKey: ve
+          uiRouterKey: Ce
         } : {
           ...U,
           title: Ie,
-          uiRouterKey: ve
+          uiRouterKey: Ce
         }
       );
-    } else Ee && z(
-      Ee.issues.reduce((Ie, ve) => ({
+    } else Le && z(
+      Le.issues.reduce((Ie, Ce) => ({
         ...Ie,
-        [ve.path.join(".")]: ve.message
+        [Ce.path.join(".")]: Ce.message
       }), {})
     );
-  }, pe = Pi(), Re = $(
+  }, pe = Pi(), Re = E(
     (G, R, Z) => {
       let se;
       if (Z) {
@@ -3342,7 +3337,7 @@ const ho = s.object({
           return I.find((U) => U.uid === R)?.contentTypeName;
       } else
         se = {
-          ...ee.data?.find(({ documentId: Ee }) => Ee === G) || {
+          ...ee.data?.find(({ documentId: Le }) => Le === G) || {
             documentId: null
           },
           __collectionUid: R
@@ -3352,7 +3347,7 @@ const ho = s.object({
     [ee.data, f.data, I]
   );
   return V(() => {
-    F(
+    x(
       Q({
         ...Xt,
         ...a
@@ -3360,13 +3355,13 @@ const ho = s.object({
     );
   }, [a]), /* @__PURE__ */ w(ie, { children: [
     /* @__PURE__ */ n(H.Body, { children: /* @__PURE__ */ n(at, { width: "auto", height: "auto", method: "POST", initialValues: T, children: ({ values: G, onChange: R }) => /* @__PURE__ */ w(
-      An.Provider,
+      Fn.Provider,
       {
         value: {
           values: G,
           onChange: R,
           handleChange: k,
-          renderError: E,
+          renderError: L,
           setFormValueItem: M,
           canUpdate: b,
           isLoading: u
@@ -3385,7 +3380,7 @@ const ho = s.object({
             {
               contentTypeItems: ee.data,
               current: a,
-              isSingleSelected: C
+              isSingleSelected: v
             }
           ) }),
           G.type === "INTERNAL" && /* @__PURE__ */ w(S.Root, { gap: 5, paddingTop: 1, paddingBottom: 1, children: [
@@ -3395,9 +3390,9 @@ const ho = s.object({
                 contentTypeItems: ee.data,
                 current: a,
                 currentRelatedType: G.relatedType,
-                isSingleSelected: C,
+                isSingleSelected: v,
                 setFormValuesItems: _,
-                setIsSingleSelected: y
+                setIsSingleSelected: h
               }
             ),
             /* @__PURE__ */ n(
@@ -3406,12 +3401,12 @@ const ho = s.object({
                 appendLabelPublicationStatus: r,
                 contentTypeItems: ee.data,
                 values: G,
-                isSingleSelected: C,
+                isSingleSelected: v,
                 setFormValuesItems: _
               }
             )
           ] }),
-          G.type !== "INTERNAL" && /* @__PURE__ */ n(S.Root, { display: "none", children: /* @__PURE__ */ n(D, { display: "none", children: /* @__PURE__ */ n(pn, {}) }) }),
+          G.type !== "INTERNAL" && /* @__PURE__ */ n(S.Root, { display: "none", children: /* @__PURE__ */ n(D, { display: "none", children: /* @__PURE__ */ n(mn, {}) }) }),
           /* @__PURE__ */ n(Zi, {}),
           /* @__PURE__ */ n(
             Ji,
@@ -3419,7 +3414,7 @@ const ho = s.object({
               availableLocale: e,
               current: a,
               currentNavigation: m,
-              setIsLoading: v,
+              setIsLoading: C,
               setFormValuesItems: _
             }
           ),
@@ -3428,7 +3423,7 @@ const ho = s.object({
       }
     ) }) }),
     /* @__PURE__ */ n(
-      xi,
+      Fi,
       {
         handleSubmit: (G) => _e(G, T),
         handleCancel: i,
@@ -3444,7 +3439,7 @@ const ho = s.object({
   const { formatMessage: a } = A();
   let o = "view";
   return t && (o = e ? "new" : "edit"), /* @__PURE__ */ n(H.Header, { children: /* @__PURE__ */ n(
-    x,
+    F,
     {
       variant: "omega",
       fontWeight: "bold",
@@ -3465,19 +3460,19 @@ const ho = s.object({
   permissions: c,
   currentNavigation: m
 }) => {
-  const { formatMessage: p } = A(), u = (C) => {
-    i(C);
-  }, v = (C, y, f) => `${Vo({
-    relatedRef: y,
-    type: y.isSingle ? "INTERNAL" : y.type,
+  const { formatMessage: p } = A(), u = (v) => {
+    i(v);
+  }, C = (v, h, f) => `${Vo({
+    relatedRef: h,
+    type: h.isSingle ? "INTERNAL" : h.type,
     isCollection: f
-  }) ? "" : `[${p(l("notification.navigation.item.relation.status.draft"))}] `.toUpperCase()}${C}`, b = !!o.viewId;
+  }) ? "" : `[${p(l("notification.navigation.item.relation.status.draft"))}] `.toUpperCase()}${v}`, b = !!o.viewId;
   return /* @__PURE__ */ n(
     H.Root,
     {
       labelledBy: "condition-modal-breadcrumbs",
-      onOpenChange: (C) => {
-        C || r({
+      onOpenChange: (v) => {
+        v || r({
           preventDefault() {
           },
           stopPropagation() {
@@ -3496,7 +3491,7 @@ const ho = s.object({
             isLoading: a,
             onSubmit: u,
             onCancel: r,
-            appendLabelPublicationStatus: v,
+            appendLabelPublicationStatus: C,
             locale: d,
             permissions: c,
             currentNavigation: m
@@ -3506,7 +3501,7 @@ const ho = s.object({
     }
   );
 }, ft = 0, lr = ({ value: e, setValue: t, initialIndex: a = ft }) => {
-  const [o, i] = N(e), [r, d] = N(e), [c, m] = N(a), { isSmallMobile: p } = Ze(), [u, v] = N(!!e || p), b = We(null), { formatMessage: C } = A();
+  const [o, i] = N(e), [r, d] = N(e), [c, m] = N(a), { isSmallMobile: p } = Ze(), [u, C] = N(!!e || p), b = We(null), { formatMessage: v } = A();
   V(() => {
     u && setTimeout(() => {
       b.current?.querySelector("input")?.focus();
@@ -3522,16 +3517,16 @@ const ho = s.object({
       index: ft
     }));
   }, [o, r]);
-  const y = $((h) => {
-    h.code.toLowerCase() === "enter" && m((T) => T + 1);
-  }, []), f = $(
-    (h) => {
-      i(h.target.value);
+  const h = E((y) => {
+    y.code.toLowerCase() === "enter" && m((T) => T + 1);
+  }, []), f = E(
+    (y) => {
+      i(y.target.value);
     },
     [i]
-  ), I = $(() => {
-    i(""), v(!1);
-  }, [i, v]);
+  ), I = E(() => {
+    i(""), C(!1);
+  }, [i, C]);
   return u ? /* @__PURE__ */ w("div", { ref: b, style: { width: "100%" }, children: [
     /* @__PURE__ */ n(
       ca,
@@ -3542,46 +3537,46 @@ const ho = s.object({
         size: "S",
         onChange: f,
         clearLabel: "Clearing the search",
-        placeholder: C(
+        placeholder: v(
           l("pages.main.search.placeholder", "Type to start searching...")
         ),
-        onKeyDown: y,
+        onKeyDown: h,
         children: "Search for navigation items"
       }
     ),
     /* @__PURE__ */ n(
-      x,
+      F,
       {
         variant: "pi",
         fontColor: "neutral150",
         style: { margin: "3px 0 0" },
         display: { initial: "none", medium: "inline-block" },
-        children: C(
+        children: v(
           l("pages.main.search.subLabel", "press ENTER to highlight next item")
         )
       }
     )
-  ] }) : /* @__PURE__ */ n(ye, { children: /* @__PURE__ */ n(xa, {}), onClick: () => v(!u) });
+  ] }) : /* @__PURE__ */ n(ye, { children: /* @__PURE__ */ n(Fa, {}), onClick: () => C(!u) });
 }, sr = ({
   currentNavigation: e,
   setCurrentNavigation: t,
   canUpdate: a,
   addNewNavigationItem: o
 }) => {
-  const { formatMessage: i } = A(), r = $(() => {
+  const { formatMessage: i } = A(), r = E(() => {
     e && t({
       ...e,
       items: e.items.map((p) => ke(p, !1))
     });
-  }, [t, e, ke]), d = $(() => {
+  }, [t, e, ke]), d = E(() => {
     e && t({
       ...e,
       items: e.items.map((p) => ke(p, !0))
     });
-  }, [t, e, ke]), c = $(
+  }, [t, e, ke]), c = E(
     (p) => {
       const u = (e?.items ?? []).reduce(
-        (v, { order: b }) => Math.max(v, b),
+        (C, { order: b }) => Math.max(C, b),
         0
       );
       o(
@@ -3618,7 +3613,7 @@ const ho = s.object({
     tradId: "header.action.newItem",
     startIcon: /* @__PURE__ */ n(wt, {}),
     margin: "8px"
-  }), m.map(({ tradId: p, margin: u, ...v }, b) => /* @__PURE__ */ n(D, { marginLeft: { initial: 0, small: u }, children: /* @__PURE__ */ w(K, { ...v, children: [
+  }), m.map(({ tradId: p, margin: u, ...C }, b) => /* @__PURE__ */ n(D, { marginLeft: { initial: 0, small: u }, children: /* @__PURE__ */ w(K, { ...C, children: [
     " ",
     i(l(p)),
     " "
@@ -3631,16 +3626,16 @@ const ho = s.object({
   currentNavigation: i,
   setCurrentNavigation: r
 }) => {
-  const d = xo(), { formatMessage: c } = A(), m = vo(), p = Io(), {
+  const d = Fo(), { formatMessage: c } = A(), m = Co(), p = Io(), {
     i18nCopyItemsModal: u,
-    i18nCopySourceLocale: v,
+    i18nCopySourceLocale: C,
     setI18nCopyModalOpened: b,
-    setI18nCopySourceLocale: C
-  } = Lo(
-    $(
+    setI18nCopySourceLocale: v
+  } = $o(
+    E(
       (f) => {
         const I = o.find(
-          ({ locale: h, documentId: T }) => h === f && T === i?.documentId
+          ({ locale: y, documentId: T }) => y === f && T === i?.documentId
         );
         I && I.documentId && i?.documentId && d.mutate(
           {
@@ -3649,10 +3644,10 @@ const ho = s.object({
             documentId: I.documentId
           },
           {
-            onSuccess(h) {
+            onSuccess(y) {
               d.reset(), r({
-                ...h.data,
-                items: h.data.items.map(rt)
+                ...y.data,
+                items: y.data.items.map(rt)
               }), m(), p();
             }
           }
@@ -3660,11 +3655,11 @@ const ho = s.object({
       },
       [i]
     )
-  ), y = $(() => {
-    v && b(!0);
-  }, [b, v]);
+  ), h = E(() => {
+    C && b(!0);
+  }, [b, C]);
   return /* @__PURE__ */ w(P, { direction: "column", minHeight: "400px", justifyContent: "center", children: [
-    /* @__PURE__ */ n(D, { padding: 4, children: /* @__PURE__ */ n(x, { variant: "beta", textColor: "neutral600", children: c(l("empty.description")) }) }),
+    /* @__PURE__ */ n(D, { padding: 4, children: /* @__PURE__ */ n(F, { variant: "beta", textColor: "neutral600", children: c(l("empty.description")) }) }),
     e && /* @__PURE__ */ n(
       K,
       {
@@ -3676,13 +3671,13 @@ const ho = s.object({
       }
     ),
     e && !!a.length && /* @__PURE__ */ w(P, { direction: "column", justifyContent: "center", children: [
-      /* @__PURE__ */ n(D, { paddingTop: 3, paddingBottom: 3, children: /* @__PURE__ */ n(x, { variant: "beta", textColor: "neutral600", children: c(l("view.i18n.fill.cta.header")) }) }),
+      /* @__PURE__ */ n(D, { paddingTop: 3, paddingBottom: 3, children: /* @__PURE__ */ n(F, { variant: "beta", textColor: "neutral600", children: c(l("view.i18n.fill.cta.header")) }) }),
       /* @__PURE__ */ w(P, { direction: "row", justifyContent: "center", alignItems: "center", children: [
         /* @__PURE__ */ n(D, { paddingLeft: 1, paddingRight: 1, children: /* @__PURE__ */ n(
-          Fe,
+          xe,
           {
-            onChange: C,
-            value: v,
+            onChange: v,
+            value: C,
             size: "S",
             children: a.map((f) => /* @__PURE__ */ n(Ae, { value: f, children: c(l("view.i18n.fill.option"), { locale: f }) }, f))
           }
@@ -3691,8 +3686,8 @@ const ho = s.object({
           K,
           {
             variant: "tertiary",
-            onClick: y,
-            disabled: !v,
+            onClick: h,
+            disabled: !C,
             size: "S",
             children: c(l("view.i18n.fill.cta.button"))
           }
@@ -3702,19 +3697,19 @@ const ho = s.object({
     e && u
   ] });
 }, cr = new on(), ur = () => {
-  const { formatMessage: e } = A(), t = xt(), a = ne(), o = vn(), { toggleNotification: i } = Oe(), [r, d] = N(), [c, m] = N(), [p, u] = N(!1), { canAccess: v, canUpdate: b, isLoadingForPermissions: C } = Do(), {
-    localeData: y,
+  const { formatMessage: e } = A(), t = Ft(), a = ne(), o = vn(), { toggleNotification: i } = Oe(), [r, d] = N(), [c, m] = N(), [p, u] = N(!1), { canAccess: C, canUpdate: b, isLoadingForPermissions: v } = Do(), {
+    localeData: h,
     currentLocale: f,
     isChangeLanguageVisible: I,
-    changeCurrentLocaleAction: h,
+    changeCurrentLocaleAction: y,
     availableLocales: T
-  } = Mo(t.data, u), { searchValue: E, setSearchValue: z, isSearchEmpty: k, filteredList: F } = qo(c), {
+  } = Mo(t.data, u), { searchValue: L, setSearchValue: z, isSearchEmpty: k, filteredList: x } = qo(c), {
     activeNavigationItem: M,
     addNewNavigationItem: _,
     editNavigationItem: re,
     closeNavigationItemPopup: Q,
     isItemPopupVisible: le
-  } = ko(b), fe = Tn([t, { isPending: C }]), ee = In({
+  } = ko(b), fe = wn([t, { isPending: v }]), ee = Cn({
     onError: (R) => {
       i({
         type: "danger",
@@ -3750,13 +3745,13 @@ const ho = s.object({
         items: Z
       }), u(!0), Q();
     }
-  }, G = k ? c?.items ?? [] : F;
+  }, G = k ? c?.items ?? [] : x;
   return V(() => {
     if (!c && t.data?.[0]) {
       let R;
       r?.documentId && (R = t.data.find(
         (Z) => Z.documentId === r.documentId && Z.id === r.id
-      )), d(void 0), m(R || vt(t.data));
+      )), d(void 0), m(R || Ct(t.data));
     }
   }, [t.data, c]), V(() => {
     if (c && f !== c.locale) {
@@ -3766,7 +3761,7 @@ const ho = s.object({
       );
       R && R.documentId === c.documentId && R.locale !== c.locale && m(R);
     }
-  }, [c, f, t.data]), $o(), !t.data || !y || fe ? /* @__PURE__ */ n(Te.Loading, {}) : /* @__PURE__ */ w(qe.Root, { children: [
+  }, [c, f, t.data]), Eo(), !t.data || !h || fe ? /* @__PURE__ */ n(Te.Loading, {}) : /* @__PURE__ */ w(qe.Root, { children: [
     /* @__PURE__ */ n(Te.Title, { children: e(l("header.title", "UI Navigation")) }),
     /* @__PURE__ */ w(Te.Main, { children: [
       /* @__PURE__ */ n(
@@ -3776,9 +3771,9 @@ const ho = s.object({
           activeNavigation: c,
           handleCachePurge: () => o.mutate(void 0),
           handleChangeSelection: m,
-          handleLocalizationSelection: p ? h.trigger : h.perform,
+          handleLocalizationSelection: p ? y.trigger : y.perform,
           handleSave: _e,
-          locale: y,
+          locale: h,
           structureHasChanged: p,
           isSaving: ee.isPending,
           permissions: { canUpdate: b },
@@ -3789,7 +3784,7 @@ const ho = s.object({
         /* @__PURE__ */ n(
           ci,
           {
-            startActions: /* @__PURE__ */ n(lr, { value: E, setValue: z }),
+            startActions: /* @__PURE__ */ n(lr, { value: L, setValue: z }),
             endActions: /* @__PURE__ */ n(
               sr,
               {
@@ -3802,7 +3797,7 @@ const ho = s.object({
           }
         ),
         c?.items.length ? /* @__PURE__ */ n(
-          Fn,
+          An,
           {
             items: G,
             onItemLevelAdd: _,
@@ -3810,7 +3805,7 @@ const ho = s.object({
             onItemSubmit: Re,
             displayFlat: !k,
             isParentAttachedToMenu: !0,
-            permissions: { canUpdate: b, canAccess: v },
+            permissions: { canUpdate: b, canAccess: C },
             structurePrefix: "",
             locale: f ?? ""
           }
@@ -3835,15 +3830,15 @@ const ho = s.object({
             locale: f,
             permissions: { canUpdate: b },
             isOpen: le,
-            isLoading: C,
+            isLoading: v,
             currentNavigation: c
           }
         ),
         I && /* @__PURE__ */ n(
           di,
           {
-            onCancel: () => h.cancel(),
-            onConfirm: () => h.perform()
+            onCancel: () => y.cancel(),
+            onConfirm: () => y.perform()
           }
         )
       ] })
@@ -3853,10 +3848,15 @@ const ho = s.object({
 function pr() {
   return /* @__PURE__ */ n(rn, { client: cr, children: /* @__PURE__ */ n(ur, {}) });
 }
-const mr = () => /* @__PURE__ */ n(Hn, { backend: Xn, children: /* @__PURE__ */ w(Gn, { children: [
+const mr = () => /* @__PURE__ */ n(Xn, { backend: Gn, children: /* @__PURE__ */ w(Zn, { children: [
   /* @__PURE__ */ n(Mt, { path: "/", index: !0, Component: pr }),
   /* @__PURE__ */ n(Mt, { path: "/*", Component: Te.Error })
-] }) }), gr = /^(?<type>[a-z0-9-]+)\:{2}(?<api>[a-z0-9-]+)\.{1}(?<contentType>[a-z0-9-]+)$/i, hr = (e = "", t = {}) => {
+] }) }), gr = "3.3.6", hr = ["string", "boolean", "select", "media"], Je = {
+  background: "neutral0",
+  hasRadius: !0,
+  shadow: "filterShadow",
+  padding: 6
+}, fr = /^(?<type>[a-z0-9-]+)\:{2}(?<api>[a-z0-9-]+)\.{1}(?<contentType>[a-z0-9-]+)$/i, yr = (e = "", t = {}) => {
   const {
     allowedContentTypes: a = [],
     restrictedContentTypes: o = [],
@@ -3864,10 +3864,10 @@ const mr = () => /* @__PURE__ */ n(Hn, { backend: Xn, children: /* @__PURE__ */
     preferCustomContentTypes: r = !1
   } = t, c = (r ? ["api::", ...i] : a).filter((p) => e.includes(p) || e === p).length > 0, m = o.filter((p) => e.includes(p) || e === p).length === 0;
   return !!e && c && m;
-}, fr = (e = "") => {
-  const t = (r) => r.split("-").map((d) => ln(d)).join(""), [a, o, i] = yr(e);
+}, br = (e = "") => {
+  const t = (r) => r.split("-").map((d) => ln(d)).join(""), [a, o, i] = Ir(e);
   return a === "api" ? t(i) : `${t(o)}${t(i)}`;
-}, yr = (e = "") => e.split(gr).filter((t) => t && t.length > 0), Zt = "SERVER OFFLINE", Nn = (e, t) => new Promise((a) => {
+}, Ir = (e = "") => e.split(fr).filter((t) => t && t.length > 0), Zt = "SERVER OFFLINE", Rn = (e, t) => new Promise((a) => {
   fetch(`${window.strapi.backendURL}/_health`, {
     method: "HEAD",
     mode: "no-cors",
@@ -3882,21 +3882,21 @@ const mr = () => /* @__PURE__ */ n(Hn, { backend: Xn, children: /* @__PURE__ */
       throw new Error(Zt);
     a(e);
   }).catch((o) => {
-    setTimeout(() => Nn(e, o.message !== Zt).then(
+    setTimeout(() => Rn(e, o.message !== Zt).then(
       a
     ), 100);
   });
-}), Et = () => {
+}), Lt = () => {
   const e = j(), t = B(e);
-  return xe({
+  return Fe({
     queryKey: t.readSettingsConfigIndex(),
     queryFn() {
       return t.readSettingsConfig();
     },
     staleTime: 1e3 * 60 * 5
   });
-}, Rn = () => {
-  const e = j(), t = B(e), a = xe({
+}, Ln = () => {
+  const e = j(), t = B(e), a = Fe({
     queryKey: t.healthCheckIndex(),
     queryFn: () => t.healthCheck(),
     retry: !0,
@@ -3906,19 +3906,19 @@ const mr = () => /* @__PURE__ */ n(Hn, { backend: Xn, children: /* @__PURE__ */
   return ge({
     mutationFn: () => t.restart().then(() => a.refetch())
   });
-}, En = () => {
+}, $n = () => {
   const e = j(), t = B(e);
   return ge({
     mutationFn: () => t.restoreConfig()
   });
 }, dt = () => {
   const e = j(), t = B(e);
-  return xe({
+  return Fe({
     queryKey: t.readContentTypeIndex(),
     queryFn: () => t.readContentType(),
     staleTime: 1 / 0
   });
-}, br = () => {
+}, Cr = () => {
   const e = j(), t = B(e);
   return ge({
     mutationFn(a) {
@@ -3935,7 +3935,7 @@ const mr = () => /* @__PURE__ */ n(Hn, { backend: Xn, children: /* @__PURE__ */
         ),
         additionalFields: a.audienceFieldChecked ? [...a.additionalFields, "audience"] : a.additionalFields,
         gql: {
-          navigationItemRelated: a.contentTypes.map((o) => fr(o))
+          navigationItemRelated: a.contentTypes.map((o) => br(o))
         }
       });
     }
@@ -3949,7 +3949,7 @@ const mr = () => /* @__PURE__ */ n(Hn, { backend: Xn, children: /* @__PURE__ */
     key: i,
     fields: r
   })).concat(a);
-}, Ir = ({ config: e, setFormValue: t }) => {
+}, vr = ({ config: e, setFormValue: t }) => {
   V(() => {
     if (e) {
       const {
@@ -3969,12 +3969,7 @@ const mr = () => /* @__PURE__ */ n(Hn, { backend: Xn, children: /* @__PURE__ */
       });
     }
   }, [e]);
-}, vr = ["string", "boolean", "select", "media"], Je = {
-  background: "neutral0",
-  hasRadius: !0,
-  shadow: "filterShadow",
-  padding: 6
-}, Ln = tn({
+}, En = tn({
   values: {},
   onChange: () => null,
   handleChange: () => null,
@@ -3982,93 +3977,19 @@ const mr = () => /* @__PURE__ */ n(Hn, { backend: Xn, children: /* @__PURE__ */
   setRestartStatus: () => null,
   renderError: () => "",
   setFormValueItem: () => null
-}), Ne = () => nn(Ln), Cr = ({ hasSettingsReadPermissions: e }) => {
-  const { formatMessage: t } = A(), a = En(), { setRestartStatus: o } = Ne(), [i, r] = N(!1), d = async (c) => {
-    r(!1), c && (a.mutate(), o({ required: !0 }));
-  };
-  return /* @__PURE__ */ n(D, { ...Je, width: "100%", children: /* @__PURE__ */ w(P, { direction: "column", alignItems: "flex-start", gap: 2, children: [
-    /* @__PURE__ */ n(x, { variant: "delta", as: "h2", children: t(l("pages.settings.restoring.title")) }),
-    /* @__PURE__ */ w(S.Root, { gap: 4, width: "100%", children: [
-      /* @__PURE__ */ n(S.Item, { col: 12, s: 12, xs: 12, children: /* @__PURE__ */ n(x, { children: t(l("pages.settings.actions.restore.description")) }) }),
-      /* @__PURE__ */ w(S.Item, { col: 12, s: 12, xs: 12, children: [
-        e && /* @__PURE__ */ n(
-          K,
-          {
-            variant: "danger-light",
-            startIcon: /* @__PURE__ */ n(Ge, {}),
-            onClick: () => r(!0),
-            children: t(l("pages.settings.actions.restore.label"))
-          }
-        ),
-        /* @__PURE__ */ n(
-          lt,
-          {
-            isVisible: i,
-            header: t(l("pages.settings.actions.restore.confirmation.header")),
-            labelConfirm: t(
-              l("pages.settings.actions.restore.confirmation.confirm")
-            ),
-            iconConfirm: /* @__PURE__ */ n(Ra, {}),
-            onConfirm: () => d(!0),
-            onCancel: () => d(!1),
-            children: t(l("pages.settings.actions.restore.confirmation.description"))
-          }
-        )
-      ] })
-    ] })
-  ] }) });
-}, Tr = oe(ua)`
-  [role='status'] {
-    flex-direction: column;
-  }
-`, wr = ({ setIsReloading: e }) => {
-  const { formatMessage: t } = A(), a = Rn(), { restartStatus: o, setRestartStatus: i } = Ne(), r = async () => {
-    a.mutate(void 0, {
-      onSuccess() {
-        e(!0), Nn(!0).then((c) => {
-          c && window.location.reload();
-        });
-      },
-      onError() {
-        i({ required: !1 });
-      }
-    });
-  }, d = () => i({ required: !1 });
-  return o.required ? /* @__PURE__ */ n(D, { ...Je, width: "100%", children: /* @__PURE__ */ n(
-    Tr,
-    {
-      closeLabel: t(l("pages.settings.actions.restart.alert.cancel")),
-      title: t(l("pages.settings.actions.restart.alert.title")),
-      action: /* @__PURE__ */ n(D, { children: /* @__PURE__ */ n(K, { onClick: r, startIcon: /* @__PURE__ */ n(Ea, {}), children: t(l("pages.settings.actions.restart.label")) }) }),
-      onClose: d,
-      children: /* @__PURE__ */ w(ie, { children: [
-        /* @__PURE__ */ n(D, { paddingBottom: 1, children: t(l("pages.settings.actions.restart.alert.description")) }),
-        o.reasons?.map((c, m) => /* @__PURE__ */ n(
-          D,
-          {
-            paddingBottom: 1,
-            children: t(
-              l(`pages.settings.actions.restart.alert.reason.${c}`)
-            )
-          },
-          m
-        ))
-      ] })
-    }
-  ) }) : null;
-}, Sr = () => {
-  const e = Et(), { formatMessage: t } = A(), { values: a, onChange: o, handleChange: i, restartStatus: r } = Ne();
+}), Ne = () => nn(En), Tr = () => {
+  const e = Lt(), { formatMessage: t } = A(), { values: a, onChange: o, handleChange: i, restartStatus: r } = Ne();
   return /* @__PURE__ */ n(D, { ...Je, width: "100%", children: /* @__PURE__ */ w(P, { direction: "column", alignItems: "flex-start", gap: 2, children: [
-    /* @__PURE__ */ n(x, { variant: "delta", as: "h2", children: t(l("pages.settings.additional.title")) }),
+    /* @__PURE__ */ n(F, { variant: "delta", as: "h2", children: t(l("pages.settings.additional.title")) }),
     /* @__PURE__ */ w(S.Root, { gap: 4, width: "100%", children: [
       /* @__PURE__ */ n(S.Item, { col: 4, s: 12, xs: 12, children: /* @__PURE__ */ n(D, { width: "100%", children: /* @__PURE__ */ n(
-        L,
+        $,
         {
           name: "allowedLevels",
           label: t(l("pages.settings.form.allowedLevels.label")),
           hint: t(l("pages.settings.form.allowedLevels.hint")),
           children: /* @__PURE__ */ n(
-            pa,
+            ua,
             {
               width: "100%",
               name: "allowedLevels",
@@ -4094,7 +4015,7 @@ const mr = () => /* @__PURE__ */ n(Hn, { backend: Xn, children: /* @__PURE__ */
         }
       ) }) }),
       /* @__PURE__ */ n(S.Item, { col: 4, s: 12, xs: 12, children: /* @__PURE__ */ n(
-        L,
+        $,
         {
           name: "cascadeMenuAttached",
           label: t(l("pages.settings.form.cascadeMenuAttached.label")),
@@ -4114,7 +4035,7 @@ const mr = () => /* @__PURE__ */ n(Hn, { backend: Xn, children: /* @__PURE__ */
         }
       ) }),
       /* @__PURE__ */ n(S.Item, { col: 4, s: 12, xs: 12, children: /* @__PURE__ */ n(
-        L,
+        $,
         {
           name: "audienceFieldChecked",
           label: t(l("pages.settings.form.audience.label")),
@@ -4134,7 +4055,7 @@ const mr = () => /* @__PURE__ */ n(Hn, { backend: Xn, children: /* @__PURE__ */
         }
       ) }),
       e.data?.isCachePluginEnabled && /* @__PURE__ */ n(S.Item, { col: 12, s: 12, xs: 12, children: /* @__PURE__ */ n(
-        L,
+        $,
         {
           name: "isCacheEnabled",
           label: t(l("pages.settings.form.cache.label")),
@@ -4155,433 +4076,170 @@ const mr = () => /* @__PURE__ */ n(Hn, { backend: Xn, children: /* @__PURE__ */
       ) })
     ] })
   ] }) });
-}, Fr = () => {
-  const { formatMessage: e } = A(), { values: t, onChange: a, handleChange: o, restartStatus: i } = Ne();
-  return /* @__PURE__ */ n(S.Item, { col: 4, s: 12, xs: 12, children: /* @__PURE__ */ n(
-    L,
-    {
-      name: "preferCustomContentTypes",
-      label: e(l("pages.settings.form.preferCustomContentTypes.label")),
-      hint: e(l("pages.settings.form.preferCustomContentTypes.hint")),
-      children: /* @__PURE__ */ n(
-        me,
-        {
-          name: "preferCustomContentTypes",
-          checked: t.preferCustomContentTypes,
-          onChange: (r) => o(r, !t.preferCustomContentTypes, a),
-          onLabel: e(l("components.toggle.enabled")),
-          offLabel: e(l("components.toggle.disabled")),
-          disabled: i.required,
-          width: "100%"
-        }
-      )
-    }
-  ) });
-}, Ar = () => {
-  const e = Et(), t = dt(), { formatMessage: a } = A(), { values: o, onChange: i, handleChange: r, restartStatus: d, setFormValueItem: c, renderError: m } = Ne(), { contentTypes: p, preferCustomContentTypes: u } = o, v = Xe(
-    Object.values(t.data ?? []).filter(
-      ({ uid: b }) => hr(b, {
-        allowedContentTypes: e.data?.allowedContentTypes,
-        restrictedContentTypes: e.data?.restrictedContentTypes,
-        preferCustomContentTypes: u,
-        contentTypes: p
-      })
-    ).map((b) => {
-      const C = t.data?.find((y) => y.uid === b.uid);
-      if (C) {
-        const { isDisplayed: y, kind: f } = C;
-        return {
-          ...b,
-          available: y,
-          isSingle: f === "singleType"
-        };
+}, Jt = /* @__PURE__ */ n($a, {}), wr = /* @__PURE__ */ n(wt, {}), ae = "pages.settings.form.customFields.table.", Sr = ({
+  data: e = [],
+  onOpenModal: t,
+  onRemoveCustomField: a,
+  onToggleCustomField: o
+}) => {
+  const [i, r] = N(!1), [d, c] = N(null), { toggleNotification: m } = Oe(), p = X(() => Xe(e, "name"), [e]), { formatMessage: u } = A(), C = E(
+    (h) => {
+      c(h), r(!0);
+    },
+    [c, r]
+  ), b = E(() => {
+    c(null), r(!1);
+  }, [c, r]), v = E(() => {
+    d === null ? m({
+      type: "warning",
+      message: u(l(`${ae}confirmation.error`))
+    }) : a(d), b();
+  }, [b, d, It, a, m]);
+  return /* @__PURE__ */ w(ie, { children: [
+    /* @__PURE__ */ n(
+      lt,
+      {
+        isVisible: i,
+        header: u(l(`${ae}confirmation.header`)),
+        children: u(l(`${ae}confirmation.message`)),
+        labelConfirm: u(l(`${ae}confirmation.confirm`)),
+        iconConfirm: Jt,
+        mainIcon: Jt,
+        onConfirm: v,
+        onCancel: b
       }
-      return b;
-    }),
-    (b) => b.info.displayName
+    ),
+    /* @__PURE__ */ w(
+      sn,
+      {
+        width: "100%",
+        colCount: 4,
+        rowCount: e.length + 1,
+        footer: /* @__PURE__ */ n(
+          ga,
+          {
+            onClick: (h) => {
+              h.preventDefault(), t(null);
+            },
+            icon: wr,
+            children: u(l(`${ae}footer`))
+          }
+        ),
+        children: [
+          /* @__PURE__ */ n(dn, { children: /* @__PURE__ */ w(et, { children: [
+            /* @__PURE__ */ n(ce, { width: "20%", children: /* @__PURE__ */ n(F, { variant: "sigma", textColor: "neutral600", children: u(l(`${ae}header.name`)) }) }),
+            /* @__PURE__ */ n(ce, { width: "60%", children: /* @__PURE__ */ n(F, { variant: "sigma", textColor: "neutral600", children: u(l(`${ae}header.label`)) }) }),
+            /* @__PURE__ */ n(ce, { width: "15%", children: /* @__PURE__ */ n(F, { variant: "sigma", textColor: "neutral600", children: u(l(`${ae}header.type`)) }) }),
+            /* @__PURE__ */ n(ce, { width: "5%", children: /* @__PURE__ */ n(F, { variant: "sigma", textColor: "neutral600", children: u(l(`${ae}header.required`)) }) }),
+            /* @__PURE__ */ n(ce, { children: /* @__PURE__ */ n(pa, {}) })
+          ] }) }),
+          /* @__PURE__ */ n(cn, { children: p.map(
+            (h) => typeof h != "string" ? /* @__PURE__ */ w(et, { children: [
+              /* @__PURE__ */ n(ue, { width: "20%", children: /* @__PURE__ */ n(F, { fontWeight: "semiBold", textColor: "neutral800", children: h.name }) }),
+              /* @__PURE__ */ n(ue, { width: "60%", children: /* @__PURE__ */ n(F, { textColor: "neutral800", children: h.label }) }),
+              /* @__PURE__ */ n(ue, { width: "15%", children: /* @__PURE__ */ n(F, { textColor: "neutral800", children: h.type }) }),
+              /* @__PURE__ */ n(ue, { width: "5%", children: /* @__PURE__ */ n(
+                ma,
+                {
+                  description: u(
+                    l(`${ae}${h.required ? "required" : "notRequired"}`)
+                  ),
+                  children: /* @__PURE__ */ n(F, { textColor: "neutral800", children: h.required ? /* @__PURE__ */ n(Ge, {}) : /* @__PURE__ */ n(Ra, {}) })
+                }
+              ) }),
+              /* @__PURE__ */ n(ue, { children: /* @__PURE__ */ n(P, { width: "100%", justifyContent: "flex-end", alignItems: "center", children: /* @__PURE__ */ w(pn, { children: [
+                /* @__PURE__ */ n(
+                  ye,
+                  {
+                    onClick: () => o(h),
+                    label: u(
+                      l(`${ae}${h.enabled ? "disable" : "enable"}`)
+                    ),
+                    variant: h.enabled ? "success-light" : "tertiary",
+                    children: h.enabled ? /* @__PURE__ */ n(gn, {}) : /* @__PURE__ */ n(La, {}),
+                    style: { minWidth: 50 }
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  ye,
+                  {
+                    onClick: () => t(h),
+                    label: u(l(`${ae}edit`)),
+                    children: /* @__PURE__ */ n(vt, {}),
+                    style: { minWidth: 50 }
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  ye,
+                  {
+                    onClick: () => C(h),
+                    label: u(l(`${ae}remove`)),
+                    children: /* @__PURE__ */ n(Tt, {}),
+                    style: { minWidth: 50 }
+                  }
+                )
+              ] }) }) })
+            ] }, h.name) : null
+          ) })
+        ]
+      }
+    )
+  ] });
+}, xr = ({ onChange: e, initialValue: t, ...a }) => {
+  const [o, i] = N(
+    na(t) ? t.join(";") : ""
   );
-  return /* @__PURE__ */ n(S.Item, { col: 4, s: 12, xs: 12, children: /* @__PURE__ */ n(
-    L,
-    {
-      name: "contentTypes",
-      label: a(l("pages.settings.form.contentTypes.label")),
-      hint: a(l("pages.settings.form.contentTypes.hint")),
-      children: /* @__PURE__ */ n(
-        De,
-        {
-          name: "contentTypes",
-          label: a(l("pages.settings.form.contentTypes.label")),
-          "aria-label": a(l("pages.settings.form.contentTypes.label")),
-          placeholder: a(l("pages.settings.form.contentTypes.placeholder")),
-          value: o.contentTypes,
-          onChange: (b) => {
-            r("contentTypes", b, i);
-            const {
-              contentTypesNameFields: C = [],
-              contentTypesPopulate: y = [],
-              pathDefaultFields: f = []
-            } = o, I = b.filter(
-              (T) => !C.find((E) => E.key === T)
-            ) ?? [], h = C.filter(
-              (T) => !b.includes(T.key) || T.key === "default"
-            ).map(({ key: T }) => T) ?? [];
-            c("contentTypesNameFields", [
-              ...C.filter(
-                ({ key: T }) => !h.includes(T) || T === "default"
-              ) ?? [],
-              ...I.map((T) => ({ key: T, fields: [] }))
-            ]), c("contentTypesPopulate", [
-              ...y.filter(
-                ({ key: T }) => !h.includes(T) || T === "default"
-              ) ?? [],
-              ...I.map((T) => ({ key: T, fields: [] }))
-            ]), c("pathDefaultFields", [
-              ...f.filter(
-                ({ key: T }) => !h.includes(T) || T === "default"
-              ) ?? [],
-              ...I.map((T) => ({ key: T, fields: [] }))
-            ]);
-          },
-          disabled: d.required,
-          error: m("contentTypes"),
-          withTags: !0,
-          width: "100%",
-          children: v.map((b) => /* @__PURE__ */ n(Ve, { value: b.uid, children: b.info.displayName }, b.uid))
-        }
-      )
-    }
-  ) });
-}, xr = () => {
-  const e = dt(), { formatMessage: t } = A(), { values: a, onChange: o, handleChange: i, restartStatus: r, renderError: d } = Ne(), c = X(
-    () => a.contentTypes?.map((m) => e.data?.find(({ uid: p }) => p === m)).filter(
-      (m) => m !== void 0
-    ) || [],
-    [a.contentTypes, e.data]
-  );
-  return V(() => {
-    a.defaultContentType && (a.contentTypes.includes(a.defaultContentType) || i("defaultContentType", void 0, o));
-  }, [a.contentTypes]), /* @__PURE__ */ n(S.Item, { col: 4, s: 12, xs: 12, children: /* @__PURE__ */ n(
-    L,
-    {
-      name: "defaultContentType",
-      label: t(l("pages.settings.form.defaultContentType.label")),
-      hint: t(l("pages.settings.form.defaultContentType.hint")),
-      children: /* @__PURE__ */ n(
-        Fe,
-        {
-          name: "defaultContentType",
-          label: t(l("pages.settings.form.defaultContentType.label")),
-          "aria-label": t(l("pages.settings.form.defaultContentType.label")),
-          placeholder: t(l("pages.settings.form.defaultContentType.placeholder")),
-          value: a.defaultContentType,
-          onChange: (m) => i("defaultContentType", m, o),
-          onClear: () => i("defaultContentType", void 0, o),
-          disabled: r.required,
-          error: d("defaultContentType"),
-          withTags: !0,
-          width: "100%",
-          children: c.map((m) => /* @__PURE__ */ n(Ae, { value: m.uid, children: m.info.displayName }, m.uid))
-        }
-      )
-    }
-  ) });
-}, Nr = ["relation", "media", "component", "dynamiczone"], Rr = () => {
-  const e = dt(), { formatMessage: t } = A(), { values: a, onChange: o, handleChange: i, restartStatus: r, renderError: d } = Ne(), {
-    contentTypes: c,
-    contentTypesNameFields: m
-  } = a;
-  return /* @__PURE__ */ n(S.Item, { col: 12, s: 12, xs: 12, children: c?.length ? /* @__PURE__ */ n(Ue.Root, { style: { width: "100%" }, children: m.map((p, u) => {
-    const v = e.data?.find(({ uid: f }) => f === p.key), b = v?.attributes ?? {}, C = Object.keys(b).sort(), y = C.filter(
-      (f) => Nr.includes(b[f]?.type)
-    );
-    return v ? /* @__PURE__ */ w(Ue.Item, { value: p.key, children: [
-      /* @__PURE__ */ n(Ue.Header, { children: /* @__PURE__ */ n(Ue.Trigger, { children: v?.info.displayName ?? t(l("pages.settings.form.nameField.default")) }) }),
-      /* @__PURE__ */ n(Ue.Content, { children: /* @__PURE__ */ w(S.Root, { gap: 4, padding: 2, children: [
-        /* @__PURE__ */ n(S.Item, { col: 12, s: 12, xs: 12, children: /* @__PURE__ */ n(
-          L,
-          {
-            name: `contentTypesNameFields[${u}]`,
-            label: t(l("pages.settings.form.nameField.label")),
-            hint: t(
-              l(
-                `pages.settings.form.nameField.${Y(J(a, `contentTypesNameFields[${u}].fields`, [])) ? "empty" : "hint"}`
-              )
-            ),
-            children: /* @__PURE__ */ n(
-              De,
-              {
-                name: `contentTypesNameFields[${u}]`,
-                placeholder: t(
-                  l("pages.settings.form.nameField.placeholder")
-                ),
-                value: J(a, `contentTypesNameFields[${u}].fields`),
-                onChange: (f) => {
-                  const I = J(a, "contentTypesNameFields", []).map(
-                    (h, T) => T === u ? {
-                      ...h,
-                      fields: f
-                    } : h
-                  );
-                  return i("contentTypesNameFields", I, o);
-                },
-                disabled: r.required,
-                error: d(`contentTypesNameFields[${u}]`),
-                withTags: !0,
-                children: C.map((f) => /* @__PURE__ */ n(Ve, { value: f, children: f }, f))
-              }
-            )
-          }
-        ) }),
-        /* @__PURE__ */ n(S.Item, { col: 12, s: 12, xs: 12, children: /* @__PURE__ */ n(
-          L,
-          {
-            name: `contentTypesPopulate[${u - 1}]`,
-            label: t(l("pages.settings.form.populate.label")),
-            hint: t(
-              l(
-                `pages.settings.form.populate.${Y(J(a, `contentTypesPopulate[${u - 1}]fields`, [])) ? "empty" : "hint"}`
-              )
-            ),
-            children: /* @__PURE__ */ n(
-              De,
-              {
-                width: "100%",
-                name: `contentTypesPopulate[${u - 1}]`,
-                placeholder: t(
-                  l("pages.settings.form.populate.placeholder")
-                ),
-                value: J(a, `contentTypesPopulate[${u - 1}].fields`, []),
-                onChange: (f) => {
-                  const I = J(a, "contentTypesPopulate", []).map(
-                    (h, T) => T === u - 1 ? {
-                      ...h,
-                      fields: f
-                    } : h
-                  );
-                  return i("contentTypesPopulate", I, o);
-                },
-                disabled: r.required,
-                error: d(`contentTypesPopulate[${u - 1}]`),
-                withTags: !0,
-                children: y.map((f) => /* @__PURE__ */ n(Ve, { value: f, children: f }, f))
-              }
-            )
-          }
-        ) }),
-        /* @__PURE__ */ n(S.Item, { col: 12, s: 12, xs: 12, children: /* @__PURE__ */ n(
-          L,
-          {
-            name: `pathDefaultFields[${u - 1}]`,
-            label: t(
-              l("pages.settings.form.pathDefaultFields.label")
-            ),
-            hint: t(
-              l(
-                `pages.settings.form.pathDefaultFields.${Y(J(a, `pathDefaultFields[${u - 1}].fields`, [])) ? "empty" : "hint"}`
-              )
-            ),
-            children: /* @__PURE__ */ n(
-              De,
-              {
-                name: `pathDefaultFields[${u - 1}]`,
-                width: "100%",
-                placeholder: t(
-                  l("pages.settings.form.pathDefaultFields.placeholder")
-                ),
-                value: J(a, `pathDefaultFields[${u - 1}].fields`, []),
-                onChange: (f) => {
-                  const I = J(a, "pathDefaultFields", []).map((h, T) => T === u - 1 ? {
-                    ...h,
-                    fields: f
-                  } : h);
-                  return i("pathDefaultFields", I, o);
-                },
-                disabled: r.required,
-                error: d(`pathDefaultFields[${u - 1}]`),
-                withTags: !0,
-                children: C.map((f) => /* @__PURE__ */ n(Ve, { value: f, children: f }, f))
-              }
-            )
-          }
-        ) })
-      ] }) })
-    ] }, p.key) : null;
-  }) }) : null });
-}, Er = () => {
-  const { formatMessage: e } = A();
-  return /* @__PURE__ */ n(D, { ...Je, width: "100%", children: /* @__PURE__ */ w(P, { direction: "column", alignItems: "flex-start", gap: 2, children: [
-    /* @__PURE__ */ n(x, { variant: "delta", as: "h2", children: e(l("pages.settings.general.title")) }),
-    /* @__PURE__ */ n(S.Root, { gap: 4, width: "100%", children: /* @__PURE__ */ n(S.Item, { col: 12, s: 12, xs: 12, children: /* @__PURE__ */ w(S.Root, { gap: 4, width: "100%", children: [
-      /* @__PURE__ */ n(Fr, {}),
-      /* @__PURE__ */ n(Ar, {}),
-      /* @__PURE__ */ n(xr, {}),
-      /* @__PURE__ */ n(Rr, {})
-    ] }) }) })
-  ] }) });
-}, Jt = /* @__PURE__ */ n(Pa, {}), Lr = /* @__PURE__ */ n(wt, {}), ae = "pages.settings.form.customFields.table.", $r = ({
-  data: e = [],
-  onOpenModal: t,
-  onRemoveCustomField: a,
-  onToggleCustomField: o
-}) => {
-  const [i, r] = N(!1), [d, c] = N(null), { toggleNotification: m } = Oe(), p = X(() => Xe(e, "name"), [e]), { formatMessage: u } = A(), v = $(
-    (y) => {
-      c(y), r(!0);
-    },
-    [c, r]
-  ), b = $(() => {
-    c(null), r(!1);
-  }, [c, r]), C = $(() => {
-    d === null ? m({
-      type: "warning",
-      message: u(l(`${ae}confirmation.error`))
-    }) : a(d), b();
-  }, [b, d, It, a, m]);
-  return /* @__PURE__ */ w(ie, { children: [
-    /* @__PURE__ */ n(
-      lt,
-      {
-        isVisible: i,
-        header: u(l(`${ae}confirmation.header`)),
-        children: u(l(`${ae}confirmation.message`)),
-        labelConfirm: u(l(`${ae}confirmation.confirm`)),
-        iconConfirm: Jt,
-        mainIcon: Jt,
-        onConfirm: C,
-        onCancel: b
-      }
-    ),
-    /* @__PURE__ */ w(
-      sn,
-      {
-        width: "100%",
-        colCount: 4,
-        rowCount: e.length + 1,
-        footer: /* @__PURE__ */ n(
-          ha,
-          {
-            onClick: (y) => {
-              y.preventDefault(), t(null);
-            },
-            icon: Lr,
-            children: u(l(`${ae}footer`))
-          }
-        ),
-        children: [
-          /* @__PURE__ */ n(dn, { children: /* @__PURE__ */ w(et, { children: [
-            /* @__PURE__ */ n(ce, { width: "20%", children: /* @__PURE__ */ n(x, { variant: "sigma", textColor: "neutral600", children: u(l(`${ae}header.name`)) }) }),
-            /* @__PURE__ */ n(ce, { width: "60%", children: /* @__PURE__ */ n(x, { variant: "sigma", textColor: "neutral600", children: u(l(`${ae}header.label`)) }) }),
-            /* @__PURE__ */ n(ce, { width: "15%", children: /* @__PURE__ */ n(x, { variant: "sigma", textColor: "neutral600", children: u(l(`${ae}header.type`)) }) }),
-            /* @__PURE__ */ n(ce, { width: "5%", children: /* @__PURE__ */ n(x, { variant: "sigma", textColor: "neutral600", children: u(l(`${ae}header.required`)) }) }),
-            /* @__PURE__ */ n(ce, { children: /* @__PURE__ */ n(ma, {}) })
-          ] }) }),
-          /* @__PURE__ */ n(cn, { children: p.map(
-            (y) => typeof y != "string" ? /* @__PURE__ */ w(et, { children: [
-              /* @__PURE__ */ n(ue, { width: "20%", children: /* @__PURE__ */ n(x, { fontWeight: "semiBold", textColor: "neutral800", children: y.name }) }),
-              /* @__PURE__ */ n(ue, { width: "60%", children: /* @__PURE__ */ n(x, { textColor: "neutral800", children: y.label }) }),
-              /* @__PURE__ */ n(ue, { width: "15%", children: /* @__PURE__ */ n(x, { textColor: "neutral800", children: y.type }) }),
-              /* @__PURE__ */ n(ue, { width: "5%", children: /* @__PURE__ */ n(
-                ga,
-                {
-                  description: u(
-                    l(`${ae}${y.required ? "required" : "notRequired"}`)
-                  ),
-                  children: /* @__PURE__ */ n(x, { textColor: "neutral800", children: y.required ? /* @__PURE__ */ n(Ge, {}) : /* @__PURE__ */ n(La, {}) })
-                }
-              ) }),
-              /* @__PURE__ */ n(ue, { children: /* @__PURE__ */ n(P, { width: "100%", justifyContent: "flex-end", alignItems: "center", children: /* @__PURE__ */ w(un, { children: [
-                /* @__PURE__ */ n(
-                  ye,
-                  {
-                    onClick: () => o(y),
-                    label: u(
-                      l(`${ae}${y.enabled ? "disable" : "enable"}`)
-                    ),
-                    variant: y.enabled ? "success-light" : "tertiary",
-                    children: y.enabled ? /* @__PURE__ */ n(mn, {}) : /* @__PURE__ */ n($a, {}),
-                    style: { minWidth: 50 }
-                  }
-                ),
-                /* @__PURE__ */ n(
-                  ye,
-                  {
-                    onClick: () => t(y),
-                    label: u(l(`${ae}edit`)),
-                    children: /* @__PURE__ */ n(Ct, {}),
-                    style: { minWidth: 50 }
-                  }
-                ),
-                /* @__PURE__ */ n(
-                  ye,
-                  {
-                    onClick: () => v(y),
-                    label: u(l(`${ae}remove`)),
-                    children: /* @__PURE__ */ n(Tt, {}),
-                    style: { minWidth: 50 }
-                  }
-                )
-              ] }) }) })
-            ] }, y.name) : null
-          ) })
-        ]
-      }
-    )
-  ] });
-}, Pr = ({ onChange: e, initialValue: t, ...a }) => {
-  const [o, i] = N(
-    ta(t) ? t.join(";") : ""
-  );
-  return /* @__PURE__ */ n(we, { ...a, onChange: (d) => {
-    const c = d?.target.value ?? "", m = c.split(";").map((p) => p.trim()).filter((p) => !!p.length);
-    i(c ?? ""), e(m);
-  }, value: o });
-}, O = "pages.settings.form.customFields.popup.", Mr = (e) => e.map((t, a) => ({
-  key: `${t}-${a}`,
-  metadatas: {
-    intlLabel: {
-      id: t,
-      defaultMessage: t
-    },
-    hidden: !1,
-    disabled: !1
-  },
-  value: t,
-  label: t
-})), kr = ({
-  isEditForm: e,
-  customField: t,
-  onSubmit: a,
-  onClose: o
-}) => {
-  const i = Mr(vr), { formatMessage: r } = A(), [d, c] = N(
-    t ? {
-      ...t
-    } : {
-      name: "",
-      label: "",
-      type: "string",
-      required: !1,
-      multi: !1,
-      enabled: !0
-    }
-  ), [m, p] = N(), { type: u } = d;
-  V(() => {
-    t && c({
-      ...t
-    });
-  }, [t]);
-  const v = (f, I, h) => {
-    if (h) {
-      let T = f, E = I;
-      if (He(f)) {
-        const { name: z, value: k } = f.target;
-        T = z, E = Be(E) ? k : E;
-      }
-      return ot(T) && b(T, E), h(f, E);
-    }
-  }, b = (f, I) => {
-    c(
-      it(
+  return /* @__PURE__ */ n(we, { ...a, onChange: (d) => {
+    const c = d?.target.value ?? "", m = c.split(";").map((p) => p.trim()).filter((p) => !!p.length);
+    i(c ?? ""), e(m);
+  }, value: o });
+}, O = "pages.settings.form.customFields.popup.", Ar = (e) => e.map((t, a) => ({
+  key: `${t}-${a}`,
+  metadatas: {
+    intlLabel: {
+      id: t,
+      defaultMessage: t
+    },
+    hidden: !1,
+    disabled: !1
+  },
+  value: t,
+  label: t
+})), Fr = ({
+  isEditForm: e,
+  customField: t,
+  onSubmit: a,
+  onClose: o
+}) => {
+  const i = Ar(hr), { formatMessage: r } = A(), [d, c] = N(
+    t ? {
+      ...t
+    } : {
+      name: "",
+      label: "",
+      type: "string",
+      required: !1,
+      multi: !1,
+      enabled: !0
+    }
+  ), [m, p] = N(), { type: u } = d;
+  V(() => {
+    t && c({
+      ...t
+    });
+  }, [t]);
+  const C = (f, I, y) => {
+    if (y) {
+      let T = f, L = I;
+      if (He(f)) {
+        const { name: z, value: k } = f.target;
+        T = z, L = Be(L) ? k : L;
+      }
+      return ot(T) && b(T, L), y(f, L);
+    }
+  }, b = (f, I) => {
+    c(
+      it(
         {
           ...d
         },
@@ -4589,14 +4247,14 @@ const mr = () => /* @__PURE__ */ n(Hn, { backend: Xn, children: /* @__PURE__ */
         I
       )
     );
-  }, C = (f) => {
+  }, v = (f) => {
     const I = J(m, f);
     if (I)
       return r(l(`${O}${f}.${I}`));
-  }, y = (f, I) => {
-    const { success: h, data: T, error: E } = gn.safeParse(I);
-    h ? a(T) : E && p(
-      E.issues.reduce((z, k) => ({
+  }, h = (f, I) => {
+    const { success: y, data: T, error: L } = hn.safeParse(I);
+    y ? a(T) : L && p(
+      L.issues.reduce((z, k) => ({
         ...z,
         [k.path.join(".")]: k.message
       }), {})
@@ -4605,19 +4263,19 @@ const mr = () => /* @__PURE__ */ n(Hn, { backend: Xn, children: /* @__PURE__ */
   return /* @__PURE__ */ w(ie, { children: [
     /* @__PURE__ */ n(H.Body, { children: /* @__PURE__ */ n(at, { method: "POST", width: "auto", height: "auto", initialValues: d, children: ({ values: f, onChange: I }) => /* @__PURE__ */ w(S.Root, { gap: 5, children: [
       /* @__PURE__ */ n(S.Item, { col: 12, children: /* @__PURE__ */ n(
-        L,
+        $,
         {
           name: "name",
           label: r(l(`${O}name.label`)),
           hint: r(l(`${O}name.description`)),
-          error: C("name"),
+          error: v("name"),
           required: !0,
           children: /* @__PURE__ */ n(
             we,
             {
               name: "name",
               value: f.name,
-              onChange: (h, T) => v(h, T, I),
+              onChange: (y, T) => C(y, T, I),
               placeholder: r(l(`${O}name.placeholder`)),
               type: "string",
               disabled: e,
@@ -4627,19 +4285,19 @@ const mr = () => /* @__PURE__ */ n(Hn, { backend: Xn, children: /* @__PURE__ */
         }
       ) }, "name"),
       /* @__PURE__ */ n(S.Item, { col: 12, children: /* @__PURE__ */ n(
-        L,
+        $,
         {
           name: "label",
           label: r(l(`${O}label.label`)),
           hint: r(l(`${O}label.description`)),
-          error: C("label"),
+          error: v("label"),
           required: !0,
           children: /* @__PURE__ */ n(
             we,
             {
               name: "label",
               value: f.label,
-              onChange: (h, T) => v(h, T, I),
+              onChange: (y, T) => C(y, T, I),
               placeholder: r(l(`${O}label.placeholder`)),
               type: "string",
               width: "100%"
@@ -4648,18 +4306,18 @@ const mr = () => /* @__PURE__ */ n(Hn, { backend: Xn, children: /* @__PURE__ */
         }
       ) }, "label"),
       /* @__PURE__ */ n(S.Item, { col: 12, children: /* @__PURE__ */ n(
-        L,
+        $,
         {
           name: "description",
           label: r(l(`${O}description.label`)),
           hint: r(l(`${O}description.description`)),
-          error: C("description"),
+          error: v("description"),
           children: /* @__PURE__ */ n(
             we,
             {
               name: "description",
               value: f.description,
-              onChange: (h, T) => v(h, T, I),
+              onChange: (y, T) => C(y, T, I),
               placeholder: r(l(`${O}description.placeholder`)),
               type: "string",
               width: "100%"
@@ -4668,18 +4326,18 @@ const mr = () => /* @__PURE__ */ n(Hn, { backend: Xn, children: /* @__PURE__ */
         }
       ) }, "description"),
       /* @__PURE__ */ n(S.Item, { col: 12, children: /* @__PURE__ */ n(
-        L,
+        $,
         {
           name: "placeholder",
           label: r(l(`${O}placeholder.label`)),
           hint: r(l(`${O}placeholder.description`)),
-          error: C("placeholder"),
+          error: v("placeholder"),
           children: /* @__PURE__ */ n(
             we,
             {
               name: "placeholder",
               value: f.placeholder,
-              onChange: (h, T) => v(h, T, I),
+              onChange: (y, T) => C(y, T, I),
               placeholder: r(l(`${O}placeholder.placeholder`)),
               type: "string",
               width: "100%"
@@ -4688,183 +4346,520 @@ const mr = () => /* @__PURE__ */ n(Hn, { backend: Xn, children: /* @__PURE__ */
         }
       ) }, "placeholder"),
       /* @__PURE__ */ n(S.Item, { col: 12, children: /* @__PURE__ */ n(
-        L,
+        $,
         {
           name: "type",
           label: r(l(`${O}type.label`)),
           hint: r(l(`${O}type.description`)),
           required: !0,
           children: /* @__PURE__ */ n(
-            Fe,
+            xe,
             {
               name: "type",
               value: f.type,
-              onChange: (h) => v("type", h, I),
+              onChange: (y) => C("type", y, I),
               disabled: e,
               width: "100%",
-              children: i.map(({ key: h, label: T, value: E }) => /* @__PURE__ */ n(Ae, { value: E, children: T }, h))
+              children: i.map(({ key: y, label: T, value: L }) => /* @__PURE__ */ n(Ae, { value: L, children: T }, y))
             }
           )
         }
       ) }, "type"),
       u === "select" && /* @__PURE__ */ w(ie, { children: [
         /* @__PURE__ */ n(S.Item, { col: 12, children: /* @__PURE__ */ n(
-          L,
+          $,
+          {
+            name: "multi",
+            label: r(l(`${O}multi.label`)),
+            hint: r(l(`${O}multi.description`)),
+            error: v("multi"),
+            children: /* @__PURE__ */ n(
+              me,
+              {
+                name: "multi",
+                checked: f.multi,
+                onChange: (y) => C(y, !f.multi, I),
+                onLabel: "true",
+                offLabel: "false",
+                width: "100%"
+              }
+            )
+          }
+        ) }, "multi"),
+        /* @__PURE__ */ n(S.Item, { col: 12, children: /* @__PURE__ */ n(
+          $,
+          {
+            name: "options",
+            label: r(l(`${O}options.label`)),
+            hint: r(l(`${O}options.description`)),
+            error: v("options"),
+            children: /* @__PURE__ */ n(
+              xr,
+              {
+                name: "options",
+                onChange: (y) => C("options", y, I),
+                initialValue: f.options
+              }
+            )
+          }
+        ) }, "options")
+      ] }),
+      /* @__PURE__ */ n(S.Item, { col: 12, children: /* @__PURE__ */ n(
+        $,
+        {
+          name: "required",
+          label: r(l(`${O}required.label`)),
+          hint: r(l(`${O}required.description`)),
+          error: v("required"),
+          children: /* @__PURE__ */ n(
+            me,
+            {
+              name: "required",
+              placeholder: r(l(`${O}required.placeholder`)),
+              checked: f.required,
+              onChange: (y) => C(y, !f.required, I),
+              onLabel: "true",
+              offLabel: "false",
+              width: "100%"
+            }
+          )
+        }
+      ) }, "required")
+    ] }) }) }),
+    /* @__PURE__ */ w(H.Footer, { children: [
+      /* @__PURE__ */ n(H.Close, { children: /* @__PURE__ */ n(K, { onClick: o, variant: "tertiary", children: r(l("popup.item.form.button.cancel")) }) }),
+      /* @__PURE__ */ n(K, { onClick: (f) => h(f, d), children: r(l("popup.item.form.button.save")) })
+    ] })
+  ] });
+}, Nr = ({
+  isOpen: e,
+  onClose: t,
+  onSubmit: a,
+  data: o
+}) => {
+  const i = !!o, { formatMessage: r } = A();
+  return /* @__PURE__ */ n(
+    H.Root,
+    {
+      onOpenChange: (d) => {
+        d || t();
+      },
+      open: e,
+      labelledBy: "custom-field-modal",
+      children: /* @__PURE__ */ w(H.Content, { children: [
+        /* @__PURE__ */ n(H.Header, { children: /* @__PURE__ */ n(
+          F,
+          {
+            variant: "omega",
+            fontWeight: "bold",
+            textColor: "neutral800",
+            as: "h2",
+            id: "asset-dialog-title",
+            children: r(
+              l(
+                `pages.settings.form.customFields.popup.header.${i ? "edit" : "new"}`
+              )
+            )
+          }
+        ) }),
+        /* @__PURE__ */ n(
+          Fr,
+          {
+            isEditForm: i,
+            customField: o,
+            onSubmit: a,
+            onClose: t
+          }
+        )
+      ] })
+    }
+  );
+}, Rr = () => {
+  const { formatMessage: e } = A(), {
+    values: { additionalFields: t },
+    setFormValueItem: a
+  } = Ne(), [o, i] = N(!1), [r, d] = N(
+    null
+  ), c = (C) => {
+    d(C), i(!0);
+  }, m = (C) => {
+    const b = t.filter(
+      (v) => typeof v != "string" ? v.name !== C.name : !0
+    );
+    a("additionalFields", b), d(null), i(!1);
+  }, p = (C) => {
+    const b = { ...C, enabled: !C.enabled }, v = t.map(
+      (h) => typeof h != "string" && C.name === h.name ? b : h
+    );
+    a("additionalFields", v);
+  }, u = (C) => {
+    const v = !!t.find(
+      (h) => typeof h != "string" ? h.name === C.name : !1
+    ) ? t.map(
+      (h) => typeof h != "string" && C.name === h.name ? C : h
+    ) : [...t, C];
+    a("additionalFields", v), d(null), i(!1);
+  };
+  return /* @__PURE__ */ w(D, { ...Je, width: "100%", children: [
+    /* @__PURE__ */ n(F, { variant: "delta", as: "h2", children: e(l("pages.settings.customFields.title")) }),
+    /* @__PURE__ */ n(D, { padding: 1 }),
+    /* @__PURE__ */ n(
+      Sr,
+      {
+        data: t,
+        onOpenModal: c,
+        onRemoveCustomField: m,
+        onToggleCustomField: p
+      }
+    ),
+    o && /* @__PURE__ */ n(
+      Nr,
+      {
+        onClose: () => i(!1),
+        onSubmit: u,
+        isOpen: o,
+        data: r
+      }
+    )
+  ] });
+}, Lr = () => {
+  const { formatMessage: e } = A(), { values: t, onChange: a, handleChange: o, restartStatus: i } = Ne();
+  return /* @__PURE__ */ n(S.Item, { col: 4, s: 12, xs: 12, children: /* @__PURE__ */ n(
+    $,
+    {
+      name: "preferCustomContentTypes",
+      label: e(l("pages.settings.form.preferCustomContentTypes.label")),
+      hint: e(l("pages.settings.form.preferCustomContentTypes.hint")),
+      children: /* @__PURE__ */ n(
+        me,
+        {
+          name: "preferCustomContentTypes",
+          checked: t.preferCustomContentTypes,
+          onChange: (r) => o(r, !t.preferCustomContentTypes, a),
+          onLabel: e(l("components.toggle.enabled")),
+          offLabel: e(l("components.toggle.disabled")),
+          disabled: i.required,
+          width: "100%"
+        }
+      )
+    }
+  ) });
+}, $r = () => {
+  const e = Lt(), t = dt(), { formatMessage: a } = A(), { values: o, onChange: i, handleChange: r, restartStatus: d, setFormValueItem: c, renderError: m } = Ne(), { contentTypes: p, preferCustomContentTypes: u } = o, C = Xe(
+    Object.values(t.data ?? []).filter(
+      ({ uid: b }) => yr(b, {
+        allowedContentTypes: e.data?.allowedContentTypes,
+        restrictedContentTypes: e.data?.restrictedContentTypes,
+        preferCustomContentTypes: u,
+        contentTypes: p
+      })
+    ).map((b) => {
+      const v = t.data?.find((h) => h.uid === b.uid);
+      if (v) {
+        const { isDisplayed: h, kind: f } = v;
+        return {
+          ...b,
+          available: h,
+          isSingle: f === "singleType"
+        };
+      }
+      return b;
+    }),
+    (b) => b.info.displayName
+  );
+  return /* @__PURE__ */ n(S.Item, { col: 4, s: 12, xs: 12, children: /* @__PURE__ */ n(
+    $,
+    {
+      name: "contentTypes",
+      label: a(l("pages.settings.form.contentTypes.label")),
+      hint: a(l("pages.settings.form.contentTypes.hint")),
+      children: /* @__PURE__ */ n(
+        De,
+        {
+          name: "contentTypes",
+          label: a(l("pages.settings.form.contentTypes.label")),
+          "aria-label": a(l("pages.settings.form.contentTypes.label")),
+          placeholder: a(l("pages.settings.form.contentTypes.placeholder")),
+          value: o.contentTypes,
+          onChange: (b) => {
+            r("contentTypes", b, i);
+            const {
+              contentTypesNameFields: v = [],
+              contentTypesPopulate: h = [],
+              pathDefaultFields: f = []
+            } = o, I = b.filter(
+              (T) => !v.find((L) => L.key === T)
+            ) ?? [], y = v.filter(
+              (T) => !b.includes(T.key) || T.key === "default"
+            ).map(({ key: T }) => T) ?? [];
+            c("contentTypesNameFields", [
+              ...v.filter(
+                ({ key: T }) => !y.includes(T) || T === "default"
+              ) ?? [],
+              ...I.map((T) => ({ key: T, fields: [] }))
+            ]), c("contentTypesPopulate", [
+              ...h.filter(
+                ({ key: T }) => !y.includes(T) || T === "default"
+              ) ?? [],
+              ...I.map((T) => ({ key: T, fields: [] }))
+            ]), c("pathDefaultFields", [
+              ...f.filter(
+                ({ key: T }) => !y.includes(T) || T === "default"
+              ) ?? [],
+              ...I.map((T) => ({ key: T, fields: [] }))
+            ]);
+          },
+          disabled: d.required,
+          error: m("contentTypes"),
+          withTags: !0,
+          width: "100%",
+          children: C.map((b) => /* @__PURE__ */ n(Ve, { value: b.uid, children: b.info.displayName }, b.uid))
+        }
+      )
+    }
+  ) });
+}, Er = () => {
+  const e = dt(), { formatMessage: t } = A(), { values: a, onChange: o, handleChange: i, restartStatus: r, renderError: d } = Ne(), c = X(
+    () => a.contentTypes?.map((m) => e.data?.find(({ uid: p }) => p === m)).filter(
+      (m) => m !== void 0
+    ) || [],
+    [a.contentTypes, e.data]
+  );
+  return V(() => {
+    a.defaultContentType && (a.contentTypes.includes(a.defaultContentType) || i("defaultContentType", void 0, o));
+  }, [a.contentTypes]), /* @__PURE__ */ n(S.Item, { col: 4, s: 12, xs: 12, children: /* @__PURE__ */ n(
+    $,
+    {
+      name: "defaultContentType",
+      label: t(l("pages.settings.form.defaultContentType.label")),
+      hint: t(l("pages.settings.form.defaultContentType.hint")),
+      children: /* @__PURE__ */ n(
+        xe,
+        {
+          name: "defaultContentType",
+          label: t(l("pages.settings.form.defaultContentType.label")),
+          "aria-label": t(l("pages.settings.form.defaultContentType.label")),
+          placeholder: t(l("pages.settings.form.defaultContentType.placeholder")),
+          value: a.defaultContentType,
+          onChange: (m) => i("defaultContentType", m, o),
+          onClear: () => i("defaultContentType", void 0, o),
+          disabled: r.required,
+          error: d("defaultContentType"),
+          withTags: !0,
+          width: "100%",
+          children: c.map((m) => /* @__PURE__ */ n(Ae, { value: m.uid, children: m.info.displayName }, m.uid))
+        }
+      )
+    }
+  ) });
+}, Pr = ["relation", "media", "component", "dynamiczone"], Mr = () => {
+  const e = dt(), { formatMessage: t } = A(), { values: a, onChange: o, handleChange: i, restartStatus: r, renderError: d } = Ne(), {
+    contentTypes: c,
+    contentTypesNameFields: m
+  } = a;
+  return /* @__PURE__ */ n(S.Item, { col: 12, s: 12, xs: 12, children: c?.length ? /* @__PURE__ */ n(Ue.Root, { style: { width: "100%" }, children: m.map((p, u) => {
+    const C = e.data?.find(({ uid: f }) => f === p.key), b = C?.attributes ?? {}, v = Object.keys(b).sort(), h = v.filter(
+      (f) => Pr.includes(b[f]?.type)
+    );
+    return C ? /* @__PURE__ */ w(Ue.Item, { value: p.key, children: [
+      /* @__PURE__ */ n(Ue.Header, { children: /* @__PURE__ */ n(Ue.Trigger, { children: C?.info.displayName ?? t(l("pages.settings.form.nameField.default")) }) }),
+      /* @__PURE__ */ n(Ue.Content, { children: /* @__PURE__ */ w(S.Root, { gap: 4, padding: 2, children: [
+        /* @__PURE__ */ n(S.Item, { col: 12, s: 12, xs: 12, children: /* @__PURE__ */ n(
+          $,
           {
-            name: "multi",
-            label: r(l(`${O}multi.label`)),
-            hint: r(l(`${O}multi.description`)),
-            error: C("multi"),
+            name: `contentTypesNameFields[${u}]`,
+            label: t(l("pages.settings.form.nameField.label")),
+            hint: t(
+              l(
+                `pages.settings.form.nameField.${Y(J(a, `contentTypesNameFields[${u}].fields`, [])) ? "empty" : "hint"}`
+              )
+            ),
             children: /* @__PURE__ */ n(
-              me,
+              De,
               {
-                name: "multi",
-                checked: f.multi,
-                onChange: (h) => v(h, !f.multi, I),
-                onLabel: "true",
-                offLabel: "false",
-                width: "100%"
+                name: `contentTypesNameFields[${u}]`,
+                placeholder: t(
+                  l("pages.settings.form.nameField.placeholder")
+                ),
+                value: J(a, `contentTypesNameFields[${u}].fields`),
+                onChange: (f) => {
+                  const I = J(a, "contentTypesNameFields", []).map(
+                    (y, T) => T === u ? {
+                      ...y,
+                      fields: f
+                    } : y
+                  );
+                  return i("contentTypesNameFields", I, o);
+                },
+                disabled: r.required,
+                error: d(`contentTypesNameFields[${u}]`),
+                withTags: !0,
+                children: v.map((f) => /* @__PURE__ */ n(Ve, { value: f, children: f }, f))
               }
             )
           }
-        ) }, "multi"),
-        /* @__PURE__ */ n(S.Item, { col: 12, children: /* @__PURE__ */ n(
-          L,
+        ) }),
+        /* @__PURE__ */ n(S.Item, { col: 12, s: 12, xs: 12, children: /* @__PURE__ */ n(
+          $,
           {
-            name: "options",
-            label: r(l(`${O}options.label`)),
-            hint: r(l(`${O}options.description`)),
-            error: C("options"),
+            name: `contentTypesPopulate[${u - 1}]`,
+            label: t(l("pages.settings.form.populate.label")),
+            hint: t(
+              l(
+                `pages.settings.form.populate.${Y(J(a, `contentTypesPopulate[${u - 1}]fields`, [])) ? "empty" : "hint"}`
+              )
+            ),
             children: /* @__PURE__ */ n(
-              Pr,
+              De,
               {
-                name: "options",
-                onChange: (h) => v("options", h, I),
-                initialValue: f.options
+                width: "100%",
+                name: `contentTypesPopulate[${u - 1}]`,
+                placeholder: t(
+                  l("pages.settings.form.populate.placeholder")
+                ),
+                value: J(a, `contentTypesPopulate[${u - 1}].fields`, []),
+                onChange: (f) => {
+                  const I = J(a, "contentTypesPopulate", []).map(
+                    (y, T) => T === u - 1 ? {
+                      ...y,
+                      fields: f
+                    } : y
+                  );
+                  return i("contentTypesPopulate", I, o);
+                },
+                disabled: r.required,
+                error: d(`contentTypesPopulate[${u - 1}]`),
+                withTags: !0,
+                children: h.map((f) => /* @__PURE__ */ n(Ve, { value: f, children: f }, f))
               }
             )
           }
-        ) }, "options")
-      ] }),
-      /* @__PURE__ */ n(S.Item, { col: 12, children: /* @__PURE__ */ n(
-        L,
-        {
-          name: "required",
-          label: r(l(`${O}required.label`)),
-          hint: r(l(`${O}required.description`)),
-          error: C("required"),
-          children: /* @__PURE__ */ n(
-            me,
-            {
-              name: "required",
-              placeholder: r(l(`${O}required.placeholder`)),
-              checked: f.required,
-              onChange: (h) => v(h, !f.required, I),
-              onLabel: "true",
-              offLabel: "false",
-              width: "100%"
-            }
-          )
-        }
-      ) }, "required")
-    ] }) }) }),
-    /* @__PURE__ */ w(H.Footer, { children: [
-      /* @__PURE__ */ n(H.Close, { children: /* @__PURE__ */ n(K, { onClick: o, variant: "tertiary", children: r(l("popup.item.form.button.cancel")) }) }),
-      /* @__PURE__ */ n(K, { onClick: (f) => y(f, d), children: r(l("popup.item.form.button.save")) })
-    ] })
-  ] });
-}, qr = ({
-  isOpen: e,
-  onClose: t,
-  onSubmit: a,
-  data: o
-}) => {
-  const i = !!o, { formatMessage: r } = A();
-  return /* @__PURE__ */ n(
-    H.Root,
-    {
-      onOpenChange: (d) => {
-        d || t();
-      },
-      open: e,
-      labelledBy: "custom-field-modal",
-      children: /* @__PURE__ */ w(H.Content, { children: [
-        /* @__PURE__ */ n(H.Header, { children: /* @__PURE__ */ n(
-          x,
+        ) }),
+        /* @__PURE__ */ n(S.Item, { col: 12, s: 12, xs: 12, children: /* @__PURE__ */ n(
+          $,
           {
-            variant: "omega",
-            fontWeight: "bold",
-            textColor: "neutral800",
-            as: "h2",
-            id: "asset-dialog-title",
-            children: r(
+            name: `pathDefaultFields[${u - 1}]`,
+            label: t(
+              l("pages.settings.form.pathDefaultFields.label")
+            ),
+            hint: t(
               l(
-                `pages.settings.form.customFields.popup.header.${i ? "edit" : "new"}`
+                `pages.settings.form.pathDefaultFields.${Y(J(a, `pathDefaultFields[${u - 1}].fields`, [])) ? "empty" : "hint"}`
               )
+            ),
+            children: /* @__PURE__ */ n(
+              De,
+              {
+                name: `pathDefaultFields[${u - 1}]`,
+                width: "100%",
+                placeholder: t(
+                  l("pages.settings.form.pathDefaultFields.placeholder")
+                ),
+                value: J(a, `pathDefaultFields[${u - 1}].fields`, []),
+                onChange: (f) => {
+                  const I = J(a, "pathDefaultFields", []).map((y, T) => T === u - 1 ? {
+                    ...y,
+                    fields: f
+                  } : y);
+                  return i("pathDefaultFields", I, o);
+                },
+                disabled: r.required,
+                error: d(`pathDefaultFields[${u - 1}]`),
+                withTags: !0,
+                children: v.map((f) => /* @__PURE__ */ n(Ve, { value: f, children: f }, f))
+              }
             )
           }
-        ) }),
+        ) })
+      ] }) })
+    ] }, p.key) : null;
+  }) }) : null });
+}, kr = () => {
+  const { formatMessage: e } = A();
+  return /* @__PURE__ */ n(D, { ...Je, width: "100%", children: /* @__PURE__ */ w(P, { direction: "column", alignItems: "flex-start", gap: 2, children: [
+    /* @__PURE__ */ n(F, { variant: "delta", as: "h2", children: e(l("pages.settings.general.title")) }),
+    /* @__PURE__ */ n(S.Root, { gap: 4, width: "100%", children: /* @__PURE__ */ n(S.Item, { col: 12, s: 12, xs: 12, children: /* @__PURE__ */ w(S.Root, { gap: 4, width: "100%", children: [
+      /* @__PURE__ */ n(Lr, {}),
+      /* @__PURE__ */ n($r, {}),
+      /* @__PURE__ */ n(Er, {}),
+      /* @__PURE__ */ n(Mr, {})
+    ] }) }) })
+  ] }) });
+}, qr = oe(ha)`
+  [role='status'] {
+    flex-direction: column;
+  }
+`, Dr = ({ setIsReloading: e }) => {
+  const { formatMessage: t } = A(), a = Ln(), { restartStatus: o, setRestartStatus: i } = Ne(), r = async () => {
+    a.mutate(void 0, {
+      onSuccess() {
+        e(!0), Rn(!0).then((c) => {
+          c && window.location.reload();
+        });
+      },
+      onError() {
+        i({ required: !1 });
+      }
+    });
+  }, d = () => i({ required: !1 });
+  return o.required ? /* @__PURE__ */ n(D, { ...Je, width: "100%", children: /* @__PURE__ */ n(
+    qr,
+    {
+      closeLabel: t(l("pages.settings.actions.restart.alert.cancel")),
+      title: t(l("pages.settings.actions.restart.alert.title")),
+      action: /* @__PURE__ */ n(D, { children: /* @__PURE__ */ n(K, { onClick: r, startIcon: /* @__PURE__ */ n(Ea, {}), children: t(l("pages.settings.actions.restart.label")) }) }),
+      onClose: d,
+      children: /* @__PURE__ */ w(ie, { children: [
+        /* @__PURE__ */ n(D, { paddingBottom: 1, children: t(l("pages.settings.actions.restart.alert.description")) }),
+        o.reasons?.map((c, m) => /* @__PURE__ */ n(
+          D,
+          {
+            paddingBottom: 1,
+            children: t(
+              l(`pages.settings.actions.restart.alert.reason.${c}`)
+            )
+          },
+          m
+        ))
+      ] })
+    }
+  ) }) : null;
+}, Vr = ({ hasSettingsReadPermissions: e }) => {
+  const { formatMessage: t } = A(), a = $n(), { setRestartStatus: o } = Ne(), [i, r] = N(!1), d = async (c) => {
+    r(!1), c && (a.mutate(), o({ required: !0 }));
+  };
+  return /* @__PURE__ */ n(D, { ...Je, width: "100%", children: /* @__PURE__ */ w(P, { direction: "column", alignItems: "flex-start", gap: 2, children: [
+    /* @__PURE__ */ n(F, { variant: "delta", as: "h2", children: t(l("pages.settings.restoring.title")) }),
+    /* @__PURE__ */ w(S.Root, { gap: 4, width: "100%", children: [
+      /* @__PURE__ */ n(S.Item, { col: 12, s: 12, xs: 12, children: /* @__PURE__ */ n(F, { children: t(l("pages.settings.actions.restore.description")) }) }),
+      /* @__PURE__ */ w(S.Item, { col: 12, s: 12, xs: 12, children: [
+        e && /* @__PURE__ */ n(
+          K,
+          {
+            variant: "danger-light",
+            startIcon: /* @__PURE__ */ n(Ge, {}),
+            onClick: () => r(!0),
+            children: t(l("pages.settings.actions.restore.label"))
+          }
+        ),
         /* @__PURE__ */ n(
-          kr,
+          lt,
           {
-            isEditForm: i,
-            customField: o,
-            onSubmit: a,
-            onClose: t
+            isVisible: i,
+            header: t(l("pages.settings.actions.restore.confirmation.header")),
+            labelConfirm: t(
+              l("pages.settings.actions.restore.confirmation.confirm")
+            ),
+            iconConfirm: /* @__PURE__ */ n(Pa, {}),
+            onConfirm: () => d(!0),
+            onCancel: () => d(!1),
+            children: t(l("pages.settings.actions.restore.confirmation.description"))
           }
         )
       ] })
-    }
-  );
-}, Dr = () => {
-  const { formatMessage: e } = A(), {
-    values: { additionalFields: t },
-    setFormValueItem: a
-  } = Ne(), [o, i] = N(!1), [r, d] = N(
-    null
-  ), c = (v) => {
-    d(v), i(!0);
-  }, m = (v) => {
-    const b = t.filter(
-      (C) => typeof C != "string" ? C.name !== v.name : !0
-    );
-    a("additionalFields", b), d(null), i(!1);
-  }, p = (v) => {
-    const b = { ...v, enabled: !v.enabled }, C = t.map(
-      (y) => typeof y != "string" && v.name === y.name ? b : y
-    );
-    a("additionalFields", C);
-  }, u = (v) => {
-    const C = !!t.find(
-      (y) => typeof y != "string" ? y.name === v.name : !1
-    ) ? t.map(
-      (y) => typeof y != "string" && v.name === y.name ? v : y
-    ) : [...t, v];
-    a("additionalFields", C), d(null), i(!1);
-  };
-  return /* @__PURE__ */ w(D, { ...Je, width: "100%", children: [
-    /* @__PURE__ */ n(x, { variant: "delta", as: "h2", children: e(l("pages.settings.customFields.title")) }),
-    /* @__PURE__ */ n(D, { padding: 1 }),
-    /* @__PURE__ */ n(
-      $r,
-      {
-        data: t,
-        onOpenModal: c,
-        onRemoveCustomField: m,
-        onToggleCustomField: p
-      }
-    ),
-    o && /* @__PURE__ */ n(
-      qr,
-      {
-        onClose: () => i(!1),
-        onSubmit: u,
-        isOpen: o,
-        data: r
-      }
-    )
-  ] });
-}, Vr = Qa.omit({ contentTypesNameFields: !0 }).extend({
+    ] })
+  ] }) });
+}, jr = Qa.omit({ contentTypesNameFields: !0 }).extend({
   audienceFieldChecked: g.boolean(),
   contentTypesNameFields: g.object({
     key: g.string(),
@@ -4878,87 +4873,93 @@ const mr = () => /* @__PURE__ */ n(Hn, { backend: Xn, children: /* @__PURE__ */
     key: g.string(),
     fields: g.string().array()
   }).array()
-}), Yt = new on(), jr = () => {
-  const e = Et(), t = dt(), a = br(), o = En(), i = Rn(), { formatMessage: r } = A(), [d, c] = N({ required: !1 }), [m, p] = N(!1), u = Un("SettingsPage", (F) => F.permissions), v = X(() => !!u.find(({ action: F }) => F === Le.settings[0].action), [u]), b = X(() => !!u.find(({ action: F }) => F === Le.access[0].action), [u]), C = e.isPending || t.isPending || a.isPending || i.isPending || o.isPending, [y, f] = N({}), [I, h] = N(), T = (F, M, _) => {
+}), Br = gr, Yt = new on(), Or = () => {
+  const e = Lt(), t = dt(), a = Cr(), o = $n(), i = Ln(), { formatMessage: r } = A(), [d, c] = N({ required: !1 }), [m, p] = N(!1), u = Kn("SettingsPage", (x) => x.permissions), C = X(() => !!u.find(({ action: x }) => x === $e.settings[0].action), [u]), b = X(() => !!u.find(({ action: x }) => x === $e.access[0].action), [u]), v = e.isPending || t.isPending || a.isPending || i.isPending || o.isPending, [h, f] = N({}), [I, y] = N(), T = (x, M, _) => {
     if (_) {
-      let re = F, Q = M;
-      if (He(F)) {
-        const { name: le, value: fe } = F.target;
+      let re = x, Q = M;
+      if (He(x)) {
+        const { name: le, value: fe } = x.target;
         re = le, Q = Be(Q) ? fe : Q;
       }
-      return ot(re) && E(re, Q), _(F, Q);
+      return ot(re) && L(re, Q), _(x, Q);
     }
-  }, E = (F, M) => {
+  }, L = (x, M) => {
     f(
       (_) => it(
         {
           ..._
         },
-        F,
+        x,
         M
       )
     );
-  }, z = (F) => {
-    if (J(I, F))
-      return r(l(F));
-  }, k = (F, M) => {
-    const { success: _, data: re, error: Q } = Vr.safeParse(M);
+  }, z = (x) => {
+    if (J(I, x))
+      return r(l(x));
+  }, k = (x, M) => {
+    const { success: _, data: re, error: Q } = jr.safeParse(M);
     _ ? a.mutate(re, {
       onSuccess() {
         c({ required: !0 }), a.reset();
       }
-    }) : Q && (h(
+    }) : Q && (y(
       Q.issues.reduce((le, fe) => ({
         ...le,
         [fe.path.join(".")]: fe.message
       }), {})
     ), console.warn("Invalid form data", Q));
   };
-  return Ir({ config: e.data, setFormValue: f }), v ? C || m ? /* @__PURE__ */ n(Te.Loading, {}) : /* @__PURE__ */ n(qe.Root, { children: /* @__PURE__ */ w(Te.Main, { children: [
+  return vr({ config: e.data, setFormValue: f }), C ? v || m ? /* @__PURE__ */ n(Te.Loading, {}) : /* @__PURE__ */ n(qe.Root, { children: /* @__PURE__ */ w(Te.Main, { children: [
     /* @__PURE__ */ n(Te.Title, { children: r(l("pages.settings.header.title")) }),
     /* @__PURE__ */ n(
       qe.Header,
       {
         title: r(l("pages.settings.header.title")),
-        subtitle: r(l("pages.settings.header.description")),
+        subtitle: /* @__PURE__ */ w(P, { direction: "row", gap: 3, alignItems: "center", justifyContent: "space-between", children: [
+          /* @__PURE__ */ n(F, { variant: "epsilon", textColor: "neutral600", tag: "p", children: r(l("pages.settings.header.description")) }),
+          /* @__PURE__ */ n(un, { color: "neutral", minWidth: "fit-content", children: /* @__PURE__ */ w("span", { style: { textTransform: "none" }, children: [
+            "v",
+            Br
+          ] }) })
+        ] }),
         primaryAction: b ? /* @__PURE__ */ n(
           K,
           {
             startIcon: /* @__PURE__ */ n(Ge, {}),
             disabled: d.required,
-            onClick: (F) => k(F, y),
+            onClick: (x) => k(x, h),
             children: r(l("pages.settings.actions.submit"))
           }
         ) : null
       }
     ),
-    /* @__PURE__ */ n(qe.Content, { children: /* @__PURE__ */ n(at, { method: "POST", width: "auto", height: "auto", initialValues: y, children: ({ values: F, onChange: M }) => /* @__PURE__ */ n(
-      Ln.Provider,
+    /* @__PURE__ */ n(qe.Content, { children: /* @__PURE__ */ n(at, { method: "POST", width: "auto", height: "auto", initialValues: h, children: ({ values: x, onChange: M }) => /* @__PURE__ */ n(
+      En.Provider,
       {
         value: {
-          values: F,
+          values: x,
           onChange: M,
           handleChange: T,
           restartStatus: d,
           setRestartStatus: c,
           renderError: z,
-          setFormValueItem: E
+          setFormValueItem: L
         },
         children: /* @__PURE__ */ w(P, { direction: "column", gap: 4, children: [
-          /* @__PURE__ */ n(wr, { setIsReloading: p }),
-          /* @__PURE__ */ n(Er, {}),
-          /* @__PURE__ */ n(Sr, {}),
-          /* @__PURE__ */ n(Dr, {}),
-          /* @__PURE__ */ n(Cr, { hasSettingsReadPermissions: b })
+          /* @__PURE__ */ n(Dr, { setIsReloading: p }),
+          /* @__PURE__ */ n(kr, {}),
+          /* @__PURE__ */ n(Tr, {}),
+          /* @__PURE__ */ n(Rr, {}),
+          /* @__PURE__ */ n(Vr, { hasSettingsReadPermissions: b })
         ] })
       }
     ) }) })
   ] }) }) : /* @__PURE__ */ n(Te.NoPermissions, {});
 };
-function Br() {
-  return Yt.invalidateQueries(), /* @__PURE__ */ n(rn, { client: Yt, children: /* @__PURE__ */ n(jr, {}) });
+function zr() {
+  return Yt.invalidateQueries(), /* @__PURE__ */ n(rn, { client: Yt, children: /* @__PURE__ */ n(Or, {}) });
 }
-const Or = "navigation", en = "Navigation", ol = {
+const _r = "navigation", en = "Navigation", rl = {
   register(e) {
     e.createSettingSection(
       {
@@ -4977,9 +4978,9 @@ const Or = "navigation", en = "Navigation", ol = {
           id: "navigation",
           to: de,
           Component() {
-            return Br;
+            return zr;
           },
-          permissions: Le.settings
+          permissions: $e.settings
         }
       ]
     ), e.addMenuLink({
@@ -4992,13 +4993,13 @@ const Or = "navigation", en = "Navigation", ol = {
       Component() {
         return mr;
       },
-      permissions: Le.access,
+      permissions: $e.access,
       position: 1
     }), e.registerPlugin({
       id: de,
       initializer: ka,
       isReady: !1,
-      name: Or
+      name: _r
     });
   },
   registerTrads: async function({ locales: e = [] }) {
@@ -5014,5 +5015,5 @@ const Or = "navigation", en = "Navigation", ol = {
   }
 };
 export {
-  ol as default
+  rl as default
 };