phx-react 1.3.30 → 1.3.32

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface BannerProps {
+    type?: 'informational' | 'success' | 'warning' | 'danger';
+    title?: string;
+    description?: string;
+    className?: string;
+    onClose?(): void;
+}
+export declare const PHXBanner: ({ type, className, title, description, onClose }: BannerProps) => JSX.Element;

package/dist/cjs/components/Banner/Banner.js

@@ -0,0 +1,33 @@
+"use strict";
+'use client';
+exports.__esModule = true;
+exports.PHXBanner = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var types_1 = require("../types");
+var PHXBanner = function (_a) {
+    var _b = _a.type, type = _b === void 0 ? 'informational' : _b, className = _a.className, title = _a.title, description = _a.description, onClose = _a.onClose;
+    var classNameType = (0, types_1.classNames)(type === 'informational' && 'bg-[#91d0ff]', type === 'success' && 'bg-[#29845a] text-white', type === 'warning' && 'bg-[#ffb800]', type === 'danger' && 'bg-[#e51c00] text-white');
+    var Icon = function () { return (react_1["default"].createElement(react_1["default"].Fragment, null,
+        type === 'informational' && (react_1["default"].createElement("svg", { className: 'mr-2 h-4 w-4', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 22 22', xmlns: 'http://www.w3.org/2000/svg' },
+            react_1["default"].createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' }))),
+        type === 'success' && (react_1["default"].createElement("svg", { className: 'mr-2 h-3 w-3', fill: 'none', stroke: 'currentColor', strokeWidth: '3', viewBox: '0 0 22 22', xmlns: 'http://www.w3.org/2000/svg' },
+            react_1["default"].createElement("path", { d: 'M4.5 12.75l6 6 9-13.5', strokeLinecap: 'round', strokeLinejoin: 'round' }))),
+        type === 'warning' && (react_1["default"].createElement("svg", { className: 'mr-2 h-4 w-4', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 22 22', xmlns: 'http://www.w3.org/2000/svg' },
+            react_1["default"].createElement("path", { d: 'M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' }))),
+        type === 'danger' && (react_1["default"].createElement("svg", { className: 'mr-2 h-4 w-4', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 22 22', xmlns: 'http://www.w3.org/2000/svg' },
+            react_1["default"].createElement("path", { d: 'M12 9v3.75m0-10.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.75c0 5.592 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.57-.598-3.75h-.152c-3.196 0-6.1-1.249-8.25-3.286zm0 13.036h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' }))))); };
+    return (react_1["default"].createElement("div", { className: "flex w-full flex-col rounded-lg border bg-white text-xs shadow-[0rem_0.1rem_0rem_#00000012] ".concat(className) },
+        react_1["default"].createElement("div", { className: "flex items-center justify-between rounded-tl-lg rounded-tr-lg bg-[#29845a] px-3 py-2 font-medium leading-3 ".concat(classNameType) },
+            react_1["default"].createElement("div", { className: 'flex items-center' },
+                react_1["default"].createElement(Icon, null),
+                react_1["default"].createElement("span", null, title)),
+            react_1["default"].createElement("div", null,
+                react_1["default"].createElement("button", { className: 'rounded-md p-1 hover:bg-[#1a1a1a0d] hover:text-gray-600', type: 'button', onClick: onClose },
+                    react_1["default"].createElement("span", { className: 'sr-only' }, "Close"),
+                    react_1["default"].createElement("svg", { className: 'h-4 w-4', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
+                        react_1["default"].createElement("path", { d: 'M6 18L18 6M6 6l12 12', strokeLinecap: 'round', strokeLinejoin: 'round' }))))),
+        react_1["default"].createElement("div", { className: 'px-4 pb-4 pt-3.5 text-gray-600' }, description)));
+};
+exports.PHXBanner = PHXBanner;
+//# sourceMappingURL=Banner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AACZ,wDAAyB;AACzB,kCAAqC;AAU9B,IAAM,SAAS,GAAG,UAAC,EAA+E;QAA7E,YAAsB,EAAtB,IAAI,mBAAG,eAAe,KAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,OAAO,aAAA;IACxF,IAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,IAAI,KAAK,eAAe,IAAI,cAAc,EAC1C,IAAI,KAAK,SAAS,IAAI,yBAAyB,EAC/C,IAAI,KAAK,SAAS,IAAI,cAAc,EACpC,IAAI,KAAK,QAAQ,IAAI,yBAAyB,CAC/C,CAAA;IAED,IAAM,IAAI,GAAG,cAAM,OAAA,CACjB;QACG,IAAI,KAAK,eAAe,IAAI,CAC3B,0CACE,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;YAElC,2CACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE,CACP;QACA,IAAI,KAAK,SAAS,IAAI,CACrB,0CACE,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;YAElC,2CAAM,CAAC,EAAC,uBAAuB,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,CAC3E,CACP;QACA,IAAI,KAAK,SAAS,IAAI,CACrB,0CACE,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;YAElC,2CACE,CAAC,EAAC,kLAAkL,EACpL,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE,CACP;QACA,IAAI,KAAK,QAAQ,IAAI,CACpB,0CACE,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;YAElC,2CACE,CAAC,EAAC,2NAA2N,EAC7N,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE,CACP,CACA,CACJ,EA/DkB,CA+DlB,CAAA;IACD,OAAO,CACL,0CACE,SAAS,EAAE,sGAA+F,SAAS,CAAE;QAErH,0CACE,SAAS,EAAE,qHAA8G,aAAa,CAAE;YAExI,0CAAK,SAAS,EAAC,mBAAmB;gBAChC,iCAAC,IAAI,OAAG;gBACR,+CAAO,KAAK,CAAQ,CAChB;YACN;gBACE,6CAAQ,SAAS,EAAC,yDAAyD,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO;oBACxG,2CAAM,SAAS,EAAC,SAAS,YAAa;oBACtC,0CACE,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;wBAElC,2CAAM,CAAC,EAAC,sBAAsB,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,CAC1E,CACC,CACL,CACF;QACN,0CAAK,SAAS,EAAC,gCAAgC,IAAE,WAAW,CAAO,CAC/D,CACP,CAAA;AACH,CAAC,CAAA;AAtGY,QAAA,SAAS,aAsGrB"}

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

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

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

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

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

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

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

@@ -3,7 +3,6 @@ import { UseFormRegisterReturn } from 'react-hook-form';
 export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
     className?: string;
     children?: any;
-    id?: any;
     label?: string;
     title?: string;
     helpText?: string;

package/dist/cjs/components/Checkbox/Checkbox.js

@@ -4,7 +4,7 @@ exports.PHXCheckbox = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var PHXCheckbox = function (_a) {
-    var children = _a.children, className = _a.className, id = _a.id, _b = _a.expanded, expanded = _b === void 0 ? true : _b, helpText = _a.helpText, label = _a.label, title = _a.title, register = _a.register, onChange = _a.onChange, rest = tslib_1.__rest(_a, ["children", "className", "id", "expanded", "helpText", "label", "title", "register", "onChange"]);
+    var children = _a.children, className = _a.className, _b = _a.expanded, expanded = _b === void 0 ? true : _b, helpText = _a.helpText, label = _a.label, title = _a.title, register = _a.register, onChange = _a.onChange, rest = tslib_1.__rest(_a, ["children", "className", "expanded", "helpText", "label", "title", "register", "onChange"]);
     var _c = (0, react_1.useState)(false), show = _c[0], setShow = _c[1];
     var handleChange = function (e) {
         setShow(e.target.checked);
@@ -14,9 +14,10 @@ var PHXCheckbox = function (_a) {
     };
     return (react_1["default"].createElement("div", { className: className },
         label && react_1["default"].createElement("label", { className: 'block text-xs font-normal text-gray-700' }, label),
-        react_1["default"].createElement("div", { className: 'py-1 flex items-center' },
-            react_1["default"].createElement("input", tslib_1.__assign({}, rest, register, { id: id, className: 'block h-4 w-4 rounded border border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent', onChange: handleChange, type: 'checkbox' })),
-            react_1["default"].createElement("label", { htmlFor: id, className: 'ml-2 leading-5 block text-xs font-normal text-gray-700 hover:cursor-pointer' }, title)),
+        react_1["default"].createElement("div", { className: 'flex items-center py-1' },
+            react_1["default"].createElement("label", { className: 'block flex items-center text-xs font-normal leading-5 text-gray-700 hover:cursor-pointer' },
+                react_1["default"].createElement("input", tslib_1.__assign({}, rest, register, { className: 'block h-4 w-4 rounded border border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent', onChange: handleChange, type: 'checkbox' })),
+                react_1["default"].createElement("span", { className: 'ml-2' }, title))),
         helpText && expanded && show ? react_1["default"].createElement("div", { className: 'pl-7 text-xs font-light text-gray-400' }, helpText) : null,
         expanded && show ? react_1["default"].createElement("div", { className: 'ml-7' }, children) : react_1["default"].createElement(react_1["default"].Fragment, null)));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;AAAA,qDAA4D;AAerD,IAAM,WAAW,GAA4B,UAAC,EAWrC;IAVd,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,EAAE,QAAA,EACF,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,sBAV4C,iGAWpD,CADQ;IAED,IAAA,KAAkB,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAAzC,IAAI,QAAA,EAAE,OAAO,QAA4B,CAAA;IAEhD,IAAM,YAAY,GAAG,UAAC,CAAM;QAC1B,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QACzB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC,CAAA;SACZ;IACH,CAAC,CAAA;IAED,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,4CAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QACpF,0CAAK,SAAS,EAAC,wBAAwB;YACrC,+DACM,IAAI,EACJ,QAAQ,IACZ,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,4HAA4H,EACtI,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,UAAU,IACf;YACF,4CAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAC,6EAA6E,IACxG,KAAK,CACA,CACJ;QACL,QAAQ,IAAI,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,uCAAuC,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC7G,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,MAAM,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,mEAAK,CAC9D,CACP,CAAA;AACH,CAAC,CAAA;AAzCY,QAAA,WAAW,eAyCvB"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;AAAA,qDAA4D;AAcrD,IAAM,WAAW,GAA4B,UAAC,EAUrC;IATd,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,sBAT4C,2FAUpD,CADQ;IAED,IAAA,KAAkB,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAAzC,IAAI,QAAA,EAAE,OAAO,QAA4B,CAAA;IAEhD,IAAM,YAAY,GAAG,UAAC,CAAM;QAC1B,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QACzB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC,CAAA;SACZ;IACH,CAAC,CAAA;IAED,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,4CAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QACpF,0CAAK,SAAS,EAAC,wBAAwB;YACrC,4CAAO,SAAS,EAAC,0FAA0F;gBACzG,+DACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAC,4HAA4H,EACtI,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,UAAU,IACf;gBACF,2CAAM,SAAS,EAAC,MAAM,IAAE,KAAK,CAAQ,CAC/B,CACJ;QACL,QAAQ,IAAI,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,uCAAuC,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC7G,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,MAAM,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,mEAAK,CAC9D,CACP,CAAA;AACH,CAAC,CAAA;AAvCY,QAAA,WAAW,eAuCvB"}

package/dist/cjs/components/ChoiceList/ChoiceList.js

@@ -8,7 +8,7 @@ function PHXChoiceList(_a) {
     var label = _a.label, list = _a.list;
     return (react_1["default"].createElement(react_1["default"].Fragment, null,
         label && react_1["default"].createElement("label", { className: 'block pb-1 text-xs font-medium leading-5 text-gray-700' }, label),
-        list.map(function (item) { return (react_1["default"].createElement(Checkbox_1.PHXCheckbox, { key: item.title, helpText: item.helpText, id: item.title, register: item.register, title: item.title }, item.component)); })));
+        list.map(function (item) { return (react_1["default"].createElement(Checkbox_1.PHXCheckbox, { key: item.title, helpText: item.helpText, register: item.register, title: item.title }, item.component)); })));
 }
 exports.PHXChoiceList = PHXChoiceList;
 //# sourceMappingURL=ChoiceList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChoiceList.js","sourceRoot":"","sources":["../../../../src/components/ChoiceList/ChoiceList.tsx"],"names":[],"mappings":";;;;AACA,wCAAyC;AACzC,wDAAyB;AAczB,SAAgB,aAAa,CAAC,EAA2B;QAAzB,KAAK,WAAA,EAAE,IAAI,UAAA;IACzC,OAAO,CACL;QACG,KAAK,IAAI,4CAAO,SAAS,EAAC,wDAAwD,IAAE,KAAK,CAAS;QAClG,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACvB,iCAAC,sBAAW,IACV,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,IAAI,CAAC,KAAK,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,IAEhB,IAAI,CAAC,SAAS,CACH,CACf,EAVwB,CAUxB,CAAC,CACD,CACJ,CAAA;AACH,CAAC;AAjBD,sCAiBC"}
+{"version":3,"file":"ChoiceList.js","sourceRoot":"","sources":["../../../../src/components/ChoiceList/ChoiceList.tsx"],"names":[],"mappings":";;;;AACA,wCAAyC;AACzC,wDAAyB;AAczB,SAAgB,aAAa,CAAC,EAA2B;QAAzB,KAAK,WAAA,EAAE,IAAI,UAAA;IACzC,OAAO,CACL;QACG,KAAK,IAAI,4CAAO,SAAS,EAAC,wDAAwD,IAAE,KAAK,CAAS;QAClG,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACvB,iCAAC,sBAAW,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IAC9F,IAAI,CAAC,SAAS,CACH,CACf,EAJwB,CAIxB,CAAC,CACD,CACJ,CAAA;AACH,CAAC;AAXD,sCAWC"}

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

@@ -11,63 +11,64 @@ 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 Banner_1 = require("../Banner");
 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 _c = (0, react_1.useState)(false), loading = _c[0], setLoading = _c[1];
+    var _d = (0, react_1.useState)(false), loginError = _d[0], setLoginError = _d[1];
+    var _e = (0, react_hook_form_1.useForm)(), handleSubmit = _e.handleSubmit, register = _e.register, errors = _e.formState.errors;
     var handleClickShowPassword = function () {
         setShowPassword(!showPassword);
     };
+    var authCookies = js_cookie_1["default"].get('isLoggedIn');
+    var authSession = sessionStorage.getItem('isLoggedIn');
     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, auth, auth, error_1;
+        var email, password;
         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]);
+                    setLoading(true);
                     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 });
-                            auth = js_cookie_1["default"].get('isLoggedIn');
-                            if (auth === 'undefined') {
-                                console.log('Login error!');
-                            }
-                            else {
-                                router.push(redirectPath);
+                        })
+                            .then(function (res) {
+                            var _a, _b;
+                            if (((_a = res.data.users) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                                setLoginError(false);
+                                var userObjectString = JSON.stringify(res.data.users[0]);
+                                if (remember) {
+                                    js_cookie_1["default"].set('isLoggedIn', userObjectString, { expires: 365 });
+                                }
+                                else {
+                                    sessionStorage.setItem('isLoggedIn', userObjectString);
+                                }
+                                if (authCookies || authSession) {
+                                    router.push(redirectPath);
+                                }
                             }
-                        }
-                        else {
-                            js_cookie_1["default"].set('isLoggedIn', userObjectString);
-                            auth = js_cookie_1["default"].get('isLoggedIn');
-                            if (auth === 'undefined') {
-                                console.log('Login error!');
+                            else if (((_b = res.data) === null || _b === void 0 ? void 0 : _b.users.length) === 0) {
+                                setLoginError(true);
                             }
                             else {
-                                router.push(redirectPath);
+                                console.log('login error');
                             }
-                        }
-                    }
-                    return [3 /*break*/, 4];
-                case 3:
-                    error_1 = _a.sent();
-                    console.error('Error:', error_1);
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
+                        })["catch"](function (err) {
+                            setLoginError(true);
+                            console.log(err);
+                        })];
+                case 1:
+                    _a.sent();
+                    setLoading(false);
+                    return [2 /*return*/];
             }
         });
     }); };
