torgbox-ui 1.0.8 → 1.0.10

package/dist/cjs/Inputs/Selector/Collapse.js

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Collapse = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const chevron_down_svg_1 = __importDefault(require("../../assets/img/chevron-down.svg"));
+const Option_1 = require("./Option/Option");
+const Collapse = (props) => {
+    const { options, selected, title, onSelect, chevron = true, optionsIcon, closeOnClick = true, } = props;
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const rootRef = (0, react_1.useRef)(null);
+    const titleRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const handleClick = (event) => {
+            const { target } = event;
+            if (target instanceof Node &&
+                rootRef.current &&
+                !rootRef.current.contains(target)) {
+                closeOnClick && setIsOpen(false);
+            }
+        };
+        window.addEventListener('click', handleClick);
+        return () => {
+            window.removeEventListener('click', handleClick);
+        };
+    }, [closeOnClick, isOpen]);
+    const handleOptionClick = (value) => {
+        closeOnClick && setIsOpen(false);
+        onSelect(value);
+    };
+    const handleTitleClick = () => {
+        setIsOpen(!isOpen);
+    };
+    const chevronMods = [
+        'title__chevron',
+        isOpen && 'title__chevron--rotate',
+    ];
+    const optionsBlock = ((0, jsx_runtime_1.jsx)("div", { className: 'selector__options selector__options--slide-down', children: options.map((option) => ((0, jsx_runtime_1.jsx)(Option_1.Option, { option: option, onClick: handleOptionClick, optionsIcon: optionsIcon, selected: option.value === selected?.value }, option.value))) }));
+    const hasIcon = optionsIcon !== undefined || selected?.icon !== undefined;
+    const label = selected ? ((0, jsx_runtime_1.jsxs)("div", { className: 'title__label', children: [hasIcon && ((0, jsx_runtime_1.jsx)("div", { className: 'title__icon', children: selected?.icon ?? optionsIcon })), selected.label] })) : title;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'selector', ref: rootRef, children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('title', isOpen && 'title--active'), onClick: handleTitleClick, ref: titleRef, children: [label, chevron && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(chevronMods), children: (0, jsx_runtime_1.jsx)(chevron_down_svg_1.default, {}) }))] }), isOpen && optionsBlock] }));
+};
+exports.Collapse = Collapse;

package/dist/cjs/Inputs/Selector/Dropdown.js

@@ -0,0 +1,88 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dropdown = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const getCoords_1 = require("../../tools/getCoords");
+const Utils_1 = require("../../Utils");
+const Option_1 = require("./Option/Option");
+const Dropdown = (props) => {
+    const { options, selected, title, onSelect, optionsIcon, optionsMaxHeight, optionsDirection = 'down', noFlip = false, } = props;
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const [direction, setDirection] = (0, react_1.useState)(optionsDirection);
+    const [maxHeight, setMaxHeight] = (0, react_1.useState)(optionsMaxHeight);
+    const rootRef = (0, react_1.useRef)(null);
+    const titleRef = (0, react_1.useRef)(null);
+    const optionsRef = (0, react_1.useRef)(null);
+    const titleCoords = (0, getCoords_1.getCoords)(titleRef);
+    (0, react_1.useEffect)(() => {
+        const handleClick = (event) => {
+            const { target } = event;
+            if (target instanceof Node &&
+                rootRef.current &&
+                !rootRef.current.contains(target)) {
+                setIsOpen(false);
+            }
+        };
+        window.addEventListener('click', handleClick);
+        return () => {
+            window.removeEventListener('click', handleClick);
+        };
+    }, [isOpen]);
+    (0, react_1.useEffect)(() => {
+        if (!optionsRef.current || !titleCoords) {
+            return;
+        }
+        const { topViewport: distanceToTop, bottomViewport } = titleCoords;
+        const windowHeight = window.innerHeight;
+        const optionsHeight = optionsRef.current.offsetHeight;
+        const distanceToBottom = windowHeight - bottomViewport;
+        const isDownDirection = optionsDirection === 'down';
+        setDirection(optionsDirection);
+        setMaxHeight(isDownDirection ? distanceToBottom : distanceToTop);
+        if (noFlip) {
+            return;
+        }
+        const hasSpaceToOptionsBelow = distanceToBottom - optionsHeight > 0;
+        const hasSpaceToOptionsAbove = distanceToTop - optionsHeight > 0;
+        const oppositeDirection = isDownDirection ? 'up' : 'down';
+        if (isDownDirection &&
+            !hasSpaceToOptionsBelow &&
+            hasSpaceToOptionsAbove) {
+            setDirection(oppositeDirection);
+            setMaxHeight(distanceToTop);
+            return;
+        }
+        if (!isDownDirection &&
+            !hasSpaceToOptionsAbove &&
+            hasSpaceToOptionsBelow) {
+            setDirection(oppositeDirection);
+            setMaxHeight(distanceToBottom);
+        }
+    }, [isOpen, noFlip, optionsDirection, titleCoords]);
+    const handleOptionClick = (value) => {
+        setIsOpen(false);
+        onSelect(value);
+    };
+    const handleTitleClick = () => {
+        setIsOpen(!isOpen);
+    };
+    const optionsPosition = {
+        position: 'absolute',
+        left: `${titleCoords?.leftDocument ?? 0}px`,
+        minWidth: `${titleCoords?.width ?? 0}px`,
+        maxHeight: `${optionsMaxHeight ?? maxHeight}px`,
+        ...(direction === 'down'
+            ? { top: `${titleCoords?.bottomDocument ?? 0}px` }
+            : { bottom: `${window?.innerHeight - (titleCoords?.topDocument ?? 0)}px` }),
+    };
+    const optionsBlock = titleCoords && ((0, jsx_runtime_1.jsx)("div", { className: `selector__options selector__options--slide-${direction}`, style: { ...optionsPosition }, ref: optionsRef, children: options.map((option) => ((0, jsx_runtime_1.jsx)(Option_1.Option, { option: option, onClick: handleOptionClick, optionsIcon: optionsIcon, selected: option.value === selected?.value }, option.value))) }));
+    const hasIcon = optionsIcon !== undefined || selected?.icon !== undefined;
+    const label = selected ? ((0, jsx_runtime_1.jsxs)("div", { className: 'title__label', children: [hasIcon && ((0, jsx_runtime_1.jsx)("div", { className: 'title__icon', children: selected?.icon ?? optionsIcon })), selected.label] })) : title;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'selector', ref: rootRef, children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('title', isOpen && 'title--active'), onClick: handleTitleClick, ref: titleRef, children: label }), isOpen && (0, jsx_runtime_1.jsx)(Utils_1.Portal, { children: optionsBlock })] }));
+};
+exports.Dropdown = Dropdown;

