phx-react 1.3.16 → 1.3.18

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface PHXLoginProps {
+    banner?: any;
+    logo?: any;
+    router?: any;
+    redirectPath?: any;
+}
+export declare const PHXLogin: (props: PHXLoginProps) => JSX.Element;
+export default PHXLogin;

package/dist/cjs/components/Login/Login.js

@@ -0,0 +1,100 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXLogin = 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 FormWrap_1 = require("../FormWrap");
+var Input_1 = require("../Input");
+var solid_1 = require("@heroicons/react/24/solid");
+var Button_1 = require("../Button");
+var queryLogin_1 = require("../../utils/queryLogin");
+var PHXLogin = function (props) {
+    var logo = props.logo, banner = props.banner, router = props.router, redirectPath = props.redirectPath;
+    var _a = (0, react_1.useState)(false), showPassword = _a[0], setShowPassword = _a[1];
+    var _b = (0, react_1.useState)(false), remember = _b[0], setRemember = _b[1];
+    var _c = (0, react_hook_form_1.useForm)(), handleSubmit = _c.handleSubmit, register = _c.register, errors = _c.formState.errors;
+    var handleClickShowPassword = function () {
+        setShowPassword(!showPassword);
+    };
+    var loginAction = (0, client_1.useLazyQuery)(queryLogin_1.getUserInfo, {
+        fetchPolicy: 'network-only'
+    })[0];
+    var onSubmitForm = function (values) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var email, password, loginInfo, userObjectString, error_1;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    email = values.email, password = values.password;
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, loginAction({
+                            variables: {
+                                email: email,
+                                password: password
+                            }
+                        })];
+                case 2:
+                    loginInfo = _a.sent();
+                    if (loginInfo && loginInfo.data) {
+                        userObjectString = JSON.stringify(loginInfo.data.users[0]);
+                        if (remember) {
+                            js_cookie_1["default"].set('isLoggedIn', userObjectString, { expires: 365 });
+                            router.push(redirectPath);
+                        }
+                        else {
+                            js_cookie_1["default"].set('isLoggedIn', userObjectString);
+                            router.push(redirectPath);
+                        }
+                    }
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    console.error('Error:', error_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (react_1["default"].createElement("main", { className: 'flex min-h-screen items-center justify-center text-gray-700' },
+        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 mx-auto w-full max-w-sm xl:w-96' },
+                    react_1["default"].createElement("div", { className: 'flex flex-col items-center' },
+                        react_1["default"].createElement("img", { className: 'h-[4rem] w-auto', src: logo !== null && logo !== void 0 ? logo : 'https://static-data.phx.asia/iris/iris-logo.png', alt: 'logo' }),
+                        react_1["default"].createElement("h2", { className: 'mt-8 text-2xl font-bold leading-9 tracking-tight text-gray-900' }, "\u0110\u0103ng nh\u1EADp")),
+                    react_1["default"].createElement("div", { className: 'mt-10' },
+                        react_1["default"].createElement(FormWrap_1.PHXFormWrap, { headerAction: false, footerAction: false, submit: true, 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, { label: 'Email', 
+                                        //@ts-ignore
+                                        error: errors.email, register: register('email', {
+                                            required: true
+                                        }), errorMessage: 'Vui l\u00F2ng nh\u1EADp email' })),
+                                react_1["default"].createElement("div", { className: 'relative mt-2' },
+                                    showPassword ? (react_1["default"].createElement(solid_1.EyeIcon, { className: 'w-4 h-5 absolute right-2 top-[1.8rem] cursor-pointer', onClick: handleClickShowPassword })) : (react_1["default"].createElement(solid_1.EyeSlashIcon, { className: 'w-4 h-5 absolute right-2 top-[1.8rem] cursor-pointer', onClick: handleClickShowPassword })),
+                                    react_1["default"].createElement(Input_1.PHXInput
+                                    //@ts-ignore
+                                    , { 
+                                        //@ts-ignore
+                                        error: errors.password, errorMessage: 'Vui l\u00F2ng nh\u1EADp m\u1EADt kh\u1EA9u', register: register('password', {
+                                            required: true
+                                        }), label: 'Password', type: showPassword ? 'text' : 'password', id: 'password' })),
+                                react_1["default"].createElement("div", { className: 'flex items-center justify-between' },
+                                    react_1["default"].createElement("div", { className: 'flex items-center' },
+                                        react_1["default"].createElement("input", { onChange: function (e) { return setRemember(e.target.checked); }, id: 'remember-me', name: 'remember-me', type: 'checkbox', className: 'h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600' }),
+                                        react_1["default"].createElement("label", { id: 'remember-me', className: 'ml-3 block text-sm leading-6 text-gray-900' }, "Ghi nh\u1EDB t\u00E0i kho\u1EA3n"))),
+                                react_1["default"].createElement(Button_1.PHXButton, { className: 'flex w-full justify-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600', primary: true, submit: true, size: 'large' }, "\u0110\u0103ng nh\u1EADp"))),
+                        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.PHXLogin = PHXLogin;
+exports["default"] = exports.PHXLogin;
+//# sourceMappingURL=Login.js.map

package/dist/cjs/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/cjs/components/Login/index.d.ts

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

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

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

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

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

package/dist/cjs/demo/LoginDemo.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const LoginDemo: () => JSX.Element;

package/dist/cjs/demo/LoginDemo.js

@@ -0,0 +1,13 @@
+"use strict";
+exports.__esModule = true;
+exports.LoginDemo = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Login_1 = require("../components/Login");
+var apollo_wrapper_1 = require("../lib/apollo-wrapper");
+var LoginDemo = function () {
+    return (react_1["default"].createElement(apollo_wrapper_1.ApolloWrapper, null,
+        react_1["default"].createElement(Login_1.PHXLogin, null)));
+};
+exports.LoginDemo = LoginDemo;
+//# sourceMappingURL=LoginDemo.js.map

package/dist/cjs/demo/LoginDemo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginDemo.js","sourceRoot":"","sources":["../../../src/demo/LoginDemo.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,6CAA8C;AAC9C,wDAAqD;AAE9C,IAAM,SAAS,GAAG;IACvB,OAAO,CACL,iCAAC,8BAAa;QACZ,iCAAC,gBAAQ,OAAG,CACE,CACjB,CAAA;AACH,CAAC,CAAA;AANY,QAAA,SAAS,aAMrB"}

package/dist/cjs/index.d.ts

@@ -20,4 +20,5 @@ import PHXClientMutation from './components/Func/clientMutationV2';
 import { PHXTextarea } from './components/Textarea';
 import { PHXModal } from './components/Modal';
 import { PHXTabs } from './components/Tabs';
-export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, };
+import { PHXLogin } from './components/Login';
+export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXLogin, };

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 exports.__esModule = true;
-exports.PHXTabs = exports.PHXModal = exports.PHXTextarea = exports.PHXClientMutation = exports.PHXClientQuery = exports.PHXFuncGetLoggedInfo = exports.PHXSkeleton = exports.PHXStep = exports.PHXNotifications = exports.PHXFormStep = exports.PHXCheckbox = exports.PHXRadio = exports.PHXSelect = exports.PHXInput = exports.PHXTable = exports.PHXHeaderBar = exports.PHXFormWrap = exports.PHXMainWrap = exports.PHXSpinner = exports.PHXCard = exports.PHXButton = exports.MyCounter = void 0;
+exports.PHXLogin = exports.PHXTabs = exports.PHXModal = exports.PHXTextarea = exports.PHXClientMutation = exports.PHXClientQuery = exports.PHXFuncGetLoggedInfo = exports.PHXSkeleton = exports.PHXStep = exports.PHXNotifications = exports.PHXFormStep = exports.PHXCheckbox = exports.PHXRadio = exports.PHXSelect = exports.PHXInput = exports.PHXTable = exports.PHXHeaderBar = exports.PHXFormWrap = exports.PHXMainWrap = exports.PHXSpinner = exports.PHXCard = exports.PHXButton = exports.MyCounter = void 0;
 var tslib_1 = require("tslib");
 var Step_1 = require("./components/Step");
 exports.PHXStep = Step_1.PHXStep;
