fuse-importer 0.7.0

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

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

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

@@ -0,0 +1,15 @@
+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 } from "react/jsx-runtime";
+export var greenCheckIcon = (_jsx("svg", __assign({ width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 17.25C13.5563 17.25 17.25 13.5563 17.25 9C17.25 4.44365 13.5563 0.75 9 0.75C4.44365 0.75 0.75 4.44365 0.75 9C0.75 13.5563 4.44365 17.25 9 17.25ZM7.28033 8.43195C6.98744 8.13906 6.51256 8.13906 6.21967 8.43195C5.92678 8.72484 5.92678 9.19972 6.21967 9.49261L7.81066 11.0836L8.34099 11.6139L8.87132 11.0836L12.0533 7.90162C12.3462 7.60873 12.3462 7.13385 12.0533 6.84096C11.7604 6.54807 11.2855 6.54807 10.9926 6.84096L8.34099 9.49261L7.28033 8.43195Z", fill: "#25AA3E" }, void 0) }), void 0));
+export var warningIcon = (_jsx("svg", __assign({ width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 17.25C13.5563 17.25 17.25 13.5563 17.25 9C17.25 4.44365 13.5563 0.75 9 0.75C4.44365 0.75 0.75 4.44365 0.75 9C0.75 13.5563 4.44365 17.25 9 17.25ZM9 4.5C9.41421 4.5 9.75 4.83579 9.75 5.25V9C9.75 9.41421 9.41421 9.75 9 9.75C8.58579 9.75 8.25 9.41421 8.25 9V5.25C8.25 4.83579 8.58579 4.5 9 4.5ZM9 11.25C9.41421 11.25 9.75 11.5858 9.75 12V12.375C9.75 12.7892 9.41421 13.125 9 13.125C8.58579 13.125 8.25 12.7892 8.25 12.375V12C8.25 11.5858 8.58579 11.25 9 11.25Z", fill: "#EF9F09" }, void 0) }), void 0));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Importer/Matcher/common/icons/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,MAAM,CAAC,IAAM,cAAc,GAAG,CAC5B,uBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,gBAElC,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,scAAsc,EACxc,IAAI,EAAC,SAAS,WACd,YACE,CACP,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,CACzB,uBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,gBAElC,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,6cAA6c,EAC/c,IAAI,EAAC,SAAS,WACd,YACE,CACP,CAAC"}

package/lib/esm/Importer/Matcher/common/types.d.ts

@@ -0,0 +1,7 @@
+export declare enum MatcherStatus {
+    matched = "Matched",
+    unmatched = "Unmatched"
+}
+export declare enum ColumnType {
+    enum = "enum"
+}

package/lib/esm/Importer/Matcher/common/types.js

@@ -0,0 +1,10 @@
+export var MatcherStatus;
+(function (MatcherStatus) {
+    MatcherStatus["matched"] = "Matched";
+    MatcherStatus["unmatched"] = "Unmatched";
+})(MatcherStatus || (MatcherStatus = {}));
+export var ColumnType;
+(function (ColumnType) {
+    ColumnType["enum"] = "enum";
+})(ColumnType || (ColumnType = {}));
+//# sourceMappingURL=types.js.map

package/lib/esm/Importer/Matcher/common/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Importer/Matcher/common/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,oCAAmB,CAAA;IACnB,wCAAuB,CAAA;AACzB,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB;AAED,MAAM,CAAN,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,2BAAa,CAAA;AACf,CAAC,EAFW,UAAU,KAAV,UAAU,QAErB"}

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

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

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

@@ -0,0 +1,37 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import styled, { css } from "styled-components";
+import { FieldTypes } from "../..";
+import { Div } from "../../styled/utils";
+import { useImporterContext } from "../ImporterContextProvider";
+import { HeaderMatcher } from "./HeaderMatcher";
+import { EnumFieldsMatchers } from "./EnumFieldsMatchers";
+var Dot = styled(Div)(function (_a) {
+    var colors = _a.theme.colors, isSelected = _a.isSelected;
+    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    height: 8px;\n    width: 8px;\n    border-radius: 100%;\n    background: ", ";\n    ", "\n  "], ["\n    height: 8px;\n    width: 8px;\n    border-radius: 100%;\n    background: ", ";\n    ", "\n  "])), colors.outlineInputs, isSelected && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      height: 12px;\n      width: 12px;\n      background: ", ";\n    "], ["\n      height: 12px;\n      width: 12px;\n      background: ", ";\n    "])), colors.highlight01));
+});
+var Matcher = function () {
+    var _a = useImporterContext(), matcherSubstep = _a.matcherSubstep, templateHeaders = _a.templateHeaders;
+    var enumFieldsCount = templateHeaders.filter(function (th) { return th.column_type === FieldTypes.enum; }).length;
+    var dots = [];
+    for (var step = 0; step < 2; step++)
+        dots.push(_jsx(Dot, { isSelected: matcherSubstep === step }, step));
+    return (_jsxs(_Fragment, { children: [_jsx(Div, __assign({ centered: true }, { children: _jsx(Div, __assign({ w: 30, mt: 40, mb: 16, alignCenter: true, spaceBetween: true }, { children: enumFieldsCount > 0 && dots }), void 0) }), void 0), matcherSubstep === 0 && _jsx(HeaderMatcher, {}, void 0), matcherSubstep === 1 && _jsx(EnumFieldsMatchers, {}, void 0)] }, void 0));
+};
+export { Matcher };
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Importer/Matcher/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAK1D,IAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,CACrB,UAAC,EAAiC;QAAtB,MAAM,kBAAA,EAAI,UAAU,gBAAA;IAAO,OAAA,GAAG,uKAAA,iFAI1B,EAAoB,SAChC,EAKD,MACF,KAPe,MAAM,CAAC,aAAa,EAChC,UAAU,IACZ,GAAG,6IAAA,+DAGa,EAAkB,SACjC,KADe,MAAM,CAAC,WAAW,CACjC;AAVoC,CAWtC,CACF,CAAC;AAEF,IAAM,OAAO,GAAG;IACR,IAAA,KAAsC,kBAAkB,EAAE,EAAxD,cAAc,oBAAA,EAAE,eAAe,qBAAyB,CAAC;IAEjE,IAAM,eAAe,GAAG,eAAe,CAAC,MAAM,CAC5C,UAAC,EAAE,IAAK,OAAA,EAAE,CAAC,WAAW,KAAK,UAAU,CAAC,IAAI,EAAlC,CAAkC,CAC3C,CAAC,MAAM,CAAC;IAET,IAAM,IAAI,GAAG,EAAE,CAAC;IAChB,KAAK,IAAI,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE;QACjC,IAAI,CAAC,IAAI,CAAC,KAAC,GAAG,IAAY,UAAU,EAAE,cAAc,KAAK,IAAI,IAAzC,IAAI,CAAyC,CAAC,CAAC;IAErE,OAAO,CACL,8BACE,KAAC,GAAG,aAAC,QAAQ,sBACX,KAAC,GAAG,aAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,WAAW,QAAC,YAAY,sBACjD,eAAe,GAAG,CAAC,IAAI,IAAI,YACxB,YACF,EACL,cAAc,KAAK,CAAC,IAAI,KAAC,aAAa,aAAG,EACzC,cAAc,KAAK,CAAC,IAAI,KAAC,kBAAkB,aAAG,YAC9C,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

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

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

package/lib/esm/Importer/Review.js

@@ -0,0 +1,99 @@
+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 { useEffect, useMemo, useState } from "react";
+import { Modal, Button } from "..";
+import { Div } from "../styled/utils";
+import { FieldTypes } from "../types";
+import { Spreadsheet } from "./common/Spreadsheet";
+import { getSpreadsheetRowWidth, isEnumField } from "./common/utils";
+import { useImporterContext, } from "./ImporterContextProvider";
+import { useSpreadsheetReviewContext } from "./SpreadsheetReviewContextProvider";
+var useInitialData = function (_a) {
+    var uploadedData = _a.uploadedData, templateHeaderMatchings = _a.templateHeaderMatchings, enumFieldValueMatchings = _a.enumFieldValueMatchings, uploadedDataHeaders = _a.uploadedDataHeaders, templateHeaders = _a.templateHeaders;
+    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)];
+                if (isEnumField({ templateLabel: templateLabel, templateHeaders: templateHeaders })) {
+                    var templateOption = enumFieldValueMatchings[templateLabel][value];
+                    record[key] = templateOption || value;
+                }
+                else {
+                    record[key] = value;
+                }
+            });
+            return record;
+        };
+        // ignore first row in uploadedData (associated to headers)
+        return uploadedData.slice(1).map(function (row) { return getRecord(row); });
+    }, [
+        uploadedData,
+        uploadedDataHeaders,
+        templateHeaderMatchings,
+        enumFieldValueMatchings,
+    ]);
+};
+var AppResponseModal = function () {
+    var _a = useState(false), isAppResponseModalOpen = _a[0], setIsAppResponseModalOpen = _a[1];
+    var appResponse = useSpreadsheetReviewContext().appResponse;
+    useEffect(function () {
+        if ((appResponse === null || appResponse === void 0 ? void 0 : appResponse.successMessage) || (appResponse === null || appResponse === void 0 ? void 0 : appResponse.errorMessage))
+            setIsAppResponseModalOpen(true);
+    }, [appResponse]);
+    return (_jsx(Modal, __assign({ isOpen: isAppResponseModalOpen, onClose: function () { return setIsAppResponseModalOpen(false); } }, { children: _jsxs(Div, __assign({ centered: true, flexColumn: true, p: 40 }, { children: [_jsx(Div, __assign({ h4: true, w: 300, textAlignCenter: true, mt: 20 }, { children: (appResponse === null || appResponse === void 0 ? void 0 : appResponse.errorMessage) || (appResponse === null || appResponse === void 0 ? void 0 : appResponse.successMessage) }), void 0), _jsx(Div, __assign({ dflex: true, mt: 40, w100: true, centered: true }, { children: _jsx(Button, __assign({ w: 100, ml: 10, onClick: function () {
+                            setIsAppResponseModalOpen(false);
+                        } }, { children: "OK" }), void 0) }), void 0)] }), void 0) }), void 0));
+};
+var Review = function () {
+    var _a = useImporterContext(), templateHeaderMatchings = _a.templateHeaderMatchings, enumFieldValueMatchings = _a.enumFieldValueMatchings, templateHeaders = _a.templateHeaders, uploadedDataHeaders = _a.uploadedDataHeaders, uploadedData = _a.uploadedData, onValidateRecord = _a.onValidateRecord, onValidateBatch = _a.onValidateBatch;
+    var _b = useSpreadsheetReviewContext(), submittedData = _b.submittedData, appResponse = _b.appResponse, setReviewedData = _b.setReviewedData;
+    var initialData = useInitialData({
+        uploadedData: uploadedData,
+        uploadedDataHeaders: uploadedDataHeaders,
+        templateHeaderMatchings: templateHeaderMatchings,
+        enumFieldValueMatchings: enumFieldValueMatchings,
+        templateHeaders: templateHeaders,
+    });
+    var fields = 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,
+    }); });
+    var spreadsheetUI = useMemo(function () { return (_jsx(Spreadsheet, __assign({ rowWidth: getSpreadsheetRowWidth(fields, 6) }, {
+        submittedData: submittedData,
+        appResponse: appResponse,
+        setReviewedData: setReviewedData,
+        initialData: initialData,
+        fields: fields,
+        onValidateBatch: onValidateBatch,
+        onValidateRecord: onValidateRecord,
+    }), void 0)); }, [appResponse, submittedData]);
+    return (_jsxs(Div, __assign({ centered: true, flexColumn: true }, { children: [_jsx(AppResponseModal, {}, void 0), _jsx(Div, __assign({ h3: true, mt: 40 }, { children: (appResponse === null || appResponse === void 0 ? void 0 : appResponse.errorMessage)
+                    ? appResponse === null || appResponse === void 0 ? void 0 : appResponse.errorMessage
+                    : "Review Your Spreadsheet before Submitting" }), void 0), _jsx(Div, __assign({ body1: true, mt: 16 }, { children: "Some cells in the document might have errors in format or missing information. Please review these to continue." }), void 0), initialData && (_jsx(Div, __assign({ w: 1360, mt: 20 }, { children: spreadsheetUI }), void 0))] }), void 0));
+};
+export default Review;
+//# sourceMappingURL=Review.js.map

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

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

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

