phx-uikit 1.0.0

package/dist/esm/components/Input/Input.d.ts

@@ -0,0 +1,24 @@
+import React, { InputHTMLAttributes } from 'react';
+import { UseFormRegisterReturn } from 'react-hook-form';
+import { ComplexAction } from '../types';
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    className?: string;
+    label?: string;
+    helpText?: string;
+    register?: UseFormRegisterReturn;
+    registerSelect?: UseFormRegisterReturn;
+    error?: boolean;
+    errorMessageCustom?: string;
+    listOption?: Array<{
+        id: number;
+        name: string;
+    }>;
+    selected?: number;
+    disabled?: boolean;
+    errorType?: 'required-field' | 'validate-input-field' | 'duplicate-field' | 'validate-phone-number' | 'validate-input-email' | 'custom-message';
+    prefix?: string;
+    suffix?: string;
+    labelAction?: ComplexAction;
+    buttonAction?: ComplexAction;
+}
+export declare const PHXInput: React.FC<InputProps>;

package/dist/esm/components/Input/Input.js

@@ -0,0 +1,53 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { classNames } from '../types';
+import { PHXButton } from '../Button';
+import ErrorMessage from '../../commons/ErrorMessage';
+export var PHXInput = function (_a) {
+    var className = _a.className, error = _a.error, errorType = _a.errorType, errorMessageCustom = _a.errorMessageCustom, helpText = _a.helpText, label = _a.label, register = _a.register, registerSelect = _a.registerSelect, listOption = _a.listOption, disabled = _a.disabled, selected = _a.selected, prefix = _a.prefix, suffix = _a.suffix, labelAction = _a.labelAction, buttonAction = _a.buttonAction, rest = __rest(_a, ["className", "error", "errorType", "errorMessageCustom", "helpText", "label", "register", "registerSelect", "listOption", "disabled", "selected", "prefix", "suffix", "labelAction", "buttonAction"]);
+    var message = function (type) {
+        var errorMessage = '';
+        switch (type) {
+            case 'required-field':
+                errorMessage = 'Vui lòng nhập thông tin';
+                break;
+            case 'validate-input-field':
+                errorMessage = 'Vui lòng nhập thông tin hợp lệ (độ dài 1 - 60 kí tự)';
+                break;
+            case 'duplicate-field':
+                errorMessage = 'Thông tin đã tồn tại';
+                break;
+            case 'validate-phone-number':
+                errorMessage = 'Số điện thoại chưa hợp lệ';
+                break;
+            case 'validate-input-email':
+                errorMessage = 'Định dạng email chưa đúng, vui lòng nhập lại';
+                break;
+            case 'custom-message':
+                errorMessage = errorMessageCustom;
+                break;
+            default:
+                break;
+        }
+        return errorMessage;
+    };
+    return (React.createElement("div", { className: className },
+        React.createElement("div", { className: classNames(label ? 'flex mb-1 text-xs font-normal text-gray-700' : 'hidden', label && (labelAction === null || labelAction === void 0 ? void 0 : labelAction.content) ? 'justify-between' : '') },
+            label && React.createElement("label", null, label),
+            (labelAction === null || labelAction === void 0 ? void 0 : labelAction.content) && (React.createElement("p", { className: 'text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline', onClick: labelAction.onClick }, labelAction.content))),
+        React.createElement("div", { className: classNames((buttonAction === null || buttonAction === void 0 ? void 0 : buttonAction.content) ? 'flex gap-x-2' : '') },
+            React.createElement("div", { className: classNames((buttonAction === null || buttonAction === void 0 ? void 0 : buttonAction.content) ? 'relative flex-1' : 'relative') },
+                React.createElement("input", __assign({}, register, rest, { disabled: disabled, className: classNames('block w-full border-[0.5px] rounded-lg border-gray-500 py-1.5 px-3 text-xs font-normal shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', disabled ? 'bg-gray-50' : '', !prefix && 'pl-3', !suffix && 'pr-3'), style: {
+                        paddingLeft: "".concat(prefix && prefix.length * 10 + 12, "px"),
+                        paddingRight: "".concat(suffix && suffix.length * 10 + 12, "px")
+                    } })),
+                prefix && React.createElement("div", { className: 'absolute top-[0.425rem] left-2.5 text-gray-500 text-xs' }, prefix),
+                suffix && React.createElement("div", { className: 'absolute top-[0.425rem] right-2.5 text-gray-500 text-xs' }, suffix),
+                listOption && (React.createElement("div", { className: 'absolute inset-y-0 right-0 flex items-center' },
+                    React.createElement("select", __assign({ id: 'unit' }, registerSelect, { className: 'h-full rounded-md border-0 bg-transparent py-0 pl-2 pr-7 text-gray-500 focus:ring-2 focus:ring-inset focus:ring-indigo-600 text-xs font-normal' }), listOption.map(function (item) { return (React.createElement(React.Fragment, null,
+                        React.createElement("option", { key: item.id, value: item.id, selected: selected === item.id }, item.name))); }))))),
+            (buttonAction === null || buttonAction === void 0 ? void 0 : buttonAction.content) && (React.createElement(PHXButton, { onClick: buttonAction.onClick, secondary: true, size: 'micro' }, buttonAction.content))),
+        helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
+        error && errorType ? React.createElement(ErrorMessage, { message: message(errorType) }) : null));
+};
+//# sourceMappingURL=Input.js.map

