fuse-importer 0.25.5 → 0.25.6

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

@@ -29,10 +29,10 @@ var TitleContainer = styled(Div)(templateObject_1 || (templateObject_1 = __makeT
 var ExportButtonContainer = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  right: 32px;\n"], ["\n  position: absolute;\n  right: 32px;\n"])));
 var ReviewWithContext = function () {
     var _a = useReviewContext(), fields = _a.reviewFields, initialDataSet = _a.reviewInitialDataSet, options = _a.options, onValidateRecord = _a.onValidateRecord, onDataSetChanged = _a.onDataSetChanged, onValidationStateChanged = _a.onValidationStateChanged, onExport = _a.onExport;
-    var _b = useImporterContext(), selectedRows = _b.selectedRows, setSelectedRows = _b.setSelectedRows;
+    var _b = useImporterContext(), selectedRows = _b.selectedRows, setSelectedRows = _b.setSelectedRows, isUsingManualImport = _b.isUsingManualImport;
     var t = useTranslation("review").t;
     var spreadsheetUI = initialDataSet && (_jsx(Spreadsheet, { options: __assign(__assign({}, options), { showCheckboxColumn: true }), selectedRows: selectedRows, setSelectedRows: setSelectedRows, initialDataSet: initialDataSet, fields: fields, rowWidth: getSpreadsheetRowWidth(fields, 6), onDataSetChanged: onDataSetChanged, onValidateRecord: onValidateRecord, onValidationStateChanged: onValidationStateChanged }));
-    return (_jsxs(Div, __assign({ centered: true, flexColumn: true, h100: true }, { children: [_jsx(AppResponseModal, {}), _jsxs(Div, __assign({ w100: true, h100: true }, { children: [_jsxs(TitleContainer, __assign({ centered: true, textAlignCenter: true, flexColumn: true }, { children: [_jsx(Div, __assign({ h2: true, mt: 40 }, { children: t("title") })), _jsx(ExportButtonContainer, __assign({ mb: 16, mt: 64 }, { children: _jsxs(Button, __assign({ w: 120, br: 8, variant: "secondary", svgNormalFillColorOverride: "transparent", svgActiveFillColorOverride: "transparent", svgActiveStrokeColorOverride: "white", onClick: onExport }, { children: [downloadIcon, " ", _jsxs(Span, __assign({ ml: 6 }, { children: [" ", t("export")] }))] })) }))] })), _jsx(Div, __assign({ centered: true, textAlignCenter: true, flexColumn: true }, { children: _jsx(Div, __assign({ body1: true, mt: 20, w: 540, mb: 15 }, { children: t("description") })) })), spreadsheetUI] }))] })));
+    return (_jsxs(Div, __assign({ centered: true, flexColumn: true, h100: true }, { children: [_jsx(AppResponseModal, {}), _jsxs(Div, __assign({ w100: true, h100: true }, { children: [_jsxs(TitleContainer, __assign({ centered: true, textAlignCenter: true, flexColumn: true }, { children: [_jsx(Div, __assign({ h2: true, mt: 40 }, { children: t(isUsingManualImport.current ? "manual_importer_title" : "title") })), _jsx(ExportButtonContainer, __assign({ mb: 16, mt: 64 }, { children: _jsxs(Button, __assign({ w: 120, br: 8, variant: "secondary", svgNormalFillColorOverride: "transparent", svgActiveFillColorOverride: "transparent", svgActiveStrokeColorOverride: "white", onClick: onExport }, { children: [downloadIcon, " ", _jsxs(Span, __assign({ ml: 6 }, { children: [" ", t("export")] }))] })) }))] })), _jsx(Div, __assign({ centered: true, textAlignCenter: true, flexColumn: true }, { children: _jsx(Div, __assign({ body1: true, mt: 20, w: 540, mb: 15 }, { children: t("description") })) })), spreadsheetUI] }))] })));
 };
 export default ReviewWithContext;
 var templateObject_1, templateObject_2;

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

@@ -38,7 +38,7 @@ export var Stepper = function (_a) {
     var _c = useState(false), isSubmitModalOpen = _c[0], setIsSubmitModalOpen = _c[1];
     var _d = useState(false), isConfirmCloseModalOpen = _d[0], setIsConfirmCloseModalOpen = _d[1];
     var _e = useReviewContext(), appResponse = _e.appResponse, isSubmitDisabled = _e.isSubmitDisabled, onSubmit = _e.onSubmit;
-    var _f = useImporterContext(), currentStepIndex = _f.currentStepIndex, templateHeaderMatchings = _f.templateHeaderMatchings, matcherSubstep = _f.matcherSubstep, templateHeaders = _f.templateHeaders, uploadedDataEnumFieldValues = _f.uploadedDataEnumFieldValues, setEnumFieldValueMatchings = _f.setEnumFieldValueMatchings, setMatcherSubstep = _f.setMatcherSubstep, setCurrentStepIndex = _f.setCurrentStepIndex, onClose = _f.onClose;
+    var _f = useImporterContext(), currentStepIndex = _f.currentStepIndex, templateHeaderMatchings = _f.templateHeaderMatchings, matcherSubstep = _f.matcherSubstep, templateHeaders = _f.templateHeaders, uploadedDataEnumFieldValues = _f.uploadedDataEnumFieldValues, setEnumFieldValueMatchings = _f.setEnumFieldValueMatchings, setMatcherSubstep = _f.setMatcherSubstep, setCurrentStepIndex = _f.setCurrentStepIndex, onClose = _f.onClose, isUsingManualImport = _f.isUsingManualImport, resetImporterWhenUsingManualImport = _f.resetImporterWhenUsingManualImport;
     var templateHeaderLabels = Object.keys(templateHeaderMatchings || []);
     var unmatchedHeadersCount = templateHeaderLabels.filter(function (templateHeaderLabel) { return !templateHeaderMatchings[templateHeaderLabel]; }).length;
     var isLastSubMatchStep = matcherSubstep === 1;
@@ -75,6 +75,9 @@ export var Stepper = function (_a) {
         }
     };
     var goBack = function () {
+        if (isUsingManualImport.current) {
+            return resetImporterWhenUsingManualImport();
+        }
         var isMatchingColumnValues = matcherSubstep === 1;
         var isInMachStep = currentStepIndex === 1;
         var shouldBackOnlyMatcherSubStep = isMatchingColumnValues && isInMachStep;

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

@@ -36,7 +36,8 @@ var dropzoneUploadingUI = (_jsx(DropzoneUploadingContainer, __assign({ centered:
 var DragAndDropComponent = function (_a) {
     var openUploadFileDialog = _a.openUploadFileDialog;
     var t = useTranslation("upload").t;
-    return (_jsxs(Div, __assign({ centered: true, flexColumn: true }, { children: [_jsx(Div, __assign({ mb: 12 }, { children: DragAndDropSvg })), _jsx(Div, __assign({ h4: true }, { children: t("dropzone.title") })), _jsx(Div, __assign({ body1: true, textAlignCenter: true, m: 20 }, { children: t("dropzone.description") })), _jsx(Button, __assign({ variant: "secondary", w: "fit-content", p: 12, isSmall: true, onClick: openUploadFileDialog }, { children: t("dropzone.button") }))] })));
+    var manualDataImportSelected = useImporterContext().manualDataImportSelected;
+    return (_jsxs(Div, __assign({ centered: true, flexColumn: true }, { children: [_jsx(Div, __assign({ mb: 12 }, { children: DragAndDropSvg })), _jsx(Div, __assign({ h4: true }, { children: t("dropzone.title") })), _jsx(Button, __assign({ mt: 20, variant: "secondary", w: "fit-content", p: 12, isSmall: true, onClick: openUploadFileDialog }, { children: t("dropzone.button") })), _jsx(Div, __assign({ body1: true, textAlignCenter: true, m: 4 }, { children: t("dropzone.description") })), _jsx(Div, { children: _jsx(Button, __assign({ variant: "link", w: "fit-content", p: 12, isSmall: true, onClick: manualDataImportSelected }, { children: t("dropzone.enter_data_manually") })) })] })));
 };
 var ImporterDropzone = function () {
     var _a = useUploaderContext(), setIsUploading = _a.setIsUploading, setFileName = _a.setFileName;

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

@@ -24,6 +24,7 @@ type State = {
     lastClickedIndexRef: React.MutableRefObject<number | null>;
     filteredInputValue: string;
     setFilteredInputValue: React.Dispatch<React.SetStateAction<string>>;
+    addNewRowsToSpreadsheet: () => void;
 } & ValidationState;
 type Props = {
     initialDataSet: RecordDataSet;

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

@@ -25,6 +25,7 @@ import { get } from "lodash";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
 import { useValidationState } from "./hooks";
 import { addEmptyRows } from "../../../Importer/data";
+import { addMeta } from "../../../Importer/data";
 var SpreadsheetContext = createContext({});
 export var SpreadsheetContextProvider = function (_a) {
     var initialDataSet = _a.initialDataSet, _b = _a.rowWidth, rowWidth = _b === void 0 ? 1 : _b, fields = _a.fields, options = _a.options, isReadOnly = _a.isReadOnly, highlightFirstRow = _a.highlightFirstRow, children = _a.children, onValidateRecord = _a.onValidateRecord, onDataSetChanged = _a.onDataSetChanged, onValidationStateChanged = _a.onValidationStateChanged, selectedRows = _a.selectedRows, setSelectedRows = _a.setSelectedRows;
@@ -45,6 +46,14 @@ export var SpreadsheetContextProvider = function (_a) {
         setIsLoading: setIsLoading,
         onValidateRecord: onValidateRecord,
     }), errorsRef = _h.errorsRef, warningsRef = _h.warningsRef, updateRecordAndRevalidate = _h.updateRecordAndRevalidate, deleteRecords = _h.deleteRecords, filterRecordsBySearchValue = _h.filterRecordsBySearchValue, validationState = __rest(_h, ["errorsRef", "warningsRef", "updateRecordAndRevalidate", "deleteRecords", "filterRecordsBySearchValue"]);
+    var addNewRowsToSpreadsheet = function () {
+        var highestRowIndex = Math.max.apply(Math, Object.values(dataSet).map(function (obj) { return obj._meta.rowIndex; }));
+        var newRow = addMeta({}, highestRowIndex + 1);
+        setDataSet(function (oldValues) {
+            var _a;
+            return (__assign(__assign({}, oldValues), (_a = {}, _a[newRow._meta.id] = newRow, _a)));
+        });
+    };
     // sort data based on errors (errors group on top and not errors group at bottom)
     var data = useMemo(function () {
         var filteredObj = filterRecordsBySearchValue(dataSet, filteredInputValue);
@@ -65,6 +74,17 @@ export var SpreadsheetContextProvider = function (_a) {
     addEmptyRows(data, fields);
     useEffect(function () {
         onDataSetChanged && onDataSetChanged(dataSet);
+        var dataSetKeys = Object.keys(dataSet);
+        var latestDataSet = dataSet[dataSetKeys[dataSetKeys.length - 1]];
+        var latestDataSetValuesWithoutMeta = Object.values(latestDataSet).filter(function (key) { return key !== "_meta"; });
+        var hasValueInTheLastObject = latestDataSetValuesWithoutMeta
+            .filter(function (value) {
+            return value !== null && value !== undefined && typeof value !== "object";
+        })
+            .some(function (value) { return value !== "null" && value !== "undefined"; });
+        if (hasValueInTheLastObject) {
+            addNewRowsToSpreadsheet();
+        }
     }, [dataSet]);
     useEffect(function () {
         setDataSet(initialDataSet);
@@ -85,7 +105,7 @@ export var SpreadsheetContextProvider = function (_a) {
         setSortByFieldErrors(null);
     }, []);
     var lastClickedIndexRef = useRef(null);
-    var value = __assign(__assign({ data: data, fields: fields, isLoading: isLoading }, validationState), { isReadOnly: isReadOnly, rowWidth: rowWidth, sortByFieldErrors: sortByFieldErrors, sortByFieldWarnings: sortByFieldWarnings, highlightFirstRow: highlightFirstRow, options: options, setIsLoading: setIsLoading, setSortByFieldErrors: handleSortByFieldErrors, setSortByFieldWarnings: handleSortByFieldWarnings, onValidateRecord: onValidateRecord, updateRecord: updateRecordAndRevalidate, selectedRows: selectedRows, setSelectedRows: setSelectedRows, deleteRecords: deleteRecords, filteredInputValue: filteredInputValue, setFilteredInputValue: setFilteredInputValue, lastClickedIndexRef: lastClickedIndexRef });
+    var value = __assign(__assign({ data: data, fields: fields, isLoading: isLoading }, validationState), { isReadOnly: isReadOnly, rowWidth: rowWidth, sortByFieldErrors: sortByFieldErrors, sortByFieldWarnings: sortByFieldWarnings, highlightFirstRow: highlightFirstRow, options: options, setIsLoading: setIsLoading, setSortByFieldErrors: handleSortByFieldErrors, setSortByFieldWarnings: handleSortByFieldWarnings, onValidateRecord: onValidateRecord, updateRecord: updateRecordAndRevalidate, selectedRows: selectedRows, setSelectedRows: setSelectedRows, deleteRecords: deleteRecords, filteredInputValue: filteredInputValue, setFilteredInputValue: setFilteredInputValue, lastClickedIndexRef: lastClickedIndexRef, addNewRowsToSpreadsheet: addNewRowsToSpreadsheet });
     return (_jsx(SpreadsheetContext.Provider, __assign({ value: value }, { children: children })));
 };
 export var useSpreadsheetContext = function () { return useContext(SpreadsheetContext); };

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

@@ -50,6 +50,9 @@ export type State = {
     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;

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

@@ -47,7 +47,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import Fuse from "fuse.js";
-import { createContext, useContext, useEffect, useMemo, useState, } from "react";
+import { createContext, useContext, useEffect, useMemo, useRef, useState, } from "react";
 import { FieldTypes, } from "../../types";
 import { FuseApi } from "../common/FuseApi";
 import { getCustomTheme, theme } from "../common/theme";
@@ -75,16 +75,24 @@ export var ImporterContextProvider = function (_a) {
     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;
-        return uploadedData &&
-            ((_a = uploadedData[0]) === null || _a === void 0 ? void 0 : _a.map(function (ud) {
-                return typeof ud === "number" ? ud.toString() : ud;
-            }));
+        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)
@@ -150,6 +158,19 @@ export var ImporterContextProvider = function (_a) {
         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);
@@ -193,6 +214,9 @@ export var ImporterContextProvider = function (_a) {
         onSubmit: onSubmit,
         selectedRows: selectedRows,
         setSelectedRows: setSelectedRows,
+        isUsingManualImport: isUsingManualImport,
+        resetImporterWhenUsingManualImport: resetImporterWhenUsingManualImport,
+        manualDataImportSelected: manualDataImportSelected,
     };
     return (_jsx(ImporterContext.Provider, __assign({ value: value }, { children: children })));
 };

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

@@ -24,6 +24,8 @@ export declare const getPreviewDataSet: ({ uploadedData, }: {
 };
 export declare const getReviewDataSet: ({ templateHeaderMatchings, enumFieldValueMatchings, templateHeaders, uploadedDataHeaders, uploadedData, formatRecord, }: transformToRecordsArgs) => {
     fields: Field[];
-    initialDataSet: RecordDataSet;
+    initialDataSet: {
+        [x: string]: Record;
+    };
 };
 export {};

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

@@ -110,6 +110,7 @@ export var getPreviewDataSet = function (_a) {
     return { fields: fields, initialDataSet: getInitialDataSet() };
 };
 export var getReviewDataSet = function (_a) {
+    var _b;
     var templateHeaderMatchings = _a.templateHeaderMatchings, enumFieldValueMatchings = _a.enumFieldValueMatchings, templateHeaders = _a.templateHeaders, uploadedDataHeaders = _a.uploadedDataHeaders, uploadedData = _a.uploadedData, formatRecord = _a.formatRecord;
     var fields = templateHeaders.map(function (templateHeader) { return ({
         label: templateHeader.label,
@@ -128,6 +129,9 @@ export var getReviewDataSet = function (_a) {
         uploadedData: uploadedData,
         formatRecord: formatRecord,
     });
-    var initialDataSet = recordListToDataSet(addEmptyRows(records, fields), fields);
+    var baseInitialDataSet = recordListToDataSet(addEmptyRows(records, fields), fields);
+    var highestRowIndex = Math.max.apply(Math, Object.values(records).map(function (obj) { return obj._meta.rowIndex; }));
+    var emptyRowAtBottom = addMeta({}, highestRowIndex + 1);
+    var initialDataSet = __assign(__assign({}, baseInitialDataSet), (_b = {}, _b[emptyRowAtBottom._meta.id] = emptyRowAtBottom, _b));
     return { fields: fields, initialDataSet: initialDataSet };
 };

package/lib/esm/common/Table/TableActions/DeleteSelectedRows.js

@@ -39,7 +39,7 @@ export var DeleteSelectedRows = function (_a) {
     var _b = _a.testId, testId = _b === void 0 ? "ta-delete-rows" : _b;
     var _c = useState(false), isConfirmationModalOpen = _c[0], setIsConfirmationModalOpen = _c[1];
     var _d = useSpreadsheetContext(), data = _d.data, filteredInputValue = _d.filteredInputValue, deleteRecords = _d.deleteRecords, selectedRows = _d.selectedRows, setSelectedRows = _d.setSelectedRows, setFilteredInputValue = _d.setFilteredInputValue;
-    var setCurrentStepIndex = useImporterContext().setCurrentStepIndex;
+    var _e = useImporterContext(), setCurrentStepIndex = _e.setCurrentStepIndex, isUsingManualImport = _e.isUsingManualImport;
     var toggleModalVisibility = function () {
         setIsConfirmationModalOpen(function (oldValue) { return !oldValue; });
     };
@@ -48,8 +48,10 @@ export var DeleteSelectedRows = function (_a) {
         toggleModalVisibility();
         setFilteredInputValue("");
         var validData = filterByRecordsThatContainsValues(data);
-        // If user is deleting every row
-        if (!filteredInputValue && selectedRows.length === validData.length) {
+        // If user is deleting every row, but not using the manual import option
+        if (!isUsingManualImport.current &&
+            !filteredInputValue &&
+            selectedRows.length === validData.length) {
             setCurrentStepIndex(0);
             return addToast("You have deleted all the rows. You will be redirect to the upload step.", "success");
         }

package/lib/esm/common/Table/TableView/index.js

@@ -38,7 +38,7 @@ import { Cell, DraggableCell } from "./TableCells";
 export * from "./common";
 export * from "./TableHeaders";
 export * from "./TableRow";
-export var TableViewWrapper = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  border-radius: 8px;\n  border: solid 1px ", ";\n  overflow: hidden;\n\n  // prevents clipped dropdowns\n  .ReactVirtualized__Grid__innerScrollContainer {\n    overflow: visible !important;\n  }\n  .ReactVirtualized__Table__row {\n    overflow: visible !important;\n  }\n\n  // fix scrollbar layout issues on windows/macos\n  .ReactVirtualized__Grid {\n    ", ";\n  }\n"], ["\n  ", "\n  border-radius: 8px;\n  border: solid 1px ", ";\n  overflow: hidden;\n\n  // prevents clipped dropdowns\n  .ReactVirtualized__Grid__innerScrollContainer {\n    overflow: visible !important;\n  }\n  .ReactVirtualized__Table__row {\n    overflow: visible !important;\n  }\n\n  // fix scrollbar layout issues on windows/macos\n  .ReactVirtualized__Grid {\n    ", ";\n  }\n"])), function (p) {
+export var TableViewWrapper = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  border-radius: 8px;\n  border: solid 1px ", ";\n  max-width: calc(100vw - 50px);\n  overflow: hidden;\n\n  // prevents clipped dropdowns\n  .ReactVirtualized__Grid__innerScrollContainer {\n    overflow: visible !important;\n  }\n  .ReactVirtualized__Table__row {\n    overflow: visible !important;\n  }\n\n  // fix scrollbar layout issues on windows/macos\n  .ReactVirtualized__Grid {\n    ", ";\n  }\n"], ["\n  ", "\n  border-radius: 8px;\n  border: solid 1px ", ";\n  max-width: calc(100vw - 50px);\n  overflow: hidden;\n\n  // prevents clipped dropdowns\n  .ReactVirtualized__Grid__innerScrollContainer {\n    overflow: visible !important;\n  }\n  .ReactVirtualized__Table__row {\n    overflow: visible !important;\n  }\n\n  // fix scrollbar layout issues on windows/macos\n  .ReactVirtualized__Grid {\n    ", ";\n  }\n"])), function (p) {
     return p.isLoading && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      opacity: 0.5;\n    "], ["\n      opacity: 0.5;\n    "])));
 }, function (p) { return p.theme.colors.gray300; }, function (p) { return p.theme.css.scrollbarDark; });
 var SpinnerWrapper = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  pointer-events: none;\n  z-index: 100;\n"], ["\n  pointer-events: none;\n  z-index: 100;\n"])));

package/lib/esm/common/buttons.d.ts

@@ -1,5 +1,5 @@
 import { CSSProps } from "../styled/utils";
-declare const types: readonly ["primary", "secondary", "tertiary"];
+declare const types: readonly ["primary", "secondary", "tertiary", "link"];
 export type ButtonTypes = typeof types[number];
 export type BtnProps = {
     onClick?: () => void;

package/lib/esm/common/buttons.js

@@ -28,7 +28,7 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { get } from "lodash";
 import styled, { css } from "styled-components";
 import { Div, HTMLButton } from "../styled/utils";
-var types = ["primary", "secondary", "tertiary"];
+var types = ["primary", "secondary", "tertiary", "link"];
 var getBgColor = function (props) {
     return get(props, "backgroundColor", get(props.theme, "colors.pink500"));
 };
@@ -63,17 +63,20 @@ var styles = {
     tertiary: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    background: transparent;\n    border: solid 1px transparent;\n    color: ", ";\n    :hover {\n      background: ", ";\n    }\n    :active {\n      background: ", ";\n      color: ", ";\n    }\n    ", "\n  "], ["\n    background: transparent;\n    border: solid 1px transparent;\n    color: ", ";\n    :hover {\n      background: ", ";\n    }\n    :active {\n      background: ", ";\n      color: ", ";\n    }\n    ", "\n  "])), function (props) { return props.theme.colors.text; }, function (props) { return props.theme.colors.white50; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.white; }, function (props) {
         return props.isDisabled && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), function (props) { return props.theme.colors.gray300; });
     }),
+    link: css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    background: transparent;\n    border: solid 1px transparent;\n    color: ", ";\n    text-decoration: underline;\n    :hover {\n      background: ", ";\n    }\n    :active {\n      background: ", ";\n      color: ", ";\n    }\n    ", "\n  "], ["\n    background: transparent;\n    border: solid 1px transparent;\n    color: ", ";\n    text-decoration: underline;\n    :hover {\n      background: ", ";\n    }\n    :active {\n      background: ", ";\n      color: ", ";\n    }\n    ", "\n  "])), function (props) { return props.theme.colors.text; }, function (props) { return props.theme.colors.white50; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.white; }, function (props) {
+        return props.isDisabled && css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), function (props) { return props.theme.colors.gray300; });
+    }),
 };
-var commonButtonStyle = css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  padding: 12px 24px;\n  height: 48px;\n  width: fit-content;\n\n  ", "\n\n  border: solid 1px black;\n  border-radius: 24px;\n\n  font-family: DM Sans;\n\n  :focus {\n    outline: none;\n  }\n  :hover {\n    cursor: pointer;\n  }\n\n  ", "\n  ", ";\n\n  ", ";\n"], ["\n  padding: 12px 24px;\n  height: 48px;\n  width: fit-content;\n\n  ", "\n\n  border: solid 1px black;\n  border-radius: 24px;\n\n  font-family: DM Sans;\n\n  :focus {\n    outline: none;\n  }\n  :hover {\n    cursor: pointer;\n  }\n\n  ", "\n  ", ";\n\n  ", ";\n"])), function (props) {
-    return props.isSmall && css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      height: 36px;\n      padding: 6px 20px;\n    "], ["\n      height: 36px;\n      padding: 6px 20px;\n    "])));
+var commonButtonStyle = css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  padding: 12px 24px;\n  height: 48px;\n  width: fit-content;\n\n  ", "\n\n  border: solid 1px black;\n  border-radius: 24px;\n\n  font-family: DM Sans;\n\n  :focus {\n    outline: none;\n  }\n  :hover {\n    cursor: pointer;\n  }\n\n  ", "\n  ", ";\n\n  ", ";\n"], ["\n  padding: 12px 24px;\n  height: 48px;\n  width: fit-content;\n\n  ", "\n\n  border: solid 1px black;\n  border-radius: 24px;\n\n  font-family: DM Sans;\n\n  :focus {\n    outline: none;\n  }\n  :hover {\n    cursor: pointer;\n  }\n\n  ", "\n  ", ";\n\n  ", ";\n"])), function (props) {
+    return props.isSmall && css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      height: 36px;\n      padding: 6px 20px;\n    "], ["\n      height: 36px;\n      padding: 6px 20px;\n    "])));
 }, function (props) {
-    return props.isDisabled && css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      pointer-events: none;\n    "], ["\n      pointer-events: none;\n    "])));
+    return props.isDisabled && css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      pointer-events: none;\n    "], ["\n      pointer-events: none;\n    "])));
 }, function (props) {
     var c = props.theme.css;
     return [c.centered, c.buttonText];
 }, function (props) { return styles[props.variant || "primary"]; });
-export var ButtonWrapper = styled(Div)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), commonButtonStyle);
-export var ButtonElementWrapper = styled(HTMLButton)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), commonButtonStyle);
+export var ButtonWrapper = styled(Div)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), commonButtonStyle);
+export var ButtonElementWrapper = styled(HTMLButton)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), commonButtonStyle);
 export var Button = function (_a) {
     var _b = _a.onClick, onClick = _b === void 0 ? null : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.variant, variant = _d === void 0 ? "primary" : _d, _e = _a.isSmall, isSmall = _e === void 0 ? false : _e, children = _a.children, _f = _a.isButtonElement, isButtonElement = _f === void 0 ? false : _f, props = __rest(_a, ["onClick", "isDisabled", "variant", "isSmall", "children", "isButtonElement"]);
     return (_jsx(_Fragment, { children: isButtonElement ? (_jsx(ButtonElementWrapper, __assign({ isSmall: isSmall, isDisabled: isDisabled, disabled: isDisabled, variant: variant, type: "submit" }, props, { children: children }))) : (_jsx(ButtonWrapper, __assign({ role: "button", w: "fit-content", p: 12, isSmall: isSmall, onClick: isDisabled ? null : onClick, onKeyDown: function (_a) {
@@ -84,4 +87,4 @@ export var Button = function (_a) {
                 }
             }, tabIndex: 0 }, __assign({ variant: variant, isDisabled: isDisabled, onClick: onClick, disabled: isDisabled }, props), { children: _jsx(_Fragment, { children: children }) }))) }));
 };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;