@@ -78,6 +79,7 @@ var PHXLogin = function (props) {
                     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")),
+                    loginError && (react_1["default"].createElement(Banner_1.PHXBanner, { className: 'mt-10', onClose: function () { return setLoginError(false); }, type: 'danger', title: '\u0110\u0103ng nh\u1EADp th\u1EA5t b\u1EA1i!', description: 'Th\u00F4ng tin t\u00E0i kho\u1EA3n kh\u00F4ng ch\u00EDnh x\u00E1c!' })),
                     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' },
@@ -98,9 +100,11 @@ var PHXLogin = function (props) {
                                         }), 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("input", { onChange: function (e) { return setRemember(e.target.checked); }, 
+                                            // change id
+                                            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(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"))),
                         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' })))))),

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

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

package/dist/cjs/index.d.ts

@@ -24,4 +24,5 @@ import { PHXChoiceList } from './components/ChoiceList';
 import { PHXDescriptionLists } from './components/DescriptionLists';
 import { PHXBadge } from './components/Badge';
 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, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, };
+import { PHXBanner } from './components/Banner';
+export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, };

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 exports.__esModule = true;
-exports.PHXLogin = exports.PHXBadge = exports.PHXDescriptionLists = exports.PHXChoiceList = 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.PHXBanner = exports.PHXLogin = exports.PHXBadge = exports.PHXDescriptionLists = exports.PHXChoiceList = 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;
@@ -54,4 +54,6 @@ var Badge_1 = require("./components/Badge");
 exports.PHXBadge = Badge_1.PHXBadge;
 var Login_1 = require("./components/Login");
 exports.PHXLogin = Login_1.PHXLogin;
+var Banner_1 = require("./components/Banner");
+exports.PHXBanner = Banner_1.PHXBanner;
 //# 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;AA0CzC,kBA1CO,cAAO,CA0CP;AAzCT,iEAAwC;AA2BtC,oBA3BK,gBAAS,CA2BL;AA1BX,8CAA+C;AA2B7C,oBA3BO,kBAAS,CA2BP;AA1BX,0CAA2C;AA2BzC,kBA3BO,cAAO,CA2BP;AA1BT,gDAAiD;AA2B/C,qBA3BO,oBAAU,CA2BP;AA1BZ,kDAAmD;AA2BjD,sBA3BO,sBAAW,CA2BP;AA1Bb,4CAA6C;AA6B3C,mBA7BO,gBAAQ,CA6BP;AA5BV,kDAAmD;AA0BjD,sBA1BO,sBAAW,CA0BP;AAzBb,oDAAqD;AA0BnD,uBA1BO,wBAAY,CA0BP;AAzBd,4CAA6C;AA2B3C,mBA3BO,gBAAQ,CA2BP;AA1BV,8CAA+C;AA2B7C,oBA3BO,kBAAS,CA2BP;AA1BX,4CAA6C;AA2B3C,mBA3BO,gBAAQ,CA2BP;AA1BV,kDAAmD;AA2BjD,sBA3BO,sBAAW,CA2BP;AA1Bb,kDAAmD;AA2BjD,sBA3BO,sBAAW,CA2BP;AA1Bb,4DAA6D;AA2B3D,2BA3BO,gCAAgB,CA2BP;AA1BlB,kDAAmD;AA4BjD,sBA5BO,sBAAW,CA4BP;AA3Bb,wFAAiE;AA4B/D,+BA5BK,yBAAoB,CA4BL;AA3BtB,0FAA4D;AA4B1D,yBA5BK,0BAAc,CA4BL;AA3BhB,gGAAkE;AA4BhE,4BA5BK,6BAAiB,CA4BL;AA3BnB,kDAAmD;AA4BjD,sBA5BO,sBAAW,CA4BP;AA3Bb,4CAA6C;AA4B3C,mBA5BO,gBAAQ,CA4BP;AA3BV,0CAA2C;AA4BzC,kBA5BO,cAAO,CA4BP;AA3BT,sDAAuD;AA4BrD,wBA5BO,0BAAa,CA4BP;AA3Bf,kEAAmE;AA4BjE,8BA5BO,sCAAmB,CA4BP;AA3BrB,4CAA6C;AA4B3C,mBA5BO,gBAAQ,CA4BP;AA3BV,4CAA6C;AA4B3C,mBA5BO,gBAAQ,CA4BP"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,0CAA2C;AA2CzC,kBA3CO,cAAO,CA2CP;AA1CT,iEAAwC;AA4BtC,oBA5BK,gBAAS,CA4BL;AA3BX,8CAA+C;AA4B7C,oBA5BO,kBAAS,CA4BP;AA3BX,0CAA2C;AA4BzC,kBA5BO,cAAO,CA4BP;AA3BT,gDAAiD;AA4B/C,qBA5BO,oBAAU,CA4BP;AA3BZ,kDAAmD;AA4BjD,sBA5BO,sBAAW,CA4BP;AA3Bb,4CAA6C;AA8B3C,mBA9BO,gBAAQ,CA8BP;AA7BV,kDAAmD;AA2BjD,sBA3BO,sBAAW,CA2BP;AA1Bb,oDAAqD;AA2BnD,uBA3BO,wBAAY,CA2BP;AA1Bd,4CAA6C;AA4B3C,mBA5BO,gBAAQ,CA4BP;AA3BV,8CAA+C;AA4B7C,oBA5BO,kBAAS,CA4BP;AA3BX,4CAA6C;AA4B3C,mBA5BO,gBAAQ,CA4BP;AA3BV,kDAAmD;AA4BjD,sBA5BO,sBAAW,CA4BP;AA3Bb,kDAAmD;AA4BjD,sBA5BO,sBAAW,CA4BP;AA3Bb,4DAA6D;AA4B3D,2BA5BO,gCAAgB,CA4BP;AA3BlB,kDAAmD;AA6BjD,sBA7BO,sBAAW,CA6BP;AA5Bb,wFAAiE;AA6B/D,+BA7BK,yBAAoB,CA6BL;AA5BtB,0FAA4D;AA6B1D,yBA7BK,0BAAc,CA6BL;AA5BhB,gGAAkE;AA6BhE,4BA7BK,6BAAiB,CA6BL;AA5BnB,kDAAmD;AA6BjD,sBA7BO,sBAAW,CA6BP;AA5Bb,4CAA6C;AA6B3C,mBA7BO,gBAAQ,CA6BP;AA5BV,0CAA2C;AA6BzC,kBA7BO,cAAO,CA6BP;AA5BT,sDAAuD;AA6BrD,wBA7BO,0BAAa,CA6BP;AA5Bf,kEAAmE;AA6BjE,8BA7BO,sCAAmB,CA6BP;AA5BrB,4CAA6C;AA6B3C,mBA7BO,gBAAQ,CA6BP;AA5BV,4CAA6C;AA6B3C,mBA7BO,gBAAQ,CA6BP;AA5BV,8CAA+C;AA6B7C,oBA7BO,kBAAS,CA6BP"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface BannerProps {
+    type?: 'informational' | 'success' | 'warning' | 'danger';
+    title?: string;
+    description?: string;
+    className?: string;
+    onClose?(): void;
+}
+export declare const PHXBanner: ({ type, className, title, description, onClose }: BannerProps) => JSX.Element;

