@firecms/data_import_export 3.0.0-canary.4 → 3.0.0-canary.41

package/dist/index.es.js

@@ -1,221 +1,226 @@
-import C, { useState as j, useRef as Oe, useEffect as ce, useCallback as x, useMemo as Ie } from "react";
-import { jsxs as p, Fragment as $, jsx as s } from "react/jsx-runtime";
-import { getPropertyInPath as R, EntityReference as Ee, useSnackbarController as de, useCustomizationController as V, getFieldConfig as pe, ErrorBoundary as Ae, PropertyConfigBadge as fe, useDataSource as me, resolveCollection as ue, getPropertiesWithPropertiesOrder as Te, useSelectionController as je, EntityCollectionTable as ke, getArrayValuesCount as Fe, getValueInPath as Pe, useFireCMSContext as Me, useNavigationController as $e } from "@firecms/core";
-import { Table as Re, TableHeader as Le, TableCell as M, TableBody as _e, TableRow as Be, Typography as u, ChevronRightIcon as Je, Select as he, SelectItem as B, FileUpload as He, UploadIcon as Ue, TextField as We, IconButton as ee, EditIcon as ze, CenteredView as Ve, CircularProgress as ge, Tooltip as te, FileUploadIcon as Ge, Dialog as ye, DialogContent as be, DialogActions as xe, Button as k, cn as _, defaultBorderMixin as Xe, GetAppIcon as qe, Alert as Qe, focusedMixin as U, BooleanSwitchWithLabel as Ye } from "@firecms/ui";
-import { buildEntityPropertiesFromData as Ze } from "@firecms/schema_inference";
-import * as ie from "xlsx";
-const Ke = () => {
-  const [e, r] = j(!1), [n, t] = j(), [a, i] = j([]), [o, l] = j([]), [d, c] = j({}), [f, m] = j({});
+import C, { useState as O, useRef as Ee, useEffect as de, useCallback as b, useMemo as Ie } from "react";
+import { jsxs as f, Fragment as M, jsx as o } from "react/jsx-runtime";
+import { getPropertyInPath as _, EntityReference as Ae, useSnackbarController as pe, useCustomizationController as X, getFieldConfig as fe, ErrorBoundary as Te, PropertyConfigBadge as me, useDataSource as ue, resolveCollection as he, getPropertiesWithPropertiesOrder as je, useSelectionController as Fe, EntityCollectionTable as Pe, slugify as ke, getArrayValuesCount as Me, getValueInPath as _e, useFireCMSContext as $e, useNavigationController as Re } from "@firecms/core";
+import { Table as Je, TableHeader as Le, TableCell as k, TableBody as Be, TableRow as He, Typography as u, ChevronRightIcon as Ue, Select as ge, SelectItem as H, FileUpload as We, UploadIcon as ze, TextField as Ve, IconButton as ee, EditIcon as Ge, CenteredView as ie, Button as E, CircularProgress as ye, Tooltip as te, FileUploadIcon as Xe, Dialog as be, DialogContent as xe, DialogActions as ve, cn as B, defaultBorderMixin as qe, GetAppIcon as Qe, Alert as Ye, focusedMixin as z, BooleanSwitchWithLabel as Ze } from "@firecms/ui";
+import { buildEntityPropertiesFromData as Ke } from "@firecms/schema_inference";
+import * as oe from "xlsx";
+const et = () => {
+  const [e, r] = O(!1), [a, t] = O(), [n, i] = O([]), [s, d] = O([]), [c, l] = O({}), [p, m] = O({});
   return {
     inUse: e,
     setInUse: r,
-    idColumn: n,
+    idColumn: a,
     setIdColumn: t,
-    entities: o,
-    setEntities: l,
-    importData: a,
+    entities: s,
+    setEntities: d,
+    importData: n,
     setImportData: i,
-    headersMapping: d,
-    setHeadersMapping: c,
-    originProperties: f,
+    headersMapping: c,
+    setHeadersMapping: l,
+    originProperties: p,
     setOriginProperties: m
   };
 };
-function et(e) {
-  return new Promise((r, n) => {
+function tt(e) {
+  return new Promise((r, a) => {
     if (e.type === "application/json") {
       console.debug("Converting JSON file to JSON", e.name);
       const t = new FileReader();
-      t.onload = function(a) {
-        const i = a.target?.result, o = JSON.parse(i);
-        Array.isArray(o) || n(new Error("JSON file should contain an array of objects")), r(o);
+      t.onload = function(n) {
+        try {
+          const i = n.target?.result, s = JSON.parse(i);
+          Array.isArray(s) || a(new Error("JSON file should contain an array of objects")), r(s);
+        } catch (i) {
+          console.error("Error parsing JSON file", i), a(i);
+        }
       }, t.readAsText(e);
     } else {
       console.debug("Converting Excel file to JSON", e.name);
       const t = new FileReader();
-      t.onload = function(a) {
-        const i = new Uint8Array(a.target?.result), o = ie.read(
+      t.onload = function(n) {
+        const i = new Uint8Array(n.target?.result), s = oe.read(
           i,
           {
             type: "array",
             codepage: 65001,
             cellDates: !0
           }
-        ), l = o.SheetNames[0], d = o.Sheets[l], m = ie.utils.sheet_to_json(d).map(tt).map(ve);
+        ), d = s.SheetNames[0], c = s.Sheets[d], m = oe.utils.sheet_to_json(c).map(rt).map(Ce);
         r(m);
       }, t.readAsArrayBuffer(e);
     }
   });
 }
-function tt(e) {
-  return Object.keys(e).reduce((r, n) => {
+function rt(e) {
+  return Object.keys(e).reduce((r, a) => {
     try {
-      r[n] = JSON.parse(e[n]);
+      r[a] = JSON.parse(e[a]);
     } catch {
-      r[n] = e[n];
+      r[a] = e[a];
     }
     return r;
   }, {});
 }
-function ve(e) {
-  return Object.keys(e).reduce((r, n) => {
+function Ce(e) {
+  return Object.keys(e).reduce((r, a) => {
     let t = r;
-    const a = n.split(".");
-    return a.forEach((i, o) => {
+    const n = a.split(".");
+    return n.forEach((i, s) => {
       if (/^[\w]+\[\d+\]$/.test(i)) {
-        const l = i.slice(0, i.indexOf("[")), d = parseInt(i.slice(i.indexOf("[") + 1, i.indexOf("]")));
-        t[l] || (t[l] = []), o !== a.length - 1 ? (t[l][d] = t[l][d] || {}, t = t[l][d]) : t[l][d] = e[n];
+        const d = i.slice(0, i.indexOf("[")), c = parseInt(i.slice(i.indexOf("[") + 1, i.indexOf("]")));
+        t[d] || (t[d] = []), s !== n.length - 1 ? (t[d][c] = t[d][c] || {}, t = t[d][c]) : t[d][c] = e[a];
       } else
-        o !== a.length - 1 ? (t[i] = t[i] || {}, t = t[i]) : t[i] = e[n];
+        s !== n.length - 1 ? (t[i] = t[i] || {}, t = t[i]) : t[i] = e[a];
     }), r;
   }, {});
 }
-function rt(e, r, n, t, a, i) {
-  const o = Ce(e);
-  r && delete o[r];
-  const l = Object.entries(o).map(([c, f]) => {
-    const m = n[c] ?? c;
-    if (!R(t, m))
+function nt(e, r, a, t, n, i) {
+  const s = we(e);
+  r && delete s[r];
+  const d = Object.entries(s).map(([p, m]) => {
+    const h = a[p] ?? p;
+    if (!_(t, h))
       return {};
-    const h = a[m];
-    let S = f;
-    return h && (S = Z(f, h)), {
-      [m]: S
+    const I = n[h];
+    let A = m;
+    return I && (A = Z(m, I)), {
+      [h]: A
     };
-  }).reduce((c, f) => ({ ...c, ...f }), {}), d = ve(l);
-  return {
-    id: r ? e[r] : void 0,
-    values: d,
+  }).reduce((p, m) => ({ ...p, ...m }), {}), c = Ce(d);
+  let l = r ? e[r] : void 0;
+  return typeof l == "string" ? l = l.trim() : typeof l == "number" || typeof l == "boolean" ? l = l.toString() : l instanceof Date ? l = l.toISOString() : l && "toString" in l && (l = l.toString()), {
+    id: l,
+    values: c,
     path: i
   };
 }
-function Ce(e, r = "") {
-  return Object.keys(e).reduce((n, t) => {
-    const a = r ? `${r}.${t}` : t;
-    return typeof e[t] == "object" && e[t] !== null && !Array.isArray(e[t]) ? Object.assign(n, Ce(e[t], a)) : n[a] = e[t], n;
+function we(e, r = "") {
+  return Object.keys(e).reduce((a, t) => {
+    const n = r ? `${r}.${t}` : t;
+    return typeof e[t] == "object" && e[t] !== null && !Array.isArray(e[t]) ? Object.assign(a, we(e[t], n)) : a[n] = e[t], a;
   }, {});
 }
 function Z(e, r) {
   if (r === void 0)
     return e;
   const {
-    from: n,
+    from: a,
     to: t
   } = r;
-  if (n === "array" && t === "array" && r.fromSubtype && r.toSubtype && Array.isArray(e))
-    return e.map((a) => Z(a, {
+  if (a === "array" && t === "array" && r.fromSubtype && r.toSubtype && Array.isArray(e))
+    return e.map((n) => Z(n, {
       from: r.fromSubtype,
       to: r.toSubtype
     }));
-  if (n === "string" && t === "number" && typeof e == "string")
+  if (a === "string" && t === "number" && typeof e == "string")
     return Number(e);
-  if (n === "string" && t === "array" && r.toSubtype && typeof e == "string")
-    return e.split(",").map((a) => Z(a, {
+  if (a === "string" && t === "array" && r.toSubtype && typeof e == "string")
+    return e.split(",").map((n) => Z(n, {
       from: "string",
       to: r.toSubtype
     }));
-  if (n === "string" && t === "boolean")
+  if (a === "string" && t === "boolean")
     return e === "true";
-  if (n === "number" && t === "boolean")
+  if (a === "number" && t === "boolean")
     return e === 1;
-  if (n === "boolean" && t === "number")
+  if (a === "boolean" && t === "number")
     return e ? 1 : 0;
-  if (n === "boolean" && t === "string")
+  if (a === "boolean" && t === "string")
     return e ? "true" : "false";
-  if (n === "number" && t === "string" && typeof e == "number")
+  if (a === "number" && t === "string" && typeof e == "number")
     return e.toString();
-  if (n === "string" && t === "array" && typeof e == "string")
-    return e.split(",").map((a) => a.trim());
-  if (n === "string" && t === "date" && typeof e == "string")
+  if (a === "string" && t === "array" && typeof e == "string")
+    return e.split(",").map((n) => n.trim());
+  if (a === "string" && t === "date" && typeof e == "string")
     try {
       return new Date(e);
     } catch {
       return e;
     }
   else {
-    if (n === "date" && t === "string")
+    if (a === "date" && t === "string")
       return e instanceof Date && e.toISOString();
-    if (n === "number" && t === "date" && typeof e == "number")
+    if (a === "number" && t === "date" && typeof e == "number")
       try {
         return new Date(e);
       } catch {
         return e;
       }
-    else if (n === "string" && t === "reference" && typeof e == "string") {
-      const a = e.split("/").slice(0, -1).join("/"), i = e.split("/").slice(-1)[0];
-      return new Ee(i, a);
+    else if (a === "string" && t === "reference" && typeof e == "string") {
+      const n = e.split("/").slice(0, -1).join("/"), i = e.split("/").slice(-1)[0];
+      return new Ae(i, n);
     } else {
-      if (n === t)
+      if (a === t)
         return e;
-      if (n === "array" && t === "string" && Array.isArray(e))
+      if (a === "array" && t === "string" && Array.isArray(e))
         return e.join(",");
     }
   }
   return e;
 }
-function nt(e) {
+function at(e) {
   return typeof e == "number" ? "number" : typeof e == "string" ? "string" : typeof e == "boolean" ? "boolean" : e instanceof Date ? "date" : Array.isArray(e) ? "array" : "map";
 }
-function at(e, r) {
-  function n(t, a) {
+function it(e, r) {
+  function a(t, n) {
     const i = {};
-    return Object.keys(t).forEach((o) => {
-      const l = a ? `${a}.${o}` : o, d = R(t, o), c = R(e, l);
-      if (d) {
-        if (d.dataType === "map" && d.properties) {
-          const f = n(d.properties, l);
-          Object.keys(f).forEach((m) => {
-            i[`${l}.${m}`] = f[m];
+    return Object.keys(t).forEach((s) => {
+      const d = n ? `${n}.${s}` : s, c = _(t, s), l = _(e, d);
+      if (c) {
+        if (c.dataType === "map" && c.properties) {
+          const p = a(c.properties, d);
+          Object.keys(p).forEach((m) => {
+            i[`${d}.${m}`] = p[m];
           });
           return;
         }
-        if (c) {
-          const f = c.dataType, m = d.dataType;
-          let y, h;
-          d.dataType === "array" && d.of && (h = d.of.dataType), c?.dataType === "array" && c?.of && (y = c.of.dataType), (f !== m || y !== h) && (i[o] = {
-            from: f,
+        if (l) {
+          const p = l.dataType, m = c.dataType;
+          let h, g;
+          c.dataType === "array" && c.of && (g = c.of.dataType), l?.dataType === "array" && l?.of && (h = l.of.dataType), (p !== m || h !== g) && (i[s] = {
+            from: p,
             to: m,
-            fromSubtype: y,
-            toSubtype: h
+            fromSubtype: h,
+            toSubtype: g
           });
         }
       }
     }), i;
   }
-  return n(r);
+  return a(r);
 }
-function it({
+function ot({
   idColumn: e,
   headersMapping: r,
-  originProperties: n,
+  originProperties: a,
   destinationProperties: t,
-  onIdPropertyChanged: a,
+  onIdPropertyChanged: n,
   buildPropertyView: i
 }) {
-  return /* @__PURE__ */ p($, { children: [
-    /* @__PURE__ */ s(
+  return /* @__PURE__ */ f(M, { children: [
+    /* @__PURE__ */ o(
       st,
       {
         idColumn: e,
         headersMapping: r,
-        onChange: a
+        onChange: n
       }
     ),
-    /* @__PURE__ */ p(Re, { style: {
+    /* @__PURE__ */ f(Je, { style: {
       tableLayout: "fixed"
     }, children: [
-      /* @__PURE__ */ p(Le, { children: [
-        /* @__PURE__ */ s(M, { header: !0, style: { width: "20%" }, children: "Column in file" }),
-        /* @__PURE__ */ s(M, { header: !0 }),
-        /* @__PURE__ */ s(M, { header: !0, style: { width: "75%" }, children: "Property" })
+      /* @__PURE__ */ f(Le, { children: [
+        /* @__PURE__ */ o(k, { header: !0, style: { width: "20%" }, children: "Column in file" }),
+        /* @__PURE__ */ o(k, { header: !0 }),
+        /* @__PURE__ */ o(k, { header: !0, style: { width: "75%" }, children: "Property" })
       ] }),
-      /* @__PURE__ */ s(_e, { children: t && Object.entries(r).map(
-        ([o, l]) => {
-          const d = r[o], c = l ? R(t, l) : null, f = R(n, o), m = f ? f.dataType === "array" && typeof f.of == "object" ? `${f.dataType} - ${f.of.dataType}` : f.dataType : void 0;
-          return /* @__PURE__ */ p(Be, { style: { height: "90px" }, children: [
-            /* @__PURE__ */ p(M, { style: { width: "20%" }, children: [
-              /* @__PURE__ */ s(u, { variant: "body2", children: o }),
-              f && /* @__PURE__ */ s(
+      /* @__PURE__ */ o(Be, { children: t && Object.entries(r).map(
+        ([s, d]) => {
+          const c = r[s], l = d ? _(t, d) : null, p = _(a, s), m = p ? p.dataType === "array" && typeof p.of == "object" ? `${p.dataType} - ${p.of.dataType}` : p.dataType : void 0;
+          return /* @__PURE__ */ f(He, { style: { height: "90px" }, children: [
+            /* @__PURE__ */ f(k, { style: { width: "20%" }, children: [
+              /* @__PURE__ */ o(u, { variant: "body2", children: s }),
+              p && /* @__PURE__ */ o(
                 u,
                 {
                   variant: "caption",
@@ -224,21 +229,21 @@ function it({
                 }
               )
             ] }),
-            /* @__PURE__ */ s(M, { children: /* @__PURE__ */ s(Je, {}) }),
-            /* @__PURE__ */ s(
-              M,
+            /* @__PURE__ */ o(k, { children: /* @__PURE__ */ o(Ue, {}) }),
+            /* @__PURE__ */ o(
+              k,
               {
-                className: o === e ? "text-center" : void 0,
+                className: s === e ? "text-center" : void 0,
                 style: { width: "75%" },
                 children: i?.({
-                  isIdColumn: o === e,
-                  property: c,
-                  propertyKey: d,
-                  importKey: o
+                  isIdColumn: s === e,
+                  property: l,
+                  propertyKey: c,
+                  importKey: s
                 })
               }
             )
-          ] }, o);
+          ] }, s);
         }
       ) })
     ] })
@@ -247,29 +252,30 @@ function it({
 function st({
   idColumn: e,
   headersMapping: r,
-  onChange: n
+  onChange: a
 }) {
-  return /* @__PURE__ */ s("div", { children: /* @__PURE__ */ p(
-    he,
+  return /* @__PURE__ */ o("div", { children: /* @__PURE__ */ f(
+    ge,
     {
       size: "small",
       value: e ?? "",
       onChange: (t) => {
-        n(t.target.value);
+        const n = t.target.value;
+        a(n === "none" ? null : n);
       },
-      renderValue: (t) => /* @__PURE__ */ s(u, { variant: "body2", children: t !== "" ? t : "Autogenerate ID" }),
+      renderValue: (t) => /* @__PURE__ */ o(u, { variant: "body2", children: t !== "" ? t : "Autogenerate ID" }),
       label: "Column that will be used as ID for each document",
       children: [
-        /* @__PURE__ */ s(B, { value: "", children: "Autogenerate ID" }),
-        Object.entries(r).map(([t, a]) => /* @__PURE__ */ s(B, { value: t, children: t }, t))
+        /* @__PURE__ */ o(H, { value: "none", children: "Autogenerate ID" }),
+        Object.entries(r).map(([t, n]) => /* @__PURE__ */ o(H, { value: t, children: t }, t))
       ]
     }
   ) });
 }
-function ot({ onDataAdded: e }) {
-  const r = de();
-  return /* @__PURE__ */ s(
-    He,
+function lt({ onDataAdded: e }) {
+  const r = pe();
+  return /* @__PURE__ */ o(
+    We,
     {
       accept: {
         "text/*": [".csv", ".xls", ".xlsx"],
@@ -284,12 +290,12 @@ function ot({ onDataAdded: e }) {
       preventDropOnDocument: !0,
       size: "small",
       maxFiles: 1,
-      uploadDescription: /* @__PURE__ */ p($, { children: [
-        /* @__PURE__ */ s(Ue, {}),
+      uploadDescription: /* @__PURE__ */ f(M, { children: [
+        /* @__PURE__ */ o(ze, {}),
         "Drag and drop a file here or click to upload"
       ] }),
-      onFilesAdded: (n) => {
-        n.length > 0 && et(n[0]).then((t) => {
+      onFilesAdded: (a) => {
+        a.length > 0 && tt(a[0]).then((t) => {
           e(t);
         }).catch((t) => {
           console.error("Error parsing file", t), r.open({ type: "error", message: t.message });
@@ -301,178 +307,191 @@ function ot({ onDataAdded: e }) {
 function Dt({
   propertyKey: e,
   property: r,
-  onEditClick: n,
+  onEditClick: a,
   includeName: t = !0,
-  onPropertyNameChanged: a,
+  onPropertyNameChanged: n,
   propertyTypeView: i
 }) {
-  const { propertyConfigs: o } = V(), l = r ? pe(r, o) : null;
-  return /* @__PURE__ */ s(Ae, { children: /* @__PURE__ */ p(
+  const { propertyConfigs: s } = X(), d = r ? fe(r, s) : null;
+  return /* @__PURE__ */ o(Te, { children: /* @__PURE__ */ f(
     "div",
     {
       className: "flex flex-row w-full items-center",
       children: [
-        /* @__PURE__ */ s("div", { className: "mx-4", children: i ?? /* @__PURE__ */ s(fe, { propertyConfig: l ?? void 0 }) }),
-        /* @__PURE__ */ s("div", { className: "w-full flex flex-col grow", children: /* @__PURE__ */ p("div", { className: "flex flex-row items-center gap-2", children: [
-          t && /* @__PURE__ */ s(
-            We,
+        /* @__PURE__ */ o("div", { className: "mx-4", children: i ?? /* @__PURE__ */ o(me, { propertyConfig: d ?? void 0 }) }),
+        /* @__PURE__ */ o("div", { className: "w-full flex flex-col grow", children: /* @__PURE__ */ f("div", { className: "flex flex-row items-center gap-2", children: [
+          t && /* @__PURE__ */ o(
+            Ve,
             {
               size: "small",
               className: "text-base grow",
               value: r?.name ?? "",
-              onChange: (d) => {
-                a && e && a(e, d.target.value);
+              onChange: (c) => {
+                n && e && n(e, c.target.value);
               }
             }
           ),
-          /* @__PURE__ */ s(ee, { onClick: n, size: "small", children: /* @__PURE__ */ s(ze, { size: "small" }) })
+          /* @__PURE__ */ o(ee, { onClick: a, size: "small", children: /* @__PURE__ */ o(Ge, { size: "small" }) })
         ] }) })
       ]
     }
   ) });
 }
-function lt({
-  importConfig: e,
-  collection: r,
-  onImportSuccess: n
+function ct({
+  path: e,
+  importConfig: r,
+  collection: a,
+  onImportSuccess: t
 }) {
-  const t = me(), a = Oe(!1), [i, o] = j(0);
-  function l() {
-    a.current || (a.current = !0, we(
-      t,
-      r,
-      e.entities,
+  const [n, i] = O(void 0), s = ue(), d = Ee(!1), [c, l] = O(0);
+  function p() {
+    d.current || (d.current = !0, Se(
+      s,
+      a,
+      e,
+      r.entities,
       0,
       25,
-      o
+      l
     ).then(() => {
-      n(r), a.current = !1;
+      t(a), d.current = !1;
+    }).catch((m) => {
+      i(m), d.current = !1;
     }));
   }
-  return ce(() => {
-    l();
-  }, []), /* @__PURE__ */ p(Ve, { className: "flex flex-col gap-4 items-center", children: [
-    /* @__PURE__ */ s(ge, {}),
-    /* @__PURE__ */ s(u, { variant: "h6", children: "Saving data" }),
-    /* @__PURE__ */ p(u, { variant: "body2", children: [
-      i,
+  return de(() => {
+    p();
+  }, []), n ? /* @__PURE__ */ f(ie, { className: "flex flex-col gap-4 items-center", children: [
+    /* @__PURE__ */ o(u, { variant: "h6", children: "Error saving data" }),
+    /* @__PURE__ */ o(u, { variant: "body2", color: "error", children: n.message }),
+    /* @__PURE__ */ o(
+      E,
+      {
+        onClick: p,
+        variant: "outlined",
+        children: "Retry"
+      }
+    )
+  ] }) : /* @__PURE__ */ f(ie, { className: "flex flex-col gap-4 items-center", children: [
+    /* @__PURE__ */ o(ye, {}),
+    /* @__PURE__ */ o(u, { variant: "h6", children: "Saving data" }),
+    /* @__PURE__ */ f(u, { variant: "body2", children: [
+      c,
       "/",
-      e.entities.length,
+      r.entities.length,
       " entities saved"
     ] }),
-    /* @__PURE__ */ s(u, { variant: "caption", children: "Do not close this tab or the import will be interrupted." })
+    /* @__PURE__ */ o(u, { variant: "caption", children: "Do not close this tab or the import will be interrupted." })
   ] });
 }
-function we(e, r, n, t = 0, a = 25, i) {
-  console.debug("Saving imported data", t, a);
-  const o = n.slice(t, t + a);
-  return Promise.all(o.map((l) => e.saveEntity({
-    path: r.path,
-    // TODO: should check if this is correct, specially for subcollections
-    values: l.values,
-    entityId: l.id,
+function Se(e, r, a, t, n = 0, i = 25, s) {
+  console.debug("Saving imported data", n, i);
+  const d = t.slice(n, n + i);
+  return Promise.all(d.map((c) => e.saveEntity({
+    path: a,
+    values: c.values,
+    entityId: c.id,
     collection: r,
     status: "new"
-  }))).then(() => t + a < n.length ? (i(t + a), we(e, r, n, t + a, a, i)) : (i(n.length), Promise.resolve()));
+  }))).then(() => n + i < t.length ? (s(n + i), Se(e, r, a, t, n + i, i, s)) : (s(t.length), Promise.resolve()));
 }
-function ct({
+function dt({
   collection: e,
   path: r,
-  collectionEntitiesCount: n
+  collectionEntitiesCount: a,
+  onAnalyticsEvent: t
 }) {
-  const t = V(), a = de(), [i, o] = C.useState(!1), [l, d] = C.useState("initial"), c = Ke(), f = x(() => {
-    o(!0), d("initial");
-  }, [o]), m = x(() => {
-    o(!1);
-  }, [o]), y = x(() => {
-    d("preview");
-  }, []), h = x(() => {
-    d("import_data_saving");
-  }, []), S = async (g) => {
-    if (c.setImportData(g), g.length > 0) {
-      const I = await Ze(g, nt);
-      c.setOriginProperties(I);
-      const E = Se(g);
-      c.setHeadersMapping(E);
-      const A = Object.keys(E)?.[0];
-      if (A?.includes("id") || A?.includes("key")) {
-        const w = A;
-        c.setIdColumn(w);
-      }
+  const n = X(), i = pe(), [s, d] = C.useState(!1), [c, l] = C.useState("initial"), p = et(), m = b(() => {
+    d(!0), l("initial");
+  }, [d]), h = b(() => {
+    d(!1);
+  }, [d]), g = b(() => {
+    l("preview");
+  }, []), I = b(() => {
+    l("import_data_saving");
+  }, []), A = async (y) => {
+    if (p.setImportData(y), y.length > 0) {
+      const T = await Ke(y, at);
+      p.setOriginProperties(T);
+      const J = Ne(y, e?.properties);
+      p.setHeadersMapping(J);
+      const w = Object.keys(J)?.[0];
+      (w?.includes("id") || w?.includes("key")) && p.setIdColumn(w);
     }
     setTimeout(() => {
-      d("mapping");
+      l("mapping");
     }, 100);
-  }, N = ue({
+  }, $ = he({
     collection: e,
     path: r,
-    fields: t.propertyConfigs
-  }), L = Te(N.properties, N.propertiesOrder), O = Object.entries(L).flatMap(([g, I]) => De(g, I, 0)), J = N.propertiesOrder ?? Object.keys(N.properties);
-  return e.collectionGroup ? null : /* @__PURE__ */ p($, { children: [
-    /* @__PURE__ */ s(te, { title: "Import", children: /* @__PURE__ */ s(ee, { color: "primary", onClick: f, children: /* @__PURE__ */ s(Ge, {}) }) }),
-    /* @__PURE__ */ p(
-      ye,
+    fields: n.propertyConfigs
+  }), x = je($.properties, $.propertiesOrder), U = Object.entries(x).flatMap(([y, T]) => De(y, T, 0)), R = $.propertiesOrder ?? Object.keys($.properties);
+  return e.collectionGroup ? null : /* @__PURE__ */ f(M, { children: [
+    /* @__PURE__ */ o(te, { title: "Import", children: /* @__PURE__ */ o(ee, { color: "primary", onClick: m, children: /* @__PURE__ */ o(Xe, {}) }) }),
+    /* @__PURE__ */ f(
+      be,
       {
-        open: i,
-        fullWidth: l === "preview",
-        fullHeight: l === "preview",
-        maxWidth: l === "initial" ? "lg" : "7xl",
+        open: s,
+        fullWidth: c === "preview",
+        fullHeight: c === "preview",
+        maxWidth: c === "initial" ? "lg" : "7xl",
         children: [
-          /* @__PURE__ */ p(be, { className: "flex flex-col gap-4 my-4", fullHeight: l === "preview", children: [
-            l === "initial" && /* @__PURE__ */ p($, { children: [
-              /* @__PURE__ */ s(u, { variant: "h6", children: "Import data" }),
-              /* @__PURE__ */ s(u, { variant: "body2", children: "Upload a CSV, Excel or JSON file and map it to your existing schema" }),
-              /* @__PURE__ */ s(ot, { onDataAdded: S })
+          /* @__PURE__ */ f(xe, { className: "flex flex-col gap-4 my-4", fullHeight: c === "preview", children: [
+            c === "initial" && /* @__PURE__ */ f(M, { children: [
+              /* @__PURE__ */ o(u, { variant: "h6", children: "Import data" }),
+              /* @__PURE__ */ o(u, { variant: "body2", children: "Upload a CSV, Excel or JSON file and map it to your existing schema" }),
+              /* @__PURE__ */ o(lt, { onDataAdded: A })
             ] }),
-            l === "mapping" && /* @__PURE__ */ p($, { children: [
-              /* @__PURE__ */ s(u, { variant: "h6", children: "Map fields" }),
-              /* @__PURE__ */ s(
-                it,
+            c === "mapping" && /* @__PURE__ */ f(M, { children: [
+              /* @__PURE__ */ o(u, { variant: "h6", children: "Map fields" }),
+              /* @__PURE__ */ o(
+                ot,
                 {
-                  headersMapping: c.headersMapping,
-                  idColumn: c.idColumn,
-                  originProperties: c.originProperties,
-                  destinationProperties: L,
-                  onIdPropertyChanged: (g) => c.setIdColumn(g),
+                  headersMapping: p.headersMapping,
+                  idColumn: p.idColumn,
+                  originProperties: p.originProperties,
+                  destinationProperties: x,
+                  onIdPropertyChanged: (y) => p.setIdColumn(y ?? void 0),
                   buildPropertyView: ({
-                    isIdColumn: g,
-                    property: I,
-                    propertyKey: E,
-                    importKey: A
-                  }) => /* @__PURE__ */ s(
-                    dt,
+                    isIdColumn: y,
+                    property: T,
+                    propertyKey: J,
+                    importKey: w
+                  }) => /* @__PURE__ */ o(
+                    pt,
                     {
-                      selectedPropertyKey: E ?? "",
-                      properties: L,
-                      propertiesAndLevel: O,
-                      isIdColumn: g,
+                      selectedPropertyKey: J ?? "",
+                      properties: x,
+                      propertiesAndLevel: U,
+                      isIdColumn: y,
                       onIdSelected: () => {
-                        c.setIdColumn(A);
+                        p.setIdColumn(w);
                       },
-                      onPropertySelected: (w) => {
-                        const G = Object.entries(c.headersMapping).map(([b, F]) => F === w ? { [b]: null } : b === A ? { [b]: w } : { [b]: F }).reduce((b, F) => ({ ...b, ...F }), {});
-                        c.setHeadersMapping(G), w === c.idColumn && c.setIdColumn(void 0);
+                      onPropertySelected: (L) => {
+                        const j = Object.entries(p.headersMapping).map(([S, D]) => D === L ? { [S]: null } : S === w ? { [S]: L } : { [S]: D }).reduce((S, D) => ({ ...S, ...D }), {});
+                        p.setHeadersMapping(j), L === p.idColumn && p.setIdColumn(void 0);
                       }
                     }
                   )
                 }
               )
             ] }),
-            l === "preview" && /* @__PURE__ */ s(
-              pt,
+            c === "preview" && /* @__PURE__ */ o(
+              ft,
               {
-                importConfig: c,
-                properties: L,
-                propertiesOrder: J
+                importConfig: p,
+                properties: x,
+                propertiesOrder: R
               }
             ),
-            l === "import_data_saving" && c && /* @__PURE__ */ s(
-              lt,
+            c === "import_data_saving" && p && /* @__PURE__ */ o(
+              ct,
               {
-                importConfig: c,
+                importConfig: p,
                 collection: e,
-                onImportSuccess: (g) => {
-                  m(), a.open({
+                path: r,
+                onImportSuccess: (y) => {
+                  h(), i.open({
                     type: "info",
                     message: "Data imported successfully"
                   });
@@ -480,44 +499,44 @@ function ct({
               }
             )
           ] }),
-          /* @__PURE__ */ p(xe, { children: [
-            l === "mapping" && /* @__PURE__ */ s(
-              k,
+          /* @__PURE__ */ f(ve, { children: [
+            c === "mapping" && /* @__PURE__ */ o(
+              E,
               {
-                onClick: () => d("initial"),
+                onClick: () => l("initial"),
                 variant: "text",
                 children: "Back"
               }
             ),
-            l === "preview" && /* @__PURE__ */ s(
-              k,
+            c === "preview" && /* @__PURE__ */ o(
+              E,
               {
-                onClick: () => d("mapping"),
+                onClick: () => l("mapping"),
                 variant: "text",
                 children: "Back"
               }
             ),
-            /* @__PURE__ */ s(
-              k,
+            /* @__PURE__ */ o(
+              E,
               {
-                onClick: m,
+                onClick: h,
                 variant: "text",
                 children: "Cancel"
               }
             ),
-            l === "mapping" && /* @__PURE__ */ s(
-              k,
+            c === "mapping" && /* @__PURE__ */ o(
+              E,
               {
                 variant: "filled",
-                onClick: y,
+                onClick: g,
                 children: "Next"
               }
             ),
-            l === "preview" && /* @__PURE__ */ s(
-              k,
+            c === "preview" && /* @__PURE__ */ o(
+              E,
               {
                 variant: "filled",
-                onClick: h,
+                onClick: I,
                 children: "Save data"
               }
             )
@@ -527,48 +546,48 @@ function ct({
     )
   ] });
 }
-const W = "__internal_id__";
-function dt({
+const V = "__internal_id__";
+function pt({
   selectedPropertyKey: e,
   properties: r,
-  onPropertySelected: n,
+  onPropertySelected: a,
   onIdSelected: t,
-  propertiesAndLevel: a,
+  propertiesAndLevel: n,
   isIdColumn: i
 }) {
-  const o = e ? R(r, e) : null, l = x((c) => c === W ? /* @__PURE__ */ s(u, { variant: "body2", className: "p-4", children: "Use this column as ID" }) : !c || !o ? /* @__PURE__ */ s(u, { variant: "body2", className: "p-4", children: "Do not import this property" }) : /* @__PURE__ */ s(
+  const s = e ? _(r, e) : null, d = b((l) => l === V ? /* @__PURE__ */ o(u, { variant: "body2", className: "p-4", children: "Use this column as ID" }) : !l || !s ? /* @__PURE__ */ o(u, { variant: "body2", className: "p-4", children: "Do not import this property" }) : /* @__PURE__ */ o(
     se,
     {
-      propertyKey: c,
-      property: o
+      propertyKey: l,
+      property: s
     }
-  ), [o]), d = x((c) => {
-    c === W ? (t(), n(null)) : n(c === "" ? null : c);
+  ), [s]), c = b((l) => {
+    l === V ? (t(), a(null)) : a(l === "__do_not_import" ? null : l);
   }, []);
-  return /* @__PURE__ */ p(
-    he,
+  return /* @__PURE__ */ f(
+    ge,
     {
-      value: i ? W : e ?? void 0,
-      onValueChange: d,
-      renderValue: l,
+      value: i ? V : e ?? void 0,
+      onValueChange: c,
+      renderValue: d,
       children: [
-        /* @__PURE__ */ s(B, { value: "", children: /* @__PURE__ */ s(u, { variant: "body2", className: "p-4", children: "Do not import this property" }) }),
-        /* @__PURE__ */ s(B, { value: W, children: /* @__PURE__ */ s(u, { variant: "body2", className: "p-4", children: "Use this column as ID" }) }),
-        a.map(({
-          property: c,
-          level: f,
+        /* @__PURE__ */ o(H, { value: "__do_not_import", children: /* @__PURE__ */ o(u, { variant: "body2", className: "p-4", children: "Do not import this property" }) }),
+        /* @__PURE__ */ o(H, { value: V, children: /* @__PURE__ */ o(u, { variant: "body2", className: "p-4", children: "Use this column as ID" }) }),
+        n.map(({
+          property: l,
+          level: p,
           propertyKey: m
-        }) => /* @__PURE__ */ s(
-          B,
+        }) => /* @__PURE__ */ o(
+          H,
           {
             value: m,
-            disabled: c.dataType === "map",
-            children: /* @__PURE__ */ s(
+            disabled: l.dataType === "map",
+            children: /* @__PURE__ */ o(
               se,
               {
                 propertyKey: m,
-                property: c,
-                level: f
+                property: l,
+                level: p
               }
             )
           },
@@ -578,31 +597,31 @@ function dt({
     }
   );
 }
-function De(e, r, n) {
+function De(e, r, a) {
   const t = [];
   return t.push({
     property: r,
-    level: n,
+    level: a,
     propertyKey: e
-  }), r.dataType === "map" && r.properties && Object.entries(r.properties).forEach(([a, i]) => {
-    t.push(...De(`${e}.${a}`, i, n + 1));
+  }), r.dataType === "map" && r.properties && Object.entries(r.properties).forEach(([n, i]) => {
+    t.push(...De(`${e}.${n}`, i, a + 1));
   }), t;
 }
 function se({
   propertyKey: e,
   property: r,
-  level: n = 0
+  level: a = 0
 }) {
-  const { propertyConfigs: t } = V(), a = pe(r, t);
-  return /* @__PURE__ */ p(
+  const { propertyConfigs: t } = X(), n = fe(r, t);
+  return /* @__PURE__ */ f(
     "div",
     {
       className: "flex flex-row w-full text-start items-center h-full",
       children: [
-        new Array(n).fill(0).map((i, o) => /* @__PURE__ */ s("div", { className: _(Xe, "ml-8 border-l h-12") }, o)),
-        /* @__PURE__ */ s("div", { className: "m-4", children: /* @__PURE__ */ s(te, { title: a?.name, children: /* @__PURE__ */ s(fe, { propertyConfig: a }) }) }),
-        /* @__PURE__ */ p("div", { className: "flex flex-col flex-grow p-2 pl-2", children: [
-          /* @__PURE__ */ s(
+        new Array(a).fill(0).map((i, s) => /* @__PURE__ */ o("div", { className: B(qe, "ml-8 border-l h-12") }, s)),
+        /* @__PURE__ */ o("div", { className: "m-4", children: /* @__PURE__ */ o(te, { title: n?.name, children: /* @__PURE__ */ o(me, { propertyConfig: n }) }) }),
+        /* @__PURE__ */ f("div", { className: "flex flex-col flex-grow p-2 pl-2", children: [
+          /* @__PURE__ */ o(
             u,
             {
               variant: "body1",
@@ -611,7 +630,7 @@ function se({
               children: r.name ? r.name : " "
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ o(
             u,
             {
               className: " pr-2",
@@ -626,284 +645,295 @@ function se({
     }
   );
 }
-function pt({
+function ft({
   importConfig: e,
   properties: r,
-  propertiesOrder: n
+  propertiesOrder: a
 }) {
-  ce(() => {
-    const a = at(e.originProperties, r), i = e.importData.map((o) => rt(o, e.idColumn, e.headersMapping, r, a, "TEMP_PATH"));
+  de(() => {
+    const n = it(e.originProperties, r), i = e.importData.map((s) => nt(s, e.idColumn, e.headersMapping, r, n, "TEMP_PATH"));
     e.setEntities(i);
   }, []);
-  const t = je();
-  return /* @__PURE__ */ s(
-    ke,
+  const t = Fe();
+  return /* @__PURE__ */ o(
+    Pe,
     {
-      title: /* @__PURE__ */ p("div", { children: [
-        /* @__PURE__ */ s(u, { variant: "subtitle2", children: "Imported data preview" }),
-        /* @__PURE__ */ s(u, { variant: "caption", children: "Entities with the same id will be overwritten" })
+      title: /* @__PURE__ */ f("div", { children: [
+        /* @__PURE__ */ o(u, { variant: "subtitle2", children: "Imported data preview" }),
+        /* @__PURE__ */ o(u, { variant: "caption", children: "Entities with the same id will be overwritten" })
       ] }),
       tableController: {
         data: e.entities,
         dataLoading: !1,
         noMoreToLoad: !1
       },
-      endAdornment: /* @__PURE__ */ s("div", { className: "h-12" }),
+      endAdornment: /* @__PURE__ */ o("div", { className: "h-12" }),
       filterable: !1,
       sortable: !1,
       selectionController: t,
-      displayedColumnIds: n.map((a) => ({
-        key: a,
+      displayedColumnIds: a.map((n) => ({
+        key: n,
         disabled: !1
       })),
       properties: r
     }
   );
 }
-function Se(e) {
-  const r = {};
-  return e.filter(Boolean).forEach((n) => {
-    Object.keys(n).forEach((t) => {
-      const a = n[t];
-      typeof a == "object" && !Array.isArray(a) && Object.entries(Se([a])).forEach(([i, o]) => {
-        r[`${t}.${i}`] = `${t}.${o}`;
-      }), r[t] = t;
+function Ne(e, r) {
+  const a = {};
+  return e.filter(Boolean).forEach((t) => {
+    Object.keys(t).forEach((n) => {
+      const i = t[n];
+      if (typeof i == "object" && !Array.isArray(i)) {
+        const s = r?.[n], d = s && "properties" in s ? s.properties : void 0, c = Ne([i], d);
+        Object.entries(c).forEach(([l, p]) => {
+          a[`${n}.${l}`] = `${n}.${p}`;
+        });
+      }
+      if (!r)
+        a[n] = n;
+      else if (n in r)
+        a[n] = n;
+      else {
+        const s = ke(n);
+        s in r ? a[n] = s : a[n] = n;
+      }
     });
-  }), r;
+  }), a;
 }
-function ft(e, r, n, t, a, i, o) {
-  console.debug("Downloading export", { dataLength: e.length, collection: n, exportType: i, dateExportType: o });
-  const l = n.properties;
+function mt(e, r, a, t, n, i, s) {
+  console.debug("Downloading export", { dataLength: e.length, collection: a, exportType: i, dateExportType: s });
+  const d = a.properties;
   if (i === "csv") {
-    const d = t ? Fe(e.map((h) => h.values)) : {}, c = ht(l, a, d), f = mt(e, r, l, c, o), m = oe(c.map((h) => h.label)), y = f.map((h) => oe(h));
-    le([m, ...y], `${n.name}.csv`, "text/csv");
+    const c = t ? Me(e.map((g) => g.values)) : {}, l = gt(d, n, c), p = ut(e, r, d, l, s), m = le(l.map((g) => g.label)), h = p.map((g) => le(g));
+    ce([m, ...h], `${a.name}.csv`, "text/csv");
   } else {
-    const d = ut(e, r, l, o), c = JSON.stringify(d, null, 2);
-    le([c], `${n.name}.json`, "application/json");
+    const c = ht(e, r, d, s), l = JSON.stringify(c, null, 2);
+    ce([l], `${a.name}.json`, "application/json");
   }
 }
-function mt(e, r, n, t, a) {
-  const i = e.map((o) => ({
-    id: o.id,
-    ...re(o.values, n, "csv", a)
+function ut(e, r, a, t, n) {
+  const i = e.map((s) => ({
+    id: s.id,
+    ...re(s.values, a, "csv", n)
   }));
-  return r && r.forEach((o, l) => {
-    i[l] = { ...i[l], ...o };
-  }), i && i.map((o) => t.map((l) => Pe(o, l.key)));
+  return r && r.forEach((s, d) => {
+    i[d] = { ...i[d], ...s };
+  }), i && i.map((s) => t.map((d) => _e(s, d.key)));
 }
-function ut(e, r, n, t) {
-  const a = e.map((i) => ({
+function ht(e, r, a, t) {
+  const n = e.map((i) => ({
     id: i.id,
-    ...re(i.values, n, "json", t)
+    ...re(i.values, a, "json", t)
   }));
-  return r && r.forEach((i, o) => {
-    a[o] = { ...a[o], ...i };
-  }), a;
+  return r && r.forEach((i, s) => {
+    n[s] = { ...n[s], ...i };
+  }), n;
 }
-function ht(e, r, n) {
+function gt(e, r, a) {
   const t = [
     { label: "id", key: "id" },
-    ...Object.entries(e).flatMap(([a, i]) => n && n[a] > 1 ? Array.from(
-      { length: n[a] },
-      (o, l) => K(i, `${a}[${l}]`, "")
-    ).flat() : K(i, a, ""))
+    ...Object.entries(e).flatMap(([n, i]) => a && a[n] > 1 ? Array.from(
+      { length: a[n] },
+      (s, d) => K(i, `${n}[${d}]`, "")
+    ).flat() : K(i, n, ""))
   ];
-  return r && t.push(...r.map((a) => ({ label: a, key: a }))), t;
+  return r && t.push(...r.map((n) => ({ label: n, key: n }))), t;
 }
-function K(e, r, n = "") {
-  const t = n ? `${n}.${r}` : r;
-  return e.dataType === "map" && e.properties ? Object.entries(e.properties).map(([a, i]) => K(i, a, t)).flat() : [{ label: t, key: t }];
+function K(e, r, a = "") {
+  const t = a ? `${a}.${r}` : r;
+  return e.dataType === "map" && e.properties ? Object.entries(e.properties).map(([n, i]) => K(i, n, t)).flat() : [{ label: t, key: t }];
 }
-function z(e, r, n, t) {
-  let a;
+function G(e, r, a, t) {
+  let n;
   if (r.dataType === "map" && r.properties)
-    a = re(e, r.properties, n, t);
+    n = re(e, r.properties, a, t);
   else if (r.dataType === "array")
-    r.of && Array.isArray(e) ? Array.isArray(r.of) ? a = r.of.map((i, o) => z(e[o], i, n, t)) : r.of.dataType === "map" ? a = n === "csv" ? e.map((i) => JSON.stringify(i)) : e.map((i) => z(i, r.of, n, t)) : a = e.map((i) => z(i, r.of, n, t)) : a = e;
-  else if (r.dataType === "reference" && e.isEntityReference && e.isEntityReference()) {
+    r.of && Array.isArray(e) ? Array.isArray(r.of) ? n = r.of.map((i, s) => G(e[s], i, a, t)) : r.of.dataType === "map" ? n = a === "csv" ? e.map((i) => JSON.stringify(i)) : e.map((i) => G(i, r.of, a, t)) : n = e.map((i) => G(i, r.of, a, t)) : n = e;
+  else if (r.dataType === "reference" && e && e.isEntityReference && e.isEntityReference()) {
     const i = e || void 0;
-    a = i ? i.pathWithId : null;
+    n = i ? i.pathWithId : null;
   } else
-    r.dataType === "date" && e instanceof Date ? a = e ? t === "timestamp" ? e.getTime() : e.toISOString() : null : a = e;
-  return a;
+    r.dataType === "date" && e instanceof Date ? n = e ? t === "timestamp" ? e.getTime() : e.toISOString() : null : n = e;
+  return n;
 }
-function re(e, r, n, t) {
-  const a = Object.entries(r).map(([i, o]) => {
-    const l = e && e[i], d = z(l, o, n, t);
-    return d === void 0 ? {} : { [i]: d };
-  }).reduce((i, o) => ({ ...i, ...o }), {});
-  return { ...e, ...a };
+function re(e, r, a, t) {
+  const n = Object.entries(r).map(([i, s]) => {
+    const d = e && e[i], c = G(d, s, a, t);
+    return c === void 0 ? {} : { [i]: c };
+  }).reduce((i, s) => ({ ...i, ...s }), {});
+  return { ...e, ...n };
 }
-function oe(e) {
+function le(e) {
   return e.map((r) => r == null ? "" : Array.isArray(r) ? '"' + JSON.stringify(r).replaceAll('"', '\\"') + '"' : '"' + String(r).replaceAll('"', '""') + '"').join(",") + `\r
 `;
 }
-function le(e, r, n) {
-  const t = new Blob(e, { type: n }), a = URL.createObjectURL(t), i = document.createElement("a");
-  i.href = a, i.setAttribute("download", r), i.click();
+function ce(e, r, a) {
+  const t = new Blob(e, { type: a }), n = URL.createObjectURL(t), i = document.createElement("a");
+  i.href = n, i.setAttribute("download", r), i.click();
 }
-const gt = 500;
-function yt({
+const yt = 500;
+function bt({
   collection: e,
   path: r,
-  collectionEntitiesCount: n,
+  collectionEntitiesCount: a,
   exportAllowed: t,
-  notAllowedView: a
+  notAllowedView: n
 }) {
-  const i = V(), o = typeof e.exportable == "object" ? e.exportable : void 0, l = C.useRef(/* @__PURE__ */ new Date()), [d, c] = C.useState(!0), [f, m] = C.useState("csv"), [y, h] = C.useState("string"), S = Me(), N = me(), O = $e().resolveAliasesFrom(r), J = !t || t({
-    collectionEntitiesCount: n,
-    path: O,
+  const i = X(), s = typeof e.exportable == "object" ? e.exportable : void 0, d = C.useRef(/* @__PURE__ */ new Date()), [c, l] = C.useState(!0), [p, m] = C.useState("csv"), [h, g] = C.useState("string"), I = $e(), A = ue(), x = Re().resolveAliasesFrom(r), U = !t || t({
+    collectionEntitiesCount: a,
+    path: x,
     collection: e
-  }), g = C.useMemo(() => ue({
+  }), R = C.useMemo(() => he({
     collection: e,
-    path: O,
+    path: x,
     fields: i.propertyConfigs
-  }), [e, O]), [I, E] = C.useState(!1), [A, w] = C.useState(), [G, b] = C.useState(!1), F = x(() => {
-    b(!0);
-  }, [b]), X = x(() => {
-    b(!1);
-  }, [b]), ne = x(async (P) => {
-    const H = o?.additionalFields, D = g.additionalFields, q = H ? await Promise.all(P.map(async (T) => (await Promise.all(H.map(async (v) => ({
+  }), [e, x]), [y, T] = C.useState(!1), [J, w] = C.useState(), [L, j] = C.useState(!1), S = b(() => {
+    j(!0);
+  }, [j]), D = b(() => {
+    j(!1);
+  }, [j]), ne = b(async (P) => {
+    const W = s?.additionalFields, N = R.additionalFields, q = W ? await Promise.all(P.map(async (F) => (await Promise.all(W.map(async (v) => ({
       [v.key]: await v.builder({
-        entity: T,
-        context: S
+        entity: F,
+        context: I
       })
-    })))).reduce((v, Y) => ({ ...v, ...Y }), {}))) : [], Q = D ? await Promise.all(P.map(async (T) => (await Promise.all(D.map(async (v) => v.value ? {
+    })))).reduce((v, Y) => ({ ...v, ...Y }), {}))) : [], Q = N ? await Promise.all(P.map(async (F) => (await Promise.all(N.map(async (v) => v.value ? {
       [v.key]: await v.value({
-        entity: T,
-        context: S
+        entity: F,
+        context: I
       })
     } : {}))).reduce((v, Y) => ({ ...v, ...Y }), {}))) : [];
     return [...q, ...Q];
-  }, [o?.additionalFields]), ae = x(async (P, H) => {
-    E(!0), N.fetchCollection({
-      path: O,
+  }, [s?.additionalFields]), ae = b(async (P, W) => {
+    T(!0), A.fetchCollection({
+      path: x,
       collection: P
-    }).then(async (D) => {
+    }).then(async (N) => {
       w(void 0);
-      const q = await ne(D), Q = [
-        ...H?.additionalFields?.map((T) => T.key) ?? [],
-        ...P.additionalFields?.map((T) => T.key) ?? []
+      const q = await ne(N), Q = [
+        ...W?.additionalFields?.map((F) => F.key) ?? [],
+        ...P.additionalFields?.map((F) => F.key) ?? []
       ];
-      ft(D, q, P, d, Q, f, y);
-    }).catch((D) => {
-      console.error("Error loading export data", D), w(D);
-    }).finally(() => E(!1));
-  }, [N, O, ne, d, f, y]), Ne = x(() => {
-    ae(g, o), X();
-  }, [ae, g, o, X]);
-  return /* @__PURE__ */ p($, { children: [
-    /* @__PURE__ */ s(te, { title: "Export", children: /* @__PURE__ */ s(ee, { color: "primary", onClick: F, children: /* @__PURE__ */ s(qe, {}) }) }),
-    /* @__PURE__ */ p(
-      ye,
+      mt(N, q, P, c, Q, p, h);
+    }).catch((N) => {
+      console.error("Error loading export data", N), w(N);
+    }).finally(() => T(!1));
+  }, [A, x, ne, c, p, h]), Oe = b(() => {
+    ae(R, s), D();
+  }, [ae, R, s, D]);
+  return /* @__PURE__ */ f(M, { children: [
+    /* @__PURE__ */ o(te, { title: "Export", children: /* @__PURE__ */ o(ee, { color: "primary", onClick: S, children: /* @__PURE__ */ o(Qe, {}) }) }),
+    /* @__PURE__ */ f(
+      be,
       {
-        open: G,
-        onOpenChange: b,
+        open: L,
+        onOpenChange: j,
         maxWidth: "xl",
         children: [
-          /* @__PURE__ */ p(be, { className: "flex flex-col gap-4 my-4", children: [
-            /* @__PURE__ */ s(u, { variant: "h6", children: "Export data" }),
-            /* @__PURE__ */ s("div", { children: "Download the the content of this table as a CSV" }),
-            n > gt && /* @__PURE__ */ s(Qe, { color: "warning", children: /* @__PURE__ */ p("div", { children: [
+          /* @__PURE__ */ f(xe, { className: "flex flex-col gap-4 my-4", children: [
+            /* @__PURE__ */ o(u, { variant: "h6", children: "Export data" }),
+            /* @__PURE__ */ o("div", { children: "Download the the content of this table as a CSV" }),
+            a > yt && /* @__PURE__ */ o(Ye, { color: "warning", children: /* @__PURE__ */ f("div", { children: [
               "This collections has a large number of documents (",
-              n,
+              a,
               ")."
             ] }) }),
-            /* @__PURE__ */ p("div", { className: "flex flex-row gap-4", children: [
-              /* @__PURE__ */ p("div", { className: "p-4 flex flex-col", children: [
-                /* @__PURE__ */ p("div", { className: "flex items-center", children: [
-                  /* @__PURE__ */ s(
+            /* @__PURE__ */ f("div", { className: "flex flex-row gap-4", children: [
+              /* @__PURE__ */ f("div", { className: "p-4 flex flex-col", children: [
+                /* @__PURE__ */ f("div", { className: "flex items-center", children: [
+                  /* @__PURE__ */ o(
                     "input",
                     {
                       id: "radio-csv",
                       type: "radio",
                       value: "csv",
                       name: "exportType",
-                      checked: f === "csv",
+                      checked: p === "csv",
                       onChange: () => m("csv"),
-                      className: _(U, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
+                      className: B(z, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
                     }
                   ),
-                  /* @__PURE__ */ s(
+                  /* @__PURE__ */ o(
                     "label",
                     {
                       htmlFor: "radio-csv",
-                      className: "p-2 text-sm font-medium text-gray-900 dark:text-gray-300",
+                      className: "p-2 text-sm font-medium text-gray-900 dark:text-slate-300",
                       children: "CSV"
                     }
                   )
                 ] }),
-                /* @__PURE__ */ p("div", { className: "flex items-center", children: [
-                  /* @__PURE__ */ s(
+                /* @__PURE__ */ f("div", { className: "flex items-center", children: [
+                  /* @__PURE__ */ o(
                     "input",
                     {
                       id: "radio-json",
                       type: "radio",
                       value: "json",
                       name: "exportType",
-                      checked: f === "json",
+                      checked: p === "json",
                       onChange: () => m("json"),
-                      className: _(U, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
+                      className: B(z, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
                     }
                   ),
-                  /* @__PURE__ */ s(
+                  /* @__PURE__ */ o(
                     "label",
                     {
                       htmlFor: "radio-json",
-                      className: "p-2 text-sm font-medium text-gray-900 dark:text-gray-300",
+                      className: "p-2 text-sm font-medium text-gray-900 dark:text-slate-300",
                       children: "JSON"
                     }
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ p("div", { className: "p-4 flex flex-col", children: [
-                /* @__PURE__ */ p("div", { className: "flex items-center", children: [
-                  /* @__PURE__ */ s(
+              /* @__PURE__ */ f("div", { className: "p-4 flex flex-col", children: [
+                /* @__PURE__ */ f("div", { className: "flex items-center", children: [
+                  /* @__PURE__ */ o(
                     "input",
                     {
                       id: "radio-timestamp",
                       type: "radio",
                       value: "timestamp",
                       name: "dateExportType",
-                      checked: y === "timestamp",
-                      onChange: () => h("timestamp"),
-                      className: _(U, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
+                      checked: h === "timestamp",
+                      onChange: () => g("timestamp"),
+                      className: B(z, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
                     }
                   ),
-                  /* @__PURE__ */ p(
+                  /* @__PURE__ */ f(
                     "label",
                     {
                       htmlFor: "radio-timestamp",
-                      className: "p-2 text-sm font-medium text-gray-900 dark:text-gray-300",
+                      className: "p-2 text-sm font-medium text-gray-900 dark:text-slate-300",
                       children: [
                         "Dates as timestamps (",
-                        l.current.getTime(),
+                        d.current.getTime(),
                         ")"
                       ]
                     }
                   )
                 ] }),
-                /* @__PURE__ */ p("div", { className: "flex items-center", children: [
-                  /* @__PURE__ */ s(
+                /* @__PURE__ */ f("div", { className: "flex items-center", children: [
+                  /* @__PURE__ */ o(
                     "input",
                     {
                       id: "radio-string",
                       type: "radio",
                       value: "string",
                       name: "dateExportType",
-                      checked: y === "string",
-                      onChange: () => h("string"),
-                      className: _(U, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
+                      checked: h === "string",
+                      onChange: () => g("string"),
+                      className: B(z, "w-4 text-primary-dark bg-gray-100 border-gray-300 dark:bg-gray-700 dark:border-gray-600")
                     }
                   ),
-                  /* @__PURE__ */ p(
+                  /* @__PURE__ */ f(
                     "label",
                     {
                       htmlFor: "radio-string",
-                      className: "p-2 text-sm font-medium text-gray-900 dark:text-gray-300",
+                      className: "p-2 text-sm font-medium text-gray-900 dark:text-slate-300",
                       children: [
                         "Dates as strings (",
-                        l.current.toISOString(),
+                        d.current.toISOString(),
                         ")"
                       ]
                     }
@@ -911,34 +941,34 @@ function yt({
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ s(
-              Ye,
+            /* @__PURE__ */ o(
+              Ze,
               {
                 size: "small",
-                disabled: f !== "csv",
-                value: d,
-                onValueChange: c,
+                disabled: p !== "csv",
+                value: c,
+                onValueChange: l,
                 label: "Flatten arrays"
               }
             ),
-            !J && a
+            !U && n
           ] }),
-          /* @__PURE__ */ p(xe, { children: [
-            I && /* @__PURE__ */ s(ge, { size: "small" }),
-            /* @__PURE__ */ s(
-              k,
+          /* @__PURE__ */ f(ve, { children: [
+            y && /* @__PURE__ */ o(ye, { size: "small" }),
+            /* @__PURE__ */ o(
+              E,
               {
-                onClick: X,
+                onClick: D,
                 variant: "text",
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ s(
-              k,
+            /* @__PURE__ */ o(
+              E,
               {
                 variant: "filled",
-                onClick: Ne,
-                disabled: I || !J,
+                onClick: Oe,
+                disabled: y || !U,
                 children: "Download"
               }
             )
@@ -948,28 +978,28 @@ function yt({
     )
   ] });
 }
-function St(e) {
+function Nt(e) {
   return Ie(() => ({
-    name: "Import/Export",
-    collections: {
-      CollectionActions: [ct, yt],
+    key: "import_export",
+    collectionView: {
+      CollectionActions: [dt, bt],
       collectionActionsProps: e
     }
   }), [e]);
 }
 export {
-  it as DataNewPropertiesMapping,
-  ot as ImportFileUpload,
+  ot as DataNewPropertiesMapping,
+  lt as ImportFileUpload,
   Dt as ImportNewPropertyFieldPreview,
-  lt as ImportSaveInProgress,
-  rt as convertDataToEntity,
-  et as convertFileToJson,
-  Ce as flattenEntry,
-  nt as getInferenceType,
-  at as getPropertiesMapping,
+  ct as ImportSaveInProgress,
+  nt as convertDataToEntity,
+  tt as convertFileToJson,
+  we as flattenEntry,
+  at as getInferenceType,
+  it as getPropertiesMapping,
   Z as processValueMapping,
-  ve as unflattenObject,
-  Ke as useImportConfig,
-  St as useImportExportPlugin
+  Ce as unflattenObject,
+  et as useImportConfig,
+  Nt as useImportExportPlugin
 };
 //# sourceMappingURL=index.es.js.map