package/dist/cjs/Inputs/Selector/Option/Option.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Option = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const Option = (props) => {
+    const { option: { value, label, icon }, onClick, selected = false, optionsIcon, } = props;
+    const handleClick = (clickedValue) => () => {
+        onClick(clickedValue);
+    };
+    const hasIcon = optionsIcon !== undefined || icon !== undefined;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('selector-option', selected && 'selector-option--selected'), onClick: handleClick(value), children: [hasIcon && ((0, jsx_runtime_1.jsx)("div", { className: 'selector-option__icon', children: icon ?? optionsIcon })), label] }));
+};
+exports.Option = Option;

package/dist/cjs/Inputs/Selector/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dropdown = exports.Collapse = exports.Option = void 0;
+var Option_1 = require("./Option/Option");
+Object.defineProperty(exports, "Option", { enumerable: true, get: function () { return Option_1.Option; } });
+var Collapse_1 = require("./Collapse");
+Object.defineProperty(exports, "Collapse", { enumerable: true, get: function () { return Collapse_1.Collapse; } });
+var Dropdown_1 = require("./Dropdown");
+Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return Dropdown_1.Dropdown; } });

package/dist/cjs/Inputs/TextField/TextField.js

@@ -0,0 +1,92 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const fp_1 = __importDefault(require("lodash/fp"));
+const react_1 = require("react");
+const check_svg_1 = __importDefault(require("../../assets/img/check.svg"));
+const cross_svg_1 = __importDefault(require("../../assets/img/cross.svg"));
+const eye_close_svg_1 = __importDefault(require("../../assets/img/eye-close.svg"));
+const eye_open_svg_1 = __importDefault(require("../../assets/img/eye-open.svg"));
+const search_svg_1 = __importDefault(require("../../assets/img/search.svg"));
+const textField_module_scss_1 = __importDefault(require("./textField.module.scss"));
+const TextField = (props) => {
+    const { label, value, description, className, placeholder, type = 'text', size = 'large', state = 'idle', tabIndex, maxLength, errorMessage, onChange = fp_1.default.noop, onClear = fp_1.default.noop, onVisibilityToggle = fp_1.default.noop, onTouched = fp_1.default.noop, required = false, autoFocus = false, checkIcon = false, clearIcon = false, eyeIcon = false, searchIcon = false, alwaysShowError = false, } = props;
+    const ref = (0, react_1.useRef)(null);
+    const [focused, setFocused] = (0, react_1.useState)(false);
+    const [inputType, setInputType] = (0, react_1.useState)(type);
+    (0, react_1.useEffect)(() => {
+        setInputType(type);
+    }, [type]);
+    (0, react_1.useEffect)(() => {
+        if (autoFocus) {
+            setFocused(true);
+            ref.current?.focus();
+        }
+    }, [autoFocus]);
+    const onChangeHandler = (e) => {
+        onChange(e.target.value, e);
+    };
+    const toggleVisibility = () => {
+        const newType = inputType === 'password' ? 'text' : 'password';
+        setInputType(newType);
+        onVisibilityToggle();
+    };
+    const onBlur = () => {
+        setFocused(false);
+    };
+    const onFocus = () => {
+        setFocused(true);
+        onTouched(true);
+    };
+    const disabledState = state === 'disabled';
+    const wrapperSizeClassBySize = {
+        medium: textField_module_scss_1.default.textFieldWrapperMedium,
+        large: textField_module_scss_1.default.textFieldWrapperLarge,
+    };
+    const labelSizeClassBySize = {
+        medium: textField_module_scss_1.default.textFieldWrapperLabelMedium,
+        large: textField_module_scss_1.default.textFieldWrapperLabelLarge,
+    };
+    const inputSizeClassBySize = {
+        medium: textField_module_scss_1.default.textFieldInputMedium,
+        large: textField_module_scss_1.default.textFieldInputLarge,
+    };
+    const iconsSizeClassBySize = {
+        medium: textField_module_scss_1.default.textFieldIconsMedium,
+        large: textField_module_scss_1.default.textFieldIconsLarge,
+    };
+    const fieldSizeClassBySize = {
+        medium: textField_module_scss_1.default.textFieldMedium,
+        large: textField_module_scss_1.default.textFieldLarge,
+    };
+    const stateClassByState = {
+        idle: textField_module_scss_1.default.textFieldIdle,
+        error: textField_module_scss_1.default.textFieldError,
+        disabled: textField_module_scss_1.default.textFieldDisabled,
+    };
+    const textFieldWrapperClassName = (0, classnames_1.default)(textField_module_scss_1.default.textFieldWrapper, wrapperSizeClassBySize[size]);
+    const textFieldClassName = (0, classnames_1.default)(textField_module_scss_1.default.textField, fieldSizeClassBySize[size], stateClassByState[state], {
+        [textField_module_scss_1.default.textFieldFocused]: !alwaysShowError ? focused : state !== 'error',
+    }, className);
+    const inputClassName = (0, classnames_1.default)(textField_module_scss_1.default.textFieldInput, inputSizeClassBySize[size]);
+    const iconsClassName = (0, classnames_1.default)(textField_module_scss_1.default.textFieldIcons, iconsSizeClassBySize[size]);
+    const labelClassName = (0, classnames_1.default)(textField_module_scss_1.default.textFieldWrapperLabel, labelSizeClassBySize[size], { [textField_module_scss_1.default.textFieldWrapperLabelDisabled]: disabledState });
+    const bottomText = () => {
+        const showError = !!errorMessage && (alwaysShowError || !focused);
+        if (!showError && !description) {
+            return;
+        }
+        return ((0, jsx_runtime_1.jsx)("span", { className: (0, classnames_1.default)(textField_module_scss_1.default.textFieldWrapperBottomText, {
+                [textField_module_scss_1.default.textFieldWrapperBottomTextDescription]: !!description,
+                [textField_module_scss_1.default.textFieldWrapperBottomTextError]: showError,
+            }), children: showError ? errorMessage : description }));
+    };
+    const input = ((0, jsx_runtime_1.jsxs)("div", { className: textFieldClassName, children: [searchIcon && ((0, jsx_runtime_1.jsx)("div", { className: iconsClassName, children: (0, jsx_runtime_1.jsx)(search_svg_1.default, {}) })), (0, jsx_runtime_1.jsx)("input", { ref: ref, type: inputType, value: value, onChange: onChangeHandler, className: inputClassName, onFocus: onFocus, onBlur: onBlur, placeholder: disabledState ? '' : placeholder, disabled: disabledState, onClick: onFocus, tabIndex: tabIndex, maxLength: maxLength }), (checkIcon && value && !errorMessage && !disabledState) && ((0, jsx_runtime_1.jsx)("div", { id: 'check-icon', className: iconsClassName, children: (0, jsx_runtime_1.jsx)(check_svg_1.default, {}) })), clearIcon && value && !disabledState && ((0, jsx_runtime_1.jsx)("div", { className: [iconsClassName, 'cursor-pointer'].join(' '), onClick: onClear, children: (0, jsx_runtime_1.jsx)(cross_svg_1.default, {}) })), eyeIcon && !disabledState && ((0, jsx_runtime_1.jsx)("div", { id: 'eye-icon', className: [iconsClassName, 'cursor-pointer'].join(' '), onClick: toggleVisibility, children: inputType === 'password' ? (0, jsx_runtime_1.jsx)(eye_open_svg_1.default, {}) : (0, jsx_runtime_1.jsx)(eye_close_svg_1.default, {}) }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: textFieldWrapperClassName, children: [label && ((0, jsx_runtime_1.jsxs)("div", { className: labelClassName, children: [label, required && ((0, jsx_runtime_1.jsx)("span", { className: 'text-field-wrapper__label--required', children: "*" }))] })), input, bottomText()] }));
+};
+exports.TextField = TextField;

package/dist/cjs/Inputs/TextField/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextField = void 0;
+var TextField_1 = require("./TextField");
+Object.defineProperty(exports, "TextField", { enumerable: true, get: function () { return TextField_1.TextField; } });

package/dist/cjs/Inputs/index.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InnField = exports.Checkbox = exports.OtpInput = exports.RepeatPasswordField = exports.PasswordField = exports.PhoneField = exports.NameField = exports.EmailField = exports.Option = exports.Collapse = exports.Dropdown = exports.TextField = exports.Button = void 0;
+var Button_1 = require("./Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
+var TextField_1 = require("./TextField");
+Object.defineProperty(exports, "TextField", { enumerable: true, get: function () { return TextField_1.TextField; } });
+var Selector_1 = require("./Selector");
+Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return Selector_1.Dropdown; } });
+Object.defineProperty(exports, "Collapse", { enumerable: true, get: function () { return Selector_1.Collapse; } });
+Object.defineProperty(exports, "Option", { enumerable: true, get: function () { return Selector_1.Option; } });
+var EmailField_1 = require("./EmailField");
+Object.defineProperty(exports, "EmailField", { enumerable: true, get: function () { return EmailField_1.EmailField; } });
+var NameField_1 = require("./NameField");
+Object.defineProperty(exports, "NameField", { enumerable: true, get: function () { return NameField_1.NameField; } });
+var PhoneField_1 = require("./PhoneField");
+Object.defineProperty(exports, "PhoneField", { enumerable: true, get: function () { return PhoneField_1.PhoneField; } });
+var PasswordField_1 = require("./PasswordField");
+Object.defineProperty(exports, "PasswordField", { enumerable: true, get: function () { return PasswordField_1.PasswordField; } });
+var RepeatPasswordField_1 = require("./RepeatPasswordField");
+Object.defineProperty(exports, "RepeatPasswordField", { enumerable: true, get: function () { return RepeatPasswordField_1.RepeatPasswordField; } });
+var OtpInput_1 = require("./OtpInput");
+Object.defineProperty(exports, "OtpInput", { enumerable: true, get: function () { return OtpInput_1.OtpInput; } });
+var Checkbox_1 = require("./Checkbox");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
+var InnField_1 = require("./InnField");
+Object.defineProperty(exports, "InnField", { enumerable: true, get: function () { return InnField_1.InnField; } });

package/dist/cjs/Pages/ContentPage/ContentPage.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Utils_1 = require("../../Utils");
+const Widgets_1 = require("../../Widgets");
+const ContentPage = ({ children }) => {
+    const [sidebarOpened, setSidebarOpened] = (0, react_1.useState)(false);
+    const [sidebarPinned, setSidebarPinned] = (0, react_1.useState)(false);
+    const onShowSidebar = () => {
+        setSidebarOpened(true);
+    };
+    const onCloseSidebar = (0, react_1.useCallback)(() => {
+        setSidebarOpened(false);
+    }, []);
+    const onPinSidebar = () => {
+        setSidebarPinned(true);
+    };
+    const onUnpinSidebar = () => {
+        setSidebarPinned(false);
+        onCloseSidebar();
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Widgets_1.Header, { onShowSidebar: onShowSidebar, onCloseSidebar: onCloseSidebar, sidebarOpened: sidebarOpened, sidebarPinned: sidebarPinned }), (0, jsx_runtime_1.jsxs)("div", { className: 'content-page__content', children: [sidebarOpened && ((0, jsx_runtime_1.jsx)(Widgets_1.Sidebar, { pinned: sidebarPinned, onPinSidebar: onPinSidebar, onUnpinSidebar: onUnpinSidebar })), (0, jsx_runtime_1.jsx)("main", { className: 'content-page__main', children: children || (0, jsx_runtime_1.jsx)(Utils_1.SectionPlaceholder, {}) })] })] }));
+};
+exports.ContentPage = ContentPage;

