fuse-importer 0.1.5-testing → 0.1.7-testing

package/lib/esm/Importer/Review/ReviewContextProvider.d.ts

@@ -19,6 +19,8 @@ type State = {
     onSubmit: (dataSet: RecordDataSet) => Promise<void>;
     setReviewInitialDataSetDeprecated: (dataSet: any) => void;
     setInitialDataSetUpdatedAt: React.Dispatch<any>;
+    isTransformTooltipOpened: boolean;
+    setIsTransformTooltipOpened: React.Dispatch<React.SetStateAction<boolean>>;
 };
 export type ExportDataType = "csv" | "excel";
 type Props = {

package/lib/esm/Importer/Review/ReviewContextProvider.js

@@ -57,14 +57,15 @@ var ReviewContext = createContext({});
 export var ReviewContextProvider = function (_a) {
     var initialRecords = _a.initialRecords, children = _a.children;
     var _b = useImporterContext(), templateHeaderMatchings = _b.templateHeaderMatchings, enumFieldValueMatchings = _b.enumFieldValueMatchings, templateHeaders = _b.templateHeaders, uploadedDataHeaders = _b.uploadedDataHeaders, headerRowIndex = _b.headerRowIndex, uploadedData = _b.uploadedData, currentStepIndex = _b.currentStepIndex, setSelectedRows = _b.setSelectedRows, _c = _b.importerOptions, disableSubmitIfInvalid = _c.disableSubmitIfInvalid, batchValidationDelayMs = _c.batchValidationDelayMs, batchValidationSize = _c.batchValidationSize, loadingComponent = _c.loadingComponent, onValidateRecord = _b.onValidateRecord, formatRecord = _b.formatRecord;
-    var _d = useSubmitToServer(), appResponse = _d.appResponse, isSubmitting = _d.isSubmitting, importWasSuccessful = _d.importWasSuccessful, onSubmitToServer = _d.onSubmitToServer;
+    var _d = useState(false), isTransformTooltipOpened = _d[0], setIsTransformTooltipOpened = _d[1];
+    var _e = useSubmitToServer(setIsTransformTooltipOpened), appResponse = _e.appResponse, isSubmitting = _e.isSubmitting, importWasSuccessful = _e.importWasSuccessful, onSubmitToServer = _e.onSubmitToServer;
     var setIsLoadingApp = useAppLoadingContext().setIsLoadingApp;
-    var _e = useState([]), previewFields = _e[0], setPreviewFields = _e[1];
-    var _f = useState(null), previewInitialDataSet = _f[0], setPreviewInitialDataSet = _f[1];
-    var _g = useState([]), reviewFields = _g[0], setReviewFields = _g[1];
+    var _f = useState([]), previewFields = _f[0], setPreviewFields = _f[1];
+    var _g = useState(null), previewInitialDataSet = _g[0], setPreviewInitialDataSet = _g[1];
+    var _h = useState([]), reviewFields = _h[0], setReviewFields = _h[1];
     var reviewInitialDataSet = useRef(null);
-    var _h = useState(null), initialDataSetUpdatedAt = _h[0], setInitialDataSetUpdatedAt = _h[1];
-    var _j = useState(false), _ = _j[0], setInefficientRerender = _j[1];
+    var _j = useState(null), initialDataSetUpdatedAt = _j[0], setInitialDataSetUpdatedAt = _j[1];
+    var _k = useState(false), _ = _k[0], setInefficientRerender = _k[1];
     var setReviewInitialDataSetDeprecated = function (dataSet) {
         reviewInitialDataSet.current = dataSet;
         setInefficientRerender(function (prev) { return !prev; });
@@ -103,17 +104,17 @@ export var ReviewContextProvider = function (_a) {
         else if (currentStepIndex === 2) {
             setIsLoadingApp(true);
             (function () { return __awaiter(void 0, void 0, void 0, function () {
-                var generateRecords, fields, records, initialDataSet;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                var generateRecords, fields, records, _a, isDatasetTransformed, initialDataSet;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             if (!(uploadedData && uploadedData.length > 10000)) return [3 /*break*/, 2];
                             // wait for the first render to complete before blocking main thread with review step logic
                             return [4 /*yield*/, sleep(200)];
                         case 1:
                             // wait for the first render to complete before blocking main thread with review step logic
-                            _a.sent();
-                            _a.label = 2;
+                            _b.sent();
+                            _b.label = 2;
                         case 2:
                             generateRecords = function () {
                                 return transformToRecords({
@@ -127,10 +128,12 @@ export var ReviewContextProvider = function (_a) {
                             };
                             fields = getTemplateFields({ templateHeaders: templateHeaders });
                             records = initialRecords !== null && initialRecords !== void 0 ? initialRecords : generateRecords();
-                            initialDataSet = getReviewDataSet({
+                            _a = getReviewDataSet({
                                 records: records,
                                 fields: fields,
-                            }).initialDataSet;
+                            }), isDatasetTransformed = _a.isDatasetTransformed, initialDataSet = _a.initialDataSet;
+                            if (isDatasetTransformed)
+                                setIsTransformTooltipOpened(true);
                             setSelectedRows([]);
                             setReviewFields(fields);
                             setReviewInitialDataSetDeprecated(initialDataSet);
@@ -178,6 +181,8 @@ export var ReviewContextProvider = function (_a) {
         onDataSetChanged: onDataSetChanged,
         setReviewInitialDataSetDeprecated: setReviewInitialDataSetDeprecated,
         setInitialDataSetUpdatedAt: setInitialDataSetUpdatedAt,
+        isTransformTooltipOpened: isTransformTooltipOpened,
+        setIsTransformTooltipOpened: setIsTransformTooltipOpened,
     };
     function renderLoading() {
         return isSubmitting ? (loadingComponent ? (loadingComponent()) : (_jsx(AppLoading, {}))) : null;

package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterSectionHeader/index.js

@@ -28,7 +28,7 @@ var HeadersList = function (_a) {
     var title = _a.title, headers = _a.headers, props = __rest(_a, ["title", "headers"]);
     return (_jsxs(_Fragment, { children: [_jsx(Div, __assign({ label3: true }, props, { children: title })), headers.map(function (header, index) {
                 var isLast = index === headers.length - 1;
-                return (_jsx(S.HeaderListItem, __assign({ body1: true, isLast: isLast, mt: 16 }, { children: header }), index));
+                return (_jsx(S.HeaderListItem, __assign({ body1: true, "data-cy": header, isLast: isLast, mt: 16 }, { children: header }), index));
             })] }));
 };
 export var HeaderCard = function (_a) {
@@ -40,5 +40,5 @@ export var HeaderCard = function (_a) {
         .filter(function (h) { return !h.required; })
         .map(function (h) { return h.label; });
     var t = useTranslation("upload").t;
-    return (_jsx(S.HeaderCardWrapper, { children: _jsxs(S.HeaderCardContainer, __assign({}, props, { children: [_jsx(Div, __assign({ body3: true, mb: 24 }, { children: t("header.title") })), requiredHeaders.length > 0 && (_jsx(HeadersList, { title: t("header.required_headers"), headers: requiredHeaders })), optionalHeaders.length > 0 && (_jsx(HeadersList, { title: t("header.optional_headers"), headers: optionalHeaders, mt: 30 }))] })) }));
+    return (_jsx(S.HeaderCardWrapper, { children: _jsxs(S.HeaderCardContainer, __assign({}, props, { children: [_jsx(Div, __assign({ "data-cy": "header_title", body3: true, mb: 24 }, { children: t("header.title") })), requiredHeaders.length > 0 && (_jsx(HeadersList, { "data-cy": "required_header", title: t("header.required_headers"), headers: requiredHeaders })), optionalHeaders.length > 0 && (_jsx(HeadersList, { "data-cy": "optional_header", title: t("header.optional_headers"), headers: optionalHeaders, mt: 30 }))] })) }));
 };

package/lib/esm/Importer/common/Spreadsheet/SpreadsheetContextProvider/index.d.ts

@@ -12,8 +12,6 @@ type State = {
     setSelectedRows: React.Dispatch<React.SetStateAction<string[]>>;
     lastClickedIndexRef: React.MutableRefObject<number | null>;
     checkboxColumnWidth: number;
-    setIsTransformTooltipOpened: React.Dispatch<React.SetStateAction<boolean>>;
-    isTransformTooltipOpened: boolean;
     inefficientRerender: boolean;
     setInefficientRerender: React.Dispatch<React.SetStateAction<boolean>>;
 };

package/lib/esm/Importer/common/Spreadsheet/SpreadsheetContextProvider/index.js

@@ -27,10 +27,9 @@ import { useValidationContext } from "../ValidationContextProvider";
 var SpreadsheetContext = createContext({});
 export var SpreadsheetContextProvider = function (_a) {
     var fields = _a.fields, options = _a.options, isReadOnly = _a.isReadOnly, children = _a.children, onValidateRecord = _a.onValidateRecord, selectedRows = _a.selectedRows, setSelectedRows = _a.setSelectedRows;
-    var _b = useState(false), isTransformTooltipOpened = _b[0], setIsTransformTooltipOpened = _b[1];
-    var _c = useState(false), inefficientRerender = _c[0], setInefficientRerender = _c[1];
+    var _b = useState(false), inefficientRerender = _b[0], setInefficientRerender = _b[1];
     var filteredDataIds = useFilteredDataContext().filteredDataIds;
-    var _d = useValidationContext(), calculateColumnErrorCounts = _d.calculateColumnErrorCounts, calculateColumnWarningCounts = _d.calculateColumnWarningCounts, warnings = _d.warnings, errors = _d.errors, validationState = __rest(_d, ["calculateColumnErrorCounts", "calculateColumnWarningCounts", "warnings", "errors"]);
+    var _c = useValidationContext(), calculateColumnErrorCounts = _c.calculateColumnErrorCounts, calculateColumnWarningCounts = _c.calculateColumnWarningCounts, warnings = _c.warnings, errors = _c.errors, validationState = __rest(_c, ["calculateColumnErrorCounts", "calculateColumnWarningCounts", "warnings", "errors"]);
     var lastClickedIndexRef = useRef(null);
     var checkboxColumnWidth = useMemo(function () {
         var lastRowIndexLength = filteredDataIds.length.toString().length;
@@ -39,7 +38,7 @@ export var SpreadsheetContextProvider = function (_a) {
         var baseCheckboxColumnWidth = lastRowIndexLength * singleLetterWidth + horizontalSpacing;
         return baseCheckboxColumnWidth < 40 ? 40 : baseCheckboxColumnWidth;
     }, [filteredDataIds.length]);
-    var value = __assign(__assign({ filteredDataIds: filteredDataIds, fields: fields }, validationState), { isReadOnly: isReadOnly, options: options, onValidateRecord: onValidateRecord, selectedRows: selectedRows, setSelectedRows: setSelectedRows, lastClickedIndexRef: lastClickedIndexRef, checkboxColumnWidth: checkboxColumnWidth, setIsTransformTooltipOpened: setIsTransformTooltipOpened, isTransformTooltipOpened: isTransformTooltipOpened, inefficientRerender: inefficientRerender, setInefficientRerender: setInefficientRerender });
+    var value = __assign(__assign({ filteredDataIds: filteredDataIds, fields: fields }, validationState), { isReadOnly: isReadOnly, options: options, onValidateRecord: onValidateRecord, selectedRows: selectedRows, setSelectedRows: setSelectedRows, lastClickedIndexRef: lastClickedIndexRef, checkboxColumnWidth: checkboxColumnWidth, inefficientRerender: inefficientRerender, setInefficientRerender: setInefficientRerender });
     return (_jsx(SpreadsheetContext.Provider, __assign({ value: value }, { children: children })));
 };
 export var useSpreadsheetContext = function () { return useContext(SpreadsheetContext); };

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

@@ -35,17 +35,18 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
+import ReactVirtualizedAutoSizer from "react-virtualized-auto-sizer";
 import { FixedSizeGrid as Grid } from "react-window";
 import styled, { css } from "styled-components";
+import { Checkbox } from "../../../../common/inputs/Checkbox";
 import { Div } from "../../../../styled/utils";
+import { useImporterContext } from "../../../contexts/ImporterContextProvider";
+import { useReviewContext } from "../../../Review/ReviewContextProvider";
 import { spreadsheetRowHeightPx } from "../common";
 import { spreadsheetHeaderHeightPx } from "../common/index";
+import { useDataSetContext } from "../DataSetContextProvider";
 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";
-import { useDataSetContext } from "../DataSetContextProvider";
 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;
@@ -58,7 +59,8 @@ var gridStyles = {
 };
 export var SpreadsheetRowCheckboxes = function (_a) {
     var height = _a.height, gridRef = _a.gridRef, isLoadingData = _a.isLoadingData, props = __rest(_a, ["height", "gridRef", "isLoadingData"]);
-    var _b = useSpreadsheetContext(), selectedRows = _b.selectedRows, options = _b.options, filteredDataIds = _b.filteredDataIds, lastClickedIndexRef = _b.lastClickedIndexRef, setSelectedRows = _b.setSelectedRows, checkboxColumnWidth = _b.checkboxColumnWidth, isTransformTooltipOpened = _b.isTransformTooltipOpened;
+    var _b = useSpreadsheetContext(), selectedRows = _b.selectedRows, options = _b.options, filteredDataIds = _b.filteredDataIds, lastClickedIndexRef = _b.lastClickedIndexRef, setSelectedRows = _b.setSelectedRows, checkboxColumnWidth = _b.checkboxColumnWidth;
+    var isTransformTooltipOpened = useReviewContext().isTransformTooltipOpened;
     var getRecord = useDataSetContext().getRecord;
     var currentStepIndex = useImporterContext().currentStepIndex;
     var nonEmptyRows = useMemo(function () { return filteredDataIds.filter(function (rowId) { return !rowIsEmpty(getRecord(rowId)); }); }, [filteredDataIds]);

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

@@ -19,8 +19,8 @@ import { SpreadsheetField, useSpreadsheetField } from ".";
 import { Autocomplete as AutocompleteBase, } from "../../../../../common/inputs/Autocomplete";
 import { SelectMenuDiv, SelectMenuScrollArea, } from "../../../../../common/inputs/SelectMenu";
 import { HTMLInput, TextInputIcon, } from "../../../../../common/inputs/TextInput";
+import { useReviewContext } from "../../../../Review/ReviewContextProvider";
 import { spreadsheetRowHeightPx } from "../../common";
-import { useSpreadsheetContext } from "../../SpreadsheetContextProvider";
 var Autocomplete = styled(AutocompleteBase)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", " {\n    border: none;\n    border-radius: 0;\n    margin: 0;\n    background: transparent;\n    height: ", "px;\n    padding: 0 12px;\n\n    ", "\n\n    ::placeholder {\n      ", "\n\n      ", "\n\n        ::placeholder {\n        ", "\n      }\n    }\n\n    :focus {\n      border: none;\n      box-shadow: none;\n    }\n\n    :hover {\n      background: transparent;\n    }\n  }\n  ", " {\n    right: 6px;\n  }\n  ", " {\n    border-radius: 7px;\n  }\n  ", " {\n    padding: 4px;\n  }\n"], ["\n  ", " {\n    border: none;\n    border-radius: 0;\n    margin: 0;\n    background: transparent;\n    height: ", "px;\n    padding: 0 12px;\n\n    ", "\n\n    ::placeholder {\n      ", "\n\n      ", "\n\n        ::placeholder {\n        ", "\n      }\n    }\n\n    :focus {\n      border: none;\n      box-shadow: none;\n    }\n\n    :hover {\n      background: transparent;\n    }\n  }\n  ", " {\n    right: 6px;\n  }\n  ", " {\n    border-radius: 7px;\n  }\n  ", " {\n    padding: 4px;\n  }\n"])), HTMLInput, spreadsheetRowHeightPx - 5, function (p) {
     return p.hasWarning && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), function (p) { return p.theme.colors.orange1200; });
 }, function (p) {
@@ -34,7 +34,7 @@ export var SpreadsheetAutocomplete = function (props) {
     var _a, _b, _c;
     var name = props.name, record = props.record, options = props.options, fieldType = props.fieldType, _d = props.isInputDisabled, isInputDisabled = _d === void 0 ? false : _d, id = props.id;
     var _e = useSpreadsheetField(name, record, fieldType), value = _e.value, setValue = _e.setValue, validationError = _e.validationError, validationWarning = _e.validationWarning;
-    var isTransformTooltipOpened = useSpreadsheetContext().isTransformTooltipOpened;
+    var isTransformTooltipOpened = useReviewContext().isTransformTooltipOpened;
     var isHighlighted = isTransformTooltipOpened &&
         ((_c = (_b = (_a = record._meta) === null || _a === void 0 ? void 0 : _a.transformedRow) === null || _b === void 0 ? void 0 : _b[name]) === null || _c === void 0 ? void 0 : _c.transformed);
     return (_jsx(SpreadsheetField, __assign({ validationError: validationError, validationWarning: validationWarning, isHighlighted: isHighlighted }, { children: _jsx(Autocomplete, { placement: "bottom", isInputDisabled: isInputDisabled, hasError: !!validationError, hasWarning: !!validationWarning, options: options, value: value, icon: chevronDownIcon, onChange: function (v) { return !isTransformTooltipOpened && setValue(v); }, disabledWhen: isTransformTooltipOpened, id: id }) })));

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

@@ -29,7 +29,7 @@ import { useMemo } from "react";
 import styled, { css } from "styled-components";
 import { SpreadsheetField, useSpreadsheetField } from ".";
 import { Div } from "../../../../../styled/utils";
-import { useSpreadsheetContext } from "../../SpreadsheetContextProvider";
+import { useReviewContext } from "../../../../Review/ReviewContextProvider";
 import { AVERAGE_CHAR_SIZE, getFieldContentWidth } from "./utils";
 var parseValue = function (value) {
     var isFalsyButNotZero = !value && value !== 0;
@@ -39,7 +39,7 @@ export var SpreadsheetInput = function (_a) {
     var _b, _c, _d, _e, _f, _g;
     var name = _a.name, record = _a.record, fieldType = _a.fieldType, columnWidth = _a.columnWidth, props = __rest(_a, ["name", "record", "fieldType", "columnWidth"]);
     var _h = useSpreadsheetField(name, record, fieldType), value = _h.value, setValue = _h.setValue, validationError = _h.validationError, validationWarning = _h.validationWarning;
-    var isTransformTooltipOpened = useSpreadsheetContext().isTransformTooltipOpened;
+    var isTransformTooltipOpened = useReviewContext().isTransformTooltipOpened;
     var defaultWidthAsNumber = Number.parseInt(columnWidth.replace("px", ""));
     var _fieldContentWidth = getFieldContentWidth({
         record: record,

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

@@ -130,7 +130,7 @@ var ContentContainer = styled(Div)(templateObject_8 || (templateObject_8 = __mak
     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_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; });
+    return p.isHighlighted && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 2px ", " inset;\n      z-index: 100;\n    "], ["\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 2px ", " inset;\n      z-index: 100;\n    "])), function (p) { return p.theme.colors.blue100; }, function (p) { return p.theme.colors.blue500; });
 }, function (p) {
     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) {

package/lib/esm/Importer/common/Spreadsheet/transformation/index.d.ts

@@ -2,6 +2,7 @@ import { Field, Record, TransformedRecord } from "../../../../types";
 type TransformRecordArgs = {
     record: Record;
     fields: Field[];
+    possibleDateFormats?: string[];
 };
-export declare const transformRecord: ({ record, fields }: TransformRecordArgs) => TransformedRecord;
+export declare const transformRecord: ({ record, fields, possibleDateFormats, }: TransformRecordArgs) => TransformedRecord;
 export {};

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

@@ -1,11 +1,15 @@
-import { fieldTransformations } from "./transformators";
-var runTransformation = function (record, transformation, field) {
+import { datesDateTimesAndTimesTransformations, fieldTransformations, } from "./transformators";
+var runTransformation = function (fieldValue, transformation, field, possibleDateFormats) {
     var transformationType = transformation.transformation_type;
     var transformerFunction = fieldTransformations[transformationType];
-    return transformerFunction(record, transformation, field);
+    if (Object.keys(datesDateTimesAndTimesTransformations).includes(transformationType)) {
+        var dateTimeTransformFunction = transformerFunction;
+        return dateTimeTransformFunction(fieldValue, transformation, field, possibleDateFormats);
+    }
+    return transformerFunction(fieldValue, transformation, field);
 };
 export var transformRecord = function (_a) {
-    var record = _a.record, fields = _a.fields;
+    var record = _a.record, fields = _a.fields, possibleDateFormats = _a.possibleDateFormats;
     var transformedRecords = {};
     for (var _i = 0, fields_1 = fields; _i < fields_1.length; _i++) {
         var currentField = fields_1[_i];
@@ -23,7 +27,7 @@ export var transformRecord = function (_a) {
         var fieldWasTransformed = false;
         for (var i = 0; i < fieldTransformations_1.length; i++) {
             var currentTransformation = fieldTransformations_1[i];
-            var transformed = runTransformation(transformedField.transformed, currentTransformation, currentField);
+            var transformed = runTransformation(transformedField.transformed, currentTransformation, currentField, possibleDateFormats);
             if (transformed.transformationWasNeeded) {
                 fieldWasTransformed = true;
                 transformedField = {
@@ -43,5 +47,5 @@ export var transformRecord = function (_a) {
         };
     }
     var isTransformedRecordsEmpty = Object.keys(transformedRecords).length === 0;
-    return isTransformedRecordsEmpty ? null : transformedRecords;
+    return isTransformedRecordsEmpty ? {} : transformedRecords;
 };

package/lib/esm/Importer/common/Spreadsheet/transformation/transformators.d.ts

@@ -4,9 +4,15 @@ export type FieldTransformator = (fieldValue: any, transformation?: FieldTransfo
     original: any;
     transformed: any;
 };
+export type DateTimeTransformator = (fieldValue: any, transformation?: FieldTransformation, fieldOptions?: Field, possibleDateFormats?: string[]) => {
+    transformationWasNeeded: boolean;
+    original: any;
+    transformed: any;
+};
 export type FieldTransformations = Partial<{
-    [key: string]: FieldTransformator;
+    [key: string]: FieldTransformator | DateTimeTransformator;
 }>;
+export declare const datesDateTimesAndTimesTransformations: FieldTransformations;
 export declare const fieldTransformations: {
-    [x: string]: FieldTransformator;
+    [x: string]: FieldTransformator | DateTimeTransformator;
 };

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

@@ -9,17 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import { DateTime } from "luxon";
-import { datePatterns, dateTimePatterns, timePatterns, } from "../../../../common/datePatterns";
 var isTransformationNeeded = function (fieldValue, transformedValue) { return ({
     transformationWasNeeded: fieldValue !== transformedValue,
     original: fieldValue,
@@ -89,11 +79,9 @@ var stringFieldTransformations = {
         return isTransformationNeeded(fieldValue, transformedValue);
     },
 };
-var parseDate = function (date) {
+var parseDate = function (date, possibleFormats) {
     if (!date)
         return null;
-    var allPatterns = __spreadArray(__spreadArray(__spreadArray([], datePatterns, true), dateTimePatterns, true), timePatterns, true);
-    var possibleFormats = allPatterns.map(function (date) { return date.value; });
     for (var i = 0; i < possibleFormats.length; i++) {
         var format = possibleFormats[i];
         try {
@@ -108,14 +96,14 @@ var parseDate = function (date) {
     }
     return null;
 };
-var datesDateTimesAndTimesTransformations = {
-    autoformat: function (fieldValue, _, fieldOptions) {
+export var datesDateTimesAndTimesTransformations = {
+    autoformat: function (fieldValue, _, fieldOptions, possibleDateFormats) {
         var cleanFieldValue = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.replace(/"/g, "");
         var normalizedFieldValue = cleanFieldValue === null || cleanFieldValue === void 0 ? void 0 : cleanFieldValue.replace(/-/g, "/");
         var isUnixTimestamp = /^\d+$/.test(normalizedFieldValue);
         var luxonDate = isUnixTimestamp
             ? DateTime.fromSeconds(Number(normalizedFieldValue))
-            : parseDate(normalizedFieldValue);
+            : parseDate(normalizedFieldValue, possibleDateFormats);
         var pattern = fieldOptions === null || fieldOptions === void 0 ? void 0 : fieldOptions.pattern;
         var defaultObj = {
             transformationWasNeeded: false,

package/lib/esm/Importer/data/index.d.ts

@@ -7,7 +7,11 @@ export declare const addEmptyRows: (data: Record[], fields: Field[]) => (Record
     };
 })[];
 export declare const addMeta: (record: any, index: number, uploadedRow?: any, transformedRow?: TransformedRecord) => Record;
-export declare const recordListToDataSet: (data: Record[], fields: Field[]) => RecordDataSet;
+export declare const calculatePossibleDateFormats: (fieldsWithDateTransformations: Field[], sample: Record[]) => string[];
+export declare const recordListToDataSet: (data: Record[], fields: Field[], withTransformations?: boolean) => {
+    isDatasetTransformed: boolean;
+    dataSet: RecordDataSet;
+};
 type transformToRecordsArgs = {
     templateHeaderMatchings: HeaderMatchings;
     enumFieldValueMatchings: EnumFieldValueMatchings;
@@ -45,6 +49,7 @@ type GetReviewDataSetArgs = {
     fields: Field[];
 };
 export declare const getReviewDataSet: ({ records, fields }: GetReviewDataSetArgs) => {
+    isDatasetTransformed: boolean;
     initialDataSet: {
         [x: string]: Record;
     };

package/lib/esm/Importer/data/index.js

@@ -18,9 +18,13 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
+import { datesDateTimesAndTimesTransformations } from "../../Importer/common/Spreadsheet/transformation/transformators";
 import { transformRecord } from "../../Importer/common/Spreadsheet/transformation";
 import { FieldTypes, } from "../../types";
 import { parseValue } from "../common/Spreadsheet/common";
+import { DateTime } from "luxon";
+import { allowedPatternValues } from "../../common/datePatterns";
+import _ from "lodash";
 var MINIMUM_ROW_COUNT = 20;
 var getRowId = function (index) {
     return index.toString();
@@ -39,29 +43,67 @@ export var addEmptyRows = function (data, fields) {
 export var addMeta = function (record, index, uploadedRow, transformedRow) {
     var _a;
     if (uploadedRow === void 0) { uploadedRow = null; }
-    if (transformedRow === void 0) { transformedRow = null; }
+    if (transformedRow === void 0) { transformedRow = {}; }
     var rId = getRowId(index);
     var meta = (_a = record._meta) !== null && _a !== void 0 ? _a : {};
-    return __assign(__assign({}, record), { _meta: __assign(__assign({}, meta), { id: rId, rowIndex: index, uploadedRow: uploadedRow, transformedRow: __assign(__assign({}, meta.transformedRow), transformedRow) }) });
+    return __assign(__assign({}, record), { _meta: __assign(__assign({}, meta), { id: rId, rowIndex: index, uploadedRow: uploadedRow, transformedRow: transformedRow }) });
 };
-export var recordListToDataSet = function (data, fields) {
+export var calculatePossibleDateFormats = function (fieldsWithDateTransformations, sample) {
+    var possibleDateFormats = [];
+    for (var _i = 0, sample_1 = sample; _i < sample_1.length; _i++) {
+        var record = sample_1[_i];
+        for (var _a = 0, fieldsWithDateTransformations_1 = fieldsWithDateTransformations; _a < fieldsWithDateTransformations_1.length; _a++) {
+            var field = fieldsWithDateTransformations_1[_a];
+            var value = record[field.name];
+            if (!value)
+                continue;
+            for (var i = 0; i < allowedPatternValues.length; i++) {
+                var format = allowedPatternValues[i];
+                try {
+                    var currentDate = DateTime.fromFormat(value, format);
+                    if (currentDate.isValid) {
+                        possibleDateFormats.push(format);
+                    }
+                }
+                catch (e) { }
+            }
+        }
+    }
+    return Array.from(new Set(possibleDateFormats));
+};
+export var recordListToDataSet = function (data, fields, withTransformations) {
+    if (withTransformations === void 0) { withTransformations = true; }
     var fieldWithTransformations = fields.filter(function (field) { var _a; return ((_a = field === null || field === void 0 ? void 0 : field.transformations) === null || _a === void 0 ? void 0 : _a.length) > 0; });
     var initialData = data;
     if (data.length < MINIMUM_ROW_COUNT) {
         initialData = addEmptyRows(data, fields);
     }
-    return initialData.reduce(function (dataSet, record, i) {
-        var transformedRecord = null;
-        if (fieldWithTransformations.length > 0) {
+    var fieldsWithDateTransformations = fieldWithTransformations.filter(function (field) {
+        return field.transformations.some(function (t) {
+            return Object.keys(datesDateTimesAndTimesTransformations).includes(t.transformation_type);
+        });
+    });
+    var possibleDateFormats = [];
+    if (fieldsWithDateTransformations.length > 0) {
+        possibleDateFormats.push.apply(possibleDateFormats, calculatePossibleDateFormats(fieldsWithDateTransformations, _.sampleSize(initialData, 100)));
+    }
+    var isDatasetTransformed = false;
+    var res = initialData.reduce(function (dataSet, record, i) {
+        var transformedRecord = {};
+        if (withTransformations && fieldWithTransformations.length > 0) {
             transformedRecord = transformRecord({
                 record: record,
                 fields: fieldWithTransformations,
+                possibleDateFormats: possibleDateFormats,
             });
         }
+        if (JSON.stringify(transformedRecord) !== "{}")
+            isDatasetTransformed = true;
         var recordWithMeta = addMeta(record, i, undefined, transformedRecord);
         dataSet[recordWithMeta._meta.id] = recordWithMeta;
         return dataSet;
     }, {});
+    return { isDatasetTransformed: isDatasetTransformed, dataSet: res };
 };
 var compareFormattedRecord = function (originalRecord, formattedRecord) {
     var comparisonResult = {};
@@ -140,7 +182,7 @@ export var getPreviewDataSet = function (_a) {
             });
             return entry;
         });
-        return recordListToDataSet(data, fields);
+        return recordListToDataSet(data, fields).dataSet;
     };
     return { fields: fields, initialDataSet: getInitialDataSet() };
 };
@@ -160,7 +202,7 @@ export var getTemplateFields = function (_a) {
 export var getReviewDataSet = function (_a) {
     var _b;
     var records = _a.records, fields = _a.fields;
-    var baseInitialDataSet = recordListToDataSet(addEmptyRows(records, fields), fields);
+    var _c = recordListToDataSet(addEmptyRows(records, fields), fields), isDatasetTransformed = _c.isDatasetTransformed, baseInitialDataSet = _c.dataSet;
     var highestRowIndex = 0;
     Object.keys(baseInitialDataSet).forEach(function (key) {
         var record = baseInitialDataSet[key];
@@ -170,5 +212,5 @@ export var getReviewDataSet = function (_a) {
     });
     var emptyRowAtBottom = addMeta({}, highestRowIndex + 1);
     var initialDataSet = __assign(__assign({}, baseInitialDataSet), (_b = {}, _b[emptyRowAtBottom._meta.id] = emptyRowAtBottom, _b));
-    return { initialDataSet: initialDataSet };
+    return { isDatasetTransformed: isDatasetTransformed, initialDataSet: initialDataSet };
 };

package/lib/esm/Importer/hooks/useSubmitToServer.d.ts

@@ -1,5 +1,5 @@
 import { AppResponse, RecordDataSet } from "../../types";
-export declare const useSubmitToServer: () => {
+export declare const useSubmitToServer: (setIsTransformTooltipOpened: any) => {
     appResponse: AppResponse;
     isSubmitting: boolean;
     onSubmitToServer: (dataSet: RecordDataSet, afterSubmitCallback: (dataSet: RecordDataSet) => void) => Promise<void>;

package/lib/esm/Importer/hooks/useSubmitToServer.js

@@ -118,7 +118,7 @@ var filterAndMapWithBackendErrors = function (dataSet, errors) {
         return __assign(__assign({}, record), { _meta: __assign(__assign({}, meta), { isInvalid: true, backendErrors: errors[rId] }) });
     }, []);
 };
-export var useSubmitToServer = function () {
+export var useSubmitToServer = function (setIsTransformTooltipOpened) {
     var _a = useImporterContext(), templateHeaderMatchings = _a.templateHeaderMatchings, templateHeaders = _a.templateHeaders, integrations = _a.integrations, templateSlug = _a.templateSlug, fuseApi = _a.fuseApi, previewMode = _a.importerOptions.previewMode, onSubmit = _a.onSubmit;
     var _b = useState(false), isSubmitting = _b[0], setIsSubmitting = _b[1];
     var _c = useState(false), importWasSuccessful = _c[0], setImportWasSuccessful = _c[1];
@@ -157,7 +157,8 @@ export var useSubmitToServer = function () {
                         });
                         invalidRecords_1 = __spreadArray(__spreadArray([], invalidRecords_1, true), (recordsToDisplayFiltered || []), true);
                     }
-                    invalidDataSet = recordListToDataSet(invalidRecords_1, reviewFields_1);
+                    invalidDataSet = recordListToDataSet(invalidRecords_1, reviewFields_1, false).dataSet;
+                    setIsTransformTooltipOpened(false);
                     afterSubmitCallback(invalidDataSet);
                     if (!!previewMode) return [3 /*break*/, 5];
                     return [4 /*yield*/, trackImportedRowsCount(fuseApi, templateSlug, validDataSetLength)];

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

@@ -1,21 +1,22 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { useSpreadsheetContext } from "../../../../Importer";
+import { addToast } from "../../../../common/Toast";
+import { useReviewContext, useSpreadsheetContext } from "../../../../Importer";
 import { useFilteredDataContext } from "../../../../Importer/common/Spreadsheet/FilteredDataContextProvider";
 import { useValidationContext } from "../../../../Importer/common/Spreadsheet/ValidationContextProvider";
-import { addToast } from "../../../../common/Toast";
 import { useEventManagerContext } from "../../../EventManagerContextProvider";
 import * as S from "./FilterByErrors.styles";
 export var FilterByErrors = function () {
     var _a, _b;
     var _c = useFilteredDataContext(), spreadsheetFilter = _c.spreadsheetFilter, resetSpreadsheetFilter = _c.resetSpreadsheetFilter, filterRecordsByFieldErrors = _c.filterRecordsByFieldErrors;
     var _d = useEventManagerContext(), on = _d.on, off = _d.off, EVENTS = _d.EVENTS;
-    var _e = useSpreadsheetContext(), fields = _e.fields, isTransformTooltipOpened = _e.isTransformTooltipOpened;
+    var fields = useSpreadsheetContext().fields;
+    var isTransformTooltipOpened = useReviewContext().isTransformTooltipOpened;
     var columnsWithErrorCounts = useValidationContext().columnsWithErrorCounts;
     var t = useTranslation("review").t;
-    var _f = useState([]), errorArray = _f[0], setErrorArray = _f[1];
-    var _g = useState(false), isMenuOpened = _g[0], setIsMenuOpened = _g[1];
+    var _e = useState([]), errorArray = _e[0], setErrorArray = _e[1];
+    var _f = useState(false), isMenuOpened = _f[0], setIsMenuOpened = _f[1];
     useEffect(function () {
         var listener = function () {
             var getErrorArray = function () {
@@ -23,7 +24,9 @@ export var FilterByErrors = function () {
                 var _loop_1 = function (key, value) {
                     if (value > 0) {
                         var field = fields.find(function (f) { return f.name === key; });
-                        errorArray.push({ label: field.label, value: field.name });
+                        if (field) {
+                            errorArray.push({ label: field.label, value: field.name });
+                        }
                     }
                 };
                 for (var _i = 0, _a = Object.entries(columnsWithErrorCounts.current); _i < _a.length; _i++) {

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

@@ -17,7 +17,7 @@ import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-run
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import styled, { css } from "styled-components";
-import { useSpreadsheetContext } from "../../../Importer";
+import { useReviewContext } from "../../../Importer";
 import { useDataSetContext } from "../../../Importer/common/Spreadsheet/DataSetContextProvider";
 import { useDuplicateDataContext } from "../../../Importer/common/Spreadsheet/DuplicateDataContextProvider";
 import { useFilteredDataContext } from "../../../Importer/common/Spreadsheet/FilteredDataContextProvider";
@@ -45,7 +45,7 @@ export var RowFilters = function () {
     var _a = useFilteredDataContext(), spreadsheetFilter = _a.spreadsheetFilter, filterRecordsByRowType = _a.filterRecordsByRowType;
     var _b = useDuplicateDataContext(), duplicateRecordIds = _b.duplicateRecordIds, calculateDuplicateRecords = _b.calculateDuplicateRecords;
     var invalidRowsCountRef = useValidationContext().invalidRowsCountRef;
-    var isTransformTooltipOpened = useSpreadsheetContext().isTransformTooltipOpened;
+    var isTransformTooltipOpened = useReviewContext().isTransformTooltipOpened;
     var _c = useState(invalidRowsCountRef.current), invalidRowsCount = _c[0], setInvalidRowsCount = _c[1];
     var _d = useDataSetContext(), dataSetLength = _d.dataSetLength, emptyRecordIds = _d.emptyRecordIds;
     var _e = useEventManagerContext(), on = _e.on, off = _e.off, EVENTS = _e.EVENTS;

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

@@ -14,17 +14,17 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
 import styled, { css } from "styled-components";
-import { useSpreadsheetContext } from "../../../Importer";
-import { SearchIcon } from "./icons";
+import { TooltipProvider } from "../../../common/TooltipProvider";
 import { useDebounce } from "../../../hooks";
-import { useRef, useState } from "react";
+import { useReviewContext } from "../../../Importer";
+import { useFilteredDataContext } from "../../../Importer/common/Spreadsheet/FilteredDataContextProvider";
+import { Div } from "../../../styled";
 import { colors } from "../../../styled/theme/colorPalette";
 import { textStyles } from "../../../styled/theme/textStyles";
-import { TooltipProvider } from "../../../common/TooltipProvider";
-import { useTranslation } from "react-i18next";
-import { Div } from "../../../styled";
-import { useFilteredDataContext } from "../../../Importer/common/Spreadsheet/FilteredDataContextProvider";
+import { SearchIcon } from "./icons";
 var Wrapper = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: ", ";\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  gap: 8px;\n  height: 24px;\n  overflow: hidden;\n  padding: 8px;\n  position: relative;\n  transition: width 0.25s ease-in-out;\n  width: ", ";\n"], ["\n  background: ", ";\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  gap: 8px;\n  height: 24px;\n  overflow: hidden;\n  padding: 8px;\n  position: relative;\n  transition: width 0.25s ease-in-out;\n  width: ", ";\n"])), function (_a) {
     var isOpen = _a.isOpen;
     return (isOpen ? colors.orange50 : "none");
@@ -66,7 +66,7 @@ var SearchInput = function (_a) {
 export var SearchRows = function (_a) {
     var _b = _a.testId, testId = _b === void 0 ? "ta-search-rows" : _b;
     var _c = useFilteredDataContext(), filteredInputValue = _c.filteredInputValue, setFilteredInputValue = _c.setFilteredInputValue;
-    var isTransformTooltipOpened = useSpreadsheetContext().isTransformTooltipOpened;
+    var isTransformTooltipOpened = useReviewContext().isTransformTooltipOpened;
     var handleChangeInputValue = function (value) {
         setFilteredInputValue(value);
     };