fuse-importer 0.0.8-testing → 0.0.9-testing

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

@@ -0,0 +1,315 @@
+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);
+};
+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 };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
+import Papa from "papaparse";
+import { AppLoading } from "../common/AppLoading";
+import { isRecordEmpty } from "../common/Spreadsheet/common";
+import { sendRecordsToIntegrations } from "../common/utils";
+import { useImporterContext } from "../contexts/ImporterContextProvider";
+import { transformToRecords } from "../data/index";
+import { getPreviewDataSet, getReviewDataSet, getTemplateFields, recordListToDataSet, } from "../data";
+import { useAppLoadingContext } from "../../common/AppLoadingContextProvider";
+var ReviewContext = createContext({});
+var trackImportedRowsCount = function (fuseApi, templateSlug, rowCount) { return __awaiter(void 0, void 0, void 0, function () {
+    var error_1, errorMessage;
+    var _a, _b;
+    return __generator(this, function (_c) {
+        switch (_c.label) {
+            case 0:
+                _c.trys.push([0, 2, , 3]);
+                return [4 /*yield*/, fuseApi.post("/api/v1/importer/templates/".concat(templateSlug, "/imports"), {
+                        row_count: rowCount,
+                    })];
+            case 1:
+                _c.sent();
+                return [3 /*break*/, 3];
+            case 2:
+                error_1 = _c.sent();
+                errorMessage = ((_b = (_a = error_1 === null || error_1 === void 0 ? void 0 : error_1.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) ||
+                    "There was an error submitting your dataset";
+                throw new Error(errorMessage);
+            case 3: return [2 /*return*/];
+        }
+    });
+}); };
+var getImportWasSuccessful = function (response) {
+    return !response.errors || !Object.keys(response.errors).length;
+};
+var filterAndMapWithBackendErrors = function (dataSet, errors) {
+    return Object.keys(errors).map(function (rId) {
+        var record = dataSet[rId];
+        var meta = record === null || record === void 0 ? void 0 : record._meta;
+        return __assign(__assign({}, record), { _meta: __assign(__assign({}, meta), { isInvalid: true, backendErrors: errors[rId] }) });
+    }, []);
+};
+function downloadCsv(data, fileName) {
+    var blob = new Blob([data], { type: "text/csv;charset=utf-8;" });
+    var link = document.createElement("a");
+    link.href = URL.createObjectURL(blob);
+    link.download = fileName;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+}
+function csvExport(data) {
+    var valuesWithQuotesWhenNecessary = data.map(function (obj) {
+        var newObj = {};
+        for (var key in obj) {
+            var value = obj[key];
+            newObj[key] =
+                typeof value === "string" && value.includes(",") ? "\"".concat(value, "\"") : value;
+        }
+        return newObj;
+    });
+    var csv = Papa.unparse(valuesWithQuotesWhenNecessary);
+    downloadCsv(csv, "export.csv");
+}
+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, integrations = _b.integrations, templateSlug = _b.templateSlug, fuseApi = _b.fuseApi, setSelectedRows = _b.setSelectedRows, _c = _b.importerOptions, disableSubmitIfInvalid = _c.disableSubmitIfInvalid, batchValidationDelayMs = _c.batchValidationDelayMs, batchValidationSize = _c.batchValidationSize, previewMode = _c.previewMode, loadingComponent = _c.loadingComponent, onSubmit = _b.onSubmit, onValidateRecord = _b.onValidateRecord, formatRecord = _b.formatRecord, selectedRows = _b.selectedRows;
+    var setIsLoadingApp = useAppLoadingContext().setIsLoadingApp;
+    var _d = useState(false), isSubmitting = _d[0], setIsSubmitting = _d[1];
+    var _e = useState(false), isSubmitDisabled = _e[0], setIsSubmitDisabled = _e[1];
+    var _f = useState(false), importWasSuccessful = _f[0], setImportWasSuccessful = _f[1];
+    var _g = useState(null), appResponse = _g[0], setAppResponse = _g[1];
+    var _h = useState([]), previewFields = _h[0], setPreviewFields = _h[1];
+    var _j = useState(null), previewInitialDataSet = _j[0], setPreviewInitialDataSet = _j[1];
+    var _k = useState([]), reviewFields = _k[0], setReviewFields = _k[1];
+    var _l = useState(null), reviewInitialDataSet = _l[0], setReviewInitialDataSet = _l[1];
+    var _m = useState(null), initialDataSetUpdatedAt = _m[0], setInitialDataSetUpdatedAt = _m[1];
+    useEffect(function () {
+        if (currentStepIndex === 1)
+            setReviewInitialDataSet(null);
+    }, [currentStepIndex]);
+    var reviewDataSetRef = useRef(null);
+    var options = useMemo(function () { return ({
+        batchValidationDelayMs: batchValidationDelayMs,
+        batchValidationSize: batchValidationSize,
+    }); }, [batchValidationDelayMs, batchValidationSize]);
+    var onExport = useCallback(function (dataType) {
+        if (!reviewDataSetRef.current)
+            return;
+        var dataSet = reviewDataSetRef.current;
+        var dataSetValues = Object.values(dataSet);
+        if (dataType === "csv") {
+            var valuesWithoutMeta = dataSetValues.map(function (_a) {
+                var _meta = _a._meta, rest = __rest(_a, ["_meta"]);
+                return rest;
+            });
+            csvExport(valuesWithoutMeta);
+        }
+    }, [reviewFields, selectedRows]);
+    var onSubmitData = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var dataSet, dataSetValues, validDataSetValues, validDataSetLength, invalidRecords_1, applicationResponse, isAppResponseSuccessful, _a, errors, isDataValid, recordsToDisplayFiltered, invalidDataSet, error_2;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _b.trys.push([0, 5, 6, 7]);
+                    if (!reviewDataSetRef.current)
+                        return [2 /*return*/];
+                    setIsSubmitting(true);
+                    dataSet = reviewDataSetRef.current;
+                    dataSetValues = Object.values(dataSet);
+                    validDataSetValues = dataSetValues.filter(function (record) {
+                        return !record._meta.isInvalid && !isRecordEmpty(record, reviewFields);
+                    });
+                    validDataSetLength = validDataSetValues.length;
+                    invalidRecords_1 = dataSetValues.filter(function (v) { return v._meta.isInvalid; });
+                    return [4 /*yield*/, onSubmit(validDataSetValues)];
+                case 1:
+                    applicationResponse = _b.sent();
+                    isAppResponseSuccessful = getImportWasSuccessful(applicationResponse);
+                    if (!isAppResponseSuccessful) {
+                        _a = (applicationResponse !== null && applicationResponse !== void 0 ? applicationResponse : {}).errors, errors = _a === void 0 ? {} : _a;
+                        invalidRecords_1 = __spreadArray(__spreadArray([], filterAndMapWithBackendErrors(dataSet, errors), true), invalidRecords_1, true);
+                    }
+                    isDataValid = invalidRecords_1.length === 0;
+                    setImportWasSuccessful(isDataValid && isAppResponseSuccessful);
+                    setAppResponse(applicationResponse);
+                    if (applicationResponse.recordsToDisplay) {
+                        recordsToDisplayFiltered = applicationResponse.recordsToDisplay.filter(function (record) {
+                            var recordId = record._meta.id;
+                            return !invalidRecords_1.some(function (invalidRecord) { return invalidRecord._meta.id === recordId; });
+                        });
+                        invalidRecords_1 = __spreadArray(__spreadArray([], invalidRecords_1, true), (recordsToDisplayFiltered || []), true);
+                    }
+                    invalidDataSet = recordListToDataSet(invalidRecords_1, reviewFields);
+                    setReviewInitialDataSet(invalidDataSet);
+                    if (!!previewMode) return [3 /*break*/, 4];
+                    return [4 /*yield*/, trackImportedRowsCount(fuseApi, templateSlug, validDataSetLength)];
+                case 2:
+                    _b.sent();
+                    return [4 /*yield*/, sendRecordsToIntegrations(dataSetValues, integrations)];
+                case 3:
+                    _b.sent();
+                    _b.label = 4;
+                case 4: return [3 /*break*/, 7];
+                case 5:
+                    error_2 = _b.sent();
+                    console.error(error_2);
+                    return [3 /*break*/, 7];
+                case 6:
+                    setIsSubmitting(false);
+                    return [7 /*endfinally*/];
+                case 7: return [2 /*return*/];
+            }
+        });
+    }); }, [reviewFields, onSubmit]);
+    var onDataSetChanged = useCallback(function (dataSet) {
+        reviewDataSetRef.current = dataSet;
+    }, []);
+    var onValidationStateChanged = useCallback(function (state) {
+        var isInvalid = !state.isValid;
+        var isValidating = !state.isValidationCompleted;
+        var disableSubmitIfInvalidFromOption = disableSubmitIfInvalid === undefined ? true : false;
+        var isDisabled = (disableSubmitIfInvalidFromOption && isInvalid) || isValidating;
+        setIsSubmitDisabled(isDisabled);
+    }, [disableSubmitIfInvalid]);
+    useEffect(function () {
+        if (!uploadedData && currentStepIndex === 0) {
+            //Reset data to clean the memory
+            setPreviewFields([]);
+            setPreviewInitialDataSet(null);
+            setReviewFields([]);
+            setReviewInitialDataSet(null);
+            reviewDataSetRef.current = null;
+            return;
+        }
+        var sleep = function (n) { return new Promise(function (resolve) { return setTimeout(resolve, n); }); };
+        if (currentStepIndex === 0) {
+            if (!previewInitialDataSet) {
+                //Uploader spreadsheet data
+                var _a = getPreviewDataSet({ uploadedData: uploadedData }), fields = _a.fields, initialDataSet = _a.initialDataSet;
+                setPreviewFields(fields);
+                setPreviewInitialDataSet(initialDataSet);
+            }
+        }
+        else if (currentStepIndex === 2) {
+            setIsLoadingApp(true);
+            (function () { return __awaiter(void 0, void 0, void 0, function () {
+                var fields, _records, initialDataSet;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!(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;
+                        case 2:
+                            fields = getTemplateFields({ templateHeaders: templateHeaders });
+                            _records = initialRecords ||
+                                transformToRecords({
+                                    templateHeaderMatchings: templateHeaderMatchings,
+                                    enumFieldValueMatchings: enumFieldValueMatchings,
+                                    templateHeaders: templateHeaders,
+                                    uploadedDataHeaders: uploadedDataHeaders,
+                                    uploadedData: uploadedData.slice(headerRowIndex + 1),
+                                    formatRecord: formatRecord,
+                                });
+                            initialDataSet = getReviewDataSet({
+                                records: _records,
+                                fields: fields,
+                            }).initialDataSet;
+                            setSelectedRows([]);
+                            setReviewFields(fields);
+                            setReviewInitialDataSet(initialDataSet);
+                            setInitialDataSetUpdatedAt(Date.now());
+                            setIsLoadingApp(false);
+                            return [2 /*return*/];
+                    }
+                });
+            }); })();
+        }
+    }, [uploadedData, currentStepIndex, templateHeaders, uploadedData]);
+    var value = {
+        previewInitialDataSet: previewInitialDataSet,
+        previewFields: previewFields,
+        reviewInitialDataSet: reviewInitialDataSet,
+        reviewFields: reviewFields,
+        isSubmitDisabled: isSubmitDisabled,
+        importWasSuccessful: importWasSuccessful,
+        appResponse: appResponse,
+        isSubmitting: isSubmitting,
+        options: options,
+        initialDataSetUpdatedAt: initialDataSetUpdatedAt,
+        onSubmit: onSubmitData,
+        onExport: onExport,
+        onValidateRecord: onValidateRecord,
+        onDataSetChanged: onDataSetChanged,
+        onValidationStateChanged: onValidationStateChanged,
+    };
+    function renderLoading() {
+        return isSubmitting ? (loadingComponent ? (loadingComponent()) : (_jsx(AppLoading, {}))) : null;
+    }
+    return (_jsxs(ReviewContext.Provider, __assign({ value: value }, { children: [renderLoading(), children] })));
+};
+export var useReviewContext = function () { return useContext(ReviewContext); };

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

