@skroz/frontend 0.0.5 → 0.0.7

package/dist/auth/RecoverPassword.js

@@ -1,96 +1,84 @@
-"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 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 recoveryMutation_graphql_1 = __importDefault(require("../graphql/recoveryMutation.graphql"));
-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;
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Form, Input, message } from 'antd';
+import { useCallback, useEffect, useState } from 'react';
+import { useRouter } from 'next/router';
+import { useTranslation } from 'next-i18next';
+import { FormProvider, useForm } from '@os-design/form';
+import { useMutation } from 'react-relay';
+import Link from 'next/link';
+import useInterval from '@os-design/use-interval';
+import handleFormErrors from '../utils/handleFormErrors';
+import { useFrontendConfig } from '../utils/FrontendContext';
+import RecoverPasswordMutationNode from '../graphql/RecoverPasswordMutation.graphql';
+import H from '../ui/H';
+import Panel from '../ui/Panel';
+import FormItem from '../ui/FormItem';
+import FormError from '../ui/FormError';
+import ResendLinkButton from './ResendLinkButton';
+import { getLimitExpiresIn, setLimitExpiresAt } from '../utils/limitExpiresAt';
+const RecoverPassword = () => {
+    const router = useRouter();
+    const { t } = useTranslation('common');
+    const config = useFrontendConfig();
+    let { email } = router.query;
     if (typeof email !== 'string' || !email)
         email = '';
-    var _a = (0, form_1.useForm)({
+    const { form, Field } = useForm({
         token: '',
         password: '',
-    }), form = _a.form, Field = _a.Field;
-    var _b = (0, react_relay_1.useMutation)(recoveryMutation_graphql_1.default), commit = _b[0], loading = _b[1];
-    var recoverPasswordHandler = (0, react_1.useCallback)(function () {
+    });
+    /*
+      SKROZ_PROTECTION NOTE:
+      The Relay compiler has generated artifacts for this mutation.
+      Explicit import of RecoverPasswordMutationNode is used.
+      
+      Mutation definition (for reference/regeneration):
+    graphql`
+            mutation RecoverPasswordMutation($input: RecoverPasswordInput!) {
+              recoverPassword(input: $input) {
+                ok
+              }
+            }
+          `
+  */
+    const [commit, loading] = useMutation(RecoverPasswordMutationNode);
+    const recoverPasswordHandler = useCallback(() => {
         commit({
             variables: {
-                input: __assign({}, form.values.getAll()),
+                input: {
+                    ...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")
+            onError: (error) => handleFormErrors(form, error),
+            onCompleted: () => {
+                message.success(t('auth.recoverySuccess'));
+                const profilePath = config.defaultPath
+                    ? `${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];
+    const [limitExpiresIn, setLimitExpiresIn] = useState(0);
     // 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 () {
+    const updateLimitExpiresIn = useCallback(() => setLimitExpiresIn(getLimitExpiresIn()), []);
+    useEffect(updateLimitExpiresIn, [updateLimitExpiresIn]); // Initial update
+    useInterval(updateLimitExpiresIn, limitExpiresIn > 0 ? 1000 : null); // Update every second
+    const resendIsDenied = limitExpiresIn > 0;
+    const getResendButtonTitle = () => {
         if (resendIsDenied) {
-            return "".concat(t('common:auth.openEmailResendDenied'), " ").concat(Math.ceil(limitExpiresIn / 1000), " ").concat(t('common:sec'));
+            return `${t('auth.openEmailResendDenied')} ${Math.ceil(limitExpiresIn / 1000)} ${t('sec')}`;
         }
-        return t('common:auth.openEmailResend');
+        return t('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)());
+    return (_jsxs("div", { className: 'recovery', children: [_jsx("div", { className: 'recovery-header', children: t('auth.setNewPassword') }), email.length > 0 ? (_jsxs(_Fragment, { children: [_jsx("div", { style: { color: 'red', marginBottom: 15 }, children: t('auth.findCodeOnEmail') }), _jsx(FormProvider, { form: form, children: _jsxs(Form, { layout: 'vertical', size: 'large', children: [_jsx(FormError, {}), _jsx(Field, { name: 'token', render: ({ value, onChange, }, { error }) => (_jsx(FormItem, { label: t('auth.setNewCodeLabel'), error: error, style: { marginBottom: 0 }, children: _jsx(Input, { placeholder: '------', value: value, onChange: (e) => onChange(e.target.value) }) })) }), _jsx("div", { style: { marginBottom: 25 }, children: _jsx(ResendLinkButton, { email: email, disabled: resendIsDenied, onError: (error) => handleFormErrors(form, error), onCompleted: (res) => {
+                                            setLimitExpiresAt(res.resendLink.limitExpiresAt);
+                                            setLimitExpiresIn(getLimitExpiresIn());
                                             // Отображаем сообщение
                                             if (res.resendLink.ok)
-                                                antd_1.message.success(t('common:auth.openEmailResendOk'));
+                                                message.success(t('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" })) })) }))] }))] })));
+                                                message.error(t('auth.openEmailResendError'));
+                                        }, children: getResendButtonTitle() }) }), _jsxs(Panel, { bg: 'secondary', children: [_jsx(Field, { name: 'password', render: ({ value, onChange, }, { error }) => (_jsx(FormItem, { label: t('auth.setNewPassword'), error: error, children: _jsx(Input.Password, { value: value, onChange: (e) => onChange(e.target.value), placeholder: t('auth.newPassword') }) })) }), _jsx(Button, { loading: loading, onClick: recoverPasswordHandler, type: 'primary', children: t('auth.saveNewPassword') })] })] }) })] })) : (_jsxs(_Fragment, { children: [_jsx(H, { type: 'h2', subHeader: t('auth.wrongParamsSubtitle'), textAlign: 'center', children: t('auth.wrongParamsTitle') }), _jsx("div", { style: { textAlign: 'center' }, children: _jsx(Link, { href: config.forgotPasswordPath || '/forgot', children: _jsx(Button, { type: 'primary', shape: 'round', size: 'large', children: t('auth.goBack') }) }) })] }))] }));
 };
-exports.default = RecoverPassword;
+export default RecoverPassword;

package/dist/auth/Register.js

@@ -1,64 +1,56 @@
-"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 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 RegisterMutation_graphql_1 = __importDefault(require("../graphql/RegisterMutation.graphql"));
-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)(RegisterMutation_graphql_1.default), commit = _c[0], loading = _c[1];
-    var registerHandler = (0, react_1.useCallback)(function () {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { Button, Checkbox, message } from 'antd';
+import { useRouter } from 'next/router';
+import { useTranslation } from 'next-i18next';
+import Link from 'next/link';
+import { useExistingForm } from '@os-design/form';
+import { useMutation } from 'react-relay';
+import handleFormErrors from '../utils/handleFormErrors';
+import AuthFooterLinks from './AuthFooterLinks';
+import H from '../ui/H';
+import { useFrontendConfig } from '../utils/FrontendContext';
+import RegisterMutationNode from '../graphql/RegisterMutation.graphql';
+import LoginForm from './LoginForm';
+import FormItem from '../ui/FormItem';
+const Register = ({ onFinish, isModal, onForgotClick, }) => {
+    const { t } = useTranslation('common');
+    const router = useRouter();
+    const config = useFrontendConfig();
+    const { form, Field } = useExistingForm();
+    /*
+      SKROZ_PROTECTION NOTE:
+      The Relay compiler has generated artifacts for this mutation.
+      Explicit import of RegisterMutationNode is used.
+      
+      Mutation definition (for reference/regeneration):
+    graphql`
+            mutation RegisterMutation($input: AuthInput!) {
+              register(input: $input) {
+                id
+                email
+              }
+            }
+          `
+  */
+    const [commit, loading] = useMutation(RegisterMutationNode);
+    const registerHandler = useCallback(() => {
         commit({
             variables: {
-                input: __assign({}, form.values.getAll()),
+                input: {
+                    ...form.values.getAll(),
+                },
             },
-            onError: function (error) { return (0, handleFormErrors_1.default)(form, error); },
-            onCompleted: function () {
+            onError: (error) => handleFormErrors(form, error),
+            onCompleted: () => {
                 onFinish();
                 router.push(config.defaultPath || '/');
-                antd_1.message.success(t('common:auth.successRegister'));
+                message.success(t('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, {})] }))] })));
+    const forgotButton = (_jsx(Button, { type: 'link', onClick: onForgotClick, children: t('auth.forgot') }));
+    const loginButton = (_jsx(Button, { type: 'link', shape: 'round', children: t('buttons.login') }));
+    return (_jsxs("div", { className: 'auth no-text-selection', children: [_jsx(H, { type: 'h1', textAlign: 'center', children: t('auth.registerTitle') }), !isModal && (_jsxs("div", { className: 'auth-subtitle', children: [t('auth.registerSubtitle'), ' ', _jsx(Link, { href: config.loginPath || '/login', passHref: true, children: loginButton })] })), _jsx(LoginForm, { onPressEnter: registerHandler }), _jsxs("div", { children: [_jsx(Field, { name: 'isUserAgreementAgree', render: ({ value, onChange, }, { error }) => (_jsx(FormItem, { error: error, style: { marginBottom: 0 }, children: _jsxs(Checkbox, { style: { fontSize: '16px' }, checked: value || false, onChange: (e) => onChange(e.target.checked), children: [t('auth.acceptUserAgreement'), ' ', _jsx(Link, { href: '/docs/user-agreement', children: t('links.userAgreement') })] }) })) }), _jsx(Field, { name: 'isPrivacyPolicyAgree', render: ({ value, onChange, }, { error }) => (_jsx(FormItem, { error: error, children: _jsxs(Checkbox, { checked: value || false, onChange: (e) => onChange(e.target.checked), style: { fontSize: '16px' }, children: [t('auth.acceptPrivacyPolicy'), ' ', _jsx(Link, { href: '/docs/privacy-policy', children: t('links.privacyPolicy') })] }) })) })] }), _jsx("div", { className: 'auth-button', children: _jsx(Button, { type: 'primary', shape: 'round', size: 'large', loading: loading, onClick: registerHandler, children: t('buttons.register') }) }), _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 = Register;
+export default Register;

package/dist/auth/ResendLinkButton.d.ts

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

package/dist/auth/ResendLinkButton.js

@@ -1,49 +1,51 @@
-"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 react_relay_1 = require("react-relay");
-var antd_1 = require("antd");
-var next_i18next_1 = require("next-i18next");
-var ResendLinkButtonMutation_graphql_1 = __importDefault(require("../graphql/ResendLinkButtonMutation.graphql"));
-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)(ResendLinkButtonMutation_graphql_1.default), commit = _b[0], loading = _b[1];
-    var resendLinkHandler = (0, react_1.useCallback)(function () {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { useMutation } from 'react-relay';
+import { Button, message } from 'antd';
+import { useTranslation } from 'next-i18next';
+import ResendLinkButtonMutationNode from '../graphql/ResendLinkButtonMutation.graphql';
+const ResendLinkButton = ({ email, onCompleted, onError, disabled, children, }) => {
+    const { t } = useTranslation('common');
+    /*
+      SKROZ_PROTECTION NOTE:
+      The Relay compiler has generated artifacts for this mutation.
+      Explicit import of ResendLinkButtonMutationNode is used.
+      
+      Mutation definition (for reference/regeneration):
+    graphql`
+            mutation ResendLinkButtonMutation($input: SendTokenInput!) {
+              sendToken(input: $input) {
+                codeIsSent
+                limitExpiresAt
+              }
+            }
+          `
+  */
+    const [commit, loading] = useMutation(ResendLinkButtonMutationNode);
+    const resendLinkHandler = useCallback(() => {
         if (!email) {
-            antd_1.message.error(t('error.emailNotProvided'));
-            return;
-        }
-        if (!type) {
-            antd_1.message.error(t('error.typeNotProvided'));
+            message.error(t('error.emailNotProvided'));
             return;
         }
         commit({
             variables: {
                 input: {
-                    email: email,
-                    type: type,
+                    email,
                 },
             },
-            onError: onError,
-            onCompleted: onCompleted,
+            onError,
+            onCompleted: (res) => {
+                if (onCompleted) {
+                    onCompleted({
+                        resendLink: {
+                            ok: res.sendToken.codeIsSent,
+                            limitExpiresAt: res.sendToken.limitExpiresAt,
+                        },
+                    });
+                }
+            },
         });
-    }, [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 })));
+    }, [commit, email, onCompleted, onError, t]);
+    return (_jsx(Button, { type: 'link', disabled: disabled, onClick: resendLinkHandler, loading: loading, size: 'large', children: children }));
 };
-exports.default = ResendLinkButton;
+export default ResendLinkButton;

package/dist/auth/__tests__/Login.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/auth/__tests__/Login.test.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '@testing-library/react';
+import { useRouter } from 'next/router';
+import { useMutation } from 'react-relay';
+import { useExistingForm } from '@os-design/form';
+import Login from '../Login';
+// Mocking dependencies with verified relative paths
+jest.mock('next/router', () => ({
+    useRouter: jest.fn(),
+}));
+jest.mock('next/link', () => ({
+    __esModule: true,
+    default: ({ children, href }) => _jsx("a", { href: href, children: children }),
+}));
+jest.mock('next-i18next', () => ({
+    useTranslation: () => ({
+        t: (key) => key,
+    }),
+}));
+jest.mock('antd', () => ({
+    Button: ({ children, onClick }) => _jsx("button", { onClick: onClick, children: children }),
+    message: {
+        success: jest.fn(),
+        error: jest.fn(),
+    },
+}));
+jest.mock('react-relay', () => ({
+    useMutation: jest.fn(),
+    graphql: jest.fn(),
+}));
+jest.mock('../../graphql/LoginMutation.graphql', () => ({
+    __esModule: true,
+    default: {},
+}));
+jest.mock('@os-design/form', () => ({
+    useExistingForm: jest.fn(),
+}));
+jest.mock('../../ui/H', () => ({ children }) => _jsx("h1", { children: children }));
+jest.mock('../LoginForm', () => () => _jsx("div", { "data-testid": "login-form" }));
+jest.mock('../AuthFooterLinks', () => () => _jsx("div", { "data-testid": "auth-footer-links" }));
+jest.mock('../../utils/FrontendContext', () => ({
+    useFrontendConfig: () => ({
+        loginPath: '/login',
+        registerPath: '/register',
+        forgotPasswordPath: '/forgot',
+        defaultPath: '/',
+    }),
+}));
+jest.mock('../../utils/handleFormErrors', () => jest.fn());
+describe('Login Component', () => {
+    const mockOnFinish = jest.fn();
+    const mockOnForgotClick = jest.fn();
+    const mockCommit = jest.fn();
+    beforeEach(() => {
+        useRouter.mockReturnValue({
+            reload: jest.fn(),
+        });
+        useMutation.mockReturnValue([mockCommit, false]);
+        useExistingForm.mockReturnValue({
+            form: {
+                values: {
+                    getAll: jest.fn().mockReturnValue({}),
+                },
+            },
+        });
+    });
+    it('should render the login title', () => {
+        const { getByText } = render(_jsx(Login, { onFinish: mockOnFinish, onForgotClick: mockOnForgotClick, isModal: false }));
+        expect(getByText('common:auth.loginTitle')).toBeDefined();
+    });
+    it('should render the login form', () => {
+        const { getByTestId } = render(_jsx(Login, { onFinish: mockOnFinish, onForgotClick: mockOnForgotClick, isModal: false }));
+        expect(getByTestId('login-form')).toBeDefined();
+    });
+});

package/dist/auth/index.d.ts

@@ -6,3 +6,6 @@ export { default as RecoverPassword } from './RecoverPassword';
 export { default as AuthFooterLinks } from './AuthFooterLinks';
 export { default as LoginForm } from './LoginForm';
 export { default as ResendLinkButton } from './ResendLinkButton';
+export { default as LogoutButton } from './LogoutButton';
+export { default as AuthModal } from './AuthModal';
+export { default as AuthButtons } from './AuthButtons';

package/dist/auth/index.js

@@ -1,22 +1,11 @@
-"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; } });
+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';
+export { default as LogoutButton } from './LogoutButton';
+export { default as AuthModal } from './AuthModal';
+export { default as AuthButtons } from './AuthButtons';

package/dist/graphql/ForgotMutation.graphql.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @generated SignedSource<<0f3dfefe3a2565ec72f2043bace633b9>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+import { ConcreteRequest } from 'relay-runtime';
+export type SendTokenInput = {
+    email: string;
+};
+export type ForgotMutation$variables = {
+    input: SendTokenInput;
+};
+export type ForgotMutation$data = {
+    readonly sendToken: {
+        readonly codeIsSent: boolean;
+        readonly limitExpiresAt: number;
+    };
+};
+export type ForgotMutation = {
+    response: ForgotMutation$data;
+    variables: ForgotMutation$variables;
+};
+declare const node: ConcreteRequest;
+export default node;

package/dist/graphql/{ForgotPasswordMutation.graphql.js → ForgotMutation.graphql.js}

@@ -1,11 +1,9 @@
-"use strict";
 /**
- * @generated SignedSource<<fa5d43293d27c101facae2d958971c83>>
+ * @generated SignedSource<<0f3dfefe3a2565ec72f2043bace633b9>>
  * @lightSyntaxTransform
  * @nogrep
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-var node = (function () {
+const node = (function () {
     var v0 = [
         {
             "defaultValue": null,
@@ -22,9 +20,9 @@ var node = (function () {
                     "variableName": "input"
                 }
             ],
-            "concreteType": "ForgotPasswordPayload",
+            "concreteType": "SendTokenPayload",
             "kind": "LinkedField",
-            "name": "forgotPassword",
+            "name": "sendToken",
             "plural": false,
             "selections": [
                 {
@@ -50,7 +48,7 @@ var node = (function () {
             "argumentDefinitions": (v0 /*: any*/),
             "kind": "Fragment",
             "metadata": null,
-            "name": "ForgotPasswordMutation",
+            "name": "ForgotMutation",
             "selections": (v1 /*: any*/),
             "type": "Mutation",
             "abstractKey": null
@@ -59,18 +57,18 @@ var node = (function () {
         "operation": {
             "argumentDefinitions": (v0 /*: any*/),
             "kind": "Operation",
-            "name": "ForgotPasswordMutation",
+            "name": "ForgotMutation",
             "selections": (v1 /*: any*/)
         },
         "params": {
-            "cacheID": "5e5512b2a837741f90fc5a83dacf437f",
+            "cacheID": "0a93b8a190804d04b6fb46be655df5d1",
             "id": null,
             "metadata": {},
-            "name": "ForgotPasswordMutation",
+            "name": "ForgotMutation",
             "operationKind": "mutation",
-            "text": "mutation ForgotPasswordMutation(\n  $input: ForgotPasswordInput!\n) {\n  forgotPassword(input: $input) {\n    codeIsSent\n    limitExpiresAt\n  }\n}\n"
+            "text": "mutation ForgotMutation(\n  $input: SendTokenInput!\n) {\n  sendToken(input: $input) {\n    codeIsSent\n    limitExpiresAt\n  }\n}\n"
         }
     };
 })();
-node.hash = "13b4d04002f461d3c131f16f81e940a0";
-exports.default = node;
+node.hash = "45c1fe91d41e8ab4b3aaadcfe395e427";
+export default node;