fuse-importer 0.7.0

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

@@ -0,0 +1,149 @@
+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);
+};
+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 } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import styled, { css } from "styled-components";
+import { getRecordErrors, getRenderedRecordWithErrors } from "..";
+import { TooltipProvider } from "../../../../../common/TooltipProvider";
+import { Div } from "../../../../../styled/utils";
+import { useSpreadsheetReviewContext } from "../../../../SpreadsheetReviewContextProvider";
+import { useSpreadsheetContext } from "../../SpreadsheetContextProvider";
+export var useValidationError = function (fieldName, record) {
+    var isSubmitting = useSpreadsheetReviewContext().isSubmitting;
+    var _a = useSpreadsheetContext(), fields = _a.fields, submittedData = _a.submittedData, batchValidationErrors = _a.batchValidationErrors;
+    var validationError = null;
+    if (!isSubmitting) {
+        var recordErrors = getRecordErrors({
+            record: record,
+            fields: fields,
+            submittedData: submittedData,
+            batchValidationErrors: batchValidationErrors,
+        });
+        validationError = recordErrors[fieldName];
+    }
+    return { validationError: validationError };
+};
+export var useSpreadsheetField = function (name, record) {
+    var _a = useSpreadsheetContext(), data = _a.data, setData = _a.setData, onValidateRecord = _a.onValidateRecord;
+    var _b = useState(record[name]), value = _b[0], setValue = _b[1];
+    // used for debouncing validations
+    var timeoutIdRef = useRef(null);
+    // used for getting updated data in setTimeout
+    var isMountedRef = useRef(false);
+    var dataRef = useRef(null);
+    var recordRef = useRef(null);
+    // set latest data on refs
+    useEffect(function () {
+        dataRef.current = __spreadArray([], data, true);
+        recordRef.current = __assign({}, record);
+    }, [data, record]);
+    // debouncing
+    useEffect(function () {
+        if (!isMountedRef.current) {
+            isMountedRef.current = true;
+            return;
+        }
+        if (timeoutIdRef.current)
+            clearTimeout(timeoutIdRef.current);
+        timeoutIdRef.current = setTimeout(function () { return __awaiter(void 0, void 0, void 0, function () {
+            var newData, newRecord, rowIndex, _a, _b, _c;
+            var _d, _e;
+            return __generator(this, function (_f) {
+                switch (_f.label) {
+                    case 0:
+                        newData = __spreadArray([], dataRef.current, true);
+                        newRecord = __assign(__assign({}, recordRef.current), (_d = {}, _d[name] = value, _d));
+                        rowIndex = newData.findIndex(function (r) { return r._meta.id === record._meta.id; });
+                        _a = newData;
+                        _b = rowIndex;
+                        _c = getRenderedRecordWithErrors;
+                        _e = {
+                            record: newRecord
+                        };
+                        return [4 /*yield*/, onValidateRecord(newRecord)];
+                    case 1:
+                        _a[_b] = _c.apply(void 0, [(_e.validationErrors = _f.sent(),
+                                _e)]);
+                        setData(newData);
+                        return [2 /*return*/];
+                }
+            });
+        }); }, 300);
+    }, [value]);
+    return { value: value, setValue: setValue };
+};
+var ContentContainer = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n  ", ";\n  ", "\n  ", "\n"], ["\n  height: 100%;\n  width: 100%;\n  ", ";\n  ", "\n  ", "\n"])), function (p) { return p.theme.css.alignCenter; }, function (p) {
+    return p.hasError && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      color: ", ";\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 1px ", " inset;\n    "], ["\n      color: ", ";\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 1px ", " inset;\n    "])), function (p) { return p.theme.colors.error; }, function (p) { return p.theme.colors.red100; }, function (p) { return p.theme.colors.error; });
+}, function (p) {
+    return p.isReadOnly && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      pointer-events: none;\n    "], ["\n      pointer-events: none;\n    "])));
+});
+var Wrapper = styled(Div)(function (_a) {
+    var isLoading = _a.isLoading;
+    return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), isLoading && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      pointer-events: none;\n    "], ["\n      pointer-events: none;\n    "]))));
+});
+export var SpreadsheetField = function (_a) {
+    var name = _a.name, record = _a.record, children = _a.children;
+    var _b = useSpreadsheetContext(), isReadOnly = _b.isReadOnly, isLoading = _b.isLoading;
+    var validationError = useValidationError(name, record).validationError;
+    return (_jsx(Wrapper, __assign({ dim: "100%", isLoading: isLoading }, { children: _jsx(TooltipProvider, __assign({ tooltip: validationError }, { children: _jsx(Div, __assign({ dim: "100%" }, { children: _jsx(ContentContainer, __assign({ hasError: !!validationError, isReadOnly: isReadOnly }, { children: children }), void 0) }), void 0) }), void 0) }), void 0));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/Importer/common/Spreadsheet/common/fields/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,2BAA2B,EAAE,MAAM,IAAI,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,MAAM,6BAA6B,CAAC;AAElD,OAAO,EAAE,2BAA2B,EAAE,MAAM,8CAA8C,CAAC;AAC3F,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAEzE,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,SAAiB,EAAE,MAAc;IAC1D,IAAA,YAAY,GAAK,2BAA2B,EAAE,aAAlC,CAAmC;IACjD,IAAA,KAIF,qBAAqB,EAAE,EAHzB,MAAM,YAAA,EACN,aAAa,mBAAA,EACb,qBAAqB,2BACI,CAAC;IAE5B,IAAI,eAAe,GAAG,IAAI,CAAC;IAC3B,IAAI,CAAC,YAAY,EAAE;QACjB,IAAM,YAAY,GAAG,eAAe,CAAC;YACnC,MAAM,QAAA;YACN,MAAM,QAAA;YACN,aAAa,eAAA;YACb,qBAAqB,uBAAA;SACtB,CAAC,CAAC;QACH,eAAe,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;KAC3C;IAED,OAAO,EAAE,eAAe,iBAAA,EAAE,CAAC;AAC7B,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,IAAI,EAAE,MAAc;IAChD,IAAA,KAAsC,qBAAqB,EAAE,EAA3D,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,gBAAgB,sBAA4B,CAAC;IAC9D,IAAA,KAAoB,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAzC,KAAK,QAAA,EAAE,QAAQ,QAA0B,CAAC;IAEjD,kCAAkC;IAClC,IAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAElC,8CAA8C;IAC9C,IAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACnC,IAAM,OAAO,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IACvC,IAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE/B,0BAA0B;IAC1B,SAAS,CAAC;QACR,OAAO,CAAC,OAAO,qBAAO,IAAI,OAAC,CAAC;QAC5B,SAAS,CAAC,OAAO,gBAAQ,MAAM,CAAE,CAAC;IACpC,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAEnB,aAAa;IACb,SAAS,CAAC;QACR,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YACzB,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;YAC5B,OAAO;SACR;QAED,IAAI,YAAY,CAAC,OAAO;YAAE,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAC7D,YAAY,CAAC,OAAO,GAAG,UAAU,CAAC;;;;;;wBAC1B,OAAO,qBAAO,OAAO,CAAC,OAAO,OAAC,CAAC;wBAC/B,SAAS,yBACV,SAAS,CAAC,OAAO,gBACnB,IAAI,IAAG,KAAK,MACd,CAAC;wBAEI,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,MAAM,CAAC,KAAK,CAAC,EAAE,EAA9B,CAA8B,CAAC,CAAC;wBAC1E,KAAA,OAAO,CAAA;wBAAC,KAAA,QAAQ,CAAA;wBAAI,KAAA,2BAA2B,CAAA;;4BAC7C,MAAM,EAAE,SAAS;;wBACC,qBAAM,gBAAgB,CAAC,SAAS,CAAC,EAAA;;wBAFrD,MAAiB,GAAG,mBAElB,mBAAgB,GAAE,SAAiC;qCACnD,CAAC;wBAEH,OAAO,CAAC,OAAO,CAAC,CAAC;;;;aAClB,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,EAAE,KAAK,OAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;AAC7B,CAAC,CAAC;AAMF,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,iIAAuB,uCAGvD,EAA8B,OAC9B,EAOC,MACD,EAIC,IACJ,KAdG,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,EAAvB,CAAuB,EAC9B,UAAC,CAAC;IACF,OAAA,CAAC,CAAC,QAAQ,IACV,GAAG,oMAAA,iBACQ,EAA2B,uBACtB,EAA4B,oEAEZ,EAA2B,eAC1D,KAJU,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAApB,CAAoB,EACtB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAArB,CAAqB,EAEZ,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAApB,CAAoB,CAC1D;AAND,CAMC,EACD,UAAC,CAAC;IACF,OAAA,CAAC,CAAC,UAAU,IACZ,GAAG,wGAAA,qCAEF,IAAA;AAHD,CAGC,CACJ,CAAC;AAKF,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CACzB,UAAC,EAAa;QAAX,SAAS,eAAA;IAAO,OAAA,GAAG,mFAAA,QAClB,EAGD,MACF,KAJG,SAAS,IACX,GAAG,wGAAA,qCAEF,IAAA;AAJgB,CAKlB,CACF,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,EAA0B;QAAxB,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA;IACjD,IAAA,KAA4B,qBAAqB,EAAE,EAAjD,UAAU,gBAAA,EAAE,SAAS,eAA4B,CAAC;IAClD,IAAA,eAAe,GAAK,kBAAkB,CAAC,IAAI,EAAE,MAAM,CAAC,gBAArC,CAAsC;IAE7D,OAAO,CACL,KAAC,OAAO,aAAC,GAAG,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,gBACtC,KAAC,eAAe,aAAC,OAAO,EAAE,eAAe,gBACvC,KAAC,GAAG,aAAC,GAAG,EAAC,MAAM,gBACb,KAAC,gBAAgB,aACf,QAAQ,EAAE,CAAC,CAAC,eAAe,EAC3B,UAAU,EAAE,UAAU,gBAErB,QAAQ,YACQ,YACf,YACU,YACV,CACX,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,14 @@
+import { Field, Record, BatchValidationErrors } from "../../../../types";
+export declare const recordIsEmpty: (record: any, fields: any) => any;
+export declare const getRenderedRecordWithErrors: ({ record, validationErrors, }: {
+    record: any;
+    validationErrors: any;
+}) => Record;
+declare type GetRecordErrorsArgs = {
+    record: Record;
+    fields: Field[];
+    batchValidationErrors: BatchValidationErrors;
+    submittedData: Record[];
+};
+export declare const getRecordErrors: ({ record, fields, batchValidationErrors, submittedData, }: GetRecordErrorsArgs) => {};
+export {};

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

@@ -0,0 +1,60 @@
+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 { FieldTypes, } from "../../../../types";
+export var recordIsEmpty = function (record, fields) {
+    return fields.reduce(function (isEmptyRecord, f) { return isEmptyRecord && !record[f.name]; }, true);
+};
+export var getRenderedRecordWithErrors = function (_a) {
+    var record = _a.record, validationErrors = _a.validationErrors;
+    return (__assign(__assign({}, record), { _meta: __assign(__assign({}, (record._meta || {})), { localValidationErrors: validationErrors, wasSeen: true }) }));
+};
+export var getRecordErrors = function (_a) {
+    var record = _a.record, fields = _a.fields, batchValidationErrors = _a.batchValidationErrors, submittedData = _a.submittedData;
+    var submittedRecord = submittedData === null || submittedData === void 0 ? void 0 : submittedData.find(function (r) { return r._meta.id === record._meta.id; });
+    var isEmail = function (value) {
+        var emailRegex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/;
+        return Boolean(value.match(emailRegex));
+    };
+    var recordHasData = !recordIsEmpty(record, fields);
+    if (recordHasData) {
+        var recordIsRequiredErrors = fields.reduce(function (errors, field) {
+            var newErrors = __assign({}, errors);
+            if (field.isRequired && !record[field.name])
+                newErrors[field.name] = "".concat(field.label, " is required");
+            if (FieldTypes.email === field.type && !isEmail(record[field.name]))
+                newErrors[field.name] = "Must be an email";
+            return newErrors;
+        }, {});
+        var recordValidationErrors = (function () {
+            var _a;
+            if ((_a = record === null || record === void 0 ? void 0 : record._meta) === null || _a === void 0 ? void 0 : _a.wasSeen)
+                return record._meta.localValidationErrors;
+            return batchValidationErrors
+                ? batchValidationErrors[record._meta.id]
+                : {};
+        })();
+        var appValidationErrors = {};
+        if (record._meta.appValidationErrors) {
+            var appValidationErrorFields = Object.keys(record._meta.appValidationErrors);
+            appValidationErrors = appValidationErrorFields.reduce(function (errors, field) {
+                var newErrors = __assign({}, errors);
+                if (record[field] === submittedRecord[field])
+                    newErrors[field] = record._meta.appValidationErrors[field];
+                return newErrors;
+            }, {});
+        }
+        var recordErrors = __assign(__assign(__assign({}, recordValidationErrors), recordIsRequiredErrors), appValidationErrors);
+        return recordErrors;
+    }
+    return {};
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Importer/common/Spreadsheet/common/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAKL,UAAU,GACX,MAAM,mBAAmB,CAAC;AAE3B,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,MAAM,EAAE,MAAM;IAC1C,OAAA,MAAM,CAAC,MAAM,CAAC,UAAC,aAAa,EAAE,CAAC,IAAK,OAAA,aAAa,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,EAAhC,CAAgC,EAAE,IAAI,CAAC;AAA3E,CAA2E,CAAC;AAE9E,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAC,EAG3C;QAFC,MAAM,YAAA,EACN,gBAAgB,sBAAA;IACJ,OAAA,uBACT,MAAM,KACT,KAAK,wBACA,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,KACvB,qBAAqB,EAAE,gBAAgB,EACvC,OAAO,EAAE,IAAI,OAEf;AAPY,CAOZ,CAAC;AAQH,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,EAKV;QAJpB,MAAM,YAAA,EACN,MAAM,YAAA,EACN,qBAAqB,2BAAA,EACrB,aAAa,mBAAA;IAEb,IAAM,eAAe,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CACzC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,MAAM,CAAC,KAAK,CAAC,EAAE,EAA9B,CAA8B,CACtC,CAAC;IACF,IAAM,OAAO,GAAG,UAAC,KAAK;QACpB,IAAM,UAAU,GAAG,kCAAkC,CAAC;QACtD,OAAO,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrD,IAAI,aAAa,EAAE;QACjB,IAAM,sBAAsB,GAAqB,MAAM,CAAC,MAAM,CAC5D,UAAC,MAAM,EAAE,KAAK;YACZ,IAAM,SAAS,gBAAQ,MAAM,CAAE,CAAC;YAChC,IAAI,KAAK,CAAC,UAAU,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;gBACzC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,UAAG,KAAK,CAAC,KAAK,iBAAc,CAAC;YACvD,IAAI,UAAU,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBACjE,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,kBAAkB,CAAC;YAC7C,OAAO,SAAS,CAAC;QACnB,CAAC,EACD,EAAE,CACH,CAAC;QAEF,IAAM,sBAAsB,GAAG,CAAC;;YAC9B,IAAI,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,OAAO;gBAAE,OAAO,MAAM,CAAC,KAAK,CAAC,qBAAqB,CAAC;YACtE,OAAO,qBAAqB;gBAC1B,CAAC,CAAC,qBAAqB,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;gBACxC,CAAC,CAAC,EAAE,CAAC;QACT,CAAC,CAAC,EAAE,CAAC;QAEL,IAAI,mBAAmB,GAAG,EAAE,CAAC;QAC7B,IAAI,MAAM,CAAC,KAAK,CAAC,mBAAmB,EAAE;YACpC,IAAM,wBAAwB,GAAG,MAAM,CAAC,IAAI,CAC1C,MAAM,CAAC,KAAK,CAAC,mBAAmB,CACjC,CAAC;YACF,mBAAmB,GAAG,wBAAwB,CAAC,MAAM,CAAC,UAAC,MAAM,EAAE,KAAK;gBAClE,IAAM,SAAS,gBAAQ,MAAM,CAAE,CAAC;gBAChC,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,eAAe,CAAC,KAAK,CAAC;oBAC1C,SAAS,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;gBAC7D,OAAO,SAAS,CAAC;YACnB,CAAC,EAAE,EAAE,CAAC,CAAC;SACR;QAED,IAAM,YAAY,kCACb,sBAAsB,GACtB,sBAAsB,GACtB,mBAAmB,CACvB,CAAC;QACF,OAAO,YAAY,CAAC;KACrB;IACD,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC"}

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

@@ -0,0 +1,18 @@
+import React from "react";
+import { AppResponse } from "../../..";
+import { Field, OnValidateBatch, OnValidateRecord, Record } from "../../../types";
+export declare type SpreadsheetProps = {
+    initialData: any[];
+    rowWidth?: number;
+    appResponse?: AppResponse;
+    isReadOnly?: boolean;
+    validationBatchSize?: number;
+    onValidateRecord?: OnValidateRecord;
+    onValidateBatch?: OnValidateBatch;
+    fields?: Field[];
+    submittedData?: Record[];
+    highlightFirstRow?: boolean;
+    setReviewedData?: React.Dispatch<React.SetStateAction<Record[]>>;
+};
+declare const Spreadsheet: ({ isReadOnly, initialData, rowWidth, fields, appResponse, validationBatchSize, onValidateRecord, submittedData, setReviewedData, onValidateBatch, highlightFirstRow, }: SpreadsheetProps) => JSX.Element;
+export { Spreadsheet };

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

@@ -0,0 +1,176 @@
+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);
+};
+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 };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
+import styled, { css } from "styled-components";
+import { TableView as TableViewBase, TableViewCellContainer, TableViewHeader, TableViewRow, } from "../../../common/Table/TableView";
+import { colors } from "../../../styled/theme/colorPalette";
+import { Div } from "../../../styled/utils";
+import { FieldTypes, } from "../../../types";
+import { useSpreadsheetReviewContext } from "../../SpreadsheetReviewContextProvider";
+import { getUnsubmittedData } from "../utils";
+import { SpreadsheetAutocomplete } from "./common/fields/SpeadsheetAutocomplete";
+import { SpreadsheetTextInput } from "./common/fields/SpreadsheetTextInput";
+import { SpreadsheetContextProvider, useSpreadsheetContext, } from "./SpreadsheetContextProvider";
+import { SpreadsheetRowNumbers } from "./SpreadsheetRowNumbers";
+var SPREADSHEET_HEIGHT = 550;
+var SpreadSheetWrapper = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: solid 1px ", ";\n  border-radius: 8px;\n  overflow: hidden;\n"], ["\n  border: solid 1px ", ";\n  border-radius: 8px;\n  overflow: hidden;\n"])), function (p) { return p.theme.colors.gray200; });
+var TableView = styled(TableViewBase)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  border: none;\n  border-top-left-radius: 0;\n  overflow: hidden;\n  ", " {\n    border-bottom: none;\n    height: 40px;\n  }\n  ", " {\n    padding: 0;\n    box-shadow: inset 0 -1px 0 ", ";\n    border-right: 1px solid ", ";\n  }\n  ", " {\n    height: 55px;\n    border-bottom: none;\n  }\n"], ["\n  width: 100%;\n  border: none;\n  border-top-left-radius: 0;\n  overflow: hidden;\n  ", " {\n    border-bottom: none;\n    height: 40px;\n  }\n  ", " {\n    padding: 0;\n    box-shadow: inset 0 -1px 0 ", ";\n    border-right: 1px solid ", ";\n  }\n  ", " {\n    height: 55px;\n    border-bottom: none;\n  }\n"])), TableViewRow, TableViewCellContainer, function (p) { return p.theme.colors.gray200; }, function (p) { return p.theme.colors.gray200; }, TableViewHeader);
+var ErrorCount = styled(Div)(function (_a) {
+    var _b = _a.theme, colors = _b.colors, c = _b.css;
+    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    color: ", ";\n    background: ", ";\n    border: solid 1px ", ";\n    padding: 3px 7px;\n    border-radius: 56px;\n    min-width: 22px;\n    ", ";\n  "], ["\n    color: ", ";\n    background: ", ";\n    border: solid 1px ", ";\n    padding: 3px 7px;\n    border-radius: 56px;\n    min-width: 22px;\n    ", ";\n  "])), colors.error, colors.red100, colors.error, c.centered);
+});
+var Spreadsheet = function (_a) {
+    var isReadOnly = _a.isReadOnly, initialData = _a.initialData, rowWidth = _a.rowWidth, fields = _a.fields, appResponse = _a.appResponse, validationBatchSize = _a.validationBatchSize, _b = _a.onValidateRecord, onValidateRecord = _b === void 0 ? null : _b, submittedData = _a.submittedData, setReviewedData = _a.setReviewedData, _c = _a.onValidateBatch, onValidateBatch = _c === void 0 ? null : _c, _d = _a.highlightFirstRow, highlightFirstRow = _d === void 0 ? false : _d;
+    return (_jsx(SpreadsheetContextProvider, __assign({}, {
+        appResponse: appResponse,
+        submittedData: submittedData,
+        setReviewedData: setReviewedData,
+        rowWidth: rowWidth,
+        isReadOnly: isReadOnly,
+        fields: fields,
+        initialData: initialData,
+        onValidateRecord: onValidateRecord,
+        onValidateBatch: onValidateBatch,
+        highlightFirstRow: highlightFirstRow,
+        validationBatchSize: validationBatchSize || initialData.length,
+    }, { children: _jsx(SpreadSheetWithContext, {}, void 0) }), void 0));
+};
+var SpreadSheetWithContext = function () {
+    var _a = useSpreadsheetContext(), isReadOnly = _a.isReadOnly, totalErrors = _a.totalErrors, batchValidationPercentage = _a.batchValidationPercentage;
+    var batchValidationProgressUI = (_jsxs(Div, __assign({ body2: true, dflex: true, mb: 11 }, { children: ["Calculating Data...", _jsxs(Div, __assign({ bold: true, ml: 5 }, { children: [batchValidationPercentage, "%"] }), void 0), _jsxs(Div, __assign({ bold: true, c: colors.error, ml: 5 }, { children: ["(", totalErrors, " errors)"] }), void 0)] }), void 0));
+    return (_jsxs(_Fragment, { children: [_jsx(Div, __assign({ h: 32 }, { children: !isReadOnly &&
+                    batchValidationPercentage < 100 &&
+                    batchValidationProgressUI }), void 0), _jsx(SpreadsheetData, {}, void 0)] }, void 0));
+};
+var SpreadsheetData = function () {
+    var _a = useSpreadsheetReviewContext(), appResponse = _a.appResponse, isSubmitting = _a.isSubmitting;
+    var _b = useSpreadsheetContext(), fields = _b.fields, data = _b.data, isLoading = _b.isLoading, isReadOnly = _b.isReadOnly, rowWidth = _b.rowWidth, sortByFieldErrors = _b.sortByFieldErrors, setSortByFieldErrors = _b.setSortByFieldErrors, validateRenderedRecords = _b.validateRenderedRecords, setIsLoading = _b.setIsLoading;
+    var validationTimeoutRef = useRef(null);
+    var _c = useState(0), scrollTop = _c[0], setScrollTop = _c[1];
+    var _d = useState(true), isSortingTableData = _d[0], setIsSortingTableData = _d[1];
+    useEffect(function () {
+        setIsSortingTableData(true);
+        setTimeout(function () {
+            setIsSortingTableData(false);
+            setSortByFieldErrors(null);
+        }, 10);
+    }, [sortByFieldErrors]);
+    var onSectionRendered = function (_a) {
+        var data = _a.data;
+        return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_b) {
+                if (isSortingTableData)
+                    return [2 /*return*/];
+                if (!isReadOnly)
+                    setIsLoading(true);
+                if (validationTimeoutRef.current)
+                    clearTimeout(validationTimeoutRef.current);
+                validationTimeoutRef.current = setTimeout(function () {
+                    validateRenderedRecords(data);
+                }, 200);
+                return [2 /*return*/];
+            });
+        });
+    };
+    var columns = useMemo(function () {
+        return fields.map(function (f) { return ({
+            Header: function () {
+                var columnErrorCounts = useSpreadsheetContext().columnErrorCounts;
+                var fieldErrorCount = columnErrorCounts[f.name];
+                return (_jsxs(Div, __assign({ p: "0px 16px", spaceBetween: true, w100: true, alignCenter: true }, { children: [_jsxs(Div, { children: [f.label, f.isRequired && "*"] }, void 0), fieldErrorCount && (_jsx(ErrorCount, __assign({ onClick: function () { return setSortByFieldErrors(f.name); } }, { children: fieldErrorCount }), void 0))] }), void 0));
+            },
+            Content: function (record) {
+                var getInputType = function () {
+                    switch (f.type) {
+                        case FieldTypes.integer:
+                        case FieldTypes.float:
+                            return "number";
+                        case FieldTypes.email:
+                            return "email";
+                        default:
+                            return "text";
+                    }
+                };
+                var booleanOptions = [
+                    { label: "True", value: "true" },
+                    { label: "False", value: "false" },
+                ];
+                var props = {
+                    name: f.name,
+                    type: getInputType(),
+                    record: (function () {
+                        var res = __assign({}, record);
+                        delete res.rowIndex;
+                        return res;
+                    })(),
+                };
+                switch (f.type) {
+                    case FieldTypes.boolean:
+                        return (_jsx(SpreadsheetAutocomplete, __assign({}, props, { options: booleanOptions }), void 0));
+                    case FieldTypes.enum:
+                        return (_jsx(SpreadsheetAutocomplete, __assign({}, props, { options: f === null || f === void 0 ? void 0 : f.options.map(function (o) { return ({ label: o, value: o }); }) }), void 0));
+                    case FieldTypes.string:
+                    case FieldTypes.float:
+                    case FieldTypes.integer:
+                    case FieldTypes.email:
+                        return _jsx(SpreadsheetTextInput, __assign({}, props), void 0);
+                }
+            },
+        }); });
+    }, [fields]);
+    var unsubmittedData = getUnsubmittedData(data, appResponse);
+    return (_jsx(Div, __assign({ h: SPREADSHEET_HEIGHT, w100: true }, { children: !isSortingTableData && !isSubmitting && (_jsxs(SpreadSheetWrapper, __assign({ dflex: true }, { children: [_jsx(SpreadsheetRowNumbers, { scrollTop: scrollTop, h: SPREADSHEET_HEIGHT }, void 0), _jsx(TableView, { highlightFirstRow: isReadOnly, rowHeight: 40, onSectionRendered: onSectionRendered, onTableScroll: function (_scrollTop) { return setScrollTop(_scrollTop); }, h: SPREADSHEET_HEIGHT, rowWidth: rowWidth, data: unsubmittedData, columns: columns, isLoading: isLoading }, void 0)] }), void 0)) }), void 0));
+};
+export { Spreadsheet };
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Importer/common/Spreadsheet/index.tsx"],"names":[],"mappings":"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"}

