torgbox-ui 1.0.8 → 1.0.10

package/dist/cjs/Pages/ResetPasswordPage/ResetPasswordPage.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.ResetPasswordPage = 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 Inputs_1 = require("../../Inputs");
+const Utils_1 = require("../../Utils");
+const ResetPasswordPage = () => {
+    const [emailValid, setEmailValid] = (0, react_1.useState)(false);
+    const emailRef = (0, react_1.useRef)('');
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'reset-password-page', children: [(0, jsx_runtime_1.jsx)("h1", { className: 'reset-password-page__title', children: "\u0412\u043E\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u0435 \u043F\u0430\u0440\u043E\u043B\u044F" }), (0, jsx_runtime_1.jsx)("p", { className: 'reset-password-page__text', children: "\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B, \u0441 \u043A\u043E\u0442\u043E\u0440\u044B\u043C \u0412\u044B \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043E\u0432\u0430\u043B\u0438\u0441\u044C, \u0438 \u043C\u044B \u0432\u044B\u0448\u043B\u0435\u043C \u043D\u0430 \u043D\u0435\u0433\u043E \u0438\u043D\u0441\u0442\u0440\u0443\u043A\u0446\u0438\u044E \u0434\u043B\u044F \u0432\u043E\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F \u043F\u0430\u0440\u043E\u043B\u044F." }), (0, jsx_runtime_1.jsxs)("form", { className: 'reset-password-page__form', children: [(0, jsx_runtime_1.jsx)(Inputs_1.EmailField, { onTextValid: (email) => emailRef.current = email, onValidated: setEmailValid, tabIndex: 1, checkEmail: true }), (0, jsx_runtime_1.jsx)(Inputs_1.Button, { label: '\u0412\u043E\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C', state: emailValid ? 'idle' : 'disabled', size: 'large', tabIndex: 2, fullWidth: true })] }), (0, jsx_runtime_1.jsx)(Utils_1.Link, { label: '\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043A \u043E\u043A\u043D\u0443 \u0432\u0445\u043E\u0434\u0430', iconComponent: (0, jsx_runtime_1.jsx)(chevron_left_svg_1.default, {}) })] }));
+};
+exports.ResetPasswordPage = ResetPasswordPage;

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

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

package/dist/cjs/Pages/StartPage/StartPage.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StartPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const store_1 = require("../../app/store");
+const user_1 = require("../../entities/user");
+const Inputs_1 = require("../../Inputs");
+const StartPage = (props) => {
+    const { email } = props;
+    const dispatch = (0, store_1.useAppDispatch)();
+    const [createLoading, setCreateLoading] = (0, react_1.useState)(false);
+    const [joinLoading, setJoinLoading] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        setTimeout(() => {
+            setCreateLoading(false);
+            setJoinLoading(false);
+        }, 2000);
+    });
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'start-page', children: [(createLoading || joinLoading) && (0, jsx_runtime_1.jsx)("div", { className: 'start-page__overlay' }), (0, jsx_runtime_1.jsxs)("h1", { className: 'start-page__title', children: ["\u0414\u043E\u0431\u0440\u043E \u043F\u043E\u0436\u0430\u043B\u043E\u0432\u0430\u0442\u044C!", (0, jsx_runtime_1.jsx)("br", {}), "\u0427\u0442\u043E \u0436\u0435\u043B\u0430\u0435\u0442\u0435 \u0441\u0434\u0435\u043B\u0430\u0442\u044C?"] }), (0, jsx_runtime_1.jsxs)("div", { className: 'start-page__text-wrapper', children: [(0, jsx_runtime_1.jsxs)("p", { className: 'start-page__text', children: ["\u0412\u044B \u0432\u043E\u0448\u043B\u0438 \u043A\u0430\u043A ", (0, jsx_runtime_1.jsx)("span", { className: 'start-page__email', children: email })] }), (0, jsx_runtime_1.jsx)("p", { className: 'start-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.jsx)(Inputs_1.Button, { label: '\u0421\u043E\u0437\u0434\u0430\u0442\u044C \u043A\u043E\u043C\u0430\u043D\u0434\u0443', size: 'large', state: createLoading ? 'loading' : 'idle', tabIndex: 1, onClick: () => {
+                    setCreateLoading(true);
+                }, fullWidth: true }), (0, jsx_runtime_1.jsx)(Inputs_1.Button, { label: '\u0412\u0441\u0442\u0443\u043F\u0438\u0442\u044C \u0432 \u043A\u043E\u043C\u0430\u043D\u0434\u0443', size: 'large', state: joinLoading ? 'loading' : 'idle', variant: 'outlined-color', tabIndex: 2, onClick: () => {
+                    setJoinLoading(true);
+                }, fullWidth: true }), (0, jsx_runtime_1.jsx)(Inputs_1.Button, { label: '\u0412\u044B\u0439\u0442\u0438 \u0438\u0437 \u0441\u0438\u0441\u0442\u0435\u043C\u044B', size: 'large', variant: 'clear-neutral', tabIndex: 3, onClick: () => dispatch((0, user_1.logout)()), fullWidth: true })] }));
+};
+exports.StartPage = StartPage;

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

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

