@firecms/collection_editor 3.0.0-alpha.18 → 3.0.0-alpha.20

package/dist/index.es.js

@@ -1,16 +1,16 @@
 import { jsxs as o, Fragment as I, jsx as e } from "react/jsx-runtime";
 import * as be from "react";
-import R, { useState as Y, useCallback as Z, useEffect as se, useMemo as Rt, useRef as Re, useDeferredValue as ha, useContext as Ut } from "react";
+import R, { useState as Y, useCallback as Z, useEffect as se, useMemo as Rt, useRef as Re, useDeferredValue as ga, useContext as Ut } from "react";
 import tt from "react-fast-compare";
-import { iconKeys as $t, debounce as ga, SearchBar as fa, Tooltip as le, IconButton as pe, Icon as We, coolIconKeys as vt, Typography as N, getIconForView as et, useAutoComplete as ba, Container as ot, Chip as at, TextField as qe, cn as ve, DebouncedTextField as G, Autocomplete as ya, AutocompleteItem as va, ExpandablePanel as kt, SettingsIcon as nt, Select as Se, SelectItem as fe, BooleanSwitchWithLabel as Lt, Dialog as Ee, toSnakeCase as Kt, singular as wa, ListIcon as _a, LoadingButton as wt, CircularProgress as $e, AutoAwesomeIcon as st, Paper as Ce, FormikArrayContainer as ka, DialogContent as Le, DialogActions as Ke, Button as M, SwitchControl as de, serializeRegExp as xa, isValidRegExp as Ca, RuleIcon as Oa, useSnackbarController as lt, resolveEnumValues as Na, FileUploadIcon as Pa, MultiSelect as qa, MultiSelectItem as qt, Checkbox as St, isPropertyBuilder as ne, useFireCMSContext as Ae, getFieldConfig as ct, ErrorBoundary as ke, FieldConfigBadge as Ye, cardMixin as Yt, cardClickableMixin as Ht, cardSelectedMixin as Gt, RemoveCircleIcon as Qt, FunctionsIcon as Sa, defaultBorderMixin as xt, RemoveIcon as Aa, DragHandleIcon as za, AddIcon as Oe, useNavigationContext as Ie, SelectGroup as At, mergeDeep as L, buildProperty as K, getFieldId as Zt, DEFAULT_FIELD_CONFIGS as _t, InfoLabel as Ta, DeleteIcon as it, DeleteConfirmationDialog as rt, useLargeLayout as Va, resolveEntityView as ja, Table as zt, TableBody as Tt, TableRow as gt, TableCell as De, buildCollection as Ct, unslugify as Jt, Card as Xt, useSelectionController as Fa, EntityCollectionTable as Ea, slugify as Ia, useAuthController as He, CircularProgressCenter as Vt, Tabs as Ba, Tab as ft, removeUndefined as Ma, ErrorView as Da, ArrowBackIcon as Ze, DoneIcon as Ra, SaveIcon as Ua, Menu as $a, MoreVertIcon as La, MenuItem as Ka, Collapse as Ya, sortProperties as Ha } from "@firecms/core";
+import { iconKeys as $t, debounce as fa, SearchBar as ba, Tooltip as le, IconButton as pe, Icon as We, coolIconKeys as vt, Typography as N, getIconForView as et, useAutoComplete as ya, Container as ot, Chip as at, TextField as qe, cn as ve, DebouncedTextField as G, Autocomplete as va, AutocompleteItem as wa, ExpandablePanel as kt, SettingsIcon as nt, Select as Se, SelectItem as fe, BooleanSwitchWithLabel as Lt, Dialog as Ee, toSnakeCase as Kt, singular as _a, ListIcon as ka, LoadingButton as wt, CircularProgress as $e, AutoAwesomeIcon as st, Paper as Ce, FormikArrayContainer as xa, DialogContent as Le, DialogActions as Ke, Button as M, SwitchControl as de, serializeRegExp as Ca, isValidRegExp as Oa, RuleIcon as Na, useSnackbarController as lt, resolveEnumValues as Pa, FileUploadIcon as qa, MultiSelect as Sa, MultiSelectItem as qt, Checkbox as St, isPropertyBuilder as ne, useFireCMSContext as Ae, getFieldConfig as ct, ErrorBoundary as ke, FieldConfigBadge as Ye, cardMixin as Yt, cardClickableMixin as Ht, cardSelectedMixin as Gt, RemoveCircleIcon as Qt, FunctionsIcon as Aa, defaultBorderMixin as xt, RemoveIcon as za, DragHandleIcon as Ta, AddIcon as Oe, useNavigationContext as Ie, SelectGroup as At, mergeDeep as L, buildProperty as K, getFieldId as Zt, DEFAULT_FIELD_CONFIGS as _t, InfoLabel as Va, DeleteIcon as it, DeleteConfirmationDialog as rt, useLargeLayout as ja, resolveEntityView as Fa, Table as zt, TableBody as Tt, TableRow as gt, TableCell as De, buildCollection as Ct, unslugify as Jt, Card as Xt, useSelectionController as Ea, EntityCollectionTable as Ia, slugify as Ba, useAuthController as He, CircularProgressCenter as Vt, Tabs as Ma, Tab as ft, removeUndefined as Da, ErrorView as Ra, ArrowBackIcon as Ze, DoneIcon as Ua, SaveIcon as $a, Menu as La, MoreVertIcon as Ka, MenuItem as Ya, Collapse as Ha, sortProperties as Ga } from "@firecms/core";
 import { useFormikContext as U, Field as me, getIn as q, Formik as Ot, FastField as oe, Form as Wt } from "formik";
 import * as bt from "yup";
