@skroz/frontend 0.0.2

package/src/auth/ResendLinkButton.tsx

@@ -0,0 +1,71 @@
+import React, { useCallback } from 'react';
+import { graphql, useMutation } from 'react-relay';
+import { Button, message } from 'antd';
+import { useTranslation } from 'next-i18next';
+import { ResendLinkButtonMutation } from '../graphql/ResendLinkButtonMutation.graphql';
+
+interface ResendLinkButtonProps {
+  type: string;
+  email: string;
+  children: React.ReactNode;
+  disabled?: boolean;
+  onCompleted: (res: any) => void;
+  onError: (res: any) => void;
+}
+
+const ResendLinkButton: React.FC<ResendLinkButtonProps> = ({
+  type,
+  email,
+  children,
+  disabled,
+  onCompleted,
+  onError,
+}) => {
+  const { t } = useTranslation();
+
+  const [commit, loading] = useMutation<ResendLinkButtonMutation>(
+    graphql`
+      mutation ResendLinkButtonMutation($input: ResendLinkInput!) {
+        resendLink(input: $input) {
+          ok
+          limitExpiresAt
+        }
+      }
+    `
+  );
+
+  const resendLinkHandler = useCallback(() => {
+    if (!email) {
+      message.error(t('error.emailNotProvided'));
+      return;
+    }
+    if (!type) {
+      message.error(t('error.typeNotProvided'));
+      return;
+    }
+    commit({
+      variables: {
+        input: {
+          email,
+          type,
+        },
+      },
+      onError,
+      onCompleted,
+    });
+  }, [commit, email, onCompleted, onError, t, type]);
+
+  return (
+    <Button
+      type='link'
+      disabled={disabled}
+      onClick={resendLinkHandler}
+      loading={loading}
+      size='large'
+    >
+      {children}
+    </Button>
+  );
+};
+
+export default ResendLinkButton;

package/src/auth/index.ts

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

package/src/graphql/ForgotPasswordMutation.graphql.ts

@@ -0,0 +1,100 @@
+/**
+ * @generated SignedSource<<fa5d43293d27c101facae2d958971c83>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest, Mutation } from 'relay-runtime';
+export type ForgotPasswordInput = {
+    email: string;
+};
+export type ForgotPasswordMutation$variables = {
+    input: ForgotPasswordInput;
+};
+export type ForgotPasswordMutation$data = {
+    readonly forgotPassword: {
+        readonly limitExpiresAt: number;
+        readonly recoveryLinkIsSent: boolean;
+    };
+};
+export type ForgotPasswordMutation = {
+    response: ForgotPasswordMutation$data;
+    variables: ForgotPasswordMutation$variables;
+};
+
+const node: ConcreteRequest = (function () {
+    var v0 = [
+        {
+            "defaultValue": null,
+            "kind": "LocalArgument",
+            "name": "input"
+        }
+    ],
+        v1 = [
+            {
+                "alias": null,
+                "args": [
+                    {
+                        "kind": "Variable",
+                        "name": "input",
+                        "variableName": "input"
+                    }
+                ],
+                "concreteType": "ForgotPasswordPayload",
+                "kind": "LinkedField",
+                "name": "forgotPassword",
+                "plural": false,
+                "selections": [
+                    {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "recoveryLinkIsSent",
+                        "storageKey": null
+                    },
+                    {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "limitExpiresAt",
+                        "storageKey": null
+                    }
+                ],
+                "storageKey": null
+            }
+        ];
+    return {
+        "fragment": {
+            "argumentDefinitions": (v0/*: any*/),
+            "kind": "Fragment",
+            "metadata": null,
+            "name": "ForgotPasswordMutation",
+            "selections": (v1/*: any*/),
+            "type": "Mutation",
+            "abstractKey": null
+        },
+        "kind": "Request",
+        "operation": {
+            "argumentDefinitions": (v0/*: any*/),
+            "kind": "Operation",
+            "name": "ForgotPasswordMutation",
+            "selections": (v1/*: any*/)
+        },
+        "params": {
+            "cacheID": "5e5512b2a837741f90fc5a83dacf437f",
+            "id": null,
+            "metadata": {},
+            "name": "ForgotPasswordMutation",
+            "operationKind": "mutation",
+            "text": "mutation ForgotPasswordMutation(\n  $input: ForgotPasswordInput!\n) {\n  forgotPassword(input: $input) {\n    recoveryLinkIsSent\n    limitExpiresAt\n  }\n}\n"
+        }
+    };
+})();
+
+(node as any).hash = "13b4d04002f461d3c131f16f81e940a0";
+
+export default node;

package/src/graphql/LoginMutation.graphql.ts