package/dist/cjs/Pages/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentPage = exports.StartPage = exports.LoginPage = exports.CreatePasswordPage = exports.EmailConfirmationPage = exports.RegisterPage = void 0;
+var RegisterPage_1 = require("./RegisterPage");
+Object.defineProperty(exports, "RegisterPage", { enumerable: true, get: function () { return RegisterPage_1.RegisterPage; } });
+var EmailConfirmationPage_1 = require("./EmailConfirmationPage");
+Object.defineProperty(exports, "EmailConfirmationPage", { enumerable: true, get: function () { return EmailConfirmationPage_1.EmailConfirmationPage; } });
+var CreatePasswordPage_1 = require("./CreatePasswordPage");
+Object.defineProperty(exports, "CreatePasswordPage", { enumerable: true, get: function () { return CreatePasswordPage_1.CreatePasswordPage; } });
+var LoginPage_1 = require("./LoginPage");
+Object.defineProperty(exports, "LoginPage", { enumerable: true, get: function () { return LoginPage_1.LoginPage; } });
+var StartPage_1 = require("./StartPage");
+Object.defineProperty(exports, "StartPage", { enumerable: true, get: function () { return StartPage_1.StartPage; } });
+var ContentPage_1 = require("./ContentPage");
+Object.defineProperty(exports, "ContentPage", { enumerable: true, get: function () { return ContentPage_1.ContentPage; } });

package/dist/cjs/Utils/Divider/Divider.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Divider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Divider = () => (0, jsx_runtime_1.jsx)("hr", { className: 'divider' });
+exports.Divider = Divider;

package/dist/cjs/Utils/ErrorBanner/ErrorBanner.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.ErrorBanner = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const warning_svg_1 = __importDefault(require("../../assets/img/warning.svg"));
+const ErrorBanner = (props) => {
+    const { error } = props;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'error-banner', children: [(0, jsx_runtime_1.jsx)("div", { className: 'error-banner__icon', children: (0, jsx_runtime_1.jsx)(warning_svg_1.default, {}) }), (0, jsx_runtime_1.jsx)("p", { className: 'error-banner__text', children: error })] }));
+};
+exports.ErrorBanner = ErrorBanner;

package/dist/cjs/Utils/ErrorBanner/index.js

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

package/dist/cjs/Utils/Link/Link.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Link = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const Link = ({ iconComponent, label, iconClassName, ...props }) => {
+    return ((0, jsx_runtime_1.jsxs)("a", { href: '#', className: 'link', ...props, children: [iconComponent && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('link__icon', [iconClassName]), children: iconComponent })), label] }));
+};
+exports.Link = Link;

package/dist/cjs/Utils/Link/index.js

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

package/dist/cjs/Utils/Modal/Modal.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Modal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const Portal_1 = require("../Portal/Portal");
+const Modal = (props) => {
+    const { opened, onCloseModal, children, className, } = props;
+    const onContentHandler = (e) => {
+        e.stopPropagation();
+    };
+    const onKeydownHandler = (0, react_1.useCallback)((e) => {
+        if (e.key === 'Escape') {
+            onCloseModal();
+        }
+    }, [onCloseModal]);
+    (0, react_1.useEffect)(() => {
+        if (opened) {
+            window.addEventListener('keydown', onKeydownHandler);
+        }
+        return () => {
+            window.removeEventListener('keydown', onKeydownHandler);
+        };
+    }, [opened, onKeydownHandler]);
+    return ((0, jsx_runtime_1.jsx)(Portal_1.Portal, { children: (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('modal', className), children: (0, jsx_runtime_1.jsx)("div", { className: 'modal__overlay', onClick: onCloseModal, children: (0, jsx_runtime_1.jsx)("div", { className: 'modal__content', onClick: onContentHandler, children: children }) }) }) }));
+};
+exports.Modal = Modal;

