icleafreportui 0.1.6 → 0.1.7

package/dist/Reports/Report.js

@@ -1,39 +1,30 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _material = require("@mui/material");
-var _reactRouterDom = require("react-router-dom");
-var _Header = _interopRequireDefault(require("../components/Header"));
-var _sidebar = _interopRequireDefault(require("../components/sidebar"));
-var _TenantProvider = require("../context/TenantProvider");
-require("../App.css");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } // ADD THIS
+import React, { useState, useEffect } from 'react';
+import { Autocomplete, FormControl, Button, Grid, Box, Typography, Paper, Snackbar, Alert, CircularProgress, TextField, Checkbox, FormControlLabel } from '@mui/material';
+import { useNavigate } from 'react-router-dom';
+import Header from '../components/Header';
+import Sidebar from '../components/sidebar';
+import { useTenant } from '../context/TenantProvider'; // ADD THIS
+import '../App.css';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function Report() {
   const {
     apiClient
-  } = (0, _TenantProvider.useTenant)(); // ADD THIS - gets API client with token
-  const navigate = (0, _reactRouterDom.useNavigate)();
-  const [subjects, setSubjects] = (0, _react.useState)([]);
-  const [examPacks, setExamPacks] = (0, _react.useState)([]);
-  const [exams, setExams] = (0, _react.useState)([]);
-  const [users, setUsers] = (0, _react.useState)([]);
-  const [selectedSubject, setSelectedSubject] = (0, _react.useState)(null);
-  const [selectedExamPack, setSelectedExamPack] = (0, _react.useState)(null);
-  const [selectedExam, setSelectedExam] = (0, _react.useState)(null);
-  const [selectedUser, setSelectedUser] = (0, _react.useState)(null);
-  const [alertMessage, setAlertMessage] = (0, _react.useState)('');
-  const [openAlert, setOpenAlert] = (0, _react.useState)(false);
-  const [loading, setLoading] = (0, _react.useState)(false);
-  const [onlyWrongAnswers, setOnlyWrongAnswers] = (0, _react.useState)(false);
+  } = useTenant(); // ADD THIS - gets API client with token
+  const navigate = useNavigate();
+  const [subjects, setSubjects] = useState([]);
+  const [examPacks, setExamPacks] = useState([]);
+  const [exams, setExams] = useState([]);
+  const [users, setUsers] = useState([]);
+  const [selectedSubject, setSelectedSubject] = useState(null);
+  const [selectedExamPack, setSelectedExamPack] = useState(null);
+  const [selectedExam, setSelectedExam] = useState(null);
+  const [selectedUser, setSelectedUser] = useState(null);
+  const [alertMessage, setAlertMessage] = useState('');
+  const [openAlert, setOpenAlert] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const [onlyWrongAnswers, setOnlyWrongAnswers] = useState(false);
   const baseURL = process.env.REACT_APP_BASE_URL;
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     // REMOVE token check - no more JWT
     fetchAllSubjects();
   }, []);