package/dist/cjs/Pages/ContentPage/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentPage = void 0;
+var ContentPage_1 = require("./ContentPage");
+Object.defineProperty(exports, "ContentPage", { enumerable: true, get: function () { return ContentPage_1.ContentPage; } });

package/dist/cjs/Pages/CreatePasswordPage/CreatePasswordPage.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CreatePasswordPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_router_dom_1 = require("react-router-dom");
+const store_1 = require("../../app/store");
+const user_1 = require("../../entities/user");
+const Inputs_1 = require("../../Inputs");
+const Utils_1 = require("../../Utils");
+const CreatePasswordPage = () => {
+    const [password, setPassword] = (0, react_1.useState)('');
+    const [passwordValid, setPasswordValid] = (0, react_1.useState)(false);
+    const [passwordEqual, setPasswordEqual] = (0, react_1.useState)(false);
+    const [formValid, setFormValid] = (0, react_1.useState)(false);
+    const [hidePassword, setHidePassword] = (0, react_1.useState)(true);
+    const [createPassword, { isSuccess, isError, isLoading }] = (0, user_1.useCreatePasswordMutation)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const email = (0, store_1.useAppSelector)(user_1.selectEmail);
+    (0, react_1.useEffect)(() => {
+        if (!hidePassword) {
+            setFormValid(passwordValid);
+            return;
+        }
+        setFormValid([passwordValid, passwordEqual].every(Boolean));
+    }, [passwordValid, passwordEqual, hidePassword]);
+    (0, react_1.useEffect)(() => {
+        if (isSuccess) {
+            void navigate('/');
+        }
+    }, [isSuccess, navigate]);
+    const getBtnState = () => {
+        if (isLoading)
+            return 'loading';
+        return formValid ? 'idle' : 'disabled';
+    };
+    const handleSendPassword = () => {
+        if (formValid && email) {
+            void createPassword({ email, password });
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'create-password-page', children: [isLoading && (0, jsx_runtime_1.jsx)("div", { className: 'email-confirmation-page__overlay' }), (0, jsx_runtime_1.jsx)("h1", { className: 'create-password-page__title', children: "\u0421\u043E\u0437\u0434\u0430\u043D\u0438\u0435 \u043F\u0430\u0440\u043E\u043B\u044F" }), isError && ((0, jsx_runtime_1.jsx)(Utils_1.ErrorBanner, { error: '\u041E\u0448\u0438\u0431\u043A\u0430 \u0441\u043E\u0437\u0434\u0430\u043D\u0438\u044F \u043F\u0430\u0440\u043E\u043B\u044F' })), (0, jsx_runtime_1.jsxs)("form", { className: 'create-password-page__form', children: [(0, jsx_runtime_1.jsx)(Inputs_1.PasswordField, { onValidated: setPasswordValid, onPasswordInput: (password) => {
+                            setPassword(password);
+                        }, hidePassword: hidePassword, tabIndex: 1, onVisibilityToggle: () => {
+                            setHidePassword(!hidePassword);
+                        } }), hidePassword &&
+                        (0, jsx_runtime_1.jsx)(Inputs_1.RepeatPasswordField, { comparedValue: password, equalHandler: setPasswordEqual, tabIndex: 2, onVisibilityToggle: () => {
+                                setHidePassword(!hidePassword);
+                            } }), (0, jsx_runtime_1.jsx)(Inputs_1.Button, { label: '\u0412\u043E\u0439\u0442\u0438 \u0432 CRM', size: 'large', state: getBtnState(), tabIndex: 3, fullWidth: true, onClick: handleSendPassword })] })] }));
+};
+exports.CreatePasswordPage = CreatePasswordPage;