package/dist/cjs/Utils/Modal/index.js

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

package/dist/cjs/Utils/Portal/Portal.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Portal = void 0;
+const react_dom_1 = require("react-dom");
+const Portal = (props) => {
+    const { children, element = document.body } = props;
+    return (0, react_dom_1.createPortal)(children, element);
+};
+exports.Portal = Portal;

package/dist/cjs/Utils/SectionPlaceholder/SectionPlaceholder.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionPlaceholder = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SectionPlaceholder = ({ label = 'Placeholder' }) => ((0, jsx_runtime_1.jsx)("section", { className: 'section-placeholder', children: (0, jsx_runtime_1.jsx)("div", { className: 'placeholder', children: label }) }));
+exports.SectionPlaceholder = SectionPlaceholder;

package/dist/cjs/Utils/Spinner/Spinner.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spinner = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const Spinner = ({ className }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('spinner', className), children: (0, jsx_runtime_1.jsx)("svg", { viewBox: '25 25 50 50', children: (0, jsx_runtime_1.jsx)("circle", { cx: '50', cy: '50', r: '20' }) }) }));
+};
+exports.Spinner = Spinner;

package/dist/cjs/Utils/api.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.baseApi = void 0;
+const react_1 = require("@reduxjs/toolkit/query/react");
+const model_1 = require("@/shared/model");
+exports.baseApi = (0, react_1.createApi)({
+    reducerPath: 'baseApi',
+    baseQuery: (0, react_1.fetchBaseQuery)({ baseUrl: model_1.BASE_URL }),
+    endpoints: () => ({}),
+});

package/dist/cjs/Utils/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionPlaceholder = exports.Divider = exports.Modal = exports.ErrorBanner = exports.Link = exports.Portal = exports.Spinner = void 0;
+var Spinner_1 = require("./Spinner/Spinner");
+Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return Spinner_1.Spinner; } });
+var Portal_1 = require("./Portal/Portal");
+Object.defineProperty(exports, "Portal", { enumerable: true, get: function () { return Portal_1.Portal; } });
+var Link_1 = require("./Link/Link");
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Link_1.Link; } });
+var ErrorBanner_1 = require("./ErrorBanner");
+Object.defineProperty(exports, "ErrorBanner", { enumerable: true, get: function () { return ErrorBanner_1.ErrorBanner; } });
+var Modal_1 = require("./Modal/Modal");
+Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_1.Modal; } });
+var Divider_1 = require("./Divider/Divider");
+Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return Divider_1.Divider; } });
+var SectionPlaceholder_1 = require("./SectionPlaceholder/SectionPlaceholder");
+Object.defineProperty(exports, "SectionPlaceholder", { enumerable: true, get: function () { return SectionPlaceholder_1.SectionPlaceholder; } });