@@ -0,0 +1,95 @@
+/**
+ * @generated SignedSource<<e749189577dbf72aa098e36b518ad0c2>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest, Mutation } from 'relay-runtime';
+export type RegisterInput = {
+    email: string;
+    isPrivacyPolicyAgree?: boolean | null;
+    isUserAgreementAgree?: boolean | null;
+    password: string;
+};
+export type LoginMutation$variables = {
+    input: RegisterInput;
+};
+export type LoginMutation$data = {
+    readonly login: {
+        readonly ok: boolean;
+    };
+};
+export type LoginMutation = {
+    response: LoginMutation$data;
+    variables: LoginMutation$variables;
+};
+
+const node: ConcreteRequest = (function () {
+    var v0 = [
+        {
+            "defaultValue": null,
+            "kind": "LocalArgument",
+            "name": "input"
+        }
+    ],
+        v1 = [
+            {
+                "alias": null,
+                "args": [
+                    {
+                        "kind": "Variable",
+                        "name": "input",
+                        "variableName": "input"
+                    }
+                ],
+                "concreteType": "StatusPayload",
+                "kind": "LinkedField",
+                "name": "login",
+                "plural": false,
+                "selections": [
+                    {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "ok",
+                        "storageKey": null
+                    }
+                ],
+                "storageKey": null
+            }
+        ];
+    return {
+        "fragment": {
+            "argumentDefinitions": (v0/*: any*/),
+            "kind": "Fragment",
+            "metadata": null,
+            "name": "LoginMutation",
+            "selections": (v1/*: any*/),
+            "type": "Mutation",
+            "abstractKey": null
+        },
+        "kind": "Request",
+        "operation": {
+            "argumentDefinitions": (v0/*: any*/),
+            "kind": "Operation",
+            "name": "LoginMutation",
+            "selections": (v1/*: any*/)
+        },
+        "params": {
+            "cacheID": "5ef263953ba0aafb287d05aacf35c065",
+            "id": null,
+            "metadata": {},
+            "name": "LoginMutation",
+            "operationKind": "mutation",
+            "text": "mutation LoginMutation(\n  $input: RegisterInput!\n) {\n  login(input: $input) {\n    ok\n  }\n}\n"
+        }
+    };
+})();
+
+(node as any).hash = "8aa42da7b9249db347cbcedf54b7eb58";
+
+export default node;

package/src/graphql/RegisterMutation.graphql.ts

@@ -0,0 +1,95 @@
+/**
+ * @generated SignedSource<<b6e62c629f517274528baab804aebf79>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest, Mutation } from 'relay-runtime';
+export type RegisterInput = {
+    email: string;
+    isPrivacyPolicyAgree?: boolean | null;
+    isUserAgreementAgree?: boolean | null;
+    password: string;
+};
+export type RegisterMutation$variables = {
+    input: RegisterInput;
+};
+export type RegisterMutation$data = {
+    readonly register: {
+        readonly ok: boolean;
+    };
+};
+export type RegisterMutation = {
+    response: RegisterMutation$data;
+    variables: RegisterMutation$variables;
+};
+
+const node: ConcreteRequest = (function () {
+    var v0 = [
+        {
+            "defaultValue": null,
+            "kind": "LocalArgument",
+            "name": "input"
+        }
+    ],
+        v1 = [
+            {
+                "alias": null,
+                "args": [
+                    {
+                        "kind": "Variable",
+                        "name": "input",
+                        "variableName": "input"
+                    }
+                ],
+                "concreteType": "StatusPayload",
+                "kind": "LinkedField",
+                "name": "register",
+                "plural": false,
+                "selections": [
+                    {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "ok",
+                        "storageKey": null
+                    }
+                ],
+                "storageKey": null
+            }
+        ];
+    return {
+        "fragment": {
+            "argumentDefinitions": (v0/*: any*/),
+            "kind": "Fragment",
+            "metadata": null,
+            "name": "RegisterMutation",
+            "selections": (v1/*: any*/),
+            "type": "Mutation",
+            "abstractKey": null
+        },
+        "kind": "Request",
+        "operation": {
+            "argumentDefinitions": (v0/*: any*/),
+            "kind": "Operation",
+            "name": "RegisterMutation",
+            "selections": (v1/*: any*/)
+        },
+        "params": {
+            "cacheID": "b634d0db622dc1c41a4c41ba173483ed",
+            "id": null,
+            "metadata": {},
+            "name": "RegisterMutation",
+            "operationKind": "mutation",
+            "text": "mutation RegisterMutation(\n  $input: RegisterInput!\n) {\n  register(input: $input) {\n    ok\n  }\n}\n"
+        }
+    };
+})();
+
+(node as any).hash = "95ef334f9a12340ab240e613480b0a51";
+
+export default node;

package/src/graphql/ResendLinkButtonMutation.graphql.ts