package/dist/cjs/Pages/CreatePasswordPage/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CreatePasswordPage = void 0;
+var CreatePasswordPage_1 = require("./CreatePasswordPage");
+Object.defineProperty(exports, "CreatePasswordPage", { enumerable: true, get: function () { return CreatePasswordPage_1.CreatePasswordPage; } });

package/dist/cjs/Pages/CreateTeamPage/CreateTeamPage.js

@@ -0,0 +1,53 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CreateTeamPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fp_1 = require("lodash/fp");
+const react_1 = require("react");
+const chevron_left_svg_1 = __importDefault(require("../../assets/img/chevron-left.svg"));
+const Inputs_1 = require("../../Inputs");
+const Utils_1 = require("../../Utils");
+const CreateTeamPage = (props) => {
+    const { email } = props;
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const [innValid, setInnValid] = (0, react_1.useState)(false);
+    const [searchResult, setSearchResult] = (0, react_1.useState)('');
+    const [startWorkLoading, setStartWorkLoading] = (0, react_1.useState)(false);
+    const innRef = (0, react_1.useRef)('');
+    const getOrganization = () => {
+        setLoading(true);
+        setTimeout(() => {
+            setLoading(false);
+            setSearchResult('ООО “Сокращенное наименование”');
+        }, 1000);
+    };
+    const handleInnCheck = (0, react_1.useCallback)((0, fp_1.debounce)(500, getOrganization), []);
+    (0, react_1.useEffect)(() => {
+        if (innValid) {
+            handleInnCheck();
+            return;
+        }
+        handleInnCheck.cancel();
+        setLoading(false);
+        setSearchResult('');
+    }, [handleInnCheck, innValid]);
+    (0, react_1.useEffect)(() => {
+        if (startWorkLoading) {
+            setTimeout(() => {
+                setStartWorkLoading(false);
+            }, 1000);
+        }
+    }, [startWorkLoading]);
+    const getBtnState = () => {
+        if (startWorkLoading)
+            return 'loading';
+        return innValid ? 'idle' : 'disabled';
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'create-team-page', children: [startWorkLoading && (0, jsx_runtime_1.jsx)("div", { className: 'create-team-page__overlay' }), (0, jsx_runtime_1.jsxs)("h1", { className: 'create-team-page__title', children: ["\u0421\u043E\u0437\u0434\u0430\u0442\u044C \u043A\u043E\u043C\u0430\u043D\u0434\u0443 \u0434\u043B\u044F ", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { className: 'create-team-page__email', children: email })] }), (0, jsx_runtime_1.jsx)("p", { className: 'create-team-page__text', children: "\u0420\u044B\u0431\u0430\u0442\u0435\u043A\u0441\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u0438\u0437\u0430\u0439\u043D\u0435\u0440\u0430\u043C\u0438, \u043F\u0440\u043E\u0435\u043A\u0442\u0438\u0440\u043E\u0432\u0449\u0438\u043A\u0430\u043C\u0438 \u0438 \u0444\u0440\u043E\u043D\u0442\u0435\u043D\u0434\u0435\u0440\u0430\u043C\u0438, \u043A\u043E\u0433\u0434\u0430 \u043D\u0443\u0436\u043D\u043E \u0431\u044B\u0441\u0442\u0440\u043E \u0437\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u044C \u043C\u0430\u043A\u0435\u0442\u044B \u0438\u043B\u0438 \u043F\u0440\u043E\u0442\u043E\u0442\u0438\u043F\u044B." }), (0, jsx_runtime_1.jsxs)("form", { className: 'create-team-page__form', children: [(0, jsx_runtime_1.jsx)(Inputs_1.InnField, { onValidated: setInnValid, onTextValid: (inn) => innRef.current = inn }), loading && (0, jsx_runtime_1.jsx)(Utils_1.Spinner, { className: 'create-team-page__spinner' }), searchResult && (0, jsx_runtime_1.jsx)("p", { className: 'create-team-page__organization', children: searchResult }), (0, jsx_runtime_1.jsx)(Inputs_1.Button, { label: '\u041D\u0430\u0447\u0430\u0442\u044C \u0440\u0430\u0431\u043E\u0442\u0443', size: 'large', state: getBtnState(), tabIndex: 1, onClick: () => {
+                            setStartWorkLoading(true);
+                        }, fullWidth: true })] }), (0, jsx_runtime_1.jsx)(Utils_1.Link, { label: '\u041D\u0430\u0437\u0430\u0434', iconComponent: (0, jsx_runtime_1.jsx)(chevron_left_svg_1.default, {}) })] }));
+};
+exports.CreateTeamPage = CreateTeamPage;