package/lib/esm/locales/de.d.ts

@@ -32,6 +32,7 @@ declare const _default: {
             title: string;
             description: string;
             button: string;
+            enter_data_manually: string;
         };
     };
     match: {
@@ -50,6 +51,7 @@ declare const _default: {
     };
     review: {
         title: string;
+        manual_importer_title: string;
         export: string;
         description: string;
     };

package/lib/esm/locales/de.js

@@ -33,6 +33,7 @@ export default {
             title: "Ziehen & lassen Sie Ihre Datei hier",
             description: "oder",
             button: "Dateien durchsuchen",
+            enter_data_manually: "Daten manuell eingeben",
         },
     },
     match: {
@@ -50,7 +51,8 @@ export default {
         },
     },
     review: {
-        title: "Überprüfen Sie Ihre Tabelle, bevor Sie sie einreichen",
+        title: "Überprüfen und Senden",
+        manual_importer_title: "Daten Eingeben und Senden",
         export: "Exportieren",
         description: "Einige Zellen im Dokument können Fehler im Format oder fehlende Informationen aufweisen. Bitte überprüfen Sie diese, um fortzufahren.",
     },

package/lib/esm/locales/en.d.ts

@@ -32,6 +32,7 @@ declare const _default: {
             title: string;
             description: string;
             button: string;
+            enter_data_manually: string;
         };
     };
     match: {
@@ -50,6 +51,7 @@ declare const _default: {
     };
     review: {
         title: string;
+        manual_importer_title: string;
         export: string;
         description: string;
     };

package/lib/esm/locales/en.js

@@ -33,6 +33,7 @@ export default {
             title: "Drag & drop your file here",
             description: "or",
             button: "Browse Files",
+            enter_data_manually: "Enter data manually",
         },
     },
     match: {
@@ -50,7 +51,8 @@ export default {
         },
     },
     review: {
-        title: "Review Your Spreadsheet before Submitting",
+        title: "Review & Submit",
+        manual_importer_title: "Enter Data & Submit",
         export: "Export",
         description: "Some cells in the document might have errors in format or missing information. Please review these to continue.",
     },

