@rebasepro/admin 0.0.1-canary.09e5ec5

package/dist/ImportCollectionAction-DpCagAOy.js

@@ -0,0 +1,686 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { c } from "react-compiler-runtime";
+import React__default, { useEffect } from "react";
+import { useSnackbarController, useCustomizationController, useAuthController } from "@rebasepro/core";
+import "@rebasepro/common";
+import { u as useImportConfig, g as getPropertiesWithPropertiesOrder, a as getInferenceType, I as ImportFileUpload, D as DataNewPropertiesMapping, b as ImportSaveInProgress, c as getPropertyInPath, d as getFieldConfig, e as useCollectionRegistryController, f as useSelectionController, h as convertDataToEntity, E as EntityCollectionTable, P as PropertyConfigBadge } from "./util-BQ82ySL3.js";
+import { iconSize, Tooltip, IconButton, DialogTitle, Typography, DialogContent, Button, DialogActions, Dialog, SelectItem, cls, defaultBorderMixin, Select } from "@rebasepro/ui";
+import { UploadIcon } from "lucide-react";
+import "fast-equals";
+import "@rebasepro/formex";
+import "zod";
+import { slugify } from "@rebasepro/utils";
+import "@dnd-kit/core";
+import "@dnd-kit/modifiers";
+import "@dnd-kit/sortable";
+import "@dnd-kit/utilities";
+import "react-dropzone";
+import "@rebasepro/types";
+import "react-router";
+import "react-router-dom";
+import "xlsx";
+import { buildEntityPropertiesFromData } from "@rebasepro/schema-inference";
+import "date-fns";
+import "date-fns/locale";
+function ImportCollectionAction(t0) {
+  const $ = c(76);
+  const {
+    collection,
+    path,
+    onAnalyticsEvent
+  } = t0;
+  const snackbarController = useSnackbarController();
+  const [open, setOpen] = React__default.useState(false);
+  const [step, setStep] = React__default.useState("initial");
+  const importConfig = useImportConfig();
+  let t1;
+  if ($[0] !== onAnalyticsEvent) {
+    t1 = () => {
+      setOpen(true);
+      onAnalyticsEvent?.("import_open");
+      setStep("initial");
+    };
+    $[0] = onAnalyticsEvent;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const handleClickOpen = t1;
+  let t2;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => {
+      setOpen(false);
+    };
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const handleClose = t2;
+  let t3;
+  if ($[3] !== onAnalyticsEvent) {
+    t3 = () => {
+      onAnalyticsEvent?.("import_mapping_complete");
+      setStep("preview");
+    };
+    $[3] = onAnalyticsEvent;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const onMappingComplete = t3;
+  let t4;
+  if ($[5] !== onAnalyticsEvent) {
+    t4 = () => {
+      onAnalyticsEvent?.("import_data_save");
+      setStep("import_data_saving");
+    };
+    $[5] = onAnalyticsEvent;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  const onPreviewComplete = t4;
+  let t5;
+  if ($[7] !== collection.properties || $[8] !== importConfig || $[9] !== onAnalyticsEvent) {
+    t5 = async (data) => {
+      importConfig.setImportData(data);
+      if (data.length > 0) {
+        const originProperties = await buildEntityPropertiesFromData(data, getInferenceType);
+        importConfig.setOriginProperties(originProperties);
+        const headersMapping = buildHeadersMappingFromData(data, collection?.properties);
+        importConfig.setHeadersMapping(headersMapping);
+        const firstKey = Object.keys(headersMapping)?.[0];
+        if (firstKey?.includes("id") || firstKey?.includes("key")) {
+          importConfig.setIdColumn(firstKey);
+        }
+      }
+      setTimeout(() => {
+        onAnalyticsEvent?.("import_data_added");
+        setStep("mapping");
+      }, 100);
+    };
+    $[7] = collection.properties;
+    $[8] = importConfig;
+    $[9] = onAnalyticsEvent;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  const onDataAdded = t5;
+  const t6 = collection.propertiesOrder;
+  let properties;
+  let t7;
+  if ($[11] !== collection.properties || $[12] !== t6) {
+    properties = getPropertiesWithPropertiesOrder(collection.properties, t6);
+    t7 = Object.entries(properties).flatMap(_temp);
+    $[11] = collection.properties;
+    $[12] = t6;
+    $[13] = properties;
+    $[14] = t7;
+  } else {
+    properties = $[13];
+    t7 = $[14];
+  }
+  const propertiesAndLevel = t7;
+  let t8;
+  if ($[15] !== collection.properties || $[16] !== collection.propertiesOrder) {
+    t8 = collection.propertiesOrder ?? Object.keys(collection.properties);
+    $[15] = collection.properties;
+    $[16] = collection.propertiesOrder;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  const propertiesOrder = t8;
+  let t9;
+  if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t9 = /* @__PURE__ */ jsx(UploadIcon, { size: iconSize.small });
+    $[18] = t9;
+  } else {
+    t9 = $[18];
+  }
+  let t10;
+  if ($[19] !== handleClickOpen) {
+    t10 = /* @__PURE__ */ jsx(Tooltip, { title: "Import", asChild: true, children: /* @__PURE__ */ jsx(IconButton, { size: "small", color: "primary", onClick: handleClickOpen, children: t9 }) });
+    $[19] = handleClickOpen;
+    $[20] = t10;
+  } else {
+    t10 = $[20];
+  }
+  const t11 = step !== "initial";
+  const t12 = step !== "initial";
+  const t13 = step === "initial" ? "lg" : "7xl";
+  const t14 = step === "preview";
+  let t15;
+  if ($[21] !== t14) {
+    t15 = /* @__PURE__ */ jsx(DialogTitle, { variant: "h6", hidden: t14, children: "Import data" });
+    $[21] = t14;
+    $[22] = t15;
+  } else {
+    t15 = $[22];
+  }
+  const t16 = step === "preview";
+  let t17;
+  if ($[23] !== onDataAdded || $[24] !== step) {
+    t17 = step === "initial" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "Upload a CSV, Excel or JSON file and map it to your existing schema" }),
+      /* @__PURE__ */ jsx(ImportFileUpload, { onDataAdded })
+    ] });
+    $[23] = onDataAdded;
+    $[24] = step;
+    $[25] = t17;
+  } else {
+    t17 = $[25];
+  }
+  let t18;
+  if ($[26] !== importConfig || $[27] !== onAnalyticsEvent || $[28] !== properties || $[29] !== propertiesAndLevel || $[30] !== step) {
+    t18 = step === "mapping" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(DataNewPropertiesMapping, { importConfig, destinationProperties: properties, buildPropertyView: (t192) => {
+      const {
+        isIdColumn,
+        propertyKey,
+        importKey
+      } = t192;
+      return /* @__PURE__ */ jsx(PropertyTreeSelect, { selectedPropertyKey: propertyKey ?? "", properties, propertiesAndLevel, isIdColumn, onIdSelected: () => {
+        importConfig.setIdColumn(importKey);
+      }, onPropertySelected: (newPropertyKey) => {
+        onAnalyticsEvent?.("import_mapping_field_updated");
+        const newHeadersMapping = Object.entries(importConfig.headersMapping).map((t202) => {
+          const [currentImportKey, currentPropertyKey] = t202;
+          if (currentPropertyKey === newPropertyKey) {
+            return {
+              [currentImportKey]: null
+            };
+          }
+          if (currentImportKey === importKey) {
+            return {
+              [currentImportKey]: newPropertyKey
+            };
+          }
+          return {
+            [currentImportKey]: currentPropertyKey
+          };
+        }).reduce(_temp2, {});
+        importConfig.setHeadersMapping(newHeadersMapping);
+        if (newPropertyKey === importConfig.idColumn) {
+          importConfig.setIdColumn(void 0);
+        }
+      } });
+    } }) });
+    $[26] = importConfig;
+    $[27] = onAnalyticsEvent;
+    $[28] = properties;
+    $[29] = propertiesAndLevel;
+    $[30] = step;
+    $[31] = t18;
+  } else {
+    t18 = $[31];
+  }
+  let t19;
+  if ($[32] !== importConfig || $[33] !== properties || $[34] !== propertiesOrder || $[35] !== step) {
+    t19 = step === "preview" && /* @__PURE__ */ jsx(ImportDataPreview, { importConfig, properties, propertiesOrder });
+    $[32] = importConfig;
+    $[33] = properties;
+    $[34] = propertiesOrder;
+    $[35] = step;
+    $[36] = t19;
+  } else {
+    t19 = $[36];
+  }
+  let t20;
+  if ($[37] !== collection || $[38] !== importConfig || $[39] !== path || $[40] !== snackbarController || $[41] !== step) {
+    t20 = step === "import_data_saving" && importConfig && /* @__PURE__ */ jsx(ImportSaveInProgress, { importConfig, collection, path, onImportSuccess: (importedCollection) => {
+      handleClose();
+      snackbarController.open({
+        type: "info",
+        message: "Data imported successfully"
+      });
+    } });
+    $[37] = collection;
+    $[38] = importConfig;
+    $[39] = path;
+    $[40] = snackbarController;
+    $[41] = step;
+    $[42] = t20;
+  } else {
+    t20 = $[42];
+  }
+  let t21;
+  if ($[43] !== t16 || $[44] !== t17 || $[45] !== t18 || $[46] !== t19 || $[47] !== t20) {
+    t21 = /* @__PURE__ */ jsxs(DialogContent, { className: "h-full flex flex-col gap-4 my-4", fullHeight: t16, children: [
+      t17,
+      t18,
+      t19,
+      t20
+    ] });
+    $[43] = t16;
+    $[44] = t17;
+    $[45] = t18;
+    $[46] = t19;
+    $[47] = t20;
+    $[48] = t21;
+  } else {
+    t21 = $[48];
+  }
+  let t22;
+  if ($[49] !== step) {
+    t22 = step === "mapping" && /* @__PURE__ */ jsx(Button, { onClick: () => setStep("initial"), variant: "text", children: "Back" });
+    $[49] = step;
+    $[50] = t22;
+  } else {
+    t22 = $[50];
+  }
+  let t23;
+  if ($[51] !== step) {
+    t23 = step === "preview" && /* @__PURE__ */ jsx(Button, { onClick: () => setStep("mapping"), variant: "text", children: "Back" });
+    $[51] = step;
+    $[52] = t23;
+  } else {
+    t23 = $[52];
+  }
+  let t24;
+  if ($[53] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t24 = /* @__PURE__ */ jsx(Button, { onClick: handleClose, variant: "text", children: "Cancel" });
+    $[53] = t24;
+  } else {
+    t24 = $[53];
+  }
+  let t25;
+  if ($[54] !== onMappingComplete || $[55] !== step) {
+    t25 = step === "mapping" && /* @__PURE__ */ jsx(Button, { variant: "filled", color: "primary", onClick: onMappingComplete, children: "Next" });
+    $[54] = onMappingComplete;
+    $[55] = step;
+    $[56] = t25;
+  } else {
+    t25 = $[56];
+  }
+  let t26;
+  if ($[57] !== onPreviewComplete || $[58] !== step) {
+    t26 = step === "preview" && /* @__PURE__ */ jsx(Button, { variant: "filled", color: "primary", onClick: onPreviewComplete, children: "Save data" });
+    $[57] = onPreviewComplete;
+    $[58] = step;
+    $[59] = t26;
+  } else {
+    t26 = $[59];
+  }
+  let t27;
+  if ($[60] !== t22 || $[61] !== t23 || $[62] !== t25 || $[63] !== t26) {
+    t27 = /* @__PURE__ */ jsxs(DialogActions, { children: [
+      t22,
+      t23,
+      t24,
+      t25,
+      t26
+    ] });
+    $[60] = t22;
+    $[61] = t23;
+    $[62] = t25;
+    $[63] = t26;
+    $[64] = t27;
+  } else {
+    t27 = $[64];
+  }
+  let t28;
+  if ($[65] !== open || $[66] !== t11 || $[67] !== t12 || $[68] !== t13 || $[69] !== t15 || $[70] !== t21 || $[71] !== t27) {
+    t28 = /* @__PURE__ */ jsxs(Dialog, { open, fullWidth: t11, fullHeight: t12, maxWidth: t13, children: [
+      t15,
+      t21,
+      t27
+    ] });
+    $[65] = open;
+    $[66] = t11;
+    $[67] = t12;
+    $[68] = t13;
+    $[69] = t15;
+    $[70] = t21;
+    $[71] = t27;
+    $[72] = t28;
+  } else {
+    t28 = $[72];
+  }
+  let t29;
+  if ($[73] !== t10 || $[74] !== t28) {
+    t29 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t10,
+      t28
+    ] });
+    $[73] = t10;
+    $[74] = t28;
+    $[75] = t29;
+  } else {
+    t29 = $[75];
+  }
+  return t29;
+}
+function _temp2(acc, curr) {
+  return {
+    ...acc,
+    ...curr
+  };
+}
+function _temp(t0) {
+  const [key, property] = t0;
+  return getPropertiesAndLevel(key, property, 0);
+}
+const internalIDValue = "__internal_id__";
+function PropertyTreeSelect(t0) {
+  const $ = c(17);
+  const {
+    selectedPropertyKey,
+    properties,
+    onPropertySelected,
+    onIdSelected,
+    propertiesAndLevel,
+    isIdColumn
+  } = t0;
+  let t1;
+  if ($[0] !== properties || $[1] !== selectedPropertyKey) {
+    t1 = selectedPropertyKey ? getPropertyInPath(properties, selectedPropertyKey) : null;
+    $[0] = properties;
+    $[1] = selectedPropertyKey;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const selectedProperty = t1;
+  let t2;
+  if ($[3] !== selectedProperty) {
+    t2 = (selectedPropertyKey_0) => {
+      if (selectedPropertyKey_0 === internalIDValue) {
+        return /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "p-4", children: "Use this column as ID" });
+      }
+      if (!selectedPropertyKey_0 || !selectedProperty) {
+        return /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "disabled", className: "p-4", children: "Do not import this property" });
+      }
+      return /* @__PURE__ */ jsx(PropertySelectEntry, { propertyKey: selectedPropertyKey_0, property: selectedProperty });
+    };
+    $[3] = selectedProperty;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const renderValue = t2;
+  let t3;
+  if ($[5] !== onIdSelected || $[6] !== onPropertySelected) {
+    t3 = (value) => {
+      if (value === internalIDValue) {
+        onIdSelected();
+        onPropertySelected(null);
+      } else {
+        if (value === "__do_not_import") {
+          onPropertySelected(null);
+        } else {
+          onPropertySelected(value);
+        }
+      }
+    };
+    $[5] = onIdSelected;
+    $[6] = onPropertySelected;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const onSelectValueChange = t3;
+  const t4 = isIdColumn ? internalIDValue : selectedPropertyKey ?? void 0;
+  let t5;
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t5 = /* @__PURE__ */ jsx(SelectItem, { value: "__do_not_import", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "disabled", className: "p-4", children: "Do not import this property" }) });
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t6 = /* @__PURE__ */ jsx(SelectItem, { value: internalIDValue, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "p-4", children: "Use this column as ID" }) });
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  let t7;
+  if ($[10] !== propertiesAndLevel) {
+    t7 = propertiesAndLevel.map(_temp3);
+    $[10] = propertiesAndLevel;
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  let t8;
+  if ($[12] !== onSelectValueChange || $[13] !== renderValue || $[14] !== t4 || $[15] !== t7) {
+    t8 = /* @__PURE__ */ jsxs(Select, { value: t4, fullWidth: true, onValueChange: onSelectValueChange, renderValue, children: [
+      t5,
+      t6,
+      t7
+    ] });
+    $[12] = onSelectValueChange;
+    $[13] = renderValue;
+    $[14] = t4;
+    $[15] = t7;
+    $[16] = t8;
+  } else {
+    t8 = $[16];
+  }
+  return t8;
+}
+function _temp3(t0) {
+  const {
+    property,
+    level,
+    propertyKey
+  } = t0;
+  return /* @__PURE__ */ jsx(SelectItem, { value: propertyKey, disabled: property.type === "map", children: /* @__PURE__ */ jsx(PropertySelectEntry, { propertyKey, property, level }) }, propertyKey);
+}
+function getPropertiesAndLevel(key, property, level) {
+  const properties = [];
+  properties.push({
+    property,
+    level,
+    propertyKey: key
+  });
+  if (property.type === "map" && property.properties) {
+    Object.entries(property.properties).forEach(([childKey, value]) => {
+      properties.push(...getPropertiesAndLevel(`${key}.${childKey}`, value, level + 1));
+    });
+  }
+  return properties;
+}
+function PropertySelectEntry(t0) {
+  const $ = c(21);
+  const {
+    propertyKey,
+    property,
+    level: t1
+  } = t0;
+  const level = t1 === void 0 ? 0 : t1;
+  const {
+    propertyConfigs
+  } = useCustomizationController();
+  let t2;
+  if ($[0] !== property || $[1] !== propertyConfigs) {
+    t2 = getFieldConfig(property, propertyConfigs);
+    $[0] = property;
+    $[1] = propertyConfigs;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const widget = t2;
+  let t3;
+  if ($[3] !== level) {
+    t3 = new Array(level).fill(0).map(_temp4);
+    $[3] = level;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const t4 = widget?.name;
+  let t5;
+  if ($[5] !== widget) {
+    t5 = /* @__PURE__ */ jsx(PropertyConfigBadge, { propertyConfig: widget });
+    $[5] = widget;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  let t6;
+  if ($[7] !== t4 || $[8] !== t5) {
+    t6 = /* @__PURE__ */ jsx("div", { className: "m-4", children: /* @__PURE__ */ jsx(Tooltip, { title: t4, children: t5 }) });
+    $[7] = t4;
+    $[8] = t5;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  const t7 = property.name ? property.name : " ";
+  let t8;
+  if ($[10] !== t7) {
+    t8 = /* @__PURE__ */ jsx(Typography, { variant: "body1", component: "span", className: "grow pr-2", children: t7 });
+    $[10] = t7;
+    $[11] = t8;
+  } else {
+    t8 = $[11];
+  }
+  let t9;
+  if ($[12] !== propertyKey) {
+    t9 = /* @__PURE__ */ jsx(Typography, { className: " pr-2", variant: "body2", component: "span", color: "secondary", children: propertyKey });
+    $[12] = propertyKey;
+    $[13] = t9;
+  } else {
+    t9 = $[13];
+  }
+  let t10;
+  if ($[14] !== t8 || $[15] !== t9) {
+    t10 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col grow p-2 pl-2", children: [
+      t8,
+      t9
+    ] });
+    $[14] = t8;
+    $[15] = t9;
+    $[16] = t10;
+  } else {
+    t10 = $[16];
+  }
+  let t11;
+  if ($[17] !== t10 || $[18] !== t3 || $[19] !== t6) {
+    t11 = /* @__PURE__ */ jsxs("div", { className: "flex flex-row w-full text-start items-center h-full", children: [
+      t3,
+      t6,
+      t10
+    ] });
+    $[17] = t10;
+    $[18] = t3;
+    $[19] = t6;
+    $[20] = t11;
+  } else {
+    t11 = $[20];
+  }
+  return t11;
+}
+function _temp4(_, index) {
+  return /* @__PURE__ */ jsx("div", { className: cls(defaultBorderMixin, "ml-8 border-l h-12") }, index);
+}
+function ImportDataPreview(t0) {
+  const $ = c(14);
+  const {
+    importConfig,
+    properties
+  } = t0;
+  const authController = useAuthController();
+  const collectionRegistry = useCollectionRegistryController();
+  let t1;
+  if ($[0] !== authController || $[1] !== collectionRegistry || $[2] !== importConfig || $[3] !== properties) {
+    t1 = () => {
+      const mappedData = importConfig.importData.map((d) => convertDataToEntity(authController, collectionRegistry, d, importConfig.idColumn, importConfig.headersMapping, properties, "TEMP_PATH", importConfig.defaultValues));
+      importConfig.setEntities(mappedData);
+    };
+    $[0] = authController;
+    $[1] = collectionRegistry;
+    $[2] = importConfig;
+    $[3] = properties;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [];
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  useEffect(t1, t2);
+  const selectionController = useSelectionController();
+  let t3;
+  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Imported data preview" }),
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", children: "Entities with the same id will be overwritten" })
+    ] });
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== importConfig.entities) {
+    t4 = {
+      data: importConfig.entities,
+      dataLoading: false,
+      noMoreToLoad: false
+    };
+    $[7] = importConfig.entities;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t5 = /* @__PURE__ */ jsx("div", { className: "h-12" });
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  let t6;
+  if ($[10] !== properties || $[11] !== selectionController || $[12] !== t4) {
+    t6 = /* @__PURE__ */ jsx(EntityCollectionTable, { title: t3, tableController: t4, enablePopupIcon: false, endAdornment: t5, filterable: false, sortable: false, openEntityMode: "full_screen", selectionController, properties });
+    $[10] = properties;
+    $[11] = selectionController;
+    $[12] = t4;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  return t6;
+}
+function buildHeadersMappingFromData(objArr, properties) {
+  const headersMapping = {};
+  objArr.filter(Boolean).forEach((obj) => {
+    Object.keys(obj).forEach((key) => {
+      const child = obj[key];
+      if (typeof child === "object" && !Array.isArray(child)) {
+        const childProperty = properties?.[key];
+        const childProperties = childProperty && "properties" in childProperty ? childProperty.properties : void 0;
+        const childHeadersMapping = buildHeadersMappingFromData([child], childProperties);
+        Object.entries(childHeadersMapping).forEach(([subKey, mapping]) => {
+          headersMapping[`${key}.${subKey}`] = `${key}.${mapping}`;
+        });
+      }
+      if (!properties) {
+        headersMapping[key] = key;
+      } else if (key in properties) {
+        headersMapping[key] = key;
+      } else {
+        const slug = slugify(key);
+        if (slug in properties) {
+          headersMapping[key] = slug;
+        } else {
+          headersMapping[key] = key;
+        }
+      }
+    });
+  });
+  return headersMapping;
+}
+export {
+  ImportCollectionAction as I,
+  PropertySelectEntry as P,
+  ImportDataPreview as a
+};
+//# sourceMappingURL=ImportCollectionAction-DpCagAOy.js.map