phx-react 1.3.698 → 1.3.699
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/dist/cjs/components/Func/clientMutationV3.d.ts +5 -0
- package/dist/cjs/components/Func/clientMutationV3.js +48 -0
- package/dist/cjs/components/Func/clientMutationV3.js.map +1 -0
- package/dist/cjs/components/Func/clientQueryV3.d.ts +5 -0
- package/dist/cjs/components/Func/clientQueryV3.js +48 -0
- package/dist/cjs/components/Func/clientQueryV3.js.map +1 -0
- package/dist/cjs/components/LoginSsoV3/index.d.ts +1 -0
- package/dist/cjs/components/LoginSsoV3/index.js +5 -0
- package/dist/cjs/components/LoginSsoV3/index.js.map +1 -0
- package/dist/cjs/components/LoginSsoV3/login-sso-v3.d.ts +11 -0
- package/dist/cjs/components/LoginSsoV3/login-sso-v3.js +97 -0
- package/dist/cjs/components/LoginSsoV3/login-sso-v3.js.map +1 -0
- package/dist/cjs/components/LoginV3/LoginV3.d.ts +10 -0
- package/dist/cjs/components/LoginV3/LoginV3.js +136 -0
- package/dist/cjs/components/LoginV3/LoginV3.js.map +1 -0
- package/dist/cjs/components/LoginV3/index.d.ts +1 -0
- package/dist/cjs/components/LoginV3/index.js +5 -0
- package/dist/cjs/components/LoginV3/index.js.map +1 -0
- package/dist/cjs/components/LoginV3/login-style.d.ts +6 -0
- package/dist/cjs/components/LoginV3/login-style.js +15 -0
- package/dist/cjs/components/LoginV3/login-style.js.map +1 -0
- package/dist/cjs/index.d.ts +5 -1
- package/dist/cjs/index.js +10 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/query/index.d.ts +1 -0
- package/dist/cjs/query/index.js +5 -0
- package/dist/cjs/query/index.js.map +1 -0
- package/dist/esm/components/Func/clientMutationV3.d.ts +5 -0
- package/dist/esm/components/Func/clientMutationV3.js +45 -0
- package/dist/esm/components/Func/clientMutationV3.js.map +1 -0
- package/dist/esm/components/Func/clientQueryV3.d.ts +5 -0
- package/dist/esm/components/Func/clientQueryV3.js +45 -0
- package/dist/esm/components/Func/clientQueryV3.js.map +1 -0
- package/dist/esm/components/LoginSsoV3/index.d.ts +1 -0
- package/dist/esm/components/LoginSsoV3/index.js +2 -0
- package/dist/esm/components/LoginSsoV3/index.js.map +1 -0
- package/dist/esm/components/LoginSsoV3/login-sso-v3.d.ts +11 -0
- package/dist/esm/components/LoginSsoV3/login-sso-v3.js +93 -0
- package/dist/esm/components/LoginSsoV3/login-sso-v3.js.map +1 -0
- package/dist/esm/components/LoginV3/LoginV3.d.ts +10 -0
- package/dist/esm/components/LoginV3/LoginV3.js +132 -0
- package/dist/esm/components/LoginV3/LoginV3.js.map +1 -0
- package/dist/esm/components/LoginV3/index.d.ts +1 -0
- package/dist/esm/components/LoginV3/index.js +2 -0
- package/dist/esm/components/LoginV3/index.js.map +1 -0
- package/dist/esm/components/LoginV3/login-style.d.ts +6 -0
- package/dist/esm/components/LoginV3/login-style.js +12 -0
- package/dist/esm/components/LoginV3/login-style.js.map +1 -0
- package/dist/esm/index.d.ts +5 -1
- package/dist/esm/index.js +5 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/query/index.d.ts +1 -0
- package/dist/esm/query/index.js +2 -0
- package/dist/esm/query/index.js.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var read_env_config_1 = require("../../read-env-config");
|
|
5
|
+
var axios_1 = tslib_1.__importDefault(require("axios"));
|
|
6
|
+
function PHXClientMutationV3(_a) {
|
|
7
|
+
var query = _a.query, variables = _a.variables, _b = _a.isDelay, isDelay = _b === void 0 ? true : _b;
|
|
8
|
+
return tslib_1.__awaiter(this, void 0, void 0, function () {
|
|
9
|
+
var mutationResult, startTime, urlApiGateway, error_1, endTime, duration;
|
|
10
|
+
return tslib_1.__generator(this, function (_c) {
|
|
11
|
+
switch (_c.label) {
|
|
12
|
+
case 0:
|
|
13
|
+
startTime = performance.now();
|
|
14
|
+
urlApiGateway = (0, read_env_config_1.getEnv)('NEXT_PUBLIC_API_GATEWAY', process.env.NEXT_PUBLIC_API_GATEWAY);
|
|
15
|
+
_c.label = 1;
|
|
16
|
+
case 1:
|
|
17
|
+
_c.trys.push([1, 3, , 4]);
|
|
18
|
+
return [4 /*yield*/, axios_1["default"].post("".concat(urlApiGateway, "/mutation"), {
|
|
19
|
+
source: 'dashboard',
|
|
20
|
+
query: query,
|
|
21
|
+
variables: variables
|
|
22
|
+
}, {
|
|
23
|
+
headers: {
|
|
24
|
+
'Content-Type': 'application/json'
|
|
25
|
+
}
|
|
26
|
+
})];
|
|
27
|
+
case 2:
|
|
28
|
+
mutationResult = _c.sent();
|
|
29
|
+
return [3 /*break*/, 4];
|
|
30
|
+
case 3:
|
|
31
|
+
error_1 = _c.sent();
|
|
32
|
+
throw new Error('Error with Axios request: ' + error_1.message);
|
|
33
|
+
case 4:
|
|
34
|
+
endTime = performance.now();
|
|
35
|
+
duration = endTime - startTime;
|
|
36
|
+
if (!(duration < 100 && isDelay)) return [3 /*break*/, 6];
|
|
37
|
+
console.info('promise delay...');
|
|
38
|
+
return [4 /*yield*/, new Promise(function (r) { return setTimeout(r, 100); })];
|
|
39
|
+
case 5:
|
|
40
|
+
_c.sent();
|
|
41
|
+
_c.label = 6;
|
|
42
|
+
case 6: return [2 /*return*/, mutationResult];
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
exports["default"] = PHXClientMutationV3;
|
|
48
|
+
//# sourceMappingURL=clientMutationV3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"clientMutationV3.js","sourceRoot":"","sources":["../../../../src/components/Func/clientMutationV3.ts"],"names":[],"mappings":";;;AAAA,yDAA8C;AAC9C,wDAAyB;AAEzB,SAA8B,mBAAmB,CAAC,EAQjD;QAPC,KAAK,WAAA,EACL,SAAS,eAAA,EACT,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA;;;;;;oBAOR,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAC7B,aAAa,GAAG,IAAA,wBAAM,EAAC,yBAAyB,EAAE,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAA;;;;oBAGzE,qBAAM,kBAAK,CAAC,IAAI,CAC/B,UAAG,aAAa,cAAW,EAC3B;4BACE,MAAM,EAAE,WAAW;4BACnB,KAAK,EAAE,KAAK;4BACZ,SAAS,WAAA;yBACV,EACD;4BACE,OAAO,EAAE;gCACP,cAAc,EAAE,kBAAkB;6BACnC;yBACF,CACF,EAAA;;oBAZD,cAAc,GAAG,SAYhB,CAAA;;;;oBAED,MAAM,IAAI,KAAK,CAAC,4BAA4B,GAAG,OAAK,CAAC,OAAO,CAAC,CAAA;;oBAGzD,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAC3B,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;yBAEhC,CAAA,QAAQ,GAAG,GAAG,IAAI,OAAO,CAAA,EAAzB,wBAAyB;oBAC3B,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;oBAChC,qBAAM,IAAI,OAAO,CAAC,UAAC,CAAC,IAAK,OAAA,UAAU,CAAC,CAAC,EAAE,GAAG,CAAC,EAAlB,CAAkB,CAAC,EAAA;;oBAA5C,SAA4C,CAAA;;wBAE9C,sBAAO,cAAc,EAAA;;;;CACtB;AAvCD,yCAuCC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var read_env_config_1 = require("../../read-env-config");
|
|
5
|
+
var axios_1 = tslib_1.__importDefault(require("axios"));
|
|
6
|
+
function PHXClientQueryV3(_a) {
|
|
7
|
+
var query = _a.query, variables = _a.variables, _b = _a.isDelay, isDelay = _b === void 0 ? true : _b;
|
|
8
|
+
return tslib_1.__awaiter(this, void 0, void 0, function () {
|
|
9
|
+
var startTime, queryResult, urlApiGateway, error_1, endTime, duration;
|
|
10
|
+
return tslib_1.__generator(this, function (_c) {
|
|
11
|
+
switch (_c.label) {
|
|
12
|
+
case 0:
|
|
13
|
+
startTime = performance.now();
|
|
14
|
+
urlApiGateway = (0, read_env_config_1.getEnv)('NEXT_PUBLIC_API_GATEWAY', process.env.NEXT_PUBLIC_API_GATEWAY);
|
|
15
|
+
_c.label = 1;
|
|
16
|
+
case 1:
|
|
17
|
+
_c.trys.push([1, 3, , 4]);
|
|
18
|
+
return [4 /*yield*/, axios_1["default"].post("".concat(urlApiGateway, "/query"), {
|
|
19
|
+
source: 'dashboard',
|
|
20
|
+
query: query,
|
|
21
|
+
variables: variables
|
|
22
|
+
}, {
|
|
23
|
+
headers: {
|
|
24
|
+
'Content-Type': 'application/json'
|
|
25
|
+
}
|
|
26
|
+
})];
|
|
27
|
+
case 2:
|
|
28
|
+
queryResult = _c.sent();
|
|
29
|
+
return [3 /*break*/, 4];
|
|
30
|
+
case 3:
|
|
31
|
+
error_1 = _c.sent();
|
|
32
|
+
throw new Error('Error with Axios request: ' + error_1.message);
|
|
33
|
+
case 4:
|
|
34
|
+
endTime = performance.now();
|
|
35
|
+
duration = endTime - startTime;
|
|
36
|
+
if (!(duration < 100 && isDelay)) return [3 /*break*/, 6];
|
|
37
|
+
console.info('promise delay...');
|
|
38
|
+
return [4 /*yield*/, new Promise(function (r) { return setTimeout(r, 100); })];
|
|
39
|
+
case 5:
|
|
40
|
+
_c.sent();
|
|
41
|
+
_c.label = 6;
|
|
42
|
+
case 6: return [2 /*return*/, queryResult];
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
exports["default"] = PHXClientQueryV3;
|
|
48
|
+
//# sourceMappingURL=clientQueryV3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"clientQueryV3.js","sourceRoot":"","sources":["../../../../src/components/Func/clientQueryV3.ts"],"names":[],"mappings":";;;AAAA,yDAA8C;AAC9C,wDAAyB;AAEzB,SAA8B,gBAAgB,CAAC,EAQ9C;QAPC,KAAK,WAAA,EACL,SAAS,eAAA,EACT,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA;;;;;;oBAMR,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAE7B,aAAa,GAAG,IAAA,wBAAM,EAAC,yBAAyB,EAAE,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAA;;;;oBAG5E,qBAAM,kBAAK,CAAC,IAAI,CAC5B,UAAG,aAAa,WAAQ,EACxB;4BACE,MAAM,EAAE,WAAW;4BACnB,KAAK,EAAE,KAAK;4BACZ,SAAS,WAAA;yBACV,EACD;4BACE,OAAO,EAAE;gCACP,cAAc,EAAE,kBAAkB;6BACnC;yBACF,CACF,EAAA;;oBAZD,WAAW,GAAG,SAYb,CAAA;;;;oBAED,MAAM,IAAI,KAAK,CAAC,4BAA4B,GAAG,OAAK,CAAC,OAAO,CAAC,CAAA;;oBAGzD,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAC3B,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;yBAEhC,CAAA,QAAQ,GAAG,GAAG,IAAI,OAAO,CAAA,EAAzB,wBAAyB;oBAC3B,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;oBAChC,qBAAM,IAAI,OAAO,CAAC,UAAC,CAAC,IAAK,OAAA,UAAU,CAAC,CAAC,EAAE,GAAG,CAAC,EAAlB,CAAkB,CAAC,EAAA;;oBAA5C,SAA4C,CAAA;;wBAE9C,sBAAO,WAAW,EAAA;;;;CACnB;AAvCD,sCAuCC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './login-sso-v3';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LoginSsoV3/index.tsx"],"names":[],"mappings":";;;AAAA,yDAA8B"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type TPHXLoginSsoV3 = {
|
|
3
|
+
onClick: () => void;
|
|
4
|
+
dataSession: any;
|
|
5
|
+
logo?: any;
|
|
6
|
+
router?: any;
|
|
7
|
+
redirectPath?: any;
|
|
8
|
+
banner?: any;
|
|
9
|
+
};
|
|
10
|
+
export declare const PHXLoginSsoV3: (props: TPHXLoginSsoV3) => React.JSX.Element;
|
|
11
|
+
export default PHXLoginSsoV3;
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.PHXLoginSsoV3 = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
6
|
+
var js_cookie_1 = tslib_1.__importDefault(require("js-cookie"));
|
|
7
|
+
var Skeleton_1 = require("../Skeleton");
|
|
8
|
+
var Button_1 = require("../Button");
|
|
9
|
+
var Banner_1 = require("../Banner");
|
|
10
|
+
var read_env_config_1 = require("../../read-env-config");
|
|
11
|
+
var constants_1 = require("../../utils/constants");
|
|
12
|
+
var saveCookiesClient_1 = tslib_1.__importDefault(require("../Func/saveCookiesClient"));
|
|
13
|
+
var PHXLoginSsoV3 = function (props) {
|
|
14
|
+
var onClick = props.onClick, banner = props.banner, dataSession = props.dataSession, router = props.router, redirectPath = props.redirectPath, logo = props.logo;
|
|
15
|
+
var schoolLogo = (0, read_env_config_1.getEnv)('NEXT_PUBLIC_ENV_LOGIN_LOGO', process.env.NEXT_PUBLIC_ENV_LOGIN_LOGO);
|
|
16
|
+
var _a = (0, react_1.useState)(false), loading = _a[0], setLoading = _a[1];
|
|
17
|
+
var _b = (0, react_1.useState)(false), error = _b[0], setError = _b[1];
|
|
18
|
+
var cookie = js_cookie_1["default"].get(constants_1.isLoggedCookie);
|
|
19
|
+
var authToken = js_cookie_1["default"].get(constants_1.AUTH_TOKEN);
|
|
20
|
+
var handlerOnClick = function () {
|
|
21
|
+
setLoading(true);
|
|
22
|
+
onClick();
|
|
23
|
+
};
|
|
24
|
+
var handlerSaveCookies = function (session) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
|
|
25
|
+
var token, userInfo, valueAuthen, valueIsLogin;
|
|
26
|
+
var _a;
|
|
27
|
+
return tslib_1.__generator(this, function (_b) {
|
|
28
|
+
switch (_b.label) {
|
|
29
|
+
case 0:
|
|
30
|
+
token = session.data.token;
|
|
31
|
+
userInfo = token.userInfo;
|
|
32
|
+
if (!(userInfo && ((_a = userInfo === null || userInfo === void 0 ? void 0 : userInfo.roles) === null || _a === void 0 ? void 0 : _a[0].role_code))) return [3 /*break*/, 2];
|
|
33
|
+
valueAuthen = JSON.stringify(token);
|
|
34
|
+
(0, saveCookiesClient_1["default"])(constants_1.AUTH_TOKEN, valueAuthen, true);
|
|
35
|
+
valueIsLogin = JSON.stringify(userInfo);
|
|
36
|
+
(0, saveCookiesClient_1["default"])(constants_1.isLoggedCookie, valueIsLogin, true);
|
|
37
|
+
return [4 /*yield*/, dataSession.update({ name: null })];
|
|
38
|
+
case 1:
|
|
39
|
+
_b.sent();
|
|
40
|
+
router === null || router === void 0 ? void 0 : router.push(redirectPath);
|
|
41
|
+
return [3 /*break*/, 3];
|
|
42
|
+
case 2:
|
|
43
|
+
setError(true);
|
|
44
|
+
setLoading(false);
|
|
45
|
+
_b.label = 3;
|
|
46
|
+
case 3: return [2 /*return*/];
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
}); };
|
|
50
|
+
var handlerCheckLogin = function () {
|
|
51
|
+
var _a, _b;
|
|
52
|
+
if (!cookie || !authToken) {
|
|
53
|
+
if (dataSession.status === constants_1.AUTHENTICATED && ((_b = (_a = dataSession === null || dataSession === void 0 ? void 0 : dataSession.data) === null || _a === void 0 ? void 0 : _a.session.user) === null || _b === void 0 ? void 0 : _b.name)) {
|
|
54
|
+
setLoading(true);
|
|
55
|
+
handlerSaveCookies(dataSession);
|
|
56
|
+
}
|
|
57
|
+
else if (dataSession.status === 'loading') {
|
|
58
|
+
setLoading(true);
|
|
59
|
+
}
|
|
60
|
+
else {
|
|
61
|
+
setLoading(false);
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
else {
|
|
65
|
+
router === null || router === void 0 ? void 0 : router.push(redirectPath);
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
(0, react_1.useEffect)(function () {
|
|
69
|
+
handlerCheckLogin();
|
|
70
|
+
}, [dataSession]);
|
|
71
|
+
return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
72
|
+
react_1["default"].createElement("main", { className: 'flex min-h-full' },
|
|
73
|
+
react_1["default"].createElement("div", { className: 'm-auto flex h-[100vh] max-w-[100vw] flex-1 justify-center' },
|
|
74
|
+
react_1["default"].createElement("div", { className: 'flex flex-1 flex-col justify-center px-4 py-12 sm:px-6 lg:flex-none lg:px-20 xl:px-24' },
|
|
75
|
+
react_1["default"].createElement("div", { className: 'lg:w-76 w-full xl:w-96' },
|
|
76
|
+
react_1["default"].createElement("div", { className: 'flex flex-col' },
|
|
77
|
+
react_1["default"].createElement("img", { className: 'max-w-[240px] mb-3', src: logo !== null && logo !== void 0 ? logo : "".concat(schoolLogo), alt: 'logo' })),
|
|
78
|
+
react_1["default"].createElement("div", { className: 'mt-5' },
|
|
79
|
+
react_1["default"].createElement("div", { className: 'space-y-6' }, dataSession.status === 'loading' ? (react_1["default"].createElement(Skeleton_1.PHXSkeleton, { className: 'w-full', size: 'extra-large', type: 'only-header' })) : (react_1["default"].createElement(Button_1.PHXButton, { loading: loading, disabled: loading, onClick: function () { return handlerOnClick(); }, className: 'flex w-full justify-center items-center', primary: true, submit: true, size: 'medium' },
|
|
80
|
+
react_1["default"].createElement("div", { className: 'flex gap-2 items-center' },
|
|
81
|
+
react_1["default"].createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '14', height: '14', viewBox: '0 0 24 24', fill: 'none' },
|
|
82
|
+
react_1["default"].createElement("g", { clipPath: 'url(#clip0_1739_10008)' },
|
|
83
|
+
react_1["default"].createElement("path", { d: 'M12.75 11.25L24 11.25V0.75C24 0.336 23.664 0 23.25 0L12.75 0L12.75 11.25Z', fill: 'white' }),
|
|
84
|
+
react_1["default"].createElement("path", { d: 'M11.25 11.25L11.25 0L0.75 0C0.336 0 0 0.336 0 0.75L0 11.25L11.25 11.25Z', fill: 'white' }),
|
|
85
|
+
react_1["default"].createElement("path", { d: 'M11.25 12.75L0 12.75L0 23.25C0 23.664 0.336 24 0.75 24H11.25L11.25 12.75Z', fill: 'white' }),
|
|
86
|
+
react_1["default"].createElement("path", { d: 'M12.75 12.75L12.75 24H23.25C23.664 24 24 23.664 24 23.25V12.75L12.75 12.75Z', fill: 'white' })),
|
|
87
|
+
react_1["default"].createElement("defs", null,
|
|
88
|
+
react_1["default"].createElement("clipPath", { id: 'clip0_1739_10008' },
|
|
89
|
+
react_1["default"].createElement("rect", { width: '24', height: '24', fill: 'white' })))),
|
|
90
|
+
"\u0110\u0103ng nh\u1EADp b\u1EB1ng Microsoft")))),
|
|
91
|
+
react_1["default"].createElement(Banner_1.PHXBanner, { className: 'mt-3', onClose: function () { return setError(!error); }, description: 'T\u00E0i kho\u1EA3n n\u00E0y ch\u01B0a \u0111\u01B0\u1EE3c \u0111\u0103ng k\u00FD tr\u00EAn h\u1EC7 th\u00F4ng vui l\u00F2ng li\u00EAn h\u1EC7 qu\u1EA3n tr\u1ECB vi\u00EAn \u0111\u1EC3 ti\u1EBFp t\u1EE5c.', show: error, title: 'Th\u00F4ng b\u00E1o', type: 'warning' })))),
|
|
92
|
+
react_1["default"].createElement("div", { className: 'relative hidden w-0 flex-1 lg:block lg:w-full' },
|
|
93
|
+
react_1["default"].createElement("img", { className: 'absolute inset-0 h-full w-full object-cover', src: banner !== null && banner !== void 0 ? banner : 'https://images.unsplash.com/photo-1496917756835-20cb06e75b4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1908&q=80', alt: 'banner' }))))));
|
|
94
|
+
};
|
|
95
|
+
exports.PHXLoginSsoV3 = PHXLoginSsoV3;
|
|
96
|
+
exports["default"] = exports.PHXLoginSsoV3;
|
|
97
|
+
//# sourceMappingURL=login-sso-v3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"login-sso-v3.js","sourceRoot":"","sources":["../../../../src/components/LoginSsoV3/login-sso-v3.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface PHXLoginV3Props {
|
|
3
|
+
banner?: any;
|
|
4
|
+
logo?: any;
|
|
5
|
+
router?: any;
|
|
6
|
+
redirectPath?: any;
|
|
7
|
+
buttonColor?: any;
|
|
8
|
+
}
|
|
9
|
+
export declare const PHXLoginV3: (props: PHXLoginV3Props) => React.JSX.Element;
|
|
10
|
+
export default PHXLoginV3;
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.PHXLoginV3 = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
6
|
+
var react_hook_form_1 = require("react-hook-form");
|
|
7
|
+
var Input_1 = require("../Input");
|
|
8
|
+
var Button_1 = require("../Button");
|
|
9
|
+
var Banner_1 = require("../Banner");
|
|
10
|
+
var constants_1 = require("../../utils/constants");
|
|
11
|
+
var read_env_config_1 = require("../../read-env-config");
|
|
12
|
+
var saveCookiesClient_1 = tslib_1.__importDefault(require("../Func/saveCookiesClient"));
|
|
13
|
+
var Checkbox_1 = require("../Checkbox");
|
|
14
|
+
var login_style_1 = tslib_1.__importDefault(require("./login-style"));
|
|
15
|
+
var getLoginInfo_1 = tslib_1.__importDefault(require("../Func/getLoginInfo"));
|
|
16
|
+
var js_cookie_1 = tslib_1.__importDefault(require("js-cookie"));
|
|
17
|
+
var PHXLoginV3 = function (props) {
|
|
18
|
+
var logo = props.logo, banner = props.banner, router = props.router, redirectPath = props.redirectPath, buttonColor = props.buttonColor;
|
|
19
|
+
var _a = (0, react_1.useState)(true), remember = _a[0], setRemember = _a[1];
|
|
20
|
+
var _b = (0, react_1.useState)(false), loginError = _b[0], setLoginError = _b[1];
|
|
21
|
+
var _c = (0, react_1.useState)(false), loading = _c[0], setLoading = _c[1];
|
|
22
|
+
var authenCookies = (0, getLoginInfo_1["default"])();
|
|
23
|
+
var schoolLogo = (0, read_env_config_1.getEnv)('NEXT_PUBLIC_ENV_LOGIN_LOGO', process.env.NEXT_PUBLIC_ENV_LOGIN_LOGO);
|
|
24
|
+
var _d = (0, react_hook_form_1.useForm)(), handleSubmit = _d.handleSubmit, register = _d.register, errors = _d.formState.errors;
|
|
25
|
+
var uri = (0, read_env_config_1.getEnv)('NEXT_PUBLIC_API_GATEWAY', process.env.NEXT_PUBLIC_API_GATEWAY);
|
|
26
|
+
var getTokenInfo = function (email, password) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
|
|
27
|
+
var response, error_1;
|
|
28
|
+
return tslib_1.__generator(this, function (_a) {
|
|
29
|
+
switch (_a.label) {
|
|
30
|
+
case 0:
|
|
31
|
+
_a.trys.push([0, 3, , 4]);
|
|
32
|
+
return [4 /*yield*/, fetch("".concat(uri, "/authen/login"), {
|
|
33
|
+
headers: {
|
|
34
|
+
'Content-Type': 'application/json'
|
|
35
|
+
},
|
|
36
|
+
method: 'post',
|
|
37
|
+
body: JSON.stringify({
|
|
38
|
+
email: email,
|
|
39
|
+
password: password
|
|
40
|
+
})
|
|
41
|
+
})];
|
|
42
|
+
case 1:
|
|
43
|
+
response = _a.sent();
|
|
44
|
+
if (!response.ok)
|
|
45
|
+
return [2 /*return*/];
|
|
46
|
+
return [4 /*yield*/, response.json()];
|
|
47
|
+
case 2: return [2 /*return*/, _a.sent()];
|
|
48
|
+
case 3:
|
|
49
|
+
error_1 = _a.sent();
|
|
50
|
+
console.error(error_1);
|
|
51
|
+
return [2 /*return*/, null];
|
|
52
|
+
case 4: return [2 /*return*/];
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
}); };
|
|
56
|
+
var onSubmitForm = function (values) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
|
|
57
|
+
var email, password, tokenInfo, userInfo, userObjectString;
|
|
58
|
+
return tslib_1.__generator(this, function (_a) {
|
|
59
|
+
switch (_a.label) {
|
|
60
|
+
case 0:
|
|
61
|
+
email = values.email, password = values.password;
|
|
62
|
+
setLoading(true);
|
|
63
|
+
return [4 /*yield*/, getTokenInfo(email, password)
|
|
64
|
+
// sai thông tin đăng nhập
|
|
65
|
+
];
|
|
66
|
+
case 1:
|
|
67
|
+
tokenInfo = _a.sent();
|
|
68
|
+
// sai thông tin đăng nhập
|
|
69
|
+
if (!tokenInfo || (tokenInfo === null || tokenInfo === void 0 ? void 0 : tokenInfo.message)) {
|
|
70
|
+
console.log('login lỗi');
|
|
71
|
+
setLoginError(true);
|
|
72
|
+
setLoading(false);
|
|
73
|
+
return [2 /*return*/];
|
|
74
|
+
}
|
|
75
|
+
// ghi nhớ tài khoản
|
|
76
|
+
return [4 /*yield*/, (0, saveCookiesClient_1["default"])(constants_1.AUTH_TOKEN, JSON.stringify(tokenInfo), true)];
|
|
77
|
+
case 2:
|
|
78
|
+
// ghi nhớ tài khoản
|
|
79
|
+
_a.sent();
|
|
80
|
+
userInfo = tokenInfo.userInfo;
|
|
81
|
+
if (!(userInfo && userInfo.roles[0].role_code)) return [3 /*break*/, 4];
|
|
82
|
+
userObjectString = JSON.stringify(userInfo);
|
|
83
|
+
return [4 /*yield*/, (0, saveCookiesClient_1["default"])(constants_1.isLoggedCookie, userObjectString, true)];
|
|
84
|
+
case 3:
|
|
85
|
+
_a.sent();
|
|
86
|
+
setLoading(false);
|
|
87
|
+
setLoginError(false);
|
|
88
|
+
router.push(redirectPath);
|
|
89
|
+
return [3 /*break*/, 5];
|
|
90
|
+
case 4:
|
|
91
|
+
setLoginError(true);
|
|
92
|
+
setLoading(false);
|
|
93
|
+
_a.label = 5;
|
|
94
|
+
case 5: return [2 /*return*/];
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
}); };
|
|
98
|
+
var authenToken = typeof window !== 'undefined' && js_cookie_1["default"].get('authToken');
|
|
99
|
+
// nếu đã có token login thì push về dasboard
|
|
100
|
+
(0, react_1.useEffect)(function () {
|
|
101
|
+
if (authenCookies && authenToken) {
|
|
102
|
+
window.location.replace(redirectPath);
|
|
103
|
+
}
|
|
104
|
+
}, [authenCookies, authenToken]);
|
|
105
|
+
return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
106
|
+
react_1["default"].createElement(login_style_1["default"], { buttonColor: buttonColor }),
|
|
107
|
+
react_1["default"].createElement("main", { className: 'flex min-h-full' },
|
|
108
|
+
react_1["default"].createElement("div", { className: 'm-auto flex h-[100vh] max-w-[100vw] flex-1 justify-center' },
|
|
109
|
+
react_1["default"].createElement("div", { className: 'flex flex-1 flex-col justify-center px-4 py-12 sm:px-6 lg:flex-none lg:px-20 xl:px-24' },
|
|
110
|
+
react_1["default"].createElement("div", { className: 'lg:w-76 w-full xl:w-96' },
|
|
111
|
+
react_1["default"].createElement("div", { className: 'flex flex-col' },
|
|
112
|
+
react_1["default"].createElement("img", { className: 'max-w-[240px] mb-3', src: logo !== null && logo !== void 0 ? logo : "".concat(schoolLogo), alt: 'logo' }),
|
|
113
|
+
react_1["default"].createElement("h2", { style: { fontWeight: '600' }, className: 'mt-3 text-2xl leading-9 tracking-tight text-gray-900' }, "\u0110\u0103ng nh\u1EADp h\u1EC7 th\u1ED1ng"),
|
|
114
|
+
loginError && (react_1["default"].createElement("div", { className: 'w-full' },
|
|
115
|
+
react_1["default"].createElement(Banner_1.PHXBanner, { show: loginError, className: 'mt-4 mb-2', 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.' }))),
|
|
116
|
+
react_1["default"].createElement("form", { onSubmit: handleSubmit(onSubmitForm) },
|
|
117
|
+
react_1["default"].createElement("div", { className: 'space-y-6' },
|
|
118
|
+
react_1["default"].createElement("div", { className: 'mt-2' },
|
|
119
|
+
react_1["default"].createElement(Input_1.PHXInput, { errorType: 'custom-message', label: 'Email',
|
|
120
|
+
//@ts-ignore
|
|
121
|
+
error: errors.email, register: register('email', {
|
|
122
|
+
required: true
|
|
123
|
+
}), errorMessageCustom: 'Vui l\u00F2ng nh\u1EADp email' })),
|
|
124
|
+
react_1["default"].createElement(Input_1.PHXInput, { errorType: 'custom-message',
|
|
125
|
+
//@ts-ignore
|
|
126
|
+
error: errors.password, errorMessageCustom: 'Vui l\u00F2ng nh\u1EADp m\u1EADt kh\u1EA9u', register: register('password', {
|
|
127
|
+
required: true
|
|
128
|
+
}), label: 'Password', type: 'password', id: 'password' }),
|
|
129
|
+
react_1["default"].createElement(Checkbox_1.PHXCheckbox, { defaultChecked: remember, title: 'Ghi nh\u1EDB t\u00E0i kho\u1EA3n', onChange: function (e) { return setRemember(e.target.checked); } }),
|
|
130
|
+
react_1["default"].createElement(Button_1.PHXButton, { loading: loading, className: 'button-login 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")))))),
|
|
131
|
+
react_1["default"].createElement("div", { className: 'relative hidden w-0 flex-1 lg:block lg:w-full' },
|
|
132
|
+
react_1["default"].createElement("img", { className: 'absolute inset-0 h-full w-full object-cover', src: banner !== null && banner !== void 0 ? banner : 'https://images.unsplash.com/photo-1496917756835-20cb06e75b4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1908&q=80', alt: 'banner' }))))));
|
|
133
|
+
};
|
|
134
|
+
exports.PHXLoginV3 = PHXLoginV3;
|
|
135
|
+
exports["default"] = exports.PHXLoginV3;
|
|
136
|
+
//# sourceMappingURL=LoginV3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoginV3.js","sourceRoot":"","sources":["../../../../src/components/LoginV3/LoginV3.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './LoginV3';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LoginV3/index.ts"],"names":[],"mappings":";;;AAAA,oDAAyB"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
|
+
function LoginStyle(props) {
|
|
6
|
+
var buttonColor = props.buttonColor;
|
|
7
|
+
var hexColorPattern = /#[0-9A-Fa-f]{6}/g;
|
|
8
|
+
var containsHexColor = hexColorPattern.test(buttonColor);
|
|
9
|
+
var styleButton = containsHexColor
|
|
10
|
+
? "background: ".concat(buttonColor, "; \n box-shadow:none !important")
|
|
11
|
+
: "background-color: ".concat(buttonColor);
|
|
12
|
+
return (react_1["default"].createElement("style", null, "\n .button-login {\n ".concat(styleButton, "\n }\n ")));
|
|
13
|
+
}
|
|
14
|
+
exports["default"] = LoginStyle;
|
|
15
|
+
//# sourceMappingURL=login-style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"login-style.js","sourceRoot":"","sources":["../../../../src/components/LoginV3/login-style.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AAMzB,SAAS,UAAU,CAAC,KAAgC;IAC1C,IAAA,WAAW,GAAK,KAAK,YAAV,CAAU;IAC7B,IAAM,eAAe,GAAG,kBAAkB,CAAA;IAC1C,IAAM,gBAAgB,GAAG,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IAC1D,IAAM,WAAW,GAAG,gBAAgB;QAClC,CAAC,CAAC,sBAAe,WAAW,0CACE;QAC9B,CAAC,CAAC,4BAAqB,WAAW,CAAE,CAAA;IAEtC,OAAO,CACL,gDACG,2CAEG,WAAW,uBAEd,CACK,CACT,CAAA;AACH,CAAC;AAED,qBAAe,UAAU,CAAA"}
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -56,4 +56,8 @@ import PieChart from './components/Chart/PieChart/PieChart';
|
|
|
56
56
|
import BarChart from './components/Chart/BarChart/BarChart';
|
|
57
57
|
import DonutChart from './components/Chart/DonutChart/DonutChart';
|
|
58
58
|
import PHXTooltip from './components/ToolTip/ToolTip';
|
|
59
|
-
|
|
59
|
+
import PHXClientQueryV3 from './components/Func/clientQueryV3';
|
|
60
|
+
import PHXClientMutationV3 from './components/Func/clientMutationV3';
|
|
61
|
+
import { PHXLoginV3 } from './components/LoginV3';
|
|
62
|
+
import { PHXLoginSsoV3 } from './components/LoginSsoV3';
|
|
63
|
+
export { PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXSelectBox, PHXRadio, PHXCheckbox, PHXContainer, PHXFormStep, PHXFormTuition, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXClientQueryV3, PHXClientMutationV3, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXLoginSso, PHXLoginV3, PHXLoginSsoV3, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXUploadFile, PHXTableLogImportExport, PHXSearchResultList, PHXDatePicker, PHXLoginPn28, PHXEmptyRecord, PHXPagePermission, PHXTimePicker, PHXDropdown, PHXUploadAvatar, PHXGetHttpLinkConfig, PHXDateRangePicker, PHXUseDebounce, PHXResourceList, PHXGetCurrentYearWithTerm, PHXGetCurrentYearWithTermHocVu, PHXFetchAPI, PHXGetActiveYearAndNextYear, PHXLogUserActivity, PBFMainWrap, PieChart, BarChart, DonutChart, PHXTooltip, };
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
exports.__esModule = true;
|
|
3
|
-
exports.
|
|
4
|
-
exports.PHXTooltip = exports.DonutChart = exports.BarChart = exports.PieChart = exports.PBFMainWrap = exports.PHXLogUserActivity = exports.PHXGetActiveYearAndNextYear = exports.PHXFetchAPI = void 0;
|
|
3
|
+
exports.PHXDateRangePicker = exports.PHXGetHttpLinkConfig = exports.PHXUploadAvatar = exports.PHXDropdown = exports.PHXTimePicker = exports.PHXPagePermission = exports.PHXEmptyRecord = exports.PHXLoginPn28 = exports.PHXDatePicker = exports.PHXSearchResultList = exports.PHXTableLogImportExport = exports.PHXUploadFile = exports.PHXHorizontalStack = exports.PHXFormLayout = exports.PHXCombobox = exports.PHXButtonGroup = exports.PHXBanner = exports.PHXLoginSsoV3 = exports.PHXLoginV3 = exports.PHXLoginSso = exports.PHXLogin = exports.PHXBadge = exports.PHXDescriptionLists = exports.PHXChoiceList = exports.PHXTabs = exports.PHXModal = exports.PHXTextarea = exports.PHXClientMutationV3 = exports.PHXClientQueryV3 = exports.PHXClientMutation = exports.PHXClientQuery = exports.PHXFuncGetLoggedInfo = exports.PHXSkeleton = exports.PHXStep = exports.PHXNotifications = exports.PHXFormTuition = exports.PHXFormStep = exports.PHXContainer = exports.PHXCheckbox = exports.PHXRadio = exports.PHXSelectBox = exports.PHXSelect = exports.PHXInput = exports.PHXTable = exports.PHXHeaderBar = exports.PHXFormWrap = exports.PHXMainWrap = exports.PHXSpinner = exports.PHXCard = exports.PHXButton = void 0;
|
|
4
|
+
exports.PHXTooltip = exports.DonutChart = exports.BarChart = exports.PieChart = exports.PBFMainWrap = exports.PHXLogUserActivity = exports.PHXGetActiveYearAndNextYear = exports.PHXFetchAPI = exports.PHXGetCurrentYearWithTermHocVu = exports.PHXGetCurrentYearWithTerm = exports.PHXResourceList = exports.PHXUseDebounce = void 0;
|
|
5
5
|
var tslib_1 = require("tslib");
|
|
6
6
|
var Container_1 = require("./components/Container/Container");
|
|
7
7
|
exports.PHXContainer = Container_1.PHXContainer;
|
|
@@ -119,4 +119,12 @@ var DonutChart_1 = tslib_1.__importDefault(require("./components/Chart/DonutChar
|
|
|
119
119
|
exports.DonutChart = DonutChart_1["default"];
|
|
120
120
|
var ToolTip_1 = tslib_1.__importDefault(require("./components/ToolTip/ToolTip"));
|
|
121
121
|
exports.PHXTooltip = ToolTip_1["default"];
|
|
122
|
+
var clientQueryV3_1 = tslib_1.__importDefault(require("./components/Func/clientQueryV3"));
|
|
123
|
+
exports.PHXClientQueryV3 = clientQueryV3_1["default"];
|
|
124
|
+
var clientMutationV3_1 = tslib_1.__importDefault(require("./components/Func/clientMutationV3"));
|
|
125
|
+
exports.PHXClientMutationV3 = clientMutationV3_1["default"];
|
|
126
|
+
var LoginV3_1 = require("./components/LoginV3");
|
|
127
|
+
exports.PHXLoginV3 = LoginV3_1.PHXLoginV3;
|
|
128
|
+
var LoginSsoV3_1 = require("./components/LoginSsoV3");
|
|
129
|
+
exports.PHXLoginSsoV3 = LoginSsoV3_1.PHXLoginSsoV3;
|
|
122
130
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;AAAA,8DAA+D;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const getUserInfo = "\n query MyQuery($userId: Int) {\n users(where: { id: { _eq: $userId } }) {\n id\n email\n phone_number\n full_name\n school_id\n school {\n educational_levels(where: { deleted_at: { _is_null: true } }) {\n code\n }\n school_name_id\n email\n id\n phone\n name\n school_name {\n name\n group_id\n }\n }\n user_roles(where: { is_active: { _eq: true }, deleted_at: { _is_null: true } }) {\n role_id\n role {\n name\n role_code\n }\n }\n }\n }\n";
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.getUserInfo = void 0;
|
|
4
|
+
exports.getUserInfo = "\n query MyQuery($userId: Int) {\n users(where: { id: { _eq: $userId } }) {\n id\n email\n phone_number\n full_name\n school_id\n school {\n educational_levels(where: { deleted_at: { _is_null: true } }) {\n code\n }\n school_name_id\n email\n id\n phone\n name\n school_name {\n name\n group_id\n }\n }\n user_roles(where: { is_active: { _eq: true }, deleted_at: { _is_null: true } }) {\n role_id\n role {\n name\n role_code\n }\n }\n }\n }\n";
|
|
5
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/query/index.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GAAG,knBA+B1B,CAAA"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { __awaiter, __generator } from "tslib";
|
|
2
|
+
import { getEnv } from '../../read-env-config';
|
|
3
|
+
import axios from 'axios';
|
|
4
|
+
export default function PHXClientMutationV3(_a) {
|
|
5
|
+
var query = _a.query, variables = _a.variables, _b = _a.isDelay, isDelay = _b === void 0 ? true : _b;
|
|
6
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
7
|
+
var mutationResult, startTime, urlApiGateway, error_1, endTime, duration;
|
|
8
|
+
return __generator(this, function (_c) {
|
|
9
|
+
switch (_c.label) {
|
|
10
|
+
case 0:
|
|
11
|
+
startTime = performance.now();
|
|
12
|
+
urlApiGateway = getEnv('NEXT_PUBLIC_API_GATEWAY', process.env.NEXT_PUBLIC_API_GATEWAY);
|
|
13
|
+
_c.label = 1;
|
|
14
|
+
case 1:
|
|
15
|
+
_c.trys.push([1, 3, , 4]);
|
|
16
|
+
return [4 /*yield*/, axios.post("".concat(urlApiGateway, "/mutation"), {
|
|
17
|
+
source: 'dashboard',
|
|
18
|
+
query: query,
|
|
19
|
+
variables: variables
|
|
20
|
+
}, {
|
|
21
|
+
headers: {
|
|
22
|
+
'Content-Type': 'application/json'
|
|
23
|
+
}
|
|
24
|
+
})];
|
|
25
|
+
case 2:
|
|
26
|
+
mutationResult = _c.sent();
|
|
27
|
+
return [3 /*break*/, 4];
|
|
28
|
+
case 3:
|
|
29
|
+
error_1 = _c.sent();
|
|
30
|
+
throw new Error('Error with Axios request: ' + error_1.message);
|
|
31
|
+
case 4:
|
|
32
|
+
endTime = performance.now();
|
|
33
|
+
duration = endTime - startTime;
|
|
34
|
+
if (!(duration < 100 && isDelay)) return [3 /*break*/, 6];
|
|
35
|
+
console.info('promise delay...');
|
|
36
|
+
return [4 /*yield*/, new Promise(function (r) { return setTimeout(r, 100); })];
|
|
37
|
+
case 5:
|
|
38
|
+
_c.sent();
|
|
39
|
+
_c.label = 6;
|
|
40
|
+
case 6: return [2 /*return*/, mutationResult];
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
//# sourceMappingURL=clientMutationV3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"clientMutationV3.js","sourceRoot":"","sources":["../../../../src/components/Func/clientMutationV3.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,OAAO,UAAgB,mBAAmB,CAAC,EAQjD;QAPC,KAAK,WAAA,EACL,SAAS,eAAA,EACT,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA;;;;;;oBAOR,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAC7B,aAAa,GAAG,MAAM,CAAC,yBAAyB,EAAE,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAA;;;;oBAGzE,qBAAM,KAAK,CAAC,IAAI,CAC/B,UAAG,aAAa,cAAW,EAC3B;4BACE,MAAM,EAAE,WAAW;4BACnB,KAAK,EAAE,KAAK;4BACZ,SAAS,WAAA;yBACV,EACD;4BACE,OAAO,EAAE;gCACP,cAAc,EAAE,kBAAkB;6BACnC;yBACF,CACF,EAAA;;oBAZD,cAAc,GAAG,SAYhB,CAAA;;;;oBAED,MAAM,IAAI,KAAK,CAAC,4BAA4B,GAAG,OAAK,CAAC,OAAO,CAAC,CAAA;;oBAGzD,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAC3B,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;yBAEhC,CAAA,QAAQ,GAAG,GAAG,IAAI,OAAO,CAAA,EAAzB,wBAAyB;oBAC3B,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;oBAChC,qBAAM,IAAI,OAAO,CAAC,UAAC,CAAC,IAAK,OAAA,UAAU,CAAC,CAAC,EAAE,GAAG,CAAC,EAAlB,CAAkB,CAAC,EAAA;;oBAA5C,SAA4C,CAAA;;wBAE9C,sBAAO,cAAc,EAAA;;;;CACtB"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { __awaiter, __generator } from "tslib";
|
|
2
|
+
import { getEnv } from '../../read-env-config';
|
|
3
|
+
import axios from 'axios';
|
|
4
|
+
export default function PHXClientQueryV3(_a) {
|
|
5
|
+
var query = _a.query, variables = _a.variables, _b = _a.isDelay, isDelay = _b === void 0 ? true : _b;
|
|
6
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
7
|
+
var startTime, queryResult, urlApiGateway, error_1, endTime, duration;
|
|
8
|
+
return __generator(this, function (_c) {
|
|
9
|
+
switch (_c.label) {
|
|
10
|
+
case 0:
|
|
11
|
+
startTime = performance.now();
|
|
12
|
+
urlApiGateway = getEnv('NEXT_PUBLIC_API_GATEWAY', process.env.NEXT_PUBLIC_API_GATEWAY);
|
|
13
|
+
_c.label = 1;
|
|
14
|
+
case 1:
|
|
15
|
+
_c.trys.push([1, 3, , 4]);
|
|
16
|
+
return [4 /*yield*/, axios.post("".concat(urlApiGateway, "/query"), {
|
|
17
|
+
source: 'dashboard',
|
|
18
|
+
query: query,
|
|
19
|
+
variables: variables
|
|
20
|
+
}, {
|
|
21
|
+
headers: {
|
|
22
|
+
'Content-Type': 'application/json'
|
|
23
|
+
}
|
|
24
|
+
})];
|
|
25
|
+
case 2:
|
|
26
|
+
queryResult = _c.sent();
|
|
27
|
+
return [3 /*break*/, 4];
|
|
28
|
+
case 3:
|
|
29
|
+
error_1 = _c.sent();
|
|
30
|
+
throw new Error('Error with Axios request: ' + error_1.message);
|
|
31
|
+
case 4:
|
|
32
|
+
endTime = performance.now();
|
|
33
|
+
duration = endTime - startTime;
|
|
34
|
+
if (!(duration < 100 && isDelay)) return [3 /*break*/, 6];
|
|
35
|
+
console.info('promise delay...');
|
|
36
|
+
return [4 /*yield*/, new Promise(function (r) { return setTimeout(r, 100); })];
|
|
37
|
+
case 5:
|
|
38
|
+
_c.sent();
|
|
39
|
+
_c.label = 6;
|
|
40
|
+
case 6: return [2 /*return*/, queryResult];
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
//# sourceMappingURL=clientQueryV3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"clientQueryV3.js","sourceRoot":"","sources":["../../../../src/components/Func/clientQueryV3.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,OAAO,UAAgB,gBAAgB,CAAC,EAQ9C;QAPC,KAAK,WAAA,EACL,SAAS,eAAA,EACT,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA;;;;;;oBAMR,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAE7B,aAAa,GAAG,MAAM,CAAC,yBAAyB,EAAE,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAA;;;;oBAG5E,qBAAM,KAAK,CAAC,IAAI,CAC5B,UAAG,aAAa,WAAQ,EACxB;4BACE,MAAM,EAAE,WAAW;4BACnB,KAAK,EAAE,KAAK;4BACZ,SAAS,WAAA;yBACV,EACD;4BACE,OAAO,EAAE;gCACP,cAAc,EAAE,kBAAkB;6BACnC;yBACF,CACF,EAAA;;oBAZD,WAAW,GAAG,SAYb,CAAA;;;;oBAED,MAAM,IAAI,KAAK,CAAC,4BAA4B,GAAG,OAAK,CAAC,OAAO,CAAC,CAAA;;oBAGzD,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAC3B,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;yBAEhC,CAAA,QAAQ,GAAG,GAAG,IAAI,OAAO,CAAA,EAAzB,wBAAyB;oBAC3B,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;oBAChC,qBAAM,IAAI,OAAO,CAAC,UAAC,CAAC,IAAK,OAAA,UAAU,CAAC,CAAC,EAAE,GAAG,CAAC,EAAlB,CAAkB,CAAC,EAAA;;oBAA5C,SAA4C,CAAA;;wBAE9C,sBAAO,WAAW,EAAA;;;;CACnB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './login-sso-v3';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LoginSsoV3/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type TPHXLoginSsoV3 = {
|
|
3
|
+
onClick: () => void;
|
|
4
|
+
dataSession: any;
|
|
5
|
+
logo?: any;
|
|
6
|
+
router?: any;
|
|
7
|
+
redirectPath?: any;
|
|
8
|
+
banner?: any;
|
|
9
|
+
};
|
|
10
|
+
export declare const PHXLoginSsoV3: (props: TPHXLoginSsoV3) => React.JSX.Element;
|
|
11
|
+
export default PHXLoginSsoV3;
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { __awaiter, __generator } from "tslib";
|
|
2
|
+
import React, { useEffect, useState } from 'react';
|
|
3
|
+
import Cookies from 'js-cookie';
|
|
4
|
+
import { PHXSkeleton } from '../Skeleton';
|
|
5
|
+
import { PHXButton } from '../Button';
|
|
6
|
+
import { PHXBanner } from '../Banner';
|
|
7
|
+
import { getEnv } from '../../read-env-config';
|
|
8
|
+
import { AUTH_TOKEN, AUTHENTICATED, isLoggedCookie } from '../../utils/constants';
|
|
9
|
+
import saveCookiesClient from '../Func/saveCookiesClient';
|
|
10
|
+
export var PHXLoginSsoV3 = function (props) {
|
|
11
|
+
var onClick = props.onClick, banner = props.banner, dataSession = props.dataSession, router = props.router, redirectPath = props.redirectPath, logo = props.logo;
|
|
12
|
+
var schoolLogo = getEnv('NEXT_PUBLIC_ENV_LOGIN_LOGO', process.env.NEXT_PUBLIC_ENV_LOGIN_LOGO);
|
|
13
|
+
var _a = useState(false), loading = _a[0], setLoading = _a[1];
|
|
14
|
+
var _b = useState(false), error = _b[0], setError = _b[1];
|
|
15
|
+
var cookie = Cookies.get(isLoggedCookie);
|
|
16
|
+
var authToken = Cookies.get(AUTH_TOKEN);
|
|
17
|
+
var handlerOnClick = function () {
|
|
18
|
+
setLoading(true);
|
|
19
|
+
onClick();
|
|
20
|
+
};
|
|
21
|
+
var handlerSaveCookies = function (session) { return __awaiter(void 0, void 0, void 0, function () {
|
|
22
|
+
var token, userInfo, valueAuthen, valueIsLogin;
|
|
23
|
+
var _a;
|
|
24
|
+
return __generator(this, function (_b) {
|
|
25
|
+
switch (_b.label) {
|
|
26
|
+
case 0:
|
|
27
|
+
token = session.data.token;
|
|
28
|
+
userInfo = token.userInfo;
|
|
29
|
+
if (!(userInfo && ((_a = userInfo === null || userInfo === void 0 ? void 0 : userInfo.roles) === null || _a === void 0 ? void 0 : _a[0].role_code))) return [3 /*break*/, 2];
|
|
30
|
+
valueAuthen = JSON.stringify(token);
|
|
31
|
+
saveCookiesClient(AUTH_TOKEN, valueAuthen, true);
|
|
32
|
+
valueIsLogin = JSON.stringify(userInfo);
|
|
33
|
+
saveCookiesClient(isLoggedCookie, valueIsLogin, true);
|
|
34
|
+
return [4 /*yield*/, dataSession.update({ name: null })];
|
|
35
|
+
case 1:
|
|
36
|
+
_b.sent();
|
|
37
|
+
router === null || router === void 0 ? void 0 : router.push(redirectPath);
|
|
38
|
+
return [3 /*break*/, 3];
|
|
39
|
+
case 2:
|
|
40
|
+
setError(true);
|
|
41
|
+
setLoading(false);
|
|
42
|
+
_b.label = 3;
|
|
43
|
+
case 3: return [2 /*return*/];
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
}); };
|
|
47
|
+
var handlerCheckLogin = function () {
|
|
48
|
+
var _a, _b;
|
|
49
|
+
if (!cookie || !authToken) {
|
|
50
|
+
if (dataSession.status === AUTHENTICATED && ((_b = (_a = dataSession === null || dataSession === void 0 ? void 0 : dataSession.data) === null || _a === void 0 ? void 0 : _a.session.user) === null || _b === void 0 ? void 0 : _b.name)) {
|
|
51
|
+
setLoading(true);
|
|
52
|
+
handlerSaveCookies(dataSession);
|
|
53
|
+
}
|
|
54
|
+
else if (dataSession.status === 'loading') {
|
|
55
|
+
setLoading(true);
|
|
56
|
+
}
|
|
57
|
+
else {
|
|
58
|
+
setLoading(false);
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
else {
|
|
62
|
+
router === null || router === void 0 ? void 0 : router.push(redirectPath);
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
useEffect(function () {
|
|
66
|
+
handlerCheckLogin();
|
|
67
|
+
}, [dataSession]);
|
|
68
|
+
return (React.createElement(React.Fragment, null,
|
|
69
|
+
React.createElement("main", { className: 'flex min-h-full' },
|
|
70
|
+
React.createElement("div", { className: 'm-auto flex h-[100vh] max-w-[100vw] flex-1 justify-center' },
|
|
71
|
+
React.createElement("div", { className: 'flex flex-1 flex-col justify-center px-4 py-12 sm:px-6 lg:flex-none lg:px-20 xl:px-24' },
|
|
72
|
+
React.createElement("div", { className: 'lg:w-76 w-full xl:w-96' },
|
|
73
|
+
React.createElement("div", { className: 'flex flex-col' },
|
|
74
|
+
React.createElement("img", { className: 'max-w-[240px] mb-3', src: logo !== null && logo !== void 0 ? logo : "".concat(schoolLogo), alt: 'logo' })),
|
|
75
|
+
React.createElement("div", { className: 'mt-5' },
|
|
76
|
+
React.createElement("div", { className: 'space-y-6' }, dataSession.status === 'loading' ? (React.createElement(PHXSkeleton, { className: 'w-full', size: 'extra-large', type: 'only-header' })) : (React.createElement(PHXButton, { loading: loading, disabled: loading, onClick: function () { return handlerOnClick(); }, className: 'flex w-full justify-center items-center', primary: true, submit: true, size: 'medium' },
|
|
77
|
+
React.createElement("div", { className: 'flex gap-2 items-center' },
|
|
78
|
+
React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '14', height: '14', viewBox: '0 0 24 24', fill: 'none' },
|
|
79
|
+
React.createElement("g", { clipPath: 'url(#clip0_1739_10008)' },
|
|
80
|
+
React.createElement("path", { d: 'M12.75 11.25L24 11.25V0.75C24 0.336 23.664 0 23.25 0L12.75 0L12.75 11.25Z', fill: 'white' }),
|
|
81
|
+
React.createElement("path", { d: 'M11.25 11.25L11.25 0L0.75 0C0.336 0 0 0.336 0 0.75L0 11.25L11.25 11.25Z', fill: 'white' }),
|
|
82
|
+
React.createElement("path", { d: 'M11.25 12.75L0 12.75L0 23.25C0 23.664 0.336 24 0.75 24H11.25L11.25 12.75Z', fill: 'white' }),
|
|
83
|
+
React.createElement("path", { d: 'M12.75 12.75L12.75 24H23.25C23.664 24 24 23.664 24 23.25V12.75L12.75 12.75Z', fill: 'white' })),
|
|
84
|
+
React.createElement("defs", null,
|
|
85
|
+
React.createElement("clipPath", { id: 'clip0_1739_10008' },
|
|
86
|
+
React.createElement("rect", { width: '24', height: '24', fill: 'white' })))),
|
|
87
|
+
"\u0110\u0103ng nh\u1EADp b\u1EB1ng Microsoft")))),
|
|
88
|
+
React.createElement(PHXBanner, { className: 'mt-3', onClose: function () { return setError(!error); }, description: 'T\u00E0i kho\u1EA3n n\u00E0y ch\u01B0a \u0111\u01B0\u1EE3c \u0111\u0103ng k\u00FD tr\u00EAn h\u1EC7 th\u00F4ng vui l\u00F2ng li\u00EAn h\u1EC7 qu\u1EA3n tr\u1ECB vi\u00EAn \u0111\u1EC3 ti\u1EBFp t\u1EE5c.', show: error, title: 'Th\u00F4ng b\u00E1o', type: 'warning' })))),
|
|
89
|
+
React.createElement("div", { className: 'relative hidden w-0 flex-1 lg:block lg:w-full' },
|
|
90
|
+
React.createElement("img", { className: 'absolute inset-0 h-full w-full object-cover', src: banner !== null && banner !== void 0 ? banner : 'https://images.unsplash.com/photo-1496917756835-20cb06e75b4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1908&q=80', alt: 'banner' }))))));
|
|
91
|
+
};
|
|
92
|
+
export default PHXLoginSsoV3;
|
|
93
|
+
//# sourceMappingURL=login-sso-v3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"login-sso-v3.js","sourceRoot":"","sources":["../../../../src/components/LoginSsoV3/login-sso-v3.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACjF,OAAO,iBAAiB,MAAM,2BAA2B,CAAA;AAWzD,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,KAAqB;IACzC,IAAA,OAAO,GAAsD,KAAK,QAA3D,EAAE,MAAM,GAA8C,KAAK,OAAnD,EAAE,WAAW,GAAiC,KAAK,YAAtC,EAAE,MAAM,GAAyB,KAAK,OAA9B,EAAE,YAAY,GAAW,KAAK,aAAhB,EAAE,IAAI,GAAK,KAAK,KAAV,CAAU;IAC1E,IAAM,UAAU,GAAG,MAAM,CAAC,4BAA4B,EAAE,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAA;IACzF,IAAA,KAAwB,QAAQ,CAAU,KAAK,CAAC,EAA/C,OAAO,QAAA,EAAE,UAAU,QAA4B,CAAA;IAChD,IAAA,KAAoB,QAAQ,CAAU,KAAK,CAAC,EAA3C,KAAK,QAAA,EAAE,QAAQ,QAA4B,CAAA;IAClD,IAAM,MAAM,GAAQ,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;IAC/C,IAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;IACzC,IAAM,cAAc,GAAG;QACrB,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,OAAO,EAAE,CAAA;IACX,CAAC,CAAA;IAED,IAAM,kBAAkB,GAAG,UAAO,OAAY;;;;;;oBAElC,KAAK,GACX,OAAO,WADI,CACJ;oBACH,QAAQ,GAAK,KAAK,SAAV,CAAU;yBACtB,CAAA,QAAQ,KAAI,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,0CAAG,CAAC,EAAE,SAAS,CAAA,CAAA,EAA1C,wBAA0C;oBAEtC,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;oBACzC,iBAAiB,CAAC,UAAU,EAAE,WAAW,EAAE,IAAI,CAAC,CAAA;oBAC1C,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;oBAC7C,iBAAiB,CAAC,cAAc,EAAE,YAAY,EAAE,IAAI,CAAC,CAAA;oBACrD,qBAAM,WAAW,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAA;;oBAAxC,SAAwC,CAAA;oBACxC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,YAAY,CAAC,CAAA;;;oBAE1B,QAAQ,CAAC,IAAI,CAAC,CAAA;oBACd,UAAU,CAAC,KAAK,CAAC,CAAA;;;;;SAEpB,CAAA;IAED,IAAM,iBAAiB,GAAG;;QACxB,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE;YACzB,IAAI,WAAW,CAAC,MAAM,KAAK,aAAa,KAAI,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,0CAAE,OAAO,CAAC,IAAI,0CAAE,IAAI,CAAA,EAAE;gBACjF,UAAU,CAAC,IAAI,CAAC,CAAA;gBAChB,kBAAkB,CAAC,WAAW,CAAC,CAAA;aAChC;iBAAM,IAAI,WAAW,CAAC,MAAM,KAAK,SAAS,EAAE;gBAC3C,UAAU,CAAC,IAAI,CAAC,CAAA;aACjB;iBAAM;gBACL,UAAU,CAAC,KAAK,CAAC,CAAA;aAClB;SACF;aAAM;YACL,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,YAAY,CAAC,CAAA;SAC3B;IACH,CAAC,CAAA;IAED,SAAS,CAAC;QACR,iBAAiB,EAAE,CAAA;IACrB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL;QACE,8BAAM,SAAS,EAAC,iBAAiB;YAC/B,6BAAK,SAAS,EAAC,2DAA2D;gBACxE,6BAAK,SAAS,EAAC,uFAAuF;oBACpG,6BAAK,SAAS,EAAC,wBAAwB;wBACrC,6BAAK,SAAS,EAAC,eAAe;4BAC5B,6BAAK,SAAS,EAAC,oBAAoB,EAAC,GAAG,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,UAAG,UAAU,CAAE,EAAE,GAAG,EAAC,MAAM,GAAG,CAC3E;wBACN,6BAAK,SAAS,EAAC,MAAM;4BACnB,6BAAK,SAAS,EAAC,WAAW,IACvB,WAAW,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAClC,oBAAC,WAAW,IAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,aAAa,GAAG,CACzE,CAAC,CAAC,CAAC,CACF,oBAAC,SAAS,IACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,cAAM,OAAA,cAAc,EAAE,EAAhB,CAAgB,EAC/B,SAAS,EAAC,yCAAyC,EACnD,OAAO,QACP,MAAM,QACN,IAAI,EAAC,QAAQ;gCAGb,6BAAK,SAAS,EAAC,yBAAyB;oCACtC,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;wCAC5F,2BAAG,QAAQ,EAAC,wBAAwB;4CAClC,8BACE,CAAC,EAAC,2EAA2E,EAC7E,IAAI,EAAC,OAAO,GACZ;4CACF,8BACE,CAAC,EAAC,yEAAyE,EAC3E,IAAI,EAAC,OAAO,GACZ;4CACF,8BACE,CAAC,EAAC,2EAA2E,EAC7E,IAAI,EAAC,OAAO,GACZ;4CACF,8BACE,CAAC,EAAC,6EAA6E,EAC/E,IAAI,EAAC,OAAO,GACZ,CACA;wCACJ;4CACE,kCAAU,EAAE,EAAC,kBAAkB;gDAC7B,8BAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,CACnC,CACN,CACH;mFAEF,CACI,CACb,CACG;4BACN,oBAAC,SAAS,IACR,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAhB,CAAgB,EAC/B,WAAW,EAAC,8MAA2F,EACvG,IAAI,EAAE,KAAK,EACX,KAAK,EAAC,qBAAW,EACjB,IAAI,EAAC,SAAS,GACd,CACE,CACF,CACF;gBACN,6BAAK,SAAS,EAAC,+CAA+C;oBAC5D,6BACE,SAAS,EAAC,6CAA6C,EACvD,GAAG,EACD,MAAM,aAAN,MAAM,cAAN,MAAM,GACN,wIAAwI,EAE1I,GAAG,EAAC,QAAQ,GACZ,CACE,CACF,CACD,CACN,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface PHXLoginV3Props {
|
|
3
|
+
banner?: any;
|
|
4
|
+
logo?: any;
|
|
5
|
+
router?: any;
|
|
6
|
+
redirectPath?: any;
|
|
7
|
+
buttonColor?: any;
|
|
8
|
+
}
|
|
9
|
+
export declare const PHXLoginV3: (props: PHXLoginV3Props) => React.JSX.Element;
|
|
10
|
+
export default PHXLoginV3;
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
import { __awaiter, __generator } from "tslib";
|
|
2
|
+
import React, { useEffect, useState } from 'react';
|
|
3
|
+
import { useForm } from 'react-hook-form';
|
|
4
|
+
import { PHXInput } from '../Input';
|
|
5
|
+
import { PHXButton } from '../Button';
|
|
6
|
+
import { PHXBanner } from '../Banner';
|
|
7
|
+
import { AUTH_TOKEN, isLoggedCookie } from '../../utils/constants';
|
|
8
|
+
import { getEnv } from '../../read-env-config';
|
|
9
|
+
import saveCookiesClient from '../Func/saveCookiesClient';
|
|
10
|
+
import { PHXCheckbox } from '../Checkbox';
|
|
11
|
+
import LoginStyle from './login-style';
|
|
12
|
+
import PHXFuncGetLoggedInfo from '../Func/getLoginInfo';
|
|
13
|
+
import Cookies from 'js-cookie';
|
|
14
|
+
export var PHXLoginV3 = function (props) {
|
|
15
|
+
var logo = props.logo, banner = props.banner, router = props.router, redirectPath = props.redirectPath, buttonColor = props.buttonColor;
|
|
16
|
+
var _a = useState(true), remember = _a[0], setRemember = _a[1];
|
|
17
|
+
var _b = useState(false), loginError = _b[0], setLoginError = _b[1];
|
|
18
|
+
var _c = useState(false), loading = _c[0], setLoading = _c[1];
|
|
19
|
+
var authenCookies = PHXFuncGetLoggedInfo();
|
|
20
|
+
var schoolLogo = getEnv('NEXT_PUBLIC_ENV_LOGIN_LOGO', process.env.NEXT_PUBLIC_ENV_LOGIN_LOGO);
|
|
21
|
+
var _d = useForm(), handleSubmit = _d.handleSubmit, register = _d.register, errors = _d.formState.errors;
|
|
22
|
+
var uri = getEnv('NEXT_PUBLIC_API_GATEWAY', process.env.NEXT_PUBLIC_API_GATEWAY);
|
|
23
|
+
var getTokenInfo = function (email, password) { return __awaiter(void 0, void 0, void 0, function () {
|
|
24
|
+
var response, error_1;
|
|
25
|
+
return __generator(this, function (_a) {
|
|
26
|
+
switch (_a.label) {
|
|
27
|
+
case 0:
|
|
28
|
+
_a.trys.push([0, 3, , 4]);
|
|
29
|
+
return [4 /*yield*/, fetch("".concat(uri, "/authen/login"), {
|
|
30
|
+
headers: {
|
|
31
|
+
'Content-Type': 'application/json'
|
|
32
|
+
},
|
|
33
|
+
method: 'post',
|
|
34
|
+
body: JSON.stringify({
|
|
35
|
+
email: email,
|
|
36
|
+
password: password
|
|
37
|
+
})
|
|
38
|
+
})];
|
|
39
|
+
case 1:
|
|
40
|
+
response = _a.sent();
|
|
41
|
+
if (!response.ok)
|
|
42
|
+
return [2 /*return*/];
|
|
43
|
+
return [4 /*yield*/, response.json()];
|
|
44
|
+
case 2: return [2 /*return*/, _a.sent()];
|
|
45
|
+
case 3:
|
|
46
|
+
error_1 = _a.sent();
|
|
47
|
+
console.error(error_1);
|
|
48
|
+
return [2 /*return*/, null];
|
|
49
|
+
case 4: return [2 /*return*/];
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
}); };
|
|
53
|
+
var onSubmitForm = function (values) { return __awaiter(void 0, void 0, void 0, function () {
|
|
54
|
+
var email, password, tokenInfo, userInfo, userObjectString;
|
|
55
|
+
return __generator(this, function (_a) {
|
|
56
|
+
switch (_a.label) {
|
|
57
|
+
case 0:
|
|
58
|
+
email = values.email, password = values.password;
|
|
59
|
+
setLoading(true);
|
|
60
|
+
return [4 /*yield*/, getTokenInfo(email, password)
|
|
61
|
+
// sai thông tin đăng nhập
|
|
62
|
+
];
|
|
63
|
+
case 1:
|
|
64
|
+
tokenInfo = _a.sent();
|
|
65
|
+
// sai thông tin đăng nhập
|
|
66
|
+
if (!tokenInfo || (tokenInfo === null || tokenInfo === void 0 ? void 0 : tokenInfo.message)) {
|
|
67
|
+
console.log('login lỗi');
|
|
68
|
+
setLoginError(true);
|
|
69
|
+
setLoading(false);
|
|
70
|
+
return [2 /*return*/];
|
|
71
|
+
}
|
|
72
|
+
// ghi nhớ tài khoản
|
|
73
|
+
return [4 /*yield*/, saveCookiesClient(AUTH_TOKEN, JSON.stringify(tokenInfo), true)];
|
|
74
|
+
case 2:
|
|
75
|
+
// ghi nhớ tài khoản
|
|
76
|
+
_a.sent();
|
|
77
|
+
userInfo = tokenInfo.userInfo;
|
|
78
|
+
if (!(userInfo && userInfo.roles[0].role_code)) return [3 /*break*/, 4];
|
|
79
|
+
userObjectString = JSON.stringify(userInfo);
|
|
80
|
+
return [4 /*yield*/, saveCookiesClient(isLoggedCookie, userObjectString, true)];
|
|
81
|
+
case 3:
|
|
82
|
+
_a.sent();
|
|
83
|
+
setLoading(false);
|
|
84
|
+
setLoginError(false);
|
|
85
|
+
router.push(redirectPath);
|
|
86
|
+
return [3 /*break*/, 5];
|
|
87
|
+
case 4:
|
|
88
|
+
setLoginError(true);
|
|
89
|
+
setLoading(false);
|
|
90
|
+
_a.label = 5;
|
|
91
|
+
case 5: return [2 /*return*/];
|
|
92
|
+
}
|
|
93
|
+
});
|
|
94
|
+
}); };
|
|
95
|
+
var authenToken = typeof window !== 'undefined' && Cookies.get('authToken');
|
|
96
|
+
// nếu đã có token login thì push về dasboard
|
|
97
|
+
useEffect(function () {
|
|
98
|
+
if (authenCookies && authenToken) {
|
|
99
|
+
window.location.replace(redirectPath);
|
|
100
|
+
}
|
|
101
|
+
}, [authenCookies, authenToken]);
|
|
102
|
+
return (React.createElement(React.Fragment, null,
|
|
103
|
+
React.createElement(LoginStyle, { buttonColor: buttonColor }),
|
|
104
|
+
React.createElement("main", { className: 'flex min-h-full' },
|
|
105
|
+
React.createElement("div", { className: 'm-auto flex h-[100vh] max-w-[100vw] flex-1 justify-center' },
|
|
106
|
+
React.createElement("div", { className: 'flex flex-1 flex-col justify-center px-4 py-12 sm:px-6 lg:flex-none lg:px-20 xl:px-24' },
|
|
107
|
+
React.createElement("div", { className: 'lg:w-76 w-full xl:w-96' },
|
|
108
|
+
React.createElement("div", { className: 'flex flex-col' },
|
|
109
|
+
React.createElement("img", { className: 'max-w-[240px] mb-3', src: logo !== null && logo !== void 0 ? logo : "".concat(schoolLogo), alt: 'logo' }),
|
|
110
|
+
React.createElement("h2", { style: { fontWeight: '600' }, className: 'mt-3 text-2xl leading-9 tracking-tight text-gray-900' }, "\u0110\u0103ng nh\u1EADp h\u1EC7 th\u1ED1ng"),
|
|
111
|
+
loginError && (React.createElement("div", { className: 'w-full' },
|
|
112
|
+
React.createElement(PHXBanner, { show: loginError, className: 'mt-4 mb-2', 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.' }))),
|
|
113
|
+
React.createElement("form", { onSubmit: handleSubmit(onSubmitForm) },
|
|
114
|
+
React.createElement("div", { className: 'space-y-6' },
|
|
115
|
+
React.createElement("div", { className: 'mt-2' },
|
|
116
|
+
React.createElement(PHXInput, { errorType: 'custom-message', label: 'Email',
|
|
117
|
+
//@ts-ignore
|
|
118
|
+
error: errors.email, register: register('email', {
|
|
119
|
+
required: true
|
|
120
|
+
}), errorMessageCustom: 'Vui l\u00F2ng nh\u1EADp email' })),
|
|
121
|
+
React.createElement(PHXInput, { errorType: 'custom-message',
|
|
122
|
+
//@ts-ignore
|
|
123
|
+
error: errors.password, errorMessageCustom: 'Vui l\u00F2ng nh\u1EADp m\u1EADt kh\u1EA9u', register: register('password', {
|
|
124
|
+
required: true
|
|
125
|
+
}), label: 'Password', type: 'password', id: 'password' }),
|
|
126
|
+
React.createElement(PHXCheckbox, { defaultChecked: remember, title: 'Ghi nh\u1EDB t\u00E0i kho\u1EA3n', onChange: function (e) { return setRemember(e.target.checked); } }),
|
|
127
|
+
React.createElement(PHXButton, { loading: loading, className: 'button-login 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")))))),
|
|
128
|
+
React.createElement("div", { className: 'relative hidden w-0 flex-1 lg:block lg:w-full' },
|
|
129
|
+
React.createElement("img", { className: 'absolute inset-0 h-full w-full object-cover', src: banner !== null && banner !== void 0 ? banner : 'https://images.unsplash.com/photo-1496917756835-20cb06e75b4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1908&q=80', alt: 'banner' }))))));
|
|
130
|
+
};
|
|
131
|
+
export default PHXLoginV3;
|
|
132
|
+
//# sourceMappingURL=LoginV3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoginV3.js","sourceRoot":"","sources":["../../../../src/components/LoginV3/LoginV3.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './LoginV3';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LoginV3/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
function LoginStyle(props) {
|
|
3
|
+
var buttonColor = props.buttonColor;
|
|
4
|
+
var hexColorPattern = /#[0-9A-Fa-f]{6}/g;
|
|
5
|
+
var containsHexColor = hexColorPattern.test(buttonColor);
|
|
6
|
+
var styleButton = containsHexColor
|
|
7
|
+
? "background: ".concat(buttonColor, "; \n box-shadow:none !important")
|
|
8
|
+
: "background-color: ".concat(buttonColor);
|
|
9
|
+
return (React.createElement("style", null, "\n .button-login {\n ".concat(styleButton, "\n }\n ")));
|
|
10
|
+
}
|
|
11
|
+
export default LoginStyle;
|
|
12
|
+
//# sourceMappingURL=login-style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"login-style.js","sourceRoot":"","sources":["../../../../src/components/LoginV3/login-style.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,SAAS,UAAU,CAAC,KAAgC;IAC1C,IAAA,WAAW,GAAK,KAAK,YAAV,CAAU;IAC7B,IAAM,eAAe,GAAG,kBAAkB,CAAA;IAC1C,IAAM,gBAAgB,GAAG,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IAC1D,IAAM,WAAW,GAAG,gBAAgB;QAClC,CAAC,CAAC,sBAAe,WAAW,0CACE;QAC9B,CAAC,CAAC,4BAAqB,WAAW,CAAE,CAAA;IAEtC,OAAO,CACL,mCACG,2CAEG,WAAW,uBAEd,CACK,CACT,CAAA;AACH,CAAC;AAED,eAAe,UAAU,CAAA"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -56,4 +56,8 @@ import PieChart from './components/Chart/PieChart/PieChart';
|
|
|
56
56
|
import BarChart from './components/Chart/BarChart/BarChart';
|
|
57
57
|
import DonutChart from './components/Chart/DonutChart/DonutChart';
|
|
58
58
|
import PHXTooltip from './components/ToolTip/ToolTip';
|
|
59
|
-
|
|
59
|
+
import PHXClientQueryV3 from './components/Func/clientQueryV3';
|
|
60
|
+
import PHXClientMutationV3 from './components/Func/clientMutationV3';
|
|
61
|
+
import { PHXLoginV3 } from './components/LoginV3';
|
|
62
|
+
import { PHXLoginSsoV3 } from './components/LoginSsoV3';
|
|
63
|
+
export { PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXSelectBox, PHXRadio, PHXCheckbox, PHXContainer, PHXFormStep, PHXFormTuition, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXClientQueryV3, PHXClientMutationV3, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXLoginSso, PHXLoginV3, PHXLoginSsoV3, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXUploadFile, PHXTableLogImportExport, PHXSearchResultList, PHXDatePicker, PHXLoginPn28, PHXEmptyRecord, PHXPagePermission, PHXTimePicker, PHXDropdown, PHXUploadAvatar, PHXGetHttpLinkConfig, PHXDateRangePicker, PHXUseDebounce, PHXResourceList, PHXGetCurrentYearWithTerm, PHXGetCurrentYearWithTermHocVu, PHXFetchAPI, PHXGetActiveYearAndNextYear, PHXLogUserActivity, PBFMainWrap, PieChart, BarChart, DonutChart, PHXTooltip, };
|
package/dist/esm/index.js
CHANGED
|
@@ -56,5 +56,9 @@ import PieChart from './components/Chart/PieChart/PieChart';
|
|
|
56
56
|
import BarChart from './components/Chart/BarChart/BarChart';
|
|
57
57
|
import DonutChart from './components/Chart/DonutChart/DonutChart';
|
|
58
58
|
import PHXTooltip from './components/ToolTip/ToolTip';
|
|
59
|
-
|
|
59
|
+
import PHXClientQueryV3 from './components/Func/clientQueryV3';
|
|
60
|
+
import PHXClientMutationV3 from './components/Func/clientMutationV3';
|
|
61
|
+
import { PHXLoginV3 } from './components/LoginV3';
|
|
62
|
+
import { PHXLoginSsoV3 } from './components/LoginSsoV3';
|
|
63
|
+
export { PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXSelectBox, PHXRadio, PHXCheckbox, PHXContainer, PHXFormStep, PHXFormTuition, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXClientQueryV3, PHXClientMutationV3, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXLoginSso, PHXLoginV3, PHXLoginSsoV3, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXUploadFile, PHXTableLogImportExport, PHXSearchResultList, PHXDatePicker, PHXLoginPn28, PHXEmptyRecord, PHXPagePermission, PHXTimePicker, PHXDropdown, PHXUploadAvatar, PHXGetHttpLinkConfig, PHXDateRangePicker, PHXUseDebounce, PHXResourceList, PHXGetCurrentYearWithTerm, PHXGetCurrentYearWithTermHocVu, PHXFetchAPI, PHXGetActiveYearAndNextYear, PHXLogUserActivity, PBFMainWrap, PieChart, BarChart, DonutChart, PHXTooltip, };
|
|
60
64
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,oBAAoB,MAAM,gCAAgC,CAAA;AACjE,OAAO,cAAc,MAAM,iCAAiC,CAAA;AAC5D,OAAO,iBAAiB,MAAM,oCAAoC,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAA;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,eAAe,MAAM,wCAAwC,CAAA;AACpE,OAAO,oBAAoB,MAAM,qCAAqC,CAAA;AACtE,OAAO,cAAc,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,yBAAyB,MAAM,iCAAiC,CAAA;AACvE,OAAO,8BAA8B,MAAM,sCAAsC,CAAA;AACjF,OAAO,2BAA2B,MAAM,8CAA8C,CAAA;AACtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AACjE,OAAO,WAAW,MAAM,+BAA+B,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,QAAQ,MAAM,sCAAsC,CAAA;AAC3D,OAAO,QAAQ,MAAM,sCAAsC,CAAA;AAC3D,OAAO,UAAU,MAAM,0CAA0C,CAAA;AACjE,OAAO,UAAU,MAAM,8BAA8B,CAAA;AACrD,OAAO,gBAAgB,MAAM,iCAAiC,CAAA;AAC9D,OAAO,mBAAmB,MAAM,oCAAoC,CAAA;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAEvD,OAAO,EACL,SAAS,EACT,OAAO,EACP,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EACnB,WAAW,EACX,QAAQ,EACR,OAAO,EACP,aAAa,EACb,mBAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,aAAa,EACb,SAAS,EACT,cAAc,EACd,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,uBAAuB,EACvB,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,yBAAyB,EACzB,8BAA8B,EAC9B,WAAW,EACX,2BAA2B,EAC3B,kBAAkB,EAClB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,GACX,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const getUserInfo = "\n query MyQuery($userId: Int) {\n users(where: { id: { _eq: $userId } }) {\n id\n email\n phone_number\n full_name\n school_id\n school {\n educational_levels(where: { deleted_at: { _is_null: true } }) {\n code\n }\n school_name_id\n email\n id\n phone\n name\n school_name {\n name\n group_id\n }\n }\n user_roles(where: { is_active: { _eq: true }, deleted_at: { _is_null: true } }) {\n role_id\n role {\n name\n role_code\n }\n }\n }\n }\n";
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export var getUserInfo = "\n query MyQuery($userId: Int) {\n users(where: { id: { _eq: $userId } }) {\n id\n email\n phone_number\n full_name\n school_id\n school {\n educational_levels(where: { deleted_at: { _is_null: true } }) {\n code\n }\n school_name_id\n email\n id\n phone\n name\n school_name {\n name\n group_id\n }\n }\n user_roles(where: { is_active: { _eq: true }, deleted_at: { _is_null: true } }) {\n role_id\n role {\n name\n role_code\n }\n }\n }\n }\n";
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/query/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,WAAW,GAAG,knBA+B1B,CAAA"}
|