fuse-importer 0.1.2-testing → 0.1.4-testing

package/lib/esm/Importer/common/Spreadsheet/components/SpreadsheetRowCheckboxes.js

@@ -44,6 +44,7 @@ import { useSpreadsheetContext } from "../SpreadsheetContextProvider";
 import { Checkbox } from "../../../../common/inputs/Checkbox";
 import { useImporterContext } from "../../../contexts/ImporterContextProvider";
 import ReactVirtualizedAutoSizer from "react-virtualized-auto-sizer";
+import { rowIsEmpty } from "../SpreadsheetContextProvider/utils";
 var StyledGrid = styled(Grid)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: ", ";\n  overflow-y: scroll;\n"], ["\n  background: ", ";\n  overflow-y: scroll;\n"])), function (_a) {
     var theme = _a.theme;
     return theme.colors.white50;
@@ -54,13 +55,6 @@ var gridStyles = {
     overflowY: "hidden",
     overflowX: "scroll",
 };
-var rowIsEmpty = function (row) {
-    return Object.keys(row).every(function (key) {
-        if (key === "_meta")
-            return true;
-        return !row[key];
-    });
-};
 export var SpreadsheetRowCheckboxes = function (_a) {
     var height = _a.height, gridRef = _a.gridRef, isLoadingData = _a.isLoadingData, props = __rest(_a, ["height", "gridRef", "isLoadingData"]);
     var _b = useSpreadsheetContext(), data = _b.data, selectedRows = _b.selectedRows, options = _b.options, lastClickedIndexRef = _b.lastClickedIndexRef, setSelectedRows = _b.setSelectedRows, checkboxColumnWidth = _b.checkboxColumnWidth, isTransformTooltipOpened = _b.isTransformTooltipOpened;

package/lib/esm/Importer/common/Spreadsheet/components/fields/SpreadsheetInput.js

@@ -56,7 +56,7 @@ export var SpreadsheetInput = function (_a) {
             ? "".concat(totalInputSize, "px")
             : "".concat(defaultWidthAsNumber, "px");
     }, [value, record, columnWidth]);
