fuse-importer 0.0.8-testing → 0.1.1-testing

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

@@ -0,0 +1,89 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import styled, { css } from "styled-components";
+import { FormInputLabel } from "..";
+import { useDebounce } from "../../hooks";
+import { Div } from "../../styled/utils";
+import Tooltip from "./tooltip";
+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");
+}, function (props) { return props.theme.colors.gray300; }, function (props) { return props.theme.css.body1; }, function (props) { return props.theme.colors.placeholder; }, function (props) { return props.theme.colors.blue500; }, function (props) { return props.theme.colors.blue500; }, function (props) {
+    return props.isDisabled && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      cursor: not-allowed;\n      opacity: 0.7;\n      pointer-events: none;\n    "], ["\n      cursor: not-allowed;\n      opacity: 0.7;\n      pointer-events: none;\n    "])));
+}, function (props) {
+    return props.hasError && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      padding-right: 50px;\n      border: solid 2px ", ";\n    "], ["\n      padding-right: 50px;\n      border: solid 2px ", ";\n    "])), function (props) { return props.theme.colors.error; });
+});
+export var TextInputIcon = styled(Div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  right: 11px;\n  top: 0;\n  height: 100%;\n"], ["\n  position: absolute;\n  right: 11px;\n  top: 0;\n  height: 100%;\n"])));
+var TextInput = function (_a) {
+    var label = _a.label, _b = _a.icon, icon = _b === void 0 ? null : _b, _c = _a.labelTooltip, labelTooltip = _c === void 0 ? null : _c, _d = _a.placeholder, placeholder = _d === void 0 ? "" : _d, value = _a.value, _e = _a.type, type = _e === void 0 ? "text" : _e, onChange = _a.onChange, _f = _a.onBlur, onBlur = _f === void 0 ? null : _f, _g = _a.isDisabled, isDisabled = _g === void 0 ? false : _g, _h = _a.hasError, hasError = _h === void 0 ? false : _h, _j = _a.onFocus, onFocus = _j === void 0 ? null : _j, _k = _a.withDebounce, withDebounce = _k === void 0 ? true : _k, _l = _a.autoFocus, autoFocus = _l === void 0 ? false : _l, id = _a.id, setInputRef = _a.setInputRef, name = _a.name, inputPadding = _a.inputPadding, props = __rest(_a, ["label", "icon", "labelTooltip", "placeholder", "value", "type", "onChange", "onBlur", "isDisabled", "hasError", "onFocus", "withDebounce", "autoFocus", "id", "setInputRef", "name", "inputPadding"]);
+    var _m = useDebounce(value, onChange, withDebounce ? 0 : 300), _value = _m._value, set_Value = _m.set_Value;
+    var res = usePasswordVisibleIcon(type);
+    var passwordVisibleIcon = res.passwordVisibleIcon, isPasswordVisible = res.isPasswordVisible;
+    var _icon = passwordVisibleIcon || icon;
+    var showLabel = label || labelTooltip;
+    var isPasswordField = name === "password";
+    var padding = inputPadding
+        ? inputPadding
+        : 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({}, {
+                        placeholder: placeholder,
+                        isDisabled: isDisabled,
+                        onFocus: onFocus,
+                        hasError: hasError,
+                        autoFocus: autoFocus,
+                        disabled: isDisabled,
+                        id: id,
+                        padding: padding,
+                        name: name,
+                    }, { type: isPasswordVisible ? "text" : type, value: _value || "", onChange: function (_a) {
+                            var value = _a.target.value;
+                            return set_Value(value);
+                        }, ref: setInputRef, onBlur: function () {
+                            if (onBlur)
+                                onBlur(_value);
+                        } })), _jsx(TextInputIcon, __assign({ centered: true }, { children: hasError ? errorIcon : _icon }))] }))] })));
+};
+var PIcon = styled(Div)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (props) {
+    var c = props.theme.css;
+    return [c.alignCenter, c.clickable];
+});
+var usePasswordVisibleIcon = function (type) {
+    var _a = useState(false), isPasswordVisible = _a[0], setIsPasswordVisible = _a[1];
+    if (type !== "password")
+        return { passwordVisibleIcon: null, isPasswordVisible: null };
+    var passwordVisibleIcon = isPasswordVisible ? (_jsx(PIcon, __assign({ title: "Hide", mt: -2, onClick: function () { return setIsPasswordVisible(false); } }, { children: hideIcon }))) : (_jsx(PIcon, __assign({ title: "Show", onClick: function () { return setIsPasswordVisible(true); } }, { children: viewIcon })));
+    return { isPasswordVisible: isPasswordVisible, passwordVisibleIcon: passwordVisibleIcon };
+};
+var errorIcon = (_jsx("svg", __assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22ZM11 5C11.5523 5 12 5.44772 12 6V11C12 11.5523 11.5523 12 11 12C10.4477 12 10 11.5523 10 11V6C10 5.44772 10.4477 5 11 5ZM11 14C11.5523 14 12 14.4477 12 15V15.5C12 16.0523 11.5523 16.5 11 16.5C10.4477 16.5 10 16.0523 10 15.5V15C10 14.4477 10.4477 14 11 14Z", fill: "#CF4520" }) })));
+var hideIcon = (_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: "M5.67969 3L21.6797 19", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round" }), _jsx("path", { d: "M22.2679 13.2302C22.4458 12.5885 22.3647 11.8927 22.0246 11.3003C20.3114 8.31648 17.8496 6.09905 15 5.11633M19.6278 16.9999C17.4379 19.2279 14.6784 20.5564 11.6798 20.5564C7.44377 20.5564 3.68497 17.9054 1.33497 13.8124C0.888345 13.0345 0.888342 12.0783 1.33497 11.3004C2.93979 8.50518 5.20165 6.38253 7.82381 5.31743", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M14.5892 11.8251C14.748 12.457 14.6968 13.1233 14.4434 13.7235C14.1899 14.3236 13.748 14.825 13.1844 15.1517C12.6208 15.4785 11.9662 15.6129 11.3194 15.5347C10.6726 15.4564 10.0689 15.1698 9.59949 14.7181C9.13007 14.2663 8.82045 13.6741 8.71743 13.0308C8.61441 12.3875 8.7236 11.7282 9.02848 11.1524C9.33337 10.5767 9.81738 10.1159 10.4074 9.83956C10.9973 9.56327 11.6612 9.48653 12.2987 9.62095", stroke: "#333333", strokeWidth: "2" })] })));
+var viewIcon = (_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: "M1.33497 13.2561C0.888345 12.4782 0.888342 11.522 1.33497 10.7441C3.68496 6.65097 7.44378 4 11.6798 4C15.9158 4 19.6746 6.65094 22.0246 10.744C22.4712 11.5219 22.4712 12.4781 22.0246 13.256C19.6746 17.3491 15.9158 20 11.6798 20C7.44377 20 3.68497 17.3491 1.33497 13.2561Z", stroke: "#333333", strokeWidth: "2" }), _jsx("circle", { cx: "11.6797", cy: "12", r: "3", stroke: "#333333", strokeWidth: "2" })] })));
+export { TextInput };
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

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