package/dist/esm/components/Banner/Banner.js

@@ -0,0 +1,28 @@
+'use client';
+import React from 'react';
+import { classNames } from '../types';
+export var PHXBanner = function (_a) {
+    var _b = _a.type, type = _b === void 0 ? 'informational' : _b, className = _a.className, title = _a.title, description = _a.description, onClose = _a.onClose;
+    var classNameType = classNames(type === 'informational' && 'bg-[#91d0ff]', type === 'success' && 'bg-[#29845a] text-white', type === 'warning' && 'bg-[#ffb800]', type === 'danger' && 'bg-[#e51c00] text-white');
+    var Icon = function () { return (React.createElement(React.Fragment, null,
+        type === 'informational' && (React.createElement("svg", { className: 'mr-2 h-4 w-4', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 22 22', xmlns: 'http://www.w3.org/2000/svg' },
+            React.createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' }))),
+        type === 'success' && (React.createElement("svg", { className: 'mr-2 h-3 w-3', fill: 'none', stroke: 'currentColor', strokeWidth: '3', viewBox: '0 0 22 22', xmlns: 'http://www.w3.org/2000/svg' },
+            React.createElement("path", { d: 'M4.5 12.75l6 6 9-13.5', strokeLinecap: 'round', strokeLinejoin: 'round' }))),
+        type === 'warning' && (React.createElement("svg", { className: 'mr-2 h-4 w-4', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 22 22', xmlns: 'http://www.w3.org/2000/svg' },
+            React.createElement("path", { d: 'M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' }))),
+        type === 'danger' && (React.createElement("svg", { className: 'mr-2 h-4 w-4', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 22 22', xmlns: 'http://www.w3.org/2000/svg' },
+            React.createElement("path", { d: 'M12 9v3.75m0-10.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.75c0 5.592 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.57-.598-3.75h-.152c-3.196 0-6.1-1.249-8.25-3.286zm0 13.036h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' }))))); };
+    return (React.createElement("div", { className: "flex w-full flex-col rounded-lg border bg-white text-xs shadow-[0rem_0.1rem_0rem_#00000012] ".concat(className) },
+        React.createElement("div", { className: "flex items-center justify-between rounded-tl-lg rounded-tr-lg bg-[#29845a] px-3 py-2 font-medium leading-3 ".concat(classNameType) },
+            React.createElement("div", { className: 'flex items-center' },
+                React.createElement(Icon, null),
+                React.createElement("span", null, title)),
+            React.createElement("div", null,
+                React.createElement("button", { className: 'rounded-md p-1 hover:bg-[#1a1a1a0d] hover:text-gray-600', type: 'button', onClick: onClose },
+                    React.createElement("span", { className: 'sr-only' }, "Close"),
+                    React.createElement("svg", { className: 'h-4 w-4', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
+                        React.createElement("path", { d: 'M6 18L18 6M6 6l12 12', strokeLinecap: 'round', strokeLinejoin: 'round' }))))),
+        React.createElement("div", { className: 'px-4 pb-4 pt-3.5 text-gray-600' }, description)));
+};
+//# sourceMappingURL=Banner.js.map

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

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

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

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

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

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

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

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

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

@@ -3,7 +3,6 @@ import { UseFormRegisterReturn } from 'react-hook-form';
 export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
     className?: string;
     children?: any;
-    id?: any;
     label?: string;
     title?: string;
     helpText?: string;

package/dist/esm/components/Checkbox/Checkbox.js

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
 import React, { useState } from 'react';
 export var PHXCheckbox = function (_a) {
-    var children = _a.children, className = _a.className, id = _a.id, _b = _a.expanded, expanded = _b === void 0 ? true : _b, helpText = _a.helpText, label = _a.label, title = _a.title, register = _a.register, onChange = _a.onChange, rest = __rest(_a, ["children", "className", "id", "expanded", "helpText", "label", "title", "register", "onChange"]);
+    var children = _a.children, className = _a.className, _b = _a.expanded, expanded = _b === void 0 ? true : _b, helpText = _a.helpText, label = _a.label, title = _a.title, register = _a.register, onChange = _a.onChange, rest = __rest(_a, ["children", "className", "expanded", "helpText", "label", "title", "register", "onChange"]);
     var _c = useState(false), show = _c[0], setShow = _c[1];
     var handleChange = function (e) {
         setShow(e.target.checked);
@@ -11,9 +11,10 @@ export var PHXCheckbox = function (_a) {
     };
     return (React.createElement("div", { className: className },
         label && React.createElement("label", { className: 'block text-xs font-normal text-gray-700' }, label),
-        React.createElement("div", { className: 'py-1 flex items-center' },
-            React.createElement("input", __assign({}, rest, register, { id: id, className: 'block h-4 w-4 rounded border border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent', onChange: handleChange, type: 'checkbox' })),
-            React.createElement("label", { htmlFor: id, className: 'ml-2 leading-5 block text-xs font-normal text-gray-700 hover:cursor-pointer' }, title)),
+        React.createElement("div", { className: 'flex items-center py-1' },
+            React.createElement("label", { className: 'block flex items-center text-xs font-normal leading-5 text-gray-700 hover:cursor-pointer' },
+                React.createElement("input", __assign({}, rest, register, { className: 'block h-4 w-4 rounded border border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent', onChange: handleChange, type: 'checkbox' })),
+                React.createElement("span", { className: 'ml-2' }, title))),
         helpText && expanded && show ? React.createElement("div", { className: 'pl-7 text-xs font-light text-gray-400' }, helpText) : null,
         expanded && show ? React.createElement("div", { className: 'ml-7' }, children) : React.createElement(React.Fragment, null)));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAuB,QAAQ,EAAE,MAAM,OAAO,CAAA;AAe5D,MAAM,CAAC,IAAM,WAAW,GAA4B,UAAC,EAWrC;IAVd,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,EAAE,QAAA,EACF,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,cAV4C,iGAWpD,CADQ;IAED,IAAA,KAAkB,QAAQ,CAAU,KAAK,CAAC,EAAzC,IAAI,QAAA,EAAE,OAAO,QAA4B,CAAA;IAEhD,IAAM,YAAY,GAAG,UAAC,CAAM;QAC1B,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QACzB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC,CAAA;SACZ;IACH,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,+BAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QACpF,6BAAK,SAAS,EAAC,wBAAwB;YACrC,0CACM,IAAI,EACJ,QAAQ,IACZ,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,4HAA4H,EACtI,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,UAAU,IACf;YACF,+BAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAC,6EAA6E,IACxG,KAAK,CACA,CACJ;QACL,QAAQ,IAAI,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,uCAAuC,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC7G,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,MAAM,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,yCAAK,CAC9D,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAuB,QAAQ,EAAE,MAAM,OAAO,CAAA;AAc5D,MAAM,CAAC,IAAM,WAAW,GAA4B,UAAC,EAUrC;IATd,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,cAT4C,2FAUpD,CADQ;IAED,IAAA,KAAkB,QAAQ,CAAU,KAAK,CAAC,EAAzC,IAAI,QAAA,EAAE,OAAO,QAA4B,CAAA;IAEhD,IAAM,YAAY,GAAG,UAAC,CAAM;QAC1B,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QACzB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC,CAAA;SACZ;IACH,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,+BAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QACpF,6BAAK,SAAS,EAAC,wBAAwB;YACrC,+BAAO,SAAS,EAAC,0FAA0F;gBACzG,0CACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAC,4HAA4H,EACtI,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,UAAU,IACf;gBACF,8BAAM,SAAS,EAAC,MAAM,IAAE,KAAK,CAAQ,CAC/B,CACJ;QACL,QAAQ,IAAI,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,uCAAuC,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC7G,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,MAAM,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,yCAAK,CAC9D,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/ChoiceList/ChoiceList.js

@@ -4,6 +4,6 @@ export function PHXChoiceList(_a) {
     var label = _a.label, list = _a.list;
     return (React.createElement(React.Fragment, null,
         label && React.createElement("label", { className: 'block pb-1 text-xs font-medium leading-5 text-gray-700' }, label),
-        list.map(function (item) { return (React.createElement(PHXCheckbox, { key: item.title, helpText: item.helpText, id: item.title, register: item.register, title: item.title }, item.component)); })));
+        list.map(function (item) { return (React.createElement(PHXCheckbox, { key: item.title, helpText: item.helpText, register: item.register, title: item.title }, item.component)); })));
 }
 //# sourceMappingURL=ChoiceList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChoiceList.js","sourceRoot":"","sources":["../../../../src/components/ChoiceList/ChoiceList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,MAAM,UAAU,aAAa,CAAC,EAA2B;QAAzB,KAAK,WAAA,EAAE,IAAI,UAAA;IACzC,OAAO,CACL;QACG,KAAK,IAAI,+BAAO,SAAS,EAAC,wDAAwD,IAAE,KAAK,CAAS;QAClG,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACvB,oBAAC,WAAW,IACV,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,IAAI,CAAC,KAAK,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,IAEhB,IAAI,CAAC,SAAS,CACH,CACf,EAVwB,CAUxB,CAAC,CACD,CACJ,CAAA;AACH,CAAC"}
+{"version":3,"file":"ChoiceList.js","sourceRoot":"","sources":["../../../../src/components/ChoiceList/ChoiceList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,MAAM,UAAU,aAAa,CAAC,EAA2B;QAAzB,KAAK,WAAA,EAAE,IAAI,UAAA;IACzC,OAAO,CACL;QACG,KAAK,IAAI,+BAAO,SAAS,EAAC,wDAAwD,IAAE,KAAK,CAAS;QAClG,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACvB,oBAAC,WAAW,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IAC9F,IAAI,CAAC,SAAS,CACH,CACf,EAJwB,CAIxB,CAAC,CACD,CACJ,CAAA;AACH,CAAC"}

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

@@ -8,63 +8,64 @@ import { PHXInput } from '../Input';
 import { EyeIcon, EyeSlashIcon } from '@heroicons/react/24/solid';
 import { PHXButton } from '../Button';
 import { getUserInfo } from '../../utils/queryLogin';
+import { PHXBanner } from '../Banner';
 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 _c = useState(false), loading = _c[0], setLoading = _c[1];
+    var _d = useState(false), loginError = _d[0], setLoginError = _d[1];
+    var _e = useForm(), handleSubmit = _e.handleSubmit, register = _e.register, errors = _e.formState.errors;
     var handleClickShowPassword = function () {
         setShowPassword(!showPassword);
     };
+    var authCookies = Cookies.get('isLoggedIn');
+    var authSession = sessionStorage.getItem('isLoggedIn');
     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, auth, auth, error_1;
+        var email, password;
         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]);
+                    setLoading(true);
                     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 });
-                            auth = Cookies.get('isLoggedIn');
-                            if (auth === 'undefined') {
-                                console.log('Login error!');
-                            }
-                            else {
-                                router.push(redirectPath);
+                        })
+                            .then(function (res) {
+                            var _a, _b;
+                            if (((_a = res.data.users) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                                setLoginError(false);
+                                var userObjectString = JSON.stringify(res.data.users[0]);
+                                if (remember) {
+                                    Cookies.set('isLoggedIn', userObjectString, { expires: 365 });
+                                }
+                                else {
+                                    sessionStorage.setItem('isLoggedIn', userObjectString);
+                                }
+                                if (authCookies || authSession) {
+                                    router.push(redirectPath);
+                                }
                             }
-                        }
-                        else {
-                            Cookies.set('isLoggedIn', userObjectString);
-                            auth = Cookies.get('isLoggedIn');
-                            if (auth === 'undefined') {
-                                console.log('Login error!');
+                            else if (((_b = res.data) === null || _b === void 0 ? void 0 : _b.users.length) === 0) {
+                                setLoginError(true);
                             }
                             else {
-                                router.push(redirectPath);
+                                console.log('login error');
                             }
-                        }
-                    }
-                    return [3 /*break*/, 4];
-                case 3:
-                    error_1 = _a.sent();
-                    console.error('Error:', error_1);
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
+                        })["catch"](function (err) {
+                            setLoginError(true);
+                            console.log(err);
+                        })];
+                case 1:
+                    _a.sent();
+                    setLoading(false);
+                    return [2 /*return*/];
             }
         });
     }); };
