fuse-importer 0.1.6-testing → 0.1.8-testing

package/lib/esm/Importer/ImporterWithContext.js

@@ -93,6 +93,6 @@ export var ImporterWithContext = function () {
         currentStepIndex: currentStepIndex,
         templateHeaders: templateHeaders,
     };
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AppLoadingContextProvider, { children: _jsxs(EventManagerContextProvider, { children: [_jsx(Toast, {}), _jsx(GlobalStyle, {}), _jsx(ImporterFonts, {}), templateHeaders ? (_jsx(ReviewContextProvider, __assign({ initialRecords: initialRecords }, { children: _jsxs(_Fragment, { children: [isModal && _jsx(Backdrop, {}), _jsx(Layout, __assign({ zIndex: zIndex, ref: layoutRef, isModal: isModal }, { children: shouldShowPreviewFirstTime ? (_jsx(PreviewFirstTime, {})) : (_jsx(ContentRenderer, __assign({}, contentRendererProps))) }))] }) }))) : (_jsx(AppLoading, {}))] }) }) })));
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AppLoadingContextProvider, { children: _jsxs(EventManagerContextProvider, { children: [_jsx(Toast, { zIndex: zIndex + 1 }), _jsx(GlobalStyle, {}), _jsx(ImporterFonts, {}), templateHeaders ? (_jsx(ReviewContextProvider, __assign({ initialRecords: initialRecords }, { children: _jsxs(_Fragment, { children: [isModal && _jsx(Backdrop, {}), _jsx(Layout, __assign({ zIndex: zIndex, ref: layoutRef, isModal: isModal }, { children: shouldShowPreviewFirstTime ? (_jsx(PreviewFirstTime, {})) : (_jsx(ContentRenderer, __assign({}, contentRendererProps))) }))] }) }))) : (_jsx(AppLoading, {}))] }) }) })));
 };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

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

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import { Modal, Button } from "../..";
+import { Button, Modal } from "../..";
 import { Div } from "../../styled/utils";
 import { useImporterContext } from "../contexts/ImporterContextProvider";
 import { useReviewContext } from "./ReviewContextProvider";
@@ -31,5 +31,5 @@ export var AppResponseModal = function () {
     var defaultMessage = importWasSuccessful
         ? "Data imported successfully"
         : "Some records could not be imported. Please review the errors and resubmit.";
-    return (_jsx(Modal, __assign({ isOpen: isAppResponseModalOpen, onClose: onCloseModal }, { children: _jsxs(Div, __assign({ centered: true, flexColumn: true, p: 40 }, { children: [_jsx(Div, __assign({ h6: true, w: 300, textAlignCenter: true, mt: 20 }, { children: (appResponse === null || appResponse === void 0 ? void 0 : appResponse.message) || defaultMessage })), _jsx(Div, __assign({ dflex: true, mt: 40, w100: true, centered: true }, { children: _jsx(Button, __assign({ ml: 10, onClick: onCloseModal }, { children: "OK" })) }))] })) })));
+    return (_jsx(Modal, __assign({ isOpen: isAppResponseModalOpen, onClose: onCloseModal }, { children: _jsxs(Div, __assign({ centered: true, flexColumn: true, p: 40 }, { children: [_jsx(Div, __assign({ h6: true, w: 300, textAlignCenter: true, mt: 20 }, { children: (appResponse === null || appResponse === void 0 ? void 0 : appResponse.message) || defaultMessage })), _jsx(Div, __assign({ dflex: true, mt: 40, w100: true, centered: true }, { children: _jsx(Button, __assign({ ml: 10, onClick: onCloseModal, "data-cy": "app-response-btn" }, { children: "OK" })) }))] })) })));
 };

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/Stepper/index.js

@@ -28,6 +28,7 @@ import { ConfirmCloseModal } from "./ConfirmCloseModal";
 import { Step } from "./Step";
 import { StepperSubmitModal } from "./StepperSubmitModal";
 import { UnmatchedHeadersModal } from "./UnmatchedHeadersModal";
+import { useDataSetContext } from "../common/Spreadsheet/DataSetContextProvider";
 var StepperWrapper = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n  user-select: none;\n"], ["\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n  user-select: none;\n"])), function (p) { return p.theme.colors.white; }, function (p) { return p.theme.colors.gray300; });
 var StepperContainer = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  padding-left: 32px;\n  padding-right: 32px;\n  width: 100%;\n"], ["\n  align-items: center;\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  padding-left: 32px;\n  padding-right: 32px;\n  width: 100%;\n"])));
 var Steps = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  @media (max-width: 630px) {\n    display: none;\n  }\n"], ["\n  @media (max-width: 630px) {\n    display: none;\n  }\n"])));
