@skroz/frontend 0.0.2

package/LICENCE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024-present, Mikhail Skroznikov
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/auth/Auth.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface AuthProps {
+    authType: 'login' | 'register' | 'forgot';
+    setAuthType: (type: 'login' | 'register' | 'forgot') => void;
+    onFinish: () => void;
+}
+declare const Auth: React.FC<AuthProps>;
+export default Auth;

package/dist/auth/Auth.js

@@ -0,0 +1,52 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var antd_1 = require("antd");
+var form_1 = require("@os-design/form");
+var router_1 = require("next/router");
+var next_i18next_1 = require("next-i18next");
+var Login_1 = __importDefault(require("./Login"));
+var Register_1 = __importDefault(require("./Register"));
+var Forgot_1 = __importDefault(require("./Forgot"));
+var Auth = function (_a) {
+    var authType = _a.authType, setAuthType = _a.setAuthType, onFinish = _a.onFinish;
+    var router = (0, router_1.useRouter)();
+    var t = (0, next_i18next_1.useTranslation)('common').t;
+    // если это отдельная страница восстановления пароля, то он может быть передан в строке
+    var initialEmail = router.query.email;
+    if (typeof initialEmail !== 'string')
+        initialEmail = '';
+    var form = (0, form_1.useForm)({
+        email: initialEmail || '',
+        password: '',
+        isPrivacyPolicyAgree: false,
+        isUserAgreementAgree: false
+    }).form;
+    return ((0, jsx_runtime_1.jsxs)(form_1.FormProvider, __assign({ form: form }, { children: [authType !== 'forgot' && ((0, jsx_runtime_1.jsx)(antd_1.Tabs, { activeKey: authType, centered: true, onChange: function (activeKey) { return setAuthType(activeKey); }, className: 'no-text-selection', items: [
+                    {
+                        label: t('buttons.login'),
+                        key: 'login',
+                        children: ((0, jsx_runtime_1.jsx)(Login_1.default, { isModal: true, onFinish: onFinish, onForgotClick: function () { return setAuthType('forgot'); } })),
+                    },
+                    {
+                        label: t('buttons.register'),
+                        key: 'register',
+                        children: ((0, jsx_runtime_1.jsx)(Register_1.default, { isModal: true, onFinish: onFinish, onForgotClick: function () { return setAuthType('forgot'); } })),
+                    },
+                ] })), authType === 'forgot' && ((0, jsx_runtime_1.jsx)(Forgot_1.default, { onFinish: onFinish, onLoginClick: function () { return setAuthType('login'); } }))] })));
+};
+exports.default = Auth;

package/dist/auth/AuthFooterLinks.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export type DocPage = 'privacy-policy' | 'agency-agreement';
+declare const AuthFooterLinks: React.FC;
+export default AuthFooterLinks;

package/dist/auth/AuthFooterLinks.js

@@ -0,0 +1,26 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var next_i18next_1 = require("next-i18next");
+var link_1 = __importDefault(require("next/link"));
+var AuthFooterLinks = function () {
+    var t = (0, next_i18next_1.useTranslation)('common').t;
+    var docs = ['agency-agreement', 'privacy-policy'];
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: 'auth-footer-issues' }, { children: [t('auth.agreeLoginLabel'), ' ', docs.map(function (doc, index) { return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(link_1.default, __assign({ href: "/docs/".concat(doc), passHref: true, target: '_blank' }, { children: t("docsPage.".concat(doc)) })), index < docs.length - 1 && ', '] }, doc)); }), "."] })));
+};
+exports.default = AuthFooterLinks;

package/dist/auth/Forgot.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ForgotProps {
+    onFinish: () => void;
+    onLoginClick?: () => void;
+}
+declare const Forgot: React.FC<ForgotProps>;
+export default Forgot;

package/dist/auth/Forgot.js

