fuse-importer 0.0.1-staging

package/lib/esm/Importer/contexts/ImporterContextProvider.d.ts

@@ -0,0 +1,71 @@
+import Fuse from "fuse.js";
+import React from "react";
+import { FormatRecord, ImporterOptions, Integration, OnSubmit, OnValidateRecord, Record, TemplateHeader } from "../../types";
+import { FuseApi } from "../common/FuseApi";
+export declare const fusejsOptions: Fuse.IFuseOptions<string>;
+export type HeaderMatchings = {
+    [templateHeaderLabel: string]: string;
+};
+export type EnumFieldValueMatchings = {
+    [templateHeaderLabel: string]: {
+        [uploadedDataValue: string]: string;
+    };
+};
+export type UploadedDataEnumFieldValues = {
+    [templateHeaderLabel: string]: string[];
+};
+export type SelectedRow = {
+    tableRow: number;
+    dataRowIndex: number;
+};
+export type State = {
+    currentStepIndex: number;
+    templateError: string | null;
+    uploadedData: any[];
+    initialRecords: Record[];
+    enumFieldValueMatchings: EnumFieldValueMatchings;
+    templateHeaders: TemplateHeader[];
+    templateHeaderMatchings: HeaderMatchings;
+    uploadedDataHeaders: string[];
+    matcherSubstep: number;
+    uploadedDataEnumFieldValues: UploadedDataEnumFieldValues;
+    templateSlug: string;
+    apiToken: string;
+    inTrialMode: boolean;
+    previewFirstTime: boolean;
+    fuseApi: FuseApi;
+    importerOptions: ImporterOptions;
+    theme: any;
+    logoURL: string;
+    integrations: Integration[];
+    onSubmit: OnSubmit;
+    resetImport: () => void;
+    onClose: () => void;
+    setCurrentStepIndex: React.Dispatch<number>;
+    setEnumFieldValueMatchings: React.Dispatch<React.SetStateAction<EnumFieldValueMatchings>>;
+    setUploadedData: React.Dispatch<any[]>;
+    setTemplateHeaderMatchings: React.Dispatch<React.SetStateAction<HeaderMatchings>>;
+    setPreviewFirstTime: React.Dispatch<boolean>;
+    formatRecord: FormatRecord;
+    onValidateRecord?: OnValidateRecord;
+    setMatcherSubstep: React.Dispatch<number>;
+    selectedRows: string[];
+    setSelectedRows: React.Dispatch<React.SetStateAction<string[]>>;
+    isUsingManualImport: React.MutableRefObject<boolean>;
+    resetImporterWhenUsingManualImport: () => void;
+    manualDataImportSelected: () => void;
+};
+export type Props = {
+    templateSlug: string;
+    apiToken: string;
+    initialRecords?: Record[];
+    options: ImporterOptions;
+    children: JSX.Element;
+    onClose: () => void;
+    onSubmit: OnSubmit;
+    formatRecord: FormatRecord;
+    onValidateRecord?: OnValidateRecord;
+    dynamicColumns: TemplateHeader[] | null;
+};
+export declare const ImporterContextProvider: ({ templateSlug, initialRecords, apiToken, children, options, onSubmit, onClose, formatRecord, onValidateRecord, dynamicColumns, }: Props) => JSX.Element;
+export declare const useImporterContext: () => State;

package/lib/esm/Importer/contexts/ImporterContextProvider.js

