@firecms/collection_editor 3.1.0-canary.1df3b2c → 3.1.0-canary.24c8270

package/dist/index.umd.js

@@ -26,7 +26,7 @@
     path: Yup__namespace.string().required("Required")
   });
   function GeneralSettingsForm(t0) {
-    const $ = reactCompilerRuntime.c(142);
+    const $ = reactCompilerRuntime.c(146);
     const {
       isNewCollection,
       parentCollection
@@ -423,52 +423,70 @@
     } 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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs(core.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs(core.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__ */ jsxRuntime.jsx("b", { children: "__history" }),
         "."
       ] });
-      $[101] = t61;
+      $[104] = t63;
     } else {
-      t61 = $[101];
+      t63 = $[104];
     }
-    let t62;
-    if ($[102] !== t60) {
-      t62 = /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        t60,
-        t61
+    let t64;
+    if ($[105] !== t62) {
+      t64 = /* @__PURE__ */ jsxRuntime.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");
         }
@@ -484,166 +502,176 @@
           }
         }
       };
-      $[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__ */ jsxRuntime.jsx(ui.SelectItem, { value: "false", children: "Document ID is generated automatically" });
-      t67 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "true", children: "Users must define an ID" });
-      t68 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsx(core.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__ */ jsxRuntime.jsx(ui.SelectItem, { value: "false", children: "Document ID is generated automatically" });
+      t69 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "true", children: "Users must define an ID" });
+      t70 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs("div", { children: [
+    if ($[112] !== t65 || $[113] !== t66 || $[114] !== t67) {
+      t71 = /* @__PURE__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsx(core.FieldCaption, { children: "Configure how document IDs are generated when creating new entities." });
+      $[116] = t72;
+    } else {
+      t72 = $[116];
+    }
+    let t73;
+    if ($[117] !== t71) {
+      t73 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(core.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__ */ jsxRuntime.jsxs("div", { children: [
-        t74,
-        t75
-      ] });
-      $[122] = t74;
+    const t76 = values.textSearchEnabled ?? false;
+    let t77;
+    if ($[122] !== t75 || $[123] !== t76) {
+      t77 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsx(core.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { style: {
+    let t80;
+    if ($[128] !== t64 || $[129] !== t73 || $[130] !== t79) {
+      t80 = /* @__PURE__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "p-4 overflow-auto min-h-[200px]", children: /* @__PURE__ */ jsxRuntime.jsx(core.SearchIconsView, { selectedIcon: t79, onIconSelected: t80 }) });
-      $[131] = t79;
-      $[132] = t80;
-      $[133] = t81;
+    let t84;
+    if ($[135] !== t82 || $[136] !== t83) {
+      t84 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 overflow-auto min-h-[200px]", children: /* @__PURE__ */ jsxRuntime.jsx(core.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsx("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.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") {
@@ -8567,7 +8595,7 @@
       onPropertyChanged = $[6];
       open = $[7];
     }
-    const formexRef = React.useRef();
+    const formexRef = React.useRef(void 0);
     let t1;
     if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t1 = (helpers) => {
@@ -12363,7 +12391,8 @@
     generateCollection,
     trigger,
     size = "small",
-    showLabel = true
+    showLabel = true,
+    onAnalyticsEvent
   }) {
     const [menuOpen, setMenuOpen] = React.useState(false);
     const [prompt, setPrompt] = React.useState("");
@@ -12376,6 +12405,10 @@
       if (!prompt.trim()) return;
       setLoading(true);
       setError(null);
+      const mode = existingCollection ? "modify" : "create";
+      onAnalyticsEvent?.("ai_collection_generate_start", {
+        mode
+      });
       try {
         const collectionsContext = existingCollections.map((c) => ({
           path: c.path,
@@ -12400,6 +12433,10 @@
         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"
@@ -12408,6 +12445,10 @@
         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
@@ -12443,12 +12484,13 @@
     ] }) });
   }
   function CollectionEditorWelcomeView(t0) {
-    const $ = reactCompilerRuntime.c(65);
+    const $ = reactCompilerRuntime.c(66);
     const {
       parentCollection,
       onContinue,
       existingCollectionPaths,
-      generateCollection
+      generateCollection,
+      onAnalyticsEvent
     } = t0;
     const {
       pathSuggestions
@@ -12508,203 +12550,204 @@
       }, 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__ */ jsxRuntime.jsxs("div", { className: "my-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "secondary", className: "mb-2", children: "● Describe your collection to AI:" }),
         /* @__PURE__ */ jsxRuntime.jsx(AICollectionGeneratorPopover, { onGenerated: (generatedCollection) => {
           setValues(generatedCollection);
           onContinue();
-        }, generateCollection, trigger: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "outlined", startIcon: /* @__PURE__ */ jsxRuntime.jsx(core.AIIcon, { size: "small" }), children: "Generate with AI" }) })
+        }, generateCollection, onAnalyticsEvent, trigger: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "outlined", startIcon: /* @__PURE__ */ jsxRuntime.jsx(core.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.CodeIcon, { size: "small" });
-      $[14] = t12;
+      $[15] = t12;
     } else {
-      t12 = $[14];
+      t12 = $[15];
     }
     let t13;
-    if ($[15] !== t11) {
+    if ($[16] !== t11) {
       t13 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "secondary", className: "mb-2", children: "● Create a collection from a file (csv, json, xls, xslx...)" }),
         /* @__PURE__ */ jsxRuntime.jsx(data_import.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "my-2", children: [
         t20,
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
@@ -12714,16 +12757,16 @@
           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__ */ jsxRuntime.jsx("div", { className: t3, children: /* @__PURE__ */ jsxRuntime.jsxs(T0, { maxWidth: t4, className: t5, children: [
         t6,
         t7,
@@ -12732,16 +12775,16 @@
         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;
   }
@@ -13566,7 +13609,8 @@
     existingEntities,
     initialView: initialViewProp,
     expandKanban,
-    generateCollection
+    generateCollection,
+    onAnalyticsEvent
   }) {
     const importConfig = data_import.useImportConfig();
     const navigation = core.useNavigationController();
@@ -13852,7 +13896,7 @@
     return /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogContent, { fullHeight: true, children: [
       /* @__PURE__ */ jsxRuntime.jsx(formex.Formex, { value: formController, children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         !isNewCollection && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("px-4 py-2 w-full flex items-center justify-end gap-2 bg-surface-50 dark:bg-surface-950 border-b", ui.defaultBorderMixin), children: [
-          generateCollection && /* @__PURE__ */ jsxRuntime.jsx(AICollectionGeneratorPopover, { existingCollection: values_1, onGenerated: handleAIGenerated, generateCollection }),
+          generateCollection && /* @__PURE__ */ jsxRuntime.jsx(AICollectionGeneratorPopover, { existingCollection: values_1, onGenerated: handleAIGenerated, generateCollection, onAnalyticsEvent }),
           /* @__PURE__ */ jsxRuntime.jsxs(ui.Tabs, { value: currentView, onValueChange: (v) => setCurrentView(v), children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Tab, { value: "general", children: "General" }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Tab, { value: "display", children: "Display" }),
@@ -13863,7 +13907,7 @@
         /* @__PURE__ */ jsxRuntime.jsxs("form", { noValidate: true, onSubmit: formController.handleSubmit, className: ui.cls(isNewCollection ? "h-full" : "h-[calc(100%-48px)]", "flex-grow flex flex-col relative"), children: [
           currentView === "loading" && /* @__PURE__ */ jsxRuntime.jsx(core.CircularProgressCenter, {}),
           currentView === "extra_view" && path && extraView?.View && /* @__PURE__ */ jsxRuntime.jsx(extraView.View, { path }),
-          currentView === "welcome" && /* @__PURE__ */ jsxRuntime.jsx(CollectionEditorWelcomeView, { path, onContinue: onWelcomeScreenContinue, existingCollectionPaths: existingPaths, parentCollection, generateCollection }),
+          currentView === "welcome" && /* @__PURE__ */ jsxRuntime.jsx(CollectionEditorWelcomeView, { path, onContinue: onWelcomeScreenContinue, existingCollectionPaths: existingPaths, parentCollection, generateCollection, onAnalyticsEvent }),
           currentView === "import_data_mapping" && importConfig && /* @__PURE__ */ jsxRuntime.jsx(CollectionEditorImportMapping, { importConfig, collectionEditable, propertyConfigs }),
           currentView === "import_data_preview" && importConfig && /* @__PURE__ */ jsxRuntime.jsx(CollectionEditorImportDataPreview, { importConfig, properties: values_1.properties, propertiesOrder: values_1.propertiesOrder }),
           currentView === "import_data_saving" && importConfig && /* @__PURE__ */ jsxRuntime.jsx(data_import.ImportSaveInProgress, { importConfig, collection: values_1, path, onImportSuccess: async (importedCollection) => {
@@ -13930,7 +13974,9 @@
     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 {
@@ -13940,7 +13986,7 @@
   }
   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 && core.isPropertyBuilder(propertyConfig.property)) {
         internalProperty = propertyConfig.property;
@@ -13984,7 +14030,7 @@
   const ConfigControllerContext = React.createContext({});
   const CollectionEditorContext = React.createContext({});
   const ConfigControllerProvider = React.memo(function ConfigControllerProvider2(t0) {
-    const $ = reactCompilerRuntime.c(71);
+    const $ = reactCompilerRuntime.c(72);
     const {
       children,
       collectionConfigController,
@@ -14163,8 +14209,8 @@
       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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(CollectionEditorDialog, { open: t6, configController: collectionConfigController, isNewCollection: false, collectionInference, ...currentDialog, getData, reservedGroups, extraView, getUser, generateCollection, onAnalyticsEvent, handleClose: t7 });
       $[18] = collectionConfigController;
       $[19] = collectionInference;
       $[20] = currentDialog;
@@ -14172,12 +14218,13 @@
       $[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);
@@ -14185,7 +14232,7 @@
     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) {
@@ -14199,15 +14246,15 @@
         }
         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,
@@ -14236,15 +14283,15 @@
           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;
@@ -14267,21 +14314,21 @@
           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);
       };
@@ -14289,66 +14336,66 @@
         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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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);