package/dist/esm/components/Input/Input.js.map

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

package/dist/esm/components/Input/index.d.ts

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

package/dist/esm/components/Input/index.js

@@ -0,0 +1,2 @@
+export * from './Input';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/dist/esm/components/Loading/Spinner.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface LoadingProps {
+    color?: 'indigo' | 'gray';
+    className?: string;
+}
+export declare const PHXSpinner: ({ color, className }: LoadingProps) => React.JSX.Element;

package/dist/esm/components/Loading/Spinner.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { classNames } from '../types';
+export var PHXSpinner = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? 'indigo' : _b, _c = _a.className, className = _c === void 0 ? 'w-5 h-5' : _c;
+    var colorMaker = classNames(color === 'indigo' && 'text-indigo-600', color === 'gray' && 'text-gray-600');
+    return (React.createElement("div", { className: "animate-spin inline-block ".concat(className, " border-[3px] border-current border-t-transparent ").concat(colorMaker, " rounded-full"), role: 'status', "aria-label": 'loading1' }));
+};
+//# sourceMappingURL=Spinner.js.map

package/dist/esm/components/Loading/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/components/Loading/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAOrC,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAAyD;QAAvD,aAAgB,EAAhB,KAAK,mBAAG,QAAQ,KAAA,EAAE,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA;IAClE,IAAM,UAAU,GAAG,UAAU,CAAC,KAAK,KAAK,QAAQ,IAAI,iBAAiB,EAAE,KAAK,KAAK,MAAM,IAAI,eAAe,CAAC,CAAA;IAC3G,OAAO,CACL,6BACE,SAAS,EAAE,oCAA6B,SAAS,+DAAqD,UAAU,kBAAe,EAC/H,IAAI,EAAC,QAAQ,gBACF,UAAU,GAChB,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Loading/index.d.ts

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

package/dist/esm/components/Loading/index.js

@@ -0,0 +1,2 @@
+export * from './Spinner';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Loading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Loading/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}

package/dist/esm/components/Login/Login.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface PHXLoginProps {
+    banner?: any;
+    logo?: any;
+    router?: any;
+    redirectPath?: any;
+    buttonColor?: any;
+}
+export declare const PHXLogin: (props: PHXLoginProps) => React.JSX.Element;
+export default PHXLogin;

package/dist/esm/components/Login/Login.js

