react-session.manager.sk 2.0.6 → 2.0.8

package/dist/index.js.LICENSE.txt

@@ -1,28 +0,0 @@
-/**
- * @license React
- * react-is.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */

package/src/components/ErrorBoundary.js

@@ -1,142 +0,0 @@
-import React from "react";
-import { toast } from "react-toastify";
-
-class ErrorBoundary extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false, error: null, errorInfo: null };
-  }
-
-  static getDerivedStateFromError(error) {
-    // Update state so the next render will show the fallback UI
-    return { hasError: true };
-  }
-
-  componentDidCatch(error, errorInfo) {
-    console.error("ErrorBoundary caught an error:", error, errorInfo);
-
-    this.setState({
-      error: error,
-      errorInfo: errorInfo,
-    });
-
-    // Check if this is a theme-related error
-    const isThemeError =
-      error?.message?.includes("Cannot convert undefined or null to object") &&
-      (error?.stack?.includes("Object.entries") ||
-        error?.stack?.includes("theme") ||
-        error?.stack?.includes("Styled"));
-
-    const errorMessage = isThemeError
-      ? "A theme error occurred. This might be due to connection issues. Please refresh the page."
-      : "Something went wrong. Please refresh the page or try again later.";
-
-    // Show a toast notification for the error
-    toast.error(errorMessage, {
-      toastId: "error-boundary",
-      icon: "❌",
-      autoClose: 10000,
-    });
-
-    // Log error to external service if needed
-    if (this.props.onError) {
-      this.props.onError(error, errorInfo);
-    }
-  }
-
-  handleRetry = () => {
-    this.setState({ hasError: false, error: null, errorInfo: null });
-  };
-
-  render() {
-    if (this.state.hasError) {
-      // Custom error UI
-      if (this.props.fallback) {
-        return this.props.fallback;
-      }
-
-      return (
-        <div
-          style={{
-            padding: "20px",
-            textAlign: "center",
-            backgroundColor: "#f8f9fa",
-            border: "1px solid #dee2e6",
-            borderRadius: "8px",
-            margin: "20px",
-            minHeight: "200px",
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "center",
-            alignItems: "center",
-          }}
-        >
-          <div style={{ fontSize: "48px", marginBottom: "16px" }}>⚠️</div>
-          <h2 style={{ color: "#343a40", marginBottom: "16px" }}>
-            Something went wrong
-          </h2>
-          <p style={{ color: "#6c757d", marginBottom: "20px" }}>
-            An unexpected error occurred. Please try refreshing the page.
-          </p>
-          <button
-            onClick={this.handleRetry}
-            style={{
-              backgroundColor: "#007bff",
-              color: "white",
-              border: "none",
-              padding: "10px 20px",
-              borderRadius: "4px",
-              cursor: "pointer",
-              marginRight: "10px",
-            }}
-          >
-            Try Again
-          </button>
-          <button
-            onClick={() => window.location.reload()}
-            style={{
-              backgroundColor: "#28a745",
-              color: "white",
-              border: "none",
-              padding: "10px 20px",
-              borderRadius: "4px",
-              cursor: "pointer",
-            }}
-          >
-            Refresh Page
-          </button>
-
-          {process.env.NODE_ENV === "development" && this.state.error && (
-            <details
-              style={{ marginTop: "20px", textAlign: "left", width: "100%" }}
-            >
-              <summary style={{ cursor: "pointer", fontWeight: "bold" }}>
-                Error Details (Development)
-              </summary>
-              <pre
-                style={{
-                  backgroundColor: "#f8f9fa",
-                  padding: "10px",
-                  borderRadius: "4px",
-                  overflow: "auto",
-                  fontSize: "12px",
-                  marginTop: "10px",
-                  maxHeight: "300px",
-                  textAlign: "left",
-                }}
-              >
-                {this.state.error && this.state.error.toString()}
-                <br />
-                {this.state.errorInfo?.componentStack}
-              </pre>
-            </details>
-          )}
-        </div>
-      );
-    }
-
-    return this.props.children;
-  }
-}
-
-export default ErrorBoundary;

package/src/components/FingerPrint.js

