torgbox-ui 1.0.11 → 1.0.13

package/dist/esm/Pages/CreatePasswordPage/createPasswordPage.scss

@@ -1,42 +0,0 @@
-$page-background: $surface-bright;
-$title:           $neutral-high;
-
-.create-password-page {
-  background-color: $page-background;
-
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-
-  box-sizing: border-box;
-  max-width: 400px;
-  margin: 0 auto;
-  padding: 24px 40px;
-
-  &__title {
-    margin-bottom: 32px;
-    font-size: 28px;
-    line-height: 36px;
-    color: $title;
-  }
-
-  &__form {
-    width: 100%;
-    padding-bottom: 16px;
-    display: flex;
-    flex-direction: column;
-    gap: 28px;
-  }
-}
-
-@media screen and (max-width: $sm) {
-  .register-page {
-    max-width: 320px;
-    padding: 24px 16px;
-
-    &__title {
-      font-size: 24px;
-      line-height: 32px;
-    }
-  }
-}

package/dist/esm/Pages/CreatePasswordPage/index.d.ts

@@ -1 +0,0 @@
-export { CreatePasswordPage } from './CreatePasswordPage';

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

@@ -1 +0,0 @@
-export { CreatePasswordPage } from './CreatePasswordPage';

package/dist/esm/Pages/CreateTeamPage/CreateTeamPage.d.ts

@@ -1,4 +0,0 @@
-export interface ICreateTeamPage {
-    email: string;
-}
-export declare const CreateTeamPage: (props: ICreateTeamPage) => JSX.Element;

package/dist/esm/Pages/CreateTeamPage/CreateTeamPage.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { debounce } from 'lodash/fp';
-import { useCallback, useEffect, useRef, useState } from 'react';
-import ChevronLeft from '../../assets/img/chevron-left.svg';
-import { Button, InnField } from '../../Inputs';
-import { Link, Spinner } from '../../Utils';
-export const CreateTeamPage = (props) => {
-    const { email } = props;
-    const [loading, setLoading] = useState(false);
-    const [innValid, setInnValid] = useState(false);
-    const [searchResult, setSearchResult] = useState('');
-    const [startWorkLoading, setStartWorkLoading] = useState(false);
-    const innRef = useRef('');
-    const getOrganization = () => {
-        setLoading(true);
-        setTimeout(() => {
-            setLoading(false);
-            setSearchResult('ООО “Сокращенное наименование”');
-        }, 1000);
-    };
-    const handleInnCheck = useCallback(debounce(500, getOrganization), []);
-    useEffect(() => {
-        if (innValid) {
-            handleInnCheck();
-            return;
-        }
-        handleInnCheck.cancel();
-        setLoading(false);
-        setSearchResult('');
-    }, [handleInnCheck, innValid]);
-    useEffect(() => {
-        if (startWorkLoading) {
-            setTimeout(() => {
-                setStartWorkLoading(false);
-            }, 1000);
-        }
-    }, [startWorkLoading]);
-    const getBtnState = () => {
-        if (startWorkLoading)
-            return 'loading';
-        return innValid ? 'idle' : 'disabled';
-    };
-    return (_jsxs("div", { className: 'create-team-page', children: [startWorkLoading && _jsx("div", { className: 'create-team-page__overlay' }), _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 ", _jsx("br", {}), _jsx("span", { className: 'create-team-page__email', children: email })] }), _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." }), _jsxs("form", { className: 'create-team-page__form', children: [_jsx(InnField, { onValidated: setInnValid, onTextValid: (inn) => innRef.current = inn }), loading && _jsx(Spinner, { className: 'create-team-page__spinner' }), searchResult && _jsx("p", { className: 'create-team-page__organization', children: searchResult }), _jsx(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 })] }), _jsx(Link, { label: '\u041D\u0430\u0437\u0430\u0434', iconComponent: _jsx(ChevronLeft, {}) })] }));
-};