@@ -0,0 +1,244 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __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 Fuse from "fuse.js";
+import { createContext, useContext, useEffect, useMemo, useRef, useState, } from "react";
+import { FieldTypes, } from "../../types";
+import { FuseApi } from "../common/FuseApi";
+import { getCustomTheme, theme } from "../common/theme";
+import { getColumnType, verifyDuplicateValue } from "../common/utils";
+export var fusejsOptions = {
+    includeScore: true,
+    threshold: 0.35,
+};
+var ImporterContext = createContext({});
+export var ImporterContextProvider = function (_a) {
+    var templateSlug = _a.templateSlug, initialRecords = _a.initialRecords, apiToken = _a.apiToken, children = _a.children, options = _a.options, onSubmit = _a.onSubmit, onClose = _a.onClose, formatRecord = _a.formatRecord, onValidateRecord = _a.onValidateRecord, dynamicColumns = _a.dynamicColumns;
+    var _b = useState(initialRecords ? 2 : 0), currentStepIndex = _b[0], setCurrentStepIndex = _b[1];
+    var _c = useState(0), matcherSubstep = _c[0], setMatcherSubstep = _c[1];
+    var _d = useState(null), templateError = _d[0], setTemplateError = _d[1];
+    var _e = useState(null), templateHeaders = _e[0], setTemplateHeaders = _e[1];
+    var _f = useState(null), integrations = _f[0], setIntegrations = _f[1];
+    var _g = useState(null), uploadedData = _g[0], setUploadedData = _g[1];
+    var _h = useState(null), organization = _h[0], setOrganization = _h[1];
+    var _j = useState(null), previewFirstTime = _j[0], setPreviewFirstTime = _j[1];
+    var _k = useState({
+        theme: theme,
+        logoURL: null,
+    }), style = _k[0], setStyle = _k[1];
+    var _l = useState(null), templateHeaderMatchings = _l[0], setTemplateHeaderMatchings = _l[1];
+    var _m = useState(null), enumFieldValueMatchings = _m[0], setEnumFieldValueMatchings = _m[1];
+    var _o = useState(null), uploadedDataEnumFieldValues = _o[0], setUploadedDataEnumFieldValues = _o[1];
+    var _p = useState([]), selectedRows = _p[0], setSelectedRows = _p[1];
+    var isUsingManualImport = useRef(false);
+    var fuseApi = useMemo(function () { return new FuseApi(options.env, apiToken); }, [
+        options.env,
+        apiToken,
+    ]);
+    var uploadedDataHeaders = useMemo(function () {
+        var _a;
+        if (!uploadedData)
+            return null;
+        if (isUsingManualImport.current) {
+            return templateHeaders.reduce(function (acc, curr) {
+                acc.push(curr.internal_key);
+                return acc;
+            }, []);
+        }
+        return (_a = uploadedData[0]) === null || _a === void 0 ? void 0 : _a.map(function (ud) {
+            return typeof ud === "number" ? ud.toString() : ud;
+        });
+    }, [uploadedData]);
+    useEffect(function () {
+        if (!templateHeaderMatchings)
+            return;
+        var _uploadedDataEnumFieldValues = {};
+        var templateLabels = Object.keys(templateHeaderMatchings);
+        var enumFieldsLabels = templateLabels.filter(function (templateLabel) {
+            return getColumnType({ templateLabel: templateLabel, templateHeaders: templateHeaders }) === FieldTypes.enum;
+        });
+        enumFieldsLabels.forEach(function (templateLabel) {
+            var uploadedDataHeader = templateHeaderMatchings[templateLabel];
+            var enumFieldValues = new Set();
+            var columnIndex = uploadedDataHeaders.indexOf(uploadedDataHeader);
+            if (columnIndex === -1)
+                return;
+            uploadedData.slice(1).forEach(function (row) {
+                var uploadedValue = row[columnIndex];
+                enumFieldValues.add(uploadedValue);
+            });
+            _uploadedDataEnumFieldValues[templateLabel] = Array.from(enumFieldValues.values()).filter(function (element) {
+                return element !== undefined;
+            });
+        });
+        setUploadedDataEnumFieldValues(_uploadedDataEnumFieldValues);
+    }, [templateHeaderMatchings]);
+    useEffect(function () {
+        if (uploadedData) {
+            setHeadersFromDataset();
+        }
+    }, [uploadedData]);
+    useEffect(function () {
+        (function () { return __awaiter(void 0, void 0, void 0, function () {
+            var _a, organization_1, columns_1, importer_style_preferences, integrations_1, preview_first_time, error_1, errorMsg;
+            var _b, _c;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        _d.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, fuseApi.get("/api/v1/importer/templates/".concat(templateSlug))];
+                    case 1:
+                        _a = (_d.sent()).data, organization_1 = _a.organization, columns_1 = _a.columns, importer_style_preferences = _a.importer_style_preferences, integrations_1 = _a.integrations, preview_first_time = _a.preview_first_time;
+                        setOrganization(organization_1);
+                        setTemplateHeaders(function () {
+                            // user has created dynamic columns
+                            if (dynamicColumns && (dynamicColumns === null || dynamicColumns === void 0 ? void 0 : dynamicColumns.length) >= 0) {
+                                var allColumns = __spreadArray(__spreadArray([], columns_1, true), dynamicColumns, true);
+                                var columnsOrderedByPosition_1 = allColumns.sort(function (a, b) { return (a === null || a === void 0 ? void 0 : a.position) - (b === null || b === void 0 ? void 0 : b.position); });
+                                verifyDuplicateValue(columnsOrderedByPosition_1, "internal_key", true, "There is a duplicated 'internal_key' between your columns.");
+                                verifyDuplicateValue(columnsOrderedByPosition_1, "label", true, "There is a duplicated 'label' between your columns.");
+                                return columnsOrderedByPosition_1;
+                            }
+                            // user has not created dynamic columns
+                            var columnsOrderedByPosition = columns_1.sort(function (a, b) { return a.position - b.position; });
+                            return columnsOrderedByPosition;
+                        });
+                        setIntegrations(integrations_1);
+                        setPreviewFirstTime(preview_first_time);
+                        if (organization_1.plan && organization_1.plan.allow_style_customization) {
+                            setStyle(getCustomTheme(importer_style_preferences));
+                        }
+                        return [3 /*break*/, 3];
+                    case 2:
+                        error_1 = _d.sent();
+                        errorMsg = ((_c = (_b = error_1.response) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.message) ||
+                            "There was an error preventing the data importer from loading. Check your API Key and try again.";
+                        setTemplateError(errorMsg);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); })();
+    }, [dynamicColumns]);
+    var resetImport = function () {
+        setUploadedData(null);
+        setTemplateHeaderMatchings(null);
+    };
+    var resetImporterWhenUsingManualImport = function () {
+        setCurrentStepIndex(0);
+        isUsingManualImport.current = false;
+        resetImport();
+    };
+    var manualDataImportSelected = function () {
+        if (templateHeaders) {
+            isUsingManualImport.current = true;
+            setUploadedData([]);
+            setTemplateHeaderMatchings({});
+            setCurrentStepIndex(2);
+        }
+    };
+    var setHeadersFromDataset = function () {
+        var _templateHeaderMatchings = {};
+        var fuse = new Fuse(uploadedDataHeaders, fusejsOptions);
+        templateHeaders.forEach(function (templateHeader, _index) {
+            var _a;
+            var fuseResults = fuse.search(templateHeader.label);
+            _templateHeaderMatchings[templateHeader.label] = (_a = fuseResults[0]) === null || _a === void 0 ? void 0 : _a.item;
+        });
+        setTemplateHeaderMatchings(_templateHeaderMatchings);
+    };
+    var inTrialMode = organization === null || organization === void 0 ? void 0 : organization.trial_mode;
+    var value = {
+        initialRecords: initialRecords,
+        currentStepIndex: currentStepIndex,
+        templateHeaders: templateHeaders,
+        enumFieldValueMatchings: enumFieldValueMatchings,
+        templateHeaderMatchings: templateHeaderMatchings,
+        uploadedDataEnumFieldValues: uploadedDataEnumFieldValues,
+        importerOptions: options,
+        uploadedData: uploadedData,
+        uploadedDataHeaders: uploadedDataHeaders,
+        templateError: templateError,
+        matcherSubstep: matcherSubstep,
+        apiToken: apiToken,
+        templateSlug: templateSlug,
+        inTrialMode: inTrialMode,
+        fuseApi: fuseApi,
+        theme: style.theme,
+        logoURL: style.logoURL,
+        integrations: integrations,
+        previewFirstTime: previewFirstTime,
+        setUploadedData: setUploadedData,
+        formatRecord: formatRecord,
+        setCurrentStepIndex: setCurrentStepIndex,
+        setEnumFieldValueMatchings: setEnumFieldValueMatchings,
+        setTemplateHeaderMatchings: setTemplateHeaderMatchings,
+        resetImport: resetImport,
+        onValidateRecord: onValidateRecord,
+        setMatcherSubstep: setMatcherSubstep,
+        onClose: onClose,
+        setPreviewFirstTime: setPreviewFirstTime,
+        onSubmit: onSubmit,
+        selectedRows: selectedRows,
+        setSelectedRows: setSelectedRows,
+        isUsingManualImport: isUsingManualImport,
+        resetImporterWhenUsingManualImport: resetImporterWhenUsingManualImport,
+        manualDataImportSelected: manualDataImportSelected,
+    };
+    return (_jsx(ImporterContext.Provider, __assign({ value: value }, { children: children })));
+};
+export var useImporterContext = function () { return useContext(ImporterContext); };

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

@@ -0,0 +1,52 @@
+import { Field, FieldTypes, FormatRecord, Record, RecordDataSet, TemplateHeader } from "../../types";
+import { EnumFieldValueMatchings, HeaderMatchings } from "../contexts/ImporterContextProvider";
+export declare const addEmptyRows: (data: Record[], fields: Field[]) => (Record | {
+    _meta: {
+        id: string;
+        rowIndex: number;
+    };
+})[];
+export declare const addMeta: (record: any, index: number, uploadedRow?: any) => Record;
+export declare const recordListToDataSet: (data: Record[], fields: Field[]) => RecordDataSet;
+type transformToRecordsArgs = {
+    templateHeaderMatchings: HeaderMatchings;
+    enumFieldValueMatchings: EnumFieldValueMatchings;
+    uploadedDataHeaders: string[];
+    uploadedData: any[];
+    templateHeaders: TemplateHeader[];
+    formatRecord: FormatRecord;
+};
+export declare const transformToRecords: ({ templateHeaderMatchings, enumFieldValueMatchings, templateHeaders, uploadedDataHeaders, uploadedData, formatRecord, }: transformToRecordsArgs) => Record[];
+export declare const getPreviewDataSet: ({ uploadedData, }: {
+    uploadedData: any[];
+}) => {
+    fields: {
+        label: string;
+        name: string;
+        type: FieldTypes;
+        isRequired: boolean;
+    }[];
+    initialDataSet: RecordDataSet;
+};
+export declare const getTemplateFields: ({ templateHeaders, }: {
+    templateHeaders: TemplateHeader[];
+}) => {
+    label: string;
+    name: string;
+    type: any;
+    isRequired: boolean;
+    options: string[];
+    pattern: string;
+    validations: import("../../types").FieldValidation[];
+    transformations: import("../../types").FieldTransformation[];
+}[];
+type GetReviewDataSetArgs = {
+    records: Record[];
+    fields: Field[];
+};
+export declare const getReviewDataSet: ({ records, fields }: GetReviewDataSetArgs) => {
+    initialDataSet: {
+        [x: string]: Record;
+    };
+};
+export {};

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

@@ -0,0 +1,155 @@
+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 __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 { transformRecord } from "../../Importer/common/Spreadsheet/transformation";
+import { FieldTypes, } from "../../types";
+import { parseValue } from "../common/Spreadsheet/common";
+var MINIMUM_ROW_COUNT = 20;
+var getRowId = function (index) {
+    var uniqueTimestamp = new Date().getTime();
+    return "r".concat(index, "-").concat(uniqueTimestamp);
+};
+export var addEmptyRows = function (data, fields) {
+    var emptyRecord = fields.reduce(function (obj, f) {
+        var _a;
+        return (__assign(__assign({}, obj), (_a = {}, _a[f.name] = null, _a)));
+    }, {});
+    var newData = Array.from({ length: MINIMUM_ROW_COUNT - data.length }, function (_, index) { return (__assign(__assign({}, emptyRecord), { _meta: {
+            id: getRowId(data.length + index),
+            rowIndex: data.length + index,
+        } })); });
+    return __spreadArray(__spreadArray([], data, true), newData, true);
+};
+export var addMeta = function (record, index, uploadedRow) {
+    var _a;
+    if (uploadedRow === void 0) { uploadedRow = null; }
+    var rId = getRowId(index);
+    var meta = (_a = record._meta) !== null && _a !== void 0 ? _a : {};
+    return __assign(__assign({}, record), { _meta: __assign(__assign({}, meta), { id: rId, rowIndex: index, touched: false, uploadedRow: uploadedRow }) });
+};
+export var recordListToDataSet = function (data, fields) {
+    var initialData = data;
+    if (data.length < MINIMUM_ROW_COUNT) {
+        initialData = addEmptyRows(data, fields);
+    }
+    return initialData.reduce(function (dataSet, record, i) {
+        var recordWithMeta = addMeta(record, i);
+        dataSet[recordWithMeta._meta.id] = recordWithMeta;
+        return dataSet;
+    }, {});
+};
+export var transformToRecords = function (_a) {
+    var templateHeaderMatchings = _a.templateHeaderMatchings, enumFieldValueMatchings = _a.enumFieldValueMatchings, templateHeaders = _a.templateHeaders, uploadedDataHeaders = _a.uploadedDataHeaders, uploadedData = _a.uploadedData, formatRecord = _a.formatRecord;
+    var matchedColumnsLabels = Object.keys(templateHeaderMatchings)
+        .filter(function (label) { return !!templateHeaderMatchings[label]; })
+        .map(function (label) { return ({
+        label: label,
+        index: uploadedDataHeaders.indexOf(templateHeaderMatchings[label]),
+    }); });
+    var templateHeadersByLabel = templateHeaders.reduce(function (byLabel, header) {
+        var _a;
+        return (__assign(__assign({}, byLabel), (_a = {}, _a[header.label] = header, _a)));
+    }, {});
+    var getRecord = function (row, index) {
+        var record = addMeta({}, index, row);
+        matchedColumnsLabels.forEach(function (_a) {
+            var label = _a.label, index = _a.index;
+            var enumSet = enumFieldValueMatchings
+                ? enumFieldValueMatchings[label]
+                : null;
+            var header = templateHeadersByLabel[label];
+            if (!header)
+                return;
+            var key = header.internal_key;
+            var value = row[index];
+            if (value === undefined)
+                return;
+            record[key] = parseValue(FieldTypes[header.column_type], value, enumSet);
+        });
+        return formatRecord ? formatRecord(record) : record;
+    };
+    return uploadedData.slice(1).map(getRecord);
+};
+export var getPreviewDataSet = function (_a) {
+    var uploadedData = _a.uploadedData;
+    var getFirstRowLen = function () {
+        if (uploadedData.length > 0 && Array.isArray(uploadedData[0])) {
+            return uploadedData[0].length;
+        }
+        return 0;
+    };
+    var fields = new Array(getFirstRowLen()).fill(null).map(function (_, i) {
+        var key = String.fromCharCode(65 + i);
+        return {
+            label: key,
+            name: key,
+            type: FieldTypes.string,
+            isRequired: false,
+        };
+    });
+    var getInitialDataSet = function () {
+        //Showing only the first 100 rows to improve performance
+        //TODO: Check with Mike
+        var data = uploadedData.slice(0, 100).map(function (row, index) {
+            var entry = addMeta({}, index);
+            fields.forEach(function (field, index) {
+                entry[field.name] = row[index];
+            });
+            return entry;
+        });
+        return recordListToDataSet(data, fields);
+    };
+    return { fields: fields, initialDataSet: getInitialDataSet() };
+};
+export var getTemplateFields = function (_a) {
+    var templateHeaders = _a.templateHeaders;
+    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,
+        validations: templateHeader.validations,
+        transformations: templateHeader.transformations,
+    }); });
+};
+export var getReviewDataSet = function (_a) {
+    var _b;
+    var records = _a.records, fields = _a.fields;
+    for (var _i = 0, records_1 = records; _i < records_1.length; _i++) {
+        var record = records_1[_i];
+        transformRecord({
+            record: record,
+            fields: fields,
+        });
+    }
+    var baseInitialDataSet = recordListToDataSet(addEmptyRows(records, fields), fields);
+    var highestRowIndex = 0;
+    Object.keys(baseInitialDataSet).forEach(function (key) {
+        var record = baseInitialDataSet[key];
+        if (record._meta.rowIndex > highestRowIndex) {
+            highestRowIndex = record._meta.rowIndex;
+        }
+    });
+    var emptyRowAtBottom = addMeta({}, highestRowIndex + 1);
+    var initialDataSet = __assign(__assign({}, baseInitialDataSet), (_b = {}, _b[emptyRowAtBottom._meta.id] = emptyRowAtBottom, _b));
+    return { initialDataSet: initialDataSet };
+};

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