@@ -46,4 +46,6 @@ var Modal_1 = require("./components/Modal");
 exports.PHXModal = Modal_1.PHXModal;
 var Tabs_1 = require("./components/Tabs");
 exports.PHXTabs = Tabs_1.PHXTabs;
+var Login_1 = require("./components/Login");
+exports.PHXLogin = Login_1.PHXLogin;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,0CAA2C;AAsCzC,kBAtCO,cAAO,CAsCP;AArCT,iEAAwC;AAuBtC,oBAvBK,gBAAS,CAuBL;AAtBX,8CAA+C;AAuB7C,oBAvBO,kBAAS,CAuBP;AAtBX,0CAA2C;AAuBzC,kBAvBO,cAAO,CAuBP;AAtBT,gDAAiD;AAuB/C,qBAvBO,oBAAU,CAuBP;AAtBZ,kDAAmD;AAuBjD,sBAvBO,sBAAW,CAuBP;AAtBb,4CAA6C;AAyB3C,mBAzBO,gBAAQ,CAyBP;AAxBV,kDAAmD;AAsBjD,sBAtBO,sBAAW,CAsBP;AArBb,oDAAqD;AAsBnD,uBAtBO,wBAAY,CAsBP;AArBd,4CAA6C;AAuB3C,mBAvBO,gBAAQ,CAuBP;AAtBV,8CAA+C;AAuB7C,oBAvBO,kBAAS,CAuBP;AAtBX,4CAA6C;AAuB3C,mBAvBO,gBAAQ,CAuBP;AAtBV,kDAAmD;AAuBjD,sBAvBO,sBAAW,CAuBP;AAtBb,kDAAmD;AAuBjD,sBAvBO,sBAAW,CAuBP;AAtBb,4DAA6D;AAuB3D,2BAvBO,gCAAgB,CAuBP;AAtBlB,kDAAmD;AAwBjD,sBAxBO,sBAAW,CAwBP;AAvBb,wFAAiE;AAwB/D,+BAxBK,yBAAoB,CAwBL;AAvBtB,0FAA4D;AAwB1D,yBAxBK,0BAAc,CAwBL;AAvBhB,gGAAkE;AAwBhE,4BAxBK,6BAAiB,CAwBL;AAvBnB,kDAAmD;AAwBjD,sBAxBO,sBAAW,CAwBP;AAvBb,4CAA6C;AAwB3C,mBAxBO,gBAAQ,CAwBP;AAvBV,0CAA2C;AAwBzC,kBAxBO,cAAO,CAwBP"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,0CAA2C;AAuCzC,kBAvCO,cAAO,CAuCP;AAtCT,iEAAwC;AAwBtC,oBAxBK,gBAAS,CAwBL;AAvBX,8CAA+C;AAwB7C,oBAxBO,kBAAS,CAwBP;AAvBX,0CAA2C;AAwBzC,kBAxBO,cAAO,CAwBP;AAvBT,gDAAiD;AAwB/C,qBAxBO,oBAAU,CAwBP;AAvBZ,kDAAmD;AAwBjD,sBAxBO,sBAAW,CAwBP;AAvBb,4CAA6C;AA0B3C,mBA1BO,gBAAQ,CA0BP;AAzBV,kDAAmD;AAuBjD,sBAvBO,sBAAW,CAuBP;AAtBb,oDAAqD;AAuBnD,uBAvBO,wBAAY,CAuBP;AAtBd,4CAA6C;AAwB3C,mBAxBO,gBAAQ,CAwBP;AAvBV,8CAA+C;AAwB7C,oBAxBO,kBAAS,CAwBP;AAvBX,4CAA6C;AAwB3C,mBAxBO,gBAAQ,CAwBP;AAvBV,kDAAmD;AAwBjD,sBAxBO,sBAAW,CAwBP;AAvBb,kDAAmD;AAwBjD,sBAxBO,sBAAW,CAwBP;AAvBb,4DAA6D;AAwB3D,2BAxBO,gCAAgB,CAwBP;AAvBlB,kDAAmD;AAyBjD,sBAzBO,sBAAW,CAyBP;AAxBb,wFAAiE;AAyB/D,+BAzBK,yBAAoB,CAyBL;AAxBtB,0FAA4D;AAyB1D,yBAzBK,0BAAc,CAyBL;AAxBhB,gGAAkE;AAyBhE,4BAzBK,6BAAiB,CAyBL;AAxBnB,kDAAmD;AAyBjD,sBAzBO,sBAAW,CAyBP;AAxBb,4CAA6C;AAyB3C,mBAzBO,gBAAQ,CAyBP;AAxBV,0CAA2C;AAyBzC,kBAzBO,cAAO,CAyBP;AAxBT,4CAA6C;AAyB3C,mBAzBO,gBAAQ,CAyBP"}

