fuse-importer 0.24.3 → 0.24.4

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

@@ -8,6 +8,7 @@ export declare const TooltipContent: import("styled-components").StyledComponent
 export type TooltipProps = {
     tooltip: JSX.Element | string;
     placement?: Placement;
+    flip?: boolean;
     isDisabled?: boolean;
     isOpen?: boolean;
     tooltipMaxWidth?: number;

package/lib/esm/common/TooltipProvider.js

@@ -31,10 +31,10 @@ import styled from "styled-components";
 import { Div } from "../styled/utils";
 export var TooltipContent = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  color: ", ";\n  background: ", ";\n  border-radius: 4px;\n  padding: 10px;\n  pointer-events: none;\n  z-index: 1000;\n"], ["\n  ", ";\n  color: ", ";\n  background: ", ";\n  border-radius: 4px;\n  padding: 10px;\n  pointer-events: none;\n  z-index: 1000;\n"])), function (p) { return p.theme.css.body4; }, function (p) { return p.theme.colors.white; }, function (p) { return p.theme.colors.black; });
 export var TooltipProvider = function (_a) {
-    var tooltip = _a.tooltip, children = _a.children, tooltipMaxWidth = _a.tooltipMaxWidth, tooltipMinWidth = _a.tooltipMinWidth, _b = _a.placement, placement = _b === void 0 ? "top-start" : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isOpen, isOpen = _d === void 0 ? false : _d, _e = _a.offset, offset = _e === void 0 ? [0, 4] : _e, props = __rest(_a, ["tooltip", "children", "tooltipMaxWidth", "tooltipMinWidth", "placement", "isDisabled", "isOpen", "offset"]);
-    var _f = useState(false), isDisplayingTooltip = _f[0], setIsDisplayingTooltip = _f[1];
-    var _g = useState(null), referenceElement = _g[0], setReferenceElement = _g[1];
-    var _h = useState(null), popperElement = _h[0], setPopperElement = _h[1];
+    var tooltip = _a.tooltip, children = _a.children, tooltipMaxWidth = _a.tooltipMaxWidth, tooltipMinWidth = _a.tooltipMinWidth, _b = _a.placement, placement = _b === void 0 ? "top-start" : _b, _c = _a.flip, flip = _c === void 0 ? true : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isOpen, isOpen = _e === void 0 ? false : _e, _f = _a.offset, offset = _f === void 0 ? [0, 4] : _f, props = __rest(_a, ["tooltip", "children", "tooltipMaxWidth", "tooltipMinWidth", "placement", "flip", "isDisabled", "isOpen", "offset"]);
+    var _g = useState(false), isDisplayingTooltip = _g[0], setIsDisplayingTooltip = _g[1];
+    var _h = useState(null), referenceElement = _h[0], setReferenceElement = _h[1];
+    var _j = useState(null), popperElement = _j[0], setPopperElement = _j[1];
     var options = useMemo(function () { return ({
         placement: placement,
         modifiers: [
@@ -44,9 +44,13 @@ export var TooltipProvider = function (_a) {
                     offset: offset,
                 },
             },
+            {
+                name: "flip",
+                enabled: flip,
+            },
         ],
     }); }, [placement, offset]);
-    var _j = usePopper(referenceElement, popperElement, options), styles = _j.styles, attributes = _j.attributes;
+    var _k = usePopper(referenceElement, popperElement, options), styles = _k.styles, attributes = _k.attributes;
     var showTooltip = isOpen || (isDisplayingTooltip && !!tooltip);
     return (_jsxs(Div, __assign({ dim: "100%", ref: setReferenceElement, onMouseOver: function () { return isDisabled || setIsDisplayingTooltip(true); }, onMouseOut: function () { return isDisabled || setIsDisplayingTooltip(false); } }, props, { children: [children, showTooltip && (_jsx(TooltipContent, __assign({ ref: setPopperElement, style: styles.popper, maxw: tooltipMaxWidth, minw: tooltipMinWidth }, attributes.popper, { children: tooltip })))] })));
 };

