fuse-importer 0.2.0-testing → 0.2.1-testing

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

@@ -62,7 +62,6 @@ import { useSpreadsheetContext } from "../../SpreadsheetContextProvider";
 import { useDataSetManipulation } from "../../SpreadsheetContextProvider/useDataSetManipulation";
 import { useValidationContext } from "../../ValidationContextProvider";
 import { parseValue } from "../../common";
-import { useCellContext } from "../SpreadsheetData/CellContextProvider";
 export var useSpreadsheetField = function (name, record, fieldType) {
     var appendNewRecordToSpreadsheet = useDataSetManipulation().appendNewRecordToSpreadsheet;
     var _a = useFilteredDataContext(), lastFilteredRecordId = _a.lastFilteredRecordId, spreadsheetFilter = _a.spreadsheetFilter;
@@ -115,40 +114,38 @@ export var useSpreadsheetField = function (name, record, fieldType) {
         validationWarning: validationWarning,
     };
 };
-export var ContentContainer = styled(Div)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  height: calc(100% - 1px);\n  width: ", ";\n  overflow: hidden;\n\n  ", "\n\n  &:focus-within, \n  &:hover {\n    ", "\n  }\n\n  &:focus-within, \n  &:hover {\n    ", "\n  }\n\n  ", ";\n  ", "\n  ", "\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  height: calc(100% - 1px);\n  width: ", ";\n  overflow: hidden;\n\n  ", "\n\n  &:focus-within, \n  &:hover {\n    ", "\n  }\n\n  &:focus-within, \n  &:hover {\n    ", "\n  }\n\n  ", ";\n  ", "\n  ", "\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
+var ContentContainer = styled(Div)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  height: calc(100% - 1px);\n  width: ", ";\n  overflow: hidden;\n\n  ", "\n\n  &:focus-within, \n  &:hover {\n    ", "\n  }\n\n  &:focus-within, \n  &:hover {\n    ", "\n  }\n\n  ", ";\n  ", "\n  ", "\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  height: calc(100% - 1px);\n  width: ", ";\n  overflow: hidden;\n\n  ", "\n\n  &:focus-within, \n  &:hover {\n    ", "\n  }\n\n  &:focus-within, \n  &:hover {\n    ", "\n  }\n\n  ", ";\n  ", "\n  ", "\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
     var defaultFieldWidth = _a.defaultFieldWidth;
     return defaultFieldWidth ? "".concat(defaultFieldWidth, "px") : "100%";
 }, function (_a) {
     var expandedFieldWidth = _a.expandedFieldWidth;
     return expandedFieldWidth && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      position: absolute;\n    "], ["\n      position: absolute;\n    "])));
 }, function (_a) {
-    var hasError = _a.hasError, hasWarning = _a.hasWarning, isHighlighted = _a.isHighlighted, theme = _a.theme, shouldExpandInput = _a.shouldExpandInput, isSelected = _a.isSelected;
+    var hasError = _a.hasError, hasWarning = _a.hasWarning, isHighlighted = _a.isHighlighted, theme = _a.theme, shouldExpandInput = _a.shouldExpandInput;
     return shouldExpandInput &&
         !hasError &&
-        !hasWarning &&
-        !isSelected && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        background: ", ";\n        box-shadow: 0px 0px 0px 2px ", " inset;\n      "], ["\n        background: ", ";\n        box-shadow: 0px 0px 0px 2px ", " inset;\n      "])), !isHighlighted
+        !hasWarning && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        background: ", ";\n        box-shadow: 0px 0px 0px 2px ", " inset;\n      "], ["\n        background: ", ";\n        box-shadow: 0px 0px 0px 2px ", " inset;\n      "])), !isHighlighted
         ? theme.colors.white
         : theme.colors.blue100, function (p) { return p.theme.colors.blue500; });
 }, function (_a) {
     var expandedFieldWidth = _a.expandedFieldWidth, shouldExpandInput = _a.shouldExpandInput;
     return shouldExpandInput && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        width: ", ";\n\n        .suffix {\n          right: 12px;\n        }\n      "], ["\n        width: ", ";\n\n        .suffix {\n          right: 12px;\n        }\n      "])), expandedFieldWidth || "auto");
 }, function (p) { return p.theme.css.alignCenter; }, function (p) {
-    return p.hasWarning && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      color: ", ";\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 1px ", " inset;\n      ", "\n    "], ["\n      color: ", ";\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 1px ", " inset;\n      ", "\n    "])), function (p) { return p.theme.colors.orange1200; }, function (p) { return p.theme.colors.orange1100; }, function (p) { return p.theme.colors.orange500; }, p.isSelected && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        filter: brightness(90%);\n      "], ["\n        filter: brightness(90%);\n      "]))));
+    return p.hasWarning && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      color: ", ";\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 1px ", " inset;\n    "], ["\n      color: ", ";\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 1px ", " inset;\n    "])), function (p) { return p.theme.colors.orange1200; }, function (p) { return p.theme.colors.orange1100; }, function (p) { return p.theme.colors.orange500; });
 }, function (p) {
-    return p.hasError && css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      color: ", ";\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 1px ", " inset;\n      ", "\n    "], ["\n      color: ", ";\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 1px ", " inset;\n      ", "\n    "])), function (p) { return p.theme.colors.error; }, function (p) { return p.theme.colors.red100; }, function (p) { return p.theme.colors.error; }, p.isSelected && css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        filter: brightness(90%);\n      "], ["\n        filter: brightness(90%);\n      "]))));
+    return p.hasError && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      color: ", ";\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 1px ", " inset;\n    "], ["\n      color: ", ";\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 1px ", " inset;\n    "])), function (p) { return p.theme.colors.error; }, function (p) { return p.theme.colors.red100; }, function (p) { return p.theme.colors.error; });
 }, function (p) {
-    return p.isHighlighted && css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 2px ", " inset;\n      z-index: 99;\n      color: ", ";\n\n      &:hover {\n        z-index: 100;\n      }\n\n      input {\n        color: ", ";\n      }\n    "], ["\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 2px ", " inset;\n      z-index: 99;\n      color: ", ";\n\n      &:hover {\n        z-index: 100;\n      }\n\n      input {\n        color: ", ";\n      }\n    "])), function (p) { return p.theme.colors.blue100; }, function (p) { return p.theme.colors.blue500; }, function (p) { return p.theme.colors.gray1000; }, function (p) { return p.theme.colors.gray1000; });
+    return p.isHighlighted && css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 2px ", " inset;\n      z-index: 99;\n      color: ", ";\n\n      &:hover {\n        z-index: 100;\n      }\n\n      input {\n        color: ", ";\n      }\n    "], ["\n      background: ", ";\n      /* internal border */\n      box-shadow: 0px 0px 0px 2px ", " inset;\n      z-index: 99;\n      color: ", ";\n\n      &:hover {\n        z-index: 100;\n      }\n\n      input {\n        color: ", ";\n      }\n    "])), function (p) { return p.theme.colors.blue100; }, function (p) { return p.theme.colors.blue500; }, function (p) { return p.theme.colors.gray1000; }, function (p) { return p.theme.colors.gray1000; });
 }, function (_a) {
     var shouldExpandInput = _a.shouldExpandInput, isHighlighted = _a.isHighlighted;
     return shouldExpandInput &&
-        !isHighlighted && css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      z-index: 1;\n    "], ["\n      z-index: 1;\n    "])));
+        !isHighlighted && css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      z-index: 1;\n    "], ["\n      z-index: 1;\n    "])));
 }, function (p) {
-    return p.isReadOnly && css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      pointer-events: none;\n    "], ["\n      pointer-events: none;\n    "])));
+    return p.isReadOnly && css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      pointer-events: none;\n    "], ["\n      pointer-events: none;\n    "])));
 });
 export var SpreadsheetField = function (_a) {
     var validationError = _a.validationError, validationWarning = _a.validationWarning, children = _a.children, isHighlighted = _a.isHighlighted, expandedFieldWidth = _a.expandedFieldWidth, shouldExpandInput = _a.shouldExpandInput, defaultFieldWidth = _a.defaultFieldWidth;
     var isReadOnly = useSpreadsheetContext().isReadOnly;
-    var _b = useCellContext(), selectedCellStyles = _b.selectedCellStyles, selectionProps = _b.selectionProps, isSelected = _b.isSelected;
-    return (_jsx(Div, __assign({ dim: "100%" }, selectionProps, { children: _jsx(TooltipProvider, __assign({ tooltip: validationError || validationWarning }, { children: _jsx(Div, __assign({ dim: "100%" }, { children: _jsx(ContentContainer, __assign({ css: selectedCellStyles, hasError: validationError !== null, hasWarning: validationWarning !== null, isSelected: isSelected, isHighlighted: isHighlighted, expandedFieldWidth: expandedFieldWidth, defaultFieldWidth: defaultFieldWidth, shouldExpandInput: shouldExpandInput, isReadOnly: isReadOnly, className: "input-content" }, { children: children })) })) })) })));
+    return (_jsx(Div, __assign({ dim: "100%" }, { children: _jsx(TooltipProvider, __assign({ tooltip: validationError || validationWarning }, { children: _jsx(Div, __assign({ dim: "100%" }, { children: _jsx(ContentContainer, __assign({ hasError: validationError !== null, hasWarning: validationWarning !== null, isHighlighted: isHighlighted, expandedFieldWidth: expandedFieldWidth, defaultFieldWidth: defaultFieldWidth, shouldExpandInput: shouldExpandInput, isReadOnly: isReadOnly, className: "input-content" }, { 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;

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

@@ -1,4 +1,4 @@
-import React, { MutableRefObject } from "react";
+import React from "react";
 import { CustomAction, FormatRecord, ImporterOptions, Integration, OnSubmit, OnValidateRecord, Record, TemplateHeader } from "../../types";
 import { FuseApi } from "../common/FuseApi";
 export type HeaderMatchings = {
@@ -31,7 +31,6 @@ export type State = {
     templateSlug: string;
     apiToken: string;
     inTrialMode: boolean;
-    hasValidSubmitFn: boolean;
     previewFirstTime: boolean;
     fuseApi: FuseApi;
     importerOptions: ImporterOptions;
@@ -61,7 +60,6 @@ export type State = {
     headerMappingsLoaded: boolean;
     valueMappingsLoaded: boolean;
     headersMappings: HeaderMappings[];
-    layoutRef: MutableRefObject<HTMLDivElement>;
 };
 export type Props = {
     templateSlug: string;

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

@@ -84,7 +84,6 @@ export var ImporterContextProvider = function (_a) {
     var _r = useState(0), headerRowIndex = _r[0], setHeaderRowIndex = _r[1];
     var _s = useState(false), headerMappingsLoaded = _s[0], setHeaderMappingsLoaded = _s[1];
     var _t = useState(false), valueMappingsLoaded = _t[0], setValueMappingsLoaded = _t[1];
-    var layoutRef = useRef(null);
     var fuseApi = useMemo(function () { return new FuseApi(options.env, apiToken); }, [
         options.env,
         apiToken,
@@ -327,7 +326,6 @@ export var ImporterContextProvider = function (_a) {
         }
     };
     var inTrialMode = organization === null || organization === void 0 ? void 0 : organization.trial_mode;
-    var hasValidSubmitFn = typeof onSubmit === "function";
     var value = {
         initialRecords: initialRecords,
         currentStepIndex: currentStepIndex,
@@ -344,7 +342,6 @@ export var ImporterContextProvider = function (_a) {
         apiToken: apiToken,
         templateSlug: templateSlug,
         inTrialMode: inTrialMode,
-        hasValidSubmitFn: hasValidSubmitFn,
         fuseApi: fuseApi,
         theme: style.theme,
         logoURL: style.logoURL,
@@ -373,7 +370,6 @@ export var ImporterContextProvider = function (_a) {
         headerMappingsLoaded: headerMappingsLoaded,
         valueMappingsLoaded: valueMappingsLoaded,
         headersMappings: headersMappings,
-        layoutRef: layoutRef,
     };
     return (_jsx(ImporterContext.Provider, __assign({ value: value }, { children: children })));
 };

package/lib/esm/Importer/hooks/useSubmitToServer.js

@@ -58,7 +58,6 @@ import { useState } from "react";
 import { isRecordEmpty } from "../../Importer/common/Spreadsheet/common";
 import { sendRecordsToIntegrations } from "../../Importer/common/utils";
 import { getTemplateFields, recordListToDataSet } from "../../Importer/data";
-import { addToast } from "../../common";
 import { useImporterContext, } from "../contexts/ImporterContextProvider";
 var trackImportedRowsCount = function (fuseApi, templateSlug, rowCount) { return __awaiter(void 0, void 0, void 0, function () {
     var error_1, errorMessage;
@@ -139,29 +138,6 @@ var filterAndMapWithBackendErrors = function (dataSet, errors) {
         return __assign(__assign({}, record), { _meta: __assign(__assign({}, meta), { isInvalid: true, backendErrors: errors[rId] }) });
     }, []);
 };
-var checkWrongData = function (dataSet, errors, reviewFields) {
-    var errorsKeys = Object.keys(errors);
-    var highestRowIndex = 0;
-    Object.values(dataSet).forEach(function (record) {
-        highestRowIndex = Math.max(highestRowIndex, record._meta.rowIndex);
-    });
-    var _loop_1 = function (currErrorId) {
-        var allFieldsName = reviewFields.map(function (field) { return field.name; });
-        var columnsOnError = Object.keys(errors[currErrorId]);
-        columnsOnError.forEach(function (column) {
-            if (!allFieldsName.includes(column)) {
-                addToast("Invalid column \"".concat(column, "\""), "error");
-            }
-        });
-        if (+currErrorId > highestRowIndex) {
-            addToast("Invalid row id \"".concat(currErrorId, "\""), "error");
-        }
-    };
-    for (var _i = 0, errorsKeys_1 = errorsKeys; _i < errorsKeys_1.length; _i++) {
-        var currErrorId = errorsKeys_1[_i];
-        _loop_1(currErrorId);
-    }
-};
 export var useSubmitToServer = function (setHasTransformedRecords) {
     var _a = useImporterContext(), enumFieldValueMatchings = _a.enumFieldValueMatchings, templateHeaderMatchings = _a.templateHeaderMatchings, templateHeaders = _a.templateHeaders, integrations = _a.integrations, templateSlug = _a.templateSlug, fuseApi = _a.fuseApi, previewMode = _a.importerOptions.previewMode, onSubmit = _a.onSubmit;
     var _b = useState(false), isSubmitting = _b[0], setIsSubmitting = _b[1];
@@ -190,7 +166,6 @@ export var useSubmitToServer = function (setHasTransformedRecords) {
                     if (!isAppResponseSuccessful) {
                         _a = (applicationResponse !== null && applicationResponse !== void 0 ? applicationResponse : {}).errors, errors = _a === void 0 ? {} : _a;
                         invalidRecords_1 = __spreadArray(__spreadArray([], filterAndMapWithBackendErrors(dataSet, errors), true), invalidRecords_1, true);
-                        checkWrongData(dataSet, errors, reviewFields_1);
                     }
                     isDataValid = invalidRecords_1.length === 0;
                     setImportWasSuccessful(isDataValid && isAppResponseSuccessful);

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

@@ -14,7 +14,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useRef } from "react";
+import { useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import styled, { css } from "styled-components";
 import { useReviewContext } from "../../../Importer";
@@ -26,7 +26,6 @@ import { Div } from "../../../styled";
 import { colors } from "../../../styled/theme/colorPalette";
 import { textStyles } from "../../../styled/theme/textStyles";
 import { ReplaceIcon, SearchIcon } from "./icons";
-import { useSearchContext } from "../../../Importer/common/Spreadsheet/SearchContextProvider";
 var Wrapper = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: ", ";\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  gap: 8px;\n  height: 24px;\n  overflow: hidden;\n  padding: 8px;\n  position: relative;\n  transition: width 0.25s ease-in-out;\n  width: ", ";\n"], ["\n  background: ", ";\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  gap: 8px;\n  height: 24px;\n  overflow: hidden;\n  padding: 8px;\n  position: relative;\n  transition: width 0.25s ease-in-out;\n  width: ", ";\n"])), function (_a) {
     var isOpen = _a.isOpen;
     return (isOpen ? colors.orange50 : "none");
@@ -44,8 +43,10 @@ var Input = styled.input(templateObject_6 || (templateObject_6 = __makeTemplateO
 var SearchInput = function (_a) {
     var testId = _a.testId, value = _a.value, onChange = _a.onChange, isDisabled = _a.isDisabled;
     var _b = useDebounce(value, onChange, 300), _value = _b._value, set_Value = _b.set_Value;
+    var inputRef = useRef(null);
     var filteredDataIds = useFilteredDataContext().filteredDataIds;
-    var _c = useSearchContext(), findAndReplaceModalOpen = _c.findAndReplaceModalOpen, setFindAndReplaceModalOpen = _c.setFindAndReplaceModalOpen, openSearchInput = _c.openSearchInput, closeSearchInput = _c.closeSearchInput, searchInputRef = _c.searchInputRef, isOpen = _c.isOpen;
+    var _c = useState(false), findAndReplaceModalOpen = _c[0], setFindAndReplaceModalOpen = _c[1];
+    var _d = useState(false), isOpen = _d[0], setIsOpen = _d[1];
     var actionsRef = useRef();
     var t = useTranslation("review").t;
     var handleInputChange = function (_a) {
@@ -54,14 +55,21 @@ var SearchInput = function (_a) {
     };
     var handleInputOnBlur = function (e) {
         if (!_value && e.relatedTarget !== actionsRef.current) {
-            closeSearchInput();
+            setIsOpen(false);
         }
     };
-    return (_jsxs(Div, { children: [_jsx(TooltipProvider, __assign({ tooltip: !isOpen && !isDisabled && !findAndReplaceModalOpen
-                    ? t("table_actions.search_rows.tooltip")
-                    : "", placement: "right", flip: false, centered: true, w: "auto", "data-testid": testId }, { children: _jsxs(Wrapper, __assign({ isOpen: isOpen, onClick: function () { return !isDisabled && openSearchInput(); }, disabledWhen: isDisabled }, { children: [_jsx(IconWrapper, { children: _jsx(SearchIcon, {}) }), _jsx(Input, { isOpen: isOpen, ref: searchInputRef, value: _value, onChange: handleInputChange, onBlur: handleInputOnBlur, type: "text", placeholder: t("table_actions.search_rows.placeholder") }), _jsxs(ActionsWrapper, __assign({ "data-cy": "open-find-replace", ref: actionsRef, onClick: function () { return setFindAndReplaceModalOpen(true); }, tabIndex: 0 }, { children: [_jsx(ResultsText, { children: t("table_actions.search_rows.number_of_results", {
-                                        length: value ? filteredDataIds.length : 0,
-                                    }) }), _jsx(IconWrapper, { children: _jsx(ReplaceIcon, {}) })] }))] })) })), _jsx(Div, { children: findAndReplaceModalOpen && (_jsx(FindAndReplaceModal, { initialText: value, onClose: function () { return setFindAndReplaceModalOpen(false); } })) })] }));
+    var handleWrapperClick = function () {
+        var _a;
+        if (!isOpen) {
+            setIsOpen(true);
+            if (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) {
+                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            }
+        }
+    };
+    return (_jsxs(TooltipProvider, __assign({ tooltip: !isOpen && !isDisabled ? t("table_actions.search_rows.tooltip") : "", placement: "right", flip: false, centered: true, w: "auto", "data-testid": testId }, { children: [_jsxs(Wrapper, __assign({ isOpen: isOpen, onClick: function () { return !isDisabled && handleWrapperClick(); }, disabledWhen: isDisabled }, { children: [_jsx(IconWrapper, { children: _jsx(SearchIcon, {}) }), _jsx(Input, { isOpen: isOpen, ref: inputRef, value: _value, onChange: handleInputChange, onBlur: handleInputOnBlur, type: "text", placeholder: t("table_actions.search_rows.placeholder") }), _jsxs(ActionsWrapper, __assign({ "data-cy": "open-find-replace", ref: actionsRef, onClick: function () { return setFindAndReplaceModalOpen(true); }, tabIndex: 0 }, { children: [_jsx(ResultsText, { children: t("table_actions.search_rows.number_of_results", {
+                                    length: value ? filteredDataIds.length : 0,
+                                }) }), _jsx(IconWrapper, { children: _jsx(ReplaceIcon, {}) })] }))] })), findAndReplaceModalOpen && (_jsx(FindAndReplaceModal, { initialText: value, onClose: function () { return setFindAndReplaceModalOpen(false); } }))] })));
 };
 export var SearchRows = function (_a) {
     var _b = _a.testId, testId = _b === void 0 ? "ta-search-rows" : _b;

package/lib/esm/common/Table/TableView/TableRows/TableRow.js

@@ -51,7 +51,7 @@ export var TableRow = function (_a) {
             var isLastColumn = indexJ === columns.length - 1;
             return (_jsx(Cell, __assign({ row: row, onClick: onRowClick && !column.preventRowClick
                     ? function () { return onRowClick(row); }
-                    : null, isLast: isLastColumn, className: isLastColumn ? "last-column" : "", w: columnWidthPercentage }, { children: Content ? (_jsx(Content, __assign({}, row, { columnWidth: columnWidthPercentage, colIndex: indexJ, rowIndex: indexI }))) : (_jsx(Div, __assign({ truncateText: true }, { children: row[column.dataAccessor] || "-" }))) }), resolvedKey));
+                    : null, isLast: isLastColumn, className: isLastColumn ? "last-column" : "", w: columnWidthPercentage }, { children: Content ? (_jsx(Content, __assign({}, row, { columnWidth: columnWidthPercentage, rowIndex: indexI }))) : (_jsx(Div, __assign({ truncateText: true }, { children: row[column.dataAccessor] || "-" }))) }), resolvedKey));
         }) })));
 };
 var templateObject_1, templateObject_2, templateObject_3;

package/lib/esm/common/inputs/Autocomplete.js

@@ -83,7 +83,7 @@ var Autocomplete = function (_a) {
             })
             : options;
     }, [updatedText, text, options]);
-    var inputIconUI = text ? (_jsx(ClearIcon, __assign({ clickable: true, dim: 24, centered: true, "data-cy": "clear-icon", id: id ? "".concat(id, "-clear") : null, onClick: function (evt) {
+    var inputIconUI = text ? (_jsx(ClearIcon, __assign({ clickable: true, dim: 24, centered: true, id: id ? "".concat(id, "-clear") : null, onClick: function (evt) {
             evt.preventDefault();
             evt.stopPropagation();
             onChange(undefined);

package/lib/esm/common/inputs/TextInput.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { DivCSSProps } from "../../styled/utils";
-export declare const handleInputPaste: (event: any) => void;
 export declare const HTMLInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
     padding?: string;
 }, never>;

package/lib/esm/common/inputs/TextInput.js

@@ -31,14 +31,6 @@ import { FormInputLabel } from "..";
 import { useDebounce } from "../../hooks";
 import { Div } from "../../styled/utils";
 import Tooltip from "./tooltip";
-export var handleInputPaste = function (event) {
-    var clipboardData = event.clipboardData;
-    var pastedData = clipboardData.getData("text");
-    if (pastedData.includes("\t") || pastedData.includes("\n")) {
-        event.preventDefault();
-        event.stopPropagation();
-    }
-};
 export var HTMLInput = styled.input(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n\n  padding: ", ";\n  height: 68px;\n  margin: 0px;\n  box-shadow: none;\n\n  outline: none;\n\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  width: 100%;\n\n  ::-webkit-outer-spin-button,\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n  /* Firefox */\n  -moz-appearance: textfield;\n\n  ", ";\n\n  ::placeholder {\n    color: ", ";\n  }\n\n  :focus {\n    border: 2px solid ", ";\n\n    /* 3d at the end adds .24 opacity (using 8 digit hex)*/\n    box-shadow: 0px 0px 8px ", "3d;\n  }\n\n  :hover {\n    box-shadow: none;\n    background: transparent;\n  }\n\n  ", "\n  ", "\n"], ["\n  position: relative;\n\n  padding: ", ";\n  height: 68px;\n  margin: 0px;\n  box-shadow: none;\n\n  outline: none;\n\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  width: 100%;\n\n  ::-webkit-outer-spin-button,\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n  /* Firefox */\n  -moz-appearance: textfield;\n\n  ", ";\n\n  ::placeholder {\n    color: ", ";\n  }\n\n  :focus {\n    border: 2px solid ", ";\n\n    /* 3d at the end adds .24 opacity (using 8 digit hex)*/\n    box-shadow: 0px 0px 8px ", "3d;\n  }\n\n  :hover {\n    box-shadow: none;\n    background: transparent;\n  }\n\n  ", "\n  ", "\n"])), function (_a) {
     var padding = _a.padding;
     return (padding ? padding : "20px 16px");
@@ -61,7 +53,7 @@ var TextInput = function (_a) {
         : isPasswordField || icon
             ? "20px 35px 20px 16px"
             : null;
-    return (_jsxs(Div, __assign({ w100: true }, props, { children: [showLabel ? (_jsx(FormInputLabel, __assign({ isDisabled: isDisabled, mb: 8, htmlFor: id, h: 20 }, { children: _jsxs(Div, __assign({ dflex: true }, { children: [_jsx(Div, __assign({ centered: true }, { children: label })), labelTooltip ? _jsx(Tooltip, { ml: 4, tooltip: labelTooltip }) : null] })) }))) : null, _jsxs(Div, __assign({ pRelative: true }, { children: [_jsx(HTMLInput, __assign({ "data-cy": "html-input" }, {
+    return (_jsxs(Div, __assign({ w100: true }, props, { children: [showLabel ? (_jsx(FormInputLabel, __assign({ isDisabled: isDisabled, mb: 8, htmlFor: id, h: 20 }, { children: _jsxs(Div, __assign({ dflex: true }, { children: [_jsx(Div, __assign({ centered: true }, { children: label })), labelTooltip ? _jsx(Tooltip, { ml: 4, tooltip: labelTooltip }) : null] })) }))) : null, _jsxs(Div, __assign({ pRelative: true }, { children: [_jsx(HTMLInput, __assign({}, {
                         placeholder: placeholder,
                         isDisabled: isDisabled,
                         onFocus: onFocus,
@@ -71,7 +63,7 @@ var TextInput = function (_a) {
                         id: id,
                         padding: padding,
                         name: name,
-                    }, { onPaste: handleInputPaste, autoComplete: "off", type: isPasswordVisible ? "text" : type, value: _value || "", onChange: function (_a) {
+                    }, { autoComplete: "off", type: isPasswordVisible ? "text" : type, value: _value || "", onChange: function (_a) {
                             var value = _a.target.value;
                             return set_Value(value);
                         }, ref: setInputRef, onBlur: function () {

package/lib/esm/index.js

@@ -99,7 +99,7 @@ var FuseImporter = /** @class */ (function () {
                     case 0: return [4 /*yield*/, this.configureI18n()];
                     case 1:
                         _a.sent();
-                        isRunningTest = this.options.cypress === true || process.env.REACT_APP_CYPRESS;
+                        isRunningTest = typeof (window === null || window === void 0 ? void 0 : window.Cypress) !== "undefined";
                         if (isRunningTest) {
                             this.renderImporterComponent();
                             i18n.reloadResources();

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

@@ -129,15 +129,5 @@ declare const _default: {
             title: string;
         };
     };
-    warnings_banner: {
-        trial_mode: {
-            info_text: string;
-            button_text: string;
-        };
-        invalid_submit_fn: {
-            info_text: string;
-            button_text: string;
-        };
-    };
 };
 export default _default;

package/lib/esm/locales/de.js

@@ -130,14 +130,4 @@ export default {
             title: "Sie sind derzeit im Vorschau-Modus.",
         },
     },
-    warnings_banner: {
-        trial_mode: {
-            info_text: "Dieses Konto befindet sich im Testmodus. Importe sind auf 100 Datensätze beschränkt.",
-            button_text: "Plan auswählen",
-        },
-        invalid_submit_fn: {
-            info_text: "Senden ist deaktiviert. Schalten Sie den Inkognito-Modus aus oder fügen Sie einen onSubmit-Hook hinzu, um das Senden zu aktivieren.",
-            button_text: "Wie geht das?",
-        },
-    },
 };

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

@@ -141,16 +141,6 @@ declare const _default: {
         preview_mode_banner: {
             title: string;
         };
-        warnings_banner: {
-            trial_mode: {
-                info_text: string;
-                button_text: string;
-            };
-            invalid_submit_fn: {
-                info_text: string;
-                button_text: string;
-            };
-        };
     };
 };
 export default _default;

package/lib/esm/locales/en.js

@@ -142,15 +142,5 @@ export default {
         preview_mode_banner: {
             title: "You’re currently in Preview mode.",
         },
-        warnings_banner: {
-            trial_mode: {
-                info_text: "This account is in trial mode. Imports are limited to 100 records.",
-                button_text: "Select plan",
-            },
-            invalid_submit_fn: {
-                info_text: "Submit is disabled. Turn off Incognito Mode or add an onSubmit hook to enable submit.",
-                button_text: "How to do it?",
-            },
-        },
     },
 };

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

@@ -128,16 +128,6 @@ declare const _default: {
         preview_mode_banner: {
             title: string;
         };
-        warnings_banner: {
-            trial_mode: {
-                info_text: string;
-                button_text: string;
-            };
-            invalid_submit_fn: {
-                info_text: string;
-                button_text: string;
-            };
-        };
     };
 };
 export default _default;

package/lib/esm/locales/es.js

@@ -129,15 +129,5 @@ export default {
         preview_mode_banner: {
             title: "Actualmente estás en modo de vista previa.",
         },
-        warnings_banner: {
-            trial_mode: {
-                info_text: "Esta cuenta está en modo de prueba. Las importaciones están limitadas a 100 registros.",
-                button_text: "Seleccionar plan",
-            },
-            invalid_submit_fn: {
-                info_text: "Enviar está desactivado. Desactive el modo incógnito o agregue un hook onSubmit para habilitar el envío.",
-                button_text: "¿Cómo hacerlo?",
-            },
-        },
     },
 };

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

@@ -128,16 +128,6 @@ declare const _default: {
         preview_mode_banner: {
             title: string;
         };
-        warnings_banner: {
-            trial_mode: {
-                info_text: string;
-                button_text: string;
-            };
-            invalid_submit_fn: {
-                info_text: string;
-                button_text: string;
-            };
-        };
     };
 };
 export default _default;

package/lib/esm/locales/fr.js

@@ -129,15 +129,5 @@ export default {
         preview_mode_banner: {
             title: "Vous êtes actuellement en mode Aperçu.",
         },
-        warnings_banner: {
-            trial_mode: {
-                info_text: "Ce compte est en mode d'essai. Les imports sont limités à 100 enregistrements.",
-                button_text: "Sélectionner un plan",
-            },
-            invalid_submit_fn: {
-                info_text: "L'envoi est désactivé. Désactivez le mode incognito ou ajoutez un hook onSubmit pour activer l'envoi.",
-                button_text: "Comment faire ?",
-            },
-        },
     },
 };

package/lib/esm/types.d.ts

@@ -16,7 +16,6 @@ export type ImporterOptions = {
     records?: Record[];
     language?: string;
     modal?: boolean;
-    cypress?: boolean;
 } & SpreadsheetOptions;
 export declare enum FieldTypes {
     boolean = "boolean",