@@ -0,0 +1,33 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 { useTranslation } from "react-i18next";
+import styled from "styled-components";
+import { Div } from "../../styled/utils";
+import Spreadsheet from "../common/Spreadsheet";
+import { useImporterContext } from "../contexts/ImporterContextProvider";
+import { AppResponseModal } from "./AppResponseModal";
+import { useReviewContext } from "./ReviewContextProvider";
+var TitleContainer = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+var ReviewWithContext = function () {
+    var _a = useReviewContext(), fields = _a.reviewFields, initialDataSet = _a.reviewInitialDataSet, options = _a.options, initialDataSetUpdatedAt = _a.initialDataSetUpdatedAt, onValidateRecord = _a.onValidateRecord, onDataSetChanged = _a.onDataSetChanged, onValidationStateChanged = _a.onValidationStateChanged;
+    var _b = useImporterContext(), selectedRows = _b.selectedRows, setSelectedRows = _b.setSelectedRows, isUsingManualImport = _b.isUsingManualImport;
+    var t = useTranslation("review").t;
+    var spreadsheetUI = initialDataSet && (_jsx(Spreadsheet, { initialDataSetUpdatedAt: initialDataSetUpdatedAt, options: __assign(__assign({}, options), { showCheckboxColumn: true }), selectedRows: selectedRows, setSelectedRows: setSelectedRows, initialDataSet: initialDataSet, fields: fields, onDataSetChanged: onDataSetChanged, onValidateRecord: onValidateRecord, onValidationStateChanged: onValidationStateChanged }));
+    return (_jsxs(Div, __assign({ centered: true, flexColumn: true, h100: true }, { children: [_jsx(AppResponseModal, {}), _jsxs(Div, __assign({ w100: true, h100: true, flexColumn: true }, { children: [_jsx(TitleContainer, __assign({ flexColumn: true, ml: 32 }, { children: _jsx(Div, __assign({ h2: true, mt: 40, mb: 40 }, { children: t(isUsingManualImport.current ? "manual_importer_title" : "title") })) })), _jsx(Div, __assign({ h100: true, w100: true, justifyCenter: true }, { children: spreadsheetUI }))] }))] })));
+};
+export default ReviewWithContext;
+var templateObject_1;

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { areEqual } from "react-window";
+import ReviewWithContext from "./ReviewWithContext";
+export default React.memo(ReviewWithContext, areEqual);