package/lib/esm/common/buttons.js

@@ -64,8 +64,8 @@ var styles = {
         return props.isDisabled && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), function (props) { return props.theme.colors.gray300; });
     }),
 };
-var commonButtonStyle = css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  height: 48px;\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  height: 48px;\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    "], ["\n      height: 36px;\n    "])));
+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    "])));
 }, function (props) {
     return props.isDisabled && css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      pointer-events: none;\n    "], ["\n      pointer-events: none;\n    "])));
 }, function (props) {
@@ -76,7 +76,7 @@ export var ButtonWrapper = styled(Div)(templateObject_10 || (templateObject_10 =
 export var ButtonElementWrapper = styled(HTMLButton)(templateObject_11 || (templateObject_11 = __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({ w100: true, isSmall: isSmall, isDisabled: isDisabled, disabled: isDisabled, variant: variant, type: "submit" }, props, { children: children }))) : (_jsx(ButtonWrapper, __assign({ role: "button", w100: true, isSmall: isSmall, onClick: isDisabled ? null : onClick, onKeyDown: function (_a) {
+    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) {
                 var code = _a.code;
                 if ((code === "Space" || (code === "Enter" && onClick)) &&
                     !isDisabled) {

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

@@ -31,6 +31,7 @@ import { MenuItem } from "..";
 import { Div } from "../../styled/utils";
 import { SelectMenu } from "./SelectMenu";
 import { TextInput as TextInputBase } from "./TextInput";
+import { useTranslation } from "react-i18next";
 var TextInput = styled(TextInputBase)(function (_a) {
     var _b = _a.theme, colors = _b.colors, c = _b.css;
     return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), function (props) {
@@ -46,12 +47,13 @@ var ClickableArea = styled(Div)(function (_a) {
     return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), isInputDisabled && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      :hover {\n        cursor: pointer;\n        opacity: 0.9;\n      }\n    "], ["\n      :hover {\n        cursor: pointer;\n        opacity: 0.9;\n      }\n    "]))));
 });
 var Autocomplete = function (_a) {
-    var _b = _a.label, label = _b === void 0 ? null : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isInputDisabled, isInputDisabled = _d === void 0 ? false : _d, _e = _a.placeholder, placeholder = _e === void 0 ? "Select option..." : _e, value = _a.value, icon = _a.icon, onChange = _a.onChange, placement = _a.placement, options = _a.options, onToggle = _a.onToggle, id = _a.id, labelTooltip = _a.labelTooltip, props = __rest(_a, ["label", "isDisabled", "isInputDisabled", "placeholder", "value", "icon", "onChange", "placement", "options", "onToggle", "id", "labelTooltip"]);
+    var _b = _a.label, label = _b === void 0 ? null : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isInputDisabled, isInputDisabled = _d === void 0 ? false : _d, _e = _a.placeholder, placeholder = _e === void 0 ? "general:autocomplete.placeholder" : _e, value = _a.value, icon = _a.icon, onChange = _a.onChange, placement = _a.placement, options = _a.options, onToggle = _a.onToggle, id = _a.id, labelTooltip = _a.labelTooltip, props = __rest(_a, ["label", "isDisabled", "isInputDisabled", "placeholder", "value", "icon", "onChange", "placement", "options", "onToggle", "id", "labelTooltip"]);
     var _f = useState(false), updatedText = _f[0], setUpdatedText = _f[1];
     var selectedLabel = useMemo(function () { var _a; return ((_a = options.find(function (o) { return o.value === value; })) === null || _a === void 0 ? void 0 : _a.label) || ""; }, [value]);
     var _g = useState(selectedLabel), text = _g[0], setText = _g[1];
     var _h = useState(false), isMenuOpen = _h[0], setIsMenuOpen = _h[1];
     var _j = useState(null), referenceElement = _j[0], setReferenceElement = _j[1];
+    var t = useTranslation().t;
     useEffect(function () {
         if (value)
             setText(selectedLabel);
@@ -89,7 +91,7 @@ var Autocomplete = function (_a) {
                             setText(selectedLabel);
                             setIsMenuOpen(false);
                         }
-                    }, label: label, isDisabled: isDisabled || isInputDisabled, placeholder: placeholder, value: text, onChange: function (v) { return setText(v); }, icon: isDisabled ? null : inputIconUI, labelTooltip: labelTooltip }) })), !isDisabled && filteredOptions.length > 0 && (_jsx(SelectMenu, __assign({ referenceElement: referenceElement, placement: placement, isOpen: isMenuOpen, onClose: function () { return setIsMenuOpen(false); } }, { children: filteredOptions.map(function (o, index) { return (_jsx(Div, { children: _jsx(MenuItem, __assign({ id: id ? "".concat(id, "-option-").concat(o.label) : null, isSelected: value === o.value, onClick: function () { return onSelect(o.value); } }, { children: o.label })) }, index)); }) })))] })));
+                    }, label: label, isDisabled: isDisabled || isInputDisabled, placeholder: t(placeholder), value: text, onChange: function (v) { return setText(v); }, icon: isDisabled ? null : inputIconUI, labelTooltip: labelTooltip }) })), !isDisabled && filteredOptions.length > 0 && (_jsx(SelectMenu, __assign({ referenceElement: referenceElement, placement: placement, isOpen: isMenuOpen, onClose: function () { return setIsMenuOpen(false); } }, { children: filteredOptions.map(function (o, index) { return (_jsx(Div, { children: _jsx(MenuItem, __assign({ id: id ? "".concat(id, "-option-").concat(o.label) : null, isSelected: value === o.value, onClick: function () { return onSelect(o.value); } }, { children: o.label })) }, index)); }) })))] })));
 };
 var chevronDownIcon = (_jsx("svg", __assign({ width: "16", height: "9", viewBox: "0 0 16 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M14.9263 1L7.9631 7.96317L0.999928 1", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));
 var clearIcon = (_jsxs("svg", __assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M4 4L12.5161 12.5161", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M4 12.5161L12.5161 3.99998", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })));

