phx-react 1.3.31 → 1.3.32
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.
|
@@ -11,63 +11,64 @@ var Input_1 = require("../Input");
|
|
|
11
11
|
var solid_1 = require("@heroicons/react/24/solid");
|
|
12
12
|
var Button_1 = require("../Button");
|
|
13
13
|
var queryLogin_1 = require("../../utils/queryLogin");
|
|
14
|
+
var Banner_1 = require("../Banner");
|
|
14
15
|
var PHXLogin = function (props) {
|
|
15
16
|
var logo = props.logo, banner = props.banner, router = props.router, redirectPath = props.redirectPath;
|
|
16
17
|
var _a = (0, react_1.useState)(false), showPassword = _a[0], setShowPassword = _a[1];
|
|
17
18
|
var _b = (0, react_1.useState)(false), remember = _b[0], setRemember = _b[1];
|
|
18
|
-
var _c = (0,
|
|
19
|
+
var _c = (0, react_1.useState)(false), loading = _c[0], setLoading = _c[1];
|
|
20
|
+
var _d = (0, react_1.useState)(false), loginError = _d[0], setLoginError = _d[1];
|
|
21
|
+
var _e = (0, react_hook_form_1.useForm)(), handleSubmit = _e.handleSubmit, register = _e.register, errors = _e.formState.errors;
|
|
19
22
|
var handleClickShowPassword = function () {
|
|
20
23
|
setShowPassword(!showPassword);
|
|
21
24
|
};
|
|
25
|
+
var authCookies = js_cookie_1["default"].get('isLoggedIn');
|
|
26
|
+
var authSession = sessionStorage.getItem('isLoggedIn');
|
|
22
27
|
var loginAction = (0, client_1.useLazyQuery)(queryLogin_1.getUserInfo, {
|
|
23
28
|
fetchPolicy: 'network-only'
|
|
24
29
|
})[0];
|
|
25
30
|
var onSubmitForm = function (values) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
|
|
26
|
-
var email, password
|
|
31
|
+
var email, password;
|
|
27
32
|
return tslib_1.__generator(this, function (_a) {
|
|
28
33
|
switch (_a.label) {
|
|
29
34
|
case 0:
|
|
30
35
|
email = values.email, password = values.password;
|
|
31
|
-
|
|
32
|
-
case 1:
|
|
33
|
-
_a.trys.push([1, 3, , 4]);
|
|
36
|
+
setLoading(true);
|
|
34
37
|
return [4 /*yield*/, loginAction({
|
|
35
38
|
variables: {
|
|
36
39
|
email: email,
|
|
37
40
|
password: password
|
|
38
41
|
}
|
|
39
|
-
})
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
42
|
+
})
|
|
43
|
+
.then(function (res) {
|
|
44
|
+
var _a, _b;
|
|
45
|
+
if (((_a = res.data.users) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
46
|
+
setLoginError(false);
|
|
47
|
+
var userObjectString = JSON.stringify(res.data.users[0]);
|
|
48
|
+
if (remember) {
|
|
49
|
+
js_cookie_1["default"].set('isLoggedIn', userObjectString, { expires: 365 });
|
|
50
|
+
}
|
|
51
|
+
else {
|
|
52
|
+
sessionStorage.setItem('isLoggedIn', userObjectString);
|
|
53
|
+
}
|
|
54
|
+
if (authCookies || authSession) {
|
|
55
|
+
router.push(redirectPath);
|
|
56
|
+
}
|
|
52
57
|
}
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
js_cookie_1["default"].set('isLoggedIn', userObjectString);
|
|
56
|
-
auth = js_cookie_1["default"].get('isLoggedIn');
|
|
57
|
-
if (auth === 'undefined') {
|
|
58
|
-
console.log('Login error!');
|
|
58
|
+
else if (((_b = res.data) === null || _b === void 0 ? void 0 : _b.users.length) === 0) {
|
|
59
|
+
setLoginError(true);
|
|
59
60
|
}
|
|
60
61
|
else {
|
|
61
|
-
|
|
62
|
+
console.log('login error');
|
|
62
63
|
}
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
64
|
+
})["catch"](function (err) {
|
|
65
|
+
setLoginError(true);
|
|
66
|
+
console.log(err);
|
|
67
|
+
})];
|
|
68
|
+
case 1:
|
|
69
|
+
_a.sent();
|
|
70
|
+
setLoading(false);
|
|
71
|
+
return [2 /*return*/];
|
|
71
72
|
}
|
|
72
73
|
});
|
|
73
74
|
}); };
|
|
@@ -78,6 +79,7 @@ var PHXLogin = function (props) {
|
|
|
78
79
|
react_1["default"].createElement("div", { className: 'flex flex-col items-center' },
|
|
79
80
|
react_1["default"].createElement("img", { className: 'h-[4rem] w-auto', src: logo !== null && logo !== void 0 ? logo : 'https://static-data.phx.asia/iris/iris-logo.png', alt: 'logo' }),
|
|
80
81
|
react_1["default"].createElement("h2", { className: 'mt-8 text-2xl font-bold leading-9 tracking-tight text-gray-900' }, "\u0110\u0103ng nh\u1EADp")),
|
|
82
|
+
loginError && (react_1["default"].createElement(Banner_1.PHXBanner, { className: 'mt-10', onClose: function () { return setLoginError(false); }, type: 'danger', title: '\u0110\u0103ng nh\u1EADp th\u1EA5t b\u1EA1i!', description: 'Th\u00F4ng tin t\u00E0i kho\u1EA3n kh\u00F4ng ch\u00EDnh x\u00E1c!' })),
|
|
81
83
|
react_1["default"].createElement("div", { className: 'mt-10' },
|
|
82
84
|
react_1["default"].createElement(FormWrap_1.PHXFormWrap, { headerAction: false, footerAction: false, submit: true, onSubmit: handleSubmit(onSubmitForm) },
|
|
83
85
|
react_1["default"].createElement("div", { className: 'space-y-6' },
|
|
@@ -98,9 +100,11 @@ var PHXLogin = function (props) {
|
|
|
98
100
|
}), label: 'Password', type: showPassword ? 'text' : 'password', id: 'password' })),
|
|
99
101
|
react_1["default"].createElement("div", { className: 'flex items-center justify-between' },
|
|
100
102
|
react_1["default"].createElement("div", { className: 'flex items-center' },
|
|
101
|
-
react_1["default"].createElement("input", { onChange: function (e) { return setRemember(e.target.checked); },
|
|
103
|
+
react_1["default"].createElement("input", { onChange: function (e) { return setRemember(e.target.checked); },
|
|
104
|
+
// change id
|
|
105
|
+
id: 'remember-me', name: 'remember-me', type: 'checkbox', className: 'h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600' }),
|
|
102
106
|
react_1["default"].createElement("label", { id: 'remember-me', className: 'ml-3 block text-sm leading-6 text-gray-900' }, "Ghi nh\u1EDB t\u00E0i kho\u1EA3n"))),
|
|
103
|
-
react_1["default"].createElement(Button_1.PHXButton, { className: 'flex w-full justify-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600', primary: true, submit: true, size: 'large' }, "\u0110\u0103ng nh\u1EADp"))),
|
|
107
|
+
react_1["default"].createElement(Button_1.PHXButton, { loading: loading, className: 'flex w-full justify-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600', primary: true, submit: true, size: 'large' }, "\u0110\u0103ng nh\u1EADp"))),
|
|
104
108
|
react_1["default"].createElement("div", { className: 'mt-10' },
|
|
105
109
|
react_1["default"].createElement("div", { className: 'relative' },
|
|
106
110
|
react_1["default"].createElement("div", { className: 'absolute inset-0 flex items-center', "aria-hidden": 'true' })))))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Login.js","sourceRoot":"","sources":["../../../../src/components/Login/Login.tsx"],"names":[],"mappings":";;;;AAAA,qDAAuC;AACvC,yCAA6C;AAC7C,gEAA+B;AAC/B,mDAAyC;AACzC,wCAAyC;AACzC,kCAAmC;AACnC,mDAAiE;AACjE,oCAAqC;AACrC,qDAAoD;
|
|
1
|
+
{"version":3,"file":"Login.js","sourceRoot":"","sources":["../../../../src/components/Login/Login.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,63 +8,64 @@ import { PHXInput } from '../Input';
|
|
|
8
8
|
import { EyeIcon, EyeSlashIcon } from '@heroicons/react/24/solid';
|
|
9
9
|
import { PHXButton } from '../Button';
|
|
10
10
|
import { getUserInfo } from '../../utils/queryLogin';
|
|
11
|
+
import { PHXBanner } from '../Banner';
|
|
11
12
|
export var PHXLogin = function (props) {
|
|
12
13
|
var logo = props.logo, banner = props.banner, router = props.router, redirectPath = props.redirectPath;
|
|
13
14
|
var _a = useState(false), showPassword = _a[0], setShowPassword = _a[1];
|
|
14
15
|
var _b = useState(false), remember = _b[0], setRemember = _b[1];
|
|
15
|
-
var _c =
|
|
16
|
+
var _c = useState(false), loading = _c[0], setLoading = _c[1];
|
|
17
|
+
var _d = useState(false), loginError = _d[0], setLoginError = _d[1];
|
|
18
|
+
var _e = useForm(), handleSubmit = _e.handleSubmit, register = _e.register, errors = _e.formState.errors;
|
|
16
19
|
var handleClickShowPassword = function () {
|
|
17
20
|
setShowPassword(!showPassword);
|
|
18
21
|
};
|
|
22
|
+
var authCookies = Cookies.get('isLoggedIn');
|
|
23
|
+
var authSession = sessionStorage.getItem('isLoggedIn');
|
|
19
24
|
var loginAction = useLazyQuery(getUserInfo, {
|
|
20
25
|
fetchPolicy: 'network-only'
|
|
21
26
|
})[0];
|
|
22
27
|
var onSubmitForm = function (values) { return __awaiter(void 0, void 0, void 0, function () {
|
|
23
|
-
var email, password
|
|
28
|
+
var email, password;
|
|
24
29
|
return __generator(this, function (_a) {
|
|
25
30
|
switch (_a.label) {
|
|
26
31
|
case 0:
|
|
27
32
|
email = values.email, password = values.password;
|
|
28
|
-
|
|
29
|
-
case 1:
|
|
30
|
-
_a.trys.push([1, 3, , 4]);
|
|
33
|
+
setLoading(true);
|
|
31
34
|
return [4 /*yield*/, loginAction({
|
|
32
35
|
variables: {
|
|
33
36
|
email: email,
|
|
34
37
|
password: password
|
|
35
38
|
}
|
|
36
|
-
})
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
39
|
+
})
|
|
40
|
+
.then(function (res) {
|
|
41
|
+
var _a, _b;
|
|
42
|
+
if (((_a = res.data.users) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
43
|
+
setLoginError(false);
|
|
44
|
+
var userObjectString = JSON.stringify(res.data.users[0]);
|
|
45
|
+
if (remember) {
|
|
46
|
+
Cookies.set('isLoggedIn', userObjectString, { expires: 365 });
|
|
47
|
+
}
|
|
48
|
+
else {
|
|
49
|
+
sessionStorage.setItem('isLoggedIn', userObjectString);
|
|
50
|
+
}
|
|
51
|
+
if (authCookies || authSession) {
|
|
52
|
+
router.push(redirectPath);
|
|
53
|
+
}
|
|
49
54
|
}
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
Cookies.set('isLoggedIn', userObjectString);
|
|
53
|
-
auth = Cookies.get('isLoggedIn');
|
|
54
|
-
if (auth === 'undefined') {
|
|
55
|
-
console.log('Login error!');
|
|
55
|
+
else if (((_b = res.data) === null || _b === void 0 ? void 0 : _b.users.length) === 0) {
|
|
56
|
+
setLoginError(true);
|
|
56
57
|
}
|
|
57
58
|
else {
|
|
58
|
-
|
|
59
|
+
console.log('login error');
|
|
59
60
|
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
61
|
+
})["catch"](function (err) {
|
|
62
|
+
setLoginError(true);
|
|
63
|
+
console.log(err);
|
|
64
|
+
})];
|
|
65
|
+
case 1:
|
|
66
|
+
_a.sent();
|
|
67
|
+
setLoading(false);
|
|
68
|
+
return [2 /*return*/];
|
|
68
69
|
}
|
|
69
70
|
});
|
|
70
71
|
}); };
|
|
@@ -75,6 +76,7 @@ export var PHXLogin = function (props) {
|
|
|
75
76
|
React.createElement("div", { className: 'flex flex-col items-center' },
|
|
76
77
|
React.createElement("img", { className: 'h-[4rem] w-auto', src: logo !== null && logo !== void 0 ? logo : 'https://static-data.phx.asia/iris/iris-logo.png', alt: 'logo' }),
|
|
77
78
|
React.createElement("h2", { className: 'mt-8 text-2xl font-bold leading-9 tracking-tight text-gray-900' }, "\u0110\u0103ng nh\u1EADp")),
|
|
79
|
+
loginError && (React.createElement(PHXBanner, { className: 'mt-10', onClose: function () { return setLoginError(false); }, type: 'danger', title: '\u0110\u0103ng nh\u1EADp th\u1EA5t b\u1EA1i!', description: 'Th\u00F4ng tin t\u00E0i kho\u1EA3n kh\u00F4ng ch\u00EDnh x\u00E1c!' })),
|
|
78
80
|
React.createElement("div", { className: 'mt-10' },
|
|
79
81
|
React.createElement(PHXFormWrap, { headerAction: false, footerAction: false, submit: true, onSubmit: handleSubmit(onSubmitForm) },
|
|
80
82
|
React.createElement("div", { className: 'space-y-6' },
|
|
@@ -95,9 +97,11 @@ export var PHXLogin = function (props) {
|
|
|
95
97
|
}), label: 'Password', type: showPassword ? 'text' : 'password', id: 'password' })),
|
|
96
98
|
React.createElement("div", { className: 'flex items-center justify-between' },
|
|
97
99
|
React.createElement("div", { className: 'flex items-center' },
|
|
98
|
-
React.createElement("input", { onChange: function (e) { return setRemember(e.target.checked); },
|
|
100
|
+
React.createElement("input", { onChange: function (e) { return setRemember(e.target.checked); },
|
|
101
|
+
// change id
|
|
102
|
+
id: 'remember-me', name: 'remember-me', type: 'checkbox', className: 'h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600' }),
|
|
99
103
|
React.createElement("label", { id: 'remember-me', className: 'ml-3 block text-sm leading-6 text-gray-900' }, "Ghi nh\u1EDB t\u00E0i kho\u1EA3n"))),
|
|
100
|
-
React.createElement(PHXButton, { className: 'flex w-full justify-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600', primary: true, submit: true, size: 'large' }, "\u0110\u0103ng nh\u1EADp"))),
|
|
104
|
+
React.createElement(PHXButton, { loading: loading, className: 'flex w-full justify-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600', primary: true, submit: true, size: 'large' }, "\u0110\u0103ng nh\u1EADp"))),
|
|
101
105
|
React.createElement("div", { className: 'mt-10' },
|
|
102
106
|
React.createElement("div", { className: 'relative' },
|
|
103
107
|
React.createElement("div", { className: 'absolute inset-0 flex items-center', "aria-hidden": 'true' })))))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Login.js","sourceRoot":"","sources":["../../../../src/components/Login/Login.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;
|
|
1
|
+
{"version":3,"file":"Login.js","sourceRoot":"","sources":["../../../../src/components/Login/Login.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "phx-react",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.32",
|
|
4
4
|
"description": "PHX REACT",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
@@ -91,6 +91,5 @@
|
|
|
91
91
|
"plugin:storybook/recommended"
|
|
92
92
|
]
|
|
93
93
|
},
|
|
94
|
-
"dependencies": {
|
|
95
|
-
|
|
96
|
-
}
|
|
94
|
+
"dependencies": {}
|
|
95
|
+
}
|