package/lib/esm/locales/es.d.ts

@@ -32,6 +32,7 @@ declare const _default: {
             title: string;
             description: string;
             button: string;
+            enter_data_manually: string;
         };
     };
     match: {
@@ -50,6 +51,7 @@ declare const _default: {
     };
     review: {
         title: string;
+        manual_importer_title: string;
         export: string;
         description: string;
     };

package/lib/esm/locales/es.js

@@ -33,6 +33,7 @@ export default {
             title: "Arrastra y suelta tu archivo aquí",
             description: "o",
             button: "Examinar archivos",
+            enter_data_manually: "Ingresar datos manualmente",
         },
     },
     match: {
@@ -50,7 +51,8 @@ export default {
         },
     },
     review: {
-        title: "Revise su hoja de cálculo antes de enviar",
+        title: "Revisar y Enviar",
+        manual_importer_title: "Ingresar Datos y Enviar",
         export: "Exportar",
         description: "Algunas celdas en el documento pueden tener errores en el formato o información faltante. Por favor revise esto para continuar.",
     },

package/lib/esm/locales/fr.d.ts

@@ -32,6 +32,7 @@ declare const _default: {
             title: string;
             description: string;
             button: string;
+            enter_data_manually: string;
         };
     };
     match: {
@@ -50,6 +51,7 @@ declare const _default: {
     };
     review: {
         title: string;
+        manual_importer_title: string;
         export: string;
         description: string;
     };

package/lib/esm/locales/fr.js

@@ -33,6 +33,7 @@ export default {
             title: "Glissez et déposez votre fichier ici",
             description: "ou",
             button: "Parcourir les fichiers",
+            enter_data_manually: "Entrer les données manuellement",
         },
     },
     match: {
@@ -50,7 +51,8 @@ export default {
         },
     },
     review: {
-        title: "Examinez votre tableur avant de soumettre",
+        title: "Revoir et Envoyer",
+        manual_importer_title: "Saisir Des Données et Envoyer",
         export: "Exporter",
         description: "Certaines cellules du document peuvent avoir des erreurs de format ou des informations manquantes. Veuillez les examiner pour continuer.",
     },