@@ -1,11 +0,0 @@
-import { ClientJS } from "clientjs";
-
-export default function getDeviceFingerprint() {
-  if (localStorage.getItem("deviceFingerprint"))
-    return localStorage.getItem("deviceFingerprint");
-
-  const client = new ClientJS();
-  const fingerprint = client.getFingerprint();
-  localStorage.setItem("deviceFingerprint", fingerprint);
-  return fingerprint;
-}

package/src/components/versionCompare.js

@@ -1,39 +0,0 @@
-// Javascript implementation
-
-// Method to compare two versions.
-// Returns 1 if v2 is smaller, -1
-// if v1 is smaller, 0 if equal
-export default function versionCompare(v1, v2) {
-  // vnum stores each numeric
-  // part of version
-  var vnum1 = 0,
-    vnum2 = 0;
-
-  // loop until both string are
-  // processed
-  for (var i = 0, j = 0; i < v1.length || j < v2.length; ) {
-    // storing numeric part of
-    // version 1 in vnum1
-    while (i < v1.length && v1[i] !== ".") {
-      vnum1 = vnum1 * 10 + (v1[i] - "0");
-      i++;
-    }
-
-    // storing numeric part of
-    // version 2 in vnum2
-    while (j < v2.length && v2[j] !== ".") {
-      vnum2 = vnum2 * 10 + (v2[j] - "0");
-      j++;
-    }
-
-    if (vnum1 > vnum2) return true;
-    if (vnum2 > vnum1) return false;
-
-    // if equal, reset variables and
-    // go for next numeric part
-    vnum1 = vnum2 = 0;
-    i++;
-    j++;
-  }
-  return true;
-}

package/src/index.js

