@webiny/app-admin-cognito 0.0.0-mt-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +0 -0
- package/index.d.ts +18 -0
- package/index.js +168 -0
- package/package.json +62 -0
- package/types.d.ts +0 -0
- package/types.js +0 -0
- package/views/CheckingUser.d.ts +3 -0
- package/views/CheckingUser.js +14 -0
- package/views/ForgotPassword.d.ts +3 -0
- package/views/ForgotPassword.js +111 -0
- package/views/RequireNewPassword.d.ts +3 -0
- package/views/RequireNewPassword.js +80 -0
- package/views/SetNewPassword.d.ts +3 -0
- package/views/SetNewPassword.js +101 -0
- package/views/SignIn.d.ts +3 -0
- package/views/SignIn.js +89 -0
- package/views/SignedIn.d.ts +4 -0
- package/views/SignedIn.js +12 -0
- package/views/StateContainer.d.ts +5 -0
- package/views/StateContainer.js +12 -0
- package/views/StyledComponents.d.ts +10 -0
- package/views/StyledComponents.js +74 -0
- package/views/webiny-orange-logo.svg +23 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) Webiny
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
File without changes
|
package/index.d.ts
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { AuthOptions } from "@aws-amplify/auth/lib-esm/types";
|
|
3
|
+
import ApolloClient from "apollo-client";
|
|
4
|
+
export interface Props {
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export interface Config extends AuthOptions {
|
|
8
|
+
onError?(error: Error): void;
|
|
9
|
+
getIdentityData(params: {
|
|
10
|
+
client: ApolloClient<any>;
|
|
11
|
+
payload: {
|
|
12
|
+
[key: string]: any;
|
|
13
|
+
};
|
|
14
|
+
}): Promise<{
|
|
15
|
+
[key: string]: any;
|
|
16
|
+
}>;
|
|
17
|
+
}
|
|
18
|
+
export declare const createAuthentication: ({ getIdentityData, onError, ...config }: Config) => (props: Props) => JSX.Element;
|
package/index.js
ADDED
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
3
|
+
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
4
|
+
var _excluded = ["getIdentityData", "onError"],
|
|
5
|
+
_excluded2 = ["id", "displayName", "type", "permissions"];
|
|
6
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
7
|
+
import React, { useCallback, useEffect } from "react";
|
|
8
|
+
import { Auth } from "@aws-amplify/auth";
|
|
9
|
+
import { useApolloClient } from "@apollo/react-hooks";
|
|
10
|
+
import { setContext } from "apollo-link-context";
|
|
11
|
+
import { plugins } from "@webiny/plugins";
|
|
12
|
+
import { ApolloLinkPlugin } from "@webiny/app/plugins/ApolloLinkPlugin";
|
|
13
|
+
import { Authenticator } from "@webiny/app-cognito-authenticator/Authenticator";
|
|
14
|
+
import CheckingUser from "./views/CheckingUser";
|
|
15
|
+
import SignIn from "./views/SignIn";
|
|
16
|
+
import RequireNewPassword from "./views/RequireNewPassword";
|
|
17
|
+
import ForgotPassword from "./views/ForgotPassword";
|
|
18
|
+
import SetNewPassword from "./views/SetNewPassword";
|
|
19
|
+
import SignedIn from "./views/SignedIn";
|
|
20
|
+
import { useSecurity } from "@webiny/app-security";
|
|
21
|
+
|
|
22
|
+
var createApolloLinkPlugin = function createApolloLinkPlugin() {
|
|
23
|
+
return new ApolloLinkPlugin(function () {
|
|
24
|
+
return setContext( /*#__PURE__*/function () {
|
|
25
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_, _ref) {
|
|
26
|
+
var headers, user, idToken;
|
|
27
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
28
|
+
while (1) {
|
|
29
|
+
switch (_context.prev = _context.next) {
|
|
30
|
+
case 0:
|
|
31
|
+
headers = _ref.headers;
|
|
32
|
+
_context.next = 3;
|
|
33
|
+
return Auth.currentSession();
|
|
34
|
+
|
|
35
|
+
case 3:
|
|
36
|
+
user = _context.sent;
|
|
37
|
+
idToken = user.getIdToken();
|
|
38
|
+
|
|
39
|
+
if (idToken) {
|
|
40
|
+
_context.next = 7;
|
|
41
|
+
break;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
return _context.abrupt("return", {
|
|
45
|
+
headers: headers
|
|
46
|
+
});
|
|
47
|
+
|
|
48
|
+
case 7:
|
|
49
|
+
if (!(headers && headers.Authorization)) {
|
|
50
|
+
_context.next = 9;
|
|
51
|
+
break;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
return _context.abrupt("return", {
|
|
55
|
+
headers: headers
|
|
56
|
+
});
|
|
57
|
+
|
|
58
|
+
case 9:
|
|
59
|
+
return _context.abrupt("return", {
|
|
60
|
+
headers: _objectSpread(_objectSpread({}, headers), {}, {
|
|
61
|
+
Authorization: "Bearer ".concat(idToken.getJwtToken())
|
|
62
|
+
})
|
|
63
|
+
});
|
|
64
|
+
|
|
65
|
+
case 10:
|
|
66
|
+
case "end":
|
|
67
|
+
return _context.stop();
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}, _callee);
|
|
71
|
+
}));
|
|
72
|
+
|
|
73
|
+
return function (_x, _x2) {
|
|
74
|
+
return _ref2.apply(this, arguments);
|
|
75
|
+
};
|
|
76
|
+
}());
|
|
77
|
+
});
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
var defaultOptions = {
|
|
81
|
+
region: process.env.REACT_APP_USER_POOL_REGION,
|
|
82
|
+
userPoolId: process.env.REACT_APP_USER_POOL_ID,
|
|
83
|
+
userPoolWebClientId: process.env.REACT_APP_USER_POOL_WEB_CLIENT_ID
|
|
84
|
+
};
|
|
85
|
+
export var createAuthentication = function createAuthentication(_ref3) {
|
|
86
|
+
var getIdentityData = _ref3.getIdentityData,
|
|
87
|
+
onError = _ref3.onError,
|
|
88
|
+
config = _objectWithoutProperties(_ref3, _excluded);
|
|
89
|
+
|
|
90
|
+
Object.keys(config).forEach(function (key) {
|
|
91
|
+
return config[key] === undefined && delete config[key];
|
|
92
|
+
});
|
|
93
|
+
Auth.configure(_objectSpread(_objectSpread({}, defaultOptions), config));
|
|
94
|
+
|
|
95
|
+
var Authentication = function Authentication(props) {
|
|
96
|
+
var children = props.children;
|
|
97
|
+
|
|
98
|
+
var _useSecurity = useSecurity(),
|
|
99
|
+
setIdentity = _useSecurity.setIdentity;
|
|
100
|
+
|
|
101
|
+
var client = useApolloClient();
|
|
102
|
+
var onToken = useCallback( /*#__PURE__*/function () {
|
|
103
|
+
var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(token) {
|
|
104
|
+
var payload, logout, _yield$getIdentityDat, id, displayName, type, permissions, data;
|
|
105
|
+
|
|
106
|
+
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
107
|
+
while (1) {
|
|
108
|
+
switch (_context2.prev = _context2.next) {
|
|
109
|
+
case 0:
|
|
110
|
+
payload = token.payload, logout = token.logout;
|
|
111
|
+
_context2.prev = 1;
|
|
112
|
+
_context2.next = 4;
|
|
113
|
+
return getIdentityData({
|
|
114
|
+
client: client,
|
|
115
|
+
payload: payload
|
|
116
|
+
});
|
|
117
|
+
|
|
118
|
+
case 4:
|
|
119
|
+
_yield$getIdentityDat = _context2.sent;
|
|
120
|
+
id = _yield$getIdentityDat.id;
|
|
121
|
+
displayName = _yield$getIdentityDat.displayName;
|
|
122
|
+
type = _yield$getIdentityDat.type;
|
|
123
|
+
permissions = _yield$getIdentityDat.permissions;
|
|
124
|
+
data = _objectWithoutProperties(_yield$getIdentityDat, _excluded2);
|
|
125
|
+
setIdentity(_objectSpread(_objectSpread({
|
|
126
|
+
id: id,
|
|
127
|
+
displayName: displayName,
|
|
128
|
+
type: type,
|
|
129
|
+
permissions: permissions
|
|
130
|
+
}, data), {}, {
|
|
131
|
+
logout: logout
|
|
132
|
+
}));
|
|
133
|
+
_context2.next = 17;
|
|
134
|
+
break;
|
|
135
|
+
|
|
136
|
+
case 13:
|
|
137
|
+
_context2.prev = 13;
|
|
138
|
+
_context2.t0 = _context2["catch"](1);
|
|
139
|
+
console.log("ERROR", _context2.t0);
|
|
140
|
+
|
|
141
|
+
if (typeof onError === "function") {
|
|
142
|
+
onError(_context2.t0);
|
|
143
|
+
} else {
|
|
144
|
+
console.error(_context2.t0);
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
case 17:
|
|
148
|
+
case "end":
|
|
149
|
+
return _context2.stop();
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
}, _callee2, null, [[1, 13]]);
|
|
153
|
+
}));
|
|
154
|
+
|
|
155
|
+
return function (_x3) {
|
|
156
|
+
return _ref4.apply(this, arguments);
|
|
157
|
+
};
|
|
158
|
+
}(), []);
|
|
159
|
+
useEffect(function () {
|
|
160
|
+
plugins.register(createApolloLinkPlugin());
|
|
161
|
+
}, []);
|
|
162
|
+
return /*#__PURE__*/React.createElement(Authenticator, {
|
|
163
|
+
onToken: onToken
|
|
164
|
+
}, /*#__PURE__*/React.createElement(CheckingUser, null), /*#__PURE__*/React.createElement(SignIn, null), /*#__PURE__*/React.createElement(RequireNewPassword, null), /*#__PURE__*/React.createElement(ForgotPassword, null), /*#__PURE__*/React.createElement(SetNewPassword, null), /*#__PURE__*/React.createElement(SignedIn, null, children));
|
|
165
|
+
};
|
|
166
|
+
|
|
167
|
+
return Authentication;
|
|
168
|
+
};
|
package/package.json
ADDED
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@webiny/app-admin-cognito",
|
|
3
|
+
"version": "0.0.0-mt-1",
|
|
4
|
+
"main": "index.js",
|
|
5
|
+
"repository": {
|
|
6
|
+
"type": "git",
|
|
7
|
+
"url": "https://github.com/webiny/webiny-js.git"
|
|
8
|
+
},
|
|
9
|
+
"description": "Identity provider plugin for AWS Cognito",
|
|
10
|
+
"contributors": [
|
|
11
|
+
"Pavel Denisjuk <pavel@webiny.com>"
|
|
12
|
+
],
|
|
13
|
+
"license": "MIT",
|
|
14
|
+
"dependencies": {
|
|
15
|
+
"@apollo/react-hooks": "3.1.5",
|
|
16
|
+
"@aws-amplify/auth": "4.3.10",
|
|
17
|
+
"@emotion/styled": "10.0.27",
|
|
18
|
+
"@webiny/app": "0.0.0-mt-1",
|
|
19
|
+
"@webiny/app-cognito-authenticator": "0.0.0-mt-1",
|
|
20
|
+
"@webiny/app-security": "0.0.0-mt-1",
|
|
21
|
+
"@webiny/form": "0.0.0-mt-1",
|
|
22
|
+
"@webiny/plugins": "0.0.0-mt-1",
|
|
23
|
+
"@webiny/ui": "0.0.0-mt-1",
|
|
24
|
+
"@webiny/validation": "0.0.0-mt-1",
|
|
25
|
+
"apollo-client": "2.6.10",
|
|
26
|
+
"apollo-link-context": "1.0.20",
|
|
27
|
+
"emotion": "10.0.27",
|
|
28
|
+
"react": "16.14.0",
|
|
29
|
+
"react-dom": "16.14.0"
|
|
30
|
+
},
|
|
31
|
+
"devDependencies": {
|
|
32
|
+
"@babel/cli": "^7.5.5",
|
|
33
|
+
"@babel/core": "^7.5.5",
|
|
34
|
+
"@babel/plugin-proposal-class-properties": "^7.5.5",
|
|
35
|
+
"@babel/plugin-proposal-throw-expressions": "^7.7.4",
|
|
36
|
+
"@babel/preset-env": "^7.5.5",
|
|
37
|
+
"@babel/preset-react": "^7.0.0",
|
|
38
|
+
"@babel/preset-typescript": "^7.8.3",
|
|
39
|
+
"@webiny/cli": "^0.0.0-mt-1",
|
|
40
|
+
"@webiny/project-utils": "^0.0.0-mt-1",
|
|
41
|
+
"babel-plugin-lodash": "^3.3.4",
|
|
42
|
+
"rimraf": "^3.0.2",
|
|
43
|
+
"ttypescript": "^1.5.12",
|
|
44
|
+
"typescript": "^4.1.3"
|
|
45
|
+
},
|
|
46
|
+
"publishConfig": {
|
|
47
|
+
"access": "public",
|
|
48
|
+
"directory": "dist"
|
|
49
|
+
},
|
|
50
|
+
"scripts": {
|
|
51
|
+
"build": "yarn webiny run build",
|
|
52
|
+
"watch": "yarn webiny run watch"
|
|
53
|
+
},
|
|
54
|
+
"adio": {
|
|
55
|
+
"ignore": {
|
|
56
|
+
"peerDependencies": [
|
|
57
|
+
"react-dom"
|
|
58
|
+
]
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
"gitHead": "37736d8456a6ecb342a6c3645060bd9a3f2d4bb0"
|
|
62
|
+
}
|
package/types.d.ts
ADDED
|
File without changes
|
package/types.js
ADDED
|
File without changes
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useAuthenticator } from "@webiny/app-cognito-authenticator/hooks/useAuthenticator";
|
|
3
|
+
import { CircularProgress } from "@webiny/ui/Progress";
|
|
4
|
+
|
|
5
|
+
var CheckingUser = function CheckingUser() {
|
|
6
|
+
var _useAuthenticator = useAuthenticator(),
|
|
7
|
+
checkingUser = _useAuthenticator.checkingUser;
|
|
8
|
+
|
|
9
|
+
return checkingUser ? /*#__PURE__*/React.createElement(CircularProgress, {
|
|
10
|
+
label: "Verifying user..."
|
|
11
|
+
}) : null;
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export default CheckingUser;
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { Form } from "@webiny/form";
|
|
3
|
+
import { validation } from "@webiny/validation";
|
|
4
|
+
import { ButtonPrimary, ButtonDefault } from "@webiny/ui/Button";
|
|
5
|
+
import { Input } from "@webiny/ui/Input";
|
|
6
|
+
import { Grid, Cell } from "@webiny/ui/Grid";
|
|
7
|
+
import { Typography } from "@webiny/ui/Typography";
|
|
8
|
+
import { Alert } from "@webiny/ui/Alert";
|
|
9
|
+
import { Elevation } from "@webiny/ui/Elevation";
|
|
10
|
+
import StateContainer from "./StateContainer";
|
|
11
|
+
import { alignRight, InnerContent, Title } from "./StyledComponents";
|
|
12
|
+
import { CircularProgress } from "@webiny/ui/Progress";
|
|
13
|
+
import { useAuthenticator } from "@webiny/app-cognito-authenticator/hooks/useAuthenticator";
|
|
14
|
+
import { useForgotPassword } from "@webiny/app-cognito-authenticator/hooks/useForgotPassword";
|
|
15
|
+
|
|
16
|
+
var ForgotPassword = function ForgotPassword() {
|
|
17
|
+
var _useAuthenticator = useAuthenticator(),
|
|
18
|
+
checkingUser = _useAuthenticator.checkingUser,
|
|
19
|
+
authData = _useAuthenticator.authData,
|
|
20
|
+
changeState = _useAuthenticator.changeState;
|
|
21
|
+
|
|
22
|
+
var _useForgotPassword = useForgotPassword(),
|
|
23
|
+
loading = _useForgotPassword.loading,
|
|
24
|
+
codeSent = _useForgotPassword.codeSent,
|
|
25
|
+
shouldRender = _useForgotPassword.shouldRender,
|
|
26
|
+
setPassword = _useForgotPassword.setPassword,
|
|
27
|
+
requestCode = _useForgotPassword.requestCode,
|
|
28
|
+
error = _useForgotPassword.error;
|
|
29
|
+
|
|
30
|
+
if (!shouldRender || checkingUser) {
|
|
31
|
+
return null;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
var _ref = authData || {},
|
|
35
|
+
_ref$username = _ref.username,
|
|
36
|
+
username = _ref$username === void 0 ? "" : _ref$username;
|
|
37
|
+
|
|
38
|
+
return /*#__PURE__*/React.createElement(StateContainer, null, /*#__PURE__*/React.createElement(Form, {
|
|
39
|
+
data: {
|
|
40
|
+
username: username
|
|
41
|
+
},
|
|
42
|
+
onSubmit: function onSubmit(_ref2) {
|
|
43
|
+
var username = _ref2.username;
|
|
44
|
+
return codeSent ? setPassword({
|
|
45
|
+
username: username
|
|
46
|
+
}) : requestCode({
|
|
47
|
+
username: username
|
|
48
|
+
});
|
|
49
|
+
},
|
|
50
|
+
submitOnEnter: true
|
|
51
|
+
}, function (_ref3) {
|
|
52
|
+
var Bind = _ref3.Bind,
|
|
53
|
+
submit = _ref3.submit,
|
|
54
|
+
data = _ref3.data;
|
|
55
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Elevation, {
|
|
56
|
+
z: 2
|
|
57
|
+
}, /*#__PURE__*/React.createElement(InnerContent, null, loading && /*#__PURE__*/React.createElement(CircularProgress, null), /*#__PURE__*/React.createElement(Title, null, /*#__PURE__*/React.createElement("h1", null, /*#__PURE__*/React.createElement(Typography, {
|
|
58
|
+
use: "headline4"
|
|
59
|
+
}, "Password Recovery")), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(Typography, {
|
|
60
|
+
use: "subtitle2"
|
|
61
|
+
}, "request a password reset code"))), error && /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
|
|
62
|
+
span: 12
|
|
63
|
+
}, /*#__PURE__*/React.createElement(Alert, {
|
|
64
|
+
title: "Something went wrong",
|
|
65
|
+
type: "danger"
|
|
66
|
+
}, error))), !codeSent ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
|
|
67
|
+
span: 12
|
|
68
|
+
}, /*#__PURE__*/React.createElement(Bind, {
|
|
69
|
+
name: "username",
|
|
70
|
+
validators: validation.create("required"),
|
|
71
|
+
beforeChange: function beforeChange(val, cb) {
|
|
72
|
+
return cb(val.toLowerCase());
|
|
73
|
+
}
|
|
74
|
+
}, /*#__PURE__*/React.createElement(Input, {
|
|
75
|
+
label: "Email",
|
|
76
|
+
description: "A reset code will be sent to your email."
|
|
77
|
+
})))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
|
|
78
|
+
span: 12,
|
|
79
|
+
className: alignRight
|
|
80
|
+
}, /*#__PURE__*/React.createElement(ButtonPrimary, {
|
|
81
|
+
onClick: submit
|
|
82
|
+
}, "Send me the code")))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
|
|
83
|
+
span: 12
|
|
84
|
+
}, /*#__PURE__*/React.createElement(Typography, {
|
|
85
|
+
use: "body1"
|
|
86
|
+
}, "We have sent you a code to reset your password!", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), "Click the \"Resend code\" button below to resend the code in case you haven't received it the first time."))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
|
|
87
|
+
span: 12,
|
|
88
|
+
className: alignRight
|
|
89
|
+
}, /*#__PURE__*/React.createElement(ButtonDefault, {
|
|
90
|
+
onClick: function onClick() {
|
|
91
|
+
return requestCode({
|
|
92
|
+
username: data.username
|
|
93
|
+
});
|
|
94
|
+
}
|
|
95
|
+
}, "Resend code"), /*#__PURE__*/React.createElement(ButtonPrimary, {
|
|
96
|
+
onClick: submit
|
|
97
|
+
}, "I got the code!")))))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
|
|
98
|
+
span: 12,
|
|
99
|
+
style: {
|
|
100
|
+
textAlign: "center"
|
|
101
|
+
}
|
|
102
|
+
}, "Want to sign in? ", /*#__PURE__*/React.createElement("a", {
|
|
103
|
+
href: "#",
|
|
104
|
+
onClick: function onClick() {
|
|
105
|
+
return changeState("signIn");
|
|
106
|
+
}
|
|
107
|
+
}, "Sign in"))));
|
|
108
|
+
}));
|
|
109
|
+
};
|
|
110
|
+
|
|
111
|
+
export default ForgotPassword;
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { Form } from "@webiny/form";
|
|
3
|
+
import { validation } from "@webiny/validation";
|
|
4
|
+
import { ButtonPrimary } from "@webiny/ui/Button";
|
|
5
|
+
import { Input } from "@webiny/ui/Input";
|
|
6
|
+
import { Grid, Cell } from "@webiny/ui/Grid";
|
|
7
|
+
import { Typography } from "@webiny/ui/Typography";
|
|
8
|
+
import { Elevation } from "@webiny/ui/Elevation";
|
|
9
|
+
import { useAuthenticator } from "@webiny/app-cognito-authenticator/hooks/useAuthenticator";
|
|
10
|
+
import { useRequireNewPassword } from "@webiny/app-cognito-authenticator/hooks/useRequireNewPassword";
|
|
11
|
+
import StateContainer from "./StateContainer";
|
|
12
|
+
import { alignRight, InnerContent, Title } from "./StyledComponents";
|
|
13
|
+
|
|
14
|
+
var sentenceCase = function sentenceCase(str) {
|
|
15
|
+
var lower = str.toLowerCase();
|
|
16
|
+
return lower[0].toUpperCase() + lower.substring(1);
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
var RequireNewPassword = function RequireNewPassword() {
|
|
20
|
+
var _useAuthenticator = useAuthenticator(),
|
|
21
|
+
checkingUser = _useAuthenticator.checkingUser;
|
|
22
|
+
|
|
23
|
+
var _useRequireNewPasswor = useRequireNewPassword(),
|
|
24
|
+
shouldRender = _useRequireNewPasswor.shouldRender,
|
|
25
|
+
requiredAttributes = _useRequireNewPasswor.requiredAttributes,
|
|
26
|
+
confirm = _useRequireNewPasswor.confirm;
|
|
27
|
+
|
|
28
|
+
if (!shouldRender || checkingUser) {
|
|
29
|
+
return null;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
return /*#__PURE__*/React.createElement(StateContainer, null, /*#__PURE__*/React.createElement(Form, {
|
|
33
|
+
onSubmit: function onSubmit(_ref) {
|
|
34
|
+
var password = _ref.password,
|
|
35
|
+
requiredAttributes = _ref.requiredAttributes;
|
|
36
|
+
return confirm({
|
|
37
|
+
password: password,
|
|
38
|
+
requiredAttributes: requiredAttributes
|
|
39
|
+
});
|
|
40
|
+
},
|
|
41
|
+
submitOnEnter: true
|
|
42
|
+
}, function (_ref2) {
|
|
43
|
+
var Bind = _ref2.Bind,
|
|
44
|
+
submit = _ref2.submit;
|
|
45
|
+
return /*#__PURE__*/React.createElement(Elevation, {
|
|
46
|
+
z: 2
|
|
47
|
+
}, /*#__PURE__*/React.createElement(InnerContent, null, /*#__PURE__*/React.createElement(Title, null, /*#__PURE__*/React.createElement(Typography, {
|
|
48
|
+
use: "headline4"
|
|
49
|
+
}, "Set New Password")), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
|
|
50
|
+
span: 12
|
|
51
|
+
}, /*#__PURE__*/React.createElement(Bind, {
|
|
52
|
+
name: "password",
|
|
53
|
+
validators: validation.create("required")
|
|
54
|
+
}, /*#__PURE__*/React.createElement(Input, {
|
|
55
|
+
type: "password",
|
|
56
|
+
label: "New password",
|
|
57
|
+
outlined: true
|
|
58
|
+
})))), requiredAttributes.length > 0 && /*#__PURE__*/React.createElement(Title, null, /*#__PURE__*/React.createElement(Typography, {
|
|
59
|
+
use: "headline6"
|
|
60
|
+
}, "Please enter additional information")), /*#__PURE__*/React.createElement(Grid, null, requiredAttributes.map(function (name) {
|
|
61
|
+
return /*#__PURE__*/React.createElement(Cell, {
|
|
62
|
+
key: name,
|
|
63
|
+
span: 12
|
|
64
|
+
}, /*#__PURE__*/React.createElement(Bind, {
|
|
65
|
+
name: name,
|
|
66
|
+
validators: validation.create("required")
|
|
67
|
+
}, /*#__PURE__*/React.createElement(Input, {
|
|
68
|
+
label: sentenceCase(name),
|
|
69
|
+
outlined: true
|
|
70
|
+
})));
|
|
71
|
+
})), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
|
|
72
|
+
span: 12,
|
|
73
|
+
className: alignRight
|
|
74
|
+
}, /*#__PURE__*/React.createElement(ButtonPrimary, {
|
|
75
|
+
onClick: submit
|
|
76
|
+
}, "Set password")))));
|
|
77
|
+
}));
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
export default RequireNewPassword;
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Form } from "@webiny/form";
|
|
3
|
+
import { validation } from "@webiny/validation";
|
|
4
|
+
import { ButtonPrimary } from "@webiny/ui/Button";
|
|
5
|
+
import { Input } from "@webiny/ui/Input";
|
|
6
|
+
import { Grid, Cell } from "@webiny/ui/Grid";
|
|
7
|
+
import { Typography } from "@webiny/ui/Typography";
|
|
8
|
+
import { Elevation } from "@webiny/ui/Elevation";
|
|
9
|
+
import { CircularProgress } from "@webiny/ui/Progress";
|
|
10
|
+
import StateContainer from "./StateContainer";
|
|
11
|
+
import { alignRight, InnerContent, Title, errorMessage } from "./StyledComponents";
|
|
12
|
+
import { useAuthenticator } from "@webiny/app-cognito-authenticator/hooks/useAuthenticator";
|
|
13
|
+
import { useSetNewPassword } from "@webiny/app-cognito-authenticator/hooks/useSetNewPassword";
|
|
14
|
+
|
|
15
|
+
var SetNewPassword = function SetNewPassword() {
|
|
16
|
+
var _useAuthenticator = useAuthenticator(),
|
|
17
|
+
checkingUser = _useAuthenticator.checkingUser,
|
|
18
|
+
changeState = _useAuthenticator.changeState;
|
|
19
|
+
|
|
20
|
+
var _useSetNewPassword = useSetNewPassword(),
|
|
21
|
+
shouldRender = _useSetNewPassword.shouldRender,
|
|
22
|
+
setPassword = _useSetNewPassword.setPassword,
|
|
23
|
+
error = _useSetNewPassword.error,
|
|
24
|
+
loading = _useSetNewPassword.loading;
|
|
25
|
+
|
|
26
|
+
if (!shouldRender || checkingUser) {
|
|
27
|
+
return null;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
return /*#__PURE__*/React.createElement(StateContainer, null, /*#__PURE__*/React.createElement(Form, {
|
|
31
|
+
onSubmit: setPassword,
|
|
32
|
+
submitOnEnter: true
|
|
33
|
+
}, function (_ref) {
|
|
34
|
+
var Bind = _ref.Bind,
|
|
35
|
+
submit = _ref.submit,
|
|
36
|
+
data = _ref.data;
|
|
37
|
+
|
|
38
|
+
var retypePasswordValidator = function retypePasswordValidator(value) {
|
|
39
|
+
if (value !== data.password) {
|
|
40
|
+
throw Error("Passwords do not match!");
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Elevation, {
|
|
45
|
+
z: 2
|
|
46
|
+
}, /*#__PURE__*/React.createElement(InnerContent, null, loading && /*#__PURE__*/React.createElement(CircularProgress, null), /*#__PURE__*/React.createElement(Title, null, /*#__PURE__*/React.createElement("h1", null, /*#__PURE__*/React.createElement(Typography, {
|
|
47
|
+
use: "headline4"
|
|
48
|
+
}, "Set New Password"))), error && /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
|
|
49
|
+
span: 12,
|
|
50
|
+
className: errorMessage
|
|
51
|
+
}, error)), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
|
|
52
|
+
span: 12
|
|
53
|
+
}, /*#__PURE__*/React.createElement(Bind, {
|
|
54
|
+
name: "code",
|
|
55
|
+
validators: validation.create("required")
|
|
56
|
+
}, /*#__PURE__*/React.createElement(Input, {
|
|
57
|
+
autoComplete: "off",
|
|
58
|
+
label: "Password reset code",
|
|
59
|
+
outlined: true,
|
|
60
|
+
description: "Enter the code we sent to your email."
|
|
61
|
+
}))), /*#__PURE__*/React.createElement(Cell, {
|
|
62
|
+
span: 12
|
|
63
|
+
}, /*#__PURE__*/React.createElement(Bind, {
|
|
64
|
+
name: "password",
|
|
65
|
+
validators: validation.create("required")
|
|
66
|
+
}, /*#__PURE__*/React.createElement(Input, {
|
|
67
|
+
autoComplete: "off",
|
|
68
|
+
type: "password",
|
|
69
|
+
label: "New password",
|
|
70
|
+
outlined: true,
|
|
71
|
+
description: "Enter your new password."
|
|
72
|
+
}))), /*#__PURE__*/React.createElement(Cell, {
|
|
73
|
+
span: 12
|
|
74
|
+
}, /*#__PURE__*/React.createElement(Bind, {
|
|
75
|
+
name: "retypePassword",
|
|
76
|
+
validators: [validation.create("required"), retypePasswordValidator]
|
|
77
|
+
}, /*#__PURE__*/React.createElement(Input, {
|
|
78
|
+
type: "password",
|
|
79
|
+
label: "Retype password",
|
|
80
|
+
outlined: true,
|
|
81
|
+
description: "Enter your new password once more."
|
|
82
|
+
}))), /*#__PURE__*/React.createElement(Cell, {
|
|
83
|
+
span: 12,
|
|
84
|
+
className: alignRight
|
|
85
|
+
}, /*#__PURE__*/React.createElement(ButtonPrimary, {
|
|
86
|
+
onClick: submit
|
|
87
|
+
}, "Set new password"))))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
|
|
88
|
+
span: 12,
|
|
89
|
+
style: {
|
|
90
|
+
textAlign: "center"
|
|
91
|
+
}
|
|
92
|
+
}, "Want to sign in? ", /*#__PURE__*/React.createElement("a", {
|
|
93
|
+
href: "#",
|
|
94
|
+
onClick: function onClick() {
|
|
95
|
+
return changeState("signIn");
|
|
96
|
+
}
|
|
97
|
+
}, "Sign in"))));
|
|
98
|
+
}));
|
|
99
|
+
};
|
|
100
|
+
|
|
101
|
+
export default SetNewPassword;
|
package/views/SignIn.js
ADDED
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { Form } from "@webiny/form";
|
|
3
|
+
import { validation } from "@webiny/validation";
|
|
4
|
+
import { ButtonPrimary } from "@webiny/ui/Button";
|
|
5
|
+
import { Input } from "@webiny/ui/Input";
|
|
6
|
+
import { Grid, Cell } from "@webiny/ui/Grid";
|
|
7
|
+
import { Typography } from "@webiny/ui/Typography";
|
|
8
|
+
import { Elevation } from "@webiny/ui/Elevation";
|
|
9
|
+
import { Alert } from "@webiny/ui/Alert";
|
|
10
|
+
import { CircularProgress } from "@webiny/ui/Progress";
|
|
11
|
+
import { useAuthenticator } from "@webiny/app-cognito-authenticator/hooks/useAuthenticator";
|
|
12
|
+
import { useSignIn } from "@webiny/app-cognito-authenticator/hooks/useSignIn";
|
|
13
|
+
import StateContainer from "./StateContainer";
|
|
14
|
+
import { alignRight, alignCenter, InnerContent, Title, errorMessage } from "./StyledComponents";
|
|
15
|
+
|
|
16
|
+
var SignIn = function SignIn() {
|
|
17
|
+
var _useAuthenticator = useAuthenticator(),
|
|
18
|
+
message = _useAuthenticator.message,
|
|
19
|
+
changeState = _useAuthenticator.changeState,
|
|
20
|
+
checkingUser = _useAuthenticator.checkingUser;
|
|
21
|
+
|
|
22
|
+
var _useSignIn = useSignIn(),
|
|
23
|
+
signIn = _useSignIn.signIn,
|
|
24
|
+
loading = _useSignIn.loading,
|
|
25
|
+
error = _useSignIn.error,
|
|
26
|
+
shouldRender = _useSignIn.shouldRender;
|
|
27
|
+
|
|
28
|
+
if (!shouldRender || checkingUser) {
|
|
29
|
+
return null;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
return /*#__PURE__*/React.createElement(StateContainer, null, /*#__PURE__*/React.createElement(Form, {
|
|
33
|
+
onSubmit: signIn,
|
|
34
|
+
submitOnEnter: true
|
|
35
|
+
}, function (_ref) {
|
|
36
|
+
var Bind = _ref.Bind,
|
|
37
|
+
submit = _ref.submit;
|
|
38
|
+
return /*#__PURE__*/React.createElement(Elevation, {
|
|
39
|
+
z: 2
|
|
40
|
+
}, /*#__PURE__*/React.createElement(InnerContent, null, loading && /*#__PURE__*/React.createElement(CircularProgress, null), /*#__PURE__*/React.createElement(Title, null, /*#__PURE__*/React.createElement("h1", null, /*#__PURE__*/React.createElement(Typography, {
|
|
41
|
+
use: "headline4"
|
|
42
|
+
}, "Sign In"))), message && !error && /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
|
|
43
|
+
span: 12
|
|
44
|
+
}, /*#__PURE__*/React.createElement(Alert, {
|
|
45
|
+
title: message.title,
|
|
46
|
+
type: message.type
|
|
47
|
+
}, message.text))), error && /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
|
|
48
|
+
span: 12,
|
|
49
|
+
className: errorMessage
|
|
50
|
+
}, /*#__PURE__*/React.createElement(Alert, {
|
|
51
|
+
title: "Authentication error",
|
|
52
|
+
type: "danger"
|
|
53
|
+
}, error.message))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
|
|
54
|
+
span: 12
|
|
55
|
+
}, /*#__PURE__*/React.createElement(Bind, {
|
|
56
|
+
name: "username",
|
|
57
|
+
validators: validation.create("required,email"),
|
|
58
|
+
beforeChange: function beforeChange(val, cb) {
|
|
59
|
+
return cb(val.toLowerCase());
|
|
60
|
+
}
|
|
61
|
+
}, /*#__PURE__*/React.createElement(Input, {
|
|
62
|
+
label: "Your e-mail"
|
|
63
|
+
}))), /*#__PURE__*/React.createElement(Cell, {
|
|
64
|
+
span: 12
|
|
65
|
+
}, /*#__PURE__*/React.createElement(Bind, {
|
|
66
|
+
name: "password",
|
|
67
|
+
validators: validation.create("required")
|
|
68
|
+
}, /*#__PURE__*/React.createElement(Input, {
|
|
69
|
+
type: "password",
|
|
70
|
+
label: "Your password"
|
|
71
|
+
}))), /*#__PURE__*/React.createElement(Cell, {
|
|
72
|
+
span: 12,
|
|
73
|
+
className: alignRight
|
|
74
|
+
}, /*#__PURE__*/React.createElement(ButtonPrimary, {
|
|
75
|
+
"data-testid": "submit-sign-in-form-button",
|
|
76
|
+
onClick: submit
|
|
77
|
+
}, "Submit")), /*#__PURE__*/React.createElement(Cell, {
|
|
78
|
+
span: 12,
|
|
79
|
+
className: alignCenter
|
|
80
|
+
}, /*#__PURE__*/React.createElement("a", {
|
|
81
|
+
href: "#",
|
|
82
|
+
onClick: function onClick() {
|
|
83
|
+
return changeState("forgotPassword");
|
|
84
|
+
}
|
|
85
|
+
}, "Forgot password?")))));
|
|
86
|
+
}));
|
|
87
|
+
};
|
|
88
|
+
|
|
89
|
+
export default SignIn;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { useSignedIn } from "@webiny/app-cognito-authenticator/hooks/useSignedIn";
|
|
2
|
+
|
|
3
|
+
var SignedIn = function SignedIn(_ref) {
|
|
4
|
+
var children = _ref.children;
|
|
5
|
+
|
|
6
|
+
var _useSignedIn = useSignedIn(),
|
|
7
|
+
shouldRender = _useSignedIn.shouldRender;
|
|
8
|
+
|
|
9
|
+
return shouldRender ? children : null;
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export default SignedIn;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { LoginContent, Logo, Wrapper } from "./StyledComponents";
|
|
3
|
+
import logoOrange from "./webiny-orange-logo.svg";
|
|
4
|
+
|
|
5
|
+
var StateContainer = function StateContainer(_ref) {
|
|
6
|
+
var children = _ref.children;
|
|
7
|
+
return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(Logo, {
|
|
8
|
+
src: logoOrange
|
|
9
|
+
}), /*#__PURE__*/React.createElement(LoginContent, null, children));
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export default StateContainer;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Wrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultValue" | "id" | "onError" | "className" | "placeholder" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
|
|
3
|
+
export declare const Logo: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, Pick<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "loading" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "height" | "translate" | "width" | "children" | "defaultValue" | "id" | "onError" | "className" | "alt" | "crossOrigin" | "placeholder" | "sizes" | "src" | "srcSet" | "useMap" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "decoding" | "referrerPolicy">, object>;
|
|
4
|
+
export declare const LoginContent: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultValue" | "id" | "onError" | "className" | "placeholder" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
|
|
5
|
+
export declare const InnerContent: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultValue" | "id" | "onError" | "className" | "placeholder" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
|
|
6
|
+
export declare const Footer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultValue" | "id" | "onError" | "className" | "placeholder" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
|
|
7
|
+
export declare const Title: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultValue" | "id" | "onError" | "className" | "placeholder" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
|
|
8
|
+
export declare const alignRight: string;
|
|
9
|
+
export declare const alignCenter: string;
|
|
10
|
+
export declare const errorMessage: string;
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import styled from "@emotion/styled";
|
|
2
|
+
import { css } from "emotion";
|
|
3
|
+
export var Wrapper = /*#__PURE__*/styled("section", {
|
|
4
|
+
target: "exiqwj40",
|
|
5
|
+
label: "Wrapper"
|
|
6
|
+
})({
|
|
7
|
+
display: "flex",
|
|
8
|
+
flexDirection: "column",
|
|
9
|
+
justifyContent: "center",
|
|
10
|
+
minHeight: "100vh",
|
|
11
|
+
color: "var(--mdc-theme-on-surface)"
|
|
12
|
+
});
|
|
13
|
+
export var Logo = /*#__PURE__*/styled("img", {
|
|
14
|
+
target: "exiqwj41",
|
|
15
|
+
label: "Logo"
|
|
16
|
+
})({
|
|
17
|
+
margin: "0 auto",
|
|
18
|
+
marginBottom: 30,
|
|
19
|
+
width: 125
|
|
20
|
+
});
|
|
21
|
+
export var LoginContent = /*#__PURE__*/styled("div", {
|
|
22
|
+
target: "exiqwj42",
|
|
23
|
+
label: "LoginContent"
|
|
24
|
+
})({
|
|
25
|
+
width: "100%",
|
|
26
|
+
maxWidth: 500,
|
|
27
|
+
margin: "0 auto 25px auto",
|
|
28
|
+
".mdc-elevation--z2": {
|
|
29
|
+
borderRadius: 4,
|
|
30
|
+
boxShadow: "0 1px 3px 0 rgba(0,0,0,0.15)"
|
|
31
|
+
},
|
|
32
|
+
a: {
|
|
33
|
+
textDecoration: "none",
|
|
34
|
+
color: "var(--mdc-theme-primary)",
|
|
35
|
+
fontWeight: 600,
|
|
36
|
+
"&:hover": {
|
|
37
|
+
textDecoration: "underline"
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
export var InnerContent = /*#__PURE__*/styled("div", {
|
|
42
|
+
target: "exiqwj43",
|
|
43
|
+
label: "InnerContent"
|
|
44
|
+
})({
|
|
45
|
+
position: "relative",
|
|
46
|
+
padding: 25
|
|
47
|
+
});
|
|
48
|
+
export var Footer = /*#__PURE__*/styled("div", {
|
|
49
|
+
target: "exiqwj44",
|
|
50
|
+
label: "Footer"
|
|
51
|
+
})({
|
|
52
|
+
textAlign: "center",
|
|
53
|
+
marginBottom: 75,
|
|
54
|
+
a: {
|
|
55
|
+
textDecoration: "none",
|
|
56
|
+
color: "var(--mdc-theme-primary)"
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
export var Title = /*#__PURE__*/styled("div", {
|
|
60
|
+
target: "exiqwj45",
|
|
61
|
+
label: "Title"
|
|
62
|
+
})({
|
|
63
|
+
textAlign: "center",
|
|
64
|
+
margin: "10px 25px"
|
|
65
|
+
});
|
|
66
|
+
export var alignRight = /*#__PURE__*/css({
|
|
67
|
+
textAlign: "right"
|
|
68
|
+
}, "label:alignRight;");
|
|
69
|
+
export var alignCenter = /*#__PURE__*/css({
|
|
70
|
+
textAlign: "center"
|
|
71
|
+
}, "label:alignCenter;");
|
|
72
|
+
export var errorMessage = /*#__PURE__*/css({
|
|
73
|
+
color: "red"
|
|
74
|
+
}, "label:errorMessage;");
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg width="413px" height="136px" viewBox="0 0 413 136" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
|
+
<!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com -->
|
|
4
|
+
<title>Logo</title>
|
|
5
|
+
<desc>Created with Sketch.</desc>
|
|
6
|
+
<defs>
|
|
7
|
+
<path d="M113.8653,106.64105 L67.5565,133.37785 C63.1738,135.90765 57.7745,135.90765 53.3919,133.37785 L7.0822,106.64105 C2.6996,104.11045 -4.91085111e-15,99.43505 -4.60099098e-15,94.37465 L-1.32667732e-15,40.90105 C-1.01681719e-15,35.84065 2.6996,31.16455 7.0822,28.63475 L53.3919,1.89795 C57.7745,-0.63265 63.1738,-0.63265 67.5565,1.89795 L113.8653,28.63475 C118.248,31.16455 120.9476,35.84065 120.9476,40.90105 L120.9476,94.37465 C120.9476,99.43505 118.248,104.11045 113.8653,106.64105 Z M88.4639,45.0833 C84.9908,54.8825 81.4929,64.7065 77.9959,74.5412 L76.886,74.5412 C73.4006,64.6826 69.9035,54.8347 66.4181,45 L55.5444,45 C52.0111,54.9427 48.5141,64.7897 45.0171,74.6492 L44.002,74.6492 C40.4572,64.6941 36.9124,54.7398 33.4862,45.1311 L20.5,45.1311 C26.8146,63.214 32.9734,80.8434 39.1321,98.4728 L49.8507,98.4728 L60.4622,68.6446 L61.5366,68.6446 C65.0814,78.6475 68.6147,88.662 72.0878,98.4488 L82.8304,98.4488 C89.013,80.7477 95.1718,63.1068 101.4625,45.0833 L88.4639,45.0833 Z" id="path-1"></path>
|
|
8
|
+
</defs>
|
|
9
|
+
<g id="Page-3" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
10
|
+
<g id="Webiny-Logo-Icon" transform="translate(-95.000000, -227.000000)">
|
|
11
|
+
<g id="Logo" transform="translate(95.000000, 226.598492)">
|
|
12
|
+
<path d="M266.606118,87.28355 L266.606118,96.05205 L306.300318,96.05205 L306.300318,87.28355 L266.606118,87.28355 Z M306.344818,184.06705 L306.344818,174.89865 C298.508918,174.89865 291.063818,174.91595 283.618718,174.88955 C278.670418,174.86315 275.188318,171.34475 275.232818,166.50285 C275.268318,161.61645 277.746918,159.35135 283.255118,159.31585 C289.766718,159.27135 296.287518,159.31585 302.799918,159.28945 C303.981618,159.28045 305.163218,159.08495 306.291218,158.97865 L306.291218,150.41375 C305.935818,150.26285 305.749418,150.11195 305.562318,150.11195 C296.261118,150.08555 286.941718,149.93385 277.639718,150.11195 C273.109518,150.20105 269.564718,152.33255 267.663218,156.80175 C270.710818,161.37645 270.443718,166.44095 269.821918,171.51375 C269.306618,175.65395 269.591118,179.70425 270.488218,184.15535 C282.481618,184.11985 294.386818,184.25345 306.344818,184.06705 L306.344818,184.06705 Z M296.980918,141.51245 C300.836618,141.40525 303.670718,138.93565 305.305018,135.39085 C306.992918,131.73055 307.721818,127.83035 306.797518,123.92185 C306.033118,120.68785 304.638718,117.60475 303.483518,114.36255 C304.700618,112.95835 306.086718,111.35045 307.623718,109.59155 C305.651318,107.39735 303.954418,105.49595 302.258218,103.60355 C297.176418,107.65465 297.176418,107.65465 290.557518,107.65465 C283.734218,107.65465 276.902618,107.65465 270.080018,107.66375 C268.978418,107.66375 267.867718,107.76185 266.623418,107.82375 L266.623418,116.86765 L288.860518,116.86765 C293.693418,116.86765 296.936418,119.39085 298.153518,124.09915 C299.575018,129.60725 297.398218,132.48585 291.730018,132.50405 C284.498518,132.53045 277.258018,132.50405 270.017418,132.52135 C268.915718,132.52135 267.814118,132.62775 266.695218,132.69035 L266.695218,141.59245 C276.947118,141.59245 286.968118,141.76975 296.980918,141.51245 L296.980918,141.51245 Z M298.615218,22.89265 C298.313418,27.28095 296.536518,28.97795 292.085418,28.67535 C287.617118,24.23335 289.509518,18.71695 289.206918,13.51965 C294.724118,13.89235 298.935218,18.21895 298.615218,22.89265 L298.615218,22.89265 Z M278.475018,35.66775 C277.497918,33.41995 276.591718,31.45665 275.800918,29.44875 C274.548418,26.30385 274.183918,23.04355 274.859318,19.70315 C275.525518,16.38015 277.116118,14.78125 280.624718,14.15045 C280.624718,16.04285 280.633818,17.87265 280.624718,19.69405 C280.581018,23.99425 281.184618,28.16905 283.227918,32.00745 C287.412618,39.85165 298.242518,40.82045 303.430718,33.72175 C308.938918,26.19665 308.468118,14.96765 300.729418,8.46425 C294.928618,3.59595 288.140718,2.64525 280.873718,3.80955 C274.939318,4.76845 270.452718,7.83345 267.778718,13.17335 C263.976518,20.76025 265.993518,33.50895 271.980718,40.13605 C274.131218,38.65265 276.307218,37.15115 278.475018,35.66775 L278.475018,35.66775 Z M283.272418,203.75375 C289.118618,201.22155 293.018018,194.18545 292.111818,187.73565 C292.031818,187.15845 291.668218,186.62575 291.383718,185.96775 L282.339818,185.96775 C282.535218,187.18485 282.775218,188.18915 282.837018,189.20175 C282.997018,191.74225 281.619918,194.22995 279.639318,195.13615 C277.417918,196.15785 274.246618,195.57155 272.531518,193.61735 C271.669818,192.63115 270.799118,191.45855 270.470918,190.22335 C269.680118,187.25575 268.826718,184.21795 268.703018,181.17035 C268.463018,175.60035 268.826718,170.00315 268.658518,164.42405 C268.515818,159.91125 266.206218,155.66465 262.350518,153.31875 C255.651618,149.25025 246.359518,151.15995 241.845818,157.30805 C237.466518,163.27795 238.248218,172.18005 243.685418,177.46555 C247.603018,181.27755 252.489418,182.92095 258.103918,183.78265 L258.103918,174.46325 C257.091418,174.14335 255.891618,173.85885 254.763618,173.39715 C253.528418,172.89085 252.267618,172.36635 251.174218,171.62015 C248.473718,169.77225 247.585718,166.45005 248.891018,163.68695 C249.921718,161.50095 252.915718,160.06205 255.429818,160.54195 C258.512918,161.12825 259.605518,162.70985 259.614518,166.72545 C259.631918,172.41095 259.436418,178.09635 259.623618,183.77355 C259.819018,189.45975 261.453318,194.77175 265.042718,199.31185 C269.271118,204.66905 276.928918,206.49875 283.272418,203.75375 L283.272418,203.75375 Z M278.448618,69.76465 C275.330118,67.39235 274.530318,64.05205 274.548418,60.41815 C274.557518,58.66835 274.832918,56.91785 275.028318,54.65275 C281.238218,54.65275 287.226218,54.42185 293.187118,54.75085 C296.145618,54.90995 297.789018,57.48675 298.553418,60.16085 C299.450518,63.27945 299.192418,66.34435 296.651918,68.78755 C292.307218,72.94505 283.255118,73.41585 278.448618,69.76465 L278.448618,69.76465 Z M291.863618,81.19825 C302.133718,79.71485 308.308118,71.94075 307.703718,61.64425 C307.570118,59.41465 306.851118,57.22045 306.317618,54.63455 L323.117418,54.63455 L323.117418,45.24435 L268.045018,45.24435 C266.579718,49.45545 265.513518,57.99305 265.859918,62.26605 C266.686118,72.48325 271.847918,78.95045 281.415518,80.94915 C284.783018,81.65995 288.451518,81.69545 291.863618,81.19825 L291.863618,81.19825 Z M306.309318,-6.53145 C299.015218,-9.11735 291.703718,-11.71965 284.383118,-14.32285 L284.383118,-15.14905 C291.721018,-17.74325 299.050618,-20.34635 306.371218,-22.94045 L306.371218,-31.03365 C298.970618,-33.66405 291.641018,-36.26645 284.303118,-38.86965 L284.303118,-39.62495 C291.712718,-42.26355 299.121518,-44.90215 306.273118,-47.45175 L306.273118,-57.11745 C292.814418,-52.41815 279.692118,-47.83355 266.570718,-43.24975 L266.570718,-35.27195 L288.771518,-27.37345 L288.771518,-26.57435 C281.327218,-23.93575 273.873118,-21.30615 266.588018,-18.72035 L266.588018,-10.72525 C279.763018,-6.12335 292.894318,-1.53865 306.309318,3.14325 L306.309318,-6.53145 Z" id="Fill-15" fill="#FA5A28" transform="translate(281.068188, 73.950738) rotate(-90.000000) translate(-281.068188, -73.950738) "></path>
|
|
13
|
+
<g id="Webiny-Icon-Orange" transform="translate(-0.000000, 0.901508)">
|
|
14
|
+
<mask id="mask-2" fill="white">
|
|
15
|
+
<use xlink:href="#path-1"></use>
|
|
16
|
+
</mask>
|
|
17
|
+
<use id="Mask" fill="#FA5A28" fill-rule="evenodd" xlink:href="#path-1"></use>
|
|
18
|
+
<g id="Orange" mask="url(#mask-2)"></g>
|
|
19
|
+
</g>
|
|
20
|
+
</g>
|
|
21
|
+
</g>
|
|
22
|
+
</g>
|
|
23
|
+
</svg>
|