package/dist/cjs/Widgets/Header/Header.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const belt_svg_1 = __importDefault(require("../../assets/img/belt.svg"));
+const burger_menu_svg_1 = __importDefault(require("../../assets/img/burger-menu.svg"));
+const cross_svg_1 = __importDefault(require("../../assets/img/cross.svg"));
+const sample_logo_svg_1 = __importDefault(require("../../assets/img/sample-logo.svg"));
+const Inputs_1 = require("../../Inputs");
+const ui_1 = require("../../shared/ui");
+const Utils_1 = require("../../Utils");
+const Header = (props) => {
+    const { onShowSidebar, onCloseSidebar, sidebarOpened, sidebarPinned, } = props;
+    const [searchQuery, setSearchQuery] = (0, react_1.useState)('');
+    return ((0, jsx_runtime_1.jsxs)("header", { className: 'header', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'header__logo-search-wrapper', children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('header__logo-search-wrapper__logo-box', {
+                            'header__logo-search-wrapper__logo-box--noButton': sidebarPinned,
+                        }), children: [!sidebarPinned &&
+                                ((0, jsx_runtime_1.jsx)(Inputs_1.Button, { size: 'large', variant: 'clear-neutral', iconComponent: sidebarOpened ? (0, jsx_runtime_1.jsx)(cross_svg_1.default, {}) : (0, jsx_runtime_1.jsx)(burger_menu_svg_1.default, {}), onClick: sidebarOpened ? onCloseSidebar : onShowSidebar })), (0, jsx_runtime_1.jsx)(Utils_1.Link, { label: '', iconComponent: (0, jsx_runtime_1.jsx)(sample_logo_svg_1.default, {}), iconClassName: 'link--wide' })] }), (0, jsx_runtime_1.jsx)(Inputs_1.TextField, { onChange: setSearchQuery, className: 'search-field', state: 'idle', type: 'text', value: searchQuery, placeholder: '\u0418\u0441\u043A\u0430\u0442\u044C \u0447\u0442\u043E \u0443\u0433\u043E\u0434\u043D\u043E...', searchIcon: true, ...props })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'header__user-controls', children: [(0, jsx_runtime_1.jsx)(Inputs_1.Button, { size: 'large', variant: 'clear-neutral', iconComponent: (0, jsx_runtime_1.jsx)(belt_svg_1.default, {}) }), (0, jsx_runtime_1.jsx)(ui_1.Avatar, { label: '\u0418\u0424', size: 'lg' })] })] }));
+};
+exports.Header = Header;

package/dist/cjs/Widgets/Header/index.js

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

package/dist/cjs/Widgets/Sidebar/Sidebar.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sidebar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const left_arrow_svg_1 = __importDefault(require("../../assets/img/left-arrow.svg"));
+const right_arrow_svg_1 = __importDefault(require("../../assets/img/right-arrow.svg"));
+const Inputs_1 = require("../../Inputs");
+const Utils_1 = require("../../Utils");
+const Sidebar = (props) => {
+    const { children, className, pinned, onPinSidebar, onUnpinSidebar, } = props;
+    const sidebarRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const handleClickOutside = (event) => {
+            if (sidebarRef.current &&
+                !sidebarRef.current.contains(event.target) &&
+                !pinned) {
+                onUnpinSidebar();
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [onUnpinSidebar, pinned]);
+    return ((0, jsx_runtime_1.jsxs)("aside", { className: (0, classnames_1.default)('sidebar', className), ref: sidebarRef, children: [(0, jsx_runtime_1.jsx)("div", { className: 'sidebar__content', children: children }), (0, jsx_runtime_1.jsx)(Utils_1.Divider, {}), (0, jsx_runtime_1.jsx)("div", { className: 'sidebar__control', children: (0, jsx_runtime_1.jsx)(Inputs_1.Button, { className: 'sidebar-button', size: 'large', variant: 'clear-neutral', label: pinned ? 'Скрыть меню' : 'Закрепить меню', iconComponent: pinned ? (0, jsx_runtime_1.jsx)(left_arrow_svg_1.default, {}) : (0, jsx_runtime_1.jsx)(right_arrow_svg_1.default, {}), onClick: pinned ? onUnpinSidebar : onPinSidebar, fullWidth: true }) })] }));
+};
+exports.Sidebar = Sidebar;

package/dist/cjs/Widgets/Sidebar/index.js

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

package/dist/cjs/Widgets/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sidebar = exports.Header = void 0;
+var Header_1 = require("./Header/Header");
+Object.defineProperty(exports, "Header", { enumerable: true, get: function () { return Header_1.Header; } });
+var Sidebar_1 = require("./Sidebar/Sidebar");
+Object.defineProperty(exports, "Sidebar", { enumerable: true, get: function () { return Sidebar_1.Sidebar; } });

package/dist/cjs/app/main.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const client_1 = __importDefault(require("react-dom/client"));
+const react_redux_1 = require("react-redux");
+require("../index.scss");
+const routes_1 = require("./routes");
+const store_1 = require("./store");
+client_1.default.createRoot(document.getElementById('root')).render((0, jsx_runtime_1.jsx)(react_redux_1.Provider, { store: store_1.store, children: (0, jsx_runtime_1.jsx)(routes_1.AppRouter, {}) }));

package/dist/cjs/app/routes/AppRouter.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppRouter = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_router_dom_1 = require("react-router-dom");
+const user_1 = require("../../entities/user");
+const Pages_1 = require("../../Pages");
+const store_1 = require("../store");
+const AppRouter = () => {
+    const { user, emailIsVerified } = (0, store_1.useAppSelector)(user_1.selectUserData);
+    const routes = [
+        {
+            path: '/signin',
+            element: user ? (0, jsx_runtime_1.jsx)(react_router_dom_1.Navigate, { to: '/' }) : (0, jsx_runtime_1.jsx)(Pages_1.LoginPage, {}),
+        },
+        {
+            path: '/signup',
+            element: user ? ((0, jsx_runtime_1.jsx)(react_router_dom_1.Navigate, { to: '/email-verify' })) : ((0, jsx_runtime_1.jsx)(Pages_1.RegisterPage, {})),
+        },
+        {
+            path: '/email-verify',
+            element: user && !emailIsVerified ? ((0, jsx_runtime_1.jsx)(Pages_1.EmailConfirmationPage, { email: user.email })) : ((0, jsx_runtime_1.jsx)(react_router_dom_1.Navigate, { to: '/reset-password' })),
+        },
+        {
+            path: '/reset-password',
+            element: user ? (0, jsx_runtime_1.jsx)(Pages_1.CreatePasswordPage, {}) : (0, jsx_runtime_1.jsx)(react_router_dom_1.Navigate, { to: '/' }),
+        },
+        {
+            path: '*',
+            element: user ? ((0, jsx_runtime_1.jsx)(Pages_1.StartPage, { email: user.email })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { className: 'btn', to: '/signup', children: "\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044F" }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { className: 'btn', to: '/signin', children: "\u0412\u0445\u043E\u0434" })] })),
+        },
+    ];
+    return ((0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(react_router_dom_1.Routes, { children: routes.map((route) => ((0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: route.path, element: route.element }, route.path))) }) }));
+};
+exports.AppRouter = AppRouter;

