@skroz/frontend 0.0.6 → 0.0.7

package/dist/auth/Auth.js

@@ -1,52 +1,35 @@
-"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;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tabs } from 'antd';
+import { FormProvider, useForm } from "@os-design/form";
+import { useRouter } from "next/router";
+import { useTranslation } from 'next-i18next';
+import Login from './Login';
+import Register from './Register';
+import Forgot from './Forgot';
+const Auth = ({ authType, setAuthType, onFinish }) => {
+    const router = useRouter();
+    const { t } = useTranslation('common');
     // если это отдельная страница восстановления пароля, то он может быть передан в строке
-    var initialEmail = router.query.email;
+    let initialEmail = router.query.email;
     if (typeof initialEmail !== 'string')
         initialEmail = '';
-    var form = (0, form_1.useForm)({
+    const { form } = 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: [
+    });
+    return (_jsxs(FormProvider, { form: form, children: [authType !== 'forgot' && (_jsx(Tabs, { activeKey: authType, centered: true, onChange: (activeKey) => 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'); } })),
+                        children: (_jsx(Login, { isModal: true, onFinish: onFinish, onForgotClick: () => 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'); } })),
+                        children: (_jsx(Register, { isModal: true, onFinish: onFinish, onForgotClick: () => setAuthType('forgot') })),
                     },
-                ] })), authType === 'forgot' && ((0, jsx_runtime_1.jsx)(Forgot_1.default, { onFinish: onFinish, onLoginClick: function () { return setAuthType('login'); } }))] })));
+                ] })), authType === 'forgot' && (_jsx(Forgot, { onFinish: onFinish, onLoginClick: () => setAuthType('login') }))] }));
 };
-exports.default = Auth;
+export default Auth;

package/dist/auth/AuthButtons.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ButtonType } from 'antd/es/button/buttonHelpers';
+import { SizeType } from 'antd/es/config-provider/SizeContext';
+interface AuthButtonsProps {
+    modal: boolean;
+    showLogin: boolean;
+    loginTitle?: React.ReactNode;
+    loginIcon?: React.ReactNode;
+    registerTitle?: React.ReactNode;
+    loginButtonType: ButtonType;
+    showRegister: boolean;
+    fantastic?: boolean;
+    registerClassname?: string;
+    registerBlock?: boolean;
+    buttonSize?: SizeType;
+}
+declare const AuthButtons: React.FC<AuthButtonsProps>;
+export default AuthButtons;

package/dist/auth/AuthButtons.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from 'antd';
+import { useState } from 'react';
+import { useTranslation } from 'next-i18next';
+import Link from 'next/link';
+import AuthModal from './AuthModal';
+import { useFrontendConfig } from '../utils/FrontendContext';
+const AuthButtons = ({ modal, loginButtonType, showLogin, loginIcon, showRegister, fantastic, loginTitle, registerTitle, registerClassname = '', buttonSize = 'middle', registerBlock, }) => {
+    const { t } = useTranslation('common');
+    const config = useFrontendConfig();
+    const [visible, setVisible] = useState(false);
+    const [authType, setAuthType] = useState('login');
+    const loginButton = (_jsx("div", { className: "auth-buttons-item", children: _jsx(Button, { type: loginButtonType, shape: loginTitle !== false ? 'round' : 'circle', size: buttonSize, icon: loginIcon, onClick: modal
+                ? () => {
+                    setVisible(true);
+                    setAuthType('login');
+                }
+                : undefined, children: loginTitle !== false ? loginTitle || t('buttons.login') : '' }) }));
+    const loginButtonContainer = modal ? (loginButton) : (_jsx(Link, { href: config.loginPath || '/login', passHref: true, legacyBehavior: true, children: loginButton }));
+    const registerButton = (_jsx("div", { className: "auth-buttons-item", children: _jsx(Button, { shape: "round", className: registerClassname, size: buttonSize, type: "primary", block: registerBlock, onClick: modal
+                ? () => {
+                    setVisible(true);
+                    setAuthType('register');
+                }
+                : undefined, children: registerTitle || t('buttons.register') }) }));
+    const registerButtonContainer = modal ? (registerButton) : (_jsx(Link, { href: config.registerPath || '/register', passHref: true, legacyBehavior: true, children: registerButton }));
+    return (_jsxs("div", { className: `auth-buttons ${fantastic ? 'fantastic' : ''}`, children: [showLogin && loginButtonContainer, showRegister && registerButtonContainer, modal && (_jsx(AuthModal, { authType: authType, visible: visible, onClose: () => setVisible(false), setAuthType: setAuthType }))] }));
+};
+export default AuthButtons;