@@ -0,0 +1,186 @@
+import { __awaiter, __generator } from "tslib";
+import React, { useEffect, useState } from 'react';
+import { useLazyQuery } from '@apollo/client';
+import { useForm } from 'react-hook-form';
+import { PHXInput } from '../Input';
+import { PHXButton } from '../Button';
+import { getUserInfo } from '../../utils/queryLogin';
+import { PHXBanner } from '../Banner';
+import { AUTH_TOKEN, isLoggedCookie } from '../../utils/constants';
+import { getEnv } from '../../read-env-config';
+import { GET_SCHOOL, queryProfile } from '../../query/gql';
+import GetUserInfor from '../Func/getUserInfor';
+import saveCookiesClient from '../Func/saveCookiesClient';
+import { PHXCheckbox } from '../Checkbox';
+import LoginStyle from './login-style';
+import PHXClientQuery from '../Func/clientQueryV2';
+import PHXFuncGetLoggedInfo from '../Func/getLoginInfo';
+import Cookies from 'js-cookie';
+export var PHXLogin = function (props) {
+    var logo = props.logo, banner = props.banner, router = props.router, redirectPath = props.redirectPath, buttonColor = props.buttonColor;
+    var _a = useState(true), remember = _a[0], setRemember = _a[1];
+    var _b = useState(false), loginError = _b[0], setLoginError = _b[1];
+    var _c = useState(false), loading = _c[0], setLoading = _c[1];
+    var authenCookies = PHXFuncGetLoggedInfo();
+    var loginAction = useLazyQuery(getUserInfo, {
+        fetchPolicy: 'network-only'
+    })[0];
+    var schoolLogo = getEnv('NEXT_PUBLIC_ENV_LOGIN_LOGO', process.env.NEXT_PUBLIC_ENV_LOGIN_LOGO);
+    var _d = useForm(), handleSubmit = _d.handleSubmit, register = _d.register, errors = _d.formState.errors;
+    var uri = getEnv('NEXT_PUBLIC_API', process.env.NEXT_PUBLIC_API);
+    var GetProfile = useLazyQuery(queryProfile, {
+        fetchPolicy: 'network-only',
+        notifyOnNetworkStatusChange: true
+    })[0];
+    var getTokenInfo = function (email, password) { return __awaiter(void 0, void 0, void 0, function () {
+        var authenProfile, authenTeacher, authenParent, tokenInfoRes, tokenInfo, error_1;
+        var _a, _b, _c, _d, _e, _f;
+        return __generator(this, function (_g) {
+            switch (_g.label) {
+                case 0: return [4 /*yield*/, PHXClientQuery(GetProfile, {
+                        variables: {
+                            email: email
+                        }
+                    })];
+                case 1:
+                    authenProfile = _g.sent();
+                    authenTeacher = (_c = (_b = (_a = authenProfile.data) === null || _a === void 0 ? void 0 : _a.profile_teacher) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.is_quit_job;
+                    authenParent = (_f = (_e = (_d = authenProfile.data) === null || _d === void 0 ? void 0 : _d.profile_staff) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.is_quit_job;
+                    if (authenTeacher || authenParent)
+                        return [2 /*return*/];
+                    _g.label = 2;
+                case 2:
+                    _g.trys.push([2, 6, , 7]);
+                    return [4 /*yield*/, fetch("".concat(uri, "/authen/login"), {
+                            headers: {
+                                'Content-Type': 'application/json'
+                            },
+                            method: 'post',
+                            body: JSON.stringify({
+                                email: email,
+                                password: password
+                            })
+                        })];
+                case 3:
+                    tokenInfoRes = _g.sent();
+                    if (!tokenInfoRes) return [3 /*break*/, 5];
+                    return [4 /*yield*/, tokenInfoRes.json()];
+                case 4:
+                    tokenInfo = _g.sent();
+                    return [2 /*return*/, tokenInfo];
+                case 5: return [3 /*break*/, 7];
+                case 6:
+                    error_1 = _g.sent();
+                    console.error(error_1);
+                    return [2 /*return*/, null];
+                case 7: return [2 /*return*/];
+            }
+        });
+    }); };
+    var onSubmitForm = function (values) { return __awaiter(void 0, void 0, void 0, function () {
+        var email, password, tokenInfo, userInfo, token, data, user, roleUser, userLength, userObjectString;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    email = values.email, password = values.password;
+                    setLoading(true);
+                    return [4 /*yield*/, getTokenInfo(email, password)
+                        // sai thông tin đăng nhập
+                    ];
+                case 1:
+                    tokenInfo = _a.sent();
+                    // sai thông tin đăng nhập
+                    if (!tokenInfo || (tokenInfo === null || tokenInfo === void 0 ? void 0 : tokenInfo.message)) {
+                        console.log('login lỗi');
+                        setLoginError(true);
+                        setLoading(false);
+                        return [2 /*return*/];
+                    }
+                    // ghi nhớ tài khoản
+                    return [4 /*yield*/, saveCookiesClient(AUTH_TOKEN, JSON.stringify(tokenInfo), true)];
+                case 2:
+                    // ghi nhớ tài khoản
+                    _a.sent();
+                    userInfo = tokenInfo.userInfo, token = tokenInfo.token;
+                    return [4 /*yield*/, GetUserInfor(loginAction, userInfo === null || userInfo === void 0 ? void 0 : userInfo.id, token)];
+                case 3:
+                    data = _a.sent();
+                    if (!data) return [3 /*break*/, 6];
+                    user = data === null || data === void 0 ? void 0 : data.users;
+                    roleUser = user[0].user_roles[0].role.role_code;
+                    userLength = user.length;
+                    if (!(userLength > 0 && roleUser)) return [3 /*break*/, 5];
+                    userObjectString = JSON.stringify(user[0]);
+                    return [4 /*yield*/, saveCookiesClient(isLoggedCookie, userObjectString, true)];
+                case 4:
+                    _a.sent();
+                    setLoading(false);
+                    setLoginError(false);
+                    router.push(redirectPath);
+                    _a.label = 5;
+                case 5: return [3 /*break*/, 7];
+                case 6:
+                    setLoginError(true);
+                    setLoading(false);
+                    _a.label = 7;
+                case 7: return [2 /*return*/];
+            }
+        });
+    }); };
+    var getSchool = useLazyQuery(GET_SCHOOL, {
+        variables: {
+            group_id: '',
+            school_name_id: '',
+            user_id: '',
+            school_id: ''
+        },
+        fetchPolicy: 'network-only',
+        notifyOnNetworkStatusChange: true
+    })[0];
+    useEffect(function () {
+        getSchool({
+            variables: {
+                group_id: '',
+                school_name_id: '',
+                user_id: ''
+            }
+        });
+    }, []);
+    var authenToken = typeof window !== 'undefined' && Cookies.get('authToken');
+    // nếu đã có token login thì push về dasboard
+    useEffect(function () {
+        if (authenCookies && authenToken) {
+            window.location.replace(redirectPath);
+        }
+    }, [authenCookies, authenToken]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(LoginStyle, { buttonColor: buttonColor }),
+        React.createElement("main", { className: 'flex min-h-full' },
+            React.createElement("div", { className: 'm-auto flex h-[100vh] max-w-[100vw] flex-1 justify-center' },
+                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' },
+                    React.createElement("div", { className: 'lg:w-76 w-full xl:w-96' },
+                        React.createElement("div", { className: 'flex flex-col' },
+                            React.createElement("img", { className: 'max-w-[240px] mb-3', src: logo !== null && logo !== void 0 ? logo : "".concat(schoolLogo), alt: 'logo' }),
+                            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"),
+                            loginError && (React.createElement("div", { className: 'w-full' },
+                                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.' }))),
+                            React.createElement("form", { onSubmit: handleSubmit(onSubmitForm) },
+                                React.createElement("div", { className: 'space-y-6' },
+                                    React.createElement("div", { className: 'mt-2' },
+                                        React.createElement(PHXInput, { errorType: 'custom-message', label: 'Email', 
+                                            //@ts-ignore
+                                            error: errors.email, register: register('email', {
+                                                required: true
+                                            }), errorMessageCustom: 'Vui l\u00F2ng nh\u1EADp email' })),
+                                    React.createElement(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.createElement(PHXCheckbox, { defaultChecked: remember, title: 'Ghi nh\u1EDB t\u00E0i kho\u1EA3n', onChange: function (e) { return setRemember(e.target.checked); } }),
+                                    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")))))),
+                React.createElement("div", { className: 'relative hidden w-0 flex-1 lg:block lg:w-full' },
+                    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' }))))));
+};
+export default PHXLogin;
+//# sourceMappingURL=Login.js.map

package/dist/esm/components/Login/Login.js.map

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

package/dist/esm/components/Login/index.d.ts

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

package/dist/esm/components/Login/index.js

@@ -0,0 +1,2 @@
+export * from './Login';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Login/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Login/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/dist/esm/components/Login/login-style.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface LoginStyleProps {
+    buttonColor: string;
+}
+declare function LoginStyle(props: Readonly<LoginStyleProps>): React.JSX.Element;
+export default LoginStyle;

package/dist/esm/components/Login/login-style.js

@@ -0,0 +1,12 @@
+import React from 'react';
+function LoginStyle(props) {
+    var buttonColor = props.buttonColor;
+    var hexColorPattern = /#[0-9A-Fa-f]{6}/g;
+    var containsHexColor = hexColorPattern.test(buttonColor);
+    var styleButton = containsHexColor
+        ? "background: ".concat(buttonColor, "; \n       box-shadow:none !important")
+        : "background-color: ".concat(buttonColor);
+    return (React.createElement("style", null, "\n      .button-login {\n        ".concat(styleButton, "\n       }\n      ")));
+}
+export default LoginStyle;
+//# sourceMappingURL=login-style.js.map

package/dist/esm/components/Login/login-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-style.js","sourceRoot":"","sources":["../../../../src/components/Login/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/components/LoginPn28/LoginPn28.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface PHXLoginPn28Props {
+    banner?: any;
+    logo?: any;
+    router?: any;
+    redirectPath?: any;
+}
+export declare const PHXLoginPn28: (props: PHXLoginPn28Props) => React.JSX.Element;
+export default PHXLoginPn28;