@@ -0,0 +1,68 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var antd_1 = require("antd");
+var router_1 = require("next/router");
+var icons_1 = require("@ant-design/icons");
+var next_i18next_1 = require("next-i18next");
+var link_1 = __importDefault(require("next/link"));
+var form_1 = require("@os-design/form");
+var react_relay_1 = require("react-relay");
+var limitExpiresAt_1 = require("../utils/limitExpiresAt");
+var handleFormErrors_1 = __importDefault(require("../utils/handleFormErrors"));
+var H_1 = __importDefault(require("../ui/H"));
+var FrontendContext_1 = require("../utils/FrontendContext");
+var FormItem_1 = __importDefault(require("../ui/FormItem"));
+var Forgot = function (_a) {
+    var onFinish = _a.onFinish, onLoginClick = _a.onLoginClick;
+    var t = (0, next_i18next_1.useTranslation)().t;
+    var router = (0, router_1.useRouter)();
+    var config = (0, FrontendContext_1.useFrontendConfig)();
+    var _b = (0, form_1.useExistingForm)(), form = _b.form, useValue = _b.useValue, Field = _b.Field;
+    var email = useValue('email');
+    var _c = (0, react_relay_1.useMutation)((0, react_relay_1.graphql)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      mutation ForgotPasswordMutation($input: ForgotPasswordInput!) {\n        forgotPassword(input: $input) {\n          recoveryLinkIsSent\n          limitExpiresAt\n        }\n      }\n    "], ["\n      mutation ForgotPasswordMutation($input: ForgotPasswordInput!) {\n        forgotPassword(input: $input) {\n          recoveryLinkIsSent\n          limitExpiresAt\n        }\n      }\n    "])))), commit = _c[0], loading = _c[1];
+    var forgotPasswordHandler = (0, react_1.useCallback)(function () {
+        commit({
+            variables: {
+                input: {
+                    email: email,
+                },
+            },
+            onError: function (error) { return (0, handleFormErrors_1.default)(form, error); },
+            onCompleted: function (res) {
+                (0, limitExpiresAt_1.setLimitExpiresAt)(res.forgotPassword.limitExpiresAt);
+                if (!res.forgotPassword.recoveryLinkIsSent)
+                    antd_1.message.error(t('common:auth.forgotSendError'));
+                router.push("/recovery?email=".concat(email));
+                onFinish();
+            },
+        });
+    }, [commit, email, form, onFinish, router, t]);
+    var loginButton = ((0, jsx_runtime_1.jsx)(antd_1.Button, __assign({ type: 'link', onClick: onLoginClick, shape: 'round' }, { children: t('common:buttons.login') })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: 'auth no-text-selection' }, { children: [(0, jsx_runtime_1.jsx)(H_1.default, __assign({ type: 'h1', textAlign: 'center' }, { children: t('common:auth.forgotTitle') })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: 'auth-subtitle' }, { children: [t('common:auth.forgotSubtitle'), ' ', onLoginClick ? (loginButton) : ((0, jsx_runtime_1.jsx)(link_1.default, __assign({ href: config.loginPath || '/login', passHref: true }, { children: loginButton })))] })), (0, jsx_runtime_1.jsx)(antd_1.Form, __assign({ size: 'large' }, { children: (0, jsx_runtime_1.jsx)(Field, { name: 'email', render: function (_a, _b) {
+                        var value = _a.value, onChange = _a.onChange;
+                        var error = _b.error;
+                        return ((0, jsx_runtime_1.jsx)(FormItem_1.default, __assign({ error: error }, { children: (0, jsx_runtime_1.jsx)(antd_1.Input, { value: value, prefix: (0, jsx_runtime_1.jsx)(icons_1.UserOutlined, {}), onChange: function (e) { return onChange(e.target.value); }, placeholder: 'Email', size: 'large' }) })));
+                    } }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: 'auth-button' }, { children: (0, jsx_runtime_1.jsx)(antd_1.Button, __assign({ type: 'primary', shape: 'round', size: 'large', loading: loading, onClick: forgotPasswordHandler }, { children: t('common:auth.forgotSendInstructions') })) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: 'auth-footer' }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: 'auth-footer-issues' }, { children: t('common:auth.forgotIssues') })) }))] })));
+};
+exports.default = Forgot;
+var templateObject_1;