package/lib/esm/Importer/Stepper/ConfirmCloseModal.js

@@ -0,0 +1,24 @@
+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 } from "../../common";
+import { errorIcon } from "./common/icons";
+import { useTranslation } from "react-i18next";
+export var ConfirmCloseModal = function (_a) {
+    var isOpen = _a.isOpen, onClose = _a.onClose, onCloseImporter = _a.onCloseImporter;
+    var t = useTranslation("general").t;
+    return (_jsx(Modal, __assign({ isOpen: isOpen, onClose: onClose }, { children: _jsxs(Div, __assign({ centered: true, flexColumn: true, p: 60 }, { children: [_jsx(Div, __assign({ textAlignCenter: true, mb: 10, mt: 5 }, { children: errorIcon })), _jsx(Div, __assign({ h5: true, mt: 10 }, { children: t("confirm_close_modal.title") })), _jsx(Div, __assign({ body1: true, mt: 12, w: 448, textAlignCenter: true }, { children: t("confirm_close_modal.description") })), _jsxs(Div, __assign({ dflex: true, mt: 40, w100: true, centered: true }, { children: [_jsx(Button, __assign({ w: 115, variant: "secondary", mr: 10, onClick: onClose, "data-test-id": "confirm-close-modal-cancel" }, { children: t("confirm_close_modal.cancel") })), _jsx(Button, __assign({ w: 140, ml: 10, onClick: function () {
+                                onCloseImporter();
+                                onClose();
+                            } }, { children: t("confirm_close_modal.close") }))] }))] })) })));
+};

