@asaleh37/ui-base 25.8.10-3 → 25.8.10-4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asaleh37/ui-base",
-  "version": "25.8.10-3",
+  "version": "25.8.10-4",
   "description": "",
   "license": "ISC",
   "author": "Ahmed Saleh Mohamed",

package/src/layout/Layout.tsx

@@ -9,15 +9,16 @@ import { BrowserRouter } from "react-router-dom";
 import MobileDrawer from "./MobileDrawer";
 import { ToastContainer } from "react-toastify";
 import { useEffect, useState } from "react";
-import useLoadingMask from "../hooks/useLoadingMask";
 import { useIsMobile } from "../hooks/UseMobile";
-import useSession from "../hooks/UseSession";
 import useAxios from "../hooks/useAxios";
 import { DRAWER_WIDTH } from "../redux/features/common/AppLayoutSlice";
 import { UserSessionProps } from "../redux/features/common/UserSessionSlice";
 import LoadingMask from "../components/common/LoadingMask";
 import Login from "../components/common/Login";
-import { setStoreData } from "../redux/features/common/CommonStoreSlice";
+import {
+  AppInfo,
+  LicenseCheckObject,
+} from "../redux/features/common/AppInfoSlice";
 
 const Main = styled("main", {
   shouldForwardProp: (prop) => prop !== "open",
@@ -59,11 +60,39 @@ const Main = styled("main", {
 
 export default function Layout() {
   const SideBarState = useSelector((state: any) => state.SideBar);
+  const [licenseCheckObj, setLicenseCheckObject] = useState<LicenseCheckObject>(
+    { isLicensed: true, lastLicenseCheckMessage: "", lastLicenseCheckTime: "" }
+  );
   const isMobile = useIsMobile();
+  const { handleGetRequest } = useAxios();
   const UserSession: UserSessionProps = useSelector(
     (state: any) => state.UserSession
   );
+  const appInfo: AppInfo = useSelector((state: any) => state.AppInfo.value);
   const AppLayout = useSelector((state: any) => state.AppLayout);
+  const checkSystemLicense = async () => {
+    if (appInfo?.checkLicense?.endpoint) {
+      await handleGetRequest({
+        endPointURI: appInfo.checkLicense?.endpoint,
+        successCallBkFn: (response) => {
+          setLicenseCheckObject(response.data);
+        },
+      });
+    }
+  };
+
+  useEffect(() => {
+    if (appInfo?.checkLicense?.endpoint) {
+      const interval = appInfo?.checkLicense?.interval || 60000;
+      const intervalId = setInterval(() => {
+        checkSystemLicense();
+      }, interval);
+      return () => {
+        clearInterval(intervalId);
+        console.log("Interval cleared");
+      };
+    }
+  }, []);
 
   return (
     <BrowserRouter>
@@ -74,14 +103,18 @@ export default function Layout() {
       />
       <LoadingMask />
       {UserSession.value.isAuthenticated === true ? (
-        <Main open={SideBarState.isOpened}>
-          <CssBaseline />
-          <TopBar />
-          {!isMobile ? <SideBar /> : null}
-          {isMobile ? <MobileDrawer /> : null}
-          <DrawerHeader />
-          <MainContent />
-        </Main>
+        licenseCheckObj?.isLicensed ? (
+          <Main open={SideBarState.isOpened}>
+            <CssBaseline />
+            <TopBar />
+            {!isMobile ? <SideBar /> : null}
+            {isMobile ? <MobileDrawer /> : null}
+            <DrawerHeader />
+            <MainContent />
+          </Main>
+        ) : (
+          <>Your licsense has been expired</>
+        )
       ) : (
         <Login />
       )}

package/src/main.tsx

@@ -5,6 +5,7 @@ import { BaseApp } from "./components";
 createRoot(document.getElementById("root")!).render(
   <BaseApp
     apiBaseUrl="http://localhost:8080/api-base"
+    enableUINotifications={false}
     appLogo={"/logo.png"}
     appName="UI Base Library"
     appVersion="0.0"

package/src/redux/features/common/AppInfoSlice.ts

@@ -3,6 +3,12 @@ import { SystemRoute } from "../../../routes/types";
 import { ExtendedTreeItemProps } from "../../../navigationItems";
 import { StoreMetaData } from "./CommonStoreSlice";
 
+export type LicenseCheckObject = {
+  isLicensed: boolean;
+  lastLicenseCheckMessage: string;
+  lastLicenseCheckTime: string;
+};
+
 export type AppInfo = {
   documentTitle: string | null;
   apiBaseUrl: string | null;
@@ -24,6 +30,7 @@ export type AppInfo = {
     light: { primaryColor: string; secondaryColor: string };
     dark: { primaryColor: string; secondaryColor: string };
   };
+  checkLicense?: { endpoint: string; interval: number };
 };
 
 export type AppInfoProp = {