package/dist/esm/Pages/CreateTeamPage/createTeamPage.scss

@@ -1,82 +0,0 @@
-$page-background:  $surface-bright;
-$title:            $neutral-high;
-$text:             $neutral-middle;
-
-.create-team-page {
-  background-color: $page-background;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 16px;
-  box-sizing: border-box;
-  max-width: 400px;
-  margin: 0 auto;
-  padding: 24px 40px;
-
-  &__overlay {
-    position: fixed;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    left: 0;
-    background-color: $page-background;
-    opacity: 0.6;
-    z-index: 1;
-  }
-
-  &__title {
-    text-align: center;
-    margin-bottom: 32px;
-    font-size: 28px;
-    line-height: 36px;
-    color: $title;
-  }
-
-  &__text-wrapper {
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-    padding-bottom: 12px;
-  }
-
-  &__text {
-    color: $text;
-  }
-
-  &__email {
-    color: $title;
-    font-weight: 400;
-  }
-
-  &__form {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-
-    &>div:first-child {
-      margin-bottom: 38px;
-    }
-  }
-
-  &__spinner {
-    align-self: center;
-    width: 20px;
-    stroke: $text;
-    z-index: 2;
-    margin-bottom: 26px;
-  }
-
-  &__organization {
-    font-size: 16px;
-    line-height: 24px;
-    font-weight: 500;
-    margin-bottom: 24px;
-  }
-}
-
-@media screen and (max-width: $sm) {
-  .create-team-page {
-    max-width: 320px;
-    padding: 24px 16px;
-  }
-}

package/dist/esm/Pages/CreateTeamPage/index.d.ts

@@ -1 +0,0 @@
-export { CreateTeamPage } from './CreateTeamPage';

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

@@ -1 +0,0 @@
-export { CreateTeamPage } from './CreateTeamPage';

package/dist/esm/Pages/EmailConfirmationPage/EmailConfirmationPage.d.ts

@@ -1,4 +0,0 @@
-export interface IEmailConfirmationPage {
-    email: string;
-}
-export declare const EmailConfirmationPage: (props: IEmailConfirmationPage) => JSX.Element;