@@ -0,0 +1,18 @@
+import React from "react";
+import { AppResponse, OnSubmit, Record } from "../types";
+declare type State = {
+    submittedData: Record[];
+    appResponse: AppResponse;
+    reviewedData: Record[];
+    isSubmitting: boolean;
+    isSpreadsheetReviewComplete: boolean;
+    setReviewedData: React.Dispatch<React.SetStateAction<Record[]>>;
+    onSubmit?: () => void;
+};
+declare type Props = {
+    onSubmit?: OnSubmit;
+    children: JSX.Element;
+};
+export declare const SpreadsheetReviewContextProvider: ({ children, onSubmit, }: Props) => JSX.Element;
+export declare const useSpreadsheetReviewContext: () => State;
+export {};

package/lib/esm/Importer/SpreadsheetReviewContextProvider.js

@@ -0,0 +1,112 @@
+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 } from "react/jsx-runtime";
+import { api } from "../api";
+import { createContext, useContext, useState } from "react";
+import { getUnsubmittedData } from ".";
+import { AppLoading } from "./common/AppLoading";
+import { useImporterContext } from "./ImporterContextProvider";
+var SpreadsheetReviewContext = createContext({});
+export var SpreadsheetReviewContextProvider = function (_a) {
+    var children = _a.children, onSubmit = _a.onSubmit;
+    var _b = useState(false), isSubmitting = _b[0], setIsSubmitting = _b[1];
+    var _c = useState(null), reviewedData = _c[0], setReviewedData = _c[1];
+    var _d = useState(null), submittedData = _d[0], setSubmittedData = _d[1];
+    var _e = useState(null), appResponse = _e[0], setAppResponse = _e[1];
+    var _f = useImporterContext(), apiToken = _f.apiToken, templateId = _f.templateId;
+    var onSubmitData = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var trackImportedRowsCount, unsubmittedData, applicationResponse, rowCount;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    trackImportedRowsCount = function (rowCount) { return __awaiter(void 0, void 0, void 0, function () {
+                        return __generator(this, function (_a) {
+                            switch (_a.label) {
+                                case 0: return [4 /*yield*/, api.post("/api/v1/importer/templates/".concat(templateId, "/imports?api_token=").concat(apiToken), {
+                                        row_count: rowCount,
+                                    })];
+                                case 1:
+                                    _a.sent();
+                                    return [2 /*return*/];
+                            }
+                        });
+                    }); };
+                    setIsSubmitting(true);
+                    unsubmittedData = getUnsubmittedData(reviewedData, appResponse);
+                    setSubmittedData(unsubmittedData);
+                    return [4 /*yield*/, onSubmit(unsubmittedData)];
+                case 1:
+                    applicationResponse = _a.sent();
+                    setAppResponse(applicationResponse);
+                    if (!applicationResponse.successMessage) return [3 /*break*/, 3];
+                    rowCount = reviewedData.length;
+                    return [4 /*yield*/, trackImportedRowsCount(rowCount)];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3:
+                    setIsSubmitting(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var value = {
+        isSpreadsheetReviewComplete: !!reviewedData,
+        submittedData: submittedData,
+        appResponse: appResponse,
+        reviewedData: reviewedData,
+        isSubmitting: isSubmitting,
+        onSubmit: onSubmitData,
+        setReviewedData: setReviewedData,
+    };
+    return (_jsxs(SpreadsheetReviewContext.Provider, __assign({ value: value }, { children: [isSubmitting && _jsx(AppLoading, {}, void 0), children] }), void 0));
+};
+export var useSpreadsheetReviewContext = function () {
+    return useContext(SpreadsheetReviewContext);
+};
+//# sourceMappingURL=SpreadsheetReviewContextProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpreadsheetReviewContextProvider.js","sourceRoot":"","sources":["../../../src/Importer/SpreadsheetReviewContextProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAW/D,IAAM,wBAAwB,GAAG,aAAa,CAAQ,EAAW,CAAC,CAAC;AAMnE,MAAM,CAAC,IAAM,gCAAgC,GAAG,UAAC,EAGzC;QAFN,QAAQ,cAAA,EACR,QAAQ,cAAA;IAEF,IAAA,KAAkC,QAAQ,CAAC,KAAK,CAAC,EAAhD,YAAY,QAAA,EAAE,eAAe,QAAmB,CAAC;IAClD,IAAA,KAAkC,QAAQ,CAAW,IAAI,CAAC,EAAzD,YAAY,QAAA,EAAE,eAAe,QAA4B,CAAC;IAC3D,IAAA,KAAoC,QAAQ,CAAW,IAAI,CAAC,EAA3D,aAAa,QAAA,EAAE,gBAAgB,QAA4B,CAAC;IAC7D,IAAA,KAAgC,QAAQ,CAAc,IAAI,CAAC,EAA1D,WAAW,QAAA,EAAE,cAAc,QAA+B,CAAC;IAC5D,IAAA,KAA2B,kBAAkB,EAAE,EAA7C,QAAQ,cAAA,EAAE,UAAU,gBAAyB,CAAC;IAEtD,IAAM,YAAY,GAAG;;;;;oBACb,sBAAsB,GAAG,UAAO,QAAQ;;;wCAC5C,qBAAM,GAAG,CAAC,IAAI,CACZ,qCAA8B,UAAU,gCAAsB,QAAQ,CAAE,EACxE;wCACE,SAAS,EAAE,QAAQ;qCACpB,CACF,EAAA;;oCALD,SAKC,CAAC;;;;yBACH,CAAC;oBACF,eAAe,CAAC,IAAI,CAAC,CAAC;oBAChB,eAAe,GAAG,kBAAkB,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;oBACtE,gBAAgB,CAAC,eAAe,CAAC,CAAC;oBACN,qBAAM,QAAQ,CAAC,eAAe,CAAC,EAAA;;oBAArD,mBAAmB,GAAG,SAA+B;oBAC3D,cAAc,CAAC,mBAAmB,CAAC,CAAC;yBAChC,mBAAmB,CAAC,cAAc,EAAlC,wBAAkC;oBAC9B,QAAQ,GAAW,YAAY,CAAC,MAAM,CAAC;oBAC7C,qBAAM,sBAAsB,CAAC,QAAQ,CAAC,EAAA;;oBAAtC,SAAsC,CAAC;;;oBAEzC,eAAe,CAAC,KAAK,CAAC,CAAC;;;;SACxB,CAAC;IAEF,IAAM,KAAK,GAAG;QACZ,2BAA2B,EAAE,CAAC,CAAC,YAAY;QAC3C,aAAa,eAAA;QACb,WAAW,aAAA;QACX,YAAY,cAAA;QACZ,YAAY,cAAA;QACZ,QAAQ,EAAE,YAAY;QACtB,eAAe,iBAAA;KAChB,CAAC;IACF,OAAO,CACL,MAAC,wBAAwB,CAAC,QAAQ,aAAC,KAAK,EAAE,KAAK,iBAC5C,YAAY,IAAI,KAAC,UAAU,aAAG,EAC9B,QAAQ,aACyB,CACrC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,2BAA2B,GAAG;IACzC,OAAA,UAAU,CAAC,wBAAwB,CAAC;AAApC,CAAoC,CAAC"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare type StepperProps = {
+    stepLabels: string[];
+};
+declare const Stepper: ({ stepLabels }: StepperProps) => JSX.Element;
+export { Stepper };