package/dist/auth/Login.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface LoginProps {
+    onFinish: () => void;
+    isModal: boolean;
+    onForgotClick?: () => void;
+}
+declare const Login: React.FC<LoginProps>;
+export default Login;

package/dist/auth/Login.js

@@ -0,0 +1,65 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var antd_1 = require("antd");
+var router_1 = require("next/router");
+var next_i18next_1 = require("next-i18next");
+var link_1 = __importDefault(require("next/link"));
+var react_relay_1 = require("react-relay");
+var form_1 = require("@os-design/form");
+var handleFormErrors_1 = __importDefault(require("../utils/handleFormErrors"));
+var AuthFooterLinks_1 = __importDefault(require("./AuthFooterLinks"));
+var H_1 = __importDefault(require("../ui/H"));
+var FrontendContext_1 = require("../utils/FrontendContext");
+var LoginForm_1 = __importDefault(require("./LoginForm"));
+var Login = function (_a) {
+    var onFinish = _a.onFinish, onForgotClick = _a.onForgotClick, isModal = _a.isModal;
+    var t = (0, next_i18next_1.useTranslation)().t;
+    var router = (0, router_1.useRouter)();
+    var form = (0, form_1.useExistingForm)().form;
+    var config = (0, FrontendContext_1.useFrontendConfig)();
+    var _b = (0, react_relay_1.useMutation)((0, react_relay_1.graphql)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      mutation LoginMutation($input: RegisterInput!) {\n        login(input: $input) {\n          ok\n        }\n      }\n    "], ["\n      mutation LoginMutation($input: RegisterInput!) {\n        login(input: $input) {\n          ok\n        }\n      }\n    "])))), commit = _b[0], loading = _b[1];
+    var loginHandler = (0, react_1.useCallback)(function () {
+        commit({
+            variables: {
+                input: __assign({}, form.values.getAll()),
+            },
+            onError: function (error) {
+                (0, handleFormErrors_1.default)(form, error);
+            },
+            onCompleted: function (res) {
+                if (!res.login.ok) {
+                    antd_1.message.error(t('common:auth.loginError'));
+                    return;
+                }
+                onFinish();
+                antd_1.message.success(t('common:auth.loginSuccess'));
+                router.reload();
+            },
+        });
+    }, [commit, form, router, onFinish, t]);
+    var forgotButton = ((0, jsx_runtime_1.jsx)(antd_1.Button, __assign({ type: 'link', onClick: onForgotClick }, { children: t('common:auth.forgot') })));
+    var registerButton = ((0, jsx_runtime_1.jsx)(antd_1.Button, __assign({ type: 'link', shape: 'round', className: 'register-link' }, { children: t('common:buttons.register') })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: 'auth no-text-selection' }, { children: [(0, jsx_runtime_1.jsx)(H_1.default, __assign({ type: 'h1', textAlign: 'center' }, { children: t('common:auth.loginTitle') })), !isModal && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: 'auth-subtitle' }, { children: [t('common:auth.loginSubtitle'), ' ', (0, jsx_runtime_1.jsx)(link_1.default, __assign({ href: config.registerPath || '/register', passHref: true }, { children: registerButton }))] }))), (0, jsx_runtime_1.jsx)(LoginForm_1.default, { onPressEnter: loginHandler }), (0, jsx_runtime_1.jsx)("div", __assign({ className: 'auth-button' }, { children: (0, jsx_runtime_1.jsx)(antd_1.Button, __assign({ type: 'primary', shape: 'round', size: 'large', loading: loading, onClick: loginHandler }, { children: t('common:buttons.login') })) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: 'auth-footer' }, { children: [(0, jsx_runtime_1.jsx)("div", { children: onForgotClick ? (forgotButton) : ((0, jsx_runtime_1.jsx)(link_1.default, __assign({ href: config.forgotPasswordPath || '/forgot', passHref: true }, { children: forgotButton }))) }), (0, jsx_runtime_1.jsx)(AuthFooterLinks_1.default, {})] }))] })));
+};
+exports.default = Login;
+var templateObject_1;

package/dist/auth/LoginForm.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface LoginFormProps {
+    onPressEnter: () => void;
+}
+declare const LoginForm: React.FC<LoginFormProps>;
+export default LoginForm;