@@ -1,467 +0,0 @@
-import React, { createContext, useState, useEffect, useCallback } from "react";
-import versionCompare from "./components/versionCompare";
-import getDeviceFingerprint from "./components/FingerPrint";
-import ErrorBoundary from "./components/ErrorBoundary";
-// Notifications
-import { ToastContainer, toast } from "react-toastify";
-import "react-toastify/dist/ReactToastify.css";
-import "./styling/toast.css";
-
-export const SessionManager = createContext({
-  isLoggedIn: null,
-  header: null,
-  isAdmin: null,
-  userInfo: null,
-  refreshData: null,
-  setHeader: null,
-  setLoggedin: null,
-  setRefreshData: null,
-  hasRole: null,
-  deviceUID: null,
-  loadingUser: null,
-});
-
-const SessionManagerProvider = ({
-  AuthenticatedAxiosObject,
-  refreshTimer,
-  dataRefresh,
-  userLoader,
-  refreshToken,
-  appVersion,
-  toastOptions,
-  children,
-}) => {
-  // Set deivce UID
-  const [deviceUID, setDeviceUID] = useState(
-    localStorage.getItem("deviceUID") || false
-  );
-
-  useEffect(() => {
-    if (!deviceUID) {
-      try {
-        const uid = getDeviceFingerprint();
-        if (uid) {
-          setDeviceUID(uid);
-          localStorage.setItem("deviceUID", uid);
-          AuthenticatedAxiosObject.defaults.headers.common["deviceUID"] = uid;
-        }
-      } catch (err) {
-        console.error("Failed to generate device fingerprint:", err);
-        // Generate a fallback UUID
-        const fallbackUID =
-          "fallback-" +
-          Date.now() +
-          "-" +
-          Math.random().toString(36).substr(2, 9);
-        setDeviceUID(fallbackUID);
-        localStorage.setItem("deviceUID", fallbackUID);
-        AuthenticatedAxiosObject.defaults.headers.common["deviceUID"] =
-          fallbackUID;
-      }
-    }
-  }, [deviceUID, AuthenticatedAxiosObject]);
-
-  // State to hold the selected header name
-  const [current, setCurrent] = useState("");
-
-  AuthenticatedAxiosObject.defaults.withCredentials = true;
-  AuthenticatedAxiosObject.defaults.headers.common["Authorization"] = current;
-  AuthenticatedAxiosObject.defaults.headers.common["deviceUID"] = deviceUID;
-  AuthenticatedAxiosObject.defaults.headers.common["appVersion"] = appVersion;
-
-  const fromPrevious = useCallback(
-    (auth, remember) => {
-      setCurrent(auth);
-      setTimeout(() => {
-        refreshToken()
-          .then((data) => {
-            if (data?.refreshed) {
-              const token = `Bearer ${data.access_token}`;
-              setCurrent(token);
-              AuthenticatedAxiosObject.defaults.headers.common[
-                "Authorization"
-              ] = token;
-              if (remember) localStorage.setItem("Authorization", token);
-              sessionStorage.setItem("Authorization", token);
-            }
-          })
-          .catch((err) => {
-            console.error("Token refresh failed:", err);
-
-            // Clear invalid tokens
-            localStorage.removeItem("Authorization");
-            sessionStorage.removeItem("Authorization");
-            setCurrent("");
-            setCurrentLoggedIn(false);
-
-            // Only show toast for actual network/server errors, not auth failures
-            if (err?.code === "ERR_NETWORK" || err?.response?.status >= 500) {
-              // Don't spam with toasts during retries
-              const lastToast = sessionStorage.getItem("lastRefreshErrorToast");
-              const now = Date.now();
-              if (!lastToast || now - parseInt(lastToast) > 30000) {
-                // 30 seconds
-                toast.error(
-                  "Unable to refresh your session. Please login again.",
-                  {
-                    toastId: "token-refresh-error",
-                    icon: "🚪",
-                  }
-                );
-                sessionStorage.setItem("lastRefreshErrorToast", now.toString());
-              }
-            }
-          });
-      }, 100);
-    },
-    [AuthenticatedAxiosObject, refreshToken]
-  );
-
-  useEffect(() => {
-    const local_auth = localStorage.getItem("Authorization");
-    const sess_auth = sessionStorage.getItem("Authorization");
-
-    if (local_auth) fromPrevious(local_auth, true);
-    else if (sess_auth) fromPrevious(sess_auth, false);
-    // No cleanup needed here since fromPrevious doesn't create intervals
-  }, [fromPrevious]);
-
-  // Wrap setHeader to store new header names in localStorage
-  const setHeader = (header) => {
-    setCurrent(header);
-  };
-
-  const [currentLoggin, setCurrentLoggedIn] = useState(false);
-  const [isAdmin, setIsAdmin] = useState(false);
-  const [userInfo, setUserInfo] = useState({});
-  const [loadingUser, setLoadingUser] = useState(true);
-
-  useEffect(() => {
-    setTimeout(() => {
-      userLoader()
-        .then((res) => {
-          const data = res?.data;
-          if (data) {
-            setCurrentLoggedIn(data.logged_in);
-            setIsAdmin(data.is_admin);
-            setUserInfo(data.Info || {});
-          }
-        })
-        .catch((err) => {
-          console.error("User data loading failed:", err);
-
-          // Don't show toast for auth errors (401, 403)
-          if (err?.response?.status !== 401 && err?.response?.status !== 403) {
-            if (err?.code === "ERR_NETWORK" || err?.response?.status >= 500) {
-              toast.error(
-                "Unable to load user information. Some features may be limited.",
-                {
-                  toastId: "user-load-error",
-                  icon: "⚠️",
-                }
-              );
-            }
-          }
-          // Set safe defaults
-          setCurrentLoggedIn(false);
-          setIsAdmin(false);
-          setUserInfo({});
-        })
-        .finally(() => {
-          setLoadingUser(false);
-        });
-    }, 100);
-  }, [current, currentLoggin, userLoader]);
-
-  const setLoggedin = (status) => {
-    setCurrentLoggedIn(status);
-  };
-
-  useEffect(() => {
-    const tokenRefreshTimer = () => {
-      const mins = refreshTimer || 60;
-      return mins * 60 * 1000 || 10000;
-    };
-
-    let interval = null;
-    if (currentLoggin) {
-      const remember = localStorage.getItem("Authorization") ? true : false;
-      interval = setInterval(() => {
-        fromPrevious(sessionStorage.getItem("Authorization"), remember);
-      }, tokenRefreshTimer());
-    } else {
-      clearInterval(interval);
-    }
-    return () => clearInterval(interval);
-  }, [fromPrevious, currentLoggin, refreshTimer]);
-
-  useEffect(() => {
-    const customInterceptor = () => {
-      AuthenticatedAxiosObject.interceptors.response.use(
-        (response) => {
-          // Reset connection failure count on successful response
-          sessionStorage.setItem("connectionFailures", "0");
-          return response;
-        },
-        (error) => {
-          console.error("Axios interceptor caught error:", error);
-
-          // Handle session expiry (455)
-          if (error?.response?.status === 455) {
-            try {
-              const status = error.response.data?.logged_in || false;
-              if (!status) {
-                console.log("Session ended");
-                setCurrentLoggedIn(false);
-                AuthenticatedAxiosObject.defaults.headers.common[
-                  "Authorization"
-                ] = ``;
-                toast.info(
-                  "Your session is no longer valid, please login again.",
-                  { toastId: "Forced_log_out", icon: "🚪" }
-                );
-              }
-            } catch (err) {
-              console.error("Error handling session expiry:", err);
-              // Don't throw here - just log and continue
-            }
-            return Promise.reject(error);
-          }
-
-          // Handle version mismatch (426)
-          if (error?.response?.status === 426) {
-            try {
-              sessionStorage.setItem("appVersionOld", true);
-              sessionStorage.setItem(
-                "requiredVersion",
-                error.response.data?.minVersion || "unknown"
-              );
-              let reloads = parseInt(
-                sessionStorage.getItem("appReloads") || "0"
-              );
-              if (reloads < 2) {
-                sessionStorage.setItem("appReloads", (reloads + 1).toString());
-                setTimeout(() => {
-                  window.location.reload();
-                }, 1000 * reloads);
-              } else {
-                toast.warning(
-                  "The application needs to be updated. Please wait for some time then reload the page.",
-                  {
-                    toastId: "appReloadError",
-                    icon: "🔄",
-                  }
-                );
-              }
-            } catch (err) {
-              console.error("Error handling version mismatch:", err);
-            }
-            return Promise.reject(error);
-          }
-
-          // Handle network errors and connection issues
-          if (!error?.response?.status) {
-            if (
-              error?.code !== "ERR_CANCELED" &&
-              error?.message !== "canceled"
-            ) {
-              const errorMessage =
-                error?.code === "ERR_NETWORK"
-                  ? "Unable to connect to the server. Please check your internet connection and try again."
-                  : "The server is not responding, please reload or try again later.";
-
-              // Only show toast after multiple failures (retries exhausted)
-              const failureCount = parseInt(
-                sessionStorage.getItem("connectionFailures") || "0"
-              );
-              sessionStorage.setItem(
-                "connectionFailures",
-                (failureCount + 1).toString()
-              );
-
-              // Show toast after 5 failed attempts (representing retry exhaustion)
-              if (failureCount >= 5) {
-                toast.error(errorMessage, {
-                  toastId: `connection-failed-final`,
-                  icon: "⚠️",
-                  autoClose: 10000, // Keep it longer since this is the final error
-                });
-                // Reset counter after showing final toast
-                sessionStorage.setItem("connectionFailures", "0");
-              }
-            }
-            return Promise.reject(error);
-          }
-
-          // For all other errors, just reject without throwing
-          return Promise.reject(error);
-        }
-      );
-    };
-
-    // Call the interceptor setup
-    customInterceptor();
-
-    // Cleanup function to remove interceptors
-    return () => {
-      if (AuthenticatedAxiosObject?.interceptors?.response) {
-        AuthenticatedAxiosObject.interceptors.response.clear();
-      }
-    };
-  }, [AuthenticatedAxiosObject, currentLoggin, setCurrentLoggedIn]);
-
-  // We will use the below to refresh our data about the user when ever we flag refreshData as true
-  const [refreshData, setRefreshFlag] = useState(false);
-
-  useEffect(() => {
-    const refreshDelay = () => {
-      const mins = dataRefresh || 60;
-      return mins * 60 * 1000 || 10000;
-    };
-
-    const timer = setTimeout(() => setRefreshFlag(true), refreshDelay());
-    return () => clearTimeout(timer);
-  }, [dataRefresh]);
-
-  useEffect(() => {
-    if (refreshData) {
-      userLoader()
-        .then((res) => {
-          const data = res?.data;
-          if (data) {
-            setUserInfo(data.Info || {});
-          }
-        })
-        .catch((err) => {
-          console.error("User data refresh failed:", err);
-          // Silently fail for data refresh - don't overwhelm user with toasts
-        })
-        .finally(() => {
-          setRefreshData(false);
-        });
-    }
-  }, [refreshData, userLoader]);
-
-  const setRefreshData = (status) => {
-    setRefreshFlag(status);
-  };
-
-  // Check if user has specific role
-  const hasRole = (roles) => {
-    if (
-      !roles ||
-      !Array.isArray(roles) ||
-      !userInfo?.roles ||
-      !Array.isArray(userInfo.roles)
-    ) {
-      return false;
-    }
-    try {
-      return roles.some((r) => userInfo.roles.indexOf(r) >= 0);
-    } catch (err) {
-      console.error("Error checking user roles:", err);
-      return false;
-    }
-  };
-
-  const contextValue = {
-    isLoggedIn: currentLoggin,
-    header: current,
-    isAdmin: isAdmin,
-    userInfo: userInfo,
-    refreshData: refreshData,
-    setHeader: setHeader,
-    setLoggedin: setLoggedin,
-    setRefreshData: setRefreshData,
-    hasRole: hasRole,
-    deviceUID: deviceUID,
-    loadingUser: loadingUser,
-  };
-
-  // Show loading state while initializing
-  return (
-    <ErrorBoundary>
-      <SessionManager.Provider value={contextValue}>
-        {loadingUser && (
-          <div
-            style={{
-              position: "fixed",
-              top: "50%",
-              left: "50%",
-              transform: "translate(-50%, -50%)",
-              zIndex: 9999,
-            }}
-          >
-            <div
-              style={{
-                width: "40px",
-                height: "40px",
-                border: "4px solid rgba(0,0,0,1)",
-                borderTop: "4px solid rgba(0,0,0,0.1)",
-                borderRadius: "50%",
-                animation: "spin 1s linear infinite",
-              }}
-            />
-            <style>{`
-              @keyframes spin {
-                0% { transform: rotate(0deg); }
-                100% { transform: rotate(360deg); }
-              }
-            `}</style>
-          </div>
-        )}
-        <ToastContainer
-          position="top-left"
-          autoClose={5000}
-          closeOnClick
-          pauseOnFocusLoss
-          pauseOnHover
-          newestOnTop={false}
-          toastClassName={"custToast materialToast"}
-          {...toastOptions}
-        />
-        <VersionProtection appVersion={appVersion} />
-        {children}
-      </SessionManager.Provider>
-    </ErrorBoundary>
-  );
-};
-
-function VersionProtection({ appVersion }) {
-  const [oldVersion, setOldVersion] = useState(false);
-
-  useEffect(() => {
-    try {
-      const isOldVersion = sessionStorage.getItem("appVersionOld") === "true";
-      setOldVersion(isOldVersion);
-
-      if (
-        isOldVersion &&
-        sessionStorage.getItem("requiredVersion") &&
-        appVersion &&
-        versionCompare(appVersion, sessionStorage.getItem("requiredVersion"))
-      ) {
-        console.log("Update Success Toast");
-        toast.success("Your application has been updated", {
-          toastId: "appReload",
-          icon: "✅",
-          onClose: () => {
-            try {
-              sessionStorage.removeItem("appVersionOld");
-              sessionStorage.removeItem("requiredVersion");
-              sessionStorage.removeItem("appReloads");
-            } catch (err) {
-              console.error("Error cleaning up version storage:", err);
-            }
-          },
-        });
-      }
-    } catch (err) {
-      console.error("Error in version protection:", err);
-    }
-  }, [appVersion]);
-
-  return <></>;
-}
-
-export default SessionManagerProvider;