package/dist/auth/AuthFooterLinks.js

@@ -1,26 +1,10 @@
-"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);
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { useTranslation } from 'next-i18next';
+import Link from 'next/link';
+const AuthFooterLinks = () => {
+    const { t } = useTranslation('common');
+    const docs = ['agency-agreement', 'privacy-policy'];
+    return (_jsxs("div", { className: 'auth-footer-issues', children: [t('auth.agreeLoginLabel'), ' ', docs.map((doc, index) => (_jsxs(React.Fragment, { children: [_jsx(Link, { href: `/docs/${doc}`, passHref: true, target: '_blank', children: t(`docsPage.${doc}`) }), index < docs.length - 1 && ', '] }, doc))), "."] }));
 };
-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;
+export default AuthFooterLinks;

package/dist/auth/AuthModal.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface AuthModalProps {
+    visible: boolean;
+    authType: 'login' | 'register' | 'forgot';
+    setAuthType: (type: 'login' | 'register' | 'forgot') => void;
+    onClose: () => void;
+}
+declare const AuthModal: React.FC<AuthModalProps>;
+export default AuthModal;

package/dist/auth/AuthModal.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Modal } from 'antd';
+import Auth from './Auth';
+const AuthModal = ({ visible, authType, onClose, setAuthType, }) => (_jsx(Modal, { open: visible, onCancel: onClose, footer: false, style: { top: 10 }, children: _jsx(Auth, { authType: authType, setAuthType: setAuthType, onFinish: onClose }) }));
+export default AuthModal;

package/dist/auth/Forgot.js