@@ -0,0 +1,5 @@
+export * from "./Autocomplete";
+export * from "./SelectMenu";
+export * from "./TextInput";
+export * from "./tooltip";
+export * from "./Checkbox";

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

@@ -0,0 +1,38 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Div } from "../../styled/index";
+import { TooltipProvider } from "../index";
+import styled from "styled-components";
+export var TooltipButton = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: 4px;\n  :hover {\n    cursor: pointer;\n  }\n"], ["\n  border-radius: 4px;\n  :hover {\n    cursor: pointer;\n  }\n"])));
+export var Tooltip = function (_a) {
+    var tooltip = _a.tooltip, placement = _a.placement, centered = _a.centered, _b = _a.tooltipMaxWidth, tooltipMaxWidth = _b === void 0 ? 300 : _b, tooltipMinWidth = _a.tooltipMinWidth, divProps = __rest(_a, ["tooltip", "placement", "centered", "tooltipMaxWidth", "tooltipMinWidth"]);
+    return (_jsx(Div, __assign({ alignCenter: true }, divProps, { children: _jsx(TooltipProvider, __assign({ tooltip: tooltip, placement: placement, centered: centered, tooltipMaxWidth: tooltipMaxWidth, tooltipMinWidth: tooltipMinWidth }, { children: _jsx(TooltipButton, __assign({ clickable: true, centered: true }, { children: tooltipIcon })) })) })));
+};
+export default Tooltip;
+var tooltipIcon = (_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.4818 6C11.6149 5.99984 10.8274 6.31882 10.3038 6.59014C10.0325 6.7307 9.80855 6.8709 9.65073 6.97706C9.57143 7.03041 9.50776 7.07589 9.46203 7.10952C9.43914 7.12635 9.42066 7.14028 9.40688 7.1508L9.38974 7.164L9.38386 7.16859L9.38161 7.17037L9.38065 7.17112L9.38021 7.17146C9.38001 7.17163 9.37981 7.17178 10 7.95623L9.37981 7.17178C8.94657 7.51431 8.87303 8.14319 9.21555 8.57643C9.55736 9.00876 10.1843 9.0829 10.6175 8.74283L10.6209 8.74018C10.6255 8.7367 10.6342 8.73007 10.6469 8.72076C10.6723 8.70208 10.7131 8.67283 10.7671 8.63652C10.8758 8.56335 11.0338 8.46444 11.2239 8.36591C11.6231 8.15906 12.0765 7.99992 12.4814 8C13.3769 8.00017 13.8894 8.48905 13.974 9.05964C14.0504 9.57477 13.9484 9.91665 13.8027 10.1614C13.6461 10.4244 13.3957 10.6453 13.0845 10.8261C12.1445 11.372 10.9853 12.4174 10.9853 13.9151V14.1739C10.9853 14.7262 11.433 15.1739 11.9853 15.1739C12.5376 15.1739 12.9853 14.7262 12.9853 14.1739V13.9151C12.9853 13.5131 13.3403 12.9903 14.0889 12.5556C14.5928 12.2629 15.139 11.8265 15.5212 11.1846C15.9141 10.5246 16.0929 9.71422 15.9524 8.76635C15.69 6.99666 14.1299 6.00031 12.4818 6ZM12.9853 17.5217C12.9853 16.9695 12.5376 16.5217 11.9853 16.5217C11.433 16.5217 10.9853 16.9695 10.9853 17.5217V18C10.9853 18.5523 11.433 19 11.9853 19C12.5376 19 12.9853 18.5523 12.9853 18V17.5217Z", fill: "black" }) })));
+var templateObject_1;

package/lib/esm/common/logo.js

@@ -0,0 +1,13 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var logo = (_jsxs("svg", __assign({ width: "220", height: "32", viewBox: "0 0 220 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M3.96044 28.355L19.3937 28.355C19.5463 28.355 19.6898 28.2803 19.7803 28.1537L28.2598 16.2897C28.3833 16.117 28.3845 15.882 28.2628 15.708L19.827 3.64491L3.76198 27.9689C3.65363 28.133 3.76776 28.355 3.96044 28.355Z", fill: "#FD395E" }), _jsx("path", { d: "M3.76198 4.03111L11.667 16L19.827 3.64507L3.96044 3.64507C3.76775 3.64507 3.65363 3.86706 3.76198 4.03111Z", fill: "url(#paint0_linear_1502_38864)" }), _jsx("path", { d: "M15.0273 3.64506L11.6673 16L19.8273 3.64506L15.0273 3.64506Z", fill: "#8A0E25" }), _jsx("path", { d: "M39.3532 22.7756H42.8606V17.3201H47.9331V14.7574H42.8606V11.7869H48.1593V9.22419H39.3532V22.7756Z", fill: "black" }), _jsx("path", { d: "M52.1884 22.7756H61.1265V20.0964H55.6957V9.22419H52.1884V22.7756Z", fill: "black" }), _jsx("path", { d: "M63.8544 22.7756H67.4183L68.4554 19.8828H73.3959L74.3765 22.7756H78.2233L73.1508 9.22419H68.8514L63.8544 22.7756ZM72.5662 17.3201H69.2663L70.9634 12.0199H71.0011L72.5662 17.3201Z", fill: "black" }), _jsx("path", { d: "M82.8424 22.7756H86.3498V11.9034H89.5932V9.22419H79.5991V11.9034H82.8424V22.7756Z", fill: "black" }), _jsx("path", { d: "M93.4902 22.7756H96.9976V9.22419H93.4902V22.7756Z", fill: "black" }), _jsx("path", { d: "M101.787 22.7756H105.294V17.4172H106.03C107.331 17.4172 107.783 17.9996 108.5 20.3294L109.254 22.7756H112.912L111.63 19.0868C110.97 17.4366 110.895 16.4076 109.763 16.097V16.0581C111.46 15.6504 112.29 14.4467 112.29 12.6412C112.29 10.3114 110.386 9.22419 108.047 9.22419H101.787V22.7756ZM105.294 11.7869H106.218C107.557 11.7869 108.783 12.0199 108.783 13.2818C108.783 14.8156 107.35 14.8544 106.218 14.8544H105.294V11.7869Z", fill: "black" }), _jsx("path", { d: "M116.231 15.9999C116.231 20.31 118.532 23.0086 122.831 23.0086C127.13 23.0086 129.431 20.31 129.431 15.9999C129.431 11.651 127.168 8.99121 122.831 8.99121C118.494 8.99121 116.231 11.651 116.231 15.9999ZM119.852 15.9999C119.852 13.6507 120.7 11.6704 122.831 11.6704C124.962 11.6704 125.81 13.6507 125.81 15.9999C125.81 18.2326 124.962 20.3294 122.831 20.3294C120.7 20.3294 119.852 18.2326 119.852 15.9999Z", fill: "black" }), _jsx("path", { d: "M133.717 22.7756H136.942L136.829 13.5148H136.866L141.468 22.7756H145.823V9.22419H142.618L142.674 18.4267H142.637L138.186 9.22419H133.717V22.7756Z", fill: "black" }), _jsx("path", { d: "M150.336 22.4262C151.505 22.8144 153.033 23.0086 154.258 23.0086C157.181 23.0086 160.047 22.0573 160.047 18.5432C160.047 13.6507 153.825 15.1262 153.825 12.9324C153.825 11.7481 155.296 11.6704 156.182 11.6704C157.181 11.6704 158.2 11.8646 159.105 12.2917L159.331 9.49599C158.445 9.18536 157.2 8.99121 155.937 8.99121C153.297 8.99121 150.204 9.88428 150.204 13.1459C150.204 18.0773 156.427 16.4853 156.427 19.0092C156.427 20.0964 155.371 20.3294 154.258 20.3294C152.806 20.3294 151.543 19.9411 150.638 19.4363L150.336 22.4262Z", fill: "black" }), _jsx("path", { d: "M164.392 22.7756H167.9V17.3201H172.972V14.7574H167.9V11.7869H173.198V9.22419H164.392V22.7756Z", fill: "#FD395E" }), _jsx("path", { d: "M188.579 9.22419H185.072V17.0289C185.072 18.815 184.6 20.3294 182.809 20.3294C181.018 20.3294 180.546 18.815 180.546 17.0289V9.22419H177.039V17.6307C177.039 21.3389 179.377 23.0086 182.809 23.0086C186.241 23.0086 188.579 21.3389 188.579 17.6307V9.22419Z", fill: "#FD395E" }), _jsx("path", { d: "M192.835 22.4262C194.004 22.8144 195.531 23.0086 196.757 23.0086C199.68 23.0086 202.546 22.0573 202.546 18.5432C202.546 13.6507 196.323 15.1262 196.323 12.9324C196.323 11.7481 197.794 11.6704 198.68 11.6704C199.68 11.6704 200.698 11.8646 201.603 12.2917L201.829 9.49599C200.943 9.18536 199.699 8.99121 198.435 8.99121C195.795 8.99121 192.703 9.88428 192.703 13.1459C192.703 18.0773 198.926 16.4853 198.926 19.0092C198.926 20.0964 197.87 20.3294 196.757 20.3294C195.305 20.3294 194.042 19.9411 193.137 19.4363L192.835 22.4262Z", fill: "#FD395E" }), _jsx("path", { d: "M206.795 22.7756H216.28V20.2129H210.302V17.1454H215.752V14.5826H210.302V11.7869H216.073V9.22419H206.795V22.7756Z", fill: "#FD395E" }), _jsx("defs", { children: _jsxs("linearGradient", __assign({ id: "paint0_linear_1502_38864", x1: "1.81659", y1: "3.64507", x2: "20.2841", y2: "9.7137", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: "0.03125", stopColor: "#CA405A", stopOpacity: "0.958429" }), _jsx("stop", { offset: "1", stopColor: "#A2243B" })] })) })] })));

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const useDebounce: (value: any, onChange: any, timeoutMs?: number) => {
     _value: any;
     set_Value: import("react").Dispatch<any>;

package/lib/esm/hooks/index.js

@@ -0,0 +1,16 @@
+import { useEffect, useRef, useState } from "react";
+export var useDebounce = function (value, onChange, timeoutMs) {
+    if (timeoutMs === void 0) { timeoutMs = 300; }
+    var _a = useState(value), _value = _a[0], set_Value = _a[1];
+    var tid = useRef(null);
+    useEffect(function () {
+        if (_value !== value) {
+            clearTimeout(tid.current);
+            tid.current = setTimeout(function () { return onChange(_value); }, timeoutMs);
+        }
+    }, [_value]);
+    useEffect(function () {
+        set_Value(value);
+    }, [value]);
+    return { _value: _value, set_Value: set_Value };
+};

package/lib/esm/index.js

@@ -0,0 +1,218 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import ReactDOM from "react-dom";
+import { Importer } from "./Importer";
+import { fuseImporterId, validateColumn } from "./common";
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+import * as locales from "./locales";
+import { StyleSheetManager } from "styled-components";
+import { fontsURL } from "./styled/fontsURL";
+import { addLinkToHead, getDefaultValidations } from "./utils";
+var FuseImporter = /** @class */ (function () {
+    function FuseImporter(apiToken, templateSlug, options) {
+        if (options === void 0) { options = {}; }
+        this.dynamicColumns = [];
+        this.cleanupIframe = null;
+        this.windowScrollPosition = {
+            x: 0,
+            y: 0,
+        };
+        this.apiToken = apiToken;
+        this.templateSlug = templateSlug;
+        this.options = __assign({ env: "production", zIndex: 1000, batchValidationDelayMs: 500 }, options);
+    }
+    FuseImporter.prototype.close = function () {
+        var _a;
+        (_a = this.onClose) === null || _a === void 0 ? void 0 : _a.call(this);
+        if (this.cleanupIframe) {
+            this.cleanupIframe();
+            this.cleanupIframe = null;
+        }
+        var iframe = document.getElementById(fuseImporterId);
+        document.body.removeChild(iframe);
+        // allow the scroll when the importer is closed
+        document.body.style.overflow = "auto";
+        window.scrollTo(this.windowScrollPosition.x, this.windowScrollPosition.y);
+    };
+    FuseImporter.prototype.show = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var isRunningTest, iframe, importerComponent;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.configureI18n()];
+                    case 1:
+                        _a.sent();
+                        isRunningTest = typeof (window === null || window === void 0 ? void 0 : window.Cypress) !== "undefined";
+                        if (isRunningTest) {
+                            this.renderImporterComponent();
+                            i18n.reloadResources();
+                            return [2 /*return*/];
+                        }
+                        iframe = this.createIframe();
+                        importerComponent = this.createImporterComponent();
+                        // saves the position of the page before the importer was opened
+                        this.windowScrollPosition = {
+                            x: window.scrollX,
+                            y: window.scrollY,
+                        };
+                        // block the scroll when opening the importer
+                        window.scrollTo(0, 0);
+                        document.body.style.overflow = "hidden";
+                        this.configureIframe(iframe, importerComponent);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    FuseImporter.prototype.addColumn = function (columnData) {
+        var column_type = columnData.column_type, internal_key = columnData.internal_key, label = columnData.label, required = columnData.required, pattern = columnData.pattern, position = columnData.position, transformations = columnData.transformations, unique = columnData.unique, validations = columnData.validations, values = columnData.values;
+        validateColumn(columnData);
+        var treatedValidations = __spreadArray(__spreadArray([], getDefaultValidations(column_type), true), (validations || []), true);
+        var treatedTransformations = transformations !== null && transformations !== void 0 ? transformations : [];
+        var column = {
+            column_type: column_type,
+            internal_key: internal_key,
+            label: label,
+            required: required,
+            pattern: pattern || null,
+            position: position || null,
+            unique: unique || false,
+            values: column_type === "enum" ? values || [] : [],
+            validations: treatedValidations,
+            transformations: treatedTransformations,
+        };
+        this.dynamicColumns.push(column);
+    };
+    FuseImporter.prototype.renderImporterComponent = function () {
+        var importerDiv = this.createDivComponent();
+        var importerComponent = this.createImporterComponent();
+        ReactDOM.render(importerComponent, importerDiv);
+    };
+    FuseImporter.prototype.createDivComponent = function () {
+        var div = document.createElement("div");
+        div.setAttribute("id", fuseImporterId);
+        document.body.appendChild(div);
+        return div;
+    };
+    FuseImporter.prototype.createIframe = function () {
+        var iframe = document.createElement("iframe");
+        iframe.setAttribute("id", fuseImporterId);
+        iframe.style.cssText =
+            "border: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000;";
+        document.body.appendChild(iframe);
+        return iframe;
+    };
+    FuseImporter.prototype.createImporterComponent = function () {
+        var _this = this;
+        return (_jsx(Importer, { apiToken: this.apiToken, templateSlug: this.templateSlug, options: this.options, formatRecord: this.formatRecord, onValidateRecord: this.onValidateRecord, onSubmit: this.onSubmit, onClose: function () {
+                _this.close();
+            }, dynamicColumns: this.dynamicColumns }));
+    };
+    FuseImporter.prototype.configureIframe = function (iframe, importerComponent) {
+        var onLoadCallback = function () {
+            var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
+            iframeDocument.body.style.margin = "0";
+            iframeDocument.body.style.padding = "0";
+            var head = iframeDocument.getElementsByTagName("head")[0];
+            for (var _i = 0, fontsURL_1 = fontsURL; _i < fontsURL_1.length; _i++) {
+                var link = fontsURL_1[_i];
+                addLinkToHead(iframeDocument, head, link.href, link.rel, link.crossOrigin);
+            }
+            ReactDOM.render(_jsx(StyleSheetManager, __assign({ target: iframeDocument.head }, { children: importerComponent })), iframeDocument.body);
+            i18n.reloadResources();
+            iframe.removeEventListener("load", onLoadCallback);
+        };
+        iframe.addEventListener("load", onLoadCallback);
+        iframe.src = "about:blank";
+        var cleanup = function () {
+            iframe.removeEventListener("load", onLoadCallback);
+        };
+        this.cleanupIframe = cleanup;
+        return cleanup;
+    };
+    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;
+}());
+export default FuseImporter;
+export * from "./api";
+export * from "./common";
+export * from "./hooks";
+export * from "./Importer";
+export * from "./styled";
+export * from "./utils";
+export * from "./types";