@@ -44,24 +45,36 @@ export var Stepper = function (_a) {
     var t = useTranslation("general").t;
     var _c = useState(false), isSubmitModalOpen = _c[0], setIsSubmitModalOpen = _c[1];
     var _d = useState(false), isConfirmCloseModalOpen = _d[0], setIsConfirmCloseModalOpen = _d[1];
-    var _e = useState(false), isSubmitDisabled = _e[0], setIsSubmitDisabled = _e[1];
-    var _f = useReviewContext(), appResponse = _f.appResponse, onSubmit = _f.onSubmit;
-    var totalErrorCount = useValidationContext().totalErrorCount;
-    var _g = useEventManagerContext(), on = _g.on, off = _g.off, EVENTS = _g.EVENTS;
+    var _e = useDataSetContext(), dataSetLength = _e.dataSetLength, emptyRecordIds = _e.emptyRecordIds;
+    var _f = useState(true), isSubmitDisabled = _f[0], setIsSubmitDisabled = _f[1];
+    var headerMappingsLoaded = useImporterContext().headerMappingsLoaded;
+    var _g = useReviewContext(), appResponse = _g.appResponse, onSubmit = _g.onSubmit;
+    var _h = useValidationContext(), totalErrorCount = _h.totalErrorCount, spreadsheetInitialized = _h.spreadsheetInitialized;
+    var _j = useEventManagerContext(), on = _j.on, off = _j.off, EVENTS = _j.EVENTS;
+    var updateSpreadsheetDisabled = function () {
+        var isSpreadsheetEmpty = dataSetLength.current === emptyRecordIds.current.size;
+        var isDisabled = totalErrorCount.current > 0 ||
+            !spreadsheetInitialized ||
+            isSpreadsheetEmpty;
+        setIsSubmitDisabled(isDisabled);
+    };
     useEffect(function () {
-        var listener = function () {
-            var isDisabled = totalErrorCount.current > 0;
-            setIsSubmitDisabled(isDisabled);
-        };
-        on(EVENTS.UPDATE_TOTAL_ERROR_COUNT, listener);
+        on(EVENTS.UPDATE_TOTAL_ERROR_COUNT, updateSpreadsheetDisabled);
         return function () {
-            off(EVENTS.UPDATE_TOTAL_ERROR_COUNT, listener);
+            off(EVENTS.UPDATE_TOTAL_ERROR_COUNT, updateSpreadsheetDisabled);
         };
-    }, [appResponse]);
-    var _h = useImporterContext(), initialRecords = _h.initialRecords, currentStepIndex = _h.currentStepIndex, templateHeaderMatchings = _h.templateHeaderMatchings, matcherSubstep = _h.matcherSubstep, templateHeaders = _h.templateHeaders, enumFieldValueMatchings = _h.enumFieldValueMatchings, setMatcherSubstep = _h.setMatcherSubstep, setCurrentStepIndex = _h.setCurrentStepIndex, onClose = _h.onClose, isUsingManualImport = _h.isUsingManualImport, resetImporterWhenUsingManualImport = _h.resetImporterWhenUsingManualImport, uploadedData = _h.uploadedData;
+    }, [appResponse, spreadsheetInitialized]);
+    useEffect(function () {
+        updateSpreadsheetDisabled();
+    }, [spreadsheetInitialized]);
+    var _k = useImporterContext(), initialRecords = _k.initialRecords, currentStepIndex = _k.currentStepIndex, templateHeaderMatchings = _k.templateHeaderMatchings, matcherSubstep = _k.matcherSubstep, templateHeaders = _k.templateHeaders, enumFieldValueMatchings = _k.enumFieldValueMatchings, setMatcherSubstep = _k.setMatcherSubstep, setCurrentStepIndex = _k.setCurrentStepIndex, onClose = _k.onClose, isUsingManualImport = _k.isUsingManualImport, resetImporterWhenUsingManualImport = _k.resetImporterWhenUsingManualImport, uploadedData = _k.uploadedData;
+    var _l = useState(true), isContinueDisabled = _l[0], setIsContinueDisabled = _l[1];
     var templateHeaderLabels = Object.keys(templateHeaderMatchings || []);
     var unmatchedHeadersCount = templateHeaderLabels.filter(function (templateHeaderLabel) { return !templateHeaderMatchings[templateHeaderLabel]; }).length;
     var isLastSubMatchStep = matcherSubstep === 1;