@@ -0,0 +1,22 @@
+import { FormatRecord, ImporterOptions, OnSubmit, OnValidateRecord, TemplateHeader } from "../types";
+export declare const ACCOUNT_ROUTES: {
+    TEMPLATES: string;
+};
+export declare const ACCOUNT_VIEW_PATH = "/account";
+export declare const TEMPLATES_ROUTE: string;
+type ImporterProps = {
+    templateSlug: string;
+    apiToken: string;
+    options: ImporterOptions;
+    previewMode?: boolean;
+    formatRecord: FormatRecord;
+    onValidateRecord?: OnValidateRecord;
+    onSubmit?: OnSubmit;
+    onClose: () => void;
+    dynamicColumns: TemplateHeader[];
+};
+declare const Importer: ({ templateSlug, apiToken, options, formatRecord, onValidateRecord, onSubmit, onClose, dynamicColumns, }: ImporterProps) => JSX.Element;
+export * from "./common/Spreadsheet";
+export * from "./common/utils";
+export * from "./Review/ReviewContextProvider";
+export { Importer };

package/lib/esm/Importer/index.js

@@ -0,0 +1,28 @@
+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";
+import { ImporterContextProvider } from "./contexts/ImporterContextProvider";
+import { ImporterWithContext } from "./ImporterWithContext";
+export var ACCOUNT_ROUTES = {
+    TEMPLATES: "/importers",
+};
+export var ACCOUNT_VIEW_PATH = "/account";
+var p = function (path) { return "".concat(ACCOUNT_VIEW_PATH).concat(path); };
+export var TEMPLATES_ROUTE = p(ACCOUNT_ROUTES.TEMPLATES);
+var Importer = function (_a) {
+    var templateSlug = _a.templateSlug, apiToken = _a.apiToken, options = _a.options, formatRecord = _a.formatRecord, onValidateRecord = _a.onValidateRecord, onSubmit = _a.onSubmit, onClose = _a.onClose, dynamicColumns = _a.dynamicColumns;
+    return (_jsx(ImporterContextProvider, __assign({ initialRecords: options.records, options: options, templateSlug: templateSlug, apiToken: apiToken, formatRecord: formatRecord, onValidateRecord: onValidateRecord, onClose: onClose, onSubmit: onSubmit, dynamicColumns: dynamicColumns }, { children: _jsx(ImporterWithContext, {}) })));
+};
+export * from "./common/Spreadsheet";
+export * from "./common/utils";
+export * from "./Review/ReviewContextProvider";
+export { Importer };

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

@@ -0,0 +1,16 @@
+import { IStringifyOptions } from "qs";
+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;
+        authToken?: string;
+    }
+}
+declare const api: import("axios").AxiosInstance;
+export { api };