package/dist/auth/LoginForm.js

@@ -0,0 +1,48 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var antd_1 = require("antd");
+var icons_1 = require("@ant-design/icons");
+var next_i18next_1 = require("next-i18next");
+var form_1 = require("@os-design/form");
+var FormItem_1 = __importDefault(require("../ui/FormItem"));
+var FormError_1 = __importDefault(require("../ui/FormError"));
+var LoginForm = function (_a) {
+    var onPressEnter = _a.onPressEnter;
+    var t = (0, next_i18next_1.useTranslation)().t;
+    var Field = (0, form_1.useExistingForm)().Field;
+    return ((0, jsx_runtime_1.jsxs)(antd_1.Form, __assign({ size: 'large' }, { children: [(0, jsx_runtime_1.jsx)(FormError_1.default, {}), (0, jsx_runtime_1.jsx)(Field, { name: 'email', render: function (_a, _b) {
+                    var value = _a.value, onChange = _a.onChange;
+                    var error = _b.error;
+                    return ((0, jsx_runtime_1.jsx)(FormItem_1.default, __assign({ error: error }, { children: (0, jsx_runtime_1.jsx)(antd_1.Input, { prefix: (0, jsx_runtime_1.jsx)(icons_1.UserOutlined, {}), value: value, onChange: function (e) {
+                                return onChange(e.target.value);
+                            }, onKeyDown: function (e) {
+                                if (e.key === 'Enter')
+                                    onPressEnter();
+                            }, placeholder: 'Email' }) })));
+                } }), (0, jsx_runtime_1.jsx)(Field, { name: 'password', render: function (_a, _b) {
+                    var value = _a.value, onChange = _a.onChange;
+                    var error = _b.error;
+                    return ((0, jsx_runtime_1.jsx)(FormItem_1.default, __assign({ error: error }, { children: (0, jsx_runtime_1.jsx)(antd_1.Input.Password, { prefix: (0, jsx_runtime_1.jsx)(icons_1.LockOutlined, {}), value: value, onChange: function (e) {
+                                return onChange(e.target.value);
+                            }, onKeyDown: function (e) {
+                                if (e.key === 'Enter')
+                                    onPressEnter();
+                            }, placeholder: t('common:auth.passwordPlaceholder') }) })));
+                } })] })));
+};
+exports.default = LoginForm;

package/dist/auth/RecoverPassword.d.ts

@@ -0,0 +1,2 @@
+declare const RecoverPassword: () => import("react/jsx-runtime").JSX.Element;
+export default RecoverPassword;

package/dist/auth/RecoverPassword.js