package/lib/esm/locales/de.js

@@ -0,0 +1,126 @@
+/* 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: "Wählen Sie eine Kopfzeile aus",
+            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, .xls, .xlsx-Tabellenkalkulationsdatei\n    mit einem beliebigen Satz von 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",
+            enter_data_manually: "Daten manuell eingeben",
+        },
+    },
+    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 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.",
+        table_actions: {
+            filters_by_rows: {
+                all_rows: "Alle Zeilen",
+                valid_rows: "Gültige Zeilen",
+                invalid_rows: "Ungültige Zeilen",
+            },
+            search_rows: {
+                tooltip: "Etwas suchen",
+                placeholder: "Etwas suchen...",
+            },
+            filter_by_errors: {
+                search_or_select: "Suchen oder auswählen",
+                filter_by_errors: "Nach Fehlern filtern",
+            },
+            delete_rows: {
+                confirmation_modal: "Möchtest du wirklich {{length}} Zeile löschen",
+                modal_title: "Ausgewählte Zeile löschen",
+                yes_delete: "Ja, löschen",
+                select_rows: "Wählen Sie Zeilen zum Löschen aus",
+                delete_row: "Zeile löschen",
+            },
+            export_your_data: {
+                tooltip: "Exportiere deine Daten",
+            },
+            transformed_records: {
+                auto_corrections_done: "zellen automatisch korrigiert",
+                example: "Beispiel",
+                auto_corrections_amount: "Wir haben {{amount}} Probleme automatisch korrigiert.",
+            },
+        },
+    },
+    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.",
+        },
+    },
+};