package/dist/cjs/lib/apollo-wrapper.js

@@ -6,8 +6,8 @@ var client_1 = require("@apollo/client");
 var ssr_1 = require("@apollo/experimental-nextjs-app-support/ssr");
 var react_1 = tslib_1.__importDefault(require("react"));
 function makeClient() {
-    var uri = 'https://graphql-iris.phx.asia/v1/graphql';
-    var key = 'jcVC8tvmdx8yhWkcv7GZDyvN3gD8elWGqFC0O6ocncgdIFqqDuj87u65Zv6ToP6kRA';
+    var uri = process.env.NEXT_PUBLIC_APOLLO_URL;
+    var key = process.env.NEXT_PUBLIC_HASURA_KEY;
     var httpLink = new client_1.HttpLink({
         uri: uri,
         headers: {

package/dist/cjs/lib/apollo-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"apollo-wrapper.js","sourceRoot":"","sources":["../../../src/lib/apollo-wrapper.tsx"],"names":[],"mappings":";;;;AAAA,yCAAqD;AACrD,mEAKoD;AACpD,wDAAyB;AAEzB,SAAS,UAAU;IACjB,IAAM,GAAG,GAAG,0CAA0C,CAAA;IACtD,IAAM,GAAG,GAAG,oEAAoE,CAAA;IAEhF,IAAM,QAAQ,GAAG,IAAI,iBAAQ,CAAC;QAC5B,GAAG,KAAA;QACH,OAAO,EAAE;YACP,aAAa;YACb,uBAAuB,EAAE,GAAG;SAC7B;KACF,CAAC,CAAA;IAEF,OAAO,IAAI,yBAAmB,CAAC;QAC7B,KAAK,EAAE,IAAI,0BAAoB,EAAE;QACjC,IAAI,EACF,OAAO,MAAM,KAAK,WAAW;YAC3B,CAAC,CAAC,mBAAU,CAAC,IAAI,CAAC;gBACd,IAAI,sBAAgB,CAAC;oBACnB,UAAU,EAAE,IAAI;iBACjB,CAAC;gBACF,QAAQ;aACT,CAAC;YACJ,CAAC,CAAC,QAAQ;KACf,CAAC,CAAA;AACJ,CAAC;AAED,oCAAoC;AACpC,SAAgB,aAAa,CAAC,EAAqC;QAAnC,QAAQ,cAAA;IACtC,OAAO,iCAAC,2BAAqB,IAAC,UAAU,EAAE,UAAU,IAAG,QAAQ,CAAyB,CAAA;AAC1F,CAAC;AAFD,sCAEC"}
+{"version":3,"file":"apollo-wrapper.js","sourceRoot":"","sources":["../../../src/lib/apollo-wrapper.tsx"],"names":[],"mappings":";;;;AAAA,yCAAqD;AACrD,mEAKoD;AACpD,wDAAyB;AAEzB,SAAS,UAAU;IACjB,IAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,sBAAsB,CAAA;IAC9C,IAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,sBAAsB,CAAA;IAE9C,IAAM,QAAQ,GAAG,IAAI,iBAAQ,CAAC;QAC5B,GAAG,KAAA;QACH,OAAO,EAAE;YACP,aAAa;YACb,uBAAuB,EAAE,GAAG;SAC7B;KACF,CAAC,CAAA;IAEF,OAAO,IAAI,yBAAmB,CAAC;QAC7B,KAAK,EAAE,IAAI,0BAAoB,EAAE;QACjC,IAAI,EACF,OAAO,MAAM,KAAK,WAAW;YAC3B,CAAC,CAAC,mBAAU,CAAC,IAAI,CAAC;gBACd,IAAI,sBAAgB,CAAC;oBACnB,UAAU,EAAE,IAAI;iBACjB,CAAC;gBACF,QAAQ;aACT,CAAC;YACJ,CAAC,CAAC,QAAQ;KACf,CAAC,CAAA;AACJ,CAAC;AAED,oCAAoC;AACpC,SAAgB,aAAa,CAAC,EAAqC;QAAnC,QAAQ,cAAA;IACtC,OAAO,iCAAC,2BAAqB,IAAC,UAAU,EAAE,UAAU,IAAG,QAAQ,CAAyB,CAAA;AAC1F,CAAC;AAFD,sCAEC"}

package/dist/cjs/utils/queryLogin.d.ts

@@ -0,0 +1 @@
+export declare const getUserInfo: import("@apollo/client").DocumentNode;

package/dist/cjs/utils/queryLogin.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.getUserInfo = void 0;
+var tslib_1 = require("tslib");
+var client_1 = require("@apollo/client");
+exports.getUserInfo = (0, client_1.gql)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  query GetUsers($email: String, $password: String) {\n    users(where: { email: { _eq: $email }, v2_password: { _eq: $password } }) {\n      email\n      v2_password\n      id\n      school_info_id\n      user_id\n      user_role_id\n      user_type\n      avatar\n      name\n      created_at\n      deleted_at\n      updated_at\n    }\n  }\n"], ["\n  query GetUsers($email: String, $password: String) {\n    users(where: { email: { _eq: $email }, v2_password: { _eq: $password } }) {\n      email\n      v2_password\n      id\n      school_info_id\n      user_id\n      user_role_id\n      user_type\n      avatar\n      name\n      created_at\n      deleted_at\n      updated_at\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=queryLogin.js.map

package/dist/cjs/utils/queryLogin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queryLogin.js","sourceRoot":"","sources":["../../../src/utils/queryLogin.ts"],"names":[],"mappings":";;;;AAAA,yCAAoC;AAEvB,QAAA,WAAW,OAAG,YAAG,waAAA,4VAiB7B,KAAA"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface PHXLoginProps {
+    banner?: any;
+    logo?: any;
+    router?: any;
+    redirectPath?: any;
+}
+export declare const PHXLogin: (props: PHXLoginProps) => JSX.Element;
+export default PHXLogin;

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

@@ -0,0 +1,96 @@
+import { __awaiter, __generator } from "tslib";
+import React, { useState } from 'react';
+import { useLazyQuery } from '@apollo/client';
+import Cookies from 'js-cookie';
+import { useForm } from 'react-hook-form';
+import { PHXFormWrap } from '../FormWrap';
+import { PHXInput } from '../Input';
+import { EyeIcon, EyeSlashIcon } from '@heroicons/react/24/solid';
+import { PHXButton } from '../Button';
+import { getUserInfo } from '../../utils/queryLogin';
+export var PHXLogin = function (props) {
+    var logo = props.logo, banner = props.banner, router = props.router, redirectPath = props.redirectPath;
+    var _a = useState(false), showPassword = _a[0], setShowPassword = _a[1];
+    var _b = useState(false), remember = _b[0], setRemember = _b[1];
+    var _c = useForm(), handleSubmit = _c.handleSubmit, register = _c.register, errors = _c.formState.errors;
+    var handleClickShowPassword = function () {
+        setShowPassword(!showPassword);
+    };
+    var loginAction = useLazyQuery(getUserInfo, {
+        fetchPolicy: 'network-only'
+    })[0];
+    var onSubmitForm = function (values) { return __awaiter(void 0, void 0, void 0, function () {
+        var email, password, loginInfo, userObjectString, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    email = values.email, password = values.password;
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, loginAction({
+                            variables: {
+                                email: email,
+                                password: password
+                            }
+                        })];
+                case 2:
+                    loginInfo = _a.sent();
+                    if (loginInfo && loginInfo.data) {
+                        userObjectString = JSON.stringify(loginInfo.data.users[0]);
+                        if (remember) {
+                            Cookies.set('isLoggedIn', userObjectString, { expires: 365 });
+                            router.push(redirectPath);
+                        }
+                        else {
+                            Cookies.set('isLoggedIn', userObjectString);
+                            router.push(redirectPath);
+                        }
+                    }
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    console.error('Error:', error_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (React.createElement("main", { className: 'flex min-h-screen items-center justify-center text-gray-700' },
+        React.createElement("div", { className: 'm-auto flex h-[100vh] max-w-[100vw] flex-1 justify-center' },
+            React.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.createElement("div", { className: 'lg:w-76 mx-auto w-full max-w-sm xl:w-96' },
+                    React.createElement("div", { className: 'flex flex-col items-center' },
+                        React.createElement("img", { className: 'h-[4rem] w-auto', src: logo !== null && logo !== void 0 ? logo : 'https://static-data.phx.asia/iris/iris-logo.png', alt: 'logo' }),
+                        React.createElement("h2", { className: 'mt-8 text-2xl font-bold leading-9 tracking-tight text-gray-900' }, "\u0110\u0103ng nh\u1EADp")),
+                    React.createElement("div", { className: 'mt-10' },
+                        React.createElement(PHXFormWrap, { headerAction: false, footerAction: false, submit: true, onSubmit: handleSubmit(onSubmitForm) },
+                            React.createElement("div", { className: 'space-y-6' },
+                                React.createElement("div", { className: 'mt-2' },
+                                    React.createElement(PHXInput, { label: 'Email', 
+                                        //@ts-ignore
+                                        error: errors.email, register: register('email', {
+                                            required: true
+                                        }), errorMessage: 'Vui l\u00F2ng nh\u1EADp email' })),
+                                React.createElement("div", { className: 'relative mt-2' },
+                                    showPassword ? (React.createElement(EyeIcon, { className: 'w-4 h-5 absolute right-2 top-[1.8rem] cursor-pointer', onClick: handleClickShowPassword })) : (React.createElement(EyeSlashIcon, { className: 'w-4 h-5 absolute right-2 top-[1.8rem] cursor-pointer', onClick: handleClickShowPassword })),
+                                    React.createElement(PHXInput
+                                    //@ts-ignore
+                                    , { 
+                                        //@ts-ignore
+                                        error: errors.password, errorMessage: 'Vui l\u00F2ng nh\u1EADp m\u1EADt kh\u1EA9u', register: register('password', {
+                                            required: true
+                                        }), label: 'Password', type: showPassword ? 'text' : 'password', id: 'password' })),
+                                React.createElement("div", { className: 'flex items-center justify-between' },
+                                    React.createElement("div", { className: 'flex items-center' },
+                                        React.createElement("input", { onChange: function (e) { return setRemember(e.target.checked); }, id: 'remember-me', name: 'remember-me', type: 'checkbox', className: 'h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600' }),
+                                        React.createElement("label", { id: 'remember-me', className: 'ml-3 block text-sm leading-6 text-gray-900' }, "Ghi nh\u1EDB t\u00E0i kho\u1EA3n"))),
+                                React.createElement(PHXButton, { className: 'flex w-full justify-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600', primary: true, submit: true, size: 'large' }, "\u0110\u0103ng nh\u1EADp"))),
+                        React.createElement("div", { className: 'mt-10' },
+                            React.createElement("div", { className: 'relative' },
+                                React.createElement("div", { className: 'absolute inset-0 flex items-center', "aria-hidden": 'true' })))))),
+            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/demo/LoginDemo.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const LoginDemo: () => JSX.Element;

package/dist/esm/demo/LoginDemo.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PHXLogin } from '../components/Login';
+import { ApolloWrapper } from '../lib/apollo-wrapper';
+export var LoginDemo = function () {
+    return (React.createElement(ApolloWrapper, null,
+        React.createElement(PHXLogin, null)));
+};
+//# sourceMappingURL=LoginDemo.js.map

package/dist/esm/demo/LoginDemo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginDemo.js","sourceRoot":"","sources":["../../../src/demo/LoginDemo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAErD,MAAM,CAAC,IAAM,SAAS,GAAG;IACvB,OAAO,CACL,oBAAC,aAAa;QACZ,oBAAC,QAAQ,OAAG,CACE,CACjB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/index.d.ts

@@ -20,4 +20,5 @@ import PHXClientMutation from './components/Func/clientMutationV2';
 import { PHXTextarea } from './components/Textarea';
 import { PHXModal } from './components/Modal';
 import { PHXTabs } from './components/Tabs';
-export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, };
+import { PHXLogin } from './components/Login';
+export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXLogin, };

package/dist/esm/index.js

@@ -20,5 +20,6 @@ import PHXClientMutation from './components/Func/clientMutationV2';
 import { PHXTextarea } from './components/Textarea';
 import { PHXModal } from './components/Modal';
 import { PHXTabs } from './components/Tabs';
-export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, };
+import { PHXLogin } from './components/Login';
+export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXLogin, };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,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,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,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;AAE3C,OAAO,EACL,SAAS,EACT,SAAS,EACT,OAAO,EACP,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACR,OAAO,GACR,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,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,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,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,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAE7C,OAAO,EACL,SAAS,EACT,SAAS,EACT,OAAO,EACP,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,CAAA"}

package/dist/esm/lib/apollo-wrapper.js

@@ -2,8 +2,8 @@ import { ApolloLink, HttpLink } from '@apollo/client';
 import { ApolloNextAppProvider, NextSSRInMemoryCache, SSRMultipartLink, NextSSRApolloClient, } from '@apollo/experimental-nextjs-app-support/ssr';
 import React from 'react';
 function makeClient() {
-    var uri = 'https://graphql-iris.phx.asia/v1/graphql';
-    var key = 'jcVC8tvmdx8yhWkcv7GZDyvN3gD8elWGqFC0O6ocncgdIFqqDuj87u65Zv6ToP6kRA';
+    var uri = process.env.NEXT_PUBLIC_APOLLO_URL;
+    var key = process.env.NEXT_PUBLIC_HASURA_KEY;
     var httpLink = new HttpLink({
         uri: uri,
         headers: {

package/dist/esm/lib/apollo-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"apollo-wrapper.js","sourceRoot":"","sources":["../../../src/lib/apollo-wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,6CAA6C,CAAA;AACpD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,SAAS,UAAU;IACjB,IAAM,GAAG,GAAG,0CAA0C,CAAA;IACtD,IAAM,GAAG,GAAG,oEAAoE,CAAA;IAEhF,IAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC;QAC5B,GAAG,KAAA;QACH,OAAO,EAAE;YACP,aAAa;YACb,uBAAuB,EAAE,GAAG;SAC7B;KACF,CAAC,CAAA;IAEF,OAAO,IAAI,mBAAmB,CAAC;QAC7B,KAAK,EAAE,IAAI,oBAAoB,EAAE;QACjC,IAAI,EACF,OAAO,MAAM,KAAK,WAAW;YAC3B,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC;gBACd,IAAI,gBAAgB,CAAC;oBACnB,UAAU,EAAE,IAAI;iBACjB,CAAC;gBACF,QAAQ;aACT,CAAC;YACJ,CAAC,CAAC,QAAQ;KACf,CAAC,CAAA;AACJ,CAAC;AAED,oCAAoC;AACpC,MAAM,UAAU,aAAa,CAAC,EAAqC;QAAnC,QAAQ,cAAA;IACtC,OAAO,oBAAC,qBAAqB,IAAC,UAAU,EAAE,UAAU,IAAG,QAAQ,CAAyB,CAAA;AAC1F,CAAC"}
+{"version":3,"file":"apollo-wrapper.js","sourceRoot":"","sources":["../../../src/lib/apollo-wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,6CAA6C,CAAA;AACpD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,SAAS,UAAU;IACjB,IAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,sBAAsB,CAAA;IAC9C,IAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,sBAAsB,CAAA;IAE9C,IAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC;QAC5B,GAAG,KAAA;QACH,OAAO,EAAE;YACP,aAAa;YACb,uBAAuB,EAAE,GAAG;SAC7B;KACF,CAAC,CAAA;IAEF,OAAO,IAAI,mBAAmB,CAAC;QAC7B,KAAK,EAAE,IAAI,oBAAoB,EAAE;QACjC,IAAI,EACF,OAAO,MAAM,KAAK,WAAW;YAC3B,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC;gBACd,IAAI,gBAAgB,CAAC;oBACnB,UAAU,EAAE,IAAI;iBACjB,CAAC;gBACF,QAAQ;aACT,CAAC;YACJ,CAAC,CAAC,QAAQ;KACf,CAAC,CAAA;AACJ,CAAC;AAED,oCAAoC;AACpC,MAAM,UAAU,aAAa,CAAC,EAAqC;QAAnC,QAAQ,cAAA;IACtC,OAAO,oBAAC,qBAAqB,IAAC,UAAU,EAAE,UAAU,IAAG,QAAQ,CAAyB,CAAA;AAC1F,CAAC"}

package/dist/esm/utils/queryLogin.d.ts

@@ -0,0 +1 @@
+export declare const getUserInfo: import("@apollo/client").DocumentNode;

package/dist/esm/utils/queryLogin.js

@@ -0,0 +1,5 @@
+import { __makeTemplateObject } from "tslib";
+import { gql } from '@apollo/client';
+export var getUserInfo = gql(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  query GetUsers($email: String, $password: String) {\n    users(where: { email: { _eq: $email }, v2_password: { _eq: $password } }) {\n      email\n      v2_password\n      id\n      school_info_id\n      user_id\n      user_role_id\n      user_type\n      avatar\n      name\n      created_at\n      deleted_at\n      updated_at\n    }\n  }\n"], ["\n  query GetUsers($email: String, $password: String) {\n    users(where: { email: { _eq: $email }, v2_password: { _eq: $password } }) {\n      email\n      v2_password\n      id\n      school_info_id\n      user_id\n      user_role_id\n      user_type\n      avatar\n      name\n      created_at\n      deleted_at\n      updated_at\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=queryLogin.js.map

package/dist/esm/utils/queryLogin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queryLogin.js","sourceRoot":"","sources":["../../../src/utils/queryLogin.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,MAAM,CAAC,IAAM,WAAW,GAAG,GAAG,+ZAAA,4VAiB7B,IAAA,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phx-react",
-  "version": "1.3.16",
+  "version": "1.3.18",
   "description": "My first react typescript package",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -94,4 +94,4 @@
     "@fortawesome/react-fontawesome": "^0.2.0",
     "js-cookie": "^3.0.5"
   }
-}
+}