@@ -0,0 +1,96 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var antd_1 = require("antd");
+var react_1 = require("react");
+var router_1 = require("next/router");
+var next_i18next_1 = require("next-i18next");
+var form_1 = require("@os-design/form");
+var react_relay_1 = require("react-relay");
+var link_1 = __importDefault(require("next/link"));
+var use_interval_1 = __importDefault(require("@os-design/use-interval"));
+var handleFormErrors_1 = __importDefault(require("../utils/handleFormErrors"));
+var FrontendContext_1 = require("../utils/FrontendContext");
+var H_1 = __importDefault(require("../ui/H"));
+var Panel_1 = __importDefault(require("../ui/Panel"));
+var FormItem_1 = __importDefault(require("../ui/FormItem"));
+var FormError_1 = __importDefault(require("../ui/FormError"));
+var ResendLinkButton_1 = __importDefault(require("./ResendLinkButton"));
+var limitExpiresAt_1 = require("../utils/limitExpiresAt");
+var RecoverPassword = function () {
+    var router = (0, router_1.useRouter)();
+    var t = (0, next_i18next_1.useTranslation)(['common']).t;
+    var config = (0, FrontendContext_1.useFrontendConfig)();
+    var email = router.query.email;
+    if (typeof email !== 'string' || !email)
+        email = '';
+    var _a = (0, form_1.useForm)({
+        token: '',
+        password: '',
+    }), form = _a.form, Field = _a.Field;
+    var _b = (0, react_relay_1.useMutation)((0, react_relay_1.graphql)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      mutation recoveryMutation($input: RecoverPasswordInput!) {\n        recoverPassword(input: $input) {\n          ok\n        }\n      }\n    "], ["\n      mutation recoveryMutation($input: RecoverPasswordInput!) {\n        recoverPassword(input: $input) {\n          ok\n        }\n      }\n    "])))), commit = _b[0], loading = _b[1];
+    var recoverPasswordHandler = (0, react_1.useCallback)(function () {
+        commit({
+            variables: {
+                input: __assign({}, form.values.getAll()),
+            },
+            onError: function (error) { return (0, handleFormErrors_1.default)(form, error); },
+            onCompleted: function () {
+                antd_1.message.success(t('common:auth.recoverySuccess'));
+                var profilePath = config.defaultPath
+                    ? "".concat(config.defaultPath === '/' ? '' : config.defaultPath, "/profile")
+                    : '/profile';
+                router.push(profilePath);
+            },
+        });
+    }, [commit, form, router, t, config.defaultPath]);
+    var _c = (0, react_1.useState)(0), limitExpiresIn = _c[0], setLimitExpiresIn = _c[1];
+    // Update limitExpiresIn
+    var updateLimitExpiresIn = (0, react_1.useCallback)(function () { return setLimitExpiresIn((0, limitExpiresAt_1.getLimitExpiresIn)()); }, []);
+    (0, react_1.useEffect)(updateLimitExpiresIn, [updateLimitExpiresIn]); // Initial update
+    (0, use_interval_1.default)(updateLimitExpiresIn, limitExpiresIn > 0 ? 1000 : null); // Update every second
+    var resendIsDenied = limitExpiresIn > 0;
+    var getResendButtonTitle = function () {
+        if (resendIsDenied) {
+            return "".concat(t('common:auth.openEmailResendDenied'), " ").concat(Math.ceil(limitExpiresIn / 1000), " ").concat(t('common:sec'));
+        }
+        return t('common:auth.openEmailResend');
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: 'recovery' }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: 'recovery-header' }, { children: t('common:auth.setNewPassword') })), email.length > 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ style: { color: 'red', marginBottom: 15 } }, { children: t('common:auth.findCodeOnEmail') })), (0, jsx_runtime_1.jsx)(form_1.FormProvider, __assign({ form: form }, { children: (0, jsx_runtime_1.jsxs)(antd_1.Form, __assign({ layout: 'vertical', size: 'large' }, { children: [(0, jsx_runtime_1.jsx)(FormError_1.default, {}), (0, jsx_runtime_1.jsx)(Field, { name: 'token', render: function (_a, _b) {
+                                        var value = _a.value, onChange = _a.onChange;
+                                        var error = _b.error;
+                                        return ((0, jsx_runtime_1.jsx)(FormItem_1.default, __assign({ label: '\u041A\u043E\u0434 \u0438\u0437 \u043F\u0438\u0441\u044C\u043C\u0430', error: error, style: { marginBottom: 0 } }, { children: (0, jsx_runtime_1.jsx)(antd_1.Input, { placeholder: '------', value: value, onChange: function (e) { return onChange(e.target.value); } }) })));
+                                    } }), (0, jsx_runtime_1.jsx)("div", __assign({ style: { marginBottom: 25 } }, { children: (0, jsx_runtime_1.jsx)(ResendLinkButton_1.default, __assign({ email: email, type: 'recovery', disabled: resendIsDenied, onError: function (error) { return (0, handleFormErrors_1.default)(form, error); }, onCompleted: function (res) {
+                                            (0, limitExpiresAt_1.setLimitExpiresAt)(res.resendLink.limitExpiresAt);
+                                            setLimitExpiresIn((0, limitExpiresAt_1.getLimitExpiresIn)());
+                                            // Отображаем сообщение
+                                            if (res.resendLink.ok)
+                                                antd_1.message.success(t('common:auth.openEmailResendOk'));
+                                            else
+                                                antd_1.message.error(t('common:auth.openEmailResendError'));
+                                        } }, { children: getResendButtonTitle() })) })), (0, jsx_runtime_1.jsxs)(Panel_1.default, __assign({ bg: 'secondary' }, { children: [(0, jsx_runtime_1.jsx)(Field, { name: 'password', render: function (_a, _b) {
+                                                var value = _a.value, onChange = _a.onChange;
+                                                var error = _b.error;
+                                                return ((0, jsx_runtime_1.jsx)(FormItem_1.default, __assign({ label: t('common:auth.setNewPassword'), error: error }, { children: (0, jsx_runtime_1.jsx)(antd_1.Input.Password, { value: value, onChange: function (e) { return onChange(e.target.value); }, placeholder: t('common:auth.newPassword') }) })));
+                                            } }), (0, jsx_runtime_1.jsx)(antd_1.Button, __assign({ loading: loading, onClick: recoverPasswordHandler, type: 'primary' }, { children: t('common:auth.saveNewPassword') }))] }))] })) }))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(H_1.default, __assign({ type: 'h2', subHeader: '\u0412\u044B \u043F\u0435\u0440\u0435\u0448\u043B\u0438 \u043D\u0430 \u044D\u0442\u0443 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443 \u0441 \u043D\u0435\u0432\u0435\u0440\u043D\u044B\u043C\u0438 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u0430\u043C\u0438, \u0432\u0435\u0440\u043D\u0438\u0442\u0435\u0441\u044C \u043D\u0430\u0437\u0430\u0434, \u0447\u0442\u043E\u0431\u044B \u0438\u0441\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u043E\u0448\u0438\u0431\u043A\u0443', textAlign: 'center' }, { children: "\u041E\u0448\u0438\u0431\u043E\u0447\u043D\u044B\u0435 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u044B" })), (0, jsx_runtime_1.jsx)("div", __assign({ style: { textAlign: 'center' } }, { children: (0, jsx_runtime_1.jsx)(link_1.default, __assign({ href: config.forgotPasswordPath || '/forgot' }, { children: (0, jsx_runtime_1.jsx)(antd_1.Button, __assign({ type: 'primary', shape: 'round', size: 'large' }, { children: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430\u0437\u0430\u0434" })) })) }))] }))] })));
+};
+exports.default = RecoverPassword;
+var templateObject_1;

package/dist/auth/Register.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface RegisterProps {
+    onFinish: () => void;
+    isModal: boolean;
+    onForgotClick?: () => void;
+}
+declare const Register: React.FC<RegisterProps>;
+export default Register;

package/dist/auth/Register.js

@@ -0,0 +1,68 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var antd_1 = require("antd");
+var router_1 = require("next/router");
+var next_i18next_1 = require("next-i18next");
+var link_1 = __importDefault(require("next/link"));
+var form_1 = require("@os-design/form");
+var react_relay_1 = require("react-relay");
+var handleFormErrors_1 = __importDefault(require("../utils/handleFormErrors"));
+var AuthFooterLinks_1 = __importDefault(require("./AuthFooterLinks"));
+var H_1 = __importDefault(require("../ui/H"));
+var FrontendContext_1 = require("../utils/FrontendContext");
+var LoginForm_1 = __importDefault(require("./LoginForm"));
+var FormItem_1 = __importDefault(require("../ui/FormItem"));
+var Register = function (_a) {
+    var onFinish = _a.onFinish, isModal = _a.isModal, onForgotClick = _a.onForgotClick;
+    var t = (0, next_i18next_1.useTranslation)().t;
+    var router = (0, router_1.useRouter)();
+    var config = (0, FrontendContext_1.useFrontendConfig)();
+    var _b = (0, form_1.useExistingForm)(), form = _b.form, Field = _b.Field;
+    var _c = (0, react_relay_1.useMutation)((0, react_relay_1.graphql)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      mutation RegisterMutation($input: RegisterInput!) {\n        register(input: $input) {\n          ok\n        }\n      }\n    "], ["\n      mutation RegisterMutation($input: RegisterInput!) {\n        register(input: $input) {\n          ok\n        }\n      }\n    "])))), commit = _c[0], loading = _c[1];
+    var registerHandler = (0, react_1.useCallback)(function () {
+        commit({
+            variables: {
+                input: __assign({}, form.values.getAll()),
+            },
+            onError: function (error) { return (0, handleFormErrors_1.default)(form, error); },
+            onCompleted: function () {
+                onFinish();
+                router.push(config.defaultPath || '/');
+                antd_1.message.success(t('common:auth.successRegister'));
+            },
+        });
+    }, [commit, form, onFinish, router, t, config.defaultPath]);
+    var forgotButton = ((0, jsx_runtime_1.jsx)(antd_1.Button, __assign({ type: 'link', onClick: onForgotClick }, { children: t('common:auth.forgot') })));
+    var loginButton = ((0, jsx_runtime_1.jsx)(antd_1.Button, __assign({ type: 'link', shape: 'round' }, { children: t('common:buttons.login') })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: 'auth no-text-selection' }, { children: [(0, jsx_runtime_1.jsx)(H_1.default, __assign({ type: 'h1', textAlign: 'center' }, { children: t('common:auth.registerTitle') })), !isModal && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: 'auth-subtitle' }, { children: [t('common:auth.registerSubtitle'), ' ', (0, jsx_runtime_1.jsx)(link_1.default, __assign({ href: config.loginPath || '/login', passHref: true }, { children: loginButton }))] }))), (0, jsx_runtime_1.jsx)(LoginForm_1.default, { onPressEnter: registerHandler }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Field, { name: 'isUserAgreementAgree', render: function (_a, _b) {
+                            var value = _a.value, onChange = _a.onChange;
+                            var error = _b.error;
+                            return ((0, jsx_runtime_1.jsx)(FormItem_1.default, __assign({ error: error, style: { marginBottom: 0 } }, { children: (0, jsx_runtime_1.jsxs)(antd_1.Checkbox, __assign({ style: { fontSize: '16px' }, checked: value || false, onChange: function (e) { return onChange(e.target.checked); } }, { children: [t('common:auth.acceptUserAgreement'), ' ', (0, jsx_runtime_1.jsx)(link_1.default, __assign({ href: '/docs/user-agreement' }, { children: t('common:links.userAgreement') }))] })) })));
+                        } }), (0, jsx_runtime_1.jsx)(Field, { name: 'isPrivacyPolicyAgree', render: function (_a, _b) {
+                            var value = _a.value, onChange = _a.onChange;
+                            var error = _b.error;
+                            return ((0, jsx_runtime_1.jsx)(FormItem_1.default, __assign({ error: error }, { children: (0, jsx_runtime_1.jsxs)(antd_1.Checkbox, __assign({ checked: value || false, onChange: function (e) { return onChange(e.target.checked); }, style: { fontSize: '16px' } }, { children: [t('common:auth.acceptPrivacyPolicy'), ' ', (0, jsx_runtime_1.jsx)(link_1.default, __assign({ href: '/docs/privacy-policy' }, { children: t('common:links.privacyPolicy') }))] })) })));
+                        } })] }), (0, jsx_runtime_1.jsx)("div", __assign({ className: 'auth-button' }, { children: (0, jsx_runtime_1.jsx)(antd_1.Button, __assign({ type: 'primary', shape: 'round', size: 'large', loading: loading, onClick: registerHandler }, { children: t('common:buttons.register') })) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: 'auth-footer' }, { children: [(0, jsx_runtime_1.jsx)("div", { children: onForgotClick ? (forgotButton) : ((0, jsx_runtime_1.jsx)(link_1.default, __assign({ href: config.forgotPasswordPath || '/forgot', passHref: true }, { children: forgotButton }))) }), (0, jsx_runtime_1.jsx)(AuthFooterLinks_1.default, {})] }))] })));
+};
+exports.default = Register;
+var templateObject_1;