@@ -150,150 +141,174 @@ function Report() {
       setLoading(false);
     }
   };
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Header.default, null), /*#__PURE__*/_react.default.createElement(_sidebar.default, null), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      padding: "100px 0px 0px 100px",
-      marginLeft: "140px"
-    }
-  }, /*#__PURE__*/_react.default.createElement(_material.Box, {
-    sx: {
-      maxWidth: 800,
-      mx: 'auto',
-      my: 4,
-      p: 3,
-      backgroundColor: '#f5f5f5',
-      borderRadius: 2
-    }
-  }, /*#__PURE__*/_react.default.createElement(_material.Paper, {
-    elevation: 6,
-    sx: {
-      p: 5,
-      textAlign: 'center',
-      backgroundColor: '#fff'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    variant: "h4",
-    component: "h1",
-    gutterBottom: true,
-    sx: {
-      color: '#3f51b5',
-      marginBottom: "20px"
-    }
-  }, "Exam Report"), /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    container: true,
-    spacing: 2,
-    justifyContent: "center"
-  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    item: true,
-    xs: 12,
-    sm: 6
-  }, /*#__PURE__*/_react.default.createElement(_material.FormControl, {
-    fullWidth: true
-  }, /*#__PURE__*/_react.default.createElement(_material.Autocomplete, {
-    id: "ddlSubject",
-    options: subjects,
-    getOptionLabel: option => option.subjectName,
-    value: selectedSubject,
-    onChange: handleSubjectChange,
-    renderInput: params => /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({}, params, {
-      label: "Subject"
-    }))
-  }))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    item: true,
-    xs: 12,
-    sm: 6
-  }, /*#__PURE__*/_react.default.createElement(_material.FormControl, {
-    fullWidth: true
-  }, /*#__PURE__*/_react.default.createElement(_material.Autocomplete, {
-    id: "ddlExamPack",
-    options: examPacks,
-    getOptionLabel: option => option.name,
-    value: selectedExamPack,
-    onChange: handleExamPackChange,
-    renderInput: params => /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({}, params, {
-      label: "Exam Pack"
-    }))
-  }))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    item: true,
-    xs: 12,
-    sm: 6
-  }, /*#__PURE__*/_react.default.createElement(_material.FormControl, {
-    fullWidth: true
-  }, /*#__PURE__*/_react.default.createElement(_material.Autocomplete, {
-    id: "ddlExam",
-    options: exams,
-    getOptionLabel: option => option.examName,
-    value: selectedExam,
-    onChange: handleExamChange,
-    renderInput: params => /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({}, params, {
-      label: "Exam"
-    }))
-  }))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    item: true,
-    xs: 12,
-    sm: 6
-  }, /*#__PURE__*/_react.default.createElement(_material.FormControl, {
-    fullWidth: true
-  }, /*#__PURE__*/_react.default.createElement(_material.Autocomplete, {
-    id: "ddlUser",
-    options: users,
-    getOptionLabel: option => option.userName,
-    value: selectedUser,
-    onChange: handleUserChange,
-    renderInput: params => /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({}, params, {
-      label: "User"
-    }))
-  })))), /*#__PURE__*/_react.default.createElement(_material.Box, {
-    sx: {
-      mt: 3,
-      position: 'relative'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_material.FormControlLabel, {
-    control: /*#__PURE__*/_react.default.createElement(_material.Checkbox, {
-      checked: onlyWrongAnswers,
-      onChange: e => setOnlyWrongAnswers(e.target.checked)
-    }),
-    label: "Only Wrong Answers"
-  }), /*#__PURE__*/_react.default.createElement(_material.Box, {
-    sx: {
-      mt: 2,
-      position: 'relative'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_material.Button, {
-    variant: "contained",
-    color: "primary",
-    onClick: handleDownload,
-    disabled: !selectedSubject || !selectedExamPack || !selectedExam || !selectedUser || loading,
-    sx: {
-      width: 'auto',
-      backgroundColor: '#3f51b5',
-      '&:hover': {
-        backgroundColor: '#303f9f'
-      }
-    }
-  }, loading ? 'Downloading...' : 'Download Report'), loading && /*#__PURE__*/_react.default.createElement(_material.CircularProgress, {
-    size: 24,
-    sx: {
-      position: 'absolute',
-      top: '50%',
-      left: '50%',
-      marginTop: '-12px',
-      marginLeft: '-12px'
-    }
-  }))))), /*#__PURE__*/_react.default.createElement(_material.Snackbar, {
-    open: openAlert,
-    autoHideDuration: 6000,
-    onClose: () => setOpenAlert(false),
-    anchorOrigin: {
-      vertical: 'top',
-      horizontal: 'center'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_material.Alert, {
-    onClose: () => setOpenAlert(false),
-    severity: "info",
-    sx: {
-      width: '100%'
-    }
-  }, alertMessage))));
+  return /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx(Header, {}), /*#__PURE__*/_jsx(Sidebar, {}), /*#__PURE__*/_jsxs("div", {
+      style: {
+        padding: "100px 0px 0px 100px",
+        marginLeft: "140px"
+      },
+      children: [/*#__PURE__*/_jsx(Box, {
+        sx: {
+          maxWidth: 800,
+          mx: 'auto',
+          my: 4,
+          p: 3,
+          backgroundColor: '#f5f5f5',
+          borderRadius: 2
+        },
+        children: /*#__PURE__*/_jsxs(Paper, {
+          elevation: 6,
+          sx: {
+            p: 5,
+            textAlign: 'center',
+            backgroundColor: '#fff'
+          },
+          children: [/*#__PURE__*/_jsx(Typography, {
+            variant: "h4",
+            component: "h1",
+            gutterBottom: true,
+            sx: {
+              color: '#3f51b5',
+              marginBottom: "20px"
+            },
+            children: "Exam Report"
+          }), /*#__PURE__*/_jsxs(Grid, {
+            container: true,
+            spacing: 2,
+            justifyContent: "center",
+            children: [/*#__PURE__*/_jsx(Grid, {
+              item: true,
+              xs: 12,
+              sm: 6,
+              children: /*#__PURE__*/_jsx(FormControl, {
+                fullWidth: true,
+                children: /*#__PURE__*/_jsx(Autocomplete, {
+                  id: "ddlSubject",
+                  options: subjects,
+                  getOptionLabel: option => option.subjectName,
+                  value: selectedSubject,
+                  onChange: handleSubjectChange,
+                  renderInput: params => /*#__PURE__*/_jsx(TextField, {
+                    ...params,
+                    label: "Subject"
+                  })
+                })
+              })
+            }), /*#__PURE__*/_jsx(Grid, {
+              item: true,
+              xs: 12,
+              sm: 6,
+              children: /*#__PURE__*/_jsx(FormControl, {
+                fullWidth: true,
+                children: /*#__PURE__*/_jsx(Autocomplete, {
+                  id: "ddlExamPack",
+                  options: examPacks,
+                  getOptionLabel: option => option.name,
+                  value: selectedExamPack,
+                  onChange: handleExamPackChange,
+                  renderInput: params => /*#__PURE__*/_jsx(TextField, {
+                    ...params,
+                    label: "Exam Pack"
+                  })
+                })
+              })
+            }), /*#__PURE__*/_jsx(Grid, {
+              item: true,
+              xs: 12,
+              sm: 6,
+              children: /*#__PURE__*/_jsx(FormControl, {
+                fullWidth: true,
+                children: /*#__PURE__*/_jsx(Autocomplete, {
+                  id: "ddlExam",
+                  options: exams,
+                  getOptionLabel: option => option.examName,
+                  value: selectedExam,
+                  onChange: handleExamChange,
+                  renderInput: params => /*#__PURE__*/_jsx(TextField, {
+                    ...params,
+                    label: "Exam"
+                  })
+                })
+              })
+            }), /*#__PURE__*/_jsx(Grid, {
+              item: true,
+              xs: 12,
+              sm: 6,
+              children: /*#__PURE__*/_jsx(FormControl, {
+                fullWidth: true,
+                children: /*#__PURE__*/_jsx(Autocomplete, {
+                  id: "ddlUser",
+                  options: users,
+                  getOptionLabel: option => option.userName,
+                  value: selectedUser,
+                  onChange: handleUserChange,
+                  renderInput: params => /*#__PURE__*/_jsx(TextField, {
+                    ...params,
+                    label: "User"
+                  })
+                })
+              })
+            })]
+          }), /*#__PURE__*/_jsxs(Box, {
+            sx: {
+              mt: 3,
+              position: 'relative'
+            },
+            children: [/*#__PURE__*/_jsx(FormControlLabel, {
+              control: /*#__PURE__*/_jsx(Checkbox, {
+                checked: onlyWrongAnswers,
+                onChange: e => setOnlyWrongAnswers(e.target.checked)
+              }),
+              label: "Only Wrong Answers"
+            }), /*#__PURE__*/_jsxs(Box, {
+              sx: {
+                mt: 2,
+                position: 'relative'
+              },
+              children: [/*#__PURE__*/_jsx(Button, {
+                variant: "contained",
+                color: "primary",
+                onClick: handleDownload,
+                disabled: !selectedSubject || !selectedExamPack || !selectedExam || !selectedUser || loading,
+                sx: {
+                  width: 'auto',
+                  backgroundColor: '#3f51b5',
+                  '&:hover': {
+                    backgroundColor: '#303f9f'
+                  }
+                },
+                children: loading ? 'Downloading...' : 'Download Report'
+              }), loading && /*#__PURE__*/_jsx(CircularProgress, {
+                size: 24,
+                sx: {
+                  position: 'absolute',
+                  top: '50%',
+                  left: '50%',
+                  marginTop: '-12px',
+                  marginLeft: '-12px'
+                }
+              })]
+            })]
+          })]
+        })
+      }), /*#__PURE__*/_jsx(Snackbar, {
+        open: openAlert,
+        autoHideDuration: 6000,
+        onClose: () => setOpenAlert(false),
+        anchorOrigin: {
+          vertical: 'top',
+          horizontal: 'center'
+        },
+        children: /*#__PURE__*/_jsx(Alert, {
+          onClose: () => setOpenAlert(false),
+          severity: "info",
+          sx: {
+            width: '100%'
+          },
+          children: alertMessage
+        })
+      })]
+    })]
+  });
 }