-import * as Ga from "js-search";
-import { extractEnumFromValues as Qa, buildPropertyFromData as Za, buildEntityPropertiesFromData as Ja } from "@firecms/schema_inference";
-import { DragDropContext as Xa, Droppable as Wa, Draggable as ei } from "@hello-pangea/dnd";
-import { ImportFileUpload as ti, DataNewPropertiesMapping as ai, ImportNewPropertyFieldPreview as ii, getInferenceType as ea, getPropertiesMapping as ri, convertDataToEntity as oi, useImportConfig as ni, ImportSaveInProgress as si } from "@firecms/data_import";
-import { useNavigate as li } from "react-router";
-const ci = bt.object().shape({
+import * as Qa from "js-search";
+import { extractEnumFromValues as Za, buildPropertyFromData as Ja, buildEntityPropertiesFromData as Xa } from "@firecms/schema_inference";
+import { DragDropContext as Wa, Droppable as ei, Draggable as ti } from "@hello-pangea/dnd";
+import { ImportFileUpload as ai, DataNewPropertiesMapping as ii, ImportNewPropertyFieldPreview as ri, getInferenceType as ea, getPropertiesMapping as oi, convertDataToEntity as ni, useImportConfig as si, ImportSaveInProgress as li } from "@firecms/data_import";
+import { useNavigate as ci } from "react-router";
+const di = bt.object().shape({
   name: bt.string().required("Required"),
   path: bt.string().required("Required")
 }), ta = {
@@ -1962,38 +1962,38 @@ const ci = bt.object().shape({
   zoom_in_map: "arrows destination location maps move place stop",
   zoom_out: "find glass look magnifier magnifying minus negative scale search see size smaller",
   zoom_out_map: "arrows destination location maps move place stop"
-}, Nt = new Ga.Search("key");
+}, Nt = new Qa.Search("key");
 Nt.addIndex("synonyms");
 Nt.addDocuments($t.map((t) => ({
   key: t,
   // @ts-ignore
   synonyms: ta[t] ?? []
 })));
-const di = 220;
+const pi = 220;
 process.env.NODE_ENV !== "production" && Object.keys(ta).forEach((t) => {
   $t.includes(t) || console.warn(`The icon ${t} no longer exists. Remove it from \`synonyms\``);
 });
-function pi({ selectedIcon: t = "", onIconSelected: a }) {
-  const [r, i] = be.useState(null), [n, s] = be.useState(""), d = be.useMemo(
-    () => ga((m) => {
+function mi({ selectedIcon: t = "", onIconSelected: a }) {
+  const [r, i] = be.useState(null), [s, n] = be.useState(""), d = be.useMemo(
+    () => fa((m) => {
       if (!m || m === "")
         i(null);
       else {
         const u = Nt.search(m);
         i(u.map((p) => p.key));
       }
-    }, di),
+    }, pi),
     []
   );
-  return be.useEffect(() => (d(n), () => {
+  return be.useEffect(() => (d(s), () => {
     d.clear();
-  }), [n, d]), /* @__PURE__ */ o(I, { children: [
+  }), [s, d]), /* @__PURE__ */ o(I, { children: [
     /* @__PURE__ */ e(
-      fa,
+      ba,
       {
         autoFocus: !0,
         className: "w-full sticky top-0 z-10",
-        onTextSearch: (m) => s(m ?? ""),
+        onTextSearch: (m) => n(m ?? ""),
         placeholder: "Search for more icons…"
       }
     ),
@@ -2015,13 +2015,13 @@ function ee({
 }) {
   return a ? /* @__PURE__ */ e(N, { variant: "caption", color: t ? "error" : "secondary", className: "ml-3.5 mt-0.5", children: a }) : null;
 }
-function mi({
+function ui({
   isNewCollection: t,
   reservedGroups: a,
   existingPaths: r,
   existingAliases: i,
-  groups: n,
-  parentCollection: s
+  groups: s,
+  parentCollection: n
 }) {
   const d = R.useRef(null), {
     values: c,
@@ -2033,7 +2033,7 @@ function mi({
     isSubmitting: b,
     submitCount: f
   } = U(), [k, C] = Y(!1), x = (O) => {
-    m("name", O), !q(p, "path") && t && O && m("path", Kt(O)), !q(p, "singularName") && t && O && m("singularName", wa(O));
+    m("name", O), !q(p, "path") && t && O && m("path", Kt(O)), !q(p, "singularName") && t && O && m("singularName", _a(O));
   }, h = et(c), y = Z((O) => {
     let F;
     return O || (F = "You must specify a path in the database for this collection"), t && i?.includes(O.trim().toLowerCase()) && (F = "There is already a collection which uses this path as an alias"), t && r?.includes(O.trim().toLowerCase()) && !c.alias && (F = "There is already a collection with the specified path. If you want to have multiple collections referring to the same database path, you need to define an alias in at least one of the collections"), F;
@@ -2042,13 +2042,13 @@ function mi({
       return;
     let F;
     return t && r?.includes(O.trim().toLowerCase()) && (F = "There is already a collection that uses this value as a path"), t && i?.includes(O.trim().toLowerCase()) && (F = "There is already a collection which uses this alias"), F;
-  }, [t, r, i]), w = n?.filter((O) => !a?.includes(O)), {
+  }, [t, r, i]), w = s?.filter((O) => !a?.includes(O)), {
     inputFocused: v,
     autoCompleteOpen: T,
     setAutoCompleteOpen: P
-  } = ba({
+  } = ya({
     ref: d
-  }), V = !!s;
+  }), V = !!n;
   return /* @__PURE__ */ e("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ o(ot, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
     /* @__PURE__ */ o("div", { children: [
       /* @__PURE__ */ o(
@@ -2068,9 +2068,9 @@ function mi({
           ]
         }
       ),
-      s && /* @__PURE__ */ e(at, { colorScheme: "tealDarker", children: /* @__PURE__ */ o(N, { variant: "caption", children: [
+      n && /* @__PURE__ */ e(at, { colorScheme: "tealDarker", children: /* @__PURE__ */ o(N, { variant: "caption", children: [
         "This is a subcollection of ",
-        /* @__PURE__ */ e("b", { children: s.name })
+        /* @__PURE__ */ e("b", { children: n.name })
       ] }) })
     ] }),
     /* @__PURE__ */ o("div", { className: "grid grid-cols-12 gap-4", children: [
@@ -2117,12 +2117,12 @@ function mi({
           }
         ),
         /* @__PURE__ */ e(
-          ya,
+          va,
           {
             open: T && (w ?? []).length > 0,
             setOpen: P,
             children: w?.map((O, F) => /* @__PURE__ */ e(
-              va,
+              wa,
               {
                 onClick: () => {
                   P(!1), m("group", O ?? null);
@@ -2238,7 +2238,7 @@ function mi({
         maxWidth: "xl",
         fullWidth: !0,
         children: /* @__PURE__ */ e("div", { className: "p-4 overflow-auto min-h-[200px]", children: /* @__PURE__ */ e(
-          pi,
+          mi,
           {
             selectedIcon: c.icon,
             onIconSelected: (O) => {
@@ -2253,7 +2253,7 @@ function mi({
 function ye(t) {
   return "properties." + t.replaceAll(".", ".properties.");
 }
-function ui(t) {
+function hi(t) {
   return t ? "properties." + t.replaceAll(".", ".properties.") + ".properties" : "properties";
 }
 function xe(t) {
@@ -2262,13 +2262,13 @@ function xe(t) {
 function re(t, a) {
   return a ? `${a}.${t}` : t;
 }
-const hi = R.memo(
+const gi = R.memo(
   function({
     enumValues: a,
     onValuesChanged: r,
     onError: i,
-    updateIds: n,
-    disabled: s,
+    updateIds: s,
+    disabled: n,
     allowDataInference: d,
     getData: c
   }) {
@@ -2287,13 +2287,13 @@ const hi = R.memo(
         }, [m.enumValues]), se(() => {
           i && i(!!(u?.enumValues ?? !1));
         }, [u]), /* @__PURE__ */ e(
-          gi,
+          fi,
           {
             enumValuesPath: "enumValues",
             values: m,
             errors: u,
-            shouldUpdateId: n,
-            disabled: s,
+            shouldUpdateId: s,
+            disabled: n,
             allowDataInference: d,
             getData: c
           }
@@ -2305,13 +2305,13 @@ const hi = R.memo(
     return a.enumValues.length === r.enumValues.length && a.onValuesChanged === r.onValuesChanged && a.getData === r.getData;
   }
 );
-function gi({
+function fi({
   values: t,
   errors: a,
   disabled: r,
   enumValuesPath: i,
-  shouldUpdateId: n,
-  allowDataInference: s,
+  shouldUpdateId: s,
+  allowDataInference: n,
   getData: d
 }) {
   const {
@@ -2319,13 +2319,13 @@ function gi({
   } = U(), [m, u] = R.useState(), [p, l] = R.useState(), [g, b] = R.useState(!1), k = R.useRef(/* @__PURE__ */ new Set()).current, C = (h, y) => {
     const _ = m === y;
     return /* @__PURE__ */ e(
-      fi,
+      bi,
       {
         index: h,
         disabled: r,
         enumValuesPath: i,
         autoFocus: _,
-        shouldUpdateId: n || _,
+        shouldUpdateId: s || _,
         onDialogOpen: () => l(h),
         inferredEntry: k.has(t.enumValues[h]?.id)
       },
@@ -2334,7 +2334,7 @@ function gi({
   };
   return /* @__PURE__ */ o("div", { className: "col-span-12", children: [
     /* @__PURE__ */ o("div", { className: "ml-3.5 flex flex-row items-center", children: [
-      /* @__PURE__ */ e(_a, {}),
+      /* @__PURE__ */ e(ka, {}),
       /* @__PURE__ */ e(
         N,
         {
@@ -2343,7 +2343,7 @@ function gi({
           children: "Values"
         }
       ),
-      s && /* @__PURE__ */ o(
+      n && /* @__PURE__ */ o(
         wt,
         {
           loading: g,
@@ -2354,7 +2354,7 @@ function gi({
             b(!0), d?.().then((h) => {
               if (!h)
                 return;
-              const y = h.flat(), _ = Array.from(new Set(y)), w = t.enumValues, T = Qa(_).filter((P) => !w?.some((V) => V.id === P.id));
+              const y = h.flat(), _ = Array.from(new Set(y)), w = t.enumValues, T = Za(_).filter((P) => !w?.some((V) => V.id === P.id));
               T.forEach((P) => {
                 k.add(P.id);
               }), c(i, [...T, ...w]);
@@ -2371,7 +2371,7 @@ function gi({
     ] }),
     /* @__PURE__ */ o(Ce, { className: "p-4 m-1", children: [
       /* @__PURE__ */ e(
-        ka,
+        xa,
         {
           value: t.enumValues,
           addLabel: "Add enum value",
@@ -2385,7 +2385,7 @@ function gi({
         }
       ),
       /* @__PURE__ */ e(
-        bi,
+        yi,
         {
           index: p,
           open: p !== void 0,
@@ -2396,13 +2396,13 @@ function gi({
     ] })
   ] });
 }
-const fi = R.memo(
+const bi = R.memo(
   function({
     index: a,
     shouldUpdateId: r,
     enumValuesPath: i,
-    autoFocus: n,
-    onDialogOpen: s,
+    autoFocus: s,
+    onDialogOpen: n,
     disabled: d,
     inferredEntry: c
   }) {
@@ -2425,8 +2425,8 @@ const fi = R.memo(
           required: !0,
           disabled: d,
           size: "small",
-          validate: yi,
-          autoFocus: n,
+          validate: vi,
+          autoFocus: s,
           autoComplete: "off",
           endAdornment: c && /* @__PURE__ */ e(st, { size: "small" }),
           error: !!x
@@ -2438,7 +2438,7 @@ const fi = R.memo(
           size: "small",
           "aria-label": "edit",
           className: "m-1",
-          onClick: () => s(),
+          onClick: () => n(),
           children: /* @__PURE__ */ e(nt, { size: "small" })
         }
       )
@@ -2448,15 +2448,15 @@ const fi = R.memo(
     return a.index === r.index && a.enumValuesPath === r.enumValuesPath && a.shouldUpdateId === r.shouldUpdateId && a.inferredEntry === r.inferredEntry && a.autoFocus === r.autoFocus;
   }
 );
-function bi({
+function yi({
   index: t,
   open: a,
   onClose: r,
   enumValuesPath: i
 }) {
   const {
-    values: n,
-    handleChange: s,
+    values: s,
+    handleChange: n,
     errors: d,
     setFieldValue: c,
     touched: m
@@ -2476,7 +2476,7 @@ function bi({
               name: `${i}[${t}]id`,
               as: G,
               required: !0,
-              validate: vi,
+              validate: wi,
               label: "ID",
               size: "small",
               autoComplete: "off",
@@ -2499,16 +2499,16 @@ function bi({
     }
   );
 }
-function yi(t) {
+function vi(t) {
   let a;
   return t || (a = "You must specify a label"), a;
 }
-function vi(t) {
+function wi(t) {
   let a;
   return t || (a = "You must specify an ID"), a;
 }
 function ze({ disabled: t }) {
-  const { values: a, handleChange: r } = U(), i = "validation.required", n = "validation.requiredMessage";
+  const { values: a, handleChange: r } = U(), i = "validation.required", s = "validation.requiredMessage";
   return /* @__PURE__ */ o(I, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       oe,
@@ -2536,9 +2536,9 @@ function ze({ disabled: t }) {
       G,
       {
         disabled: t,
-        value: q(a, n),
+        value: q(a, s),
         label: "Required message",
-        name: n,
+        name: s,
         size: "small",
         onChange: r
       }
@@ -2550,8 +2550,8 @@ function je({
   lowercase: a,
   matches: r,
   max: i,
-  min: n,
-  trim: s,
+  min: s,
+  trim: n,
   uppercase: d,
   disabled: c,
   showErrors: m
@@ -2560,7 +2560,7 @@ function je({
     values: u,
     handleChange: p,
     errors: l
-  } = U(), g = "validation.length", b = "validation.min", f = "validation.max", k = "validation.trim", C = "validation.matches", x = "validation.lowercase", h = "validation.uppercase", y = q(l, C), _ = q(u, C), w = typeof _ == "string" ? _ : xa(_);
+  } = U(), g = "validation.length", b = "validation.min", f = "validation.max", k = "validation.trim", C = "validation.matches", x = "validation.lowercase", h = "validation.uppercase", y = q(l, C), _ = q(u, C), w = typeof _ == "string" ? _ : Ca(_);
   return /* @__PURE__ */ o("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(ze, { disabled: c }),
     /* @__PURE__ */ o("div", { className: "grid grid-cols-12 gap-2 col-span-12", children: [
@@ -2584,7 +2584,7 @@ function je({
           component: de
         }
       ) }),
-      s && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
+      n && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
         oe,
         {
           type: "checkbox",
@@ -2608,7 +2608,7 @@ function je({
           onChange: p
         }
       ) }),
-      n && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
+      s && /* @__PURE__ */ e("div", { className: "col-span-4", children: /* @__PURE__ */ e(
         G,
         {
           value: q(u, b),
@@ -2639,7 +2639,7 @@ function je({
         {
           name: C,
           as: G,
-          validate: (v) => v && !Ca(v),
+          validate: (v) => v && !Oa(v),
           label: "Matches regex",
           size: "small",
           disabled: c,
@@ -2658,20 +2658,20 @@ function Pt({
 }) {
   const {
     values: i,
-    handleChange: n
-  } = U(), s = "validation.min", d = "validation.max";
+    handleChange: s
+  } = U(), n = "validation.min", d = "validation.max";
   return /* @__PURE__ */ o("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(ze, { disabled: r }),
     a && /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       G,
       {
-        value: q(i, s),
+        value: q(i, n),
         disabled: r,
         label: "Min length",
-        name: s,
+        name: n,
         type: "number",
         size: "small",
-        onChange: n
+        onChange: s
       }
     ) }),
     t && /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
@@ -2683,7 +2683,7 @@ function Pt({
         name: d,
         type: "number",
         size: "small",
-        onChange: n
+        onChange: s
       }
     ) })
   ] });
@@ -2698,7 +2698,7 @@ function Ne({
       asField: !0,
       className: "p-4",
       title: /* @__PURE__ */ o("div", { className: "flex flex-row text-gray-500", children: [
-        /* @__PURE__ */ e(Oa, {}),
+        /* @__PURE__ */ e(Na, {}),
         /* @__PURE__ */ e(
           N,
           {
@@ -2717,8 +2717,8 @@ function jt({
   updateIds: a,
   disabled: r,
   showErrors: i,
-  allowDataInference: n,
-  getData: s
+  allowDataInference: s,
+  getData: n
 }) {
   const {
     values: d,
@@ -2727,19 +2727,19 @@ function jt({
     touched: u,
     setFieldError: p,
     setFieldValue: l
-  } = U(), g = lt(), b = t ? "of.enumValues" : "enumValues", f = q(d, "defaultValue"), k = q(d, b), C = Rt(() => !k || typeof k == "boolean" ? [] : Na(k) ?? [], [k]);
+  } = U(), g = lt(), b = t ? "of.enumValues" : "enumValues", f = q(d, "defaultValue"), k = q(d, b), C = Rt(() => !k || typeof k == "boolean" ? [] : Pa(k) ?? [], [k]);
   return /* @__PURE__ */ o(I, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-      hi,
+      gi,
       {
         enumValues: C,
         updateIds: a,
         disabled: r,
-        allowDataInference: n,
+        allowDataInference: s,
         onError: (h) => {
           p(b, h ? "" : void 0);
         },
-        getData: s ? () => s().then((h) => h.map((y) => d.id && q(y, d.id)).filter(Boolean)) : void 0,
+        getData: n ? () => n().then((h) => h.map((y) => d.id && q(y, d.id)).filter(Boolean)) : void 0,
         onValuesChanged: (h) => {
           if (d && (l(b, h), !t)) {
             const y = h.filter((_) => !!_?.id).map((_) => _.id);
@@ -2797,16 +2797,16 @@ function Ft({
 }) {
   const {
     values: i,
-    setFieldValue: n
-  } = U(), s = t ? "of.storage" : "storage", d = `${s}.acceptedFiles`, c = `${s}.fileName`, m = `${s}.storagePath`, u = `${s}.storeUrl`, p = q(i, c) ?? "{rand}_{file}", l = q(i, m) ?? "/", g = q(i, d), b = Array.isArray(g) ? g : void 0, f = !b || b.length === 0, k = (h) => {
-    h ? h.includes("all") || h.length >= Object.keys(Je).length ? n(d, void 0) : f ? n(d, Object.keys(Je).filter((y) => !h.includes(y))) : n(d, h) : n(d, void 0);
+    setFieldValue: s
+  } = U(), n = t ? "of.storage" : "storage", d = `${n}.acceptedFiles`, c = `${n}.fileName`, m = `${n}.storagePath`, u = `${n}.storeUrl`, p = q(i, c) ?? "{rand}_{file}", l = q(i, m) ?? "/", g = q(i, d), b = Array.isArray(g) ? g : void 0, f = !b || b.length === 0, k = (h) => {
+    h ? h.includes("all") || h.length >= Object.keys(Je).length ? s(d, void 0) : f ? s(d, Object.keys(Je).filter((y) => !h.includes(y))) : s(d, h) : s(d, void 0);
   }, C = typeof p == "function", x = typeof l == "function";
   return /* @__PURE__ */ o(I, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       kt,
       {
         title: /* @__PURE__ */ o("div", { className: "flex flex-row text-gray-500", children: [
-          /* @__PURE__ */ e(Pa, {}),
+          /* @__PURE__ */ e(qa, {}),
           /* @__PURE__ */ e(
             N,
             {
@@ -2818,7 +2818,7 @@ function Ft({
         ] }),
         children: /* @__PURE__ */ o("div", { className: "grid grid-cols-12 gap-2 p-4", children: [
           /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ o(
-            qa,
+            Sa,
             {
               disabled: r,
               name: d,
@@ -2849,7 +2849,7 @@ function Ft({
                     {
                       size: "small",
                       variant: "outlined",
-                      onClick: (_) => (_.preventDefault(), _.stopPropagation(), n(d, [h])),
+                      onClick: (_) => (_.preventDefault(), _.stopPropagation(), s(d, [h])),
                       children: "Only"
                     }
                   )
@@ -2922,14 +2922,14 @@ function Ue(t) {
     return a.dataType === "array" && typeof a.of == "function" || a.dataType === "array" && Array.isArray(a.of) ? !1 : !!a.editable;
   }
 }
-function wi(t) {
+function _i(t) {
   return Object.entries(t).filter(([a, r]) => Ue(r)).map(([a, r]) => {
     const i = r;
     if (Ue(i))
       return i.dataType === "map" && i.properties ? {
         [a]: {
           ...i,
-          properties: wi(i.properties)
+          properties: _i(i.properties)
         }
       } : { [a]: i };
   }).filter((a) => !!a).reduce((a, r) => ({ ...a, ...r }), {});
@@ -2939,8 +2939,8 @@ function aa({
   onClick: a,
   hasError: r,
   includeName: i,
-  includeEditButton: n,
-  selected: s
+  includeEditButton: s,
+  selected: n
 }) {
   const { fields: d } = Ae(), c = ct(t, d), m = !Ue(t);
   return /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ o(
@@ -2957,9 +2957,9 @@ function aa({
               "pl-2 w-full flex flex-row gap-4 items-center",
               Yt,
               a ? Ht : "",
-              s ? Gt : "",
+              n ? Gt : "",
               "flex-grow p-4 border transition-colors duration-200",
-              r ? "border-red-500" : s ? "border-blue-500" : "border-transparent"
+              r ? "border-red-500" : n ? "border-blue-500" : "border-transparent"
             ),
             children: [
               /* @__PURE__ */ o("div", { className: "w-full flex flex-col", children: [
@@ -3001,7 +3001,7 @@ function aa({
                   )
                 ] })
               ] }),
-              n && /* @__PURE__ */ e(N, { variant: "button", children: "EDIT" })
+              s && /* @__PURE__ */ e(N, { variant: "button", children: "EDIT" })
             ]
           }
         )
@@ -3009,13 +3009,13 @@ function aa({
     }
   ) });
 }
-function _i({
+function ki({
   name: t,
   selected: a,
   onClick: r,
   property: i
 }) {
-  const { fields: n } = Ae(), s = !ne(i) && i ? ct(i, n) : void 0;
+  const { fields: s } = Ae(), n = !ne(i) && i ? ct(i, s) : void 0;
   return /* @__PURE__ */ o(
     "div",
     {
@@ -3023,12 +3023,12 @@ function _i({
       className: "flex flex-row w-full cursor-pointer",
       children: [
         /* @__PURE__ */ o("div", { className: "relative m-4", children: [
-          s && /* @__PURE__ */ e(Ye, { fieldConfig: s }),
-          !s && /* @__PURE__ */ e(
+          n && /* @__PURE__ */ e(Ye, { fieldConfig: n }),
+          !n && /* @__PURE__ */ e(
             "div",
             {
               className: "h-8 w-8 p-1 rounded-full shadow text-white bg-gray-500",
-              children: /* @__PURE__ */ e(Sa, { color: "inherit", size: "medium" })
+              children: /* @__PURE__ */ e(Aa, { color: "inherit", size: "medium" })
             }
           ),
           /* @__PURE__ */ e(Qt, { color: "disabled", size: "small", className: "absolute -right-2 -top-2" })
@@ -3055,14 +3055,14 @@ function _i({
                 }
               ),
               /* @__PURE__ */ o("div", { className: "flex flex-row items-center", children: [
-                s && /* @__PURE__ */ e(
+                n && /* @__PURE__ */ e(
                   N,
                   {
                     className: "flex-grow pr-2",
                     variant: "body2",
                     component: "span",
                     color: "secondary",
-                    children: s?.name
+                    children: n?.name
                   }
                 ),
                 i && !ne(i) && /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ e(
@@ -3105,21 +3105,21 @@ function dt({
   selectedPropertyKey: a,
   onPropertyClick: r,
   properties: i,
-  propertiesOrder: n,
-  additionalFields: s,
+  propertiesOrder: s,
+  additionalFields: n,
   errors: d,
   onPropertyMove: c,
   onPropertyRemove: m,
   className: u,
   inferredPropertyKeys: p
 }) {
-  const l = n ?? Object.keys(i), g = Z((b) => {
+  const l = s ?? Object.keys(i), g = Z((b) => {
     if (!b.destination)
       return;
     const f = b.source.index, k = b.destination.index, C = Array.from(l), [x] = C.splice(f, 1);
     C.splice(k, 0, x), c && c(C, t);
   }, [t, c, l]);
-  return /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(Xa, { onDragEnd: g, children: /* @__PURE__ */ e(Wa, { droppableId: `droppable_${t}`, children: (b, f) => /* @__PURE__ */ o(
+  return /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(Wa, { onDragEnd: g, children: /* @__PURE__ */ e(ei, { droppableId: `droppable_${t}`, children: (b, f) => /* @__PURE__ */ o(
     "div",
     {
       ...b.droppableProps,
@@ -3127,14 +3127,14 @@ function dt({
       className: u,
       children: [
         l && l.map((k, C) => {
-          const x = i[k], h = s?.find((y) => y.id === k);
+          const x = i[k], h = n?.find((y) => y.id === k);
           return !x && !h ? (console.warn(`Property ${k} not found in properties or additionalFields`), null) : /* @__PURE__ */ e(
-            ei,
+            ti,
             {
               draggableId: `array_field_${t}_${k}}`,
               index: C,
               children: (y, _) => /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ e(
-                ki,
+                xi,
                 {
                   propertyKey: k,
                   propertyOrBuilder: x,
@@ -3158,13 +3158,13 @@ function dt({
     }
   ) }) }) });
 }
-function ki({
+function xi({
   propertyKey: t,
   namespace: a,
   propertyOrBuilder: r,
   additionalField: i,
-  provided: n,
-  selectedPropertyKey: s,
+  provided: s,
+  selectedPropertyKey: n,
   errors: d,
   onPropertyClick: c,
   onPropertyMove: m,
@@ -3178,7 +3178,7 @@ function ki({
     x.dataType === "map" && x.properties && (b = /* @__PURE__ */ e(
       dt,
       {
-        selectedPropertyKey: s,
+        selectedPropertyKey: n,
         namespace: g,
         properties: x.properties,
         propertiesOrder: x.propertiesOrder,
@@ -3189,13 +3189,13 @@ function ki({
       }
     ));
   }
-  const f = g ? q(d, ye(g)) : !1, k = s === g, C = r && Ue(r);
+  const f = g ? q(d, ye(g)) : !1, k = n === g, C = r && Ue(r);
   return /* @__PURE__ */ o(
     "div",
     {
-      ref: n.innerRef,
-      ...n.draggableProps,
-      ...n.dragHandleProps,
+      ref: s.innerRef,
+      ...s.draggableProps,
+      ...s.dragHandleProps,
       className: "relative -ml-8",
       children: [
         b && /* @__PURE__ */ e(
@@ -3219,7 +3219,7 @@ function ki({
             hasError: f
           }
         ) : /* @__PURE__ */ e(
-          _i,
+          ki,
           {
             name: t,
             property: r,
@@ -3235,7 +3235,7 @@ function ki({
               size: "small",
               color: "inherit",
               onClick: () => u(t, a),
-              children: /* @__PURE__ */ e(Aa, { size: "small" })
+              children: /* @__PURE__ */ e(za, { size: "small" })
             }
           ) }),
           m && /* @__PURE__ */ e(le, { title: "Move", children: /* @__PURE__ */ e(
@@ -3243,7 +3243,7 @@ function ki({
             {
               component: "span",
               size: "small",
-              children: /* @__PURE__ */ e(za, { size: "small" })
+              children: /* @__PURE__ */ e(Ta, { size: "small" })
             }
           ) })
         ] }),
@@ -3252,27 +3252,27 @@ function ki({
     }
   );
 }
-function xi({ disabled: t, getData: a, allowDataInference: r, customFields: i }) {
+function Ci({ disabled: t, getData: a, allowDataInference: r, customFields: i }) {
   const {
-    values: n,
-    setFieldValue: s
-  } = U(), [d, c] = Y(!1), [m, u] = Y(), [p, l] = Y(), g = n.propertiesOrder ?? Object.keys(n.properties ?? {}), b = Z(({
+    values: s,
+    setFieldValue: n
+  } = U(), [d, c] = Y(!1), [m, u] = Y(), [p, l] = Y(), g = s.propertiesOrder ?? Object.keys(s.properties ?? {}), b = Z(({
     id: _,
     property: w
   }) => {
     if (!_)
       throw Error();
-    s("properties", {
-      ...n.properties ?? {},
+    n("properties", {
+      ...s.properties ?? {},
       [_]: w
-    }, !1), s("propertiesOrder", [...g, _], !1), c(!1);
-  }, [n.properties, g]), f = Z((_, w) => {
+    }, !1), n("propertiesOrder", [...g, _], !1), c(!1);
+  }, [s.properties, g]), f = Z((_, w) => {
     const v = _ ? re(_, w) : void 0;
     if (!v)
       throw Error("collection editor miss config");
-    const T = ye(v), P = xe(w), V = q(n, P) ?? Object.keys(q(n, ui(w)));
-    s(T, void 0, !1), s(P, V.filter((O) => O !== _), !1), c(!1), u(void 0), l(void 0);
-  }, [s, n]), k = m ? re(m, p) : void 0, C = k ? q(n.properties, k.replaceAll(".", ".properties.")) : void 0, x = /* @__PURE__ */ o(
+    const T = ye(v), P = xe(w), V = q(s, P) ?? Object.keys(q(s, hi(w)));
+    n(T, void 0, !1), n(P, V.filter((O) => O !== _), !1), c(!1), u(void 0), l(void 0);
+  }, [n, s]), k = m ? re(m, p) : void 0, C = k ? q(s.properties, k.replaceAll(".", ".properties.")) : void 0, x = /* @__PURE__ */ o(
     M,
     {
       color: "primary",
@@ -3281,11 +3281,11 @@ function xi({ disabled: t, getData: a, allowDataInference: r, customFields: i })
       startIcon: /* @__PURE__ */ e(Oe, {}),
       children: [
         "Add property to ",
-        n.name ?? "this group"
+        s.name ?? "this group"
       ]
     }
   ), h = !g || g.length < 1, y = Z((_, w) => {
-    s(xe(w), _, !1);
+    n(xe(w), _, !1);
   }, []);
   return /* @__PURE__ */ o(I, { children: [
     /* @__PURE__ */ o("div", { className: "col-span-12", children: [
@@ -3297,7 +3297,7 @@ function xi({ disabled: t, getData: a, allowDataInference: r, customFields: i })
         /* @__PURE__ */ e(
           dt,
           {
-            properties: n.properties ?? {},
+            properties: s.properties ?? {},
             propertiesOrder: g,
             errors: {},
             onPropertyClick: (_, w) => {
@@ -3323,8 +3323,8 @@ function xi({ disabled: t, getData: a, allowDataInference: r, customFields: i })
           position: "start",
           size: "small",
           label: "Spread children as columns",
-          onValueChange: (_) => s("spreadChildren", _),
-          value: n.spreadChildren ?? !1
+          onValueChange: (_) => n("spreadChildren", _),
+          value: s.spreadChildren ?? !1
         }
       ),
       /* @__PURE__ */ e(ee, { children: "Set this flag to true if you want to display the children of this group as individual columns." })
@@ -3357,13 +3357,13 @@ function xi({ disabled: t, getData: a, allowDataInference: r, customFields: i })
     )
   ] });
 }
-function Ci({
+function Oi({
   showErrors: t,
   existing: a,
   disabled: r,
   getData: i,
-  allowDataInference: n,
-  customFields: s
+  allowDataInference: s,
+  customFields: n
 }) {
   const { fields: d } = Ae(), {
     values: c,
@@ -3418,12 +3418,12 @@ function Ci({
                 autoUpdateId: !a,
                 autoOpenTypeSelect: !a,
                 onOkClicked: () => b(!1),
-                allowDataInference: n,
+                allowDataInference: s,
                 property: f,
                 includeIdAndName: !1,
                 onPropertyChanged: C,
                 forceShowErrors: t,
-                customFields: s
+                customFields: n
               }
             )
           ] })
@@ -3433,13 +3433,13 @@ function Ci({
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(Pt, { disabled: r }) }) })
   ] });
 }
-const Oi = R.forwardRef(
+const Ni = R.forwardRef(
   function({
     showErrors: a,
     disabledId: r,
     existingPropertyKeys: i,
-    disabled: n,
-    isNewProperty: s
+    disabled: s,
+    isNewProperty: n
   }, d) {
     const {
       errors: c
@@ -3452,12 +3452,12 @@ const Oi = R.forwardRef(
             inputRef: d,
             name: m,
             as: G,
-            invisible: !s,
+            invisible: !n,
             style: { fontSize: 20 },
-            validate: qi,
+            validate: Si,
             placeholder: "Field name",
             required: !0,
-            disabled: n,
+            disabled: s,
             error: !!u
           }
         ),
@@ -3470,8 +3470,8 @@ const Oi = R.forwardRef(
             name: p,
             as: qe,
             label: "ID",
-            validate: (f) => Pi(f, i),
-            disabled: r || n,
+            validate: (f) => qi(f, i),
+            disabled: r || s,
             required: !0,
             size: "small",
             error: !!l
@@ -3486,7 +3486,7 @@ const Oi = R.forwardRef(
             name: g,
             as: G,
             label: "Description",
-            disabled: n,
+            disabled: s,
             error: !!b
           }
         ),
@@ -3494,21 +3494,21 @@ const Oi = R.forwardRef(
       ] })
     ] });
   }
-), Ni = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
-function Pi(t, a) {
+), Pi = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
+function qi(t, a) {
   let r;
-  return t || (r = "You must specify an id for the field"), t && !t.match(Ni) && (r = "The id can only contain letters, numbers and underscores (_), and not start with a number"), t && a && a.includes(t) && (r = "There is another field with this ID already"), r;
+  return t || (r = "You must specify an id for the field"), t && !t.match(Pi) && (r = "The id can only contain letters, numbers and underscores (_), and not start with a number"), t && a && a.includes(t) && (r = "There is another field with this ID already"), r;
 }
-function qi(t) {
+function Si(t) {
   let a;
   return t || (a = "You must specify a title for the field"), a;
 }
-function Si({
+function Ai({
   widgetId: t,
   disabled: a,
   showErrors: r
 }) {
-  const { values: i, setFieldValue: n } = U();
+  const { values: i, setFieldValue: s } = U();
   return /* @__PURE__ */ o(I, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ o(Ne, { children: [
       t === "text_field" && /* @__PURE__ */ e(
@@ -3577,8 +3577,8 @@ function Si({
       {
         name: "defaultValue",
         disabled: a,
-        onChange: (s) => {
-          n("defaultValue", s.target.value === "" ? void 0 : s.target.value);
+        onChange: (n) => {
+          s("defaultValue", n.target.value === "" ? void 0 : n.target.value);
         },
         label: "Default value",
         value: q(i, "defaultValue") ?? ""
@@ -3586,7 +3586,7 @@ function Si({
     ) })
   ] });
 }
-function Ai({ disabled: t }) {
+function zi({ disabled: t }) {
   const { values: a } = U(), r = q(a, "defaultValue");
   return /* @__PURE__ */ o(I, { children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(ze, { disabled: t }) }) }),
@@ -3603,28 +3603,28 @@ function Ai({ disabled: t }) {
     ) })
   ] });
 }
-function zi({ disabled: t, getData: a, allowDataInference: r, customFields: i }) {
+function Ti({ disabled: t, getData: a, allowDataInference: r, customFields: i }) {
   const {
-    values: n,
-    setFieldValue: s
+    values: s,
+    setFieldValue: n
   } = U(), [d, c] = Y(!1), [m, u] = Y(), [p, l] = Y(), g = Z(({
     id: h,
     property: y
   }) => {
     if (!h)
       throw Error();
-    s("oneOf.properties", {
-      ...n.oneOf?.properties ?? {},
+    n("oneOf.properties", {
+      ...s.oneOf?.properties ?? {},
       [h]: y
-    }, !1), s("oneOf.propertiesOrder", [...n.oneOf?.propertiesOrder ?? Object.keys(n.oneOf?.properties ?? {}), h], !1), c(!1);
-  }, [n.oneOf?.properties, n.oneOf?.propertiesOrder]), b = m ? re(m, p) : void 0, f = b ? q(n.oneOf?.properties, b.replaceAll(".", ".properties.")) : void 0, k = Z((h, y) => {
+    }, !1), n("oneOf.propertiesOrder", [...s.oneOf?.propertiesOrder ?? Object.keys(s.oneOf?.properties ?? {}), h], !1), c(!1);
+  }, [s.oneOf?.properties, s.oneOf?.propertiesOrder]), b = m ? re(m, p) : void 0, f = b ? q(s.oneOf?.properties, b.replaceAll(".", ".properties.")) : void 0, k = Z((h, y) => {
     const _ = h ? re(h, y) : void 0;
     if (!_)
       throw Error("collection editor miss config");
-    s(`oneOf.${ye(_)}`, void 0, !1);
-    const w = `oneOf.${xe(y)}`, v = q(n, w);
-    s(w, v.filter((T) => T !== h), !1), c(!1), u(void 0), l(void 0);
-  }, [s, n]), C = /* @__PURE__ */ o(
+    n(`oneOf.${ye(_)}`, void 0, !1);
+    const w = `oneOf.${xe(y)}`, v = q(s, w);
+    n(w, v.filter((T) => T !== h), !1), c(!1), u(void 0), l(void 0);
+  }, [n, s]), C = /* @__PURE__ */ o(
     M,
     {
       autoFocus: !0,
@@ -3633,11 +3633,11 @@ function zi({ disabled: t, getData: a, allowDataInference: r, customFields: i })
       startIcon: /* @__PURE__ */ e(Oe, {}),
       children: [
         "Add property to ",
-        n.name ?? "this block"
+        s.name ?? "this block"
       ]
     }
   ), x = Z((h, y) => {
-    s(`oneOf.${xe(y)}`, h, !1);
+    n(`oneOf.${xe(y)}`, h, !1);
   }, []);
   return /* @__PURE__ */ o(I, { children: [
     /* @__PURE__ */ o("div", { className: "col-span-12", children: [
@@ -3649,8 +3649,8 @@ function zi({ disabled: t, getData: a, allowDataInference: r, customFields: i })
         /* @__PURE__ */ e(
           dt,
           {
-            properties: n.oneOf?.properties ?? {},
-            propertiesOrder: n.oneOf?.propertiesOrder,
+            properties: s.oneOf?.properties ?? {},
+            propertiesOrder: s.oneOf?.propertiesOrder,
             errors: {},
             onPropertyClick: t ? void 0 : (h, y) => {
               u(h), l(y), c(!0);
@@ -3658,7 +3658,7 @@ function zi({ disabled: t, getData: a, allowDataInference: r, customFields: i })
             onPropertyMove: t ? void 0 : x
           }
         ),
-        !t && !n.oneOf?.propertiesOrder?.length && /* @__PURE__ */ e("div", { className: "h-full flex items-center justify-center p-4", children: "Add the first property to this block" })
+        !t && !s.oneOf?.propertiesOrder?.length && /* @__PURE__ */ e("div", { className: "h-full flex items-center justify-center p-4", children: "Add the first property to this block" })
       ] })
     ] }),
     !t && /* @__PURE__ */ e(
@@ -3683,17 +3683,17 @@ function zi({ disabled: t, getData: a, allowDataInference: r, customFields: i })
         autoUpdateId: !m,
         autoOpenTypeSelect: !m,
         onPropertyChanged: g,
-        existingPropertyKeys: m ? void 0 : n.oneOf?.propertiesOrder,
+        existingPropertyKeys: m ? void 0 : s.oneOf?.propertiesOrder,
         customFields: i
       }
     )
   ] });
 }
-function Ti({ disabled: t }) {
+function Vi({ disabled: t }) {
   const {
     values: a,
     handleChange: r
-  } = U(), i = "validation.min", n = "validation.max", s = "validation.lessThan", d = "validation.moreThan", c = "validation.positive", m = "validation.negative", u = "validation.integer";
+  } = U(), i = "validation.min", s = "validation.max", n = "validation.lessThan", d = "validation.moreThan", c = "validation.positive", m = "validation.negative", u = "validation.integer";
   return /* @__PURE__ */ o("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e(ze, { disabled: t }),
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
@@ -3711,9 +3711,9 @@ function Ti({ disabled: t }) {
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       G,
       {
-        value: q(a, n),
+        value: q(a, s),
         label: "Max value",
-        name: n,
+        name: s,
         type: "number",
         size: "small",
         disabled: t,
@@ -3723,9 +3723,9 @@ function Ti({ disabled: t }) {
     /* @__PURE__ */ e("div", { className: "col-span-6", children: /* @__PURE__ */ e(
       G,
       {
-        value: q(a, s),
+        value: q(a, n),
         label: "Less than",
-        name: s,
+        name: n,
         type: "number",
         size: "small",
         disabled: t,
@@ -3776,10 +3776,10 @@ function Ti({ disabled: t }) {
     ) })
   ] });
 }
-function Vi({ disabled: t }) {
+function ji({ disabled: t }) {
   const { values: a, setFieldValue: r } = U();
   return /* @__PURE__ */ o(I, { children: [
-    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(Ti, { disabled: t }) }) }),
+    /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(Vi, { disabled: t }) }) }),
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       qe,
       {
@@ -3802,8 +3802,8 @@ function Et({
   showErrors: i
 }) {
   const {
-    values: n,
-    handleChange: s,
+    values: s,
+    handleChange: n,
     errors: d,
     touched: c,
     setFieldError: m,
@@ -3811,7 +3811,7 @@ function Et({
   } = U();
   if (!Ie())
     return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e($e, {}) });
-  const l = a ? "of.path" : "path", g = q(n, l), b = i && q(d, l);
+  const l = a ? "of.path" : "path", g = q(s, l), b = i && q(d, l);
   return console.log("pathError", d, b), /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
     me,
     {
@@ -3819,28 +3819,28 @@ function Et({
       name: l,
       pathPath: l,
       type: "select",
-      validate: ji,
+      validate: Fi,
       disabled: t || r,
       value: g,
       error: b,
-      handleChange: s,
-      component: Fi
+      handleChange: n,
+      component: Ei
     }
   ) }) });
 }
-function ji(t) {
+function Fi(t) {
   let a;
   return t || (a = "You must specify a target collection for the field"), a;
 }
-function Fi({
+function Ei({
   disabled: t,
   pathPath: a,
   value: r,
   handleChange: i,
-  error: n,
-  ...s
+  error: s,
+  ...n
 }) {
-  console.log("error", n);
+  console.log("error", s);
   const d = Ie();
   if (!d)
     return /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e($e, {}) });
@@ -3851,7 +3851,7 @@ function Fi({
     /* @__PURE__ */ o(
       Se,
       {
-        error: !!n,
+        error: !!s,
         disabled: t,
         value: r ?? "",
         position: "item-aligned",
@@ -3875,7 +3875,7 @@ function Fi({
             )
           ] });
         },
-        ...s,
+        ...n,
         children: [
           m.flatMap((p) => /* @__PURE__ */ e(
             At,
@@ -3932,22 +3932,22 @@ function Fi({
     /* @__PURE__ */ e(ee, { children: "You can only edit the reference collection upon field creation." })
   ] });
 }
-function Ei({ disabled: t }) {
+function Ii({ disabled: t }) {
   const {
     values: a,
     errors: r,
     touched: i,
-    setFieldValue: n
-  } = U(), s = "mode", d = q(a, s), c = q(i, s) && q(r, s), m = "autoValue", u = q(a, m), p = q(i, m) && q(r, m);
+    setFieldValue: s
+  } = U(), n = "mode", d = q(a, n), c = q(i, n) && q(r, n), m = "autoValue", u = q(a, m), p = q(i, m) && q(r, m);
   return /* @__PURE__ */ o(I, { children: [
     /* @__PURE__ */ o("div", { className: "flex flex-col col-span-12", children: [
       /* @__PURE__ */ o(
         Se,
         {
-          name: s,
+          name: n,
           value: d ?? "date",
           error: !!c,
-          onValueChange: (l) => n(s, l),
+          onValueChange: (l) => s(n, l),
           label: "Mode",
           renderValue: (l) => {
             switch (l) {
@@ -3973,7 +3973,7 @@ function Ei({ disabled: t }) {
           name: m,
           disabled: t,
           value: u ?? "",
-          onValueChange: (l) => n(m, l),
+          onValueChange: (l) => s(m, l),
           renderValue: (l) => {
             switch (l) {
               case "on_create":
@@ -3998,7 +3998,7 @@ function Ei({ disabled: t }) {
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(ze, { disabled: t }) }) })
   ] });
 }
-function Ii({ disabled: t }) {
+function Bi({ disabled: t }) {
   return U(), /* @__PURE__ */ o("div", { className: "grid grid-cols-12 gap-2", children: [
     /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
       oe,
@@ -4024,7 +4024,7 @@ function Ii({ disabled: t }) {
     ) })
   ] });
 }
-function Bi({ disabled: t }) {
+function Mi({ disabled: t }) {
   return /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(ze, { disabled: t }) }) }) });
 }
 function ia(t, a, r) {
@@ -4275,8 +4275,8 @@ const oa = R.memo(
     includeIdAndName: a = !0,
     autoOpenTypeSelect: r,
     existing: i,
-    autoUpdateId: n,
-    inArray: s,
+    autoUpdateId: s,
+    inArray: n,
     propertyKey: d,
     propertyNamespace: c,
     property: m,
@@ -4330,7 +4330,7 @@ const oa = R.memo(
         children: (P) => (se(() => {
           x?.(P);
         }, [P]), /* @__PURE__ */ e(
-          Mi,
+          Di,
           {
             onPropertyChanged: p ? T : void 0,
             onDelete: l,
@@ -4339,8 +4339,8 @@ const oa = R.memo(
             onError: g,
             showErrors: f || P.submitCount > 0,
             existing: i,
-            autoUpdateId: n,
-            inArray: s,
+            autoUpdateId: s,
+            inArray: n,
             autoOpenTypeSelect: r,
             existingPropertyKeys: k,
             disabled: w,
@@ -4361,8 +4361,8 @@ function Fe({
   onCancel: a,
   onOkClicked: r,
   onPropertyChanged: i,
-  getData: n,
-  ...s
+  getData: s,
+  ...n
 }) {
   const d = Re();
   return /* @__PURE__ */ e(
@@ -4375,7 +4375,7 @@ function Fe({
         /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(
           oa,
           {
-            ...s,
+            ...n,
             onPropertyChanged: (m) => {
               i?.(m), r?.();
             },
@@ -4383,7 +4383,7 @@ function Fe({
             getHelpers: (m) => {
               d.current = m;
             },
-            getData: n
+            getData: s
           }
         ) }),
         /* @__PURE__ */ o(Ke, { children: [
@@ -4411,13 +4411,13 @@ function Fe({
     }
   );
 }
-function Mi({
+function Di({
   values: t,
   errors: a,
   touched: r,
   setValues: i,
-  setFieldValue: n,
-  existing: s,
+  setFieldValue: s,
+  existing: n,
   autoUpdateId: d = !1,
   autoOpenTypeSelect: c,
   includeIdAndTitle: m,
@@ -4433,9 +4433,9 @@ function Mi({
   allowDataInference: h,
   customFields: y
 }) {
-  const [_, w] = Y(!1), [v, T] = Y(t?.dataType ? Zt(t) : void 0), P = Object.entries(y).concat(Object.entries(_t)), V = k ? P.filter(([Q, J]) => !ne(J.property) && J.property?.dataType !== "array") : P, O = ha(t), F = Re(null), ue = Re(t), Pe = "id", A = b && q(a, "selectedWidget");
+  const [_, w] = Y(!1), [v, T] = Y(t?.dataType ? Zt(t) : void 0), P = Object.entries(y).concat(Object.entries(_t)), V = k ? P.filter(([Q, J]) => !ne(J.property) && J.property?.dataType !== "array") : P, O = ga(t), F = Re(null), ue = Re(t), Pe = "id", z = b && q(a, "selectedWidget");
   se(() => {
-    !q(r, Pe) && d && t?.name && n(Pe, Kt(t.name));
+    !q(r, Pe) && d && t?.name && s(Pe, Kt(t.name));
   }, [d, r, t?.name]), se(() => {
     if (u && (!m || O.id)) {
       const {
@@ -4458,7 +4458,7 @@ function Mi({
   };
   let H;
   return v === "text_field" || v === "multiline" || v === "markdown" || v === "url" || v === "email" ? H = /* @__PURE__ */ e(
-    Si,
+    Ai,
     {
       widgetId: v,
       disabled: f,
@@ -4469,7 +4469,7 @@ function Mi({
     {
       multiselect: !1,
       allowDataInference: h,
-      updateIds: !s,
+      updateIds: !n,
       disabled: f,
       getData: x,
       showErrors: b
@@ -4478,7 +4478,7 @@ function Mi({
     jt,
     {
       multiselect: !0,
-      updateIds: !s,
+      updateIds: !n,
       disabled: f,
       allowDataInference: h,
       getData: x,
@@ -4487,45 +4487,45 @@ function Mi({
   ) : v === "file_upload" ? H = /* @__PURE__ */ e(
     Ft,
     {
-      existing: s,
+      existing: n,
       multiple: !1,
       disabled: f
     }
   ) : v === "multi_file_upload" ? H = /* @__PURE__ */ e(
     Ft,
     {
-      existing: s,
+      existing: n,
       multiple: !0,
       disabled: f
     }
-  ) : v === "switch" ? H = /* @__PURE__ */ e(Ai, { disabled: f }) : v === "number_input" ? H = /* @__PURE__ */ e(Vi, { disabled: f }) : v === "group" ? H = /* @__PURE__ */ e(xi, { disabled: f, getData: x, allowDataInference: h, customFields: y }) : v === "block" ? H = /* @__PURE__ */ e(zi, { disabled: f, getData: x, allowDataInference: h, customFields: y }) : v === "reference" ? H = /* @__PURE__ */ e(
+  ) : v === "switch" ? H = /* @__PURE__ */ e(zi, { disabled: f }) : v === "number_input" ? H = /* @__PURE__ */ e(ji, { disabled: f }) : v === "group" ? H = /* @__PURE__ */ e(Ci, { disabled: f, getData: x, allowDataInference: h, customFields: y }) : v === "block" ? H = /* @__PURE__ */ e(Ti, { disabled: f, getData: x, allowDataInference: h, customFields: y }) : v === "reference" ? H = /* @__PURE__ */ e(
     Et,
     {
       showErrors: b,
-      existing: s,
+      existing: n,
       multiple: !1,
       disabled: f
     }
-  ) : v === "date_time" ? H = /* @__PURE__ */ e(Ei, { disabled: f }) : v === "multi_references" ? H = /* @__PURE__ */ e(
+  ) : v === "date_time" ? H = /* @__PURE__ */ e(Ii, { disabled: f }) : v === "multi_references" ? H = /* @__PURE__ */ e(
     Et,
     {
       showErrors: b,
-      existing: s,
+      existing: n,
       multiple: !0,
       disabled: f
     }
   ) : v === "repeat" ? H = /* @__PURE__ */ e(
-    Ci,
+    Oi,
     {
       showErrors: b,
-      existing: s,
+      existing: n,
       getData: x,
       allowDataInference: h,
       disabled: f,
       customFields: y
     }
-  ) : v === "key_value" ? H = /* @__PURE__ */ e(Bi, { disabled: f }) : H = null, /* @__PURE__ */ o(I, { children: [
-    f && /* @__PURE__ */ o(Ta, { mode: "warn", children: [
+  ) : v === "key_value" ? H = /* @__PURE__ */ e(Mi, { disabled: f }) : H = null, /* @__PURE__ */ o(I, { children: [
+    f && /* @__PURE__ */ o(Va, { mode: "warn", children: [
       /* @__PURE__ */ e(N, { children: "This property can't be edited" }),
       /* @__PURE__ */ o(N, { variant: "caption", children: [
         "You may not have permission to edit it or it is defined in code with no ",
@@ -4538,7 +4538,7 @@ function Mi({
         Se,
         {
           className: "w-full",
-          error: !!A,
+          error: !!z,
           value: v ?? "",
           placeholder: "Select a property widget",
           open: c,
@@ -4547,7 +4547,7 @@ function Mi({
           renderValue: (Q) => {
             if (!Q)
               return /* @__PURE__ */ e("em", { children: "Select a property widget" });
-            const J = Q, X = _t[J] ?? y[J], we = X.property, he = ne(we) || s && we.dataType !== t?.dataType;
+            const J = Q, X = _t[J] ?? y[J], we = X.property, he = ne(we) || n && we.dataType !== t?.dataType;
             return /* @__PURE__ */ o(
               "div",
               {
@@ -4579,21 +4579,21 @@ function Mi({
             B(Q);
           },
           children: V.map(([Q, J]) => {
-            const X = J.property, we = s && !ne(X) && X.dataType !== t?.dataType;
+            const X = J.property, we = n && !ne(X) && X.dataType !== t?.dataType;
             return /* @__PURE__ */ e(
               ra,
               {
                 value: Q,
                 optionDisabled: we,
                 fieldConfig: J,
-                existing: s
+                existing: n
               },
               Q
             );
           })
         }
       ),
-      A && /* @__PURE__ */ e(N, { variant: "caption", color: "error", children: "Required" }),
+      z && /* @__PURE__ */ e(N, { variant: "caption", color: "error", children: "Required" }),
       p && t?.id && /* @__PURE__ */ e(
         pe,
         {
@@ -4607,18 +4607,18 @@ function Mi({
     ] }),
     /* @__PURE__ */ o("div", { className: "grid grid-cols-12 gap-y-12 mt-8 mb-8", children: [
       m && /* @__PURE__ */ e(
-        Oi,
+        Ni,
         {
           showErrors: b,
-          disabledId: s,
-          isNewProperty: !s,
+          disabledId: n,
+          isNewProperty: !n,
           existingPropertyKeys: C,
           disabled: f,
           ref: F
         }
       ),
       H,
-      /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Ii, { disabled: f }) })
+      /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(Bi, { disabled: f }) })
     ] }),
     p && /* @__PURE__ */ e(
       rt,
@@ -4636,13 +4636,13 @@ function Mi({
     )
   ] });
 }
-function Di({
+function Ri({
   showErrors: t,
   isNewCollection: a,
   propertyErrorsRef: r,
   onPropertyError: i,
-  setDirty: n,
-  reservedGroups: s,
+  setDirty: s,
+  reservedGroups: n,
   extraIcon: d,
   getUser: c,
   getData: m,
@@ -4656,20 +4656,20 @@ function Di({
     setFieldTouched: f,
     errors: k,
     dirty: C
-  } = U(), x = lt(), h = Va("lg"), y = !h, [_, w] = Y(), [v, T] = Y(), [P, V] = Y(), O = v ? re(v, P) : void 0, F = O ? q(l.properties, O.replaceAll(".", ".properties.")) : void 0, [ue, Pe] = Y(!1), [A, B] = Y(!1), [H, Q] = Y([]), J = R.useRef(l.propertiesOrder ? { "": l.propertiesOrder } : {});
+  } = U(), x = lt(), h = ja("lg"), y = !h, [_, w] = Y(), [v, T] = Y(), [P, V] = Y(), O = v ? re(v, P) : void 0, F = O ? q(l.properties, O.replaceAll(".", ".properties.")) : void 0, [ue, Pe] = Y(!1), [z, B] = Y(!1), [H, Q] = Y([]), J = R.useRef(l.propertiesOrder ? { "": l.propertiesOrder } : {});
   se(() => {
-    n && n(C);
+    s && s(C);
   }, [C]);
   const X = u ? () => {
-    u && (Pe(!0), u(l).then((z) => {
-      if (!z) {
+    u && (Pe(!0), u(l).then((A) => {
+      if (A && na(A.properties), console.log("newCollection", A), !A) {
         x.open({
           type: "error",
           message: "Could not infer properties from data"
         });
         return;
       }
-      const j = Object.keys(z.properties).filter((ie) => !l.properties[ie]);
+      const j = Object.keys(A.properties).filter((ie) => !l.properties[ie]);
       if (j.length === 0) {
         x.open({
           type: "info",
@@ -4678,7 +4678,7 @@ function Di({
         return;
       }
       const E = {
-        ...j.reduce((ie, ge) => (ie[ge] = z.properties[ge], ie), {}),
+        ...j.reduce((ie, ge) => (ie[ge] = A.properties[ge], ie), {}),
         ...l.properties
       }, ae = [
         ...j,
@@ -4688,59 +4688,59 @@ function Di({
     }).finally(() => {
       Pe(!1);
     }));
-  } : void 0, we = (z) => z ? J.current[z] ?? q(l, xe(z)) : J.current[""], he = (z, j) => {
+  } : void 0, we = (A) => A ? J.current[A] ?? q(l, xe(A)) : J.current[""], he = (A, j) => {
     const E = xe(j);
-    g(E, z, !1), J.current[j ?? ""] = z;
-  }, _e = (z, j) => {
-    const E = z ? re(z, j) : void 0;
+    g(E, A, !1), J.current[j ?? ""] = A;
+  }, _e = (A, j) => {
+    const E = A ? re(A, j) : void 0;
     if (!E)
       throw Error("collection editor miss config");
     g(ye(E), void 0, !1);
-    const ie = we(j).filter((ge) => ge !== z);
+    const ie = we(j).filter((ge) => ge !== A);
     he(ie, j), B(!1), w(void 0), T(void 0), V(void 0);
-  }, mt = (z, j) => {
-    g(xe(j), z, !1);
+  }, mt = (A, j) => {
+    g(xe(j), A, !1);
   }, Be = ({
-    id: z,
+    id: A,
     property: j
   }) => {
     if (console.log("onPropertyCreated", {
-      id: z,
+      id: A,
       property: j
-    }), !z)
+    }), !A)
       throw Error("Need to include an ID when creating a new property");
     g("properties", {
       ...l.properties ?? {},
-      [z]: j
+      [A]: j
     }, !1);
-    const E = [...l.propertiesOrder ?? Object.keys(l.properties), z];
+    const E = [...l.propertiesOrder ?? Object.keys(l.properties), A];
     console.log("onPropertyCreated", {
-      id: z,
+      id: A,
       property: j,
       newPropertiesOrder: E
-    }), he(E), B(!1), h && (w(E.indexOf(z)), T(z)), V(void 0);
+    }), he(E), B(!1), h && (w(E.indexOf(A)), T(A)), V(void 0);
   }, Te = ({
-    id: z,
+    id: A,
     property: j,
     previousId: E,
     namespace: ae
   }) => {
-    const ie = z ? re(z, ae) : void 0, ge = ie ? ye(ie) : void 0;
-    if (E && E !== z) {
-      const ht = re(E, ae), Qe = ye(ht), Me = we(ae).map((ce) => ce === E ? z : ce).filter((ce) => ce !== void 0);
-      he(Me, ae), z && (w(Me.indexOf(z)), T(z)), g(Qe, void 0, !1), f(Qe, !1, !1);
+    const ie = A ? re(A, ae) : void 0, ge = ie ? ye(ie) : void 0;
+    if (E && E !== A) {
+      const ht = re(E, ae), Qe = ye(ht), Me = we(ae).map((ce) => ce === E ? A : ce).filter((ce) => ce !== void 0);
+      he(Me, ae), A && (w(Me.indexOf(A)), T(A)), g(Qe, void 0, !1), f(Qe, !1, !1);
     }
     ge && (g(ge, j, !1), f(ge, !0, !1));
-  }, te = (z, j, E) => {
-    const ae = z ? re(z, j) : void 0;
+  }, te = (A, j, E) => {
+    const ae = A ? re(A, j) : void 0;
     if (console.warn("onPropertyErrorInternal", {
-      id: z,
+      id: A,
       namespace: j,
       error: E,
       propertyPath: ae
     }), ae) {
       const ie = E && Object.keys(E).length > 0;
-      i(z, j, ie ? E : void 0), b(ye(ae), ie ? "Property error" : void 0);
+      i(A, j, ie ? E : void 0), b(ye(ae), ie ? "Property error" : void 0);
     }
   }, Ve = () => {
     w(void 0), T(void 0);
@@ -4804,8 +4804,8 @@ function Di({
         dt,
         {
           className: "pl-8",
-          onPropertyClick: (z, j) => {
-            w(S.indexOf(z)), T(z), V(j);
+          onPropertyClick: (A, j) => {
+            w(S.indexOf(A)), T(A), V(j);
           },
           inferredPropertyKeys: H,
           selectedPropertyKey: v ? re(v, P) : void 0,
@@ -4895,7 +4895,7 @@ function Di({
         autoOpenTypeSelect: !0,
         autoUpdateId: !0,
         forceShowErrors: t,
-        open: A,
+        open: z,
         onCancel: () => B(!1),
         onPropertyChanged: Be,
         getData: m,
@@ -4906,23 +4906,29 @@ function Di({
     )
   ] });
 }
-function Ri({
+function na(t) {
+  Object.keys(t).forEach((a) => {
+    const r = t[a];
+    r.editable = !0, r.dataType === "map" && r.properties && na(r.properties);
+  });
+}
+function Ui({
   open: t,
   handleOk: a,
   handleCancel: r,
   body: i,
-  title: n
+  title: s
 }) {
   return /* @__PURE__ */ o(
     Ee,
     {
       open: t,
-      onOpenChange: (s) => s ? r() : a(),
+      onOpenChange: (n) => n ? r() : a(),
       "aria-labelledby": "alert-dialog-title",
       "aria-describedby": "alert-dialog-description",
       children: [
         /* @__PURE__ */ o(Le, { children: [
-          /* @__PURE__ */ e(N, { variant: "h6", children: n ?? "Unsaved changes" }),
+          /* @__PURE__ */ e(N, { variant: "h6", children: s ?? "Unsaved changes" }),
           i && /* @__PURE__ */ e(N, { children: i }),
           /* @__PURE__ */ e(N, { children: "Are you sure?" })
         ] }),
@@ -4934,7 +4940,7 @@ function Ri({
     }
   );
 }
-function Ui({ open: t, onClose: a }) {
+function $i({ open: t, onClose: a }) {
   const { entityViews: r } = Ae();
   return /* @__PURE__ */ o(
     Ee,
@@ -4965,18 +4971,18 @@ function Ui({ open: t, onClose: a }) {
     }
   );
 }
-function $i({
+function Li({
   collection: t,
   parentCollection: a,
   configController: r,
   collectionInference: i,
-  getUser: n,
-  parentPathSegments: s
+  getUser: s,
+  parentPathSegments: n
 }) {
   const { entityViews: d } = Ae(), [c, m] = R.useState(), [u, p] = R.useState(!1), [l, g] = R.useState(), [b, f] = R.useState(), {
     values: k,
     setFieldValue: C
-  } = U(), x = t.subcollections ?? [], h = k.entityViews?.filter((w) => typeof w == "string").map((w) => ja(w, d)).filter(Boolean) ?? [], y = t.entityViews?.filter((w) => typeof w != "string") ?? [], _ = h.length + y.length;
+  } = U(), x = t.subcollections ?? [], h = k.entityViews?.filter((w) => typeof w == "string").map((w) => Fa(w, d)).filter(Boolean) ?? [], y = t.entityViews?.filter((w) => typeof w != "string") ?? [], _ = h.length + y.length;
   return /* @__PURE__ */ o("div", { className: "overflow-auto my-auto", children: [
     /* @__PURE__ */ e(ot, { maxWidth: "2xl", className: "flex flex-col gap-4 p-8 m-auto", children: /* @__PURE__ */ o("div", { className: "flex  flex-col gap-16", children: [
       /* @__PURE__ */ o("div", { className: "flex-grow flex flex-col gap-4 items-start", children: [
@@ -5097,7 +5103,7 @@ function $i({
         onAccept: () => {
           r.deleteCollection({
             path: c,
-            parentPathSegments: [...s ?? [], t.path]
+            parentPathSegments: [...n ?? [], t.path]
           }), m(void 0);
         },
         onCancel: () => m(void 0),
@@ -5126,23 +5132,23 @@ function $i({
       }
     ),
     /* @__PURE__ */ e(
-      sa,
+      la,
       {
         open: !!b,
         configController: r,
         parentCollection: t,
         collectionInference: i,
-        parentPathSegments: [...s ?? [], k.path],
+        parentPathSegments: [...n ?? [], k.path],
         isNewCollection: !1,
         ...b,
-        getUser: n,
+        getUser: s,
         handleClose: () => {
           f(void 0);
         }
       }
     ),
     /* @__PURE__ */ e(
-      Ui,
+      $i,
       {
         open: u,
         onClose: (w) => {
@@ -5381,20 +5387,20 @@ const It = Ct({
     }
   }
 });
-function Li({
+function Ki({
   path: t,
   pathSuggestions: a,
   parentCollection: r,
   onContinue: i,
-  collections: n
+  collections: s
 }) {
-  const [s, d] = Y(!1), [c, m] = Y();
+  const [n, d] = Y(!1), [c, m] = Y();
   se(() => {
-    a && n && (d(!0), a(t).then((h) => {
-      const y = h.filter((_) => !n.find((w) => w.path.trim().toLowerCase() === _.trim().toLowerCase()));
+    a && s && (d(!0), a(t).then((h) => {
+      const y = h.filter((_) => !s.find((w) => w.path.trim().toLowerCase() === _.trim().toLowerCase()));
       m(y);
     }).finally(() => d(!1)));
-  }, [n, t, a]);
+  }, [s, t, a]);
   const {
     values: u,
     setFieldValue: p,
@@ -5428,7 +5434,7 @@ function Li({
         }
       ),
       /* @__PURE__ */ o("div", { className: "flex flex-wrap gap-x-2 gap-y-1 items-center my-2 min-h-7", children: [
-        s && !c && /* @__PURE__ */ e($e, { size: "small" }),
+        n && !c && /* @__PURE__ */ e($e, { size: "small" }),
         c?.map((h, y) => /* @__PURE__ */ e(
           at,
           {
@@ -5441,7 +5447,7 @@ function Li({
           },
           h
         )),
-        !s && c?.length === 0 && /* @__PURE__ */ e(N, { variant: "caption", children: "No suggestions" })
+        !n && c?.length === 0 && /* @__PURE__ */ e(N, { variant: "caption", children: "No suggestions" })
       ] })
     ] }),
     /* @__PURE__ */ o("div", { className: "my-2", children: [
@@ -5499,7 +5505,7 @@ function Li({
           children: "● Create a collection from a file (csv, json, xls, xslx...)"
         }
       ),
-      /* @__PURE__ */ e(ti, { onDataAdded: (h) => i(h) })
+      /* @__PURE__ */ e(ai, { onDataAdded: (h) => i(h) })
     ] }),
     /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(M, { variant: "text", onClick: () => i(), className: "my-2", children: "Continue from scratch" }) })
   ] }) });
@@ -5535,7 +5541,7 @@ function yt({
     }
   ) });
 }
-const Ki = [
+const Yi = [
   "text_field",
   "multiline",
   "markdown",
@@ -5556,17 +5562,24 @@ const Ki = [
   "date_time",
   "repeat",
   "block"
-], Yi = Object.entries(_t).filter(
-  ([t]) => Ki.includes(t)
+], Hi = Object.entries(_t).filter(
+  ([t]) => Yi.includes(t)
 );
-function Hi({ importConfig: t, customFields: a }) {
-  const { setFieldValue: r, setFieldTouched: i, values: n } = U(), [s, d] = Y(void 0), c = R.useRef(n.propertiesOrder ? { "": n.propertiesOrder } : {}), m = s ? s.id : void 0, u = s || void 0, p = ({
+function Gi({
+  importConfig: t,
+  customFields: a
+}) {
+  const {
+    setFieldValue: r,
+    setFieldTouched: i,
+    values: s
+  } = U(), [n, d] = Y(void 0), c = R.useRef(s.propertiesOrder ? { "": s.propertiesOrder } : {}), m = n ? n.id : void 0, u = n || void 0, p = ({
     id: g,
     property: b,
     previousId: f,
     namespace: k
   }) => {
-    const C = g ? re(g, k) : void 0, x = C ? ye(C) : void 0, h = (_) => _ ? c.current[_] ?? q(n, xe(_)) : c.current[""], y = (_, w) => {
+    const C = g ? re(g, k) : void 0, x = C ? ye(C) : void 0, h = (_) => _ ? c.current[_] ?? q(s, xe(_)) : c.current[""], y = (_, w) => {
       const v = xe(w);
       r(v, _, !1), c.current[w ?? ""] = _;
     };
@@ -5585,35 +5598,52 @@ function Hi({ importConfig: t, customFields: a }) {
     property: f,
     namespace: k
   }) => {
-    const C = g ? re(g, k) : void 0, x = C ? ye(C) : void 0, h = t.importData.map((_) => q(_, b)), y = Za(h, f, ea);
-    x && (y ? (console.log("updating inferredNewProperty", { property: f, inferredNewProperty: y }), r(x, y, !1)) : r(x, f, !1), i(x, !0, !1));
+    const C = g ? re(g, k) : void 0, x = C ? ye(C) : void 0, h = t.importData.map((_) => q(_, b)), y = {
+      ...Ja(h, f, ea),
+      editable: !0
+    };
+    x && (y ? (console.log("updating inferredNewProperty", {
+      property: f,
+      inferredNewProperty: y
+    }), r(x, y, !1)) : r(x, f, !1), i(x, !0, !1));
   };
   return /* @__PURE__ */ o("div", { className: "overflow-auto my-auto bg-gray-50 dark:bg-gray-900", children: [
     /* @__PURE__ */ o(ot, { maxWidth: "6xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
       /* @__PURE__ */ e(N, { variant: "h6", className: "mt-4", children: "Data property mapping" }),
       /* @__PURE__ */ e(
-        ai,
+        ii,
         {
           headersMapping: t.headersMapping,
           idColumn: t.idColumn,
           originProperties: t.originProperties,
-          destinationProperties: n.properties,
+          destinationProperties: s.properties,
           onIdPropertyChanged: (g) => t.setIdColumn(g),
-          buildPropertyView: ({ property: g, propertyKey: b, importKey: f }) => /* @__PURE__ */ e(
-            ii,
+          buildPropertyView: ({
+            property: g,
+            propertyKey: b,
+            importKey: f
+          }) => /* @__PURE__ */ e(
+            ri,
             {
               property: g,
               propertyKey: b,
               onPropertyNameChanged: (k, C) => r(`properties.${k}.name`, C, !1),
               onEditClick: () => {
-                !b || !g || d({ ...g, id: b, editable: !0 });
+                !b || !g || d({
+                  ...g,
+                  id: b,
+                  editable: !0
+                });
               },
               propertyTypeView: /* @__PURE__ */ e(
-                Gi,
+                Qi,
                 {
                   property: g,
                   disabled: !1,
-                  onPropertyChanged: (k) => l({ ...k, importKey: f }),
+                  onPropertyChanged: (k) => l({
+                    ...k,
+                    importKey: f
+                  }),
                   propertyKey: b,
                   customFields: a
                 }
@@ -5626,7 +5656,7 @@ function Hi({ importConfig: t, customFields: a }) {
     /* @__PURE__ */ e(
       Fe,
       {
-        open: s !== void 0,
+        open: n !== void 0,
         propertyKey: m,
         property: u,
         inArray: !1,
@@ -5647,8 +5677,14 @@ function Hi({ importConfig: t, customFields: a }) {
     /* @__PURE__ */ e("div", { style: { height: "52px" } })
   ] });
 }
-function Gi({ property: t, onPropertyChanged: a, propertyKey: r, customFields: i, disabled: n }) {
-  const { fields: s } = Ae(), d = t ? Zt(t) : null, c = t ? ct(t, s) : null, [m, u] = Y(!1);
+function Qi({
+  property: t,
+  onPropertyChanged: a,
+  propertyKey: r,
+  customFields: i,
+  disabled: s
+}) {
+  const { fields: n } = Ae(), d = t ? Zt(t) : null, c = t ? ct(t, n) : null, [m, u] = Y(!1);
   return /* @__PURE__ */ e(
     le,
     {
@@ -5661,7 +5697,7 @@ function Gi({ property: t, onPropertyChanged: a, propertyKey: r, customFields: i
           onOpenChange: u,
           invisible: !0,
           className: "w-full",
-          disabled: n,
+          disabled: s,
           error: !c,
           value: d ?? "",
           placeholder: "Select a property widget",
@@ -5676,7 +5712,7 @@ function Gi({ property: t, onPropertyChanged: a, propertyKey: r, customFields: i
               namespace: void 0
             }), console.log("newSelectedWidgetId", p));
           },
-          children: Yi.map(([p, l]) => /* @__PURE__ */ e(
+          children: Hi.map(([p, l]) => /* @__PURE__ */ e(
             ra,
             {
               value: p,
@@ -5691,14 +5727,14 @@ function Gi({ property: t, onPropertyChanged: a, propertyKey: r, customFields: i
     }
   );
 }
-function Qi({ importConfig: t, properties: a, propertiesOrder: r }) {
+function Zi({ importConfig: t, properties: a, propertiesOrder: r }) {
   se(() => {
-    const n = ri(t.originProperties, a), s = t.importData.map((d) => oi(d, t.idColumn, t.headersMapping, a, n, "TEMP_PATH"));
-    t.setEntities(s), console.log("res", { propertiesMapping: n, mappedData: s });
+    const s = oi(t.originProperties, a), n = t.importData.map((d) => ni(d, t.idColumn, t.headersMapping, a, s, "TEMP_PATH"));
+    t.setEntities(n), console.log("res", { propertiesMapping: s, mappedData: n });
   }, []);
-  const i = Fa();
+  const i = Ea();
   return /* @__PURE__ */ e(
-    Ea,
+    Ia,
     {
       title: /* @__PURE__ */ o("div", { children: [
         /* @__PURE__ */ e(N, { variant: "subtitle2", children: "Imported data preview" }),
@@ -5713,20 +5749,20 @@ function Qi({ importConfig: t, properties: a, propertiesOrder: r }) {
       filterable: !1,
       sortable: !1,
       selectionController: i,
-      displayedColumnIds: r.map((n) => ({ key: n, disabled: !1 })),
+      displayedColumnIds: r.map((s) => ({ key: s, disabled: !1 })),
       properties: a
     }
   );
 }
-function na(t, a = "") {
-  const r = Object.keys(t).reduce((s, d) => {
-    const c = t[d], m = Ia(d), u = a ? `${a}.${m}` : m;
+function sa(t, a = "") {
+  const r = Object.keys(t).reduce((n, d) => {
+    const c = t[d], m = Ba(d), u = a ? `${a}.${m}` : m;
     if (c.dataType === "map" && c.properties) {
-      const g = na(c.properties, u);
+      const g = sa(c.properties, u);
       return {
-        headersMapping: { ...s.headersMapping, [d]: u },
+        headersMapping: { ...n.headersMapping, [d]: u },
         properties: {
-          ...s.properties,
+          ...n.properties,
           [m]: {
             ...c,
             properties: g.properties,
@@ -5736,26 +5772,26 @@ function na(t, a = "") {
       };
     }
     const p = {
-      ...s.properties,
+      ...n.properties,
       [m]: c
     };
     return {
-      headersMapping: { ...s.headersMapping, [d]: u },
+      headersMapping: { ...n.headersMapping, [d]: u },
       properties: p
     };
   }, { headersMapping: {}, properties: {} }), i = Object.keys(r.headersMapping)?.[0];
-  let n;
-  return (i?.includes("id") || i?.includes("key")) && (n = i), {
+  let s;
+  return (i?.includes("id") || i?.includes("key")) && (s = i), {
     ...r,
-    idColumn: n
+    idColumn: s
   };
 }
-function sa(t) {
-  const a = t.open, [r, i] = be.useState(!1), [n, s] = be.useState(!1), d = Z(() => {
-    r ? s(!0) : t.handleClose(void 0);
+function la(t) {
+  const a = t.open, [r, i] = be.useState(!1), [s, n] = be.useState(!1), d = Z(() => {
+    r ? n(!0) : t.handleClose(void 0);
   }, [r, t.handleClose]);
   return se(() => {
-    a || (i(!1), s(!1));
+    a || (i(!1), n(!1));
   }, [a]), /* @__PURE__ */ o(
     Ee,
     {
@@ -5767,7 +5803,7 @@ function sa(t) {
       onOpenChange: (c) => c ? void 0 : d(),
       children: [
         a && /* @__PURE__ */ e(
-          Zi,
+          Ji,
           {
             ...t,
             handleCancel: d,
@@ -5775,11 +5811,11 @@ function sa(t) {
           }
         ),
         /* @__PURE__ */ e(
-          Ri,
+          Ui,
           {
-            open: n,
+            open: s,
             handleOk: () => t.handleClose(void 0),
-            handleCancel: () => s(!1),
+            handleCancel: () => n(!1),
             body: "There are unsaved changes in this collection"
           }
         )
@@ -5787,13 +5823,13 @@ function sa(t) {
     }
   );
 }
-function Zi({
+function Ji({
   isNewCollection: t,
   initialValues: a,
   configController: r,
   editedCollectionPath: i,
-  parentPathSegments: n,
-  fullPath: s,
+  parentPathSegments: s,
+  fullPath: n,
   collectionInference: d,
   handleClose: c,
   reservedGroups: m,
@@ -5808,15 +5844,15 @@ function Zi({
   const { fields: C } = Ae(), x = Ie(), {
     topLevelNavigation: h,
     collections: y
-  } = x, _ = !a?.path && (n ?? []).length === 0, w = (f ? f.subcollections : y) ?? [], v = w.map((S) => S.path.trim().toLowerCase()), T = w.map((S) => S.alias?.trim().toLowerCase()).filter(Boolean), P = ni();
+  } = x, _ = !a?.path && (s ?? []).length === 0, w = (f ? f.subcollections : y) ?? [], v = w.map((S) => S.path.trim().toLowerCase()), T = w.map((S) => S.alias?.trim().toLowerCase()).filter(Boolean), P = si();
   if (!h)
     throw Error("Internal: Navigation not ready in collection editor");
   const {
     groups: V
-  } = h, O = lt(), F = He(), ue = Re({}), Pe = t ? _ ? "welcome" : "details" : "properties", [A, B] = Y(Pe), [H, Q] = be.useState(), [J, X] = be.useState(), [we, he] = be.useState(!1), [_e, mt] = be.useState();
+  } = h, O = lt(), F = He(), ue = Re({}), Pe = t ? _ ? "welcome" : "details" : "properties", [z, B] = Y(Pe), [H, Q] = be.useState(), [J, X] = be.useState(), [we, he] = be.useState(!1), [_e, mt] = be.useState();
   se(() => {
     try {
-      x.initialised && (X(i ? x.getCollectionFromPaths([...n ?? [], i]) : void 0), he(!0));
+      x.initialised && (X(i ? x.getCollectionFromPaths([...s ?? [], i]) : void 0), he(!0));
     } catch (S) {
       console.error(S), mt(_e);
     }
@@ -5827,7 +5863,7 @@ function Zi({
       path: $,
       collectionData: S,
       previousPath: i,
-      parentPathSegments: n
+      parentPathSegments: s
     }).then(() => (Q(void 0), !0)).catch((D) => (Q(D), console.error(D), O.open({
       type: "error",
       message: "Error persisting collection: " + (D.message ?? "Details in the console")
@@ -5841,11 +5877,11 @@ function Zi({
     icon: vt[Math.floor(Math.random() * vt.length)],
     ownerId: F.user?.uid ?? ""
   }, te = Z(() => {
-    A === "details" ? P.inUse ? B("import_data_saving") : B(u ? "extra_view" : "properties") : B(A === "welcome" ? "details" : A === "import_data_mapping" ? "import_data_preview" : A === "import_data_preview" ? "details" : A === "extra_view" ? "properties" : "details");
-  }, [A, P.inUse, u]), Ve = Z((S) => {
+    z === "details" ? P.inUse ? B("import_data_saving") : B(u ? "extra_view" : "properties") : B(z === "welcome" ? "details" : z === "import_data_mapping" ? "import_data_preview" : z === "import_data_preview" ? "details" : z === "extra_view" ? "properties" : "details");
+  }, [z, P.inUse, u]), Ve = Z((S) => {
     if (d)
-      return d?.(S.path, S.collectionGroup ?? !1, n ?? []);
-  }, [d, n]), Ge = Z(async (S) => {
+      return d?.(S.path, S.collectionGroup ?? !1, s ?? []);
+  }, [d, s]), Ge = Z(async (S) => {
     if (!Ve)
       return X(S), Promise.resolve(S);
     B("loading");
@@ -5859,7 +5895,7 @@ function Zi({
       newCollection: S ?? {},
       values: D
     }), D) : (D.propertiesOrder = Object.keys(D.properties), D);
-  }, [n, Ve]), ut = (S, $) => {
+  }, [s, Ve]), ut = (S, $) => {
     try {
       if (console.log("Submitting collection", S), !t) {
         Be(S).then(() => {
@@ -5867,7 +5903,7 @@ function Zi({
         });
         return;
       }
-      A === "welcome" ? (te(), $.resetForm({ values: S })) : A === "details" ? u || P.inUse ? ($.resetForm({ values: S }), te()) : t ? Ge(S).then((D) => {
+      z === "welcome" ? (te(), $.resetForm({ values: S })) : z === "details" ? u || P.inUse ? ($.resetForm({ values: S }), te()) : t ? Ge(S).then((D) => {
         $.resetForm({
           values: D ?? S,
           touched: {
@@ -5877,7 +5913,7 @@ function Zi({
         });
       }).finally(() => {
         te();
-      }) : ($.resetForm({ values: S }), te()) : A === "extra_view" ? (te(), $.resetForm({ values: S })) : A === "import_data_mapping" || A === "import_data_preview" ? te() : A === "properties" ? Be(S).then(() => {
+      }) : ($.resetForm({ values: S }), te()) : z === "extra_view" ? (te(), $.resetForm({ values: S })) : z === "import_data_mapping" || z === "import_data_preview" ? te() : z === "properties" ? Be(S).then(() => {
         $.resetForm({ values: Te }), te(), c(S);
       }) : (te(), $.resetForm({ values: S }));
     } catch (D) {
@@ -5891,9 +5927,9 @@ function Zi({
     Ot,
     {
       initialValues: Te,
-      validationSchema: (A === "properties" || A === "subcollections" || A === "details") && ci,
+      validationSchema: (z === "properties" || z === "subcollections" || z === "details") && di,
       validate: () => {
-        if (A === "properties")
+        if (z === "properties")
           return ue.current;
       },
       onSubmit: ut,
@@ -5901,16 +5937,16 @@ function Zi({
         values: S,
         setFieldValue: $,
         isSubmitting: D,
-        dirty: z,
+        dirty: A,
         submitCount: j
       }) => {
-        const E = S.path ?? i, ae = s?.includes("/") ? s?.split("/").slice(0, -1).join("/") + "/" + E : E, ie = ae && k ? () => k(ae) : void 0;
+        const E = S.path ?? i, ae = n?.includes("/") ? n?.split("/").slice(0, -1).join("/") + "/" + E : E, ie = ae && k ? () => k(ae) : void 0;
         se(() => {
-          l(z);
-        }, [z]);
+          l(A);
+        }, [A]);
         function ge(W) {
-          P.setInUse(!0), Ja(W, ea).then((Me) => {
-            const ce = na(Me);
+          P.setInUse(!0), Xa(W, ea).then((Me) => {
+            const ce = sa(Me);
             $("properties", ce.properties), $("propertiesOrder", Object.keys(ce.properties)), P.setIdColumn(ce.idColumn), P.setImportData(W), P.setHeadersMapping(ce.headersMapping), P.setOriginProperties(ce.properties);
           });
         }
@@ -5923,9 +5959,9 @@ function Zi({
         };
         return /* @__PURE__ */ o(I, { children: [
           !t && /* @__PURE__ */ o(
-            Ba,
+            Ma,
             {
-              value: A,
+              value: z,
               className: ve(xt, "justify-end bg-gray-50 dark:bg-gray-950 border-b"),
               onValueChange: (W) => B(W),
               children: [
@@ -5944,10 +5980,10 @@ function Zi({
                 "flex-grow flex flex-col relative"
               ),
               children: [
-                A === "loading" && /* @__PURE__ */ e(Vt, {}),
-                A === "extra_view" && E && u?.View && /* @__PURE__ */ e(u.View, { path: E }),
-                A === "welcome" && /* @__PURE__ */ e(
-                  Li,
+                z === "loading" && /* @__PURE__ */ e(Vt, {}),
+                z === "extra_view" && E && u?.View && /* @__PURE__ */ e(u.View, { path: E }),
+                z === "welcome" && /* @__PURE__ */ e(
+                  Ki,
                   {
                     path: E,
                     onContinue: (W) => {
@@ -5958,23 +5994,23 @@ function Zi({
                     pathSuggestions: g
                   }
                 ),
-                A === "import_data_mapping" && P && /* @__PURE__ */ e(
-                  Hi,
+                z === "import_data_mapping" && P && /* @__PURE__ */ e(
+                  Gi,
                   {
                     importConfig: P,
                     customFields: C
                   }
                 ),
-                A === "import_data_preview" && P && /* @__PURE__ */ e(
-                  Qi,
+                z === "import_data_preview" && P && /* @__PURE__ */ e(
+                  Zi,
                   {
                     importConfig: P,
                     properties: S.properties,
                     propertiesOrder: S.propertiesOrder
                   }
                 ),
-                A === "import_data_saving" && P && /* @__PURE__ */ e(
-                  si,
+                z === "import_data_saving" && P && /* @__PURE__ */ e(
+                  li,
                   {
                     importConfig: P,
                     collection: S,
@@ -5986,8 +6022,8 @@ function Zi({
                     }
                   }
                 ),
-                A === "details" && /* @__PURE__ */ e(
-                  mi,
+                z === "details" && /* @__PURE__ */ e(
+                  ui,
                   {
                     existingPaths: v,
                     existingAliases: T,
@@ -5996,25 +6032,25 @@ function Zi({
                     isNewCollection: t
                   }
                 ),
-                A === "subcollections" && J && /* @__PURE__ */ e(
-                  $i,
+                z === "subcollections" && J && /* @__PURE__ */ e(
+                  Li,
                   {
                     parentCollection: f,
                     configController: r,
                     getUser: b,
                     collectionInference: d,
-                    parentPathSegments: n,
+                    parentPathSegments: s,
                     collection: J
                   }
                 ),
-                A === "properties" && /* @__PURE__ */ e(
-                  Di,
+                z === "properties" && /* @__PURE__ */ e(
+                  Ri,
                   {
                     showErrors: j > 0,
                     isNewCollection: t,
                     reservedGroups: m,
                     onPropertyError: (W, Me, ce) => {
-                      ue.current = Ma({
+                      ue.current = Da({
                         ...ue.current,
                         [W]: ce
                       }, !0);
@@ -6033,13 +6069,13 @@ function Zi({
                     )
                   }
                 ),
-                A !== "welcome" && /* @__PURE__ */ o(
+                z !== "welcome" && /* @__PURE__ */ o(
                   Ke,
                   {
                     position: "absolute",
                     children: [
-                      H && /* @__PURE__ */ e(Da, { error: H }),
-                      t && _ && A === "import_data_mapping" && /* @__PURE__ */ o(
+                      H && /* @__PURE__ */ e(Ra, { error: H }),
+                      t && _ && z === "import_data_mapping" && /* @__PURE__ */ o(
                         M,
                         {
                           variant: "text",
@@ -6051,7 +6087,7 @@ function Zi({
                           ]
                         }
                       ),
-                      t && _ && A === "import_data_preview" && /* @__PURE__ */ o(
+                      t && _ && z === "import_data_preview" && /* @__PURE__ */ o(
                         M,
                         {
                           variant: "text",
@@ -6065,7 +6101,7 @@ function Zi({
                           ]
                         }
                       ),
-                      t && _ && A === "details" && /* @__PURE__ */ o(
+                      t && _ && z === "details" && /* @__PURE__ */ o(
                         M,
                         {
                           variant: "text",
@@ -6077,7 +6113,7 @@ function Zi({
                           ]
                         }
                       ),
-                      t && A === "properties" && /* @__PURE__ */ o(
+                      t && z === "properties" && /* @__PURE__ */ o(
                         M,
                         {
                           variant: "text",
@@ -6099,7 +6135,7 @@ function Zi({
                           children: "Cancel"
                         }
                       ),
-                      t && A === "import_data_mapping" && /* @__PURE__ */ e(
+                      t && z === "import_data_mapping" && /* @__PURE__ */ e(
                         M,
                         {
                           variant: "filled",
@@ -6108,7 +6144,7 @@ function Zi({
                           children: "Next"
                         }
                       ),
-                      t && A === "import_data_preview" && /* @__PURE__ */ e(
+                      t && z === "import_data_preview" && /* @__PURE__ */ e(
                         M,
                         {
                           variant: "filled",
@@ -6119,18 +6155,18 @@ function Zi({
                           children: "Next"
                         }
                       ),
-                      t && (A === "details" || A === "properties") && /* @__PURE__ */ o(
+                      t && (z === "details" || z === "properties") && /* @__PURE__ */ o(
                         wt,
                         {
                           variant: "filled",
                           color: "primary",
                           type: "submit",
                           loading: D,
-                          disabled: D || A === "details" && !ht,
-                          startIcon: A === "properties" ? /* @__PURE__ */ e(Ra, {}) : void 0,
+                          disabled: D || z === "details" && !ht,
+                          startIcon: z === "properties" ? /* @__PURE__ */ e(Ua, {}) : void 0,
                           children: [
-                            A === "details" && "Next",
-                            A === "properties" && "Create collection"
+                            z === "details" && "Next",
+                            z === "properties" && "Create collection"
                           ]
                         }
                       ),
@@ -6155,19 +6191,19 @@ function Zi({
     }
   ) });
 }
-const la = R.createContext({}), ca = R.createContext({}), Ji = R.memo(
+const ca = R.createContext({}), da = R.createContext({}), Xi = R.memo(
   function({
     children: a,
     collectionConfigController: r,
     configPermissions: i,
-    reservedGroups: n,
-    collectionInference: s,
+    reservedGroups: s,
+    collectionInference: n,
     extraView: d,
     pathSuggestions: c,
     getUser: m,
     getData: u
   }) {
-    const p = Ie(), l = li(), {
+    const p = Ie(), l = ci(), {
       collections: g
     } = p, b = g.map((v) => v.path.trim().toLowerCase()), [f, k] = R.useState();
     se(() => {
@@ -6195,8 +6231,8 @@ const la = R.createContext({}), ca = R.createContext({}), Ji = R.memo(
         initialValues: P
       });
     }, []), w = c ? (v) => !v && f ? Promise.resolve(f) : c?.(v) : void 0;
-    return /* @__PURE__ */ e(la.Provider, { value: r, children: /* @__PURE__ */ o(
-      ca.Provider,
+    return /* @__PURE__ */ e(ca.Provider, { value: r, children: /* @__PURE__ */ o(
+      da.Provider,
       {
         value: {
           editCollection: y,
@@ -6207,15 +6243,15 @@ const la = R.createContext({}), ca = R.createContext({}), Ji = R.memo(
         children: [
           a,
           /* @__PURE__ */ e(
-            sa,
+            la,
             {
               open: !!C,
               configController: r,
               isNewCollection: !1,
-              collectionInference: s,
+              collectionInference: n,
               ...C,
               getData: u,
-              reservedGroups: n,
+              reservedGroups: s,
               extraView: d,
               pathSuggestions: w,
               getUser: m,
@@ -6233,15 +6269,15 @@ const la = R.createContext({}), ca = R.createContext({}), Ji = R.memo(
     ) });
   },
   tt
-), pt = () => Ut(ca), da = () => Ut(la);
-function Xi({
+), pt = () => Ut(da), pa = () => Ut(ca);
+function Wi({
   path: t,
   parentPathSegments: a,
   collection: r,
   tableController: i
 }) {
-  const n = He(), s = Ie(), d = pt(), c = da(), m = lt(), u = s.getCollectionFromPaths(a), p = d.configPermissions ? d.configPermissions({
-    user: n.user,
+  const s = He(), n = Ie(), d = pt(), c = pa(), m = lt(), u = n.getCollectionFromPaths(a), p = d.configPermissions ? d.configPermissions({
+    user: s.user,
     collection: r
   }).editCollections : !0;
   let l = null;
@@ -6271,7 +6307,7 @@ function Xi({
               message: "Default config saved"
             });
           }),
-          children: /* @__PURE__ */ e(Ua, {})
+          children: /* @__PURE__ */ e($a, {})
         }
       )
     }
@@ -6297,25 +6333,25 @@ function Xi({
 function Xe(t) {
   return t && Object.keys(t).length === 0 ? t : t ?? null;
 }
-function Wi({
+function er({
   path: t,
   collection: a
 }) {
-  const r = He(), i = da(), n = pt(), s = n.configPermissions({
+  const r = He(), i = pa(), s = pt(), n = s.configPermissions({
     user: r.user,
     collection: a
   }), d = Z(() => {
-    n?.editCollection({ path: t, parentPathSegments: [] });
-  }, [n, t]), [c, m] = Y(!1), u = Z(() => {
+    s?.editCollection({ path: t, parentPathSegments: [] });
+  }, [s, t]), [c, m] = Y(!1), u = Z(() => {
     i?.deleteCollection({ path: t });
   }, [t, i]);
   return /* @__PURE__ */ o(I, { children: [
     /* @__PURE__ */ o("div", { children: [
-      s.deleteCollections && /* @__PURE__ */ e(
-        $a,
+      n.deleteCollections && /* @__PURE__ */ e(
+        La,
         {
-          trigger: /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(La, { size: "small" }) }),
-          children: /* @__PURE__ */ o(Ka, { onClick: (p) => {
+          trigger: /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(Ka, { size: "small" }) }),
+          children: /* @__PURE__ */ o(Ya, { onClick: (p) => {
             p.preventDefault(), p.stopPropagation(), m(!0);
           }, children: [
             /* @__PURE__ */ e(it, {}),
@@ -6323,7 +6359,7 @@ function Wi({
           ] })
         }
       ),
-      s.editCollections && /* @__PURE__ */ e(
+      n.editCollections && /* @__PURE__ */ e(
         pe,
         {
           onClick: (p) => {
@@ -6349,20 +6385,20 @@ function Wi({
     )
   ] });
 }
-function er({
+function tr({
   group: t,
   context: a
 }) {
   if (!a.navigation.topLevelNavigation)
     throw Error("Navigation not ready in FireCMSHomePage");
-  const r = He(), i = pt(), n = i.configPermissions ? i.configPermissions({
+  const r = He(), i = pt(), s = i.configPermissions ? i.configPermissions({
     user: r.user
   }).createCollections : !0;
   return /* @__PURE__ */ e(
     Xt,
     {
       className: ve("h-full p-4 min-h-[124px]"),
-      onClick: i && n ? () => i.createCollection({
+      onClick: i && s ? () => i.createCollection({
         initialValues: t ? { group: t } : void 0,
         parentPathSegments: []
       }) : void 0,
@@ -6381,21 +6417,21 @@ function er({
                 children: "Add new collection".toUpperCase()
               }
             ),
-            !n && /* @__PURE__ */ e(N, { variant: "caption", children: "You don't have permissions to create collections" })
+            !s && /* @__PURE__ */ e(N, { variant: "caption", children: "You don't have permissions to create collections" })
           ]
         }
       )
     }
   );
 }
-function tr() {
+function ar() {
   const t = He(), a = Ie(), r = pt(), i = r.configPermissions ? r.configPermissions({
     user: t.user
-  }).createCollections : !0, n = r.rootPathSuggestions ?? [], s = n.length > 3 || a.collections.length === 0 && n.length > 0;
+  }).createCollections : !0, s = r.rootPathSuggestions ?? [], n = s.length > 3 || a.collections.length === 0 && s.length > 0;
   return /* @__PURE__ */ e(
-    Ya,
+    Ha,
     {
-      in: s,
+      in: n,
       children: /* @__PURE__ */ o(
         "div",
         {
@@ -6406,7 +6442,7 @@ function tr() {
               "div",
               {
                 className: "flex flex-row gap-1 overflow-scroll no-scrollbar ",
-                children: n.map((d) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+                children: s.map((d) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
                   at,
                   {
                     icon: /* @__PURE__ */ e(Oe, { size: "small" }),
@@ -6427,63 +6463,63 @@ function tr() {
     }
   );
 }
-function ar(t, a) {
-  const r = t.map((s) => ({
-    ...s,
+function ir(t, a) {
+  const r = t.map((n) => ({
+    ...n,
     editable: !0,
     deletable: !0
-  })), i = (a ?? []).map((s) => {
-    const d = r?.find((c) => c.path === s.path || c.alias && s.alias && c.alias === s.alias);
+  })), i = (a ?? []).map((n) => {
+    const d = r?.find((c) => c.path === n.path || c.alias && n.alias && c.alias === n.alias);
     return d ? (Object.values(d.properties).forEach((m) => {
       m.editable = !0;
-    }), { ...ma(d, s), deletable: !1 }) : {
-      ...s,
-      properties: pa(s.properties),
+    }), { ...ua(d, n), deletable: !1 }) : {
+      ...n,
+      properties: ma(n.properties),
       deletable: !1
     };
-  }), n = r.filter((s) => !i.map((d) => d.path).includes(s.path) || !i.map((d) => d.alias).includes(s.alias));
-  return console.log("Updated collections", { updatedCollections: i, resultStoredCollections: n }), [...i, ...n];
+  }), s = r.filter((n) => !i.map((d) => d.path).includes(n.path) || !i.map((d) => d.alias).includes(n.alias));
+  return [...i, ...s];
 }
-function pa(t) {
+function ma(t) {
   return Object.entries(t).reduce((a, [r, i]) => {
     if (!ne(i) && i.dataType === "map" && i.properties) {
-      const n = { ...i, properties: pa(i.properties) };
-      a[r] = n;
+      const s = { ...i, properties: ma(i.properties) };
+      a[r] = s;
     }
     return ne(i) ? a[r] = i : a[r] = { ...i, editable: !1 }, a;
   }, {});
 }
-function ma(t, a) {
+function ua(t, a) {
   const r = t.subcollections?.map((u) => {
     const p = a.subcollections?.find((l) => l.path === u.path) ?? a.subcollections?.find((l) => l.alias === u.alias);
-    return p ? ma(u, p) : u;
+    return p ? ua(u, p) : u;
   }), i = { ...t.properties };
   Object.keys(a.properties).forEach((u) => {
     const p = t.properties[u];
-    p ? i[u] = ua(p, a.properties[u]) : i[u] = a.properties[u];
+    p ? i[u] = ha(p, a.properties[u]) : i[u] = a.properties[u];
   });
-  const n = L(t, a), s = Dt(t), d = Dt(a), c = [.../* @__PURE__ */ new Set([...s, ...d])], m = [.../* @__PURE__ */ new Set([...t.entityViews ?? [], ...a.entityViews ?? []])];
+  const s = L(t, a), n = Dt(t), d = Dt(a), c = [.../* @__PURE__ */ new Set([...n, ...d])], m = [.../* @__PURE__ */ new Set([...t.entityViews ?? [], ...a.entityViews ?? []])];
   return {
-    ...n,
+    ...s,
     subcollections: r,
-    properties: Ha(i, c),
+    properties: Ga(i, c),
     propertiesOrder: c,
     entityViews: m
   };
 }
-function ua(t, a) {
+function ha(t, a) {
   if (ne(a))
     return a;
   {
-    const r = L(t, a), i = !!t.editable, n = !!a.editable;
+    const r = L(t, a), i = !!t.editable, s = !!a.editable;
     if (a.dataType === "map" && a.properties) {
-      const s = "properties" in t ? t.properties : {}, d = "properties" in a ? a.properties : {}, c = "propertiesOrder" in t && t.propertiesOrder ? t.propertiesOrder : Object.keys(s), m = "propertiesOrder" in a && a.propertiesOrder ? a.propertiesOrder : "properties" in a ? Object.keys(a.properties) : [], u = [.../* @__PURE__ */ new Set([...c, ...m])], p = { ...s };
+      const n = "properties" in t ? t.properties : {}, d = "properties" in a ? a.properties : {}, c = "propertiesOrder" in t && t.propertiesOrder ? t.propertiesOrder : Object.keys(n), m = "propertiesOrder" in a && a.propertiesOrder ? a.propertiesOrder : "properties" in a ? Object.keys(a.properties) : [], u = [.../* @__PURE__ */ new Set([...c, ...m])], p = { ...n };
       return Object.keys(a.properties).forEach((l) => {
-        const g = s[l];
-        g && (p[l] = ua(g, d[l]));
-      }), { ...r, editable: i && n, properties: p, propertiesOrder: u };
+        const g = n[l];
+        g && (p[l] = ha(g, d[l]));
+      }), { ...r, editable: i && s, properties: p, propertiesOrder: u };
     }
-    return { ...r, editable: i && n };
+    return { ...r, editable: i && s };
   }
 }
 function Dt(t) {
@@ -6492,18 +6528,18 @@ function Dt(t) {
     ...(t.additionalFields ?? [])?.map((a) => a.id)
   ];
 }
-function mr({
+function ur({
   collectionConfigController: t,
   configPermissions: a,
   reservedGroups: r,
   extraView: i,
-  pathSuggestions: n,
-  getUser: s,
+  pathSuggestions: s,
+  getUser: n,
   collectionInference: d,
   getData: c
 }) {
   const m = Z(
-    (u) => ar(t.collections ?? [], u),
+    (u) => ir(t.collections ?? [], u),
     [t.collections]
   );
   return {
@@ -6511,33 +6547,33 @@ function mr({
     loading: t.loading,
     collections: {
       injectCollections: m,
-      CollectionActions: Xi
+      CollectionActions: Wi
     },
     provider: {
-      Component: Ji,
+      Component: Xi,
       props: {
         collectionConfigController: t,
         configPermissions: a,
         collectionInference: d,
         reservedGroups: r,
         extraView: i,
-        pathSuggestions: n,
-        getUser: s,
+        pathSuggestions: s,
+        getUser: n,
         getData: c
       }
     },
     homePage: {
-      additionalChildrenStart: /* @__PURE__ */ e(tr, {}),
-      CollectionActions: Wi,
-      AdditionalCards: er
+      additionalChildrenStart: /* @__PURE__ */ e(ar, {}),
+      CollectionActions: er,
+      AdditionalCards: tr
     }
   };
 }
 export {
   Ue as editableProperty,
-  wi as removeNonEditableProperties,
+  _i as removeNonEditableProperties,
   pt as useCollectionEditorController,
-  mr as useCollectionEditorPlugin,
-  da as useCollectionsConfigController
+  ur as useCollectionEditorPlugin,
+  pa as useCollectionsConfigController
 };
 //# sourceMappingURL=index.es.js.map