fuse-importer 0.1.8-testing → 0.2.0-testing

package/lib/esm/common/Toast.js

@@ -18,21 +18,37 @@ import toast, { ToastBar, Toaster, } from "react-hot-toast";
 import styled from "styled-components";
 import { colors } from "../styled/theme/colorPalette";
 import { Div } from "../styled/utils";
+import { CircleSpinner } from "./CircleSpinner";
 import { greenCheckIcon, infoIcon, notificationCheckIcon, redXIcon, warningIcon, } from "./icons";
 var defaultDuration = 5000;
 var defaultPosition = "bottom-right";
 var toastBorderRadius = 4;
 var toastMaxWidth = "85%";
-export var addToast = function (msg, type, toastOptions) {
-    if (type === void 0) { type = "notification"; }
-    if (toastOptions === void 0) { toastOptions = {}; }
+var LoadingNotifToastContainer = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n"], ["\n  align-items: center;\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n"])));
+var genToastOptions = function (type, toastOptions) {
     var stylingByType = toastTypeStyles[type];
     var _toastOptions = __assign({ duration: defaultDuration, position: defaultPosition, style: {
             background: stylingByType.backgroundColor,
             color: stylingByType.color,
         }, icon: stylingByType.icon }, toastOptions);
+    return _toastOptions;
+};
+export var addToast = function (msg, type, toastOptions) {
+    if (type === void 0) { type = "notification"; }
+    if (toastOptions === void 0) { toastOptions = {}; }
+    var _toastOptions = genToastOptions(type, toastOptions);
     toast(msg, _toastOptions);
 };
+export var addLoadingToast = function (msg, helperMsg, toastOptions, minW) {
+    if (toastOptions === void 0) { toastOptions = {}; }
+    if (minW === void 0) { minW = 320; }
+    var _toastOptions = genToastOptions("loadingNotification", toastOptions);
+    var message = msg;
+    if (msg && helperMsg) {
+        message = (_jsxs(LoadingNotifToastContainer, __assign({ minw: minW }, { children: [_jsx("span", { children: msg }), " ", _jsx("span", { children: helperMsg })] })));
+    }
+    toast(message, _toastOptions);
+};
 var toastContainerCss = {
     padding: 0,
     marginRight: 72,
@@ -66,11 +82,16 @@ var toastTypeStyles = {
         backgroundColor: colors.black,
         icon: notificationCheckIcon,
     },
+    loadingNotification: {
+        color: colors.white,
+        backgroundColor: colors.black,
+        icon: _jsx(CircleSpinner, {}),
+    },
 };
-var ToastWrapper = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 10px;\n  box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.1);\n  border-radius: ", "px;\n  ", ";\n"], ["\n  padding: 10px;\n  box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.1);\n  border-radius: ", "px;\n  ", ";\n"])), toastBorderRadius, function (p) { return p.theme.css.alignCenter; });
-var IconWrapper = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-right: 10px;\n"], ["\n  margin-right: 10px;\n"])));
+var ToastWrapper = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 10px;\n  box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.1);\n  border-radius: ", "px;\n  ", ";\n"], ["\n  padding: 10px;\n  box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.1);\n  border-radius: ", "px;\n  ", ";\n"])), toastBorderRadius, function (p) { return p.theme.css.alignCenter; });
+var IconWrapper = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin-right: 10px;\n"], ["\n  margin-right: 10px;\n"])));
 var Toast = function (_a) {
-    var zIndex = _a.zIndex;
+    var zIndex = _a.zIndex, toastStyle = _a.toastStyle;
     return (_jsx(Toaster, __assign({ toastOptions: {
             style: toastContainerCss,
         }, containerStyle: {
@@ -78,9 +99,9 @@ var Toast = function (_a) {
         } }, { children: function (t) { return (_jsx(ToastBar, __assign({ toast: t }, { children: function (_a) {
                 var message = _a.message, hotToastIcon = _a.icon;
                 var _b = toastTypeStyles[t.type] || {}, icon = _b.icon, color = _b.color, backgroundColor = _b.backgroundColor;
-                return (_jsxs(ToastWrapper, __assign({ c: color, bg: backgroundColor }, { children: [_jsx(IconWrapper, __assign({ alignCenter: true }, { children: icon || hotToastIcon })), _jsx(Div, __assign({ alignCenter: true }, { children: message })), _jsx(Div, __assign({ p: 5, clickable: true, onClick: function () { return toast.dismiss(t.id); } }, { children: closeIcon }))] })));
+                return (_jsxs(ToastWrapper, __assign({ c: color, bg: backgroundColor, style: toastStyle }, { children: [_jsx(IconWrapper, __assign({ alignCenter: true }, { children: icon || hotToastIcon })), _jsx(Div, __assign({ alignCenter: true }, { children: message })), _jsx(Div, __assign({ p: 5, clickable: true, onClick: function () { return toast.dismiss(t.id); } }, { children: closeIcon }))] })));
             } }))); } })));
 };
 export { Toast };
 var closeIcon = (_jsxs("svg", __assign({ width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M2.5 2.5L7.82258 7.82258", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M2.5 7.82251L7.82258 2.49993", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })));
-var templateObject_1, templateObject_2;
+var templateObject_1, templateObject_2, templateObject_3;

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

@@ -14,9 +14,9 @@ import { useTheme } from "styled-components";
 export var closeIcon = (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M6 6.00003L18.7742 18.7742", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M6 18.7742L18.7742 6.00001", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })));
 export var closeIconCondensed = (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M6 6.00003L18.7742 18.7742", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M6 18.7742L18.7742 6.00001", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })));
 export var checkIcon = (_jsx("svg", __assign({ width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M1.37805 5.80142L3.94469 8.28708L10.6827 1.52003", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));
-export var greenCheckIcon = (_jsx("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM9.70711 11.2426C9.31658 10.8521 8.68342 10.8521 8.29289 11.2426C7.90237 11.6331 7.90237 12.2663 8.29289 12.6568L10.4142 14.7781L11.1213 15.4852L11.8284 14.7781L16.0711 10.5355C16.4616 10.145 16.4616 9.5118 16.0711 9.12128C15.6805 8.73076 15.0474 8.73076 14.6569 9.12128L11.1213 12.6568L9.70711 11.2426Z", fill: "#025F40" }) })));
-export var redXIcon = (_jsx("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071Z", fill: "#5C1008" }) })));
-export var warningIcon = (_jsx("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM12 6C12.5523 6 13 6.44772 13 7V12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12V7C11 6.44772 11.4477 6 12 6ZM12 15C12.5523 15 13 15.4477 13 16V16.5C13 17.0523 12.5523 17.5 12 17.5C11.4477 17.5 11 17.0523 11 16.5V16C11 15.4477 11.4477 15 12 15Z", fill: "#78430D" }) })));
+export var greenCheckIcon = (_jsx("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM9.70711 11.2426C9.31658 10.8521 8.68342 10.8521 8.29289 11.2426C7.90237 11.6331 7.90237 12.2663 8.29289 12.6568L10.4142 14.7781L11.1213 15.4852L11.8284 14.7781L16.0711 10.5355C16.4616 10.145 16.4616 9.5118 16.0711 9.12128C15.6805 8.73076 15.0474 8.73076 14.6569 9.12128L11.1213 12.6568L9.70711 11.2426Z", fill: "#025F40" }) })));
+export var redXIcon = (_jsx("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071Z", fill: "#5C1008" }) })));
+export var warningIcon = (_jsx("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM12 6C12.5523 6 13 6.44772 13 7V12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12V7C11 6.44772 11.4477 6 12 6ZM12 15C12.5523 15 13 15.4477 13 16V16.5C13 17.0523 12.5523 17.5 12 17.5C11.4477 17.5 11 17.0523 11 16.5V16C11 15.4477 11.4477 15 12 15Z", fill: "#78430D" }) })));
 export var infoIcon = (_jsx("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M12 17.5C12.3117 17.5 12.5729 17.3946 12.7837 17.1838C12.9946 16.9729 13.1 16.7117 13.1 16.4V12C13.1 11.6883 12.9946 11.4271 12.7837 11.2163C12.5729 11.0054 12.3117 10.9 12 10.9C11.6883 10.9 11.4271 11.0054 11.2163 11.2163C11.0054 11.4271 10.9 11.6883 10.9 12V16.4C10.9 16.7117 11.0054 16.9729 11.2163 17.1838C11.4271 17.3946 11.6883 17.5 12 17.5ZM12 8.7C12.3117 8.7 12.5729 8.59458 12.7837 8.38375C12.9946 8.17292 13.1 7.91167 13.1 7.6C13.1 7.28833 12.9946 7.02708 12.7837 6.81625C12.5729 6.60542 12.3117 6.5 12 6.5C11.6883 6.5 11.4271 6.60542 11.2163 6.81625C11.0054 7.02708 10.9 7.28833 10.9 7.6C10.9 7.91167 11.0054 8.17292 11.2163 8.38375C11.4271 8.59458 11.6883 8.7 12 8.7ZM12 23C10.4783 23 9.04833 22.7113 7.71 22.1337C6.37167 21.5562 5.2075 20.7725 4.2175 19.7825C3.2275 18.7925 2.44375 17.6283 1.86625 16.29C1.28875 14.9517 1 13.5217 1 12C1 10.4783 1.28875 9.04833 1.86625 7.71C2.44375 6.37167 3.2275 5.2075 4.2175 4.2175C5.2075 3.2275 6.37167 2.44375 7.71 1.86625C9.04833 1.28875 10.4783 1 12 1C13.5217 1 14.9517 1.28875 16.29 1.86625C17.6283 2.44375 18.7925 3.2275 19.7825 4.2175C20.7725 5.2075 21.5562 6.37167 22.1337 7.71C22.7113 9.04833 23 10.4783 23 12C23 13.5217 22.7113 14.9517 22.1337 16.29C21.5562 17.6283 20.7725 18.7925 19.7825 19.7825C18.7925 20.7725 17.6283 21.5562 16.29 22.1337C14.9517 22.7113 13.5217 23 12 23Z", fill: "#025B5B" }) })));
 export var notificationCheckIcon = (_jsx("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M4 12.3137L9.65685 17.9706L20.9706 6.65687", stroke: "white", "stroke-width": "2", "stroke-linecap": "round" }) })));
 export var defaultCheckIcon = (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("circle", { cx: "12", cy: "12", r: "11", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "M9 11.9497L11.1213 14.071L15.364 9.82839", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] })));

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