package/dist/cjs/app/routes/index.js

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

package/dist/cjs/app/store/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAppSelector = exports.useAppDispatch = exports.store = void 0;
+var store_1 = require("./store");
+Object.defineProperty(exports, "store", { enumerable: true, get: function () { return store_1.store; } });
+Object.defineProperty(exports, "useAppDispatch", { enumerable: true, get: function () { return store_1.useAppDispatch; } });
+Object.defineProperty(exports, "useAppSelector", { enumerable: true, get: function () { return store_1.useAppSelector; } });

package/dist/cjs/app/store/store.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAppSelector = exports.useAppDispatch = exports.store = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const react_redux_1 = require("react-redux");
+const user_1 = require("../../entities/user");
+const api_1 = require("../../Utils/api");
+exports.store = (0, toolkit_1.configureStore)({
+    reducer: {
+        [api_1.baseApi.reducerPath]: api_1.baseApi.reducer,
+        [user_1.authSlice.name]: user_1.authSlice.reducer,
+    },
+    middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(api_1.baseApi.middleware),
+});
+const useAppDispatch = () => (0, react_redux_1.useDispatch)();
+exports.useAppDispatch = useAppDispatch;
+exports.useAppSelector = react_redux_1.useSelector;

package/dist/cjs/entities/user/api/api.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCreatePasswordMutation = exports.useVerifyEmailMutation = exports.useRegisterMutation = exports.useLoginMutation = exports.authApi = void 0;
+const model_1 = require("@/shared/model");
+const api_1 = require("@/Utils/api");
+exports.authApi = api_1.baseApi.injectEndpoints({
+    endpoints: (builder) => ({
+        Login: builder.mutation({
+            query: (credentials) => ({
+                url: model_1.apiMap.login,
+                method: 'POST',
+                body: credentials,
+            }),
+            transformResponse: (response) => {
+                return response.user;
+            },
+        }),
+        Register: builder.mutation({
+            query: (credentials) => ({
+                url: model_1.apiMap.register,
+                method: 'POST',
+                body: credentials,
+            }),
+            transformResponse: (response) => {
+                return response.user;
+            },
+        }),
+        VerifyEmail: builder.mutation({
+            query: (credentials) => ({
+                url: model_1.apiMap.verifyEmail,
+                method: 'POST',
+                body: credentials,
+            }),
+        }),
+        CreatePassword: builder.mutation({
+            query: (credentials) => ({
+                url: model_1.apiMap.createPassword,
+                method: 'POST',
+                body: credentials,
+            }),
+        }),
+    }),
+});
+exports.useLoginMutation = exports.authApi.useLoginMutation, exports.useRegisterMutation = exports.authApi.useRegisterMutation, exports.useVerifyEmailMutation = exports.authApi.useVerifyEmailMutation, exports.useCreatePasswordMutation = exports.authApi.useCreatePasswordMutation;