package/lib/esm/Importer/Stepper/Step.js

@@ -0,0 +1,19 @@
+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 { colors, Div } from "../../styled";
+import { StepIndex } from "./StepIndex";
+export var Step = function (_a) {
+    var index = _a.index, label = _a.label, isSelected = _a.isSelected, isCompleted = _a.isCompleted;
+    var isActive = isCompleted || isSelected;
+    return (_jsxs(Div, __assign({ centered: true, buttonText: true, c: isActive ? colors.text : colors.gray400 }, { children: [_jsx(StepIndex, { index: index + 1, isSelected: isSelected, isCompleted: isCompleted }), label] })));
+};

package/lib/esm/Importer/Stepper/StepIndex.js

@@ -0,0 +1,27 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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, Fragment as _Fragment } from "react/jsx-runtime";
+import styled, { css } from "styled-components";
+import { WhiteCheckIcon } from "../../common";
+import { Div } from "../../styled";
+var StepIndexWrapper = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 22px;\n  width: 22px;\n  color: ", ";\n  border-radius: 50%;\n  background-color: none;\n  border: 1px solid ", ";\n\n  ", ";\n"], ["\n  height: 22px;\n  width: 22px;\n  color: ", ";\n  border-radius: 50%;\n  background-color: none;\n  border: 1px solid ", ";\n\n  ", ";\n"])), function (p) { return p.theme.colors.gray400; }, function (p) { return p.theme.colors.gray400; }, function (p) {
+    return p.isSelected && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      height: 32px;\n      width: 32px;\n      border: solid 1px ", ";\n      color: ", ";\n      background-color: ", ";\n    "], ["\n      height: 32px;\n      width: 32px;\n      border: solid 1px ", ";\n      color: ", ";\n      background-color: ", ";\n    "])), function (p) { return p.theme.colors.blue500; }, function (p) { return p.theme.colors.white; }, function (p) { return p.theme.colors.blue500; });
+});
+export var StepIndex = function (_a) {
+    var index = _a.index, isSelected = _a.isSelected, isCompleted = _a.isCompleted;
+    return (_jsx(_Fragment, { children: isCompleted ? (_jsx(Div, __assign({ centered: true, body2: true, bold: true, mr: 8 }, { children: _jsx(WhiteCheckIcon, {}) }))) : (_jsx(StepIndexWrapper, __assign({ centered: true, body2: true, bold: true, mr: 8, isSelected: isSelected }, { children: index }))) }));
+};
+var templateObject_1, templateObject_2;