+    useEffect(function () {
+        setIsContinueDisabled(currentStepIndex === 1 && !headerMappingsLoaded);
+    }, [currentStepIndex, headerMappingsLoaded]);
     var setStep = function () {
         var templateHasEnumFields = !!(templateHeaders === null || templateHeaders === void 0 ? void 0 : templateHeaders.find(function (header) { return header.column_type === ColumnType.enum; }));
         if (templateHasEnumFields) {
@@ -120,7 +133,7 @@ export var Stepper = function (_a) {
                 return (_jsxs(Div, __assign({ centered: true }, { children: [_jsx(Step, { index: index, label: label, isCompleted: isCompleted, isSelected: index === currentStepIndex }), !isLast && (_jsx(Div, __assign({ ml: 18, mr: 18, dflex: true }, { children: _jsx(ChevronRightIcon, {}) })))] }), index));
             }) })));
     var leftButtonUI = (_jsx(Div, __assign({ style: { flex: 1 } }, { children: !initialRecords && (_jsxs(StepperButtonContainer, __assign({ align: "left" }, { children: [logoURL && (_jsx(Div, __assign({ forDesktop: true }, { children: _jsx(Logo, { src: logoURL, alt: "" }) }))), currentStepIndex > 0 && !appResponse && (_jsx(GoBackButtonWrapper, { children: _jsx(Button, __assign({ variant: "secondary", onClick: goBack }, { children: t("stepper.go_back") })) }))] }))) })));
-    var rightButtonUI = (_jsxs(StepperButtonContainer, __assign({ align: "right" }, { children: [(isMatchStep || isVerifyStep) && (_jsx(Button, __assign({ "data-cy": "continue-button", variant: "primary", onClick: continueToNextStep }, { children: t("stepper.continue") }))), isReviewStep && (_jsx(Button, __assign({ variant: "primary", isDisabled: isSubmitDisabled, "data-cy": "submit_disabled_" + isSubmitDisabled, onClick: function () { return setIsSubmitModalOpen(true); } }, { children: t("stepper.submit") }))), _jsx(CloseIcon, __assign({ "data-test-id": "close-importer", centered: true, clickable: true, onClick: handleOnClose }, { children: closeIconCondensed }))] })));
+    var rightButtonUI = (_jsxs(StepperButtonContainer, __assign({ align: "right" }, { children: [(isMatchStep || isVerifyStep) && (_jsx(Button, __assign({ "data-cy": "continue-button", isDisabled: isContinueDisabled, variant: "primary", onClick: continueToNextStep }, { children: t("stepper.continue") }))), isReviewStep && (_jsx(Button, __assign({ variant: "primary", isDisabled: isSubmitDisabled, "data-cy": "submit_disabled_" + isSubmitDisabled, onClick: function () { return setIsSubmitModalOpen(true); } }, { children: t("stepper.submit") }))), _jsx(CloseIcon, __assign({ "data-test-id": "close-importer", centered: true, clickable: true, onClick: handleOnClose }, { children: closeIconCondensed }))] })));
     return (_jsxs(_Fragment, { children: [_jsx(StepperWrapper, __assign({ pRelative: true, alignCenter: true, w100: true, h: 72, centered: true }, { children: _jsxs(StepperContainer, { children: [leftButtonUI, _jsx(Steps, __assign({ alignCenter: true }, { children: stepsUI })), rightButtonUI] }) })), _jsx(UnmatchedHeadersModal, { isUnmatchedHeadersModalOpen: isUnmatchedHeadersModalOpen, unmatchedHeadersCount: unmatchedHeadersCount, onSetStep: function () { return setStep(); }, onCloseUnmatchedHeadersModal: function () {
                     return setIsUnmatchedHeadersModalOpen(false);
                 } }), _jsx(StepperSubmitModal, { isSubmitModalOpen: isSubmitModalOpen, onCloseModal: function () { return setIsSubmitModalOpen(false); }, onSubmit: onSubmit }), _jsx(ConfirmCloseModal, { isOpen: isConfirmCloseModalOpen, onClose: function () { return setIsConfirmCloseModalOpen(false); }, onCloseImporter: onClose })] }));

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/SpreadsheetContextProvider/useDataSetManipulation.d.ts

