phx-uikit 1.0.0

package/dist/cjs/components/LoginPn28/LoginPn28.js

@@ -0,0 +1,413 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXLoginPn28 = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var client_1 = require("@apollo/client");
+var js_cookie_1 = tslib_1.__importDefault(require("js-cookie"));
+var react_hook_form_1 = require("react-hook-form");
+var Input_1 = require("../Input");
+var Button_1 = require("../Button");
+// import { getOTP, getUserInfo, getUserInfoPn28, insertOTP, updatePassword, verifyEmail } from '../../utils/queryLogin'
+var queryLogin_1 = require("../../utils/queryLogin");
+var Banner_1 = require("../Banner");
+var clientQueryV2_1 = tslib_1.__importDefault(require("../Func/clientQueryV2"));
+var Checkbox_1 = require("../Checkbox");
+var constants_1 = require("../../utils/constants");
+var read_env_config_1 = require("../../read-env-config");
+var PHXLoginPn28 = function (props) {
+    var logo = props.logo, banner = props.banner, router = props.router, redirectPath = props.redirectPath;
+    var _a = (0, react_1.useState)(true), remember = _a[0], setRemember = _a[1];
+    var _b = (0, react_1.useState)(false), loginError = _b[0], setLoginError = _b[1];
+    var _c = (0, react_1.useState)(false), formResetPassord = _c[0], setFormResetPassword = _c[1];
+    var _d = (0, react_1.useState)(false), formVerifyCode = _d[0], setFormVerifyCode = _d[1];
+    //   const [openAlertSendMail, setOpenAlertSendMail] = useState<boolean>(false)
+    var _e = (0, react_1.useState)(false), formNewPassword = _e[0], setFormNewPassword = _e[1];
+    var _f = (0, react_1.useState)(false), loading = _f[0], setLoading = _f[1];
+    //   const [alertUpdatePassword, setAlertUpdatePassword] = useState<boolean>(false)
+    //   const [accountId, setAccountId] = useState<number>(0)
+    //   const [timeOutVerifyCode, setTimeOutVerifyCode] = useState<boolean>(false)
+    //   const [falseVerifyCode, setFalseVerifyCode] = useState<boolean>(false)
+    //   const [notificationMail, setNotificationMail] = useState<boolean>(false)
+    var _g = (0, react_1.useState)(true), isDisabled = _g[0], setIsDisabled = _g[1];
+    var _h = (0, react_1.useState)(60), countdown = _h[0], setCountdown = _h[1];
+    //   const [rollBackVerifyCode, setRollBackVerifyCode] = useState<boolean>(false)
+    var schoolLogo = (0, read_env_config_1.getEnv)('NEXT_PUBLIC_ENV_LOGIN_LOGO', process.env.NEXT_PUBLIC_ENV_LOGIN_LOGO);
+    var _j = (0, react_hook_form_1.useForm)(), handleSubmit = _j.handleSubmit, register = _j.register, errors = _j.formState.errors, reset = _j.reset;
+    //   const password = watch('newPassword')
+    //   const confirmPassword = watch('confirmPassword')
+    //   const email = watch('verifyEmail')
+    //   const verifyCode = watch('verify')
+    //   const [getVerifyEmail] = useLazyQuery(verifyEmail, {
+    //     variables: { email },
+    //   })
+    //   const [getOtpCode] = useLazyQuery(getOTP, {
+    //     fetchPolicy: 'network-only',
+    //   })
+    //   const [updatePasswordMutation] = useMutation(updatePassword, {
+    //     fetchPolicy: 'network-only',
+    //   })
+    //   const [insertOtpCode] = useMutation(insertOTP, {
+    //     fetchPolicy: 'network-only',
+    //   })
+    var loginAction = (0, client_1.useLazyQuery)(queryLogin_1.getUserInfoPn28, {
+        fetchPolicy: 'network-only'
+    })[0];
+    var onSubmitForm = function (values) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var email, password;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    email = values.email, password = values.password;
+                    setLoading(true);
+                    return [4 /*yield*/, (0, clientQueryV2_1["default"])(loginAction, {
+                            variables: {
+                                email: email,
+                                password: password
+                            }
+                        })
+                            .then(function (res) {
+                            var _a, _b, _c, _d, _e;
+                            if (((_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.users) === null || _b === void 0 ? void 0 : _b.length) > 0) {
+                                setLoginError(false);
+                                var userObjectString = JSON.stringify((_c = res.data) === null || _c === void 0 ? void 0 : _c.users[0]);
+                                if (remember) {
+                                    js_cookie_1["default"].set(constants_1.isLoggedCookie, userObjectString, { expires: 365 });
+                                }
+                                else {
+                                    setLoginError(false);
+                                    js_cookie_1["default"].set(constants_1.isLoggedCookie, userObjectString);
+                                }
+                                router.push(redirectPath);
+                            }
+                            else if (((_e = (_d = res.data) === null || _d === void 0 ? void 0 : _d.users) === null || _e === void 0 ? void 0 : _e.length) === 0) {
+                                setLoginError(true);
+                            }
+                            else {
+                                console.log('login error!');
+                                setLoginError(true);
+                            }
+                        })["catch"](function (err) {
+                            setLoading(false);
+                            setLoginError(true);
+                            console.log(err);
+                        })];
+                case 1:
+                    _a.sent();
+                    setLoading(false);
+                    reset();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    //   const generateRandomCode = () => {
+    //     const min = 10000
+    //     const max = 99999
+    //     const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min
+    //     const randomCode = randomNumber.toString()
+    //     return randomCode
+    //   }
+    //   const randomCode = generateRandomCode()
+    //   const otp_time = new Date()
+    //   const onSubmitVerityEmail = async () => {
+    //     const { data } = await getVerifyEmail({ variables: { email } })
+    //     if (data.users.length > 0) {
+    //       localStorage.setItem('account_id', data.users[0]?.id)
+    //       const users_id: any = localStorage.getItem('account_id')
+    //       setAccountId(+users_id)
+    //       await insertOtpCode({
+    //         variables: {
+    //           users_id: users_id,
+    //           otp_code: randomCode,
+    //           expiration_time: otp_time,
+    //         },
+    //       })
+    //       const dataSendMail: SendMailData = {
+    //         to: email,
+    //         subject: `Mã xác thực tài khoản`,
+    //         text: `Mã xác thực tài khoản của bạn là: ${randomCode},vui lòng không chia sẻ mã này cho ai`,
+    //       }
+    //       await emailService
+    //         .sendEmail(dataSendMail)
+    //         .then((res) => {
+    //           console.log('res', res)
+    //         })
+    //         .catch((err) => {
+    //           console.log(err)
+    //         })
+    //       setFormVerifyCode(true)
+    //       setOpenAlertSendMail(true)
+    //     } else {
+    //       setNotificationMail(true)
+    //     }
+    //     reset()
+    //   }
+    //   const onSubmitOtpCode = async () => {
+    //     const { data: user_data } = await getOtpCode({
+    //       variables: {
+    //         users_id: accountId,
+    //       },
+    //     })
+    //     const matchedOTP = user_data?.otp_verify?.find((otp: { otp_code: number }) => {
+    //       return otp.otp_code == verifyCode
+    //     })
+    //     if (matchedOTP) {
+    //       const oneMinuteInMilliseconds = 60 * 1000
+    //       const currentTime: any = new Date()
+    //       const otpTime: any = new Date(matchedOTP.expiration_time)
+    //       const timeDifference = Math.abs(currentTime - otpTime)
+    //       if (timeDifference <= oneMinuteInMilliseconds) {
+    //         console.log('Mã hợp lệ ')
+    //         setFormNewPassword(true)
+    //       } else {
+    //         console.log('Mã đã hết thời gian sử dụng')
+    //         setTimeOutVerifyCode(true)
+    //       }
+    //     } else {
+    //       console.log('Mã xác thực không chính xác hoặc không tồn tại!')
+    //       setFalseVerifyCode(true)
+    //     }
+    //     reset()
+    //   }
+    //   const onUpdatePassword = async () => {
+    //     await updatePasswordMutation({
+    //       variables: {
+    //         id: accountId,
+    //         password,
+    //       },
+    //     })
+    //     setAlertUpdatePassword(true)
+    //     setFormNewPassword(false)
+    //     setFormResetPassword(false)
+    //     setFormVerifyCode(false)
+    //     reset()
+    //   }
+    //   const handleResetTimeOTP = async () => {
+    //     setCountdown(60)
+    //     setIsDisabled(true)
+    //     const newRandomCode = generateRandomCode()
+    //     await insertOtpCode({
+    //       variables: {
+    //         users_id: accountId,
+    //         otp_code: newRandomCode,
+    //         expiration_time: otp_time,
+    //       },
+    //     })
+    //     const dataSendMail: SendMailData = {
+    //       to: email,
+    //       subject: `Mã xác thực tài khoản`,
+    //       text: `Mã xác thực tài khoản của bạn là: ${newRandomCode},vui lòng không chia sẻ mã này cho ai`,
+    //     }
+    //     await emailService
+    //       .sendEmail(dataSendMail)
+    //       .then((res) => {
+    //         console.log('res', res)
+    //       })
+    //       .catch((err) => {
+    //         console.log(err)
+    //       })
+    //     setRollBackVerifyCode(true)
+    //     reset()
+    //   }
+    (0, react_1.useEffect)(function () {
+        var timer = setInterval(function () {
+            if (countdown > 0 && formVerifyCode && isDisabled === true) {
+                setCountdown(countdown - 1);
+            }
+            else {
+                setIsDisabled(false);
+                clearInterval(timer);
+            }
+        }, 1000);
+        return function () { return clearInterval(timer); };
+    }, [countdown, formVerifyCode, isDisabled]);
+    //   const timeOutNotifications = 3000
+    //   const FormNewPassowrd = () => {
+    //     return (
+    //       <form onSubmit={handleSubmit(onUpdatePassword)}>
+    //         <div className='space-y-6'>
+    //           <PHXInput
+    //             errorType='custom-message'
+    //             errorMessageCustom='Vui lòng nhập thông tin'
+    //             //@ts-ignore
+    //             error={errors.newPassword}
+    //             register={register('newPassword', {
+    //               required: true,
+    //             })}
+    //             label='Mật khẩu mới'
+    //             id='newPassword'
+    //           />
+    //           <PHXInput
+    //             errorMessageCustom='Vui lòng nhập thông tin'
+    //             errorType='custom-message'
+    //             //@ts-ignore
+    //             error={errors.confirmPassword}
+    //             register={register('confirmPassword', {
+    //               required: true,
+    //             })}
+    //             label='Nhập lại mật khẩu'
+    //             id='confirmPassword'
+    //           />
+    //           {password !== confirmPassword && <p className='text-xs text-red-800'>Mật khẩu không trùng nhau</p>}
+    //         </div>
+    //         <PHXButton
+    //           className='mt-5 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
+    //           submit
+    //           size='medium'
+    //         >
+    //           Cập nhật mật khẩu
+    //         </PHXButton>
+    //       </form>
+    //     )
+    //   }
+    //   const FormVerifyCode = () => {
+    //     return (
+    //       <form onSubmit={handleSubmit(onSubmitOtpCode)}>
+    //         {timeOutVerifyCode && (
+    //           <PHXBanner
+    //             className='mb-5'
+    //             onClose={() => setTimeOutVerifyCode(false)}
+    //             show={timeOutVerifyCode}
+    //             type='danger'
+    //             title='Lỗi!'
+    //             description='Mã đã hết hạn sử dụng!'
+    //           />
+    //         )}
+    //         {falseVerifyCode && (
+    //           <PHXBanner
+    //             className='mb-5'
+    //             onClose={() => setFalseVerifyCode(false)}
+    //             show={falseVerifyCode}
+    //             type='danger'
+    //             title='Lỗi!'
+    //             description='Mã xác thực không chính xác!'
+    //           />
+    //         )}
+    //         <PHXInput
+    //           maxLength={5}
+    //           errorType='custom-message'
+    //           //@ts-ignore
+    //           error={errors.verify}
+    //           register={register('verify', {
+    //             required: true,
+    //             pattern: {
+    //               value: /^[1-9]\d*$/,
+    //               message: '',
+    //             },
+    //           })}
+    //           errorMessageCustom='Vui lòng nhập mã xác thực'
+    //           name='verify'
+    //           label='Nhập mã xác thực'
+    //           id='verify'
+    //         />
+    //         <PHXButton
+    //           disabled={verifyCode === '' || verifyCode < 10000}
+    //           className={`mt-5 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 ${
+    //             verifyCode === '' || verifyCode < 10000 ? 'cursor-not-allowed' : ''
+    //           }`}
+    //           primary
+    //           submit
+    //           size='medium'
+    //         >
+    //           Xác thực tài khoản
+    //         </PHXButton>
+    //         <PHXButton
+    //           disabled={isDisabled}
+    //           onClick={handleResetTimeOTP}
+    //           className={`mt-5 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 ${
+    //             isDisabled ? 'cursor-not-allowed' : ''
+    //           }`}
+    //           primary
+    //           size='medium'
+    //         >
+    //           {`Gửi lại mã ${
+    //             formVerifyCode && countdown > 0 ? (countdown && isDisabled === true ? formVerifyCode && countdown : '') : ''
+    //           }`}
+    //         </PHXButton>
+    //       </form>
+    //     )
+    //   }
+    //   const FormVerifyEmail = () => {
+    //     return (
+    //       <form onSubmit={handleSubmit(onSubmitVerityEmail)}>
+    //         <div className='mt-2'>
+    //           <PHXInput
+    //             errorType='custom-message'
+    //             label='Nhập email đăng ký tài khoản'
+    //             //@ts-ignore
+    //             error={errors.verifyEmail}
+    //             register={register('verifyEmail', {
+    //               required: true,
+    //             })}
+    //             name='verifyEmail'
+    //             errorMessageCustom='Vui lòng nhập email'
+    //           />
+    //         </div>
+    //         <PHXButton
+    //           className='mt-5 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
+    //           submit
+    //           size='medium'
+    //         >
+    //           Xác minh email
+    //         </PHXButton>
+    //       </form>
+    //     )
+    //   }
+    var FormLogin = function () {
+        return (react_1["default"].createElement("form", { onSubmit: handleSubmit(onSubmitForm) },
+            react_1["default"].createElement("div", { className: 'space-y-6' },
+                react_1["default"].createElement("div", { className: 'mt-2' },
+                    react_1["default"].createElement(Input_1.PHXInput, { errorType: 'custom-message', label: 'Email', 
+                        //@ts-ignore
+                        error: errors.email, register: register('email', {
+                            required: true
+                        }), errorMessageCustom: 'Vui l\u00F2ng nh\u1EADp email' })),
+                react_1["default"].createElement(Input_1.PHXInput, { errorType: 'custom-message', 
+                    //@ts-ignore
+                    error: errors.password, errorMessageCustom: 'Vui l\u00F2ng nh\u1EADp m\u1EADt kh\u1EA9u', register: register('password', {
+                        required: true
+                    }), label: 'Password', type: 'password', id: 'password' }),
+                react_1["default"].createElement("div", { className: 'flex' },
+                    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); } })),
+                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"))));
+    };
+    var handleBackPage = function () {
+        console.log('click vào đây');
+        switch (true) {
+            case formVerifyCode:
+                setFormVerifyCode(false);
+                break;
+            case formNewPassword:
+                setFormNewPassword(false);
+                break;
+            default:
+                setFormResetPassword(false);
+                break;
+        }
+    };
+    return (react_1["default"].createElement("main", { className: 'flex min-h-full' },
+        react_1["default"].createElement("div", { className: 'm-auto flex h-[100vh] max-w-[100vw] flex-1 justify-center' },
+            react_1["default"].createElement("div", { className: 'py-auto flex w-[40%] flex-1 flex-col justify-center px-4 sm:px-6 lg:flex-none lg:px-12' },
+                react_1["default"].createElement("div", { className: 'lg:w-76 w-full max-w-sm xl:w-96 ml-[5rem]' },
+                    react_1["default"].createElement("div", { className: 'flex flex-col' },
+                        react_1["default"].createElement("img", { className: 'max-w-[7rem] mb-3', src: logo !== null && logo !== void 0 ? logo : "".concat(schoolLogo), alt: 'logo' }),
+                        formResetPassord && (react_1["default"].createElement("div", { className: 'flex items-center mt-2 cursor-pointer', onClick: handleBackPage },
+                            react_1["default"].createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', stroke: 'currentColor', className: 'w-50 h-4 cursor-pointer' },
+                                react_1["default"].createElement("path", { strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2', d: 'M10 19l-7-7m0 0l7-7m-7 7h18' })),
+                            react_1["default"].createElement("p", { className: 'text-sm cursor-pointer select-none ml-2' }, "Quay l\u1EA1i"))),
+                        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")),
+                    loginError && (react_1["default"].createElement("div", { className: 'w-full px-3 py-1.5' },
+                        react_1["default"].createElement(Banner_1.PHXBanner, { show: loginError, 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!' }))),
+                    react_1["default"].createElement("div", { className: 'mt-5' },
+                        FormLogin(),
+                        react_1["default"].createElement("div", { className: 'mt-10' },
+                            react_1["default"].createElement("div", { className: 'relative' },
+                                react_1["default"].createElement("div", { className: 'absolute inset-0 flex items-center', "aria-hidden": 'true' })))))),
+            react_1["default"].createElement("div", { className: 'relative hidden w-0 flex-1 lg:block lg:w-full' },
+                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' })))));
+};
+exports.PHXLoginPn28 = PHXLoginPn28;
+exports["default"] = exports.PHXLoginPn28;
+//# sourceMappingURL=LoginPn28.js.map

package/dist/cjs/components/LoginPn28/LoginPn28.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginPn28.js","sourceRoot":"","sources":["../../../../src/components/LoginPn28/LoginPn28.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/LoginPn28/index.d.ts

@@ -0,0 +1 @@
+export * from './LoginPn28';

package/dist/cjs/components/LoginPn28/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./LoginPn28"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/LoginPn28/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LoginPn28/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B"}

package/dist/cjs/components/LoginSso/index.d.ts

@@ -0,0 +1 @@
+export * from './login-sso';

package/dist/cjs/components/LoginSso/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./login-sso"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/LoginSso/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LoginSso/index.tsx"],"names":[],"mappings":";;;AAAA,sDAA2B"}

package/dist/cjs/components/LoginSso/login-sso.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type TPHXLoginSso = {
+    onClick: () => void;
+    dataSession: any;
+    logo?: any;
+    router?: any;
+    redirectPath?: any;
+    banner?: any;
+};
+export declare const PHXLoginSso: (props: TPHXLoginSso) => React.JSX.Element;
+export default PHXLoginSso;

package/dist/cjs/components/LoginSso/login-sso.js

@@ -0,0 +1,106 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXLoginSso = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var js_cookie_1 = tslib_1.__importDefault(require("js-cookie"));
+var Skeleton_1 = require("../Skeleton");
+var Button_1 = require("../Button");
+var Banner_1 = require("../Banner");
+var read_env_config_1 = require("../../read-env-config");
+var constants_1 = require("../../utils/constants");
+var getUserInfor_1 = tslib_1.__importDefault(require("../Func/getUserInfor"));
+var saveCookiesClient_1 = tslib_1.__importDefault(require("../Func/saveCookiesClient"));
+var client_1 = require("@apollo/client");
+var queryLogin_1 = require("../../utils/queryLogin");
+var PHXLoginSso = function (props) {
+    var onClick = props.onClick, banner = props.banner, dataSession = props.dataSession, router = props.router, redirectPath = props.redirectPath, logo = props.logo;
+    var schoolLogo = (0, read_env_config_1.getEnv)('NEXT_PUBLIC_ENV_LOGIN_LOGO', process.env.NEXT_PUBLIC_ENV_LOGIN_LOGO);
+    var _a = (0, react_1.useState)(false), loading = _a[0], setLoading = _a[1];
+    var _b = (0, react_1.useState)(false), error = _b[0], setError = _b[1];
+    var cookie = js_cookie_1["default"].get(constants_1.isLoggedCookie);
+    var authToken = js_cookie_1["default"].get(constants_1.AUTH_TOKEN);
+    var handlerOnClick = function () {
+        setLoading(true);
+        onClick();
+    };
+    var loginAction = (0, client_1.useLazyQuery)(queryLogin_1.getUserInfo, {
+        fetchPolicy: 'network-only'
+    })[0];
+    var handlerSaveCookies = function (session) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var idUser, data, valueAuthen, valueIsLogin;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!session.data.token.token) return [3 /*break*/, 4];
+                    idUser = session.data.token.userId;
+                    return [4 /*yield*/, (0, getUserInfor_1["default"])(loginAction, idUser, session.data.token.token)];
+                case 1:
+                    data = _a.sent();
+                    if (!data) return [3 /*break*/, 3];
+                    valueAuthen = JSON.stringify(session.data.token);
+                    (0, saveCookiesClient_1["default"])(constants_1.AUTH_TOKEN, valueAuthen, true);
+                    valueIsLogin = JSON.stringify(data === null || data === void 0 ? void 0 : data.users[0]);
+                    (0, saveCookiesClient_1["default"])(constants_1.isLoggedCookie, valueIsLogin, true);
+                    return [4 /*yield*/, dataSession.update({ name: null })];
+                case 2:
+                    _a.sent();
+                    router === null || router === void 0 ? void 0 : router.push(redirectPath);
+                    _a.label = 3;
+                case 3: return [3 /*break*/, 5];
+                case 4:
+                    setError(true);
+                    setLoading(false);
+                    _a.label = 5;
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handlerCheckLogin = function () {
+        var _a, _b;
+        if (!cookie || !authToken) {
+            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)) {
+                setLoading(true);
+                handlerSaveCookies(dataSession);
+            }
+            else if (dataSession.status === 'loading') {
+                setLoading(true);
+            }
+            else {
+                setLoading(false);
+            }
+        }
+        else {
+            router === null || router === void 0 ? void 0 : router.push(redirectPath);
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        handlerCheckLogin();
+    }, [dataSession]);
+    return (react_1["default"].createElement(react_1["default"].Fragment, null,
+        react_1["default"].createElement("main", { className: 'flex min-h-full' },
+            react_1["default"].createElement("div", { className: 'm-auto flex h-[100vh] max-w-[100vw] flex-1 justify-center' },
+                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' },
+                    react_1["default"].createElement("div", { className: 'lg:w-76 w-full xl:w-96' },
+                        react_1["default"].createElement("div", { className: 'flex flex-col' },
+                            react_1["default"].createElement("img", { className: 'max-w-[240px] mb-3', src: logo !== null && logo !== void 0 ? logo : "".concat(schoolLogo), alt: 'logo' })),
+                        react_1["default"].createElement("div", { className: 'mt-5' },
+                            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' },
+                                react_1["default"].createElement("div", { className: 'flex gap-2 items-center' },
+                                    react_1["default"].createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '14', height: '14', viewBox: '0 0 24 24', fill: 'none' },
+                                        react_1["default"].createElement("g", { clipPath: 'url(#clip0_1739_10008)' },
+                                            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' }),
+                                            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' }),
+                                            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' }),
+                                            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' })),
+                                        react_1["default"].createElement("defs", null,
+                                            react_1["default"].createElement("clipPath", { id: 'clip0_1739_10008' },
+                                                react_1["default"].createElement("rect", { width: '24', height: '24', fill: 'white' })))),
+                                    "\u0110\u0103ng nh\u1EADp b\u1EB1ng Microsoft")))),
+                            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' })))),
+                react_1["default"].createElement("div", { className: 'relative hidden w-0 flex-1 lg:block lg:w-full' },
+                    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' }))))));
+};
+exports.PHXLoginSso = PHXLoginSso;
+exports["default"] = exports.PHXLoginSso;
+//# sourceMappingURL=login-sso.js.map

package/dist/cjs/components/LoginSso/login-sso.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-sso.js","sourceRoot":"","sources":["../../../../src/components/LoginSso/login-sso.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/MainWrap/MainWrap.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface MainWrapProps {
+    children: any;
+    pathName: string;
+    router: any;
+    params?: any;
+    hiddenLeftMenu?: any;
+    logoHeight?: any;
+    getDataCookies?: any;
+    multipleMenu?: boolean;
+}
+export declare const PHXMainWrap: ({ children, params, pathName, router, hiddenLeftMenu, logoHeight, getDataCookies, multipleMenu, }: MainWrapProps) => React.JSX.Element;