package/dist/esm/Pages/EmailConfirmationPage/EmailConfirmationPage.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import ChevronLeft from '../../assets/img/chevron-left.svg';
-import { useVerifyEmailMutation } from '../../entities/user';
-import { Button, OtpInput, } from '../../Inputs';
-import { otpError } from '../../Inputs/OtpInput';
-import { Spinner, Link } from '../../Utils';
-export const EmailConfirmationPage = (props) => {
-    const { email } = props;
-    const secondsCount = 60;
-    const [errorMessage, setErrorMessage] = useState('');
-    const [secondsLeft, setSecondsLeft] = useState(0);
-    const [verify, { isLoading, isError, isSuccess }] = useVerifyEmailMutation();
-    const handleSendEmail = (pin) => {
-        setErrorMessage('');
-        void verify({ code: pin, email });
-    };
-    useEffect(() => {
-        setErrorMessage(otpError);
-    }, [isError]);
-    const handleResend = () => {
-        setSecondsLeft(secondsCount);
-    };
-    useEffect(() => {
-        let time;
-        if (secondsLeft > 0) {
-            time = setTimeout(setSecondsLeft, 1000, secondsLeft - 1);
-        }
-        return () => {
-            clearTimeout(time);
-        };
-    }, [secondsLeft]);
-    return (_jsxs("div", { className: 'email-confirmation-page', children: [isLoading && _jsx("div", { className: 'email-confirmation-page__overlay' }), _jsxs("h1", { className: 'email-confirmation-page__title', children: ["\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u0435 ", _jsx("br", {}), "\u043F\u043E\u0447\u0442\u044B"] }), _jsxs("div", { className: 'email-confirmation-page__text-wrapper', children: [_jsx("p", { className: 'email-confirmation-page__variant-text', children: "\u041F\u041E \u0421\u0421\u042B\u041B\u041A\u0415" }), _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" }), _jsx("span", { className: 'email-confirmation-page__email', children: email })] }), _jsxs("div", { className: 'email-confirmation-page__text-wrapper', children: [_jsx("p", { className: 'email-confirmation-page__variant-text', children: "\u0418\u041B\u0418 \u041F\u041E \u041A\u041E\u0414\u0423" }), _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." })] }), _jsxs("form", { className: 'email-confirmation-page__form', children: [_jsx(OtpInput, { onComplete: handleSendEmail, errorMessage: errorMessage, setErrorMessage: setErrorMessage, responseReceived: isSuccess || isError, loading: isLoading }), isLoading && (_jsx(Spinner, { className: 'email-confirmation-page__spinner' })), !secondsLeft ? (_jsx(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' })) : (_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] }))] }), _jsx(Link, { label: '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u043F\u043E\u0447\u0442\u0443', iconComponent: _jsx(ChevronLeft, {}) })] }));
-};

package/dist/esm/Pages/EmailConfirmationPage/emailConfirmationPage.scss

@@ -1,92 +0,0 @@
-$page-background: $surface-bright;
-$title:           $neutral-high;
-$variant-text:    $neutral-low;
-$main-text:       $neutral-middle;
-$link-text:       $primary-high;
-$link-border:     $primary-border-low;
-
-.email-confirmation-page {
-  position: relative;
-  background-color: $page-background;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  box-sizing: border-box;
-  max-width: 400px;
-  margin: 0 auto;
-  padding: 24px 40px;
-
-  &__overlay {
-    position: fixed;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    left: 0;
-    background-color: $page-background;
-    opacity: 0.6;
-    z-index: 1;
-  }
-
-  &__title {
-    margin-bottom: 16px;
-    font-size: 28px;
-    line-height: 36px;
-    color: $title;
-    text-align: center;
-  }
-
-  &__text-wrapper {
-    margin-top: 16px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-  }
-
-  &__variant-text {
-    font-size: 12px;
-    line-height: 16px;
-    color: $variant-text;
-  }
-
-  &__main-text {
-    color: $main-text;
-  }
-
-  &__email {
-    font-weight: 700;
-  }
-
-  &__form {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 36px;
-    margin: 16px 0;
-  }
-
-  &__spinner {
-    position: absolute;
-    top: 14px;
-    right: -33px;
-    width: 20px;
-    stroke: $main-text;
-    z-index: 2;
-  }
-
-  &__resend {
-    color: $variant-text;
-  }
-}
-
-@media screen and (max-width: $sm) {
-  .email-confirmation-page {
-    max-width: 320px;
-    padding: 24px 16px;
-
-    &__title {
-      font-size: 24px;
-      line-height: 32px;
-    }
-  }
-}

package/dist/esm/Pages/EmailConfirmationPage/index.d.ts

@@ -1 +0,0 @@
-export { EmailConfirmationPage } from './EmailConfirmationPage';

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

@@ -1 +0,0 @@
-export { EmailConfirmationPage } from './EmailConfirmationPage';

package/dist/esm/Pages/JoinTeamPage/JoinTeamPage.d.ts

@@ -1 +0,0 @@
-export declare const JoinTeamPage: () => JSX.Element;

package/dist/esm/Pages/JoinTeamPage/JoinTeamPage.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ChevronLeft from '../../assets/img/chevron-left.svg';
-import { Link } from '../../Utils';
-export const JoinTeamPage = () => {
-    return (_jsxs("div", { className: 'join-team-page', children: [_jsx("h1", { className: 'join-team-page__title', children: "\u0412\u0441\u0442\u0443\u043F\u0438\u0442\u044C \u0432 \u043A\u043E\u043C\u0430\u043D\u0434\u0443 " }), _jsxs("div", { className: 'join-team-page__text-wrapper', children: [_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." }), _jsxs("p", { children: ["\u041C\u043E\u0436\u043D\u043E \u043F\u0440\u043E\u0441\u0442\u043E ", _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."] })] }), _jsx(Link, { label: '\u041D\u0430\u0437\u0430\u0434', iconComponent: _jsx(ChevronLeft, {}) })] }));
-};

package/dist/esm/Pages/JoinTeamPage/index.d.ts

@@ -1 +0,0 @@
-export { JoinTeamPage } from './JoinTeamPage';

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

@@ -1 +0,0 @@
-export { JoinTeamPage } from './JoinTeamPage';

package/dist/esm/Pages/JoinTeamPage/joinTeamPage.scss

@@ -1,50 +0,0 @@
-$page-background:  $surface-bright;
-$text:             $neutral-middle;
-$title:            $neutral-high;
-$link:             $primary-high;
-$underline:        $primary-middle;
-
-.join-team-page {
-  background-color: $page-background;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 16px;
-  box-sizing: border-box;
-  max-width: 400px;
-  margin: 0 auto;
-  padding: 24px 40px;
-
-  &__title {
-    text-align: center;
-    margin-bottom: 32px;
-    font-size: 28px;
-    line-height: 36px;
-    color: $title;
-  }
-
-  &__text-wrapper {
-    color: $text;
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-    padding-bottom: 12px;
-  }
-
-  &__link {
-    color: $link;
-    text-decoration: none;
-
-    &:hover, &:focus {
-        cursor: pointer;
-        text-decoration: underline $underline;
-    }
-  }
-}
-
-@media screen and (max-width: $sm) {
-  .join-team-page {
-    max-width: 320px;
-    padding: 24px 16px;
-  }
-}

package/dist/esm/Pages/LoginPage/LoginPage.d.ts

@@ -1 +0,0 @@
-export declare const LoginPage: () => JSX.Element;

package/dist/esm/Pages/LoginPage/LoginPage.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState, useRef, } from 'react';
-import { useLoginMutation } from '../../entities/user';
-import { Button, EmailField, PasswordField, Checkbox, } from '../../Inputs';
-import { ErrorBanner, Link } from '../../Utils';
-export const LoginPage = () => {
-    const [emailValid, setEmailValid] = useState(false);
-    const [passwordValid, setPasswordValid] = useState(false);
-    const [remember, setRemember] = useState(false);
-    const [formValid, setFormValid] = useState(false);
-    const [login, { isLoading, isError }] = useLoginMutation();
-    const formRef = 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 });
-        }
-    };
-    useEffect(() => {
-        setFormValid([emailValid, passwordValid].every(Boolean));
-    }, [emailValid, passwordValid, isLoading]);
-    return (_jsxs("div", { className: 'login-page', children: [isLoading && _jsx("div", { className: 'login-page__overlay' }), _jsx("h1", { className: 'login-page__title', children: "\u0412\u0445\u043E\u0434 \u0432 \u0430\u043A\u043A\u0430\u0443\u043D\u0442" }), isError && (_jsx(ErrorBanner, { error: '\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 email \u0438\u043B\u0438 \u043F\u0430\u0440\u043E\u043B\u044C' })), _jsxs("form", { className: 'login-page__form', children: [_jsx(EmailField, { onValidated: setEmailValid, onTextValid: (email) => (formRef.current.email = email), tabIndex: 1 }), _jsx(PasswordField, { onValidated: setPasswordValid, onPasswordInput: (password) => (formRef.current.password = password), tabIndex: 2 }), _jsx(Checkbox, { checked: remember, label: '\u0417\u0430\u043F\u043E\u043C\u043D\u0438\u0442\u044C \u043C\u0435\u043D\u044F', onClick: setRemember }), _jsx(Button, { label: '\u0412\u043E\u0439\u0442\u0438', size: 'large', state: getBtnState(), onClick: handleSendForm, fullWidth: true, tabIndex: 3 })] }), _jsxs("div", { className: 'login-page__footer', children: [_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?" }), _jsx(Link, { label: '\u0421\u043E\u0437\u0434\u0430\u0442\u044C \u0430\u043A\u043A\u0430\u0443\u043D\u0442' })] })] }));
-};

package/dist/esm/Pages/LoginPage/index.d.ts

@@ -1 +0,0 @@
-export { LoginPage } from './LoginPage';

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

@@ -1 +0,0 @@
-export { LoginPage } from './LoginPage';

package/dist/esm/Pages/LoginPage/loginPage.scss

@@ -1,80 +0,0 @@
-$page-background:  $surface-bright;
-$title:            $neutral-high;
-$footer-text:      $neutral-low;
-$link:             $primary-high;
-$error-background: $error-border-low;
-$error-content:    $error-high;
-
-.login-page {
-  background-color: $page-background;
-
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-
-  box-sizing: border-box;
-  max-width: 400px;
-  margin: 0 auto;
-  padding: 24px 40px;
-
-  &__overlay {
-    position: fixed;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    left: 0;
-    background-color: $page-background;
-    opacity: 0.6;
-    z-index: 1;
-  }
-
-  &__title {
-    margin-bottom: 32px;
-    font-size: 28px;
-    line-height: 36px;
-    color: $title;
-  }
-
-  &__form {
-    width: 100%;
-    padding-bottom: 16px;
-    display: flex;
-    flex-direction: column;
-    gap: 28px;
-  }
-
-  &__input-wrapper {
-    display: flex;
-    justify-content: space-between;
-  }
-
-  &__footer {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-  }
-
-  &__text {
-    font-size: 12px;
-    line-height: 16px;
-    color: $footer-text;
-  }
-}
-
-@media screen and (max-width: $sm) {
-  .login-page {
-    max-width: 320px;
-    padding: 24px 16px;
-
-    &__title {
-      font-size: 24px;
-      line-height: 32px;
-    }
-    
-    &__footer {
-      width: 100%;
-      flex-direction: row;
-      justify-content: space-between;
-    }
-  }
-}

package/dist/esm/Pages/RegisterPage/RegisterPage.d.ts

@@ -1 +0,0 @@
-export declare const RegisterPage: () => JSX.Element;

package/dist/esm/Pages/RegisterPage/RegisterPage.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState, useRef, } from 'react';
-import { useRegisterMutation } from '../../entities/user';
-import { Button, EmailField, NameField, PhoneField, } from '../../Inputs';
-import { ErrorBanner } from '../../Utils';
-export const RegisterPage = () => {
-    const [emailValid, setEmailValid] = useState(false);
-    const [nameValid, setNameValid] = useState(false);
-    const [lastNameValid, setLastNameValid] = useState(false);
-    const [phoneNumberValid, setPhoneNumberValid] = useState(false);
-    const [formValid, setFormValid] = useState(false);
-    const [register, { isError, isLoading }] = useRegisterMutation();
-    const formRef = useRef({
-        email: '',
-        name: '',
-        lastName: '',
-        phoneNumber: ''
-    });
-    const getBtnState = () => {
-        if (isLoading)
-            return 'loading';
-        return formValid ? 'idle' : 'disabled';
-    };
-    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 (_jsxs("div", { className: 'register-page', children: [isLoading && _jsx("div", { className: 'login-page__overlay' }), _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 && (_jsx(ErrorBanner, { error: '\u041E\u0448\u0438\u0431\u043A\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438' })), isError && (_jsx(ErrorBanner, { error: '\u041E\u0448\u0438\u0431\u043A\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438' })), _jsxs("form", { className: 'register-page__form', children: [_jsx(EmailField, { onValidated: setEmailValid, onTextValid: (email) => formRef.current.email = email, tabIndex: 1 }), _jsx(NameField, { onValidated: setNameValid, onTextValid: (name) => formRef.current.name = name, nameType: 'firstName', tabIndex: 2 }), _jsx(NameField, { onValidated: setLastNameValid, onTextValid: (lastName) => formRef.current.lastName = lastName, nameType: 'lastName', tabIndex: 3 }), _jsx(PhoneField, { onValidated: setPhoneNumberValid, onTextValid: (phoneNumber) => formRef.current.phoneNumber = phoneNumber, tabIndex: 4 }), _jsx(Button, { label: '\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C email', size: 'large', state: getBtnState(), fullWidth: true, tabIndex: 5, onClick: handleSendForm })] }), _jsxs("div", { className: 'register-page__footer', children: [_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?" }), _jsx("a", { className: 'register-page__link', href: '#', children: "\u0412\u043E\u0439\u0442\u0438 \u0432 \u0430\u043A\u043A\u0430\u0443\u043D\u0442" })] })] }));
-};

package/dist/esm/Pages/RegisterPage/index.d.ts

@@ -1 +0,0 @@
-export { RegisterPage } from './RegisterPage';

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

@@ -1 +0,0 @@
-export { RegisterPage } from './RegisterPage';

package/dist/esm/Pages/RegisterPage/registerPage.scss

@@ -1,72 +0,0 @@
-.register-page {
-  background-color: $surface-bright;
-
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-
-  box-sizing: border-box;
-  max-width: 400px;
-  margin: 0 auto;
-  padding: 24px 40px;
-
-  &__title {
-    margin-bottom: 32px;
-    font-size: 28px;
-    line-height: 36px;
-    color: $neutral-high;
-  }
-
-  &__form {
-    width: 100%;
-    padding-bottom: 16px;
-    display: flex;
-    flex-direction: column;
-    gap: 28px;
-  }
-
-  &__footer {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-  }
-
-  &__text {
-    font-size: 12px;
-    line-height: 16px;
-    color: $neutral-low;
-  }
-
-  &__link {
-    font-size: 14px;
-    line-height: 20px;
-    color: $primary-high;
-
-    &:hover {
-      text-decoration: underline $primary-border-low;
-    }
-  }
-}
-
-@media screen and (max-width: $sm) {
-  .register-page {
-    max-width: 320px;
-    padding: 24px 16px;
-
-    &__title {
-      font-size: 24px;
-      line-height: 32px;
-    }
-    
-    &__footer {
-      width: 100%;
-      flex-direction: row;
-      justify-content: space-between;
-    }
-
-    &__text {
-      font-size: 14px;
-      line-height: 20px;
-    }
-  }
-}

package/dist/esm/Pages/ResetPasswordPage/ResetPasswordPage.d.ts

@@ -1 +0,0 @@
-export declare const ResetPasswordPage: () => JSX.Element;

package/dist/esm/Pages/ResetPasswordPage/ResetPasswordPage.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState } from 'react';
-import ChevronLeft from '../../assets/img/chevron-left.svg';
-import { Button, EmailField } from '../../Inputs';
-import { Link } from '../../Utils';
-export const ResetPasswordPage = () => {
-    const [emailValid, setEmailValid] = useState(false);
-    const emailRef = useRef('');
-    return (_jsxs("div", { className: 'reset-password-page', children: [_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" }), _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." }), _jsxs("form", { className: 'reset-password-page__form', children: [_jsx(EmailField, { onTextValid: (email) => emailRef.current = email, onValidated: setEmailValid, tabIndex: 1, checkEmail: true }), _jsx(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 })] }), _jsx(Link, { label: '\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043A \u043E\u043A\u043D\u0443 \u0432\u0445\u043E\u0434\u0430', iconComponent: _jsx(ChevronLeft, {}) })] }));
-};

package/dist/esm/Pages/ResetPasswordPage/index.d.ts

@@ -1 +0,0 @@
-export { ResetPasswordPage } from './ResetPasswordPage';