-    return (_jsxs(SpreadsheetField, __assign({ validationError: validationError, validationWarning: validationWarning, isHighlighted: isHighlighted, defaultFieldWidth: defaultWidthAsNumber, expandedFieldWidth: expandedFieldWidth, shouldExpandInput: true }, { children: [_jsx(Input, __assign({ hasError: !!validationError, hasWarning: !!validationWarning, value: value || "", onChange: function (_a) {
+    return (_jsxs(SpreadsheetField, __assign({ validationError: validationError, validationWarning: validationWarning, isHighlighted: isHighlighted, defaultFieldWidth: defaultWidthAsNumber, expandedFieldWidth: expandedFieldWidth, shouldExpandInput: true }, { children: [_jsx(Input, __assign({ autoComplete: "off", hasError: !!validationError, hasWarning: !!validationWarning, value: value || "", onChange: function (_a) {
                     var value = _a.target.value;
                     return !isTransformTooltipOpened && setValue(value);
                 }, disabledWhen: isTransformTooltipOpened }, props)), ((_g = (_f = (_e = record === null || record === void 0 ? void 0 : record._meta) === null || _e === void 0 ? void 0 : _e.transformedRow) === null || _f === void 0 ? void 0 : _f[name]) === null || _g === void 0 ? void 0 : _g.original) &&

package/lib/esm/Importer/common/Spreadsheet/components/fields/index.js

@@ -87,33 +87,34 @@ export var useSpreadsheetField = function (name, record, fieldType) {
         validationWarning: validationWarning,
     };
 };
-var ContentContainer = styled(Div)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  height: calc(100% - 1px);\n  width: ", ";\n  overflow: hidden;\n\n  ", "\n\n  &:focus-within, \n  &:hover {\n    ", "\n  }\n\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n"], ["\n  height: calc(100% - 1px);\n  width: ", ";\n  overflow: hidden;\n\n  ", "\n\n  &:focus-within, \n  &:hover {\n    ", "\n  }\n\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n"])), function (_a) {
+var ContentContainer = styled(Div)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  height: calc(100% - 1px);\n  width: ", ";\n  overflow: hidden;\n\n  ", "\n\n  &:focus-within, \n  &:hover {\n    ", "\n  }\n\n  &:focus-within, \n  &:hover {\n    ", "\n  }\n\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n"], ["\n  height: calc(100% - 1px);\n  width: ", ";\n  overflow: hidden;\n\n  ", "\n\n  &:focus-within, \n  &:hover {\n    ", "\n  }\n\n  &:focus-within, \n  &:hover {\n    ", "\n  }\n\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n"])), function (_a) {
     var defaultFieldWidth = _a.defaultFieldWidth;
     return defaultFieldWidth ? "".concat(defaultFieldWidth, "px") : "100%";
 }, function (_a) {
     var expandedFieldWidth = _a.expandedFieldWidth;
     return expandedFieldWidth && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      position: absolute;\n    "], ["\n      position: absolute;\n    "])));
 }, function (_a) {
-    var expandedFieldWidth = _a.expandedFieldWidth, isHighlighted = _a.isHighlighted, theme = _a.theme, shouldExpandInput = _a.shouldExpandInput;
-    return shouldExpandInput && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        background: ", ";\n        box-shadow: 0px 0px 0px 2px ", " inset;\n        width: ", ";\n        z-index: 1;\n\n        .suffix {\n          right: 12px;\n        }\n      "], ["\n        background: ", ";\n        box-shadow: 0px 0px 0px 2px ", " inset;\n        width: ", ";\n        z-index: 1;\n\n        .suffix {\n          right: 12px;\n        }\n      "])), !isHighlighted
+    var hasError = _a.hasError, hasWarning = _a.hasWarning, isHighlighted = _a.isHighlighted, theme = _a.theme, shouldExpandInput = _a.shouldExpandInput;
+    return shouldExpandInput &&
+        !hasError &&
+        !hasWarning && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        background: ", ";\n        box-shadow: 0px 0px 0px 2px ", " inset;\n      "], ["\n        background: ", ";\n        box-shadow: 0px 0px 0px 2px ", " inset;\n      "])), !isHighlighted
         ? theme.colors.white
-        : theme.colors.blue100, function (p) { return p.theme.colors.blue500; }, expandedFieldWidth || "auto");
+        : theme.colors.blue100, function (p) { return p.theme.colors.blue500; });
+}, function (_a) {
+    var expandedFieldWidth = _a.expandedFieldWidth, shouldExpandInput = _a.shouldExpandInput;
+    return shouldExpandInput && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        width: ", ";\n        z-index: 1;\n\n        .suffix {\n          right: 12px;\n        }\n      "], ["\n        width: ", ";\n        z-index: 1;\n\n        .suffix {\n          right: 12px;\n        }\n      "])), expandedFieldWidth || "auto");
 }, function (p) { return p.theme.css.alignCenter; }, function (p) {
-    return p.isHighlighted && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 2px ", " inset;\n    "], ["\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 2px ", " inset;\n    "])), function (p) { return p.theme.colors.blue100; }, function (p) { return p.theme.colors.blue500; });
+    return p.isHighlighted && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 2px ", " inset;\n    "], ["\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 2px ", " inset;\n    "])), function (p) { return p.theme.colors.blue100; }, function (p) { return p.theme.colors.blue500; });
 }, function (p) {
-    return p.hasWarning && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      color: ", ";\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 1px ", " inset;\n    "], ["\n      color: ", ";\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 1px ", " inset;\n    "])), function (p) { return p.theme.colors.orange1200; }, function (p) { return p.theme.colors.orange1100; }, function (p) { return p.theme.colors.orange500; });
+    return p.hasWarning && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      color: ", ";\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 1px ", " inset;\n    "], ["\n      color: ", ";\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 1px ", " inset;\n    "])), function (p) { return p.theme.colors.orange1200; }, function (p) { return p.theme.colors.orange1100; }, function (p) { return p.theme.colors.orange500; });
 }, function (p) {
-    return p.hasError && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      color: ", ";\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 1px ", " inset;\n    "], ["\n      color: ", ";\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 1px ", " inset;\n    "])), function (p) { return p.theme.colors.error; }, function (p) { return p.theme.colors.red100; }, function (p) { return p.theme.colors.error; });
+    return p.hasError && css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      color: ", ";\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 1px ", " inset;\n    "], ["\n      color: ", ";\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 1px ", " inset;\n    "])), function (p) { return p.theme.colors.error; }, function (p) { return p.theme.colors.red100; }, function (p) { return p.theme.colors.error; });
 }, function (p) {
-    return p.isReadOnly && css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      pointer-events: none;\n    "], ["\n      pointer-events: none;\n    "])));
-});
-var Wrapper = styled(Div)(function (_a) {
-    var isLoading = _a.isLoading;
-    return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), isLoading && css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      pointer-events: none;\n    "], ["\n      pointer-events: none;\n    "]))));
+    return p.isReadOnly && css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      pointer-events: none;\n    "], ["\n      pointer-events: none;\n    "])));
 });
 export var SpreadsheetField = function (_a) {
     var validationError = _a.validationError, validationWarning = _a.validationWarning, children = _a.children, isHighlighted = _a.isHighlighted, expandedFieldWidth = _a.expandedFieldWidth, shouldExpandInput = _a.shouldExpandInput, defaultFieldWidth = _a.defaultFieldWidth;
-    var _b = useSpreadsheetContext(), isReadOnly = _b.isReadOnly, isLoading = _b.isLoading;
-    return (_jsx(Wrapper, __assign({ dim: "100%", isLoading: isLoading }, { children: _jsx(TooltipProvider, __assign({ tooltip: validationError || validationWarning }, { children: _jsx(Div, __assign({ dim: "100%" }, { children: _jsx(ContentContainer, __assign({ hasError: !!validationError, hasWarning: !!validationWarning, isHighlighted: isHighlighted, expandedFieldWidth: expandedFieldWidth, defaultFieldWidth: defaultFieldWidth, shouldExpandInput: shouldExpandInput, isReadOnly: isReadOnly, className: "input-content" }, { children: children })) })) })) })));
+    var isReadOnly = useSpreadsheetContext().isReadOnly;
+    return (_jsx(Div, __assign({ dim: "100%" }, { children: _jsx(TooltipProvider, __assign({ tooltip: validationError || validationWarning }, { children: _jsx(Div, __assign({ dim: "100%" }, { children: _jsx(ContentContainer, __assign({ hasError: !!validationError, hasWarning: !!validationWarning, isHighlighted: isHighlighted, expandedFieldWidth: expandedFieldWidth, defaultFieldWidth: defaultFieldWidth, shouldExpandInput: shouldExpandInput, isReadOnly: isReadOnly, className: "input-content" }, { children: children })) })) })) })));
 };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;

package/lib/esm/Importer/common/Spreadsheet/hooks.d.ts

@@ -5,7 +5,6 @@ import { BatchValidationErrors, Field, OnValidateRecord, Record, RecordDataSet }
 type UseValidationStateArgs = {
     onValidateRecord?: OnValidateRecord;
     setDataSet: React.Dispatch<React.SetStateAction<RecordDataSet>>;
-    setIsLoading: React.Dispatch<React.SetStateAction<boolean>>;
     initialDataSet: RecordDataSet;
     dataSet: RecordDataSet;
     fields: Field[];
@@ -30,5 +29,5 @@ type UseValidationStateReturnValue = ValidationState & {
     deleteRecords: DeleteRecords;
     updateRecordAndRevalidate: (record: Record) => Promise<void>;
 };
-export declare const useValidationState: ({ initialDataSet, dataSet, fields, options, isReadOnly, setDataSet, setIsLoading, onValidateRecord, }: UseValidationStateArgs) => UseValidationStateReturnValue;
+export declare const useValidationState: ({ initialDataSet, dataSet, fields, options, isReadOnly, setDataSet, onValidateRecord, }: UseValidationStateArgs) => UseValidationStateReturnValue;
 export {};

package/lib/esm/Importer/common/Spreadsheet/hooks.js

@@ -45,7 +45,6 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { omit, set } from "lodash";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { useTableActions, } from "../../../common/Table/TableActions/hooks";
 import { selectValidatorsFor, validateRecord } from "./validation";
@@ -56,7 +55,7 @@ var checkIfHasErrors = function (errors) {
 export var useValidationState = function (_a) {
     var initialDataSet = _a.initialDataSet, //Initial Data Set, used to run the initial validation
     dataSet = _a.dataSet, //Current Updated Data Set
-    fields = _a.fields, options = _a.options, isReadOnly = _a.isReadOnly, setDataSet = _a.setDataSet, setIsLoading = _a.setIsLoading, onValidateRecord = _a.onValidateRecord;
+    fields = _a.fields, options = _a.options, isReadOnly = _a.isReadOnly, setDataSet = _a.setDataSet, onValidateRecord = _a.onValidateRecord;
     var _b = useState({}), errors = _b[0], setErrors = _b[1];
     var _c = useState({}), warnings = _c[0], setWarnings = _c[1];
     var _d = useState(0), validationPercentage = _d[0], setValidationPercentage = _d[1];
@@ -69,14 +68,14 @@ export var useValidationState = function (_a) {
     }).deleteRecords;
     // Validate record and update dataSet
     var updateRecordAndRevalidate = useCallback(function (records) { return __awaiter(void 0, void 0, void 0, function () {
-        var recordsArray, newDataSet, errorUpdates, warningUpdates, i, record, recordId, data, _a, recordErrors, recordWarnings, hasError, hasWarning;
+        var recordsArray, newDataSet, newErrors, newWarnings, i, record, recordId, data, _a, recordErrors, recordWarnings, hasError, hasWarning;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
                     recordsArray = Array.isArray(records) ? records : [records];
                     newDataSet = __assign({}, dataSet);
-                    errorUpdates = {};
-                    warningUpdates = {};
+                    newErrors = __assign({}, errors);
+                    newWarnings = __assign({}, warnings);
                     i = 0;
                     _b.label = 1;
                 case 1:
@@ -100,51 +99,35 @@ export var useValidationState = function (_a) {
                     hasWarning = checkIfHasErrors(recordWarnings);
                     newDataSet[recordId]._meta.isInvalid = hasError;
                     newDataSet[recordId]._meta.hasWarning = hasWarning;
-                    errorUpdates = hasError
-                        ? set(errorUpdates, recordId, recordErrors)
-                        : omit(errorUpdates, recordId);
-                    warningUpdates = hasWarning
-                        ? set(warningUpdates, recordId, recordWarnings)
-                        : omit(warningUpdates, recordId);
+                    if (hasError) {
+                        newErrors[recordId] = recordErrors;
+                    }
+                    else {
+                        delete newErrors[recordId];
+                    }
+                    if (hasWarning) {
+                        newWarnings[recordId] = recordWarnings;
+                    }
+                    else {
+                        delete newWarnings[recordId];
+                    }
                     _b.label = 3;
                 case 3:
                     i++;
                     return [3 /*break*/, 1];
                 case 4:
-                    setErrors(function (errors) {
-                        var currentErrors = __assign({}, errors);
-                        var newErrors = {};
-                        for (var errorId in errorUpdates) {
-                            var updatedError = errorUpdates[errorId];
-                            var hasUpdatedError = updatedError && Object.keys(updatedError).length > 0;
-                            newErrors = hasUpdatedError
-                                ? set(currentErrors, errorId, updatedError)
-                                : omit(currentErrors, errorId);
-                        }
-                        return newErrors;
-                    });
-                    setWarnings(function (warnings) {
-                        var currentWarnings = __assign({}, warnings);
-                        var newWarnings = {};
-                        for (var warningId in warningUpdates) {
-                            var updatedWarning = warningUpdates[warningId];
-                            var hasUpdatedWarning = updatedWarning && Object.keys(updatedWarning).length > 0;
-                            newWarnings = hasUpdatedWarning
-                                ? set(currentWarnings, warningId, updatedWarning)
-                                : omit(currentWarnings, warningId);
-                        }
-                        return newWarnings;
-                    });
-                    setDataSet(newDataSet); //Update the dataSet
+                    setErrors(newErrors);
+                    setWarnings(newWarnings);
+                    setDataSet(newDataSet); // Update the dataSet
                     return [2 /*return*/];
             }
         });
-    }); }, [dataSet, validatorsCache]);
+    }); }, [dataSet, errors, warnings, validatorsCache]);
     // Initial data validation and update dataSet
     useEffect(function () {
         if (!initialDataSet || isReadOnly)
             return;
-        setIsLoading(true);
+        setIsLoadingApp(true);
         var initialValidation = function () { return __awaiter(void 0, void 0, void 0, function () {
             var errors, warnings, initialData, length, _a, batchValidationDelayMs, _b, batchValidationSize, batchSize, batchCount, batchIdx, idx, batch, index, record, recordId, _c, recordErrors, recordWarnings, hasError, hasWarning, validationPercentage_1;
             return __generator(this, function (_d) {
@@ -223,7 +206,6 @@ export var useValidationState = function (_a) {
                     case 2: return [4 /*yield*/, initialValidation()];
                     case 3:
                         _a.sent();
-                        setIsLoading(false);
                         setIsLoadingApp(false);
                         return [2 /*return*/];
                 }

package/lib/esm/Importer/common/Spreadsheet/transformation/transformators.js

@@ -209,28 +209,4 @@ var integerTransformations = {
         return isTransformationNeeded(fieldValue, valueWithCorrectType);
     },
 };
-var enumTransformations = {
-    autodetect: function (fieldValue, _, fieldOptions) {
-        var options = fieldOptions.options.map(function (option) {
-            return option.toLowerCase();
-        });
-        if (!fieldValue || options.length === 0)
-            return {
-                transformationWasNeeded: false,
-                original: fieldValue,
-                transformed: null,
-            };
-        var parsedRecord = String(fieldValue).toLowerCase();
-        var trueOptionIndex = options.findIndex(function (option) { return option === "true" || option === "1"; });
-        var falseOptionIndex = options.findIndex(function (option) { return option === "false" || option === "0"; });
-        if (trueOptionIndex !== -1 && falseOptionIndex !== -1) {
-            var transformedValue_1 = parsedRecord === options[trueOptionIndex]
-                ? fieldOptions.options[trueOptionIndex]
-                : fieldOptions.options[falseOptionIndex];
-            return isTransformationNeeded(fieldValue, transformedValue_1);
-        }
-        var transformedValue = fieldOptions.options[0];
-        return isTransformationNeeded(fieldValue, transformedValue);
-    },
-};
-export var fieldTransformations = __assign(__assign(__assign(__assign(__assign(__assign({}, stringFieldTransformations), datesDateTimesAndTimesTransformations), urlTransformations), floatTransformations), integerTransformations), enumTransformations);
+export var fieldTransformations = __assign(__assign(__assign(__assign(__assign({}, stringFieldTransformations), datesDateTimesAndTimesTransformations), urlTransformations), floatTransformations), integerTransformations);

package/lib/esm/Importer/contexts/ImporterContextProvider.d.ts

@@ -1,8 +1,6 @@
-import Fuse from "fuse.js";
 import React from "react";
-import { CustomAction, FormatRecord, ImporterOptions, Integration, OnSubmit, OnValidateRecord, Record, TemplateHeader } from "../../types";
+import { ColumnMapping, CustomAction, FormatRecord, ImporterOptions, Integration, OnSubmit, OnValidateRecord, Record, TemplateHeader } from "../../types";
 import { FuseApi } from "../common/FuseApi";
-export declare const fusejsOptions: Fuse.IFuseOptions<string>;
 export type HeaderMatchings = {
     [templateHeaderLabel: string]: string;
 };
@@ -46,6 +44,7 @@ export type State = {
     setCurrentStepIndex: React.Dispatch<number>;
     setEnumFieldValueMatchings: React.Dispatch<React.SetStateAction<EnumFieldValueMatchings>>;
     setUploadedData: React.Dispatch<any[]>;
+    setHeadersMappings: React.Dispatch<any[]>;
     setTemplateHeaderMatchings: React.Dispatch<React.SetStateAction<HeaderMatchings>>;
     setPreviewFirstTime: React.Dispatch<boolean>;
     formatRecord: FormatRecord;
@@ -56,6 +55,7 @@ export type State = {
     isUsingManualImport: React.MutableRefObject<boolean>;
     resetImporterWhenUsingManualImport: () => void;
     manualDataImportSelected: () => void;
+    columnMappingsAttributes: ColumnMapping[];
     customActions: CustomAction[];
 };
 export type Props = {

package/lib/esm/Importer/contexts/ImporterContextProvider.js

@@ -55,16 +55,11 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import Fuse from "fuse.js";
 import { createContext, useContext, useEffect, useMemo, useRef, useState, } from "react";
 import { FieldTypes, } from "../../types";
 import { FuseApi } from "../common/FuseApi";
 import { getCustomTheme, theme } from "../common/theme";
 import { getColumnType, verifyDuplicateValue } from "../common/utils";
-export var fusejsOptions = {
-    includeScore: true,
-    threshold: 0.35,
-};
 var ImporterContext = createContext({});
 export var ImporterContextProvider = function (_a) {
     var templateSlug = _a.templateSlug, initialRecords = _a.initialRecords, apiToken = _a.apiToken, children = _a.children, options = _a.options, onSubmit = _a.onSubmit, onClose = _a.onClose, formatRecord = _a.formatRecord, onValidateRecord = _a.onValidateRecord, dynamicColumns = _a.dynamicColumns, customActions = _a.customActions;
@@ -76,16 +71,18 @@ export var ImporterContextProvider = function (_a) {
     var _g = useState(null), uploadedData = _g[0], setUploadedData = _g[1];
     var _h = useState(null), organization = _h[0], setOrganization = _h[1];
     var _j = useState(null), previewFirstTime = _j[0], setPreviewFirstTime = _j[1];
-    var _k = useState({
+    var _k = useState(null), columnMappingsAttributes = _k[0], setColumnMappingsAttributes = _k[1];
+    var _l = useState(null), headersMappings = _l[0], setHeadersMappings = _l[1];
+    var _m = useState({
         theme: theme,
         logoURL: null,
-    }), style = _k[0], setStyle = _k[1];
-    var _l = useState(null), templateHeaderMatchings = _l[0], setTemplateHeaderMatchings = _l[1];
-    var _m = useState(null), enumFieldValueMatchings = _m[0], setEnumFieldValueMatchings = _m[1];
-    var _o = useState(null), uploadedDataEnumFieldValues = _o[0], setUploadedDataEnumFieldValues = _o[1];
-    var _p = useState([]), selectedRows = _p[0], setSelectedRows = _p[1];
+    }), style = _m[0], setStyle = _m[1];
+    var _o = useState(null), templateHeaderMatchings = _o[0], setTemplateHeaderMatchings = _o[1];
+    var _p = useState(null), enumFieldValueMatchings = _p[0], setEnumFieldValueMatchings = _p[1];
+    var _q = useState(null), uploadedDataEnumFieldValues = _q[0], setUploadedDataEnumFieldValues = _q[1];
+    var _r = useState([]), selectedRows = _r[0], setSelectedRows = _r[1];
     var isUsingManualImport = useRef(false);
-    var _q = useState(0), headerRowIndex = _q[0], setHeaderRowIndex = _q[1];
+    var _s = useState(0), headerRowIndex = _s[0], setHeaderRowIndex = _s[1];
     var fuseApi = useMemo(function () { return new FuseApi(options.env, apiToken); }, [
         options.env,
         apiToken,
@@ -107,18 +104,29 @@ export var ImporterContextProvider = function (_a) {
     useEffect(function () {
         var setHeadersFromDataset = function () {
             var _templateHeaderMatchings = {};
-            var fuse = new Fuse(uploadedDataHeaders, fusejsOptions);
             templateHeaders.forEach(function (templateHeader, _index) {
-                var _a;
-                var fuseResults = fuse.search(templateHeader.label);
-                _templateHeaderMatchings[templateHeader.label] = (_a = fuseResults[0]) === null || _a === void 0 ? void 0 : _a.item;
+                var mappedHeader = headersMappings.find(function (headerMapping) {
+                    var matchedColumn = Object.values(headerMapping)[0];
+                    if (matchedColumn) {
+                        return (matchedColumn.toLowerCase() === templateHeader.label.toLowerCase());
+                    }
+                    else {
+                        return false;
+                    }
+                });
+                if (mappedHeader) {
+                    _templateHeaderMatchings[templateHeader.label] = Object.keys(mappedHeader)[0];
+                }
+                else {
+                    _templateHeaderMatchings[templateHeader.label] = null;
+                }
             });
             setTemplateHeaderMatchings(_templateHeaderMatchings);
         };
-        if (uploadedDataHeaders) {
+        if (uploadedDataHeaders && headersMappings) {
             setHeadersFromDataset();
         }
-    }, [uploadedDataHeaders]);
+    }, [uploadedDataHeaders, headersMappings]);
     useEffect(function () {
         if (!templateHeaderMatchings || !uploadedDataHeaders)
             return;
@@ -145,7 +153,7 @@ export var ImporterContextProvider = function (_a) {
     }, [templateHeaderMatchings, uploadedDataHeaders]);
     useEffect(function () {
         (function () { return __awaiter(void 0, void 0, void 0, function () {
-            var _a, organization_1, columns_1, importer_style_preferences, integrations_1, preview_first_time, error_1, errorMsg;
+            var _a, organization_1, columns_1, importer_style_preferences, integrations_1, preview_first_time, column_mappings_attributes, error_1, errorMsg;
             var _b, _c;
             return __generator(this, function (_d) {
                 switch (_d.label) {
@@ -153,7 +161,7 @@ export var ImporterContextProvider = function (_a) {
                         _d.trys.push([0, 2, , 3]);
                         return [4 /*yield*/, fuseApi.get("/api/v1/importer/templates/".concat(templateSlug))];
                     case 1:
-                        _a = (_d.sent()).data, organization_1 = _a.organization, columns_1 = _a.columns, importer_style_preferences = _a.importer_style_preferences, integrations_1 = _a.integrations, preview_first_time = _a.preview_first_time;
+                        _a = (_d.sent()).data, organization_1 = _a.organization, columns_1 = _a.columns, importer_style_preferences = _a.importer_style_preferences, integrations_1 = _a.integrations, preview_first_time = _a.preview_first_time, column_mappings_attributes = _a.column_mappings_attributes;
                         setOrganization(organization_1);
                         setTemplateHeaders(function () {
                             // user has created dynamic columns
@@ -170,6 +178,7 @@ export var ImporterContextProvider = function (_a) {
                         });
                         setIntegrations(integrations_1);
                         setPreviewFirstTime(preview_first_time);
+                        setColumnMappingsAttributes(column_mappings_attributes);
                         if (organization_1.plan && organization_1.plan.allow_style_customization) {
                             setStyle(getCustomTheme(importer_style_preferences));
                         }
@@ -222,10 +231,12 @@ export var ImporterContextProvider = function (_a) {
         theme: style.theme,
         logoURL: style.logoURL,
         integrations: integrations,
+        columnMappingsAttributes: columnMappingsAttributes,
         previewFirstTime: previewFirstTime,
         headerRowIndex: headerRowIndex,
         setHeaderRowIndex: setHeaderRowIndex,
         setUploadedData: setUploadedData,
+        setHeadersMappings: setHeadersMappings,
         formatRecord: formatRecord,
         setCurrentStepIndex: setCurrentStepIndex,
         setEnumFieldValueMatchings: setEnumFieldValueMatchings,

package/lib/esm/common/Table/TableActions/CustomActions/CustomActions.js

@@ -13,6 +13,42 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { ActionPlus } from "../icons";
@@ -34,39 +70,53 @@ export var CustomActions = function () {
     var filteredOptions = useMemo(function () {
         return customActions.map(function (action) { return action.name; });
     }, [customActions]);
-    var handleCustomAction = function (actionKey) {
-        var recordsToRunAction = data.filter(function (row) {
-            return selectedRows.includes(row._meta.id);
-        });
-        var recordsAfterActions = [];
-        var action = customActions.find(function (action) { return action.name === actionKey; });
-        if (!action || Object.keys(action).length === 0) {
-            addToast(t("table_actions.custom_actions.general_error_toast"), "error");
-            return;
-        }
-        for (var i = 0; i < recordsToRunAction.length; i++) {
-            var currentRecord = recordsToRunAction[i];
-            try {
-                if (action.actionType === "record") {
-                    var newRecord = action.handler(currentRecord);
+    var handleCustomAction = function (actionKey) { return __awaiter(void 0, void 0, void 0, function () {
+        var recordsToRunAction, recordsAfterActions, action, i, currentRecord, newRecord, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    recordsToRunAction = data.filter(function (row) { var _a; return selectedRows.includes((_a = row === null || row === void 0 ? void 0 : row._meta) === null || _a === void 0 ? void 0 : _a.id); });
+                    recordsAfterActions = [];
+                    action = customActions.find(function (action) { return action.name === actionKey; });
+                    if (!action || Object.keys(action).length === 0) {
+                        addToast(t("table_actions.custom_actions.general_error_toast"), "error");
+                        return [2 /*return*/];
+                    }
+                    i = 0;
+                    _a.label = 1;
+                case 1:
+                    if (!(i < recordsToRunAction.length)) return [3 /*break*/, 7];
+                    currentRecord = recordsToRunAction[i];
+                    _a.label = 2;
+                case 2:
+                    _a.trys.push([2, 5, , 6]);
+                    if (!(action.actionType === "record")) return [3 /*break*/, 4];
+                    return [4 /*yield*/, action.handler(currentRecord)];
+                case 3:
+                    newRecord = _a.sent();
                     recordsAfterActions.push(newRecord);
-                    continue;
-                }
+                    return [3 /*break*/, 6];
+                case 4: return [3 /*break*/, 6];
+                case 5:
+                    error_1 = _a.sent();
+                    addToast(t("table_actions.custom_actions.error_toast", {
+                        actionName: action.name,
+                    }), "error");
+                    return [3 /*break*/, 7];
+                case 6:
+                    i++;
+                    return [3 /*break*/, 1];
+                case 7:
+                    if (recordsAfterActions.length) {
+                        addToast(t("table_actions.custom_actions.success_toast", {
+                            actionName: action.name,
+                        }), "success");
+                    }
+                    updateRecord(recordsAfterActions);
+                    return [2 /*return*/];
             }
-            catch (error) {
-                addToast(t("table_actions.custom_actions.error_toast", {
-                    actionName: action.name,
-                }), "error");
-                break;
-            }
-        }
-        if (recordsAfterActions.length) {
-            addToast(t("table_actions.custom_actions.success_toast", {
-                actionName: action.name,
-            }), "success");
-        }
-        updateRecord(recordsAfterActions);
-    };
+        });
+    }); };
     var onSelect = function (value) {
         setIsMenuOpen(false);
         handleCustomAction(value);

package/lib/esm/common/Table/TableActions/DeleteSelectedRows.js

@@ -23,11 +23,12 @@ import { DeleteIcon, ConfirmationDeleteIcon } from "./icons";
 import { Div } from "../../../styled/utils";
 import { ActionButton } from "./TableActions.styles";
 import { useTranslation } from "react-i18next";
+import { addToast } from "../../../common/Toast";
 var StyledTooltipProvider = styled(TooltipProvider)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: fit-content;\n"], ["\n  width: fit-content;\n"])));
 export var DeleteSelectedRows = function (_a) {
     var _b = _a.testId, testId = _b === void 0 ? "ta-delete-rows" : _b;
     var _c = useState(false), isConfirmationModalOpen = _c[0], setIsConfirmationModalOpen = _c[1];
-    var _d = useSpreadsheetContext(), deleteRecords = _d.deleteRecords, selectedRows = _d.selectedRows, setSelectedRows = _d.setSelectedRows, setFilteredInputValue = _d.setFilteredInputValue;
+    var _d = useSpreadsheetContext(), deleteRecords = _d.deleteRecords, selectedRows = _d.selectedRows, setSelectedRows = _d.setSelectedRows, setFilteredInputValue = _d.setFilteredInputValue, spreadsheetFilter = _d.spreadsheetFilter, duplicateRecords = _d.duplicateRecords, resetSpreadsheetFilter = _d.resetSpreadsheetFilter;
     var t = useTranslation("review").t;
     var toggleModalVisibility = function () {
         setIsConfirmationModalOpen(function (oldValue) { return !oldValue; });
@@ -37,6 +38,13 @@ export var DeleteSelectedRows = function (_a) {
         toggleModalVisibility();
         setFilteredInputValue("");
         deleteRecords(selectedRows);
+        if (spreadsheetFilter.byRow === "duplicates") {
+            var selectedDuplicatesCount = Object.keys(duplicateRecords.records).filter(function (key) { return selectedRows.includes(key); }).length;
+            addToast(t("table_actions.filters_by_rows.duplicates_deleted", {
+                count: selectedDuplicatesCount,
+            }), "success");
+            resetSpreadsheetFilter();
+        }
     };
     var DescriptionUI = function () { return (_jsx(_Fragment, { children: _jsxs(Div, { children: [t("table_actions.delete_rows.confirmation_modal", {
                     length: selectedRows.length,

package/lib/esm/common/Table/TableActions/RowFilters.js

@@ -21,8 +21,12 @@ import { useTranslation } from "react-i18next";
 var FilterContainer = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding: 6px 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  ", ";\n  ", "\n"], ["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding: 6px 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  ", ";\n  ", "\n"])), function (p) { return p.theme.css.body3; }, function (p) {
     return p.isSelected && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background: ", ";\n      color: ", ";\n      border-radius: 4px;\n    "], ["\n      background: ", ";\n      color: ", ";\n      border-radius: 4px;\n    "])), function (p) { return p.theme.colors.black; }, function (p) { return p.theme.colors.white; });
 });
-var Container = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  border-radius: 4px;\n  background-color: ", ";\n"], ["\n  display: flex;\n  border-radius: 4px;\n  background-color: ", ";\n"])), function (p) { return p.theme.colors.backgroundInterface; });
-var FilteredDataCount = styled(Div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background: ", ";\n  color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px 8px;\n  margin-left: -3px;\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n"], ["\n  background: ", ";\n  color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px 8px;\n  margin-left: -3px;\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n"])), function (p) { return p.theme.colors.highlight01; }, function (p) { return p.theme.colors.black; });
+var Container = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: 4px;\n  display: flex;\n"], ["\n  background-color: ", ";\n  border-radius: 4px;\n  display: flex;\n"])), function (p) { return p.theme.colors.backgroundInterface; });
+var Wrapper = styled(Div)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var isDisabled = _a.isDisabled;
+    return isDisabled && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      cursor: not-allowed;\n\n      > div:first-child {\n        opacity: 0.7;\n        pointer-events: none;\n      }\n    "], ["\n      cursor: not-allowed;\n\n      > div:first-child {\n        opacity: 0.7;\n        pointer-events: none;\n      }\n    "])));
+});
+var FilteredDataCount = styled(Div)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  background: ", ";\n  color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px 8px;\n  margin-left: -3px;\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n"], ["\n  background: ", ";\n  color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px 8px;\n  margin-left: -3px;\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n"])), function (p) { return p.theme.colors.highlight01; }, function (p) { return p.theme.colors.black; });
 var Filter = function (_a) {
     var label = _a.label, count = _a.count, isSelected = _a.isSelected, onClick = _a.onClick, isDisabled = _a.isDisabled;
     var _b = useSpreadsheetContext(), filteredInputValue = _b.filteredInputValue, filteredDataCount = _b.filteredDataCount;
@@ -32,11 +36,11 @@ var Filter = function (_a) {
     return (_jsxs(Div, __assign({ disabledWhen: isDisabled, dflex: true, clickable: true, onClick: function () { return !isDisabled && onClick(); }, "data-test-id": labelToId(label) }, { children: [_jsxs(FilterContainer, __assign({ isSelected: isSelected }, { children: [label, count >= 0 && _jsxs(_Fragment, { children: ["\u00A0(", count, ")"] })] })), isSelected && filteredInputValue !== "" && (_jsx(FilteredDataCount, { children: _jsx(Div, __assign({ minw: 14, centered: true }, { children: filteredDataCount })) }))] })));
 };
 export var RowFilters = function () {
-    var _a = useSpreadsheetContext(), spreadsheetFilter = _a.spreadsheetFilter, errors = _a.errors, filterRecordsByRowType = _a.filterRecordsByRowType, recordsWithValuesCount = _a.recordsWithValuesCount, isTransformTooltipOpened = _a.isTransformTooltipOpened;
+    var _a = useSpreadsheetContext(), spreadsheetFilter = _a.spreadsheetFilter, errors = _a.errors, filterRecordsByRowType = _a.filterRecordsByRowType, recordsWithValuesCount = _a.recordsWithValuesCount, isTransformTooltipOpened = _a.isTransformTooltipOpened, duplicateRecords = _a.duplicateRecords;
     var t = useTranslation("review").t;
     var all_rows = t("table_actions.filters_by_rows.all_rows");
-    var valid_rows = t("table_actions.filters_by_rows.valid_rows");
     var invalid_rows = t("table_actions.filters_by_rows.invalid_rows");
-    return (_jsxs(Container, { children: [_jsx(Filter, { isSelected: spreadsheetFilter.byRow === "all", label: all_rows, count: recordsWithValuesCount, onClick: function () { return filterRecordsByRowType("all"); }, isDisabled: isTransformTooltipOpened }), _jsx(Filter, { isSelected: spreadsheetFilter.byRow === "valid", label: valid_rows, onClick: function () { return filterRecordsByRowType("valid"); }, isDisabled: isTransformTooltipOpened }), _jsx(Filter, { isSelected: spreadsheetFilter.byRow === "invalid", label: invalid_rows, count: Object.values(errors).length, onClick: function () { return filterRecordsByRowType("invalid"); }, isDisabled: isTransformTooltipOpened })] }));
+    var duplicates = t("table_actions.filters_by_rows.duplicates");
+    return (_jsx(Wrapper, __assign({ isDisabled: isTransformTooltipOpened }, { children: _jsxs(Container, { children: [_jsx(Filter, { isSelected: spreadsheetFilter.byRow === "all", label: all_rows, count: recordsWithValuesCount, onClick: function () { return filterRecordsByRowType("all"); } }), _jsx(Filter, { isSelected: spreadsheetFilter.byRow === "invalid", label: invalid_rows, count: Object.values(errors).length, onClick: function () { return filterRecordsByRowType("invalid"); } }), _jsx(Filter, { isSelected: spreadsheetFilter.byRow === "duplicates", label: duplicates, count: duplicateRecords.count, onClick: function () { return filterRecordsByRowType("duplicates"); } })] }) })));
 };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/lib/esm/common/columnsTransformations.js

@@ -67,18 +67,10 @@ var integerTransformations = [
         label: "Ceiling (e.g. 3.01 -> 4)",
     },
 ];
-var enumTransformations = [
-    {
-        value: "autodetect",
-        label: "Autodetect (e.g. 0/1 -> true/false)",
-        isDefaultTransformation: true,
-    },
-];
 export var transformationsByColumnType = {
     string: stringTransformations,
     integer: integerTransformations,
     float: floatTransformations,
-    enum: enumTransformations,
     url: urlTransformations,
     date: commonDateAndTimeTransformations,
     datetime: commonDateAndTimeTransformations,