fuse-importer 0.23.7 → 0.23.9

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

@@ -0,0 +1,233 @@
+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 (_) 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 __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 { AppLoading } from "../common/AppLoading";
+import { isRecordEmpty } from "../common/Spreadsheet/common";
+import { sendRecordsToIntegrations } from "../common/utils";
+import { useImporterContext } from "../contexts/ImporterContextProvider";
+import { getPreviewDataSet, getReviewDataSet, recordListToDataSet, } from "../data";
+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] }) });
+    }, []);
+};
+export var ReviewContextProvider = function (_a) {
+    var children = _a.children;
+    var _b = useImporterContext(), templateHeaderMatchings = _b.templateHeaderMatchings, enumFieldValueMatchings = _b.enumFieldValueMatchings, templateHeaders = _b.templateHeaders, uploadedDataHeaders = _b.uploadedDataHeaders, uploadedData = _b.uploadedData, currentStepIndex = _b.currentStepIndex, integrations = _b.integrations, templateSlug = _b.templateSlug, fuseApi = _b.fuseApi, _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;
+    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 isDataInitialized = useRef(false);
+    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 reviewDataSetRef = useRef(null);
+    var options = useMemo(function () { return ({
+        batchValidationDelayMs: batchValidationDelayMs,
+        batchValidationSize: batchValidationSize,
+    }); }, [batchValidationDelayMs, batchValidationSize]);
+    var onSubmitData = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var dataSet, dataSetValues, validDataSetValues, validDataSetLength, invalidRecords, applicationResponse, isAppResponseSuccessful, _a, errors, isDataValid, 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 = 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 = __spreadArray(__spreadArray([], filterAndMapWithBackendErrors(dataSet, errors), true), invalidRecords, true);
+                    }
+                    isDataValid = invalidRecords.length === 0;
+                    setImportWasSuccessful(isDataValid && isAppResponseSuccessful);
+                    setAppResponse(applicationResponse);
+                    invalidDataSet = recordListToDataSet(invalidRecords, 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 isDisabled = (disableSubmitIfInvalid && 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;
+            isDataInitialized.current = false;
+            return;
+        }
+        if (currentStepIndex === 0) {
+            //Uploader spreadsheet data
+            var _a = getPreviewDataSet({ uploadedData: uploadedData }), fields = _a.fields, initialDataSet = _a.initialDataSet;
+            setPreviewFields(fields);
+            setPreviewInitialDataSet(initialDataSet);
+            isDataInitialized.current = false;
+        }
+        else if (currentStepIndex === 2 && !isDataInitialized.current) {
+            //Review spreadsheet data
+            var _b = getReviewDataSet({
+                enumFieldValueMatchings: enumFieldValueMatchings,
+                templateHeaderMatchings: templateHeaderMatchings,
+                templateHeaders: templateHeaders,
+                uploadedDataHeaders: uploadedDataHeaders,
+                uploadedData: uploadedData,
+                formatRecord: formatRecord,
+            }), fields = _b.fields, initialDataSet = _b.initialDataSet;
+            setReviewFields(fields);
+            setReviewInitialDataSet(initialDataSet);
+            isDataInitialized.current = true;
+        }
+    }, [
+        uploadedData,
+        currentStepIndex,
+        enumFieldValueMatchings,
+        templateHeaderMatchings,
+        templateHeaders,
+        uploadedDataHeaders,
+        uploadedData,
+    ]);
+    var value = {
+        previewInitialDataSet: previewInitialDataSet,
+        previewFields: previewFields,
+        reviewInitialDataSet: reviewInitialDataSet,
+        reviewFields: reviewFields,
+        isSubmitDisabled: isSubmitDisabled,
+        importWasSuccessful: importWasSuccessful,
+        appResponse: appResponse,
+        isSubmitting: isSubmitting,
+        options: options,
+        onSubmit: onSubmitData,
+        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.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ReviewWithContext: () => JSX.Element;
+export default ReviewWithContext;

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

@@ -0,0 +1,23 @@
+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/utils";
+import Spreadsheet from "../common/Spreadsheet";
+import { getSpreadsheetRowWidth } from "../common/utils";
+import { AppResponseModal } from "./AppResponseModal";
+import { useReviewContext } from "./ReviewContextProvider";
+var ReviewWithContext = function () {
+    var _a = useReviewContext(), fields = _a.reviewFields, initialDataSet = _a.reviewInitialDataSet, options = _a.options, onValidateRecord = _a.onValidateRecord, onDataSetChanged = _a.onDataSetChanged, onValidationStateChanged = _a.onValidationStateChanged;
+    var spreadsheetUI = initialDataSet && (_jsx(Spreadsheet, { options: options, initialDataSet: initialDataSet, fields: fields, rowWidth: getSpreadsheetRowWidth(fields, 6), onDataSetChanged: onDataSetChanged, onValidateRecord: onValidateRecord, onValidationStateChanged: onValidationStateChanged }));
+    return (_jsxs(Div, __assign({ centered: true, flexColumn: true }, { children: [_jsx(AppResponseModal, {}), _jsxs(Div, __assign({ w: 1400 }, { children: [_jsxs(Div, __assign({ centered: true, textAlignCenter: true, flexColumn: true }, { children: [_jsx(Div, __assign({ h2: true, mt: 40 }, { children: "Review Your Spreadsheet before Submitting" })), _jsx(Div, __assign({ body1: true, mt: 20, w: 540, mb: 15 }, { children: "Some cells in the document might have errors in format or missing information. Please review these to continue." }))] })), spreadsheetUI] }))] })));
+};
+export default ReviewWithContext;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const Review: () => JSX.Element;
-export default Review;
+import React from "react";
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

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

@@ -1,91 +1,4 @@
-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 { useMemo } from "react";
-import { Div } from "../../styled/utils";
-import { FieldTypes } from "../../types";
-import { Spreadsheet } from "../common/Spreadsheet";
-import { isFloat, isInteger, isTrue } from "../common/Spreadsheet/common/index";
-import { getColumnType, getSpreadsheetRowWidth } from "../common/utils";
-import { useImporterContext } from "../ImporterContextProvider";
-import { useSpreadsheetReviewContext } from "../SpreadsheetReviewContextProvider";
-import { AppResponseModal } from "./AppResponseModal";
-var useInitialData = function () {
-    var _a = useImporterContext(), templateHeaderMatchings = _a.templateHeaderMatchings, enumFieldValueMatchings = _a.enumFieldValueMatchings, templateHeaders = _a.templateHeaders, uploadedDataHeaders = _a.uploadedDataHeaders, uploadedData = _a.uploadedData, formatRecord = _a.formatRecord;
-    return useMemo(function () {
-        var templateHeaderLabelsWithMatchings = Object.keys(templateHeaderMatchings).filter(function (thl) { return !!templateHeaderMatchings[thl]; });
-        var getUploadedDataRowIndex = function (templateHeaderLabel) {
-            var matchingHeader = Object.entries(templateHeaderMatchings).find(function (_a) {
-                var _templateHeaderLabel = _a[0];
-                return _templateHeaderLabel === templateHeaderLabel;
-            })[1];
-            return uploadedDataHeaders.findIndex(function (h) { return h === matchingHeader; });
-        };
-        var getTemplateHeaderKey = function (templateLabel) { var _a; return (_a = templateHeaders.find(function (th) { return th.label === templateLabel; })) === null || _a === void 0 ? void 0 : _a.internal_key; };
-        var getRecord = function (row) {
-            var record = {};
-            templateHeaderLabelsWithMatchings.forEach(function (templateLabel) {
-                var key = getTemplateHeaderKey(templateLabel);
-                var value = row[getUploadedDataRowIndex(templateLabel)];
-                record[key] = value;
-                if (value === undefined)
-                    return;
-                var columnType = getColumnType({ templateLabel: templateLabel, templateHeaders: templateHeaders });
-                if (columnType === FieldTypes.enum)
-                    record[key] = enumFieldValueMatchings[templateLabel][value];
-                if (columnType === FieldTypes.boolean)
-                    record[key] = isTrue(value);
-                if (columnType === FieldTypes.float)
-                    record[key] = isFloat(value) ? parseFloat(value) : value;
-                if (columnType === FieldTypes.integer)
-                    record[key] = isInteger(value) ? parseInt(value) : value;
-            });
-            return formatRecord ? formatRecord(record) : record;
-        };
-        // ignore first row in uploadedData (associated to headers)
-        return uploadedData.slice(1).map(function (row) { return getRecord(row); });
-    }, [
-        uploadedData,
-        uploadedDataHeaders,
-        templateHeaderMatchings,
-        enumFieldValueMatchings,
-    ]);
-};
-var Review = function () {
-    var _a = useImporterContext(), templateHeaders = _a.templateHeaders, onValidateRecord = _a.onValidateRecord, onValidateBatch = _a.onValidateBatch, _b = _a.importerOptions, batchValidationDelayMs = _b.batchValidationDelayMs, batchValidationSize = _b.batchValidationSize;
-    var initialData = useInitialData();
-    var _c = useSpreadsheetReviewContext(), submittedData = _c.submittedData, appResponse = _c.appResponse, setReviewedData = _c.setReviewedData;
-    var fields = useMemo(function () {
-        return templateHeaders.map(function (templateHeader) { return ({
-            label: templateHeader.label,
-            name: templateHeader.internal_key,
-            type: FieldTypes[templateHeader.column_type] || FieldTypes.string,
-            isRequired: templateHeader.required,
-            options: templateHeader.values,
-            pattern: templateHeader.pattern,
-        }); });
-    }, [templateHeaders]);
-    var spreadsheetUI = useMemo(function () { return (_jsx(Div, { children: _jsx(Spreadsheet, __assign({ rowWidth: getSpreadsheetRowWidth(fields, 6), options: {
-                batchValidationDelayMs: batchValidationDelayMs,
-                batchValidationSize: batchValidationSize,
-            } }, {
-            submittedData: submittedData,
-            appResponse: appResponse,
-            setReviewedData: setReviewedData,
-            initialData: initialData,
-            fields: fields,
-            onValidateBatch: onValidateBatch,
-            onValidateRecord: onValidateRecord,
-        })) })); }, [appResponse, submittedData]);
-    return (_jsxs(Div, __assign({ centered: true, flexColumn: true }, { children: [_jsx(AppResponseModal, {}), _jsxs(Div, __assign({ w: 1400 }, { children: [_jsxs(Div, __assign({ centered: true, textAlignCenter: true, flexColumn: true }, { children: [_jsx(Div, __assign({ h2: true, mt: 40 }, { children: "Review Your Spreadsheet before Submitting" })), _jsx(Div, __assign({ body1: true, mt: 20, w: 540, mb: 15 }, { children: "Some cells in the document might have errors in format or missing information. Please review these to continue." }))] })), initialData && spreadsheetUI] }))] })));
-};
-export default Review;
+import React from "react";
+import { areEqual } from "react-window";
+import ReviewWithContext from "./ReviewWithContext";
+export default React.memo(ReviewWithContext, areEqual);

package/lib/esm/Importer/Stepper/Step.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const Step: ({ index, label, isSelected, isCompleted }: {
+    index: any;
+    label: any;
+    isSelected: any;
+    isCompleted: any;
+}) => JSX.Element;

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.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StepIndex: ({ index, isSelected, isCompleted }: {
+    index: any;
+    isSelected: any;
+    isCompleted: any;
+}) => JSX.Element;

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: 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.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare type StepperSubmitModalProps = {
+    isSubmitModalOpen: boolean;
+    onCloseModal: () => void;
+    onSubmit: () => void;
+};
+export declare const StepperSubmitModal: ({ isSubmitModalOpen, onCloseModal, onSubmit, }: StepperSubmitModalProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,22 @@
+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";
+export var StepperSubmitModal = function (_a) {
+    var isSubmitModalOpen = _a.isSubmitModalOpen, onCloseModal = _a.onCloseModal, onSubmit = _a.onSubmit;
+    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: "Ready to submit?" })), _jsx(Div, __assign({ body1: true, mt: 12, w: 448, textAlignCenter: true }, { children: "We didn't find anything wrong with your file. You're good to go!" })), _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: "Go back" })), _jsx(Button, __assign({ w: 140, ml: 10, onClick: function () {
+                                onSubmit();
+                                onCloseModal();
+                            } }, { children: "Yes, submit" }))] }))] })) })));
+};