package/lib/esm/Importer/Stepper/StepperSubmitModal.js

@@ -0,0 +1,24 @@
+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 } from "../../common";
+import { submitIcon } from "./common/icons";
+import { useTranslation } from "react-i18next";
+export var StepperSubmitModal = function (_a) {
+    var isSubmitModalOpen = _a.isSubmitModalOpen, onCloseModal = _a.onCloseModal, onSubmit = _a.onSubmit;
+    var t = useTranslation("general").t;
+    return (_jsx(Modal, __assign({ isOpen: isSubmitModalOpen, onClose: function () { return onCloseModal(); } }, { children: _jsxs(Div, __assign({ centered: true, flexColumn: true, p: 60 }, { children: [_jsx(Div, { children: submitIcon }), _jsx(Div, __assign({ h5: true, mt: 20 }, { children: t("submit_modal.title") })), _jsx(Div, __assign({ body1: true, mt: 12, w: 448, textAlignCenter: true }, { children: t("submit_modal.description") })), _jsxs(Div, __assign({ dflex: true, mt: 40, w100: true, centered: true }, { children: [_jsx(Button, __assign({ w: 115, variant: "secondary", mr: 10, onClick: function () { return onCloseModal(); }, "data-test-id": "submit-modal-go-back" }, { children: t("submit_modal.cancel") })), _jsx(Button, __assign({ w: 140, ml: 10, onClick: function () {
+                                onSubmit();
+                                onCloseModal();
+                            } }, { children: t("submit_modal.submit") }))] }))] })) })));
+};