package/lib/esm/index.d.ts

@@ -11,7 +11,8 @@ declare class FuseImporter {
     onSubmit: OnSubmit;
     onClose: () => void;
     close(): void;
-    show(): void;
+    show(): Promise<void>;
+    private configureI18n;
 }
 export default FuseImporter;
 export * from "./api";

package/lib/esm/index.js

@@ -9,10 +9,49 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 import React from "react";
 import ReactDOM from "react-dom";
 import { Importer } from "./Importer";
 import { fuseImporterId } from "./common";
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+import * as locales from "./locales";
 var FuseImporter = /** @class */ (function () {
     function FuseImporter(apiToken, templateSlug, options) {
         if (options === void 0) { options = {}; }
@@ -28,21 +67,53 @@ var FuseImporter = /** @class */ (function () {
         document.body.removeChild(importerRoot);
     };
     FuseImporter.prototype.show = function () {
-        var _this = this;
-        var div = document.createElement("div");
-        div.setAttribute("id", fuseImporterId);
-        document.body.appendChild(div);
-        ReactDOM.render(React.createElement(Importer, {
-            apiToken: this.apiToken,
-            templateSlug: this.templateSlug,
-            options: this.options,
-            formatRecord: this.formatRecord,
-            onValidateRecord: this.onValidateRecord,
-            onSubmit: this.onSubmit,
-            onClose: function () {
-                _this.close();
-            },
-        }), document.getElementById(fuseImporterId));
+        return __awaiter(this, void 0, void 0, function () {
+            var div;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.configureI18n()];
+                    case 1:
+                        _a.sent();
+                        div = document.createElement("div");
+                        div.setAttribute("id", fuseImporterId);
+                        document.body.appendChild(div);
+                        ReactDOM.render(React.createElement(Importer, {
+                            apiToken: this.apiToken,
+                            templateSlug: this.templateSlug,
+                            options: this.options,
+                            formatRecord: this.formatRecord,
+                            onValidateRecord: this.onValidateRecord,
+                            onSubmit: this.onSubmit,
+                            onClose: function () {
+                                _this.close();
+                            },
+                        }), document.getElementById(fuseImporterId));
+                        i18n.reloadResources();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    FuseImporter.prototype.configureI18n = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var browserLanguage, language;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        browserLanguage = navigator.language.split("-")[0];
+                        language = this.options.language || browserLanguage || "en";
+                        return [4 /*yield*/, i18n.use(initReactI18next).init({
+                                lng: language,
+                                fallbackLng: "en",
+                                resources: __assign({}, locales),
+                            })];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
     };
     return FuseImporter;
 }());

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

@@ -0,0 +1,94 @@
+declare const _default: {
+    preview: {
+        title: string;
+        description: string;
+        download: string;
+        note: {
+            title: string;
+            description: string;
+        };
+    };
+    upload: {
+        headers_preview: {
+            title: string;
+            description: string;
+            cancel: string;
+            continue: string;
+        };
+        error: {
+            title: string;
+        };
+        header: {
+            title: string;
+            required_headers: string;
+            optional_headers: string;
+        };
+        title: string;
+        description: string;
+        loading: {
+            title: string;
+        };
+        dropzone: {
+            title: string;
+            description: string;
+            button: string;
+        };
+    };
+    match: {
+        title: string;
+        description: string;
+        enum_description: string;
+        columns: {
+            your_columns: string;
+            our_columns: string;
+            status: string;
+            placeholder: string;
+            values_for_the_column: string;
+            matched: string;
+            unmatched: string;
+        };
+    };
+    review: {
+        title: string;
+        export: string;
+        description: string;
+    };
+    general: {
+        autocomplete: {
+            placeholder: string;
+        };
+        steps: {
+            upload: string;
+            match: string;
+            review: string;
+        };
+        stepper: {
+            go_back: string;
+            continue: string;
+            submit: string;
+        };
+        unmatched_headers_modal: {
+            title: string;
+            description_singular: string;
+            description_plural: string;
+            assign_headers: string;
+            skip: string;
+        };
+        submit_modal: {
+            title: string;
+            description: string;
+            submit: string;
+            cancel: string;
+        };
+        confirm_close_modal: {
+            title: string;
+            description: string;
+            close: string;
+            cancel: string;
+        };
+        preview_mode_banner: {
+            title: string;
+        };
+    };
+};
+export default _default;

package/lib/esm/locales/de.js

@@ -0,0 +1,94 @@
+/* eslint-disable import/no-anonymous-default-export */
+export default {
+    preview: {
+        title: "Sie sind dabei, Ihren Importer zu Vorschauen.",
+        description: "Laden Sie unsere Beispiel-CSV herunter, um Ihren Importer auszuprobieren. Wir haben es zufällig generiert, damit Sie sehen können, wie Fuse die Daten transformiert.",
+        download: "CSV herunterladen",
+        note: {
+            title: "Hinweis:",
+            description: "Dieser Bildschirm wird nicht mehr existieren, sobald Sie den Importer auf Ihrer Website installiert haben.",
+        },
+    },
+    upload: {
+        headers_preview: {
+            title: "Überprüfen Sie Ihre Spaltenüberschriften",
+            description: "Die Datei muss Spaltenüberschriften enthalten, um fortzufahren.",
+            cancel: "Nein, Datei erneut hochladen",
+            continue: "Ja, Weiter",
+        },
+        error: {
+            title: "Irgendetwas ist falsch",
+        },
+        header: {
+            title: "Stellen Sie sicher, dass Ihr Dokument Daten enthält, die ähnlich sind wie diese:",
+            required_headers: "Erforderliche Überschriften",
+            optional_headers: "Optionale Überschriften",
+        },
+        title: "Laden Sie eine Datei hoch, um Ihre Daten zu importieren",
+        description: "\n    Laden Sie eine beliebige .csv, .tsv, .xls, .xlsx-Tabellenkalkulationsdatei mit einem beliebigen Satz von\n    Spalten hoch, solange es einen Datensatz pro Zeile enth\u00E4lt.\n  ",
+        loading: {
+            title: "Hochladen...",
+        },
+        dropzone: {
+            title: "Ziehen & lassen Sie Ihre Datei hier",
+            description: "oder",
+            button: "Dateien durchsuchen",
+        },
+    },
+    match: {
+        title: "Passen Sie Ihre Spalten unseren an",
+        description: "Wir konnten {{numberOfMatchedHeaders}} von {{totalNumberOfHeaders}} Spalten korrekt zuordnen!",
+        enum_description: "\n    Unser System akzeptiert nur bestimmte Werte f\u00FCr einige Spalten. Unten k\u00F6nnen\n    Sie die Werte aus Ihrer Tabelle den Werten zuordnen, die wir akzeptieren.\n  ",
+        columns: {
+            your_columns: "Ihre Spalten",
+            our_columns: "Unsere Spalten",
+            status: "Status",
+            placeholder: "Wählen Sie eine Option aus...",
+            values_for_the_column: "Werte für die {{column}}-Spalte",
+            matched: "Zugeordnet",
+            unmatched: "Nicht zugeordnet",
+        },
+    },
+    review: {
+        title: "Überprüfen Sie Ihre Tabelle, bevor Sie sie einreichen",
+        export: "Exportieren",
+        description: "Einige Zellen im Dokument können Fehler im Format oder fehlende Informationen aufweisen. Bitte überprüfen Sie diese, um fortzufahren.",
+    },
+    general: {
+        autocomplete: {
+            placeholder: "Wählen Sie eine Option aus...",
+        },
+        steps: {
+            upload: "Hochladen",
+            match: "Zuordnen",
+            review: "Überprüfen",
+        },
+        stepper: {
+            go_back: "Zurück gehen",
+            continue: "Weiter",
+            submit: "Einreichen",
+        },
+        unmatched_headers_modal: {
+            title: "Nicht zugeordnete Spaltenüberschriften",
+            description_singular: "Es gibt {{count}} nicht zugeordnete Spaltenüberschriften. Sie müssen diese manuell ausfüllen, wenn Sie fortfahren.",
+            description_plural: "Es gibt {{count}} nicht zugeordnete Spaltenüberschriften. Sie müssen diese manuell ausfüllen, wenn Sie fortfahren.",
+            assign_headers: "Überschriften zuordnen",
+            skip: "Überspringen",
+        },
+        submit_modal: {
+            title: "Bereit zum Einreichen?",
+            description: "Wir haben in Ihrer Datei nichts falsches gefunden. Sie können loslegen!",
+            submit: "Ja, einreichen",
+            cancel: "Zurück gehen",
+        },
+        confirm_close_modal: {
+            title: "Sind Sie sicher?",
+            description: "Das Schließen des Importers wird alle Änderungen verlieren.",
+            close: "Schließen",
+            cancel: "Abbrechen",
+        },
+        preview_mode_banner: {
+            title: "Sie sind derzeit im Vorschau-Modus.",
+        },
+    },
+};

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

@@ -0,0 +1,94 @@
+declare const _default: {
+    preview: {
+        title: string;
+        description: string;
+        download: string;
+        note: {
+            title: string;
+            description: string;
+        };
+    };
+    upload: {
+        headers_preview: {
+            title: string;
+            description: string;
+            cancel: string;
+            continue: string;
+        };
+        error: {
+            title: string;
+        };
+        header: {
+            title: string;
+            required_headers: string;
+            optional_headers: string;
+        };
+        title: string;
+        description: string;
+        loading: {
+            title: string;
+        };
+        dropzone: {
+            title: string;
+            description: string;
+            button: string;
+        };
+    };
+    match: {
+        title: string;
+        description: string;
+        enum_description: string;
+        columns: {
+            your_columns: string;
+            our_columns: string;
+            status: string;
+            placeholder: string;
+            values_for_the_column: string;
+            matched: string;
+            unmatched: string;
+        };
+    };
+    review: {
+        title: string;
+        export: string;
+        description: string;
+    };
+    general: {
+        autocomplete: {
+            placeholder: string;
+        };
+        steps: {
+            upload: string;
+            match: string;
+            review: string;
+        };
+        stepper: {
+            go_back: string;
+            continue: string;
+            submit: string;
+        };
+        unmatched_headers_modal: {
+            title: string;
+            description_singular: string;
+            description_plural: string;
+            assign_headers: string;
+            skip: string;
+        };
+        submit_modal: {
+            title: string;
+            description: string;
+            submit: string;
+            cancel: string;
+        };
+        confirm_close_modal: {
+            title: string;
+            description: string;
+            close: string;
+            cancel: string;
+        };
+        preview_mode_banner: {
+            title: string;
+        };
+    };
+};
+export default _default;

package/lib/esm/locales/en.js

@@ -0,0 +1,94 @@
+/* eslint-disable import/no-anonymous-default-export */
+export default {
+    preview: {
+        title: "You're about to preview your importer.",
+        description: "Download our example CSV to try out your importer. We have randomly generated it so you can see how Fuse transforms the data..",
+        download: "Download CSV",
+        note: {
+            title: "Note:",
+            description: "This screen will not exist once you install the importer on your website.",
+        },
+    },
+    upload: {
+        headers_preview: {
+            title: "Verify Your Column Headers",
+            description: "File must contain column headers to proceed.",
+            cancel: "No, Re-upload file",
+            continue: "Yes, Continue",
+        },
+        error: {
+            title: "Something’s wrong",
+        },
+        header: {
+            title: "Make sure your document contains data similar to this:",
+            required_headers: "Required Headers",
+            optional_headers: "Optional Headers",
+        },
+        title: "Upload a File to Import your Data",
+        description: "\n    Upload any .csv, .tsv, .xls, .xlsx spreadsheet file with any set of\n    columns as long as it has one record per row.\n  ",
+        loading: {
+            title: "Uploading...",
+        },
+        dropzone: {
+            title: "Drag & drop your file here",
+            description: "or",
+            button: "Browse Files",
+        },
+    },
+    match: {
+        title: "Match Your Columns with Ours",
+        description: "We were able to match {{numberOfMatchedHeaders}} of {{totalNumberOfHeaders}} columns correctly!",
+        enum_description: "\n    Our system only accepts certain values for some columns. Below you can\n    match the values from your spreadsheet to the values we accept.\n  ",
+        columns: {
+            your_columns: "Your Columns",
+            our_columns: "Our Columns",
+            status: "Status",
+            placeholder: "Select an option...",
+            values_for_the_column: "Values for the {{column}} Column",
+            matched: "Matched",
+            unmatched: "Unmatched",
+        },
+    },
+    review: {
+        title: "Review Your Spreadsheet before Submitting",
+        export: "Export",
+        description: "Some cells in the document might have errors in format or missing information. Please review these to continue.",
+    },
+    general: {
+        autocomplete: {
+            placeholder: "Select an option...",
+        },
+        steps: {
+            upload: "Upload",
+            match: "Match",
+            review: "Review",
+        },
+        stepper: {
+            go_back: "Go back",
+            continue: "Continue",
+            submit: "Submit",
+        },
+        unmatched_headers_modal: {
+            title: "Unmatched Column Headers",
+            description_singular: "There is {{count}} unmatched column headers. You will have to fill these out manually if you proceed.",
+            description_plural: "There are {{count}} unmatched column headers. You will have to fill these out manually if you proceed.",
+            assign_headers: "Assign Headers",
+            skip: "Skip",
+        },
+        submit_modal: {
+            title: "Ready to submit?",
+            description: "We didn't find anything wrong with your file. You're good to go!",
+            submit: "Yes, submit",
+            cancel: "Go back",
+        },
+        confirm_close_modal: {
+            title: "Are you sure?",
+            description: "Closing the importer will lose any changes.",
+            close: "Close",
+            cancel: "Cancel",
+        },
+        preview_mode_banner: {
+            title: "You’re currently in Preview mode.",
+        },
+    },
+};