@@ -1,4 +1,5 @@
 export declare const useDataSetManipulation: () => {
     appendNewRecordToSpreadsheet: () => void;
     deleteRecordsFromSpreadsheet: (recordIds: string[]) => void;
+    findAndReplaceInSpreadsheet: (searchText: string, replaceText: string, matchCase: boolean, useRegex: boolean) => any[];
 };

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

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { useFilteredDataContext } from "../FilteredDataContextProvider";
 import { useDataSetContext } from "../DataSetContextProvider";
 import { hasValueInAnyField } from "./utils";
@@ -5,6 +16,8 @@ import { addMeta } from "../../../../Importer/data";
 import { useEventManagerContext } from "../../../../common/EventManagerContextProvider";
 import { useValidationContext } from "../ValidationContextProvider";
 import { useDuplicateDataContext } from "../DuplicateDataContextProvider";
+import { useBatchProcessing } from "./useBatchProcessing";
+import useFindAndReplace from "../../../../common/Table/TableActions/useFindAndReplace";
 export var useDataSetManipulation = function () {
     var _a = useFilteredDataContext(), lastFilteredRecordId = _a.lastFilteredRecordId, setRecalculateFilters = _a.setRecalculateFilters;
     var _b = useDataSetContext(), getRecord = _b.getRecord, setRecord = _b.setRecord, dataSet = _b.dataSet, deleteRecord = _b.deleteRecord, emptyRecordIds = _b.emptyRecordIds;
@@ -12,6 +25,8 @@ export var useDataSetManipulation = function () {
     var _d = useValidationContext(), errors = _d.errors, warnings = _d.warnings, calculateColumnErrorCounts = _d.calculateColumnErrorCounts, calculateColumnWarningCounts = _d.calculateColumnWarningCounts;
     var updateDuplicateValues = useDuplicateDataContext().updateDuplicateValues;
     var updateRecordAndRevalidate = useValidationContext().updateRecordAndRevalidate;
+    var processInBatches = useBatchProcessing().processInBatches;
+    var replaceInRecord = useFindAndReplace().replaceInRecord;
     var appendNewRecordToSpreadsheet = function () {
         var _a, _b;
         var _record = getRecord(lastFilteredRecordId.current);
@@ -39,8 +54,22 @@ export var useDataSetManipulation = function () {
         emit(EVENTS.UPDATE_TOTAL_ERROR_COUNT);
         emit(EVENTS.UPDATE_TOTAL_ROW_COUNT);
     };
+    var findAndReplaceInSpreadsheet = function (searchText, replaceText, matchCase, useRegex) {
+        var cellsWithText = [];
+        processInBatches(dataSet.current, function (batch) {
+            for (var recordKey in batch) {
+                var record = __assign({}, dataSet.current[recordKey]);
+                if (replaceInRecord(record, searchText, replaceText, matchCase, useRegex)) {
+                    cellsWithText.push(record);
+                }
+            }
+        });
+        updateRecordAndRevalidate(cellsWithText);
+        return cellsWithText;
+    };
     return {
         appendNewRecordToSpreadsheet: appendNewRecordToSpreadsheet,
         deleteRecordsFromSpreadsheet: deleteRecordsFromSpreadsheet,
+        findAndReplaceInSpreadsheet: findAndReplaceInSpreadsheet,
     };
 };

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

@@ -58,6 +58,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useMemo, useRef, useState, } from "react";
 import { useAppLoadingContext } from "../../../../common/AppLoadingContextProvider";
 import { useEventManagerContext } from "../../../../common/EventManagerContextProvider";
+import { useImporterContext } from "../../../contexts/ImporterContextProvider";
 import { useDataSetContext } from "../DataSetContextProvider";
 import { useDuplicateDataContext } from "../DuplicateDataContextProvider";
 import { useBatchProcessing } from "../SpreadsheetContextProvider/useBatchProcessing";
@@ -101,16 +102,22 @@ export var ValidationContextProvider = function (_a) {
     var columnsWithWarningCounts = useRef({});
     var totalErrorCount = useRef(0);
     var invalidRowsCountRef = useRef(0);
-    var _c = useState(false), spreadsheetInitialized = _c[0], setSpreadsheetInitialized = _c[1];
-    var _d = useEventManagerContext(), emit = _d.emit, EVENTS = _d.EVENTS;
-    var _e = useDataSetContext(), getRecord = _e.getRecord, setRecord = _e.setRecord, dataSet = _e.dataSet;
-    var _f = useDuplicateDataContext(), duplicateValues = _f.duplicateValues, updateDuplicateValues = _f.updateDuplicateValues;
+    var _c = useEventManagerContext(), emit = _c.emit, EVENTS = _c.EVENTS;
+    var _d = useDataSetContext(), getRecord = _d.getRecord, setRecord = _d.setRecord, dataSet = _d.dataSet;
+    var _e = useDuplicateDataContext(), duplicateValues = _e.duplicateValues, updateDuplicateValues = _e.updateDuplicateValues;
     var processRecordsInBatches = useBatchProcessing(10000).processRecordsInBatches;
+    var _f = useState(false), spreadsheetInitialized = _f[0], setSpreadsheetInitialized = _f[1];
+    var currentStepIndex = useImporterContext().currentStepIndex;
+    var _g = useState(false), dataSetChanged = _g[0], setDataSetChanged = _g[1];
     var reset = function () {
         columnsWithErrorCounts.current = {};
         columnsWithWarningCounts.current = {};
         totalErrorCount.current = 0;
         invalidRowsCountRef.current = 0;
+        errors.current = {};
+        warnings.current = {};
+        setSpreadsheetInitialized(false);
+        setDataSetChanged(function (prev) { return !prev; });
     };
     var calculateColumnErrorCounts = function (oldErrors, newErrors) {
         if (oldErrors === void 0) { oldErrors = {}; }
@@ -177,7 +184,7 @@ export var ValidationContextProvider = function (_a) {
                         else {
                             delete warnings.current[recordId];
                         }
-                        if (backendErrors) {
+                        if (backendErrors && spreadsheetInitialized) {
                             record._meta.backendErrors = {};
                         }
                         emit(recordId, newRecord);
@@ -253,7 +260,9 @@ export var ValidationContextProvider = function (_a) {
     // Initial data validation and update dataSet
     useEffect(function () {
         reset();
-        if (!dataSet.current || isReadOnly)
+    }, [dataSet.current]);
+    useEffect(function () {
+        if (!dataSet.current || isReadOnly || currentStepIndex !== 2)
             return;
         setIsLoadingApp(true);
         var initialValidation = function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -265,7 +274,6 @@ export var ValidationContextProvider = function (_a) {
                         return [4 /*yield*/, updateRecordAndRevalidate(initialData, true)];
                     case 1:
                         _a.sent();
-                        setSpreadsheetInitialized(true);
                         return [2 /*return*/];
                 }
             });
@@ -277,11 +285,12 @@ export var ValidationContextProvider = function (_a) {
                     case 1:
                         _a.sent();
                         setIsLoadingApp(false);
+                        setSpreadsheetInitialized(true);
                         return [2 /*return*/];
                 }
             });
         }); })();