package/lib/esm/Importer/Stepper/UnmatchedHeadersModal.js

@@ -0,0 +1,31 @@
+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 } from "../../common";
+import { errorIcon } from "./common/icons";
+import { useTranslation } from "react-i18next";
+export var UnmatchedHeadersModal = function (_a) {
+    var isUnmatchedHeadersModalOpen = _a.isUnmatchedHeadersModalOpen, unmatchedHeadersCount = _a.unmatchedHeadersCount, onSetStep = _a.onSetStep, onCloseUnmatchedHeadersModal = _a.onCloseUnmatchedHeadersModal;
+    var skipStep = function () {
+        onSetStep();
+        onCloseUnmatchedHeadersModal();
+    };
+    var t = useTranslation("general").t;
+    return (_jsx(Modal, __assign({ isOpen: isUnmatchedHeadersModalOpen, onClose: function () { return onCloseUnmatchedHeadersModal(); } }, { children: _jsxs(Div, __assign({ p: "17px 20px" }, { children: [_jsx(Div, __assign({ textAlignCenter: true, mb: 24, mt: 5 }, { children: errorIcon })), _jsx(Div, __assign({ textAlignCenter: true, h5: true }, { children: t("unmatched_headers_modal.title") })), _jsx(Div, __assign({ w: 448, mt: 12, textAlignCenter: true, body1: true }, { children: unmatchedHeadersCount === 1
+                        ? t("unmatched_headers_modal.description_singular", {
+                            count: unmatchedHeadersCount,
+                        })
+                        : t("unmatched_headers_modal.description_plural", {
+                            count: unmatchedHeadersCount,
+                        }) })), _jsxs(Div, __assign({ dflex: true, centered: true, mt: 40 }, { children: [_jsx(Button, __assign({ variant: "secondary", onClick: function () { return onCloseUnmatchedHeadersModal(); }, w: 160, mr: 16 }, { children: t("unmatched_headers_modal.assign_headers") })), _jsx(Button, __assign({ variant: "primary", onClick: skipStep }, { children: t("unmatched_headers_modal.skip") }))] }))] })) })));
+};

package/lib/esm/Importer/Stepper/common/getEnumFieldValueMatchingsInitialValue.js

@@ -0,0 +1,33 @@
+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 Fuse from "fuse.js";
+import { fusejsOptions, } from "../../contexts/ImporterContextProvider";
+export var getEnumFieldValueMatchingsInitialValue = function (_a) {
+    var uploadedDataEnumFieldValues = _a.uploadedDataEnumFieldValues, templateHeaders = _a.templateHeaders;
+    var res = {};
+    var setEnumFieldValueMathings = function (templateLabel) {
+        uploadedDataEnumFieldValues[templateLabel].forEach(function (uploadedValue, _index) {
+            var _a, _b;
+            var templateOptions = (_a = templateHeaders.find(function (th) { return th.label === templateLabel; })) === null || _a === void 0 ? void 0 : _a.values;
+            var fuse = new Fuse(templateOptions, fusejsOptions);
+            var fuseResults = fuse.search(uploadedValue);
+            var previousRes = __assign({}, (res[templateLabel] || {}));
+            res[templateLabel] = previousRes;
+            res[templateLabel][uploadedValue] = (_b = fuseResults[0]) === null || _b === void 0 ? void 0 : _b.item;
+        });
+    };
+    var templateLabels = Object.keys(uploadedDataEnumFieldValues);
+    templateLabels.forEach(function (templateLabel) {
+        setEnumFieldValueMathings(templateLabel);
+    });
+    return res;
+};