package/lib/esm/Importer/common/icons/index.d.ts

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

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

@@ -0,0 +1,16 @@
+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 fileExtensionIcon = (_jsxs("svg", __assign({ width: "36", height: "44", viewBox: "0 0 36 44", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M33 43.0001H3C1.89543 43.0001 1 42.1046 1 41.0001V3.00006C1 1.89549 1.89543 1.00006 3 1.00006H16.655C19.0148 1.00006 21.2542 2.04193 22.7743 3.84697L33.1193 16.1317C34.3339 17.5741 35 19.3991 35 21.2848V41.0001C35 42.1046 34.1046 43.0001 33 43.0001Z", fill: "#C2CEEC", stroke: "#333333", strokeWidth: "2" }, void 0), _jsx("path", { d: "M33 43.0004H3C1.89543 43.0004 1 42.105 1 41.0004V3.0004C1 1.89583 1.89543 1.0004 3 1.0004H16.8421C18.499 1.0004 19.8421 2.34354 19.8421 4.0004V14.5004C19.8421 15.8811 20.9614 17.0004 22.3421 17.0004H32C33.6569 17.0004 35 18.3435 35 20.0004V41.0004C35 42.105 34.1046 43.0004 33 43.0004Z", fill: "white", stroke: "#333333", strokeWidth: "2" }, void 0)] }), void 0));
+export var closeIconWithCircle = (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("circle", { cx: "12", cy: "12", r: "11", stroke: "#989898", strokeWidth: "2" }, void 0), _jsx("path", { d: "M9 9L15 15", stroke: "#989898", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), _jsx("path", { d: "M9 15L15 9", stroke: "#989898", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0));
+export var errorIcon = (_jsxs("svg", __assign({ width: "76", height: "64", viewBox: "0 0 76 64", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M38 3.95611L72.0101 62H3.98992L38 3.95611Z", stroke: "black", strokeWidth: "4" }, void 0), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M40.5 26.5C40.5 25.1193 39.3807 24 38 24C36.6193 24 35.5 25.1193 35.5 26.5V39.8333C35.5 41.214 36.6193 42.3333 38 42.3333C39.3807 42.3333 40.5 41.214 40.5 39.8333V26.5ZM40.5 50.5C40.5 49.1193 39.3807 48 38 48C36.6193 48 35.5 49.1193 35.5 50.5V51.8333C35.5 53.214 36.6193 54.3333 38 54.3333C39.3807 54.3333 40.5 53.214 40.5 51.8333V50.5Z", fill: "black" }, void 0)] }), void 0));
+//# sourceMappingURL=index.js.map

package/lib/esm/Importer/common/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Importer/common/icons/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,MAAM,CAAC,IAAM,iBAAiB,GAAG,CAC/B,wBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBAElC,eACE,CAAC,EAAC,2PAA2P,EAC7P,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,WACf,EACF,eACE,CAAC,EAAC,+RAA+R,EACjS,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,WACf,aACE,CACP,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAG,CACjC,wBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBAElC,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,GAAG,WAAG,EAClE,eACE,CAAC,EAAC,YAAY,EACd,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,WACtB,EACF,eACE,CAAC,EAAC,YAAY,EACd,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,WACtB,aACE,CACP,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,CACvB,wBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBAElC,eACE,CAAC,EAAC,4CAA4C,EAC9C,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,GAAG,WACf,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kVAAkV,EACpV,IAAI,EAAC,OAAO,WACZ,aACE,CACP,CAAC"}

package/lib/esm/Importer/common/utils.d.ts

@@ -0,0 +1,10 @@
+import { AppResponse, Record } from "../../types";
+import { TemplateHeader } from "../ImporterContextProvider";
+export declare const getSpreadsheetRowWidth: (fields: any, visibleRowsOnTableViewport: any) => number;
+export declare const getUnsubmittedData: (data: Record[], appResponse: AppResponse) => Record[];
+declare type IsEnumFieldArgs = {
+    templateLabel: string;
+    templateHeaders: TemplateHeader[];
+};
+export declare const isEnumField: ({ templateLabel, templateHeaders, }: IsEnumFieldArgs) => boolean;
+export {};

package/lib/esm/Importer/common/utils.js

@@ -0,0 +1,18 @@
+import { FieldTypes } from "../../types";
+export var getSpreadsheetRowWidth = function (fields, visibleRowsOnTableViewport) {
+    var res = fields.length / visibleRowsOnTableViewport;
+    return res > 1 ? res : 1;
+};
+export var getUnsubmittedData = function (data, appResponse) {
+    var unsubmittedData = data;
+    if (appResponse === null || appResponse === void 0 ? void 0 : appResponse.validationErrors)
+        unsubmittedData = data.filter(function (r) { return !!r._meta.appValidationErrors; });
+    return unsubmittedData;
+};
+export var isEnumField = function (_a) {
+    var _b;
+    var templateLabel = _a.templateLabel, templateHeaders = _a.templateHeaders;
+    return ((_b = templateHeaders.find(function (th) { return th.label === templateLabel; })) === null || _b === void 0 ? void 0 : _b.column_type) ===
+        FieldTypes.enum;
+};
+//# sourceMappingURL=utils.js.map

package/lib/esm/Importer/common/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/Importer/common/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,UAAU,EAAU,MAAM,aAAa,CAAC;AAG9D,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,MAAM,EAAE,0BAA0B;IACvE,IAAM,GAAG,GAAG,MAAM,CAAC,MAAM,GAAG,0BAA0B,CAAC;IACvD,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AAC3B,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAChC,IAAc,EACd,WAAwB;IAExB,IAAI,eAAe,GAAG,IAAI,CAAC;IAC3B,IAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,gBAAgB;QAC/B,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,mBAAmB,EAA7B,CAA6B,CAAC,CAAC;IACtE,OAAO,eAAe,CAAC;AACzB,CAAC,CAAC;AAKF,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAGV;;QAFhB,aAAa,mBAAA,EACb,eAAe,qBAAA;IAEf,OAAA,CAAA,MAAA,eAAe,CAAC,IAAI,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,CAAC,KAAK,KAAK,aAAa,EAA1B,CAA0B,CAAC,0CAAE,WAAW;QACrE,UAAU,CAAC,IAAI,CAAA;CAAA,CAAC"}

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { EnvironmentType, OnSubmit, OnValidateBatch, OnValidateRecord } from "../types";
+declare type Props = {
+    templateId: string;
+    apiToken: string;
+    environment?: EnvironmentType;
+    onValidateRecord?: OnValidateRecord;
+    onValidateBatch?: OnValidateBatch;
+    onSubmit?: OnSubmit;
+};
+declare const Importer: ({ environment, templateId, apiToken, onSubmit, onValidateRecord, onValidateBatch, }: Props) => JSX.Element;
+export { Importer };
+export * from "./common/Spreadsheet";
+export * from "./common/utils";
+export * from "./SpreadsheetReviewContextProvider";

package/lib/esm/Importer/index.js

@@ -0,0 +1,54 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { Uploader } from "./Uploader";
+import { Stepper } from "./Stepper";
+import { Matcher } from "./Matcher";
+import { ImporterContextProvider, useImporterContext, } from "./ImporterContextProvider";
+import { theme } from "../styled/theme";
+import { ThemeProvider } from "styled-components";
+import Review from "./Review";
+import { Footer } from "./Footer";
+import { SpreadsheetReviewContextProvider } from "./SpreadsheetReviewContextProvider";
+var steps = [
+    {
+        label: "Upload",
+        component: _jsx(Uploader, {}, void 0),
+    },
+    {
+        label: "Match",
+        component: _jsx(Matcher, {}, void 0),
+    },
+    {
+        label: "Review",
+        component: _jsx(Review, {}, void 0),
+    },
+];
+var Importer = function (_a) {
+    var _b = _a.environment, environment = _b === void 0 ? "local" : _b, templateId = _a.templateId, apiToken = _a.apiToken, onSubmit = _a.onSubmit, onValidateRecord = _a.onValidateRecord, onValidateBatch = _a.onValidateBatch;
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(ImporterContextProvider, __assign({}, {
+            environment: environment,
+            templateId: templateId,
+            apiToken: apiToken,
+            onValidateRecord: onValidateRecord,
+            onValidateBatch: onValidateBatch,
+        }, { children: _jsx(SpreadsheetReviewContextProvider, __assign({ onSubmit: onSubmit }, { children: _jsx(ImporterWithContext, {}, void 0) }), void 0) }), void 0) }), void 0));
+};
+var ImporterWithContext = function () {
+    var currentStepIndex = useImporterContext().currentStepIndex;
+    return (_jsxs(_Fragment, { children: [_jsx(Stepper, { stepLabels: steps.map(function (step) { return step.label; }) }, void 0), steps[currentStepIndex].component, _jsx(Footer, {}, void 0)] }, void 0));
+};
+export { Importer };
+export * from "./common/Spreadsheet";
+export * from "./common/utils";
+export * from "./SpreadsheetReviewContextProvider";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Importer/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EACL,uBAAuB,EACvB,kBAAkB,GACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAOlD,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AAEtF,IAAM,KAAK,GAAG;IACZ;QACE,KAAK,EAAE,QAAQ;QACf,SAAS,EAAE,KAAC,QAAQ,aAAG;KACxB;IACD;QACE,KAAK,EAAE,OAAO;QACd,SAAS,EAAE,KAAC,OAAO,aAAG;KACvB;IACD;QACE,KAAK,EAAE,QAAQ;QACf,SAAS,EAAE,KAAC,MAAM,aAAG;KACtB;CACF,CAAC;AAUF,IAAM,QAAQ,GAAG,UAAC,EAOV;QANN,mBAAqB,EAArB,WAAW,mBAAG,OAAO,KAAA,EACrB,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,gBAAgB,sBAAA,EAChB,eAAe,qBAAA;IAEf,OAAO,CACL,KAAC,aAAa,aAAC,KAAK,EAAE,KAAK,gBACzB,KAAC,uBAAuB,eAClB;YACF,WAAW,aAAA;YACX,UAAU,YAAA;YACV,QAAQ,UAAA;YACR,gBAAgB,kBAAA;YAChB,eAAe,iBAAA;SAChB,cAED,KAAC,gCAAgC,aAAC,QAAQ,EAAE,QAAQ,gBAClD,KAAC,mBAAmB,aAAG,YACU,YACX,YACZ,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,mBAAmB,GAAG;IAClB,IAAA,gBAAgB,GAAK,kBAAkB,EAAE,iBAAzB,CAA0B;IAClD,OAAO,CACL,8BACE,KAAC,OAAO,IAAC,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,KAAK,EAAV,CAAU,CAAC,WAAI,EACvD,KAAK,CAAC,gBAAgB,CAAC,CAAC,SAAS,EAClC,KAAC,MAAM,aAAG,YACT,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oCAAoC,CAAC"}

package/lib/esm/api/index.d.ts

@@ -0,0 +1,15 @@
+import { IStringifyOptions } from "qs";
+declare type SuccessCallback = (data: any) => string;
+declare module "axios" {
+    interface AxiosRequestConfig {
+        cache?: boolean;
+        ttl?: number;
+        arrayFormat?: IStringifyOptions["arrayFormat"];
+        toPublicApi?: boolean;
+        withReq?: boolean;
+        successMsg?: string | SuccessCallback;
+        errorMsg?: string;
+    }
+}
+declare const api: import("axios").AxiosInstance;
+export { api };