package/lib/esm/Importer/Stepper.js

@@ -0,0 +1,132 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "../common/buttons";
+import { whiteCheckIcon, chevronRightIcon, closeIconCondensed, } from "../common/icons";
+import { useState } from "react";
+import styled, { css } from "styled-components";
+import { options, useImporterContext, } from "./ImporterContextProvider";
+import { colors } from "../styled/theme/colorPalette";
+import { Div } from "../styled/utils";
+import { Modal } from "../common/Modal";
+import { useSpreadsheetReviewContext } from "./SpreadsheetReviewContextProvider";
+import { ColumnType } from "./Matcher/common/types";
+import Fuse from "fuse.js";
+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; });
+});
+var StepperWrapper = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border-bottom: 1px solid ", ";\n"], ["\n  border-bottom: 1px solid ", ";\n"])), function (p) { return p.theme.colors.gray300; });
+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 }), void 0)) : (_jsx(StepIndexWrapper, __assign({ centered: true, body2: true, bold: true, mr: 8, isSelected: isSelected }, { children: index }), void 0)) }, void 0));
+};
+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 }, void 0), label] }), void 0));
+};
+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, options);
+            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;
+};
+var Stepper = function (_a) {
+    var stepLabels = _a.stepLabels;
+    var _b = useState(false), isUnmatchedHeadersModalOpen = _b[0], setIsUnmatchedHeadersModalOpen = _b[1];
+    var _c = useSpreadsheetReviewContext(), isSpreadsheetReviewComplete = _c.isSpreadsheetReviewComplete, onSubmit = _c.onSubmit;
+    var _d = useState(false), isSubmitModalOpen = _d[0], setIsSubmitModalOpen = _d[1];
+    var _e = useImporterContext(), currentStepIndex = _e.currentStepIndex, setEnumFieldValueMatchings = _e.setEnumFieldValueMatchings, setCurrentStepIndex = _e.setCurrentStepIndex, templateHeaderMatchings = _e.templateHeaderMatchings, matcherSubstep = _e.matcherSubstep, setMatcherSubstep = _e.setMatcherSubstep, templateHeaders = _e.templateHeaders, uploadedDataEnumFieldValues = _e.uploadedDataEnumFieldValues;
+    var submitModalUI = (_jsx(Modal, __assign({ isOpen: isSubmitModalOpen, onClose: function () { return setIsSubmitModalOpen(false); } }, { children: _jsxs(Div, __assign({ centered: true, flexColumn: true, p: 60 }, { children: [_jsx(Div, { children: submitSvg }, void 0), _jsx(Div, __assign({ h5: true, mt: 20 }, { children: "Ready to submit?" }), void 0), _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!" }), void 0), _jsxs(Div, __assign({ dflex: true, mt: 40, w100: true, centered: true }, { children: [_jsx(Button, __assign({ w: 115, variant: "secondary", mr: 10, onClick: function () { return setIsSubmitModalOpen(false); } }, { children: "Go back" }), void 0), _jsx(Button, __assign({ w: 140, ml: 10, onClick: function () {
+                                onSubmit();
+                                setIsSubmitModalOpen(false);
+                            } }, { children: "Yes, submit" }), void 0)] }), void 0)] }), void 0) }), void 0));
+    var stepsUI = (_jsx(Div, __assign({ dflex: true, centered: true }, { children: stepLabels.map(function (label, index) {
+            var isLast = index === stepLabels.length - 1;
+            var isCompleted = index < currentStepIndex;
+            return (_jsxs(Div, __assign({ centered: true }, { children: [_jsx(Step, { index: index, label: label, isCompleted: isCompleted, isSelected: index === currentStepIndex }, void 0), !isLast && (_jsx(Div, __assign({ ml: 18, mr: 18, dflex: true }, { children: chevronRightIcon }), void 0))] }), index));
+        }) }), void 0));
+    var templateHeaderLabels = Object.keys(templateHeaderMatchings || []);
+    var unmatchedHeadersCount = templateHeaderLabels.filter(function (templateHeaderLabel) { return !templateHeaderMatchings[templateHeaderLabel]; }).length;
+    var isLastSubMatchStep = matcherSubstep === 1;
+    var setStep = function () {
+        var templateHasEnumFields = !!(templateHeaders === null || templateHeaders === void 0 ? void 0 : templateHeaders.find(function (header) { return header.column_type === ColumnType.enum; }));
+        if (templateHasEnumFields) {
+            var _enumFieldValueMatchings = getEnumFieldValueMatchingsInitialValue({
+                uploadedDataEnumFieldValues: uploadedDataEnumFieldValues,
+                templateHeaders: templateHeaders,
+            });
+            var anyTemplateEnumFieldsMatched = Object.keys(_enumFieldValueMatchings).length > 0;
+            if (anyTemplateEnumFieldsMatched) {
+                setEnumFieldValueMatchings(_enumFieldValueMatchings);
+                setMatcherSubstep(1);
+            }
+            else {
+                setCurrentStepIndex(2);
+            }
+        }
+        else {
+            setCurrentStepIndex(2);
+        }
+    };
+    var openUmatchedModal = function () {
+        unmatchedHeadersCount ? setIsUnmatchedHeadersModalOpen(true) : setStep();
+    };
+    var continueToNextStep = function () {
+        if (isLastSubMatchStep) {
+            setIsUnmatchedHeadersModalOpen(false);
+            setCurrentStepIndex(2);
+        }
+        else {
+            openUmatchedModal();
+        }
+    };
+    var goBack = function () {
+        setMatcherSubstep(0);
+        setCurrentStepIndex(currentStepIndex - 1);
+    };
+    var skipStep = function () {
+        setStep();
+        setIsUnmatchedHeadersModalOpen(false);
+    };
+    var unmatchedHeadersModalUI = (_jsx(Modal, __assign({ isOpen: isUnmatchedHeadersModalOpen, onClose: function () { return setIsUnmatchedHeadersModalOpen(false); } }, { children: _jsxs(Div, __assign({ p: "17px 20px" }, { children: [_jsx(Div, __assign({ textAlignCenter: true, mb: 24, mt: 5 }, { children: errorIcon }), void 0), _jsx(Div, __assign({ textAlignCenter: true, h3: true, mb: 8 }, { children: "Unmatched Headers" }), void 0), _jsxs(Div, __assign({ maxw: 395, textAlignCenter: true, body1: true, mb: 40 }, { children: ["There are ", unmatchedHeadersCount, " unmatched column headers. You will have to fill these out manually if you proceed."] }), void 0), _jsxs(Div, __assign({ dflex: true, centered: true }, { children: [_jsx(Button, __assign({ variant: "secondary", onClick: function () { return setIsUnmatchedHeadersModalOpen(false); }, w: 160, mr: 16 }, { children: "Assign Headers" }), void 0), _jsx(Button, __assign({ variant: "primary", w: 68, onClick: skipStep }, { children: "Skip" }), void 0)] }), void 0)] }), void 0) }), void 0));
+    var isMatchStep = currentStepIndex === 1;
+    var isReviewStep = currentStepIndex === 2;
+    return (_jsxs(_Fragment, { children: [unmatchedHeadersModalUI, submitModalUI, _jsxs(StepperWrapper, __assign({ spaceBetween: true, alignCenter: true, w100: true }, { children: [_jsx(Div, __assign({ w: 100, ml: "19%" }, { children: currentStepIndex > 0 && (_jsx(Button, __assign({ variant: "secondary", onClick: goBack }, { children: "Go back" }), void 0)) }), void 0), _jsxs(Div, __assign({ centered: true, h: 96 }, { children: [_jsx(Div, {}, void 0), _jsx(Div, { children: stepsUI }, void 0)] }), void 0), _jsxs(Div, __assign({ w: 100 }, { children: [isMatchStep && (_jsx(Button, __assign({ variant: "primary", onClick: continueToNextStep }, { children: "Continue" }), void 0)), isReviewStep && (_jsx(Button, __assign({ variant: "primary", isDisabled: !isSpreadsheetReviewComplete, onClick: function () { return setIsSubmitModalOpen(true); } }, { children: "Submit" }), void 0))] }), void 0), _jsx(Div, __assign({ centered: true, mr: 42, clickable: true }, { children: closeIconCondensed }), void 0)] }), void 0)] }, void 0));
+};
+export { Stepper };
+var submitSvg = (_jsxs("svg", __assign({ width: 64, height: 64, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { fill: "#fff", d: "M0 0h64v64H0z" }, void 0), _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",
+            } }, void 0), _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",
+            } }, void 0), _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" }, void 0), _jsx("stop", { offset: 1, stopColor: "#FEE18F" }, void 0)] }), void 0), _jsxs("linearGradient", __assign({ id: "b", x1: 47.684, y1: 44.871, x2: 36.123, y2: 89.527, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#6BEEFF" }, void 0), _jsx("stop", { offset: 1, stopColor: "#08CABE" }, void 0)] }), void 0)] }, void 0)] }), void 0));
+var errorIcon = (_jsxs("svg", __assign({ width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("circle", { cx: "32.0003", cy: "32", r: "29.3333", stroke: "#CF4520", strokeWidth: "5" }, void 0), _jsx("path", { d: "M32 18.6667V32", stroke: "#CF4520", strokeWidth: "5", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), _jsx("path", { d: "M32 42.6667V44", stroke: "#CF4520", strokeWidth: "5", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0));
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=Stepper.js.map

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

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

package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterDropzone.d.ts

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

package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterDropzone.js

@@ -0,0 +1,90 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDropzone } from "react-dropzone";
+import styled, { css } from "styled-components";
+import XLSX from "xlsx";
+import { useUploaderContext } from "../UploaderContextProvider";
+import { useImporterContext } from "../../ImporterContextProvider";
+import { Div } from "../../../styled/utils";
+import { theme } from "../../../styled/theme";
+import { addToast } from "../../../common/DWToast";
+import { Button } from "../../../common/buttons";
+import { backgroundSvg1, backgroundSvg2 } from "./backgrounds";
+var DragAndDropCard = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: 8px;\n  margin-right: ", ";\n  width: 832px;\n  height: inherit;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: ", ";\n  border: 1px dashed ", ";\n  justify-content: flex-end;\n  ", "\n"], ["\n  border-radius: 8px;\n  margin-right: ", ";\n  width: 832px;\n  height: inherit;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: ", ";\n  border: 1px dashed ", ";\n  justify-content: flex-end;\n  ", "\n"])), function (props) { return (props.isDragActive ? "-10px" : "revert"); }, theme.colors.white, theme.colors.red50, function (props) {
+    return props.isDragActive && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background: ", ";\n      border: 1px solid ", ";\n      justify-content: center;\n    "], ["\n      background: ", ";\n      border: 1px solid ", ";\n      justify-content: center;\n    "])), theme.colors.blue100, theme.colors.blue500);
+});
+var UploadingBg = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-image: url(", ");\n  background-position: 100% 100%;\n  background-size: cover;\n  max-width: 40px;\n  min-width: 40px;\n  max-height: 40px;\n  min-height: 40px;\n  height: 2.9vw;\n  width: 2.9vw;\n  position: relative;\n"], ["\n  background-image: url(", ");\n  background-position: 100% 100%;\n  background-size: cover;\n  max-width: 40px;\n  min-width: 40px;\n  max-height: 40px;\n  min-height: 40px;\n  height: 2.9vw;\n  width: 2.9vw;\n  position: relative;\n"])), function (props) { return props.src; });
+var DragAndDropBg = styled(Div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background-image: url(", ");\n  background-position: 100% 100%;\n  background-size: cover;\n  max-width: 118px;\n  min-width: 118px;\n  max-height: 68px;\n  min-height: 68px;\n  height: 5vw;\n  width: 8.2vw;\n  position: relative;\n"], ["\n  background-image: url(", ");\n  background-position: 100% 100%;\n  background-size: cover;\n  max-width: 118px;\n  min-width: 118px;\n  max-height: 68px;\n  min-height: 68px;\n  height: 5vw;\n  width: 8.2vw;\n  position: relative;\n"])), function (props) { return props.src; });
+var dropzoneUploadingUI = (_jsxs(_Fragment, { children: [_jsx(Div, __assign({ mb: 12 }, { children: backgroundSvg2 }), void 0), _jsx(Div, __assign({ h5: true }, { children: " Drop your file here to upload!" }), void 0)] }, void 0));
+var LineDecoration = styled(Div)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background-color: ", ";\n  width: 200px;\n  height: 1px;\n"], ["\n  background-color: ", ";\n  width: 200px;\n  height: 1px;\n"])), theme.colors.gray400);
+var DragAndDropComponent = function (_a) {
+    var openUploadFileDialog = _a.openUploadFileDialog;
+    return (_jsxs(Div, __assign({ centered: true, flexColumn: true, pb: 40 }, { children: [_jsx(Div, __assign({ mb: 12 }, { children: backgroundSvg1 }), void 0), _jsx(Div, __assign({ h4: true, mb: 12 }, { children: "Drag & drop your file here" }), void 0), _jsxs(Div, __assign({ alignCenter: true, mb: 12 }, { children: [_jsx(LineDecoration, {}, void 0), _jsx(Div, __assign({ body1: true, textAlignCenter: true, mr: 16, ml: 16 }, { children: "or" }), void 0), _jsx(LineDecoration, {}, void 0)] }), void 0), _jsx(Button, __assign({ mb: 118, w: 133, maxh: 34, onClick: openUploadFileDialog }, { children: "Browse Files" }), void 0), _jsxs(Div, __assign({ dflex: true }, { children: [_jsx(Div, __assign({ body1: true, textAlignCenter: true }, { children: "Don\u2019t have a file?\u00A0" }), void 0), _jsx(Div, __assign({ link: true, c: theme.colors.pink500 }, { children: "Enter data manually" }), void 0)] }), void 0)] }), void 0));
+};
+var ImporterDropzone = function () {
+    var _a = useUploaderContext(), setIsUploading = _a.setIsUploading, setFileName = _a.setFileName;
+    var setUploadedData = useImporterContext().setUploadedData;
+    var onDrop = function (acceptedFiles) {
+        acceptedFiles.forEach(function (file) {
+            setIsUploading(true);
+            setFileName(file.name);
+            var reader = new FileReader();
+            reader.onabort = function () { return console.log("file reading was aborted"); };
+            reader.onerror = function () { return console.log("file reading has failed"); };
+            reader.onload = function (event) {
+                var results = event.target.result;
+                var getDataFromFile = function (fileResults) {
+                    var workBook = XLSX.read(fileResults, { type: "array" });
+                    var workBookName = workBook.SheetNames[0];
+                    var sheet = workBook.Sheets[workBookName];
+                    return XLSX.utils.sheet_to_json(sheet, { header: 1 });
+                };
+                var fileData = getDataFromFile(results);
+                setUploadedData(fileData);
+                setIsUploading(false);
+            };
+            reader.readAsArrayBuffer(file);
+        });
+    };
+    var onDropRejected = function (rejectedFiles) {
+        var errorMessages = rejectedFiles.map(function (file) {
+            if (file.errors[0].code === "file-too-large") {
+                return "Maximum file size is 10MB";
+            }
+            else {
+                return file.errors[0].message;
+            }
+        });
+        var uniqueMessages = Array.from(new Set(errorMessages));
+        uniqueMessages.forEach(function (message) {
+            addToast(message, "error");
+        });
+    };
+    var _b = useDropzone({
+        onDrop: onDrop,
+        onDropRejected: onDropRejected,
+        noClick: true,
+        noKeyboard: true,
+        accept: ".csv,.tsv, .xls, .xlsx",
+        maxFiles: 1,
+        maxSize: 10000000,
+    }), getRootProps = _b.getRootProps, getInputProps = _b.getInputProps, open = _b.open, isDragActive = _b.isDragActive;
+    return (_jsxs(DragAndDropCard, __assign({ isDragActive: isDragActive }, getRootProps(), { children: [_jsx("input", __assign({}, getInputProps()), void 0), isDragActive ? (dropzoneUploadingUI) : (_jsx(DragAndDropComponent, { openUploadFileDialog: open }, void 0))] }), void 0));
+};
+export { ImporterDropzone };
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=ImporterDropzone.js.map