@@ -1,70 +1,58 @@
-"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 ForgotMutation($input: SendTokenInput!) {\n      sendToken(input: $input) {\n        codeIsSent\n        limitExpiresAt\n      }\n    }\n  "], ["\n    mutation ForgotMutation($input: SendTokenInput!) {\n      sendToken(input: $input) {\n        codeIsSent\n        limitExpiresAt\n      }\n    }\n  "])))), commit = _c[0], loading = _c[1];
-    var forgotPasswordHandler = (0, react_1.useCallback)(function () {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { Button, Form, Input, message } from 'antd';
+import { useRouter } from 'next/router';
+import { UserOutlined } from '@ant-design/icons';
+import { useTranslation } from 'next-i18next';
+import Link from 'next/link';
+import { useExistingForm } from '@os-design/form';
+import { useMutation } from 'react-relay';
+import { setLimitExpiresAt } from '../utils/limitExpiresAt';
+import handleFormErrors from '../utils/handleFormErrors';
+import H from '../ui/H';
+import { useFrontendConfig } from '../utils/FrontendContext';
+import ForgotMutationNode from '../graphql/ForgotMutation.graphql';
+import FormItem from '../ui/FormItem';
+const Forgot = ({ onFinish, onLoginClick }) => {
+    const { t } = useTranslation('common');
+    const router = useRouter();
+    const config = useFrontendConfig();
+    const { form, useValue, Field } = useExistingForm();
+    const email = useValue('email');
+    /*
+      SKROZ_PROTECTION NOTE:
+      The Relay compiler has generated artifacts for this mutation.
+      Explicit import of ForgotMutationNode is used.
+      
+      Mutation definition (for reference/regeneration):
+    graphql`
+            mutation ForgotMutation($input: SendTokenInput!) {
+              sendToken(input: $input) {
+                codeIsSent
+                limitExpiresAt
+              }
+            }
+          `
+  */
+    const [commit, loading] = useMutation(ForgotMutationNode);
+    const forgotPasswordHandler = useCallback(() => {
         commit({
             variables: {
                 input: {
-                    email: email,
+                    email,
                 },
             },
-            onError: function (error) { return (0, handleFormErrors_1.default)(form, error); },
-            onCompleted: function (res) {
-                (0, limitExpiresAt_1.setLimitExpiresAt)(res.sendToken.limitExpiresAt || 0);
+            onError: (error) => handleFormErrors(form, error),
+            onCompleted: (res) => {
+                setLimitExpiresAt(res.sendToken.limitExpiresAt);
                 if (!res.sendToken.codeIsSent)
-                    antd_1.message.error(t('common:auth.forgotSendError'));
-                router.push("/recovery?email=".concat(email));
+                    message.error(t('auth.forgotSendError'));
+                router.push(`/recovery?email=${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') })) }))] })));
+    const loginButton = (_jsx(Button, { type: 'link', onClick: onLoginClick, shape: 'round', children: t('buttons.login') }));
+    return (_jsxs("div", { className: 'auth no-text-selection', children: [_jsx(H, { type: 'h1', textAlign: 'center', children: t('auth.forgotTitle') }), _jsxs("div", { className: 'auth-subtitle', children: [t('auth.forgotSubtitle'), ' ', onLoginClick ? (loginButton) : (_jsx(Link, { href: config.loginPath || '/login', passHref: true, children: loginButton }))] }), _jsx(Form, { size: 'large', children: _jsx(Field, { name: 'email', render: ({ value, onChange, }, { error }) => (_jsx(FormItem, { error: error, children: _jsx(Input, { value: value, prefix: _jsx(UserOutlined, {}), onChange: (e) => onChange(e.target.value), placeholder: 'Email', size: 'large' }) })) }) }), _jsx("div", { className: 'auth-button', children: _jsx(Button, { type: 'primary', shape: 'round', size: 'large', loading: loading, onClick: forgotPasswordHandler, children: t('auth.forgotSendInstructions') }) }), _jsx("div", { className: 'auth-footer', children: _jsx("div", { className: 'auth-footer-issues', children: t('auth.forgotIssues') }) })] }));
 };
-exports.default = Forgot;
-var templateObject_1;
+export default Forgot;

package/dist/auth/Login.js

@@ -1,61 +1,46 @@
-"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 = 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 LoginMutation_graphql_1 = __importDefault(require("../graphql/LoginMutation.graphql"));
-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)(LoginMutation_graphql_1.default), commit = _b[0], loading = _b[1];
-    var loginHandler = (0, react_1.useCallback)(function () {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { Button, message } from 'antd';
+import { useRouter } from 'next/router';
+import { useTranslation } from 'next-i18next';
+import Link from 'next/link';
+import { useMutation } from 'react-relay';
+import { useExistingForm } from '@os-design/form';
+import LoginMutationNode from '../graphql/LoginMutation.graphql';
+import handleFormErrors from '../utils/handleFormErrors';
+import AuthFooterLinks from './AuthFooterLinks';
+import H from '../ui/H';
+import { useFrontendConfig } from '../utils/FrontendContext';
+import LoginForm from './LoginForm';
+const Login = ({ onFinish, onForgotClick, isModal }) => {
+    const { t } = useTranslation('common');
+    const router = useRouter();
+    const { form } = useExistingForm();
+    const config = useFrontendConfig();
+    const [commit, loading] = useMutation(LoginMutationNode);
+    const loginHandler = useCallback(() => {
         commit({
             variables: {
-                input: __assign({}, form.values.getAll()),
+                input: {
+                    ...form.values.getAll(),
+                },
             },
-            onError: function (error) {
-                (0, handleFormErrors_1.default)(form, error);
+            onError: (error) => {
+                handleFormErrors(form, error);
             },
-            onCompleted: function (res) {
+            onCompleted: (res) => {
                 if (!res.login.ok) {
-                    antd_1.message.error(t('common:auth.loginError'));
+                    message.error(t('auth.loginError'));
                     return;
                 }
                 onFinish();
-                antd_1.message.success(t('common:auth.loginSuccess'));
+                message.success(t('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, {})] }))] })));
+    const forgotButton = (_jsx(Button, { type: 'link', onClick: onForgotClick, children: t('auth.forgot') }));
+    const registerButton = (_jsx(Button, { type: 'link', shape: 'round', className: 'register-link', children: t('buttons.register') }));
+    return (_jsxs("div", { className: 'auth no-text-selection', children: [_jsx(H, { type: 'h1', textAlign: 'center', children: t('auth.loginTitle') }), !isModal && (_jsxs("div", { className: 'auth-subtitle', children: [t('auth.loginSubtitle'), ' ', _jsx(Link, { href: config.registerPath || '/register', passHref: true, children: registerButton })] })), _jsx(LoginForm, { onPressEnter: loginHandler }), _jsx("div", { className: 'auth-button', children: _jsx(Button, { type: 'primary', shape: 'round', size: 'large', loading: loading, onClick: loginHandler, children: t('buttons.login') }) }), _jsxs("div", { className: 'auth-footer', children: [_jsx("div", { children: onForgotClick ? (forgotButton) : (_jsx(Link, { href: config.forgotPasswordPath || '/forgot', passHref: true, children: forgotButton })) }), _jsx(AuthFooterLinks, {})] })] }));
 };
-exports.default = Login;
+export default Login;

package/dist/auth/LoginForm.js

@@ -1,48 +1,19 @@
-"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);
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Form, Input } from 'antd';
+import { LockOutlined, UserOutlined } from '@ant-design/icons';
+import { useTranslation } from 'next-i18next';
+import { useExistingForm } from '@os-design/form';
+import FormItem from '../ui/FormItem';
+import FormError from '../ui/FormError';
+const LoginForm = ({ onPressEnter }) => {
+    const { t } = useTranslation('common');
+    const { Field } = useExistingForm();
+    return (_jsxs(Form, { size: 'large', children: [_jsx(FormError, {}), _jsx(Field, { name: 'email', render: ({ value, onChange, }, { error }) => (_jsx(FormItem, { error: error, children: _jsx(Input, { prefix: _jsx(UserOutlined, {}), value: value, onChange: (e) => onChange(e.target.value), onKeyDown: (e) => {
+                            if (e.key === 'Enter')
+                                onPressEnter();
+                        }, placeholder: 'Email' }) })) }), _jsx(Field, { name: 'password', render: ({ value, onChange, }, { error }) => (_jsx(FormItem, { error: error, children: _jsx(Input.Password, { prefix: _jsx(LockOutlined, {}), value: value, onChange: (e) => onChange(e.target.value), onKeyDown: (e) => {
+                            if (e.key === 'Enter')
+                                onPressEnter();
+                        }, placeholder: t('auth.passwordPlaceholder') }) })) })] }));
 };
-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;
+export default LoginForm;

package/dist/auth/LogoutButton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const LogoutButton: React.FC;
+export default LogoutButton;

package/dist/auth/LogoutButton.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { Button, message } from 'antd';
+import { useRouter } from 'next/router';
+import { useMutation } from 'react-relay';
+import { LogoutOutlined } from '@ant-design/icons';
+import getError from '../utils/getError';
+import LogoutButtonMutationNode from '../graphql/LogoutButtonMutation.graphql';
+/*
+  SKROZ_PROTECTION NOTE:
+  The Relay compiler has generated artifacts for this mutation.
+  Explicit import of LogoutButtonMutationNode is used.
+  
+  Mutation definition (for reference/regeneration):
+  graphql`
+        mutation LogoutButtonMutation {
+          logout {
+            ok
+          }
+        }
+      `
+*/
+const LogoutButton = () => {
+    const router = useRouter();
+    const [commit] = useMutation(LogoutButtonMutationNode);
+    const logoutHandler = useCallback(() => {
+        commit({
+            variables: {},
+            onError: (error) => {
+                message.error(getError(error).message);
+            },
+            onCompleted: () => {
+                router.reload();
+            },
+        });
+    }, [commit, router]);
+    return (_jsx(Button, { shape: "circle", onClick: logoutHandler, icon: _jsx(LogoutOutlined, {}), type: "link" }));
+};
+export default LogoutButton;