-var _default = exports.default = Report;
+export default Report;

package/dist/api/client.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
 class TenantApiClient {
   constructor(config) {
     this.baseURL = config.baseURL;
@@ -41,4 +35,4 @@ class TenantApiClient {
     });
   }
 }
-var _default = exports.default = TenantApiClient;
+export default TenantApiClient;

package/dist/components/Header.js

@@ -1,68 +1,64 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactRouterDom = require("react-router-dom");
-var _fa = require("react-icons/fa");
-var _md = require("react-icons/md");
-var _io = require("react-icons/io");
-var _gi = require("react-icons/gi");
-var _Popover = _interopRequireDefault(require("@mui/material/Popover"));
-require("./Header.css");
-var _ri = require("react-icons/ri");
-var _hi = require("react-icons/hi2");
-var _tb = require("react-icons/tb");
-var _io2 = require("react-icons/io5");
-var _tfi = require("react-icons/tfi");
-var _reactLoaderSpinner = require("react-loader-spinner");
-var _antd = require("antd");
-var _bi = require("react-icons/bi");
-var _fa2 = require("react-icons/fa6");
-var _pi = require("react-icons/pi");
-var _imagePathUrl = _interopRequireWildcard(require("./imagePathUrl"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-// Import Drawer from antd
-
+import React, { useState, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { FaPowerOff } from "react-icons/fa";
+import { MdFiberManualRecord, MdLogout, MdOutlineLockReset } from "react-icons/md";
+import { IoIosList, IoIosSettings } from "react-icons/io";
+import { GiHamburgerMenu } from "react-icons/gi";
+import Popover from '@mui/material/Popover';
+import { Link, useLocation } from 'react-router-dom';
+import "./Header.css";
+import { MdKeyboardArrowDown, MdAssignment } from "react-icons/md";
+import { RiHome5Fill, RiLogoutCircleRLine, RiMenuFoldLine } from "react-icons/ri";
+import { HiBookmarkSquare, HiOutlineUser } from "react-icons/hi2";
+import { TbDeviceMobileFilled } from "react-icons/tb";
+import { IoBookOutline, IoCalendar, IoCalendarOutline, IoCartOutline, IoLanguage, IoLibraryOutline, IoLogOutOutline, IoPencilOutline, IoPersonCircleOutline, IoPersonOutline, IoSettingsOutline, IoShuffle, IoShuffleOutline } from "react-icons/io5";
+import { TfiMenuAlt } from "react-icons/tfi";
+import { RotatingLines } from 'react-loader-spinner';
+import { Drawer } from 'antd'; // Import Drawer from antd
+import './Header.css';
+import { BiSolidBookContent, BiSolidUserPin } from "react-icons/bi";
+import { FaCheck, FaCircleInfo } from "react-icons/fa6";
+import { PiExamFill, PiShuffleAngularBold } from "react-icons/pi";
+import { RiRedPacketLine } from "react-icons/ri";
+import { MdMenuBook, MdKeyboardArrowRight, MdCorporateFare } from "react-icons/md";
+import { IoGameControllerSharp } from "react-icons/io5";
+import commonImagePathUrlPrefix, { logo } from './imagePathUrl';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Header = () => {
-  const navigate = (0, _reactRouterDom.useNavigate)();
-  const [show, setShow] = (0, _react.useState)(false);
-  const location = (0, _reactRouterDom.useLocation)();
-  const [activeMenuItem, setActiveMenuItem] = (0, _react.useState)(location.pathname);
-  const [isSideMenu, setSideMenu] = (0, _react.useState)("");
-  const [userChooseLan, setUserChooseLan] = (0, _react.useState)("en");
-  const [drawerVisible, setDrawerVisible] = (0, _react.useState)(false);
-  const [userEmail] = (0, _react.useState)(localStorage.getItem("email"));
-  const [userName] = (0, _react.useState)(localStorage.getItem("fName") + " " + localStorage.getItem("lName"));
+  const navigate = useNavigate();
+  const [show, setShow] = useState(false);
+  const location = useLocation();
+  const [activeMenuItem, setActiveMenuItem] = useState(location.pathname);
+  const [isSideMenu, setSideMenu] = useState("");
+  const [userChooseLan, setUserChooseLan] = useState("en");
+  const [drawerVisible, setDrawerVisible] = useState(false);
+  const [userEmail] = useState(localStorage.getItem("email"));
+  const [userName] = useState(localStorage.getItem("fName") + " " + localStorage.getItem("lName"));
   const roleId = localStorage.getItem("roleId");
-  const [manageContentSubMenuOpen, setManageContentSubMenuOpen] = (0, _react.useState)(false);
-  const [manageExamSubMenuOpen, setManageExamSubMenuOpen] = (0, _react.useState)(false);
-  const [managePackSubMenuOpen, setManagePackSubMenuOpen] = (0, _react.useState)(false);
-  const [manageUserSubMenuOpen, setManageUserSubMenuOpen] = (0, _react.useState)(false);
-  const [manageCorporateSubMenuOpen, setManageCorporateSubMenuOpen] = (0, _react.useState)(false);
-  const [manageControlSubMenuOpen, setManageControlSubMenuOpen] = (0, _react.useState)(false);
-  const [usernames, setUserNames] = (0, _react.useState)("");
-  const [userimg, setUserImg] = (0, _react.useState)("");
-  const [availableCredit, setAvailableCredit] = (0, _react.useState)("");
-  const [buyCredit, setbuyCredit] = (0, _react.useState)("");
-  const [storageB, setStroageB] = (0, _react.useState)("");
-  const [storagelimit, setStorageLimit] = (0, _react.useState)("");
-  const [buy, setbuy] = (0, _react.useState)('');
-  const [totalbuy, settotalbuy] = (0, _react.useState)('');
+  const [manageContentSubMenuOpen, setManageContentSubMenuOpen] = useState(false);
+  const [manageExamSubMenuOpen, setManageExamSubMenuOpen] = useState(false);
+  const [managePackSubMenuOpen, setManagePackSubMenuOpen] = useState(false);
+  const [manageUserSubMenuOpen, setManageUserSubMenuOpen] = useState(false);
+  const [manageCorporateSubMenuOpen, setManageCorporateSubMenuOpen] = useState(false);
+  const [manageControlSubMenuOpen, setManageControlSubMenuOpen] = useState(false);
+  const [usernames, setUserNames] = useState("");
+  const [userimg, setUserImg] = useState("");
+  const [availableCredit, setAvailableCredit] = useState("");
+  const [buyCredit, setbuyCredit] = useState("");
+  const [storageB, setStroageB] = useState("");
+  const [storagelimit, setStorageLimit] = useState("");
+  const [buy, setbuy] = useState('');
+  const [totalbuy, settotalbuy] = useState('');
   const token = localStorage.getItem("token");
   const headers = {
     Authorization: `Bearer ${token}`
   };
   const name = localStorage.getItem("fName");
-  const [showAlert, setShowAlert] = (0, _react.useState)(false);
-  const [alertMessage, setAlertMessage] = (0, _react.useState)('');
+  const [showAlert, setShowAlert] = useState(false);
+  const [alertMessage, setAlertMessage] = useState('');
   const userImage = localStorage.getItem("profileImg");
-  const [userNameEvaluator] = (0, _react.useState)(localStorage.getItem("userName"));
-  (0, _react.useEffect)(() => {
+  const [userNameEvaluator] = useState(localStorage.getItem("userName"));
+  useEffect(() => {
     if (localStorage.getItem("consentChkFlg") === "false") {
       // navigate("/myProfile")
     } else {
@@ -92,15 +88,15 @@ const Header = () => {
   // useEffect(() => {
 
   // }, []);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     window.scrollTo(0, 0);
     document.addEventListener("click", handleOutsideClick);
     return () => {
       document.removeEventListener("click", handleOutsideClick);
     };
   }, []);
-  const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
-  const [anchorLang, setAnchorLang] = (0, _react.useState)(null);
+  const [anchorEl, setAnchorEl] = useState(null);
+  const [anchorLang, setAnchorLang] = useState(null);
   const handleClick = event => {
     setAnchorEl(event.currentTarget);
   };
@@ -126,22 +122,24 @@ const Header = () => {
     // navigate('/login'); // Navigate to login page
     window.location.reload();
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "header_whole_container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      display: "flex",
-      alignItems: "center"
-    }
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "acc_conf_main",
-    onClick: handleLogout
-  }, /*#__PURE__*/_react.default.createElement(_fa.FaPowerOff, {
-    tabIndex: 0,
-    size: 30,
-    "aria-describedby": id,
-    variant: "contained",
-    className: "account-mnu-icon"
-  })));
+  return /*#__PURE__*/_jsxs("div", {
+    className: "header_whole_container",
+    children: [/*#__PURE__*/_jsx("div", {
+      style: {
+        display: "flex",
+        alignItems: "center"
+      }
+    }), /*#__PURE__*/_jsx("div", {
+      className: "acc_conf_main",
+      onClick: handleLogout,
+      children: /*#__PURE__*/_jsx(FaPowerOff, {
+        tabIndex: 0,
+        size: 30,
+        "aria-describedby": id,
+        variant: "contained",
+        className: "account-mnu-icon"
+      })
+    })]
+  });
 };
-var _default = exports.default = Header;
+export default Header;