package/dist/cjs/Pages/CreateTeamPage/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CreateTeamPage = void 0;
+var CreateTeamPage_1 = require("./CreateTeamPage");
+Object.defineProperty(exports, "CreateTeamPage", { enumerable: true, get: function () { return CreateTeamPage_1.CreateTeamPage; } });

package/dist/cjs/Pages/EmailConfirmationPage/EmailConfirmationPage.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmailConfirmationPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const chevron_left_svg_1 = __importDefault(require("../../assets/img/chevron-left.svg"));
+const user_1 = require("../../entities/user");
+const Inputs_1 = require("../../Inputs");
+const OtpInput_1 = require("../../Inputs/OtpInput");
+const Utils_1 = require("../../Utils");
+const EmailConfirmationPage = (props) => {
+    const { email } = props;
+    const secondsCount = 60;
+    const [errorMessage, setErrorMessage] = (0, react_1.useState)('');
+    const [secondsLeft, setSecondsLeft] = (0, react_1.useState)(0);
+    const [verify, { isLoading, isError, isSuccess }] = (0, user_1.useVerifyEmailMutation)();
+    const handleSendEmail = (pin) => {
+        setErrorMessage('');
+        void verify({ code: pin, email });
+    };
+    (0, react_1.useEffect)(() => {
+        setErrorMessage(OtpInput_1.otpError);
+    }, [isError]);
+    const handleResend = () => {
+        setSecondsLeft(secondsCount);
+    };
+    (0, react_1.useEffect)(() => {
+        let time;
+        if (secondsLeft > 0) {
+            time = setTimeout(setSecondsLeft, 1000, secondsLeft - 1);
+        }
+        return () => {
+            clearTimeout(time);
+        };
+    }, [secondsLeft]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'email-confirmation-page', children: [isLoading && (0, jsx_runtime_1.jsx)("div", { className: 'email-confirmation-page__overlay' }), (0, jsx_runtime_1.jsxs)("h1", { className: 'email-confirmation-page__title', children: ["\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u0435 ", (0, jsx_runtime_1.jsx)("br", {}), "\u043F\u043E\u0447\u0442\u044B"] }), (0, jsx_runtime_1.jsxs)("div", { className: 'email-confirmation-page__text-wrapper', children: [(0, jsx_runtime_1.jsx)("p", { className: 'email-confirmation-page__variant-text', children: "\u041F\u041E \u0421\u0421\u042B\u041B\u041A\u0415" }), (0, jsx_runtime_1.jsx)("p", { className: 'email-confirmation-page__main-text', children: "\u041F\u0440\u043E\u0439\u0434\u0438\u0442\u0435 \u043F\u043E \u0441\u0441\u044B\u043B\u043A\u0435, \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u043D\u043E\u0439 \u043D\u0430" }), (0, jsx_runtime_1.jsx)("span", { className: 'email-confirmation-page__email', children: email })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'email-confirmation-page__text-wrapper', children: [(0, jsx_runtime_1.jsx)("p", { className: 'email-confirmation-page__variant-text', children: "\u0418\u041B\u0418 \u041F\u041E \u041A\u041E\u0414\u0423" }), (0, jsx_runtime_1.jsx)("p", { className: 'email-confirmation-page__main-text', children: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043A\u043E\u0434 \u0438\u0437 \u0442\u043E\u0433\u043E \u0436\u0435 \u043F\u0438\u0441\u044C\u043C\u0430." })] }), (0, jsx_runtime_1.jsxs)("form", { className: 'email-confirmation-page__form', children: [(0, jsx_runtime_1.jsx)(Inputs_1.OtpInput, { onComplete: handleSendEmail, errorMessage: errorMessage, setErrorMessage: setErrorMessage, responseReceived: isSuccess || isError, loading: isLoading }), isLoading && ((0, jsx_runtime_1.jsx)(Utils_1.Spinner, { className: 'email-confirmation-page__spinner' })), !secondsLeft ? ((0, jsx_runtime_1.jsx)(Inputs_1.Button, { label: '\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u043F\u043E\u0432\u0442\u043E\u0440\u043D\u043E', onClick: handleResend, size: 'medium', variant: 'clear-color' })) : ((0, jsx_runtime_1.jsxs)("p", { className: 'email-confirmation-page__resend', children: ["\u041F\u0438\u0441\u044C\u043C\u043E \u043D\u0435 \u043F\u0440\u0438\u0448\u043B\u043E? \u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u043F\u043E\u0432\u0442\u043E\u0440\u043D\u043E ", secondsLeft] }))] }), (0, jsx_runtime_1.jsx)(Utils_1.Link, { label: '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u043F\u043E\u0447\u0442\u0443', iconComponent: (0, jsx_runtime_1.jsx)(chevron_left_svg_1.default, {}) })] }));
+};
+exports.EmailConfirmationPage = EmailConfirmationPage;

package/dist/cjs/Pages/EmailConfirmationPage/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmailConfirmationPage = void 0;
+var EmailConfirmationPage_1 = require("./EmailConfirmationPage");
+Object.defineProperty(exports, "EmailConfirmationPage", { enumerable: true, get: function () { return EmailConfirmationPage_1.EmailConfirmationPage; } });

package/dist/cjs/Pages/JoinTeamPage/JoinTeamPage.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.JoinTeamPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const chevron_left_svg_1 = __importDefault(require("../../assets/img/chevron-left.svg"));
+const Utils_1 = require("../../Utils");
+const JoinTeamPage = () => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'join-team-page', children: [(0, jsx_runtime_1.jsx)("h1", { className: 'join-team-page__title', children: "\u0412\u0441\u0442\u0443\u043F\u0438\u0442\u044C \u0432 \u043A\u043E\u043C\u0430\u043D\u0434\u0443 " }), (0, jsx_runtime_1.jsxs)("div", { className: 'join-team-page__text-wrapper', children: [(0, jsx_runtime_1.jsx)("p", { children: "\u0420\u044B\u0431\u0430\u0442\u0435\u043A\u0441\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u0438\u0437\u0430\u0439\u043D\u0435\u0440\u0430\u043C\u0438, \u043F\u0440\u043E\u0435\u043A\u0442\u0438\u0440\u043E\u0432\u0449\u0438\u043A\u0430\u043C\u0438 \u0438 \u0444\u0440\u043E\u043D\u0442\u0435\u043D\u0434\u0435\u0440\u0430\u043C\u0438, \u043A\u043E\u0433\u0434\u0430 \u043D\u0443\u0436\u043D\u043E \u0431\u044B\u0441\u0442\u0440\u043E \u0437\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u044C \u043C\u0430\u043A\u0435\u0442\u044B \u0438\u043B\u0438 \u043F\u0440\u043E\u0442\u043E\u0442\u0438\u043F\u044B." }), (0, jsx_runtime_1.jsxs)("p", { children: ["\u041C\u043E\u0436\u043D\u043E \u043F\u0440\u043E\u0441\u0442\u043E ", (0, jsx_runtime_1.jsx)("a", { className: 'join-team-page__link', href: '#', children: "\u0437\u0430\u043A\u0440\u044B\u0442\u044C \u044D\u0442\u0443 \u0432\u043A\u043B\u0430\u0434\u043A\u0443" }), " \u0438 \u043F\u043E\u0434\u043E\u0436\u0434\u0430\u0442\u044C \u043F\u0440\u0438\u0433\u043B\u0430\u0448\u0435\u043D\u0438\u044F."] })] }), (0, jsx_runtime_1.jsx)(Utils_1.Link, { label: '\u041D\u0430\u0437\u0430\u0434', iconComponent: (0, jsx_runtime_1.jsx)(chevron_left_svg_1.default, {}) })] }));
+};
+exports.JoinTeamPage = JoinTeamPage;

package/dist/cjs/Pages/JoinTeamPage/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.JoinTeamPage = void 0;
+var JoinTeamPage_1 = require("./JoinTeamPage");
+Object.defineProperty(exports, "JoinTeamPage", { enumerable: true, get: function () { return JoinTeamPage_1.JoinTeamPage; } });

package/dist/cjs/Pages/LoginPage/LoginPage.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoginPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const user_1 = require("../../entities/user");
+const Inputs_1 = require("../../Inputs");
+const Utils_1 = require("../../Utils");
+const LoginPage = () => {
+    const [emailValid, setEmailValid] = (0, react_1.useState)(false);
+    const [passwordValid, setPasswordValid] = (0, react_1.useState)(false);
+    const [remember, setRemember] = (0, react_1.useState)(false);
+    const [formValid, setFormValid] = (0, react_1.useState)(false);
+    const [login, { isLoading, isError }] = (0, user_1.useLoginMutation)();
+    const formRef = (0, react_1.useRef)({
+        email: '',
+        password: '',
+        remember
+    });
+    const getBtnState = () => {
+        if (isLoading)
+            return 'loading';
+        return formValid ? 'idle' : 'disabled';
+    };
+    const handleSendForm = () => {
+        if (formValid) {
+            const { email, password } = formRef.current;
+            void login({ email, password });
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        setFormValid([emailValid, passwordValid].every(Boolean));
+    }, [emailValid, passwordValid, isLoading]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'login-page', children: [isLoading && (0, jsx_runtime_1.jsx)("div", { className: 'login-page__overlay' }), (0, jsx_runtime_1.jsx)("h1", { className: 'login-page__title', children: "\u0412\u0445\u043E\u0434 \u0432 \u0430\u043A\u043A\u0430\u0443\u043D\u0442" }), isError && ((0, jsx_runtime_1.jsx)(Utils_1.ErrorBanner, { error: '\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 email \u0438\u043B\u0438 \u043F\u0430\u0440\u043E\u043B\u044C' })), (0, jsx_runtime_1.jsxs)("form", { className: 'login-page__form', children: [(0, jsx_runtime_1.jsx)(Inputs_1.EmailField, { onValidated: setEmailValid, onTextValid: (email) => (formRef.current.email = email), tabIndex: 1 }), (0, jsx_runtime_1.jsx)(Inputs_1.PasswordField, { onValidated: setPasswordValid, onPasswordInput: (password) => (formRef.current.password = password), tabIndex: 2 }), (0, jsx_runtime_1.jsx)(Inputs_1.Checkbox, { checked: remember, label: '\u0417\u0430\u043F\u043E\u043C\u043D\u0438\u0442\u044C \u043C\u0435\u043D\u044F', onClick: setRemember }), (0, jsx_runtime_1.jsx)(Inputs_1.Button, { label: '\u0412\u043E\u0439\u0442\u0438', size: 'large', state: getBtnState(), onClick: handleSendForm, fullWidth: true, tabIndex: 3 })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'login-page__footer', children: [(0, jsx_runtime_1.jsx)("p", { className: 'login-page__text', children: "\u0415\u0449\u0435 \u043D\u0435 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u043D\u044B?" }), (0, jsx_runtime_1.jsx)(Utils_1.Link, { label: '\u0421\u043E\u0437\u0434\u0430\u0442\u044C \u0430\u043A\u043A\u0430\u0443\u043D\u0442' })] })] }));
+};
+exports.LoginPage = LoginPage;

package/dist/cjs/Pages/LoginPage/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoginPage = void 0;
+var LoginPage_1 = require("./LoginPage");
+Object.defineProperty(exports, "LoginPage", { enumerable: true, get: function () { return LoginPage_1.LoginPage; } });

package/dist/cjs/Pages/RegisterPage/RegisterPage.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RegisterPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const user_1 = require("../../entities/user");
+const Inputs_1 = require("../../Inputs");
+const Utils_1 = require("../../Utils");
+const RegisterPage = () => {
+    const [emailValid, setEmailValid] = (0, react_1.useState)(false);
+    const [nameValid, setNameValid] = (0, react_1.useState)(false);
+    const [lastNameValid, setLastNameValid] = (0, react_1.useState)(false);
+    const [phoneNumberValid, setPhoneNumberValid] = (0, react_1.useState)(false);
+    const [formValid, setFormValid] = (0, react_1.useState)(false);
+    const [register, { isError, isLoading }] = (0, user_1.useRegisterMutation)();
+    const formRef = (0, react_1.useRef)({
+        email: '',
+        name: '',
+        lastName: '',
+        phoneNumber: ''
+    });
+    const getBtnState = () => {
+        if (isLoading)
+            return 'loading';
+        return formValid ? 'idle' : 'disabled';
+    };
+    (0, react_1.useEffect)(() => {
+        setFormValid([emailValid, nameValid, lastNameValid, phoneNumberValid].every(Boolean));
+    }, [emailValid, nameValid, lastNameValid, phoneNumberValid]);
+    const handleSendForm = () => {
+        if (formValid) {
+            const { email, name, phoneNumber, lastName } = formRef.current;
+            void register({ email, name, phoneNumber, lastName });
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'register-page', children: [isLoading && (0, jsx_runtime_1.jsx)("div", { className: 'login-page__overlay' }), (0, jsx_runtime_1.jsx)("h1", { className: 'register-page__title', children: "\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044F \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0430" }), isError && ((0, jsx_runtime_1.jsx)(Utils_1.ErrorBanner, { error: '\u041E\u0448\u0438\u0431\u043A\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438' })), isError && ((0, jsx_runtime_1.jsx)(Utils_1.ErrorBanner, { error: '\u041E\u0448\u0438\u0431\u043A\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438' })), (0, jsx_runtime_1.jsxs)("form", { className: 'register-page__form', children: [(0, jsx_runtime_1.jsx)(Inputs_1.EmailField, { onValidated: setEmailValid, onTextValid: (email) => formRef.current.email = email, tabIndex: 1 }), (0, jsx_runtime_1.jsx)(Inputs_1.NameField, { onValidated: setNameValid, onTextValid: (name) => formRef.current.name = name, nameType: 'firstName', tabIndex: 2 }), (0, jsx_runtime_1.jsx)(Inputs_1.NameField, { onValidated: setLastNameValid, onTextValid: (lastName) => formRef.current.lastName = lastName, nameType: 'lastName', tabIndex: 3 }), (0, jsx_runtime_1.jsx)(Inputs_1.PhoneField, { onValidated: setPhoneNumberValid, onTextValid: (phoneNumber) => formRef.current.phoneNumber = phoneNumber, tabIndex: 4 }), (0, jsx_runtime_1.jsx)(Inputs_1.Button, { label: '\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C email', size: 'large', state: getBtnState(), fullWidth: true, tabIndex: 5, onClick: handleSendForm })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'register-page__footer', children: [(0, jsx_runtime_1.jsx)("p", { className: 'register-page__text', children: "\u0423\u0436\u0435 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u043D\u044B?" }), (0, jsx_runtime_1.jsx)("a", { className: 'register-page__link', href: '#', children: "\u0412\u043E\u0439\u0442\u0438 \u0432 \u0430\u043A\u043A\u0430\u0443\u043D\u0442" })] })] }));
+};
+exports.RegisterPage = RegisterPage;

package/dist/cjs/Pages/RegisterPage/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RegisterPage = void 0;
+var RegisterPage_1 = require("./RegisterPage");
+Object.defineProperty(exports, "RegisterPage", { enumerable: true, get: function () { return RegisterPage_1.RegisterPage; } });