package/lib/esm/Importer/Stepper/UnmatchedHeadersModal.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare type UnmatchedHeadersModalProps = {
+    isUnmatchedHeadersModalOpen: boolean;
+    unmatchedHeadersCount: number;
+    onSetStep: () => void;
+    onCloseUnmatchedHeadersModal: () => void;
+};
+export declare const UnmatchedHeadersModal: ({ isUnmatchedHeadersModalOpen, unmatchedHeadersCount, onSetStep, onCloseUnmatchedHeadersModal, }: UnmatchedHeadersModalProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,23 @@
+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";
+export var UnmatchedHeadersModal = function (_a) {
+    var isUnmatchedHeadersModalOpen = _a.isUnmatchedHeadersModalOpen, unmatchedHeadersCount = _a.unmatchedHeadersCount, onSetStep = _a.onSetStep, onCloseUnmatchedHeadersModal = _a.onCloseUnmatchedHeadersModal;
+    var skipStep = function () {
+        onSetStep();
+        onCloseUnmatchedHeadersModal();
+    };
+    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: "Unmatched Column Headers" })), _jsxs(Div, __assign({ w: 448, mt: 12, textAlignCenter: true, body1: true }, { children: [unmatchedHeadersCount === 1 ? "There is " : "There are ", unmatchedHeadersCount, " unmatched column headers. You will have to fill these out manually if you proceed."] })), _jsxs(Div, __assign({ dflex: true, centered: true, mt: 40 }, { children: [_jsx(Button, __assign({ variant: "secondary", onClick: function () { return onCloseUnmatchedHeadersModal(); }, w: 160, mr: 16 }, { children: "Assign Headers" })), _jsx(Button, __assign({ w: 83, variant: "primary", onClick: skipStep }, { children: "Skip" }))] }))] })) })));
+};

