@firecms/collection_editor 3.1.0-canary.9e89e98 → 3.1.0

package/dist/index.es.js

@@ -4,7 +4,7 @@ import { useAuthController, useCustomizationController, toSnakeCase, singular, I
 import * as React from "react";
 import React__default, { useState, useEffect, useMemo, createContext, useContext, useRef, useDeferredValue, useCallback } from "react";
 import equal from "react-fast-compare";
-import { Chip, Typography, cls, Tooltip, IconButton, TextField, DebouncedTextField, BooleanSwitchWithLabel, SelectItem, Select, ExpandablePanel, Dialog, Container, VerticalSplitIcon, SquareIcon, ToggleButtonGroup, ListIcon, AppsIcon, ViewKanbanIcon, getColorSchemeForKey, getColorSchemeForSeed, Badge, SettingsIcon, FindInPageIcon, Button, CircularProgress, Paper, DialogTitle, ColorPicker, DialogContent, DialogActions, RuleIcon, MultiSelectItem, CloudUploadIcon, MultiSelect, cardMixin, cardClickableMixin, cardSelectedMixin, FunctionsIcon, DoNotDisturbOnIcon, defaultBorderMixin, DeleteIcon, MoreVertIcon, VerticalAlignTopIcon, MenuItem, VerticalAlignBottomIcon, Menu, AddIcon, SelectGroup, InfoLabel, fieldBackgroundMixin, fieldBackgroundDisabledMixin, fieldBackgroundHoverMixin, WarningIcon, Card, CloseIcon, Tab, Tabs, ContentCopyIcon, CodeIcon, Table, TableBody, TableRow, TableCell, Alert, Icon, coolIconKeys, ArrowBackIcon, LoadingButton, CheckIcon, UndoIcon, SaveIcon } from "@firecms/ui";
+import { Chip, Typography, cls, Tooltip, IconButton, TextField, DebouncedTextField, BooleanSwitchWithLabel, HistoryIcon, SelectItem, Select, SearchIcon, ExpandablePanel, Dialog, Container, VerticalSplitIcon, SquareIcon, ToggleButtonGroup, ListIcon, AppsIcon, ViewKanbanIcon, getColorSchemeForKey, getColorSchemeForSeed, Badge, SettingsIcon, FindInPageIcon, Button, CircularProgress, Paper, DialogTitle, ColorPicker, DialogContent, DialogActions, RuleIcon, MultiSelectItem, CloudUploadIcon, MultiSelect, cardMixin, cardClickableMixin, cardSelectedMixin, FunctionsIcon, DoNotDisturbOnIcon, defaultBorderMixin, DeleteIcon, MoreVertIcon, VerticalAlignTopIcon, MenuItem, VerticalAlignBottomIcon, Menu, AddIcon, SelectGroup, InfoLabel, fieldBackgroundMixin, fieldBackgroundDisabledMixin, fieldBackgroundHoverMixin, WarningIcon, Card, CloseIcon, Tab, Tabs, ContentCopyIcon, CodeIcon, Table, TableBody, TableRow, TableCell, Alert, Icon, coolIconKeys, ArrowBackIcon, LoadingButton, CheckIcon, UndoIcon, SaveIcon } from "@firecms/ui";
 import * as Yup from "yup";
 import { useFormex, getIn, Field, useCreateFormex, Formex, clone } from "@firecms/formex";
 import { extractEnumFromValues, buildPropertyFromData, buildEntityPropertiesFromData } from "@firecms/schema_inference";
@@ -22,7 +22,7 @@ const YupSchema = Yup.object().shape({
   path: Yup.string().required("Required")
 });
 function GeneralSettingsForm(t0) {
-  const $ = c(142);
+  const $ = c(146);
   const {
     isNewCollection,
     parentCollection
@@ -419,52 +419,70 @@ function GeneralSettingsForm(t0) {
   } else {
     t56 = $[94];
   }
-  const t57 = values.history === null || values.history === void 0 ? "Document history revisions enabled if enabled globally" : values.history ? "Document history revisions ENABLED" : "Document history revisions NOT enabled";
-  let t58;
-  if ($[95] !== setFieldValue) {
-    t58 = (v_0) => setFieldValue("history", v_0);
-    $[95] = setFieldValue;
+  let t57;
+  if ($[95] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t57 = /* @__PURE__ */ jsx(HistoryIcon, { size: "smallest" });
+    $[95] = t57;
+  } else {
+    t57 = $[95];
+  }
+  const t58 = values.history === null || values.history === void 0 ? "Document history revisions enabled if enabled globally" : values.history ? "Document history revisions ENABLED" : "Document history revisions NOT enabled";
+  let t59;
+  if ($[96] !== t58) {
+    t59 = /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+      t57,
+      t58
+    ] });
     $[96] = t58;
+    $[97] = t59;
   } else {
-    t58 = $[96];
+    t59 = $[97];
   }
-  const t59 = values.history === void 0 ? null : values.history;
   let t60;
-  if ($[97] !== t57 || $[98] !== t58 || $[99] !== t59) {
-    t60 = /* @__PURE__ */ jsx(BooleanSwitchWithLabel, { position: "start", size: "large", allowIndeterminate: true, label: t57, onValueChange: t58, value: t59 });
-    $[97] = t57;
-    $[98] = t58;
-    $[99] = t59;
-    $[100] = t60;
-  } else {
-    t60 = $[100];
-  }
-  let t61;
-  if ($[101] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t61 = /* @__PURE__ */ jsxs(FieldCaption, { children: [
+  if ($[98] !== setFieldValue) {
+    t60 = (v_0) => setFieldValue("history", v_0);
+    $[98] = setFieldValue;
+    $[99] = t60;
+  } else {
+    t60 = $[99];
+  }
+  const t61 = values.history === void 0 ? null : values.history;
+  let t62;
+  if ($[100] !== t59 || $[101] !== t60 || $[102] !== t61) {
+    t62 = /* @__PURE__ */ jsx(BooleanSwitchWithLabel, { position: "start", size: "large", allowIndeterminate: true, label: t59, onValueChange: t60, value: t61 });
+    $[100] = t59;
+    $[101] = t60;
+    $[102] = t61;
+    $[103] = t62;
+  } else {
+    t62 = $[103];
+  }
+  let t63;
+  if ($[104] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t63 = /* @__PURE__ */ jsxs(FieldCaption, { children: [
       "When enabled, each document in this collection will have a history of changes. This is useful for auditing purposes. The data is stored in a subcollection of the document in your database, called ",
       /* @__PURE__ */ jsx("b", { children: "__history" }),
       "."
     ] });
-    $[101] = t61;
+    $[104] = t63;
   } else {
-    t61 = $[101];
+    t63 = $[104];
   }
-  let t62;
-  if ($[102] !== t60) {
-    t62 = /* @__PURE__ */ jsxs("div", { children: [
-      t60,
-      t61
+  let t64;
+  if ($[105] !== t62) {
+    t64 = /* @__PURE__ */ jsxs("div", { children: [
+      t62,
+      t63
     ] });
-    $[102] = t60;
-    $[103] = t62;
+    $[105] = t62;
+    $[106] = t64;
   } else {
-    t62 = $[103];
+    t64 = $[106];
   }
-  const t63 = typeof values.customId === "object";
-  let t64;
-  if ($[104] !== setFieldValue) {
-    t64 = (v_1) => {
+  const t65 = typeof values.customId === "object";
+  let t66;
+  if ($[107] !== setFieldValue) {
+    t66 = (v_1) => {
       if (v_1 === "code_defined") {
         throw new Error("This should not happen");
       }
@@ -480,166 +498,176 @@ function GeneralSettingsForm(t0) {
         }
       }
     };
-    $[104] = setFieldValue;
-    $[105] = t64;
+    $[107] = setFieldValue;
+    $[108] = t66;
   } else {
-    t64 = $[105];
+    t66 = $[108];
   }
-  const t65 = typeof values.customId === "object" ? "code_defined" : values.customId === true ? "true" : values.customId === "optional" ? "optional" : "false";
-  let t66;
-  let t67;
+  const t67 = typeof values.customId === "object" ? "code_defined" : values.customId === true ? "true" : values.customId === "optional" ? "optional" : "false";
   let t68;
-  if ($[106] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t66 = /* @__PURE__ */ jsx(SelectItem, { value: "false", children: "Document ID is generated automatically" });
-    t67 = /* @__PURE__ */ jsx(SelectItem, { value: "true", children: "Users must define an ID" });
-    t68 = /* @__PURE__ */ jsx(SelectItem, { value: "optional", children: "Users can define an ID, but it is not required" });
-    $[106] = t66;
-    $[107] = t67;
-    $[108] = t68;
-  } else {
-    t66 = $[106];
-    t67 = $[107];
-    t68 = $[108];
-  }
   let t69;
-  if ($[109] !== t63 || $[110] !== t64 || $[111] !== t65) {
-    t69 = /* @__PURE__ */ jsxs(Select, { name: "customId", label: "Document IDs generation", position: "item-aligned", size: "large", fullWidth: true, disabled: t63, onValueChange: t64, value: t65, renderValue: _temp$g, children: [
-      t66,
-      t67,
-      t68
-    ] });
-    $[109] = t63;
-    $[110] = t64;
-    $[111] = t65;
-    $[112] = t69;
-  } else {
-    t69 = $[112];
-  }
   let t70;
-  if ($[113] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t70 = /* @__PURE__ */ jsx(FieldCaption, { children: "Configure how document IDs are generated when creating new entities." });
-    $[113] = t70;
-  } else {
-    t70 = $[113];
+  if ($[109] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t68 = /* @__PURE__ */ jsx(SelectItem, { value: "false", children: "Document ID is generated automatically" });
+    t69 = /* @__PURE__ */ jsx(SelectItem, { value: "true", children: "Users must define an ID" });
+    t70 = /* @__PURE__ */ jsx(SelectItem, { value: "optional", children: "Users can define an ID, but it is not required" });
+    $[109] = t68;
+    $[110] = t69;
+    $[111] = t70;
+  } else {
+    t68 = $[109];
+    t69 = $[110];
+    t70 = $[111];
   }
   let t71;
-  if ($[114] !== t69) {
-    t71 = /* @__PURE__ */ jsxs("div", { children: [
+  if ($[112] !== t65 || $[113] !== t66 || $[114] !== t67) {
+    t71 = /* @__PURE__ */ jsxs(Select, { name: "customId", label: "Document IDs generation", position: "item-aligned", size: "large", fullWidth: true, disabled: t65, onValueChange: t66, value: t67, renderValue: _temp$g, children: [
+      t68,
       t69,
       t70
     ] });
-    $[114] = t69;
+    $[112] = t65;
+    $[113] = t66;
+    $[114] = t67;
     $[115] = t71;
   } else {
     t71 = $[115];
   }
   let t72;
-  if ($[116] !== setFieldValue) {
-    t72 = (v_2) => setFieldValue("textSearchEnabled", v_2);
-    $[116] = setFieldValue;
-    $[117] = t72;
+  if ($[116] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t72 = /* @__PURE__ */ jsx(FieldCaption, { children: "Configure how document IDs are generated when creating new entities." });
+    $[116] = t72;
+  } else {
+    t72 = $[116];
+  }
+  let t73;
+  if ($[117] !== t71) {
+    t73 = /* @__PURE__ */ jsxs("div", { children: [
+      t71,
+      t72
+    ] });
+    $[117] = t71;
+    $[118] = t73;
   } else {
-    t72 = $[117];
+    t73 = $[118];
   }
-  const t73 = values.textSearchEnabled ?? false;
   let t74;
-  if ($[118] !== t72 || $[119] !== t73) {
-    t74 = /* @__PURE__ */ jsx(BooleanSwitchWithLabel, { position: "start", size: "large", label: "Enable text search for this collection", onValueChange: t72, value: t73 });
-    $[118] = t72;
-    $[119] = t73;
-    $[120] = t74;
+  if ($[119] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t74 = /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(SearchIcon, { size: "smallest" }),
+      "Enable text search for this collection"
+    ] });
+    $[119] = t74;
   } else {
-    t74 = $[120];
+    t74 = $[119];
   }
   let t75;
-  if ($[121] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t75 = /* @__PURE__ */ jsx(FieldCaption, { children: "Allow text search for this collection. If you have not specified a text search delegate, this will use the built-in local text search. This is not recommended for large collections, as it may incur in performance and cost issues." });
+  if ($[120] !== setFieldValue) {
+    t75 = (v_2) => setFieldValue("textSearchEnabled", v_2);
+    $[120] = setFieldValue;
     $[121] = t75;
   } else {
     t75 = $[121];
   }
-  let t76;
-  if ($[122] !== t74) {
-    t76 = /* @__PURE__ */ jsxs("div", { children: [
-      t74,
-      t75
-    ] });
-    $[122] = t74;
+  const t76 = values.textSearchEnabled ?? false;
+  let t77;
+  if ($[122] !== t75 || $[123] !== t76) {
+    t77 = /* @__PURE__ */ jsx(BooleanSwitchWithLabel, { position: "start", size: "large", label: t74, onValueChange: t75, value: t76 });
+    $[122] = t75;
     $[123] = t76;
+    $[124] = t77;
   } else {
-    t76 = $[123];
+    t77 = $[124];
   }
-  let t77;
-  if ($[124] !== t62 || $[125] !== t71 || $[126] !== t76) {
-    t77 = /* @__PURE__ */ jsxs(ExpandablePanel, { title: t56, initiallyExpanded: false, className: "mt-4", innerClassName: "p-4 flex flex-col gap-4", children: [
-      t62,
-      t71,
-      t76
+  let t78;
+  if ($[125] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t78 = /* @__PURE__ */ jsx(FieldCaption, { children: "Allow text search for this collection. If you have not specified a text search delegate, this will use the built-in local text search. This is not recommended for large collections, as it may incur in performance and cost issues." });
+    $[125] = t78;
+  } else {
+    t78 = $[125];
+  }
+  let t79;
+  if ($[126] !== t77) {
+    t79 = /* @__PURE__ */ jsxs("div", { children: [
+      t77,
+      t78
     ] });
-    $[124] = t62;
-    $[125] = t71;
-    $[126] = t76;
-    $[127] = t77;
+    $[126] = t77;
+    $[127] = t79;
   } else {
-    t77 = $[127];
+    t79 = $[127];
   }
-  let t78;
-  if ($[128] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t78 = /* @__PURE__ */ jsx("div", { style: {
+  let t80;
+  if ($[128] !== t64 || $[129] !== t73 || $[130] !== t79) {
+    t80 = /* @__PURE__ */ jsxs(ExpandablePanel, { title: t56, initiallyExpanded: false, className: "mt-4", innerClassName: "p-4 flex flex-col gap-4", children: [
+      t64,
+      t73,
+      t79
+    ] });
+    $[128] = t64;
+    $[129] = t73;
+    $[130] = t79;
+    $[131] = t80;
+  } else {
+    t80 = $[131];
+  }
+  let t81;
+  if ($[132] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t81 = /* @__PURE__ */ jsx("div", { style: {
       height: "52px"
     } });
-    $[128] = t78;
+    $[132] = t81;
   } else {
-    t78 = $[128];
+    t81 = $[132];
   }
-  const t79 = typeof values.icon === "string" ? values.icon : void 0;
-  let t80;
-  if ($[129] !== setFieldValue) {
-    t80 = (icon) => {
+  const t82 = typeof values.icon === "string" ? values.icon : void 0;
+  let t83;
+  if ($[133] !== setFieldValue) {
+    t83 = (icon) => {
       setIconDialogOpen(false);
       setFieldValue("icon", icon);
     };
-    $[129] = setFieldValue;
-    $[130] = t80;
+    $[133] = setFieldValue;
+    $[134] = t83;
   } else {
-    t80 = $[130];
+    t83 = $[134];
   }
-  let t81;
-  if ($[131] !== t79 || $[132] !== t80) {
-    t81 = /* @__PURE__ */ jsx("div", { className: "p-4 overflow-auto min-h-[200px]", children: /* @__PURE__ */ jsx(SearchIconsView, { selectedIcon: t79, onIconSelected: t80 }) });
-    $[131] = t79;
-    $[132] = t80;
-    $[133] = t81;
+  let t84;
+  if ($[135] !== t82 || $[136] !== t83) {
+    t84 = /* @__PURE__ */ jsx("div", { className: "p-4 overflow-auto min-h-[200px]", children: /* @__PURE__ */ jsx(SearchIconsView, { selectedIcon: t82, onIconSelected: t83 }) });
+    $[135] = t82;
+    $[136] = t83;
+    $[137] = t84;
   } else {
-    t81 = $[133];
+    t84 = $[137];
   }
-  let t82;
-  if ($[134] !== iconDialogOpen || $[135] !== t81) {
-    t82 = /* @__PURE__ */ jsx(Dialog, { open: iconDialogOpen, onOpenChange: setIconDialogOpen, maxWidth: "xl", fullWidth: true, children: t81 });
-    $[134] = iconDialogOpen;
-    $[135] = t81;
-    $[136] = t82;
+  let t85;
+  if ($[138] !== iconDialogOpen || $[139] !== t84) {
+    t85 = /* @__PURE__ */ jsx(Dialog, { open: iconDialogOpen, onOpenChange: setIconDialogOpen, maxWidth: "xl", fullWidth: true, children: t84 });
+    $[138] = iconDialogOpen;
+    $[139] = t84;
+    $[140] = t85;
   } else {
-    t82 = $[136];
+    t85 = $[140];
   }
-  let t83;
-  if ($[137] !== t12 || $[138] !== t55 || $[139] !== t77 || $[140] !== t82) {
-    t83 = /* @__PURE__ */ jsx("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ jsxs(Container, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
+  let t86;
+  if ($[141] !== t12 || $[142] !== t55 || $[143] !== t80 || $[144] !== t85) {
+    t86 = /* @__PURE__ */ jsx("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ jsxs(Container, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
       t12,
       t55,
-      t77,
-      t78,
-      t82
+      t80,
+      t81,
+      t85
     ] }) });
-    $[137] = t12;
-    $[138] = t55;
-    $[139] = t77;
-    $[140] = t82;
-    $[141] = t83;
+    $[141] = t12;
+    $[142] = t55;
+    $[143] = t80;
+    $[144] = t85;
+    $[145] = t86;
   } else {
-    t83 = $[141];
+    t86 = $[145];
   }
-  return t83;
+  return t86;
 }
 function _temp$g(value) {
   if (value === "code_defined") {
@@ -8563,7 +8591,7 @@ function PropertyFormDialog(t0) {
     onPropertyChanged = $[6];
     open = $[7];
   }
-  const formexRef = useRef();
+  const formexRef = useRef(void 0);
   let t1;
   if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = (helpers) => {
@@ -12359,7 +12387,8 @@ function AICollectionGeneratorPopover({
   generateCollection,
   trigger,
   size = "small",
-  showLabel = true
+  showLabel = true,
+  onAnalyticsEvent
 }) {
   const [menuOpen, setMenuOpen] = useState(false);
   const [prompt, setPrompt] = useState("");
@@ -12372,6 +12401,10 @@ function AICollectionGeneratorPopover({
     if (!prompt.trim()) return;
     setLoading(true);
     setError(null);
+    const mode = existingCollection ? "modify" : "create";
+    onAnalyticsEvent?.("ai_collection_generate_start", {
+      mode
+    });
     try {
       const collectionsContext = existingCollections.map((c2) => ({
         path: c2.path,
@@ -12396,6 +12429,10 @@ function AICollectionGeneratorPopover({
       onGenerated(result.collection, result.operations);
       setMenuOpen(false);
       setPrompt("");
+      onAnalyticsEvent?.("ai_collection_generate_success", {
+        mode,
+        operationsCount: result.operations?.length
+      });
       snackbarController.open({
         type: "success",
         message: existingCollection ? "Collection updated with AI suggestions" : "Collection generated successfully"
@@ -12404,6 +12441,10 @@ function AICollectionGeneratorPopover({
       console.error("Error generating collection:", e);
       const errorMessage = e instanceof CollectionGenerationApiError ? e.message : "Failed to generate collection. Please try again.";
       setError(errorMessage);
+      onAnalyticsEvent?.("ai_collection_generate_error", {
+        mode,
+        error: errorMessage
+      });
       snackbarController.open({
         type: "error",
         message: errorMessage
@@ -12439,12 +12480,13 @@ function AICollectionGeneratorPopover({
   ] }) });
 }
 function CollectionEditorWelcomeView(t0) {
-  const $ = c(65);
+  const $ = c(66);
   const {
     parentCollection,
     onContinue,
     existingCollectionPaths,
-    generateCollection
+    generateCollection,
+    onAnalyticsEvent
   } = t0;
   const {
     pathSuggestions
@@ -12504,203 +12546,204 @@ function CollectionEditorWelcomeView(t0) {
     }, size: "small", children: suggestion }, suggestion)) })
   ] });
   let t9;
-  if ($[7] !== generateCollection || $[8] !== onContinue || $[9] !== setValues) {
+  if ($[7] !== generateCollection || $[8] !== onAnalyticsEvent || $[9] !== onContinue || $[10] !== setValues) {
     t9 = generateCollection && /* @__PURE__ */ jsxs("div", { className: "my-2", children: [
       /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", className: "mb-2", children: "● Describe your collection to AI:" }),
       /* @__PURE__ */ jsx(AICollectionGeneratorPopover, { onGenerated: (generatedCollection) => {
         setValues(generatedCollection);
         onContinue();
-      }, generateCollection, trigger: /* @__PURE__ */ jsx(Button, { variant: "outlined", startIcon: /* @__PURE__ */ jsx(AIIcon, { size: "small" }), children: "Generate with AI" }) })
+      }, generateCollection, onAnalyticsEvent, trigger: /* @__PURE__ */ jsx(Button, { variant: "outlined", startIcon: /* @__PURE__ */ jsx(AIIcon, { size: "small" }), children: "Generate with AI" }) })
     ] });
     $[7] = generateCollection;
-    $[8] = onContinue;
-    $[9] = setValues;
-    $[10] = t9;
+    $[8] = onAnalyticsEvent;
+    $[9] = onContinue;
+    $[10] = setValues;
+    $[11] = t9;
   } else {
-    t9 = $[10];
+    t9 = $[11];
   }
   let t10;
-  if ($[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t10 = /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", className: "mb-2", children: "● Create from JSON configuration:" });
-    $[11] = t10;
+    $[12] = t10;
   } else {
-    t10 = $[11];
+    t10 = $[12];
   }
   let t11;
-  if ($[12] !== setJsonImportOpen) {
+  if ($[13] !== setJsonImportOpen) {
     t11 = () => setJsonImportOpen(true);
-    $[12] = setJsonImportOpen;
-    $[13] = t11;
+    $[13] = setJsonImportOpen;
+    $[14] = t11;
   } else {
-    t11 = $[13];
+    t11 = $[14];
   }
   let t12;
-  if ($[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t12 = /* @__PURE__ */ jsx(CodeIcon, { size: "small" });
-    $[14] = t12;
+    $[15] = t12;
   } else {
-    t12 = $[14];
+    t12 = $[15];
   }
   let t13;
-  if ($[15] !== t11) {
+  if ($[16] !== t11) {
     t13 = /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: t11, startIcon: t12, children: "Paste JSON Configuration" });
-    $[15] = t11;
-    $[16] = t13;
+    $[16] = t11;
+    $[17] = t13;
   } else {
-    t13 = $[16];
+    t13 = $[17];
   }
   let t14;
-  if ($[17] !== setJsonImportOpen) {
+  if ($[18] !== setJsonImportOpen) {
     t14 = () => setJsonImportOpen(false);
-    $[17] = setJsonImportOpen;
-    $[18] = t14;
+    $[18] = setJsonImportOpen;
+    $[19] = t14;
   } else {
-    t14 = $[18];
+    t14 = $[19];
   }
   let t15;
-  if ($[19] !== onContinue || $[20] !== setValues) {
+  if ($[20] !== onContinue || $[21] !== setValues) {
     t15 = (collection) => {
       setValues(collection);
       onContinue();
     };
-    $[19] = onContinue;
-    $[20] = setValues;
-    $[21] = t15;
+    $[20] = onContinue;
+    $[21] = setValues;
+    $[22] = t15;
   } else {
-    t15 = $[21];
+    t15 = $[22];
   }
   let t16;
-  if ($[22] !== jsonImportOpen || $[23] !== t14 || $[24] !== t15) {
+  if ($[23] !== jsonImportOpen || $[24] !== t14 || $[25] !== t15) {
     t16 = /* @__PURE__ */ jsx(CollectionJsonImportDialog, { open: jsonImportOpen, onClose: t14, onImport: t15 });
-    $[22] = jsonImportOpen;
-    $[23] = t14;
-    $[24] = t15;
-    $[25] = t16;
+    $[23] = jsonImportOpen;
+    $[24] = t14;
+    $[25] = t15;
+    $[26] = t16;
   } else {
-    t16 = $[25];
+    t16 = $[26];
   }
   let t17;
-  if ($[26] !== t13 || $[27] !== t16) {
+  if ($[27] !== t13 || $[28] !== t16) {
     t17 = /* @__PURE__ */ jsxs("div", { className: "my-2", children: [
       t10,
       t13,
       t16
     ] });
-    $[26] = t13;
-    $[27] = t16;
-    $[28] = t17;
+    $[27] = t13;
+    $[28] = t16;
+    $[29] = t17;
   } else {
-    t17 = $[28];
+    t17 = $[29];
   }
   let t18;
-  if ($[29] !== t17 || $[30] !== t9) {
+  if ($[30] !== t17 || $[31] !== t9) {
     t18 = /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-8", children: [
       t9,
       t17
     ] });
-    $[29] = t17;
-    $[30] = t9;
-    $[31] = t18;
+    $[30] = t17;
+    $[31] = t9;
+    $[32] = t18;
   } else {
-    t18 = $[31];
+    t18 = $[32];
   }
   let t19;
-  if ($[32] !== onContinue || $[33] !== parentCollection) {
+  if ($[33] !== onContinue || $[34] !== parentCollection) {
     t19 = !parentCollection && /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", className: "mb-2", children: "● Create a collection from a file (csv, json, xls, xslx...)" }),
       /* @__PURE__ */ jsx(ImportFileUpload, { onDataAdded: (data, propertiesOrder) => onContinue(data, propertiesOrder) })
     ] });
-    $[32] = onContinue;
-    $[33] = parentCollection;
-    $[34] = t19;
+    $[33] = onContinue;
+    $[34] = parentCollection;
+    $[35] = t19;
   } else {
-    t19 = $[34];
+    t19 = $[35];
   }
   let t20;
-  if ($[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t20 = /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: "● Select a template:" });
-    $[35] = t20;
+    $[36] = t20;
   } else {
-    t20 = $[35];
+    t20 = $[36];
   }
   let t21;
-  if ($[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[37] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t21 = /* @__PURE__ */ jsx(Icon, { size: "small", iconKey: productsCollectionTemplate.icon });
-    $[36] = t21;
+    $[37] = t21;
   } else {
-    t21 = $[36];
+    t21 = $[37];
   }
   let t22;
-  if ($[37] !== onContinue || $[38] !== setValues) {
+  if ($[38] !== onContinue || $[39] !== setValues) {
     t22 = /* @__PURE__ */ jsx(TemplateButton, { title: "Products", subtitle: "A collection of products with images, prices and stock", icon: t21, onClick: () => {
       setValues(productsCollectionTemplate);
       onContinue();
     } });
-    $[37] = onContinue;
-    $[38] = setValues;
-    $[39] = t22;
+    $[38] = onContinue;
+    $[39] = setValues;
+    $[40] = t22;
   } else {
-    t22 = $[39];
+    t22 = $[40];
   }
   let t23;
-  if ($[40] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[41] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t23 = /* @__PURE__ */ jsx(Icon, { size: "small", iconKey: usersCollectionTemplate.icon });
-    $[40] = t23;
+    $[41] = t23;
   } else {
-    t23 = $[40];
+    t23 = $[41];
   }
   let t24;
-  if ($[41] !== onContinue || $[42] !== setValues) {
+  if ($[42] !== onContinue || $[43] !== setValues) {
     t24 = /* @__PURE__ */ jsx(TemplateButton, { title: "Users", subtitle: "A collection of users with emails, names and roles", icon: t23, onClick: () => {
       setValues(usersCollectionTemplate);
       onContinue();
     } });
-    $[41] = onContinue;
-    $[42] = setValues;
-    $[43] = t24;
+    $[42] = onContinue;
+    $[43] = setValues;
+    $[44] = t24;
   } else {
-    t24 = $[43];
+    t24 = $[44];
   }
   let t25;
-  if ($[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[45] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t25 = /* @__PURE__ */ jsx(Icon, { size: "small", iconKey: blogCollectionTemplate.icon });
-    $[44] = t25;
+    $[45] = t25;
   } else {
-    t25 = $[44];
+    t25 = $[45];
   }
   let t26;
-  if ($[45] !== onContinue || $[46] !== setValues) {
+  if ($[46] !== onContinue || $[47] !== setValues) {
     t26 = /* @__PURE__ */ jsx(TemplateButton, { title: "Blog posts", subtitle: "A collection of blog posts with images, authors and complex content", icon: t25, onClick: () => {
       setValues(blogCollectionTemplate);
       onContinue();
     } });
-    $[45] = onContinue;
-    $[46] = setValues;
-    $[47] = t26;
+    $[46] = onContinue;
+    $[47] = setValues;
+    $[48] = t26;
   } else {
-    t26 = $[47];
+    t26 = $[48];
   }
   let t27;
-  if ($[48] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[49] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t27 = /* @__PURE__ */ jsx(Icon, { size: "small", iconKey: pagesCollectionTemplate.icon });
-    $[48] = t27;
+    $[49] = t27;
   } else {
-    t27 = $[48];
+    t27 = $[49];
   }
   let t28;
-  if ($[49] !== onContinue || $[50] !== setValues) {
+  if ($[50] !== onContinue || $[51] !== setValues) {
     t28 = /* @__PURE__ */ jsx(TemplateButton, { title: "Pages", subtitle: "A collection of pages with images, authors and complex content", icon: t27, onClick: () => {
       setValues(pagesCollectionTemplate);
       onContinue();
     } });
-    $[49] = onContinue;
-    $[50] = setValues;
-    $[51] = t28;
+    $[50] = onContinue;
+    $[51] = setValues;
+    $[52] = t28;
   } else {
-    t28 = $[51];
+    t28 = $[52];
   }
   let t29;
-  if ($[52] !== t22 || $[53] !== t24 || $[54] !== t26 || $[55] !== t28) {
+  if ($[53] !== t22 || $[54] !== t24 || $[55] !== t26 || $[56] !== t28) {
     t29 = /* @__PURE__ */ jsxs("div", { className: "my-2", children: [
       t20,
       /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
@@ -12710,16 +12753,16 @@ function CollectionEditorWelcomeView(t0) {
         t28
       ] })
     ] });
-    $[52] = t22;
-    $[53] = t24;
-    $[54] = t26;
-    $[55] = t28;
-    $[56] = t29;
+    $[53] = t22;
+    $[54] = t24;
+    $[55] = t26;
+    $[56] = t28;
+    $[57] = t29;
   } else {
-    t29 = $[56];
+    t29 = $[57];
   }
   let t30;
-  if ($[57] !== T0 || $[58] !== t18 || $[59] !== t19 || $[60] !== t29 || $[61] !== t6 || $[62] !== t7 || $[63] !== t8) {
+  if ($[58] !== T0 || $[59] !== t18 || $[60] !== t19 || $[61] !== t29 || $[62] !== t6 || $[63] !== t7 || $[64] !== t8) {
     t30 = /* @__PURE__ */ jsx("div", { className: t3, children: /* @__PURE__ */ jsxs(T0, { maxWidth: t4, className: t5, children: [
       t6,
       t7,
@@ -12728,16 +12771,16 @@ function CollectionEditorWelcomeView(t0) {
       t19,
       t29
     ] }) });
-    $[57] = T0;
-    $[58] = t18;
-    $[59] = t19;
-    $[60] = t29;
-    $[61] = t6;
-    $[62] = t7;
-    $[63] = t8;
-    $[64] = t30;
+    $[58] = T0;
+    $[59] = t18;
+    $[60] = t19;
+    $[61] = t29;
+    $[62] = t6;
+    $[63] = t7;
+    $[64] = t8;
+    $[65] = t30;
   } else {
-    t30 = $[64];
+    t30 = $[65];
   }
   return t30;
 }
@@ -13562,7 +13605,8 @@ function CollectionEditorInternal({
   existingEntities,
   initialView: initialViewProp,
   expandKanban,
-  generateCollection
+  generateCollection,
+  onAnalyticsEvent
 }) {
   const importConfig = useImportConfig();
   const navigation = useNavigationController();
@@ -13848,7 +13892,7 @@ function CollectionEditorInternal({
   return /* @__PURE__ */ jsxs(DialogContent, { fullHeight: true, children: [
     /* @__PURE__ */ jsx(Formex, { value: formController, children: /* @__PURE__ */ jsxs(Fragment, { children: [
       !isNewCollection && /* @__PURE__ */ jsxs("div", { className: cls("px-4 py-2 w-full flex items-center justify-end gap-2 bg-surface-50 dark:bg-surface-950 border-b", defaultBorderMixin), children: [
-        generateCollection && /* @__PURE__ */ jsx(AICollectionGeneratorPopover, { existingCollection: values_1, onGenerated: handleAIGenerated, generateCollection }),
+        generateCollection && /* @__PURE__ */ jsx(AICollectionGeneratorPopover, { existingCollection: values_1, onGenerated: handleAIGenerated, generateCollection, onAnalyticsEvent }),
         /* @__PURE__ */ jsxs(Tabs, { value: currentView, onValueChange: (v) => setCurrentView(v), children: [
           /* @__PURE__ */ jsx(Tab, { value: "general", children: "General" }),
           /* @__PURE__ */ jsx(Tab, { value: "display", children: "Display" }),
@@ -13859,7 +13903,7 @@ function CollectionEditorInternal({
       /* @__PURE__ */ jsxs("form", { noValidate: true, onSubmit: formController.handleSubmit, className: cls(isNewCollection ? "h-full" : "h-[calc(100%-48px)]", "flex-grow flex flex-col relative"), children: [
         currentView === "loading" && /* @__PURE__ */ jsx(CircularProgressCenter, {}),
         currentView === "extra_view" && path && extraView?.View && /* @__PURE__ */ jsx(extraView.View, { path }),
-        currentView === "welcome" && /* @__PURE__ */ jsx(CollectionEditorWelcomeView, { path, onContinue: onWelcomeScreenContinue, existingCollectionPaths: existingPaths, parentCollection, generateCollection }),
+        currentView === "welcome" && /* @__PURE__ */ jsx(CollectionEditorWelcomeView, { path, onContinue: onWelcomeScreenContinue, existingCollectionPaths: existingPaths, parentCollection, generateCollection, onAnalyticsEvent }),
         currentView === "import_data_mapping" && importConfig && /* @__PURE__ */ jsx(CollectionEditorImportMapping, { importConfig, collectionEditable, propertyConfigs }),
         currentView === "import_data_preview" && importConfig && /* @__PURE__ */ jsx(CollectionEditorImportDataPreview, { importConfig, properties: values_1.properties, propertiesOrder: values_1.propertiesOrder }),
         currentView === "import_data_saving" && importConfig && /* @__PURE__ */ jsx(ImportSaveInProgress, { importConfig, collection: values_1, path, onImportSuccess: async (importedCollection) => {
@@ -13926,7 +13970,9 @@ function applyPropertyConfigs(collection, propertyConfigs) {
   const propertiesResult = {};
   if (properties) {
     Object.keys(properties).forEach((key) => {
-      propertiesResult[key] = applyPropertiesConfig(properties[key], propertyConfigs);
+      const prop = properties[key];
+      if (prop == null) return;
+      propertiesResult[key] = applyPropertiesConfig(prop, propertyConfigs);
     });
   }
   return {
@@ -13936,7 +13982,7 @@ function applyPropertyConfigs(collection, propertyConfigs) {
 }
 function applyPropertiesConfig(property, propertyConfigs) {
   let internalProperty = property;
-  if (propertyConfigs && typeof internalProperty === "object" && internalProperty.propertyConfig) {
+  if (propertyConfigs && internalProperty && typeof internalProperty === "object" && internalProperty.propertyConfig) {
     const propertyConfig = propertyConfigs[internalProperty.propertyConfig];
     if (propertyConfig && isPropertyBuilder(propertyConfig.property)) {
       internalProperty = propertyConfig.property;
@@ -13980,7 +14026,7 @@ const validateId = (value, isNewCollection, existingPaths, existingIds) => {
 const ConfigControllerContext = React__default.createContext({});
 const CollectionEditorContext = React__default.createContext({});
 const ConfigControllerProvider = React__default.memo(function ConfigControllerProvider2(t0) {
-  const $ = c(71);
+  const $ = c(72);
   const {
     children,
     collectionConfigController,
@@ -14159,8 +14205,8 @@ const ConfigControllerProvider = React__default.memo(function ConfigControllerPr
     t7 = $[17];
   }
   let t8;
-  if ($[18] !== collectionConfigController || $[19] !== collectionInference || $[20] !== currentDialog || $[21] !== extraView || $[22] !== generateCollection || $[23] !== getData || $[24] !== getUser || $[25] !== reservedGroups || $[26] !== t6 || $[27] !== t7) {
-    t8 = /* @__PURE__ */ jsx(CollectionEditorDialog, { open: t6, configController: collectionConfigController, isNewCollection: false, collectionInference, ...currentDialog, getData, reservedGroups, extraView, getUser, generateCollection, handleClose: t7 });
+  if ($[18] !== collectionConfigController || $[19] !== collectionInference || $[20] !== currentDialog || $[21] !== extraView || $[22] !== generateCollection || $[23] !== getData || $[24] !== getUser || $[25] !== onAnalyticsEvent || $[26] !== reservedGroups || $[27] !== t6 || $[28] !== t7) {
+    t8 = /* @__PURE__ */ jsx(CollectionEditorDialog, { open: t6, configController: collectionConfigController, isNewCollection: false, collectionInference, ...currentDialog, getData, reservedGroups, extraView, getUser, generateCollection, onAnalyticsEvent, handleClose: t7 });
     $[18] = collectionConfigController;
     $[19] = collectionInference;
     $[20] = currentDialog;
@@ -14168,12 +14214,13 @@ const ConfigControllerProvider = React__default.memo(function ConfigControllerPr
     $[22] = generateCollection;
     $[23] = getData;
     $[24] = getUser;
-    $[25] = reservedGroups;
-    $[26] = t6;
-    $[27] = t7;
-    $[28] = t8;
+    $[25] = onAnalyticsEvent;
+    $[26] = reservedGroups;
+    $[27] = t6;
+    $[28] = t7;
+    $[29] = t8;
   } else {
-    t8 = $[28];
+    t8 = $[29];
   }
   const t9 = Boolean(currentPropertyDialog);
   const t10 = Boolean(currentPropertyDialog?.propertyKey);
@@ -14181,7 +14228,7 @@ const ConfigControllerProvider = React__default.memo(function ConfigControllerPr
   const t12 = !currentPropertyDialog ? false : !currentPropertyDialog?.propertyKey;
   const t13 = currentPropertyDialog?.collectionEditable ?? false;
   let t14;
-  if ($[29] !== currentPropertyDialog || $[30] !== getData || $[31] !== navigation) {
+  if ($[30] !== currentPropertyDialog || $[31] !== getData || $[32] !== navigation) {
     t14 = currentPropertyDialog?.existingEntities || getData && currentPropertyDialog?.editedCollectionId ? async () => {
       let data = [];
       if (currentPropertyDialog?.existingEntities) {
@@ -14195,15 +14242,15 @@ const ConfigControllerProvider = React__default.memo(function ConfigControllerPr
       }
       return data;
     } : void 0;
-    $[29] = currentPropertyDialog;
-    $[30] = getData;
-    $[31] = navigation;
-    $[32] = t14;
+    $[30] = currentPropertyDialog;
+    $[31] = getData;
+    $[32] = navigation;
+    $[33] = t14;
   } else {
-    t14 = $[32];
+    t14 = $[33];
   }
   let t15;
-  if ($[33] !== collectionConfigController || $[34] !== currentPropertyDialog || $[35] !== snackbarController) {
+  if ($[34] !== collectionConfigController || $[35] !== currentPropertyDialog || $[36] !== snackbarController) {
     t15 = (t162) => {
       const {
         id: id_0,
@@ -14232,15 +14279,15 @@ const ConfigControllerProvider = React__default.memo(function ConfigControllerPr
         return false;
       });
     };
-    $[33] = collectionConfigController;
-    $[34] = currentPropertyDialog;
-    $[35] = snackbarController;
-    $[36] = t15;
+    $[34] = collectionConfigController;
+    $[35] = currentPropertyDialog;
+    $[36] = snackbarController;
+    $[37] = t15;
   } else {
-    t15 = $[36];
+    t15 = $[37];
   }
   let t16;
-  if ($[37] !== collectionConfigController || $[38] !== currentPropertyDialog?.currentPropertiesOrder || $[39] !== currentPropertyDialog?.editedCollectionId || $[40] !== currentPropertyDialog?.namespace || $[41] !== currentPropertyDialog?.parentCollectionIds || $[42] !== currentPropertyDialog?.propertyKey || $[43] !== snackbarController) {
+  if ($[38] !== collectionConfigController || $[39] !== currentPropertyDialog?.currentPropertiesOrder || $[40] !== currentPropertyDialog?.editedCollectionId || $[41] !== currentPropertyDialog?.namespace || $[42] !== currentPropertyDialog?.parentCollectionIds || $[43] !== currentPropertyDialog?.propertyKey || $[44] !== snackbarController) {
     t16 = () => {
       if (!currentPropertyDialog?.propertyKey) {
         return;
@@ -14263,21 +14310,21 @@ const ConfigControllerProvider = React__default.memo(function ConfigControllerPr
         return false;
       });
     };
-    $[37] = collectionConfigController;
-    $[38] = currentPropertyDialog?.currentPropertiesOrder;
-    $[39] = currentPropertyDialog?.editedCollectionId;
-    $[40] = currentPropertyDialog?.namespace;
-    $[41] = currentPropertyDialog?.parentCollectionIds;
-    $[42] = currentPropertyDialog?.propertyKey;
-    $[43] = snackbarController;
-    $[44] = t16;
+    $[38] = collectionConfigController;
+    $[39] = currentPropertyDialog?.currentPropertiesOrder;
+    $[40] = currentPropertyDialog?.editedCollectionId;
+    $[41] = currentPropertyDialog?.namespace;
+    $[42] = currentPropertyDialog?.parentCollectionIds;
+    $[43] = currentPropertyDialog?.propertyKey;
+    $[44] = snackbarController;
+    $[45] = t16;
   } else {
-    t16 = $[44];
+    t16 = $[45];
   }
   let t17;
   let t18;
   let t19;
-  if ($[45] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t17 = () => {
       setCurrentPropertyDialog(void 0);
     };
@@ -14285,66 +14332,66 @@ const ConfigControllerProvider = React__default.memo(function ConfigControllerPr
       setCurrentPropertyDialog(void 0);
     };
     t19 = {};
-    $[45] = t17;
-    $[46] = t18;
-    $[47] = t19;
+    $[46] = t17;
+    $[47] = t18;
+    $[48] = t19;
   } else {
-    t17 = $[45];
-    t18 = $[46];
-    t19 = $[47];
+    t17 = $[46];
+    t18 = $[47];
+    t19 = $[48];
   }
   let t20;
-  if ($[48] !== currentPropertyDialog) {
+  if ($[49] !== currentPropertyDialog) {
     t20 = currentPropertyDialog?.collection?.properties ? Object.keys(currentPropertyDialog.collection.properties) : [];
-    $[48] = currentPropertyDialog;
-    $[49] = t20;
+    $[49] = currentPropertyDialog;
+    $[50] = t20;
   } else {
-    t20 = $[49];
+    t20 = $[50];
   }
   const t21 = currentPropertyDialog?.property;
   const t22 = currentPropertyDialog?.propertyKey;
   let t23;
-  if ($[50] !== propertyConfigs || $[51] !== t10 || $[52] !== t11 || $[53] !== t12 || $[54] !== t13 || $[55] !== t14 || $[56] !== t15 || $[57] !== t16 || $[58] !== t20 || $[59] !== t21 || $[60] !== t22 || $[61] !== t9) {
+  if ($[51] !== propertyConfigs || $[52] !== t10 || $[53] !== t11 || $[54] !== t12 || $[55] !== t13 || $[56] !== t14 || $[57] !== t15 || $[58] !== t16 || $[59] !== t20 || $[60] !== t21 || $[61] !== t22 || $[62] !== t9) {
     t23 = /* @__PURE__ */ jsx(PropertyFormDialog, { open: t9, includeIdAndName: true, existingProperty: t10, autoUpdateId: t11, autoOpenTypeSelect: t12, inArray: false, collectionEditable: t13, getData: t14, onPropertyChanged: t15, onPropertyChangedImmediate: false, onDelete: t16, onError: _temp3, onOkClicked: t17, onCancel: t18, initialErrors: t19, forceShowErrors: false, existingPropertyKeys: t20, allowDataInference: true, propertyConfigs, property: t21, propertyKey: t22 });
-    $[50] = propertyConfigs;
-    $[51] = t10;
-    $[52] = t11;
-    $[53] = t12;
-    $[54] = t13;
-    $[55] = t14;
-    $[56] = t15;
-    $[57] = t16;
-    $[58] = t20;
-    $[59] = t21;
-    $[60] = t22;
-    $[61] = t9;
-    $[62] = t23;
+    $[51] = propertyConfigs;
+    $[52] = t10;
+    $[53] = t11;
+    $[54] = t12;
+    $[55] = t13;
+    $[56] = t14;
+    $[57] = t15;
+    $[58] = t16;
+    $[59] = t20;
+    $[60] = t21;
+    $[61] = t22;
+    $[62] = t9;
+    $[63] = t23;
   } else {
-    t23 = $[62];
+    t23 = $[63];
   }
   let t24;
-  if ($[63] !== children || $[64] !== t23 || $[65] !== t5 || $[66] !== t8) {
+  if ($[64] !== children || $[65] !== t23 || $[66] !== t5 || $[67] !== t8) {
     t24 = /* @__PURE__ */ jsxs(CollectionEditorContext.Provider, { value: t5, children: [
       children,
       t8,
       t23
     ] });
-    $[63] = children;
-    $[64] = t23;
-    $[65] = t5;
-    $[66] = t8;
-    $[67] = t24;
+    $[64] = children;
+    $[65] = t23;
+    $[66] = t5;
+    $[67] = t8;
+    $[68] = t24;
   } else {
-    t24 = $[67];
+    t24 = $[68];
   }
   let t25;
-  if ($[68] !== collectionConfigController || $[69] !== t24) {
+  if ($[69] !== collectionConfigController || $[70] !== t24) {
     t25 = /* @__PURE__ */ jsx(ConfigControllerContext.Provider, { value: collectionConfigController, children: t24 });
-    $[68] = collectionConfigController;
-    $[69] = t24;
-    $[70] = t25;
+    $[69] = collectionConfigController;
+    $[70] = t24;
+    $[71] = t25;
   } else {
-    t25 = $[70];
+    t25 = $[71];
   }
   return t25;
 }, equal);