package/lib/esm/Importer/Stepper/common/icons.js

@@ -0,0 +1,18 @@
+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";
+export var submitIcon = (_jsxs("svg", __assign({ width: 64, height: 64, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { fill: "#fff", d: "M0 0h64v64H0z" }), _jsx("path", { d: "M49.306 6.195a2 2 0 0 1 2.824-.16l10.379 9.27a2 2 0 0 1 .16 2.824L28.148 56.78a2 2 0 0 1-2.824.16l-10.379-9.27a2 2 0 0 1-.16-2.823l34.52-38.652Z", fill: "url(#a)", style: {
+                mixBlendMode: "multiply",
+            } }), _jsx("rect", { x: 38.727, y: 44.871, width: 17.915, height: 35.878, rx: 2, transform: "rotate(131.582 38.727 44.87)", fill: "url(#b)", style: {
+                mixBlendMode: "darken",
+            } }), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "a", x1: 18.672, y1: 47.198, x2: 37.603, y2: 58.473, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#D0A617" }), _jsx("stop", { offset: 1, stopColor: "#FEE18F" })] })), _jsxs("linearGradient", __assign({ id: "b", x1: 47.684, y1: 44.871, x2: 36.123, y2: 89.527, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#6BEEFF" }), _jsx("stop", { offset: 1, stopColor: "#08CABE" })] }))] })] })));
+export var errorIcon = (_jsxs("svg", __assign({ width: "68", height: "68", viewBox: "0 0 68 68", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", __assign({ clipPath: "url(#clip0_1052_34495)" }, { children: [_jsx("rect", { width: "68", height: "68", fill: "white" }), _jsx("g", __assign({ style: { mixBlendMode: "multiply" } }, { children: _jsx("path", { d: "M28.5668 8.05854C29.6943 6.10577 32.5129 6.10576 33.6403 8.05854L59.1466 52.2368C60.274 54.1895 58.8648 56.6305 56.6099 56.6305H5.59726C3.34239 56.6305 1.93309 54.1895 3.06053 52.2368L28.5668 8.05854Z", fill: "url(#paint0_linear_1052_34495)" }) })), _jsx("g", __assign({ style: { mixBlendMode: "multiply" } }, { children: _jsx("path", { d: "M34.4375 9.68867C35.5649 7.73589 38.3835 7.73589 39.511 9.68867L65.816 55.2503C66.9434 57.2031 65.5341 59.6441 63.2793 59.6441H10.6692C8.41432 59.6441 7.00502 57.2031 8.13246 55.2503L34.4375 9.68867Z", fill: "url(#paint1_linear_1052_34495)" }) })), _jsx("rect", { x: "29.0371", y: "21.2632", width: "6.43183", height: "21.3972", rx: "2.92916", fill: "#FFFDF8" }), _jsx("rect", { x: "29.0371", y: "44.7898", width: "6.43183", height: "5.61436", rx: "2.80718", fill: "#FFFDF8" })] })), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "paint0_linear_1052_34495", x1: "10.0099", y1: "28.8136", x2: "30.2646", y2: "54.4823", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#FD5C39" }), _jsx("stop", { offset: "1", stopColor: "#FFB869" })] })), _jsxs("linearGradient", __assign({ id: "paint1_linear_1052_34495", x1: "18.8007", y1: "74.0811", x2: "85.2567", y2: "33.8684", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#E7C551" }), _jsx("stop", { offset: "1", stopColor: "#FEE18F" })] })), _jsx("clipPath", __assign({ id: "clip0_1052_34495" }, { children: _jsx("rect", { width: "68", height: "68", fill: "white" }) }))] })] })));