authscape 1.0.710 → 1.0.714

package/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -30,6 +29,50 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+// ---- optional: import your cookie util if not global ----
+// import { setCookie } from "cookies-next";
+// import { apiService } from "@/services/api"; // wherever yours lives
+
+// Decorate a user object with role/permission helpers (idempotent)
+function ensureUserHelpers(u) {
+  if (!u || _typeof(u) !== "object") return u;
+
+  // Avoid redefining on every call
+  if (typeof u.hasRole === "function" && typeof u.hasRoleId === "function" && typeof u.hasPermission === "function") {
+    return u;
+  }
+  var rolesArr = Array.isArray(u.roles) ? u.roles : [];
+  var permsArr = Array.isArray(u.permissions) ? u.permissions : [];
+
+  // defineProperty keeps them non-enumerable
+  Object.defineProperty(u, "hasRole", {
+    value: function hasRole(name) {
+      if (!name) return false;
+      return rolesArr.some(function (r) {
+        return (r === null || r === void 0 ? void 0 : r.name) === name;
+      });
+    },
+    writable: false
+  });
+  Object.defineProperty(u, "hasRoleId", {
+    value: function hasRoleId(id) {
+      if (id === undefined || id === null) return false;
+      return rolesArr.some(function (r) {
+        return (r === null || r === void 0 ? void 0 : r.id) === id;
+      });
+    },
+    writable: false
+  });
+  Object.defineProperty(u, "hasPermission", {
+    value: function hasPermission(name) {
+      if (!name) return false;
+      return permsArr.includes(name);
+    },
+    writable: false
+  });
+  return u;
+}
 function AuthScapeApp(_ref) {
   var Component = _ref.Component,
     layout = _ref.layout,
@@ -60,95 +103,103 @@ function AuthScapeApp(_ref) {
   var queryCodeUsed = (0, _react.useRef)(null);
   var ga4React = (0, _react.useRef)(null);
   var searchParams = (0, _navigation.useSearchParams)();
-  var queryCode = searchParams.get('code');
+  var queryCode = searchParams.get("code");
   var pathname = (0, _navigation.usePathname)();
 
-  // ---------- PKCE Sign-in ----------
+  // ----- PKCE Sign-in (browser-only) -----
   var signInValidator = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(queryCode) {
-      var codeVerifier, headers, queryString, response, domainHost, redirectUri;
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(codeFromQuery) {
+      var codeVerifier, headers, body, response, domainHost, redirectUri;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            if (!(queryCodeUsed.current === queryCode)) {
+            if (!(queryCodeUsed.current === codeFromQuery)) {
               _context.next = 2;
               break;
             }
             return _context.abrupt("return");
           case 2:
-            queryCodeUsed.current = queryCode;
+            queryCodeUsed.current = codeFromQuery;
+            if (!(typeof window === "undefined")) {
+              _context.next = 5;
+              break;
+            }
+            return _context.abrupt("return");
+          case 5:
             codeVerifier = window.localStorage.getItem("verifier");
-            if (!(!queryCode || !codeVerifier)) {
-              _context.next = 6;
+            if (!(!codeFromQuery || !codeVerifier)) {
+              _context.next = 8;
               break;
             }
             return _context.abrupt("return");
-          case 6:
+          case 8:
             headers = {
-              'Content-Type': 'application/x-www-form-urlencoded'
+              "Content-Type": "application/x-www-form-urlencoded"
             };
-            queryString = _queryString["default"].stringify({
-              code: queryCode,
+            body = _queryString["default"].stringify({
+              code: codeFromQuery,
               grant_type: "authorization_code",
               redirect_uri: window.location.origin + "/signin-oidc",
               client_id: process.env.client_id,
               client_secret: process.env.client_secret,
               code_verifier: codeVerifier
             });
-            _context.prev = 8;
-            _context.next = 11;
-            return _axios["default"].post(process.env.authorityUri + '/connect/token', queryString, {
+            _context.prev = 10;
+            _context.next = 13;
+            return _axios["default"].post(process.env.authorityUri + "/connect/token", body, {
               headers: headers
             });
-          case 11:
+          case 13:
             response = _context.sent;
-            domainHost = window.location.hostname.split('.').slice(-2).join('.');
+            domainHost = window.location.hostname.split(".").slice(-2).join(".");
             window.localStorage.removeItem("verifier");
-            _context.next = 16;
-            return setCookie('access_token', response.data.access_token, {
-              maxAge: 60 * 60 * 24 * 365,
-              path: '/',
-              domain: domainHost,
-              secure: true
-            });
-          case 16:
+
+            // NOTE: replace setCookie below with your implementation if different
             _context.next = 18;
-            return setCookie('expires_in', response.data.expires_in, {
+            return setCookie("access_token", response.data.access_token, {
               maxAge: 60 * 60 * 24 * 365,
-              path: '/',
+              path: "/",
               domain: domainHost,
               secure: true
             });
           case 18:
             _context.next = 20;
-            return setCookie('refresh_token', response.data.refresh_token, {
+            return setCookie("expires_in", response.data.expires_in, {
               maxAge: 60 * 60 * 24 * 365,
-              path: '/',
+              path: "/",
               domain: domainHost,
               secure: true
             });
           case 20:
-            redirectUri = localStorage.getItem("redirectUri");
-            localStorage.clear();
+            _context.next = 22;
+            return setCookie("refresh_token", response.data.refresh_token, {
+              maxAge: 60 * 60 * 24 * 365,
+              path: "/",
+              domain: domainHost,
+              secure: true
+            });
+          case 22:
+            redirectUri = window.localStorage.getItem("redirectUri");
+            window.localStorage.clear();
             window.location.href = redirectUri || "/";
-            _context.next = 28;
+            _context.next = 30;
             break;
-          case 25:
-            _context.prev = 25;
-            _context.t0 = _context["catch"](8);
+          case 27:
+            _context.prev = 27;
+            _context.t0 = _context["catch"](10);
             console.error("PKCE sign-in failed", _context.t0);
-          case 28:
+          case 30:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[8, 25]]);
+      }, _callee, null, [[10, 27]]);
     }));
     return function signInValidator(_x) {
       return _ref2.apply(this, arguments);
     };
   }();
 
-  // ---------- GA + Clarity ----------
+  // ----- GA + Clarity -----
   function initGA(_x2) {
     return _initGA.apply(this, arguments);
   }
@@ -157,7 +208,7 @@ function AuthScapeApp(_ref) {
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            if (!(!_ga4React["default"].isInitialized() && G && typeof window !== "undefined")) {
+            if (!(typeof window !== "undefined" && !_ga4React["default"].isInitialized() && G)) {
               _context2.next = 10;
               break;
             }
@@ -183,13 +234,13 @@ function AuthScapeApp(_ref) {
     return _initGA.apply(this, arguments);
   }
   var logEvent = function logEvent(category, action, label) {
-    if (ga4React.current) {
-      ga4React.current.event(action, label, category);
-    }
+    if (ga4React.current) ga4React.current.event(action, label, category);
+    // your DB analytics can go here if desired
   };
   var databaseDrivenPageView = function databaseDrivenPageView(pathName) {
     var _signedInUser$current, _signedInUser$current2, _signedInUser$current3;
     if (process.env.enableDatabaseAnalytics !== "true") return;
+    if (typeof window === "undefined") return;
     if (pathName === "/signin-oidc") return;
     var host = window.location.protocol + "//" + window.location.host;
     apiService().post("/Analytics/PageView", {
@@ -201,16 +252,23 @@ function AuthScapeApp(_ref) {
     });
   };
 
-  // ---------- Auth + Tracking Init ----------
+  // ----- Auth init (runs once) -----
   (0, _react.useEffect)(function () {
     if (queryCode) {
       signInValidator(queryCode);
-    } else if (!loadingAuth.current) {
+      return;
+    }
+    if (!loadingAuth.current) {
       loadingAuth.current = true;
       if (enableAuth) {
         apiService().GetCurrentUser().then(function (usr) {
-          signedInUser.current = usr;
-          setSignedInUserState(usr);
+          signedInUser.current = ensureUserHelpers(usr);
+          setSignedInUserState(signedInUser.current);
+          setFrontEndLoadedState(true);
+        })["catch"](function () {
+          // no user / anonymous
+          signedInUser.current = null;
+          setSignedInUserState(null);
           setFrontEndLoadedState(true);
         });
       } else {
@@ -219,9 +277,9 @@ function AuthScapeApp(_ref) {
     }
   }, [queryCode, enableAuth]);
 
-  // ---------- Analytics Init ----------
+  // ----- Analytics init -----
   (0, _react.useEffect)(function () {
-    if (!frontEndLoadedState) return;
+    if (!frontEndLoadedState || typeof window === "undefined") return;
     if (pageProps.googleAnalytics4Code) {
       initGA(pageProps.googleAnalytics4Code);
     } else if (process.env.googleAnalytics4) {
@@ -233,44 +291,50 @@ function AuthScapeApp(_ref) {
       _reactMicrosoftClarity.clarity.init(process.env.microsoftClarityTrackingCode);
     }
     databaseDrivenPageView(window.location.pathname);
-    _router["default"].events.on('routeChangeComplete', function (url) {
+    var handler = function handler(url) {
       var _ga4React$current;
       (_ga4React$current = ga4React.current) === null || _ga4React$current === void 0 || _ga4React$current.pageview(url);
       databaseDrivenPageView(url);
-    });
-  }, [frontEndLoadedState]);
+    };
+    _router["default"].events.on("routeChangeComplete", handler);
+    return function () {
+      return _router["default"].events.off("routeChangeComplete", handler);
+    };
+  }, [frontEndLoadedState, pageProps.googleAnalytics4Code, pageProps.microsoftClarityCode]);
 
-  // ---------- Enforce Login ----------
+  // ----- Enforce login (client) -----
   (0, _react.useEffect)(function () {
     if (enforceLoggedIn && pathname !== "/signin-oidc" && frontEndLoadedState && !signedInUserState) {
       (0, _authscape.authService)().login();
     }
   }, [signedInUserState, enforceLoggedIn, frontEndLoadedState, pathname]);
-  var GetSignedInUser = function GetSignedInUser() {
-    return signedInUser.current;
-  };
-  var useStore = (0, _zustand.create)(function (set) {
+
+  // Stable getter for current user (with helpers)
+  var currentUser = (0, _react.useMemo)(function () {
+    return ensureUserHelpers(signedInUser.current);
+  }, [signedInUserState]);
+  var useStore = (0, _zustand.create)(function () {
     return store;
   });
 
-  // ---------- Render ----------
+  // ----- Render (SSR-safe; always output page so <title> is visible) -----
   var pageContent = layout ? layout({
     children: /*#__PURE__*/_react["default"].createElement(Component, _extends({}, pageProps, {
-      currentUser: GetSignedInUser(),
+      currentUser: currentUser,
       loadedUser: frontEndLoadedState,
       setIsLoading: setIsLoadingShow,
       logEvent: logEvent,
       store: useStore,
       toast: _reactToastify.toast
     })),
-    currentUser: GetSignedInUser(),
+    currentUser: currentUser,
     setIsLoading: setIsLoadingShow,
     logEvent: logEvent,
     toast: _reactToastify.toast,
     store: useStore,
     pageProps: pageProps
   }) : /*#__PURE__*/_react["default"].createElement(Component, _extends({}, pageProps, {
-    currentUser: GetSignedInUser(),
+    currentUser: currentUser,
     loadedUser: frontEndLoadedState,
     setIsLoading: setIsLoadingShow,
     logEvent: logEvent,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authscape",
-  "version": "1.0.710",
+  "version": "1.0.714",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/components/AuthScapeApp.js

@@ -1,15 +1,61 @@
-import React, { useState, useRef, useEffect } from 'react';
-import { ToastContainer, toast } from 'react-toastify';
-import { ThemeProvider } from '@mui/material/styles';
+import React, { useState, useRef, useEffect, useMemo } from "react";
+import { ToastContainer, toast } from "react-toastify";
+import { ThemeProvider } from "@mui/material/styles";
 import Head from "next/head";
-import { useSearchParams, usePathname } from 'next/navigation';
-import axios from 'axios';
+import { useSearchParams, usePathname } from "next/navigation";
+import axios from "axios";
 import querystring from "query-string";
-import Router from 'next/router';
-import GA4React from 'ga-4-react';
-import { create } from 'zustand';
-import { clarity } from 'react-microsoft-clarity';
-import { authService } from 'authscape';
+import Router from "next/router";
+import GA4React from "ga-4-react";
+import { create } from "zustand";
+import { clarity } from "react-microsoft-clarity";
+import { authService } from "authscape";
+
+// ---- optional: import your cookie util if not global ----
+// import { setCookie } from "cookies-next";
+// import { apiService } from "@/services/api"; // wherever yours lives
+
+// Decorate a user object with role/permission helpers (idempotent)
+function ensureUserHelpers(u) {
+  if (!u || typeof u !== "object") return u;
+
+  // Avoid redefining on every call
+  if (typeof u.hasRole === "function" &&
+      typeof u.hasRoleId === "function" &&
+      typeof u.hasPermission === "function") {
+    return u;
+  }
+
+  const rolesArr = Array.isArray(u.roles) ? u.roles : [];
+  const permsArr = Array.isArray(u.permissions) ? u.permissions : [];
+
+  // defineProperty keeps them non-enumerable
+  Object.defineProperty(u, "hasRole", {
+    value: function hasRole(name) {
+      if (!name) return false;
+      return rolesArr.some(r => r?.name === name);
+    },
+    writable: false
+  });
+
+  Object.defineProperty(u, "hasRoleId", {
+    value: function hasRoleId(id) {
+      if (id === undefined || id === null) return false;
+      return rolesArr.some(r => r?.id === id);
+    },
+    writable: false
+  });
+
+  Object.defineProperty(u, "hasPermission", {
+    value: function hasPermission(name) {
+      if (!name) return false;
+      return permsArr.includes(name);
+    },
+    writable: false
+  });
+
+  return u;
+}
 
 export function AuthScapeApp({
   Component,
@@ -19,7 +65,7 @@ export function AuthScapeApp({
   muiTheme = {},
   store = {},
   enforceLoggedIn = false,
-  enableAuth = true
+  enableAuth = true,
 }) {
   const [frontEndLoadedState, setFrontEndLoadedState] = useState(false);
   const [isLoadingShow, setIsLoadingShow] = useState(false);
@@ -31,64 +77,72 @@ export function AuthScapeApp({
   const ga4React = useRef(null);
 
   const searchParams = useSearchParams();
-  const queryCode = searchParams.get('code');
+  const queryCode = searchParams.get("code");
   const pathname = usePathname();
 
-  // ---------- PKCE Sign-in ----------
-  const signInValidator = async (queryCode) => {
-    if (queryCodeUsed.current === queryCode) return;
-    queryCodeUsed.current = queryCode;
+  // ----- PKCE Sign-in (browser-only) -----
+  const signInValidator = async (codeFromQuery) => {
+    if (queryCodeUsed.current === codeFromQuery) return;
+    queryCodeUsed.current = codeFromQuery;
+
+    if (typeof window === "undefined") return;
 
     const codeVerifier = window.localStorage.getItem("verifier");
-    if (!queryCode || !codeVerifier) return;
+    if (!codeFromQuery || !codeVerifier) return;
 
-    const headers = { 'Content-Type': 'application/x-www-form-urlencoded' };
+    const headers = { "Content-Type": "application/x-www-form-urlencoded" };
 
-    const queryString = querystring.stringify({
-      code: queryCode,
+    const body = querystring.stringify({
+      code: codeFromQuery,
       grant_type: "authorization_code",
       redirect_uri: window.location.origin + "/signin-oidc",
       client_id: process.env.client_id,
       client_secret: process.env.client_secret,
-      code_verifier: codeVerifier
+      code_verifier: codeVerifier,
     });
 
     try {
-      const response = await axios.post(process.env.authorityUri + '/connect/token', queryString, { headers });
-      const domainHost = window.location.hostname.split('.').slice(-2).join('.');
+      const response = await axios.post(
+        process.env.authorityUri + "/connect/token",
+        body,
+        { headers }
+      );
+
+      const domainHost = window.location.hostname.split(".").slice(-2).join(".");
 
       window.localStorage.removeItem("verifier");
 
-      await setCookie('access_token', response.data.access_token, {
+      // NOTE: replace setCookie below with your implementation if different
+      await setCookie("access_token", response.data.access_token, {
         maxAge: 60 * 60 * 24 * 365,
-        path: '/',
+        path: "/",
         domain: domainHost,
-        secure: true
+        secure: true,
       });
-      await setCookie('expires_in', response.data.expires_in, {
+      await setCookie("expires_in", response.data.expires_in, {
         maxAge: 60 * 60 * 24 * 365,
-        path: '/',
+        path: "/",
         domain: domainHost,
-        secure: true
+        secure: true,
       });
-      await setCookie('refresh_token', response.data.refresh_token, {
+      await setCookie("refresh_token", response.data.refresh_token, {
         maxAge: 60 * 60 * 24 * 365,
-        path: '/',
+        path: "/",
         domain: domainHost,
-        secure: true
+        secure: true,
       });
 
-      const redirectUri = localStorage.getItem("redirectUri");
-      localStorage.clear();
+      const redirectUri = window.localStorage.getItem("redirectUri");
+      window.localStorage.clear();
       window.location.href = redirectUri || "/";
     } catch (exp) {
       console.error("PKCE sign-in failed", exp);
     }
   };
 
-  // ---------- GA + Clarity ----------
+  // ----- GA + Clarity -----
   async function initGA(G) {
-    if (!GA4React.isInitialized() && G && typeof window !== "undefined") {
+    if (typeof window !== "undefined" && !GA4React.isInitialized() && G) {
       ga4React.current = new GA4React(G, { debug_mode: !process.env.production });
       try {
         await ga4React.current.initialize();
@@ -99,13 +153,13 @@ export function AuthScapeApp({
   }
 
   const logEvent = (category, action, label) => {
-    if (ga4React.current) {
-      ga4React.current.event(action, label, category);
-    }
+    if (ga4React.current) ga4React.current.event(action, label, category);
+    // your DB analytics can go here if desired
   };
 
   const databaseDrivenPageView = (pathName) => {
     if (process.env.enableDatabaseAnalytics !== "true") return;
+    if (typeof window === "undefined") return;
     if (pathName === "/signin-oidc") return;
 
     const host = window.location.protocol + "//" + window.location.host;
@@ -115,20 +169,29 @@ export function AuthScapeApp({
       locationId: signedInUser.current?.locationId,
       companyId: signedInUser.current?.companyId,
       uri: pathName,
-      host
+      host,
     });
   };
 
-  // ---------- Auth + Tracking Init ----------
+  // ----- Auth init (runs once) -----
   useEffect(() => {
     if (queryCode) {
       signInValidator(queryCode);
-    } else if (!loadingAuth.current) {
+      return;
+    }
+
+    if (!loadingAuth.current) {
       loadingAuth.current = true;
+
       if (enableAuth) {
         apiService().GetCurrentUser().then((usr) => {
-          signedInUser.current = usr;
-          setSignedInUserState(usr);
+          signedInUser.current = ensureUserHelpers(usr);
+          setSignedInUserState(signedInUser.current);
+          setFrontEndLoadedState(true);
+        }).catch(() => {
+          // no user / anonymous
+          signedInUser.current = null;
+          setSignedInUserState(null);
           setFrontEndLoadedState(true);
         });
       } else {
@@ -137,9 +200,9 @@ export function AuthScapeApp({
     }
   }, [queryCode, enableAuth]);
 
-  // ---------- Analytics Init ----------
+  // ----- Analytics init -----
   useEffect(() => {
-    if (!frontEndLoadedState) return;
+    if (!frontEndLoadedState || typeof window === "undefined") return;
 
     if (pageProps.googleAnalytics4Code) {
       initGA(pageProps.googleAnalytics4Code);
@@ -155,40 +218,71 @@ export function AuthScapeApp({
 
     databaseDrivenPageView(window.location.pathname);
 
-    Router.events.on('routeChangeComplete', (url) => {
+    const handler = (url) => {
       ga4React.current?.pageview(url);
       databaseDrivenPageView(url);
-    });
-  }, [frontEndLoadedState]);
+    };
+    Router.events.on("routeChangeComplete", handler);
+    return () => Router.events.off("routeChangeComplete", handler);
+  }, [frontEndLoadedState, pageProps.googleAnalytics4Code, pageProps.microsoftClarityCode]);
 
-  // ---------- Enforce Login ----------
+  // ----- Enforce login (client) -----
   useEffect(() => {
-    if (enforceLoggedIn && pathname !== "/signin-oidc" && frontEndLoadedState && !signedInUserState) {
+    if (
+      enforceLoggedIn &&
+      pathname !== "/signin-oidc" &&
+      frontEndLoadedState &&
+      !signedInUserState
+    ) {
       authService().login();
     }
   }, [signedInUserState, enforceLoggedIn, frontEndLoadedState, pathname]);
 
-  const GetSignedInUser = () => signedInUser.current;
+  // Stable getter for current user (with helpers)
+  const currentUser = useMemo(() => ensureUserHelpers(signedInUser.current), [signedInUserState]);
 
-  const useStore = create((set) => (store));
+  const useStore = create(() => store);
 
-  // ---------- Render ----------
+  // ----- Render (SSR-safe; always output page so <title> is visible) -----
   const pageContent = layout
     ? layout({
-        children: <Component {...pageProps} currentUser={GetSignedInUser()} loadedUser={frontEndLoadedState} setIsLoading={setIsLoadingShow} logEvent={logEvent} store={useStore} toast={toast} />,
-        currentUser: GetSignedInUser(),
+        children: (
+          <Component
+            {...pageProps}
+            currentUser={currentUser}
+            loadedUser={frontEndLoadedState}
+            setIsLoading={setIsLoadingShow}
+            logEvent={logEvent}
+            store={useStore}
+            toast={toast}
+          />
+        ),
+        currentUser,
         setIsLoading: setIsLoadingShow,
         logEvent,
         toast,
         store: useStore,
-        pageProps
+        pageProps,
       })
-    : <Component {...pageProps} currentUser={GetSignedInUser()} loadedUser={frontEndLoadedState} setIsLoading={setIsLoadingShow} logEvent={logEvent} store={useStore} toast={toast} />;
+    : (
+      <Component
+        {...pageProps}
+        currentUser={currentUser}
+        loadedUser={frontEndLoadedState}
+        setIsLoading={setIsLoadingShow}
+        logEvent={logEvent}
+        store={useStore}
+        toast={toast}
+      />
+    );
 
   return (
     <>
       <Head>
-        <meta name="viewport" content="width=device-width, initial-scale=0.86, maximum-scale=5.0, minimum-scale=0.86" />
+        <meta
+          name="viewport"
+          content="width=device-width, initial-scale=0.86, maximum-scale=5.0, minimum-scale=0.86"
+        />
       </Head>
 
       <ThemeProvider theme={muiTheme}>