@@ -0,0 +1,101 @@
+/**
+ * @generated SignedSource<<0b4534d6e64b9e483cc3dceaa7d594ac>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest, Mutation } from 'relay-runtime';
+export type ResendLinkInput = {
+    email: string;
+    type: string;
+};
+export type ResendLinkButtonMutation$variables = {
+    input: ResendLinkInput;
+};
+export type ResendLinkButtonMutation$data = {
+    readonly resendLink: {
+        readonly limitExpiresAt: number;
+        readonly ok: boolean;
+    };
+};
+export type ResendLinkButtonMutation = {
+    response: ResendLinkButtonMutation$data;
+    variables: ResendLinkButtonMutation$variables;
+};
+
+const node: ConcreteRequest = (function () {
+    var v0 = [
+        {
+            "defaultValue": null,
+            "kind": "LocalArgument",
+            "name": "input"
+        }
+    ],
+        v1 = [
+            {
+                "alias": null,
+                "args": [
+                    {
+                        "kind": "Variable",
+                        "name": "input",
+                        "variableName": "input"
+                    }
+                ],
+                "concreteType": "ResendLinkPayload",
+                "kind": "LinkedField",
+                "name": "resendLink",
+                "plural": false,
+                "selections": [
+                    {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "ok",
+                        "storageKey": null
+                    },
+                    {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "limitExpiresAt",
+                        "storageKey": null
+                    }
+                ],
+                "storageKey": null
+            }
+        ];
+    return {
+        "fragment": {
+            "argumentDefinitions": (v0/*: any*/),
+            "kind": "Fragment",
+            "metadata": null,
+            "name": "ResendLinkButtonMutation",
+            "selections": (v1/*: any*/),
+            "type": "Mutation",
+            "abstractKey": null
+        },
+        "kind": "Request",
+        "operation": {
+            "argumentDefinitions": (v0/*: any*/),
+            "kind": "Operation",
+            "name": "ResendLinkButtonMutation",
+            "selections": (v1/*: any*/)
+        },
+        "params": {
+            "cacheID": "cddddaa297ce04eecaf79a4bfa5eb769",
+            "id": null,
+            "metadata": {},
+            "name": "ResendLinkButtonMutation",
+            "operationKind": "mutation",
+            "text": "mutation ResendLinkButtonMutation(\n  $input: ResendLinkInput!\n) {\n  resendLink(input: $input) {\n    ok\n    limitExpiresAt\n  }\n}\n"
+        }
+    };
+})();
+
+(node as any).hash = "4610277a9b30028acecc73fe6465f17d";
+
+export default node;

package/src/graphql/index.ts

@@ -0,0 +1,5 @@
+export { default as LoginMutation } from './LoginMutation.graphql';
+export { default as RegisterMutation } from './RegisterMutation.graphql';
+export { default as ForgotPasswordMutation } from './ForgotPasswordMutation.graphql';
+export { default as ResendLinkButtonMutation } from './ResendLinkButtonMutation.graphql';
+export { default as recoveryMutation } from './recoveryMutation.graphql';

package/src/graphql/recoveryMutation.graphql.ts

@@ -0,0 +1,91 @@
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest, Mutation } from 'relay-runtime';
+
+export type RecoverPasswordInput = {
+    token: string;
+    password: string;
+};
+
+export type recoveryMutation$variables = {
+    input: RecoverPasswordInput;
+};
+
+export type recoveryMutation$data = {
+    readonly recoverPassword: {
+        readonly ok: boolean;
+    };
+};
+
+export type recoveryMutation = {
+    response: recoveryMutation$data;
+    variables: recoveryMutation$variables;
+};
+
+const node: ConcreteRequest = (function () {
+    var v0 = [
+        {
+            "defaultValue": null,
+            "kind": "LocalArgument",
+            "name": "input"
+        }
+    ],
+        v1 = [
+            {
+                "alias": null,
+                "args": [
+                    {
+                        "kind": "Variable",
+                        "name": "input",
+                        "variableName": "input"
+                    }
+                ],
+                "concreteType": "StatusPayload",
+                "kind": "LinkedField",
+                "name": "recoverPassword",
+                "plural": false,
+                "selections": [
+                    {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "ok",
+                        "storageKey": null
+                    }
+                ],
+                "storageKey": null
+            }
+        ];
+    return {
+        "fragment": {
+            "argumentDefinitions": (v0/*: any*/),
+            "kind": "Fragment",
+            "metadata": null,
+            "name": "recoveryMutation",
+            "selections": (v1/*: any*/),
+            "type": "Mutation",
+            "abstractKey": null
+        },
+        "kind": "Request",
+        "operation": {
+            "argumentDefinitions": (v0/*: any*/),
+            "kind": "Operation",
+            "name": "recoveryMutation",
+            "selections": (v1/*: any*/)
+        },
+        "params": {
+            "cacheID": "recoveryMutationManualReconstruction",
+            "id": null,
+            "metadata": {},
+            "name": "recoveryMutation",
+            "operationKind": "mutation",
+            "text": "mutation recoveryMutation(\n  $input: RecoverPasswordInput!\n) {\n  recoverPassword(input: $input) {\n    ok\n  }\n}\n"
+        }
+    };
+})();
+
+(node as any).hash = "recoveryMutationHash";
+
+export default node;

package/src/index.ts

@@ -0,0 +1,4 @@
+export * from './auth';
+export * from './ui';
+export * from './utils';
+export * from './graphql';