@@ -75,6 +76,7 @@ export var PHXLogin = function (props) {
                     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")),
+                    loginError && (React.createElement(PHXBanner, { className: 'mt-10', onClose: function () { return setLoginError(false); }, type: 'danger', title: '\u0110\u0103ng nh\u1EADp th\u1EA5t b\u1EA1i!', description: 'Th\u00F4ng tin t\u00E0i kho\u1EA3n kh\u00F4ng ch\u00EDnh x\u00E1c!' })),
                     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' },
@@ -95,9 +97,11 @@ export var PHXLogin = function (props) {
                                         }), 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("input", { onChange: function (e) { return setRemember(e.target.checked); }, 
+                                            // change id
+                                            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(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"))),
                         React.createElement("div", { className: 'mt-10' },
                             React.createElement("div", { className: 'relative' },
                                 React.createElement("div", { className: 'absolute inset-0 flex items-center', "aria-hidden": 'true' })))))),

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

@@ -1 +1 @@
-{"version":3,"file":"Login.js","sourceRoot":"","sources":["../../../../src/components/Login/Login.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAQpD,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,KAAoB;IACnC,IAAA,IAAI,GAAmC,KAAK,KAAxC,EAAE,MAAM,GAA2B,KAAK,OAAhC,EAAE,MAAM,GAAmB,KAAK,OAAxB,EAAE,YAAY,GAAK,KAAK,aAAV,CAAU;IAC9C,IAAA,KAAkC,QAAQ,CAAC,KAAK,CAAC,EAAhD,YAAY,QAAA,EAAE,eAAe,QAAmB,CAAA;IACjD,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAA;IACzC,IAAA,KAIF,OAAO,EAAE,EAHX,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACK,MAAM,sBACR,CAAA;IACb,IAAM,uBAAuB,GAAG;QAC9B,eAAe,CAAC,CAAC,YAAY,CAAC,CAAA;IAChC,CAAC,CAAA;IAEM,IAAA,WAAW,GAAI,YAAY,CAAC,WAAW,EAAE;QAC9C,WAAW,EAAE,cAAc;KAC5B,CAAC,GAFgB,CAEhB;IAEF,IAAM,YAAY,GAAG,UAAO,MAAW;;;;;oBAC7B,KAAK,GAAe,MAAM,MAArB,EAAE,QAAQ,GAAK,MAAM,SAAX,CAAW;;;;oBAEd,qBAAM,WAAW,CAAC;4BAClC,SAAS,EAAE;gCACT,KAAK,OAAA;gCACL,QAAQ,UAAA;6BACT;yBACF,CAAC,EAAA;;oBALI,SAAS,GAAG,SAKhB;oBACF,IAAI,SAAS,IAAI,SAAS,CAAC,IAAI,EAAE;wBACzB,gBAAgB,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;wBAChE,IAAI,QAAQ,EAAE;4BACZ,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,gBAAgB,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAA;4BACvD,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAA;4BACtC,IAAI,IAAI,KAAK,WAAW,EAAE;gCACxB,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;6BAC5B;iCAAM;gCACL,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;6BAC1B;yBACF;6BAAM;4BACL,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAA;4BACrC,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAA;4BACtC,IAAI,IAAI,KAAK,WAAW,EAAE;gCACxB,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;6BAC5B;iCAAM;gCACL,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;6BAC1B;yBACF;qBACF;;;;oBAED,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,OAAK,CAAC,CAAA;;;;;SAEjC,CAAA;IAED,OAAO,CACL,8BAAM,SAAS,EAAC,6DAA6D;QAC3E,6BAAK,SAAS,EAAC,2DAA2D;YACxE,6BAAK,SAAS,EAAC,wFAAwF;gBACrG,6BAAK,SAAS,EAAC,yCAAyC;oBACtD,6BAAK,SAAS,EAAC,4BAA4B;wBACzC,6BACE,SAAS,EAAC,iBAAiB,EAC3B,GAAG,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,iDAAiD,EAC9D,GAAG,EAAC,MAAM,GACV;wBACF,4BAAI,SAAS,EAAC,gEAAgE,+BAAe,CACzF;oBACN,6BAAK,SAAS,EAAC,OAAO;wBACpB,oBAAC,WAAW,IAAC,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,QAAC,QAAQ,EAAE,YAAY,CAAC,YAAY,CAAC;4BAChG,6BAAK,SAAS,EAAC,WAAW;gCACxB,6BAAK,SAAS,EAAC,MAAM;oCACnB,oBAAC,QAAQ,IACP,KAAK,EAAC,OAAO;wCACb,YAAY;wCACZ,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,QAAQ,CAAC,OAAO,EAAE;4CAC1B,QAAQ,EAAE,IAAI;yCACf,CAAC,EACF,YAAY,EAAC,+BAAqB,GAClC,CACE;gCACN,6BAAK,SAAS,EAAC,eAAe;oCAC3B,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,OAAO,IACN,SAAS,EAAC,sDAAsD,EAChE,OAAO,EAAE,uBAAuB,GAChC,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,YAAY,IACX,SAAS,EAAC,sDAAsD,EAChE,OAAO,EAAE,uBAAuB,GAChC,CACH;oCACD,oBAAC,QAAQ;oCACP,YAAY;;wCAAZ,YAAY;wCACZ,KAAK,EAAE,MAAM,CAAC,QAAQ,EACtB,YAAY,EAAC,4CAAwB,EACrC,QAAQ,EAAE,QAAQ,CAAC,UAAU,EAAE;4CAC7B,QAAQ,EAAE,IAAI;yCACf,CAAC,EACF,KAAK,EAAC,UAAU,EAChB,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACxC,EAAE,EAAC,UAAU,GACb,CACE;gCAEN,6BAAK,SAAS,EAAC,mCAAmC;oCAChD,6BAAK,SAAS,EAAC,mBAAmB;wCAChC,+BACE,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAA7B,CAA6B,EAC9C,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,aAAa,EAClB,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,uEAAuE,GACjF;wCACF,+BAAO,EAAE,EAAC,aAAa,EAAC,SAAS,EAAC,4CAA4C,uCAEtE,CACJ,CACF;gCACN,oBAAC,SAAS,IACR,SAAS,EAAC,4OAA4O,EACtP,OAAO,QACP,MAAM,QACN,IAAI,EAAC,OAAO,+BAGF,CACR,CACM;wBACd,6BAAK,SAAS,EAAC,OAAO;4BACpB,6BAAK,SAAS,EAAC,UAAU;gCACvB,6BAAK,SAAS,EAAC,oCAAoC,iBAAa,MAAM,GAAO,CACzE,CACF,CACF,CACF,CACF;YACN,6BAAK,SAAS,EAAC,+CAA+C;gBAC5D,6BACE,SAAS,EAAC,6CAA6C,EACvD,GAAG,EACD,MAAM,aAAN,MAAM,cAAN,MAAM,GACN,wIAAwI,EAE1I,GAAG,EAAC,QAAQ,GACZ,CACE,CACF,CACD,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Login.js","sourceRoot":"","sources":["../../../../src/components/Login/Login.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAQrC,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,KAAoB;IACnC,IAAA,IAAI,GAAmC,KAAK,KAAxC,EAAE,MAAM,GAA2B,KAAK,OAAhC,EAAE,MAAM,GAAmB,KAAK,OAAxB,EAAE,YAAY,GAAK,KAAK,aAAV,CAAU;IAC9C,IAAA,KAAkC,QAAQ,CAAU,KAAK,CAAC,EAAzD,YAAY,QAAA,EAAE,eAAe,QAA4B,CAAA;IAC1D,IAAA,KAA0B,QAAQ,CAAU,KAAK,CAAC,EAAjD,QAAQ,QAAA,EAAE,WAAW,QAA4B,CAAA;IAClD,IAAA,KAAwB,QAAQ,CAAU,KAAK,CAAC,EAA/C,OAAO,QAAA,EAAE,UAAU,QAA4B,CAAA;IAChD,IAAA,KAA8B,QAAQ,CAAU,KAAK,CAAC,EAArD,UAAU,QAAA,EAAE,aAAa,QAA4B,CAAA;IACtD,IAAA,KAIF,OAAO,EAAE,EAHX,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACK,MAAM,sBACR,CAAA;IACb,IAAM,uBAAuB,GAAG;QAC9B,eAAe,CAAC,CAAC,YAAY,CAAC,CAAA;IAChC,CAAC,CAAA;IAED,IAAM,WAAW,GAAG,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAA;IAC7C,IAAM,WAAW,GAAG,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,CAAA;IACjD,IAAA,WAAW,GAAI,YAAY,CAAC,WAAW,EAAE;QAC9C,WAAW,EAAE,cAAc;KAC5B,CAAC,GAFgB,CAEhB;IAEF,IAAM,YAAY,GAAG,UAAO,MAAW;;;;;oBAC7B,KAAK,GAAe,MAAM,MAArB,EAAE,QAAQ,GAAK,MAAM,SAAX,CAAW;oBAClC,UAAU,CAAC,IAAI,CAAC,CAAA;oBAChB,qBAAM,WAAW,CAAC;4BAChB,SAAS,EAAE;gCACT,KAAK,OAAA;gCACL,QAAQ,UAAA;6BACT;yBACF,CAAC;6BACC,IAAI,CAAC,UAAC,GAAG;;4BACR,IAAI,CAAA,MAAA,GAAG,CAAC,IAAI,CAAC,KAAK,0CAAE,MAAM,IAAG,CAAC,EAAE;gCAC9B,aAAa,CAAC,KAAK,CAAC,CAAA;gCACpB,IAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;gCAC1D,IAAI,QAAQ,EAAE;oCACZ,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,gBAAgB,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAA;iCAC9D;qCAAM;oCACL,cAAc,CAAC,OAAO,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAA;iCACvD;gCACD,IAAI,WAAW,IAAI,WAAW,EAAE;oCAC9B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;iCAC1B;6BACF;iCAAM,IAAI,CAAA,MAAA,GAAG,CAAC,IAAI,0CAAE,KAAK,CAAC,MAAM,MAAK,CAAC,EAAE;gCACvC,aAAa,CAAC,IAAI,CAAC,CAAA;6BACpB;iCAAM;gCACL,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAA;6BAC3B;wBACH,CAAC,CAAC,CACD,OAAK,CAAA,CAAC,UAAC,GAAG;4BACT,aAAa,CAAC,IAAI,CAAC,CAAA;4BACnB,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;wBAClB,CAAC,CAAC,EAAA;;oBA3BJ,SA2BI,CAAA;oBAEJ,UAAU,CAAC,KAAK,CAAC,CAAA;;;;SAClB,CAAA;IAED,OAAO,CACL,8BAAM,SAAS,EAAC,6DAA6D;QAC3E,6BAAK,SAAS,EAAC,2DAA2D;YACxE,6BAAK,SAAS,EAAC,wFAAwF;gBACrG,6BAAK,SAAS,EAAC,yCAAyC;oBACtD,6BAAK,SAAS,EAAC,4BAA4B;wBACzC,6BACE,SAAS,EAAC,iBAAiB,EAC3B,GAAG,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,iDAAiD,EAC9D,GAAG,EAAC,MAAM,GACV;wBACF,4BAAI,SAAS,EAAC,gEAAgE,+BAAe,CACzF;oBACL,UAAU,IAAI,CACb,oBAAC,SAAS,IACR,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,KAAK,CAAC,EAApB,CAAoB,EACnC,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,8CAAqB,EAC3B,WAAW,EAAC,oEAAsC,GAClD,CACH;oBACD,6BAAK,SAAS,EAAC,OAAO;wBACpB,oBAAC,WAAW,IAAC,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,QAAC,QAAQ,EAAE,YAAY,CAAC,YAAY,CAAC;4BAChG,6BAAK,SAAS,EAAC,WAAW;gCACxB,6BAAK,SAAS,EAAC,MAAM;oCACnB,oBAAC,QAAQ,IACP,KAAK,EAAC,OAAO;wCACb,YAAY;wCACZ,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,QAAQ,CAAC,OAAO,EAAE;4CAC1B,QAAQ,EAAE,IAAI;yCACf,CAAC,EACF,YAAY,EAAC,+BAAqB,GAClC,CACE;gCACN,6BAAK,SAAS,EAAC,eAAe;oCAC3B,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,OAAO,IACN,SAAS,EAAC,sDAAsD,EAChE,OAAO,EAAE,uBAAuB,GAChC,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,YAAY,IACX,SAAS,EAAC,sDAAsD,EAChE,OAAO,EAAE,uBAAuB,GAChC,CACH;oCACD,oBAAC,QAAQ;oCACP,YAAY;;wCAAZ,YAAY;wCACZ,KAAK,EAAE,MAAM,CAAC,QAAQ,EACtB,YAAY,EAAC,4CAAwB,EACrC,QAAQ,EAAE,QAAQ,CAAC,UAAU,EAAE;4CAC7B,QAAQ,EAAE,IAAI;yCACf,CAAC,EACF,KAAK,EAAC,UAAU,EAChB,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACxC,EAAE,EAAC,UAAU,GACb,CACE;gCAEN,6BAAK,SAAS,EAAC,mCAAmC;oCAChD,6BAAK,SAAS,EAAC,mBAAmB;wCAChC,+BACE,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAA7B,CAA6B;4CAC9C,YAAY;4CACZ,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,aAAa,EAClB,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,uEAAuE,GACjF;wCACF,+BAAO,EAAE,EAAC,aAAa,EAAC,SAAS,EAAC,4CAA4C,uCAEtE,CACJ,CACF;gCACN,oBAAC,SAAS,IACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,4OAA4O,EACtP,OAAO,QACP,MAAM,QACN,IAAI,EAAC,OAAO,+BAGF,CACR,CACM;wBACd,6BAAK,SAAS,EAAC,OAAO;4BACpB,6BAAK,SAAS,EAAC,UAAU;gCACvB,6BAAK,SAAS,EAAC,oCAAoC,iBAAa,MAAM,GAAO,CACzE,CACF,CACF,CACF,CACF;YACN,6BAAK,SAAS,EAAC,+CAA+C;gBAC5D,6BACE,SAAS,EAAC,6CAA6C,EACvD,GAAG,EACD,MAAM,aAAN,MAAM,cAAN,MAAM,GACN,wIAAwI,EAE1I,GAAG,EAAC,QAAQ,GACZ,CACE,CACF,CACD,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/esm/index.d.ts

@@ -24,4 +24,5 @@ import { PHXChoiceList } from './components/ChoiceList';
 import { PHXDescriptionLists } from './components/DescriptionLists';
 import { PHXBadge } from './components/Badge';
 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, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, };
+import { PHXBanner } from './components/Banner';
+export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, };

package/dist/esm/index.js

@@ -24,5 +24,6 @@ import { PHXChoiceList } from './components/ChoiceList';
 import { PHXDescriptionLists } from './components/DescriptionLists';
 import { PHXBadge } from './components/Badge';
 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, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, };
+import { PHXBanner } from './components/Banner';
+export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, };
 //# 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;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;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,aAAa,EACb,mBAAmB,EACnB,QAAQ,EACR,QAAQ,GACT,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,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,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAE/C,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,aAAa,EACb,mBAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phx-react",
-  "version": "1.3.30",
+  "version": "1.3.32",
   "description": "PHX REACT",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -91,6 +91,5 @@
       "plugin:storybook/recommended"
     ]
   },
-  "dependencies": {
-  }
-}
+  "dependencies": {}
+}