package/dist/cjs/entities/user/api/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./api"), exports);

package/dist/cjs/entities/user/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.selectEmail = exports.selectUserData = exports.logout = exports.authSlice = void 0;
+var model_1 = require("./model");
+Object.defineProperty(exports, "authSlice", { enumerable: true, get: function () { return model_1.authSlice; } });
+Object.defineProperty(exports, "logout", { enumerable: true, get: function () { return model_1.logout; } });
+Object.defineProperty(exports, "selectUserData", { enumerable: true, get: function () { return model_1.selectUserData; } });
+Object.defineProperty(exports, "selectEmail", { enumerable: true, get: function () { return model_1.selectEmail; } });
+__exportStar(require("./api"), exports);

package/dist/cjs/entities/user/model/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.logout = exports.authSlice = void 0;
+var slice_1 = require("./slice");
+Object.defineProperty(exports, "authSlice", { enumerable: true, get: function () { return slice_1.authSlice; } });
+Object.defineProperty(exports, "logout", { enumerable: true, get: function () { return slice_1.logout; } });
+__exportStar(require("./selectors"), exports);

package/dist/cjs/entities/user/model/selectors.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.selectEmail = exports.selectUserData = void 0;
+const selectUserData = (state) => state.auth;
+exports.selectUserData = selectUserData;
+const selectEmail = (state) => state.auth.user?.email;
+exports.selectEmail = selectEmail;

package/dist/cjs/entities/user/model/slice.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.logout = exports.authSlice = void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const api_1 = require("../api/api");
+const initialState = {
+    user: null,
+    emailIsVerified: false,
+    passwordIsVerified: false,
+};
+exports.authSlice = (0, toolkit_1.createSlice)({
+    name: 'auth',
+    initialState,
+    reducers: {
+        logout: () => initialState
+    },
+    extraReducers: (builder) => {
+        builder.addMatcher(api_1.authApi.endpoints.Register.matchFulfilled, (state, action) => {
+            state.user = action.payload;
+        });
+        builder.addMatcher(api_1.authApi.endpoints.Login.matchFulfilled, (state, action) => {
+            state.user = action.payload;
+            state.emailIsVerified = true;
+            state.passwordIsVerified = true;
+        });
+        builder.addMatcher(api_1.authApi.endpoints.VerifyEmail.matchFulfilled, (state) => {
+            state.emailIsVerified = true;
+        });
+        builder.addMatcher(api_1.authApi.endpoints.CreatePassword.matchFulfilled, (state, action) => {
+            state.passwordIsVerified = true;
+        });
+    },
+});
+exports.logout = exports.authSlice.actions.logout;

package/dist/cjs/entities/user/model/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Inputs"), exports);
+__exportStar(require("./Pages"), exports);
+__exportStar(require("./Widgets"), exports);

package/dist/cjs/shared/model/api.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.apiMap = void 0;
+exports.apiMap = {
+    login: 'auth/login',
+    register: 'auth/register',
+    verifyEmail: 'auth/email-verify',
+    createPassword: 'auth/create-password',
+};

package/dist/cjs/shared/model/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BASE_URL = void 0;
+exports.BASE_URL = 'http://localhost:4000';

package/dist/cjs/shared/model/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BASE_URL = exports.apiMap = void 0;
+var api_1 = require("./api");
+Object.defineProperty(exports, "apiMap", { enumerable: true, get: function () { return api_1.apiMap; } });
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "BASE_URL", { enumerable: true, get: function () { return constants_1.BASE_URL; } });