@@ -56,7 +56,7 @@ var Autocomplete = function (_a) {
     var _k = useState(false), isTyping = _k[0], setIsTyping = _k[1];
     var t = useTranslation().t;
     useEffect(function () {
-        if (value)
+        if (value !== null && value !== undefined)
             setText(selectedLabel);
         else
             setText("");
@@ -83,7 +83,7 @@ var Autocomplete = function (_a) {
             })
             : options;
     }, [updatedText, text, options]);
-    var inputIconUI = text ? (_jsx(ClearIcon, __assign({ clickable: true, dim: 24, centered: true, id: id ? "".concat(id, "-clear") : null, onClick: function (evt) {
+    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) {
             evt.preventDefault();
             evt.stopPropagation();
             onChange(undefined);

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

@@ -1,5 +1,6 @@
 /// <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,6 +31,14 @@ 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");
@@ -53,7 +61,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({}, {
+    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" }, {
                         placeholder: placeholder,
                         isDisabled: isDisabled,
                         onFocus: onFocus,
@@ -63,7 +71,7 @@ var TextInput = function (_a) {
                         id: id,
                         padding: padding,
                         name: name,
-                    }, { autoComplete: "off", type: isPasswordVisible ? "text" : type, value: _value || "", onChange: function (_a) {
+                    }, { onPaste: handleInputPaste, 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 = typeof (window === null || window === void 0 ? void 0 : window.Cypress) !== "undefined";
+                        isRunningTest = this.options.cypress === true || process.env.REACT_APP_CYPRESS;
                         if (isRunningTest) {
                             this.renderImporterComponent();
                             i18n.reloadResources();

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

@@ -129,5 +129,15 @@ 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,4 +130,14 @@ 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,6 +141,16 @@ 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,5 +142,15 @@ 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,6 +128,16 @@ 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,5 +129,15 @@ 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,6 +128,16 @@ 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,5 +129,15 @@ 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,6 +16,7 @@ export type ImporterOptions = {
     records?: Record[];
     language?: string;
     modal?: boolean;
+    cypress?: boolean;
 } & SpreadsheetOptions;
 export declare enum FieldTypes {
     boolean = "boolean",