package/lib/esm/Importer/Stepper/common/getEnumFieldValueMatchingsInitialValue.d.ts

@@ -0,0 +1,8 @@
+import { TemplateHeader } from "../../../types";
+import { EnumFieldValueMatchings, UploadedDataEnumFieldValues } from "../../contexts/ImporterContextProvider";
+declare type GetEnumFieldValueMatchingsInitialValueArgs = {
+    uploadedDataEnumFieldValues: UploadedDataEnumFieldValues;
+    templateHeaders: TemplateHeader[];
+};
+export declare const getEnumFieldValueMatchingsInitialValue: ({ uploadedDataEnumFieldValues, templateHeaders, }: GetEnumFieldValueMatchingsInitialValueArgs) => EnumFieldValueMatchings;
+export {};

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.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const submitIcon: JSX.Element;
+export declare const errorIcon: JSX.Element;

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" }) }))] })] })));

package/lib/esm/Importer/{Stepper.d.ts → Stepper/index.d.ts}

@@ -3,5 +3,5 @@ declare type StepperProps = {
     stepLabels: string[];
     logoURL?: string;
 };
-declare const Stepper: ({ stepLabels, logoURL }: StepperProps) => JSX.Element;
-export { Stepper };
+export declare const Stepper: ({ stepLabels, logoURL }: StepperProps) => JSX.Element;
+export {};