-    }, [dataSet.current]);
+    }, [spreadsheetInitialized, currentStepIndex, dataSetChanged]);
     var isValidationCompleted = validationPercentage === 100;
     var isValid = isValidationCompleted && totalErrorCount.current === 0;
     var value = {

package/lib/esm/Importer/common/Spreadsheet/components/FindAndReplace/index.d.ts

@@ -0,0 +1,6 @@
+type FindAndReplaceModalProps = {
+    initialText: string;
+    onClose: () => void;
+};
+export declare const FindAndReplaceModal: ({ initialText, onClose, }: FindAndReplaceModalProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,44 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Div } from "../../../../../styled";
+import { Button, Modal, addToast } from "../../../../../common";
+import { useTranslation } from "react-i18next";
+import { TextInput } from "../../../../../common/inputs/TextInput";
+import { Checkbox } from "../../../../../common";
+import { useState } from "react";
+import { useDataSetManipulation } from "../../SpreadsheetContextProvider/useDataSetManipulation";
+import { useFilteredDataContext } from "../../FilteredDataContextProvider";
+export var FindAndReplaceModal = function (_a) {
+    var initialText = _a.initialText, onClose = _a.onClose;
+    var t = useTranslation("general").t;
+    var _b = useState(initialText), searchText = _b[0], setSearchText = _b[1];
+    var _c = useState(""), replaceText = _c[0], setReplaceText = _c[1];
+    var findAndReplaceInSpreadsheet = useDataSetManipulation().findAndReplaceInSpreadsheet;
+    var _d = useState(false), useRegex = _d[0], setUseRegex = _d[1];
+    var _e = useState(true), matchCase = _e[0], setMatchCase = _e[1];
+    var setFilteredInputValue = useFilteredDataContext().setFilteredInputValue;
+    var findAndReplace = function () {
+        var records = findAndReplaceInSpreadsheet(searchText, replaceText, matchCase, useRegex);
+        if (records.length > 0) {
+            addToast(t("find_and_replace_modal.records_replaced", {
+                length: records.length,
+            }), "success");
+            onClose();
+            setFilteredInputValue("");
+        }
+        else {
+            addToast(t("find_and_replace_modal.no_records_found"), "error");
+        }
+    };
+    return (_jsx(Modal, __assign({ isOpen: true, onClose: function () { return onClose(); } }, { children: _jsxs(Div, __assign({ p: "17px 20px", w: 500 }, { children: [_jsx(Div, __assign({ textAlignCenter: true, h5: true }, { children: t("find_and_replace_modal.title") })), _jsx(Div, __assign({ mt: 20, mb: 20, textAlignCenter: true, body1: true }, { children: t("find_and_replace_modal.description") })), _jsxs(Div, __assign({ mb: 20, w: 500, textAlignCenter: true, body1: true }, { children: [_jsx(TextInput, { "data-cy": "find-input", mb: 20, name: t("find_and_replace_modal.find"), label: t("find_and_replace_modal.find"), value: searchText, onChange: function (value) { return setSearchText(value); } }), _jsx(TextInput, { "data-cy": "replace-input", label: t("find_and_replace_modal.replace_with"), value: replaceText, onChange: function (value) { return setReplaceText(value); } })] })), _jsx(Div, __assign({ mb: 12 }, { children: _jsx(Checkbox, { "data-cy": "use-regex", label: t("find_and_replace_modal.use_regex"), isChecked: useRegex, onChange: function (v) { return setUseRegex(v); } }) })), _jsx(Div, __assign({ mb: 12 }, { children: _jsx(Checkbox, { "data-cy": "case-sensitive", label: t("find_and_replace_modal.use_case_sensitive"), isChecked: matchCase, onChange: function (v) { return setMatchCase(v); } }) })), _jsxs(Div, __assign({ dflex: true, centered: true, mt: 40 }, { children: [_jsx(Button, __assign({ variant: "secondary", onClick: function () { return onClose(); }, w: 160, mr: 16 }, { children: t("find_and_replace_modal.cancel") })), _jsx(Button, __assign({ "data-cy": "find-replace-submit", variant: "primary", onClick: function () { return findAndReplace(); } }, { children: t("find_and_replace_modal.submit") }))] }))] })) })));
+};

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

@@ -35,15 +35,16 @@ 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 { 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) {
@@ -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/transformation/index.d.ts

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

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

@@ -1,15 +1,11 @@
-import { datesDateTimesAndTimesTransformations, fieldTransformations, } from "./transformators";
-var runTransformation = function (fieldValue, transformation, field, possibleDateFormats) {
+import { fieldTransformations } from "./transformators";
+var runTransformation = function (fieldValue, transformation, field) {
     var transformationType = transformation.transformation_type;
     var transformerFunction = fieldTransformations[transformationType];
-    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, possibleDateFormats = _a.possibleDateFormats;
+    var record = _a.record, fields = _a.fields;
     var transformedRecords = {};
     for (var _i = 0, fields_1 = fields; _i < fields_1.length; _i++) {
         var currentField = fields_1[_i];
@@ -27,7 +23,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, possibleDateFormats);
+            var transformed = runTransformation(transformedField.transformed, currentTransformation, currentField);
             if (transformed.transformationWasNeeded) {
                 fieldWasTransformed = true;
                 transformedField = {
@@ -47,5 +43,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/dateTimeAutoformatUtils.d.ts

@@ -0,0 +1,5 @@
+import { DateTime } from "luxon";
+export declare const parseDateFromUserInput: (userInput: string) => DateTime | null;
+export declare const parseTimeFromUserInput: (input: any) => DateTime;
+export declare const parseTimeFromDateTimeorTimeInput: (userInput: any) => DateTime;
+export declare const parseDateTimeFromUserInput: (userInput: any) => DateTime;