package/dist/auth/ResendLinkButton.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface ResendLinkButtonProps {
+    type: string;
+    email: string;
+    children: React.ReactNode;
+    disabled?: boolean;
+    onCompleted: (res: any) => void;
+    onError: (res: any) => void;
+}
+declare const ResendLinkButton: React.FC<ResendLinkButtonProps>;
+export default ResendLinkButton;

package/dist/auth/ResendLinkButton.js

@@ -0,0 +1,50 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var react_relay_1 = require("react-relay");
+var antd_1 = require("antd");
+var next_i18next_1 = require("next-i18next");
+var ResendLinkButton = function (_a) {
+    var type = _a.type, email = _a.email, children = _a.children, disabled = _a.disabled, onCompleted = _a.onCompleted, onError = _a.onError;
+    var t = (0, next_i18next_1.useTranslation)().t;
+    var _b = (0, react_relay_1.useMutation)((0, react_relay_1.graphql)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      mutation ResendLinkButtonMutation($input: ResendLinkInput!) {\n        resendLink(input: $input) {\n          ok\n          limitExpiresAt\n        }\n      }\n    "], ["\n      mutation ResendLinkButtonMutation($input: ResendLinkInput!) {\n        resendLink(input: $input) {\n          ok\n          limitExpiresAt\n        }\n      }\n    "])))), commit = _b[0], loading = _b[1];
+    var resendLinkHandler = (0, react_1.useCallback)(function () {
+        if (!email) {
+            antd_1.message.error(t('error.emailNotProvided'));
+            return;
+        }
+        if (!type) {
+            antd_1.message.error(t('error.typeNotProvided'));
+            return;
+        }
+        commit({
+            variables: {
+                input: {
+                    email: email,
+                    type: type,
+                },
+            },
+            onError: onError,
+            onCompleted: onCompleted,
+        });
+    }, [commit, email, onCompleted, onError, t, type]);
+    return ((0, jsx_runtime_1.jsx)(antd_1.Button, __assign({ type: 'link', disabled: disabled, onClick: resendLinkHandler, loading: loading, size: 'large' }, { children: children })));
+};
+exports.default = ResendLinkButton;
+var templateObject_1;

package/dist/auth/index.d.ts

@@ -0,0 +1,8 @@
+export { default as Auth } from './Auth';
+export { default as Login } from './Login';
+export { default as Register } from './Register';
+export { default as Forgot } from './Forgot';
+export { default as RecoverPassword } from './RecoverPassword';
+export { default as AuthFooterLinks } from './AuthFooterLinks';
+export { default as LoginForm } from './LoginForm';
+export { default as ResendLinkButton } from './ResendLinkButton';

package/dist/auth/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResendLinkButton = exports.LoginForm = exports.AuthFooterLinks = exports.RecoverPassword = exports.Forgot = exports.Register = exports.Login = exports.Auth = void 0;
+var Auth_1 = require("./Auth");
+Object.defineProperty(exports, "Auth", { enumerable: true, get: function () { return __importDefault(Auth_1).default; } });
+var Login_1 = require("./Login");
+Object.defineProperty(exports, "Login", { enumerable: true, get: function () { return __importDefault(Login_1).default; } });
+var Register_1 = require("./Register");
+Object.defineProperty(exports, "Register", { enumerable: true, get: function () { return __importDefault(Register_1).default; } });
+var Forgot_1 = require("./Forgot");
+Object.defineProperty(exports, "Forgot", { enumerable: true, get: function () { return __importDefault(Forgot_1).default; } });
+var RecoverPassword_1 = require("./RecoverPassword");
+Object.defineProperty(exports, "RecoverPassword", { enumerable: true, get: function () { return __importDefault(RecoverPassword_1).default; } });
+var AuthFooterLinks_1 = require("./AuthFooterLinks");
+Object.defineProperty(exports, "AuthFooterLinks", { enumerable: true, get: function () { return __importDefault(AuthFooterLinks_1).default; } });
+var LoginForm_1 = require("./LoginForm");
+Object.defineProperty(exports, "LoginForm", { enumerable: true, get: function () { return __importDefault(LoginForm_1).default; } });
+var ResendLinkButton_1 = require("./ResendLinkButton");
+Object.defineProperty(exports, "ResendLinkButton", { enumerable: true, get: function () { return __importDefault(ResendLinkButton_1).default; } });