@skroz/frontend 0.0.2 → 0.0.4

package/dist/auth/Forgot.js

@@ -1,8 +1,4 @@
 "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++) {
@@ -31,6 +27,7 @@ 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 ForgotPasswordMutation_graphql_1 = __importDefault(require("../graphql/ForgotPasswordMutation.graphql"));
 var FormItem_1 = __importDefault(require("../ui/FormItem"));
 var Forgot = function (_a) {
     var onFinish = _a.onFinish, onLoginClick = _a.onLoginClick;
@@ -39,7 +36,7 @@ var Forgot = function (_a) {
     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 _c = (0, react_relay_1.useMutation)(ForgotPasswordMutation_graphql_1.default), commit = _c[0], loading = _c[1];
     var forgotPasswordHandler = (0, react_1.useCallback)(function () {
         commit({
             variables: {
@@ -61,8 +58,9 @@ var Forgot = function (_a) {
     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' }) })));
+                        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.js

@@ -1,8 +1,4 @@
 "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++) {
@@ -26,6 +22,7 @@ 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"));
@@ -37,7 +34,7 @@ var Login = function (_a) {
     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 _b = (0, react_relay_1.useMutation)(LoginMutation_graphql_1.default), commit = _b[0], loading = _b[1];
     var loginHandler = (0, react_1.useCallback)(function () {
         commit({
             variables: {
@@ -62,4 +59,3 @@ var Login = function (_a) {
     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/RecoverPassword.js

@@ -1,8 +1,4 @@
 "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++) {
@@ -29,6 +25,7 @@ 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"));
@@ -46,7 +43,7 @@ var RecoverPassword = function () {
         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 _b = (0, react_relay_1.useMutation)(recoveryMutation_graphql_1.default), commit = _b[0], loading = _b[1];
     var recoverPasswordHandler = (0, react_1.useCallback)(function () {
         commit({
             variables: {
@@ -77,7 +74,9 @@ var RecoverPassword = function () {
     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); } }) })));
+                                        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)());
@@ -89,8 +88,9 @@ var RecoverPassword = function () {
                                         } }, { 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') }) })));
+                                                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.js

@@ -1,8 +1,4 @@
 "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++) {
@@ -30,6 +26,7 @@ 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) {
@@ -38,7 +35,7 @@ var Register = function (_a) {
     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 _c = (0, react_relay_1.useMutation)(RegisterMutation_graphql_1.default), commit = _c[0], loading = _c[1];
     var registerHandler = (0, react_1.useCallback)(function () {
         commit({
             variables: {
@@ -65,4 +62,3 @@ var Register = function (_a) {
                         } })] }), (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.js

@@ -1,8 +1,4 @@
 "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++) {
@@ -14,16 +10,20 @@ var __assign = (this && this.__assign) || function () {
     };
     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)((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 _b = (0, react_relay_1.useMutation)(ResendLinkButtonMutation_graphql_1.default), commit = _b[0], loading = _b[1];
     var resendLinkHandler = (0, react_1.useCallback)(function () {
         if (!email) {
             antd_1.message.error(t('error.emailNotProvided'));
@@ -47,4 +47,3 @@ var ResendLinkButton = function (_a) {
     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/ui/SeoHead.d.ts

@@ -3,8 +3,8 @@ interface SeoHeadProps {
     children?: React.ReactNode;
     metaTitle: string;
     metaDescription: string;
-    noindex?: boolean;
-    nofollow?: boolean;
+    noindex: boolean;
+    nofollow: boolean;
     smmType?: 'website' | 'profile';
     smmImageUrl?: string;
     smmPageUrl?: string;

package/dist/ui/SeoHead.js

@@ -7,7 +7,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var head_1 = __importDefault(require("next/head"));
 var FrontendContext_1 = require("../utils/FrontendContext");
 var SeoHead = function (_a) {
-    var metaTitle = _a.metaTitle, metaDescription = _a.metaDescription, children = _a.children, _b = _a.noindex, noindex = _b === void 0 ? false : _b, _c = _a.nofollow, nofollow = _c === void 0 ? false : _c, smmImageUrl = _a.smmImageUrl, smmPageUrl = _a.smmPageUrl, _d = _a.smmType, smmType = _d === void 0 ? 'website' : _d;
+    var metaTitle = _a.metaTitle, metaDescription = _a.metaDescription, children = _a.children, noindex = _a.noindex, nofollow = _a.nofollow, smmImageUrl = _a.smmImageUrl, smmPageUrl = _a.smmPageUrl, _b = _a.smmType, smmType = _b === void 0 ? 'website' : _b;
     var domain = (0, FrontendContext_1.useFrontendConfig)().domain;
     return ((0, jsx_runtime_1.jsxs)(head_1.default, { children: [(0, jsx_runtime_1.jsx)("title", { children: metaTitle }), (0, jsx_runtime_1.jsx)("meta", { name: 'description', content: metaDescription }), (0, jsx_runtime_1.jsx)("meta", { name: 'theme-color', content: '#edf1f6' }), (0, jsx_runtime_1.jsx)("meta", { charSet: 'UTF-8' }), (0, jsx_runtime_1.jsx)("meta", { name: 'viewport', content: 'width=device-width, initial-scale=1, viewport-fit=cover' }), (0, jsx_runtime_1.jsx)("link", { rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-touch-icon.png' }), (0, jsx_runtime_1.jsx)("link", { rel: 'icon', type: 'image/png', sizes: '32x32', href: '/favicon-32x32.png' }), (0, jsx_runtime_1.jsx)("link", { rel: 'icon', type: 'image/png', sizes: '16x16', href: '/favicon-16x16.png' }), (0, jsx_runtime_1.jsx)("link", { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }), (0, jsx_runtime_1.jsx)("link", { rel: 'manifest', href: '/manifest.json' }), (0, jsx_runtime_1.jsx)("meta", { name: 'robots', content: "".concat(noindex ? 'noindex' : 'index', ",").concat(nofollow ? 'nofollow' : 'follow') }), (0, jsx_runtime_1.jsx)("meta", { property: 'og:type', content: smmType }), smmPageUrl && (0, jsx_runtime_1.jsx)("meta", { property: 'og:url', content: smmPageUrl }), smmImageUrl && (0, jsx_runtime_1.jsx)("meta", { name: 'og:image', content: smmImageUrl }), (0, jsx_runtime_1.jsx)("meta", { property: 'og:title', content: metaTitle }), (0, jsx_runtime_1.jsx)("meta", { property: 'og:description', content: metaDescription }), (0, jsx_runtime_1.jsx)("meta", { name: 'twitter:card', content: 'summary_large_image' }), smmImageUrl && (0, jsx_runtime_1.jsx)("meta", { name: 'twitter:image', content: smmImageUrl }), domain && (0, jsx_runtime_1.jsx)("meta", { property: 'twitter:domain', content: domain }), smmPageUrl && (0, jsx_runtime_1.jsx)("meta", { property: 'twitter:url', content: smmPageUrl }), (0, jsx_runtime_1.jsx)("meta", { name: 'twitter:title', content: metaTitle }), (0, jsx_runtime_1.jsx)("meta", { name: 'twitter:description', content: metaDescription }), children] }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skroz/frontend",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "license": "MIT",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -44,5 +44,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3f0c992cd2b622b92fd58a82ba60137a58b73834"
+  "gitHead": "a15d77b45c43d03cd83679b927f193e9d8f7bf28"
 }

package/src/auth/Forgot.tsx

@@ -5,118 +5,119 @@ import { UserOutlined } from '@ant-design/icons';
 import { useTranslation } from 'next-i18next';
 import Link from 'next/link';
 import { useExistingForm } from '@os-design/form';
-import { graphql, useMutation } from 'react-relay';
+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 { RegisterInput } from '../graphql/RegisterMutation.graphql';
-import {
-    ForgotPasswordMutation,
-    ForgotPasswordMutation$data,
+import ForgotPasswordMutationNode, {
+  ForgotPasswordMutation,
+  ForgotPasswordMutation$data,
 } from '../graphql/ForgotPasswordMutation.graphql';
 import FormItem from '../ui/FormItem';
 
 interface ForgotProps {
-    onFinish: () => void;
-    onLoginClick?: () => void;
+  onFinish: () => void;
+  onLoginClick?: () => void;
 }
 
 const Forgot: React.FC<ForgotProps> = ({ onFinish, onLoginClick }) => {
-    const { t } = useTranslation();
-    const router = useRouter();
-    const config = useFrontendConfig();
+  const { t } = useTranslation();
+  const router = useRouter();
+  const config = useFrontendConfig();
 
-    const { form, useValue, Field } = useExistingForm<RegisterInput>();
-    const email = useValue('email');
+  const { form, useValue, Field } = useExistingForm<RegisterInput>();
+  const email = useValue('email');
 
-    const [commit, loading] = useMutation<ForgotPasswordMutation>(
-        graphql`
-      mutation ForgotPasswordMutation($input: ForgotPasswordInput!) {
-        forgotPassword(input: $input) {
-          recoveryLinkIsSent
-          limitExpiresAt
-        }
-      }
-    `
-    );
+  const [commit, loading] = useMutation<ForgotPasswordMutation>(
+    ForgotPasswordMutationNode
+  );
 
-    const forgotPasswordHandler = useCallback(() => {
-        commit({
-            variables: {
-                input: {
-                    email,
-                },
-            },
-            onError: (error) => handleFormErrors(form, error),
-            onCompleted: (res: ForgotPasswordMutation$data) => {
-                setLimitExpiresAt(res.forgotPassword.limitExpiresAt);
-                if (!res.forgotPassword.recoveryLinkIsSent)
-                    message.error(t('common:auth.forgotSendError'));
-                router.push(`/recovery?email=${email}`);
-                onFinish();
-            },
-        });
-    }, [commit, email, form, onFinish, router, t]);
+  const forgotPasswordHandler = useCallback(() => {
+    commit({
+      variables: {
+        input: {
+          email,
+        },
+      },
+      onError: (error) => handleFormErrors(form, error),
+      onCompleted: (res: ForgotPasswordMutation$data) => {
+        setLimitExpiresAt(res.forgotPassword.limitExpiresAt);
+        if (!res.forgotPassword.recoveryLinkIsSent)
+          message.error(t('common:auth.forgotSendError'));
+        router.push(`/recovery?email=${email}`);
+        onFinish();
+      },
+    });
+  }, [commit, email, form, onFinish, router, t]);
 
-    const loginButton = (
-        <Button type='link' onClick={onLoginClick} shape='round'>
-            {t('common:buttons.login')}
-        </Button>
-    );
+  const loginButton = (
+    <Button type='link' onClick={onLoginClick} shape='round'>
+      {t('common:buttons.login')}
+    </Button>
+  );
 
-    return (
-        <div className='auth no-text-selection'>
-            <H type='h1' textAlign='center'>
-                {t('common:auth.forgotTitle')}
-            </H>
-            <div className='auth-subtitle'>
-                {t('common:auth.forgotSubtitle')}{' '}
-                {onLoginClick ? (
-                    loginButton
-                ) : (
-                    <Link href={config.loginPath || '/login'} passHref>
-                        {loginButton}
-                    </Link>
-                )}
-            </div>
+  return (
+    <div className='auth no-text-selection'>
+      <H type='h1' textAlign='center'>
+        {t('common:auth.forgotTitle')}
+      </H>
+      <div className='auth-subtitle'>
+        {t('common:auth.forgotSubtitle')}{' '}
+        {onLoginClick ? (
+          loginButton
+        ) : (
+          <Link href={config.loginPath || '/login'} passHref>
+            {loginButton}
+          </Link>
+        )}
+      </div>
 
-            <Form size='large'>
-                <Field
-                    name='email'
-                    render={({ value, onChange }: { value: string, onChange: (val: string) => void }, { error }: { error?: string }) => (
-                        <FormItem error={error}>
-                            <Input
-                                value={value}
-                                prefix={<UserOutlined />}
-                                onChange={(e: React.ChangeEvent<HTMLInputElement>) => onChange(e.target.value)}
-                                placeholder='Email'
-                                size='large'
-                            />
-                        </FormItem>
-                    )}
-                />
-            </Form>
+      <Form size='large'>
+        <Field
+          name='email'
+          render={(
+            {
+              value,
+              onChange,
+            }: { value: string; onChange: (val: string) => void },
+            { error }: { error?: string }
+          ) => (
+            <FormItem error={error}>
+              <Input
+                value={value}
+                prefix={<UserOutlined />}
+                onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
+                  onChange(e.target.value)
+                }
+                placeholder='Email'
+                size='large'
+              />
+            </FormItem>
+          )}
+        />
+      </Form>
 
-            <div className='auth-button'>
-                <Button
-                    type='primary'
-                    shape='round'
-                    size='large'
-                    loading={loading}
-                    onClick={forgotPasswordHandler}
-                >
-                    {t('common:auth.forgotSendInstructions')}
-                </Button>
-            </div>
+      <div className='auth-button'>
+        <Button
+          type='primary'
+          shape='round'
+          size='large'
+          loading={loading}
+          onClick={forgotPasswordHandler}
+        >
+          {t('common:auth.forgotSendInstructions')}
+        </Button>
+      </div>
 
-            <div className='auth-footer'>
-                <div className='auth-footer-issues'>
-                    {t('common:auth.forgotIssues')}
-                </div>
-            </div>
+      <div className='auth-footer'>
+        <div className='auth-footer-issues'>
+          {t('common:auth.forgotIssues')}
         </div>
-    );
+      </div>
+    </div>
+  );
 };
 
 export default Forgot;

package/src/auth/Login.tsx

@@ -3,9 +3,9 @@ import { Button, message } from 'antd';
 import { useRouter } from 'next/router';
 import { useTranslation } from 'next-i18next';
 import Link from 'next/link';
-import { graphql, useMutation } from 'react-relay';
+import { useMutation } from 'react-relay';
 import { useExistingForm } from '@os-design/form';
-import {
+import LoginMutationNode, {
   RegisterInput,
   LoginMutation,
   LoginMutation$data,
@@ -28,15 +28,7 @@ const Login: React.FC<LoginProps> = ({ onFinish, onForgotClick, isModal }) => {
   const { form } = useExistingForm<RegisterInput>();
   const config = useFrontendConfig();
 
-  const [commit, loading] = useMutation<LoginMutation>(
-    graphql`
-      mutation LoginMutation($input: RegisterInput!) {
-        login(input: $input) {
-          ok
-        }
-      }
-    `
-  );
+  const [commit, loading] = useMutation<LoginMutation>(LoginMutationNode);
 
   const loginHandler = useCallback(() => {
     commit({

package/src/auth/RecoverPassword.tsx

@@ -3,14 +3,14 @@ import { useCallback, useEffect, useState } from 'react';
 import { useRouter } from 'next/router';
 import { useTranslation } from 'next-i18next';
 import { FormProvider, useForm } from '@os-design/form';
-import { graphql, useMutation } from 'react-relay';
+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 {
-    RecoverPasswordInput,
-    recoveryMutation,
+import recoveryMutationNode, {
+  RecoverPasswordInput,
+  recoveryMutation,
 } from '../graphql/recoveryMutation.graphql';
 import H from '../ui/H';
 import Panel from '../ui/Panel';
@@ -21,165 +21,170 @@ import { ResendLinkButtonMutation$data } from '../graphql/ResendLinkButtonMutati
 import { getLimitExpiresIn, setLimitExpiresAt } from '../utils/limitExpiresAt';
 
 const RecoverPassword = () => {
-    const router = useRouter();
-    const { t } = useTranslation(['common']);
-    const config = useFrontendConfig();
+  const router = useRouter();
+  const { t } = useTranslation(['common']);
+  const config = useFrontendConfig();
 
-    let { email } = router.query;
-    if (typeof email !== 'string' || !email) email = '';
+  let { email } = router.query;
+  if (typeof email !== 'string' || !email) email = '';
 
-    const { form, Field } = useForm<RecoverPasswordInput>({
-        token: '',
-        password: '',
-    });
+  const { form, Field } = useForm<RecoverPasswordInput>({
+    token: '',
+    password: '',
+  });
 
-    const [commit, loading] = useMutation<recoveryMutation>(
-        graphql`
-      mutation recoveryMutation($input: RecoverPasswordInput!) {
-        recoverPassword(input: $input) {
-          ok
-        }
-      }
-    `
-    );
+  const [commit, loading] = useMutation<recoveryMutation>(recoveryMutationNode);
 
-    const recoverPasswordHandler = useCallback(() => {
-        commit({
-            variables: {
-                input: {
-                    ...form.values.getAll(),
-                },
-            },
-            onError: (error) => handleFormErrors(form, error),
-            onCompleted: () => {
-                message.success(t('common:auth.recoverySuccess'));
-                const profilePath = config.defaultPath
-                    ? `${config.defaultPath === '/' ? '' : config.defaultPath}/profile`
-                    : '/profile';
-                router.push(profilePath);
-            },
-        });
-    }, [commit, form, router, t, config.defaultPath]);
+  const recoverPasswordHandler = useCallback(() => {
+    commit({
+      variables: {
+        input: {
+          ...form.values.getAll(),
+        },
+      },
+      onError: (error) => handleFormErrors(form, error),
+      onCompleted: () => {
+        message.success(t('common:auth.recoverySuccess'));
+        const profilePath = config.defaultPath
+          ? `${config.defaultPath === '/' ? '' : config.defaultPath}/profile`
+          : '/profile';
+        router.push(profilePath);
+      },
+    });
+  }, [commit, form, router, t, config.defaultPath]);
 
-    const [limitExpiresIn, setLimitExpiresIn] = useState(0);
+  const [limitExpiresIn, setLimitExpiresIn] = useState(0);
 
-    // Update limitExpiresIn
-    const updateLimitExpiresIn = useCallback(
-        () => setLimitExpiresIn(getLimitExpiresIn()),
-        []
-    );
-    useEffect(updateLimitExpiresIn, [updateLimitExpiresIn]); // Initial update
-    useInterval(updateLimitExpiresIn, limitExpiresIn > 0 ? 1000 : null); // Update every second
+  // Update limitExpiresIn
+  const updateLimitExpiresIn = useCallback(
+    () => setLimitExpiresIn(getLimitExpiresIn()),
+    []
+  );
+  useEffect(updateLimitExpiresIn, [updateLimitExpiresIn]); // Initial update
+  useInterval(updateLimitExpiresIn, limitExpiresIn > 0 ? 1000 : null); // Update every second
 
-    const resendIsDenied = limitExpiresIn > 0;
+  const resendIsDenied = limitExpiresIn > 0;
 
-    const getResendButtonTitle = () => {
-        if (resendIsDenied) {
-            return `${t('common:auth.openEmailResendDenied')} ${Math.ceil(
-                limitExpiresIn / 1000
-            )} ${t('common:sec')}`;
-        }
-        return t('common:auth.openEmailResend');
-    };
+  const getResendButtonTitle = () => {
+    if (resendIsDenied) {
+      return `${t('common:auth.openEmailResendDenied')} ${Math.ceil(
+        limitExpiresIn / 1000
+      )} ${t('common:sec')}`;
+    }
+    return t('common:auth.openEmailResend');
+  };
 
-    return (
-        <div className='recovery'>
-            <div className='recovery-header'>
-                {t('common:auth.setNewPassword')}
-            </div>
+  return (
+    <div className='recovery'>
+      <div className='recovery-header'>{t('common:auth.setNewPassword')}</div>
 
-            {email.length > 0 ? (
-                <>
-                    <div style={{ color: 'red', marginBottom: 15 }}>
-                        {t('common:auth.findCodeOnEmail')}
-                    </div>
-                    <FormProvider form={form}>
-                        <Form layout='vertical' size='large'>
-                            <FormError />
-                            <Field
-                                name='token'
-                                render={({ value, onChange }: { value: string, onChange: (val: string) => void }, { error }: { error?: string }) => (
-                                    <FormItem
-                                        label='Код из письма'
-                                        error={error}
-                                        style={{ marginBottom: 0 }}
-                                    >
-                                        <Input
-                                            placeholder='------'
-                                            value={value}
-                                            onChange={(e: React.ChangeEvent<HTMLInputElement>) => onChange(e.target.value)}
-                                        />
-                                    </FormItem>
-                                )}
-                            />
-                            <div style={{ marginBottom: 25 }}>
-                                <ResendLinkButton
-                                    email={email}
-                                    type='recovery'
-                                    disabled={resendIsDenied}
-                                    onError={(error: any) => handleFormErrors(form, error)}
-                                    onCompleted={(res: ResendLinkButtonMutation$data) => {
-                                        setLimitExpiresAt(res.resendLink.limitExpiresAt);
-                                        setLimitExpiresIn(getLimitExpiresIn());
+      {email.length > 0 ? (
+        <>
+          <div style={{ color: 'red', marginBottom: 15 }}>
+            {t('common:auth.findCodeOnEmail')}
+          </div>
+          <FormProvider form={form}>
+            <Form layout='vertical' size='large'>
+              <FormError />
+              <Field
+                name='token'
+                render={(
+                  {
+                    value,
+                    onChange,
+                  }: { value: string; onChange: (val: string) => void },
+                  { error }: { error?: string }
+                ) => (
+                  <FormItem
+                    label='Код из письма'
+                    error={error}
+                    style={{ marginBottom: 0 }}
+                  >
+                    <Input
+                      placeholder='------'
+                      value={value}
+                      onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
+                        onChange(e.target.value)
+                      }
+                    />
+                  </FormItem>
+                )}
+              />
+              <div style={{ marginBottom: 25 }}>
+                <ResendLinkButton
+                  email={email}
+                  type='recovery'
+                  disabled={resendIsDenied}
+                  onError={(error: any) => handleFormErrors(form, error)}
+                  onCompleted={(res: ResendLinkButtonMutation$data) => {
+                    setLimitExpiresAt(res.resendLink.limitExpiresAt);
+                    setLimitExpiresIn(getLimitExpiresIn());
 
-                                        // Отображаем сообщение
-                                        if (res.resendLink.ok)
-                                            message.success(t('common:auth.openEmailResendOk'));
-                                        else
-                                            message.error(t('common:auth.openEmailResendError'));
-                                    }}
-                                >
-                                    {getResendButtonTitle()}
-                                </ResendLinkButton>
-                            </div>
+                    // Отображаем сообщение
+                    if (res.resendLink.ok)
+                      message.success(t('common:auth.openEmailResendOk'));
+                    else message.error(t('common:auth.openEmailResendError'));
+                  }}
+                >
+                  {getResendButtonTitle()}
+                </ResendLinkButton>
+              </div>
 
-                            <Panel bg='secondary'>
-                                <Field
-                                    name='password'
-                                    render={({ value, onChange }: { value: string, onChange: (val: string) => void }, { error }: { error?: string }) => (
-                                        <FormItem
-                                            label={t('common:auth.setNewPassword')}
-                                            error={error}
-                                        >
-                                            <Input.Password
-                                                value={value}
-                                                onChange={(e: React.ChangeEvent<HTMLInputElement>) => onChange(e.target.value)}
-                                                placeholder={t('common:auth.newPassword')}
-                                            />
-                                        </FormItem>
-                                    )}
-                                />
-                                <Button
-                                    loading={loading}
-                                    onClick={recoverPasswordHandler}
-                                    type='primary'
-                                >
-                                    {t('common:auth.saveNewPassword')}
-                                </Button>
-                            </Panel>
-                        </Form>
-                    </FormProvider>
-                </>
-            ) : (
-                <>
-                    <H
-                        type='h2'
-                        subHeader='Вы перешли на эту страницу с неверными параметрами, вернитесь назад, чтобы исправить ошибку'
-                        textAlign='center'
+              <Panel bg='secondary'>
+                <Field
+                  name='password'
+                  render={(
+                    {
+                      value,
+                      onChange,
+                    }: { value: string; onChange: (val: string) => void },
+                    { error }: { error?: string }
+                  ) => (
+                    <FormItem
+                      label={t('common:auth.setNewPassword')}
+                      error={error}
                     >
-                        Ошибочные параметры
-                    </H>
-                    <div style={{ textAlign: 'center' }}>
-                        <Link href={config.forgotPasswordPath || '/forgot'}>
-                            <Button type='primary' shape='round' size='large'>
-                                Вернуться назад
-                            </Button>
-                        </Link>
-                    </div>
-                </>
-            )}
-        </div>
-    );
+                      <Input.Password
+                        value={value}
+                        onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
+                          onChange(e.target.value)
+                        }
+                        placeholder={t('common:auth.newPassword')}
+                      />
+                    </FormItem>
+                  )}
+                />
+                <Button
+                  loading={loading}
+                  onClick={recoverPasswordHandler}
+                  type='primary'
+                >
+                  {t('common:auth.saveNewPassword')}
+                </Button>
+              </Panel>
+            </Form>
+          </FormProvider>
+        </>
+      ) : (
+        <>
+          <H
+            type='h2'
+            subHeader='Вы перешли на эту страницу с неверными параметрами, вернитесь назад, чтобы исправить ошибку'
+            textAlign='center'
+          >
+            Ошибочные параметры
+          </H>
+          <div style={{ textAlign: 'center' }}>
+            <Link href={config.forgotPasswordPath || '/forgot'}>
+              <Button type='primary' shape='round' size='large'>
+                Вернуться назад
+              </Button>
+            </Link>
+          </div>
+        </>
+      )}
+    </div>
+  );
 };
 
 export default RecoverPassword;

package/src/auth/Register.tsx

@@ -4,12 +4,12 @@ import { useRouter } from 'next/router';
 import { useTranslation } from 'next-i18next';
 import Link from 'next/link';
 import { useExistingForm } from '@os-design/form';
-import { graphql, useMutation } from 'react-relay';
+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 {
+import RegisterMutationNode, {
   RegisterInput,
   RegisterMutation,
 } from '../graphql/RegisterMutation.graphql';
@@ -33,15 +33,7 @@ const Register: React.FC<RegisterProps> = ({
 
   const { form, Field } = useExistingForm<RegisterInput>();
 
-  const [commit, loading] = useMutation<RegisterMutation>(
-    graphql`
-      mutation RegisterMutation($input: RegisterInput!) {
-        register(input: $input) {
-          ok
-        }
-      }
-    `
-  );
+  const [commit, loading] = useMutation<RegisterMutation>(RegisterMutationNode);
 
   const registerHandler = useCallback(() => {
     commit({

package/src/auth/ResendLinkButton.tsx

@@ -1,8 +1,10 @@
 import React, { useCallback } from 'react';
-import { graphql, useMutation } from 'react-relay';
+import { useMutation } from 'react-relay';
 import { Button, message } from 'antd';
 import { useTranslation } from 'next-i18next';
-import { ResendLinkButtonMutation } from '../graphql/ResendLinkButtonMutation.graphql';
+import ResendLinkButtonMutationNode, {
+  ResendLinkButtonMutation,
+} from '../graphql/ResendLinkButtonMutation.graphql';
 
 interface ResendLinkButtonProps {
   type: string;
@@ -24,14 +26,7 @@ const ResendLinkButton: React.FC<ResendLinkButtonProps> = ({
   const { t } = useTranslation();
 
   const [commit, loading] = useMutation<ResendLinkButtonMutation>(
-    graphql`
-      mutation ResendLinkButtonMutation($input: ResendLinkInput!) {
-        resendLink(input: $input) {
-          ok
-          limitExpiresAt
-        }
-      }
-    `
+    ResendLinkButtonMutationNode
   );
 
   const resendLinkHandler = useCallback(() => {

package/src/ui/SeoHead.tsx

@@ -6,8 +6,8 @@ interface SeoHeadProps {
     children?: React.ReactNode;
     metaTitle: string;
     metaDescription: string;
-    noindex?: boolean;
-    nofollow?: boolean;
+    noindex: boolean;
+    nofollow: boolean;
     smmType?: 'website' | 'profile';
     smmImageUrl?: string;
     smmPageUrl?: string;
@@ -17,8 +17,8 @@ const SeoHead: React.FC<SeoHeadProps> = ({
     metaTitle,
     metaDescription,
     children,
-    noindex = false,
-    nofollow = false,
+    noindex,
+    nofollow,
     smmImageUrl,
     smmPageUrl,
     smmType = 'website',