@copart/ops-tool-kit 1.12.12 → 1.12.13-alpha.1

package/dist/ops-tool-kit.js

@@ -47,7 +47,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
 const name$r = "@copart/ops-tool-kit";
-const version$8 = "1.12.12";
+const version$8 = "1.12.13-alpha.1";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -2622,6 +2622,12 @@ var createOpsStorage = function createOpsStorage() {
     get userEmail() {
       return getLocalItem('login', 'userData.entity_mail');
     },
+    get userCopartId() {
+      return getLocalItem('login', 'userData.entity_employee_copart_id');
+    },
+    get userSamAccount() {
+      return getLocalItem('login', 'userData.entity_sam_id');
+    },
     get userCountry() {
       return getLocalItem('login', 'userData.entity_country');
     },
@@ -21417,13 +21423,15 @@ var LogOutMenu = function LogOutMenu(_ref) {
     availableStatuses = _ref$availableStatuse === void 0 ? [] : _ref$availableStatuse,
     currentUserStatus = _ref.currentUserStatus;
   var getStatusColor = function getStatusColor() {
+    var _currentUserStatus$to;
     if (!currentUserStatus || !Array.isArray(availableStatuses)) {
       return '#9A9B98'; // Default color
     }
     var statusObj = availableStatuses.find(function (status) {
       return status.status === currentUserStatus;
     });
-    return (statusObj === null || statusObj === void 0 ? void 0 : statusObj.colour) || '#BC2F32';
+    var defaultColor = currentUserStatus !== null && currentUserStatus !== void 0 && (_currentUserStatus$to = currentUserStatus.toLowerCase()) !== null && _currentUserStatus$to !== void 0 && _currentUserStatus$to.includes("system") ? "#9A9B98" : '#BC2F32';
+    return (statusObj === null || statusObj === void 0 ? void 0 : statusObj.colour) || defaultColor;
   };
   var statusColor = getStatusColor();
 
@@ -21483,9 +21491,10 @@ var ProfileDetails = function ProfileDetails(_ref) {
       return status.status === currentUserStatus;
     });
     if (!statusExists) {
+      var _currentUserStatus$to;
       return [].concat(_toConsumableArray(availableStatuses), [{
         status: currentUserStatus,
-        colour: '#BC2F32',
+        colour: currentUserStatus !== null && currentUserStatus !== void 0 && (_currentUserStatus$to = currentUserStatus.toLowerCase()) !== null && _currentUserStatus$to !== void 0 && _currentUserStatus$to.includes("system") ? "#9A9B98" : '#BC2F32',
         disabled: true
       }]);
     }
@@ -35147,6 +35156,41 @@ function LatestReleaseDialog(_ref) {
   })))));
 }
 
+var SystemOfflineDialog = function SystemOfflineDialog(_ref) {
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    onMakeAvailable = _ref.onMakeAvailable,
+    onStayOffline = _ref.onStayOffline;
+  var handleStayOffline = function handleStayOffline() {
+    onStayOffline === null || onStayOffline === void 0 ? void 0 : onStayOffline();
+    onClose === null || onClose === void 0 ? void 0 : onClose();
+  };
+  var handleMakeAvailable = function handleMakeAvailable() {
+    onMakeAvailable === null || onMakeAvailable === void 0 ? void 0 : onMakeAvailable();
+    onClose === null || onClose === void 0 ? void 0 : onClose();
+  };
+  return /*#__PURE__*/React__default["default"].createElement(coreComponents.Dialog, {
+    title: "The system marked you as offline",
+    isOpen: isOpen,
+    dismiss: handleStayOffline
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      padding: '20px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", null, "You've been marked offline by the system. Would you like to make yourself available?"), /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'flex-end',
+      marginTop: '16px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Button, {
+    primary: true,
+    onClick: handleMakeAvailable
+  }, "Yes"), /*#__PURE__*/React__default["default"].createElement(coreComponents.Button, {
+    onClick: handleStayOffline
+  }, "Stay offline"))));
+};
+
 var naiveFallback = function () {
   if (typeof self === "object" && self) return self;
   if (typeof window === "object" && window) return window;
@@ -35613,7 +35657,7 @@ var fetchAvailableStatuses = /*#__PURE__*/function () {
           coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
           endpoints = coreAppConfig.endpoints;
           email = storage$1.userEmail || '';
-          endpoint = frontEndUtils.string.substitute(endpoints.getAvailableStatusesByUser, {
+          endpoint = frontEndUtils.string.substitute(endpoints === null || endpoints === void 0 ? void 0 : endpoints.getAvailableStatusesByUser, {
             email: email
           });
           _context.p = 1;
@@ -35646,7 +35690,7 @@ var fetchUserStatus = /*#__PURE__*/function () {
           coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
           endpoints = coreAppConfig.endpoints;
           email = storage$1.userEmail || '';
-          endpoint = frontEndUtils.string.substitute(endpoints.getUserStatus, {
+          endpoint = frontEndUtils.string.substitute(endpoints === null || endpoints === void 0 ? void 0 : endpoints.getUserStatus, {
             email: email
           });
           _context2.p = 1;
@@ -35678,7 +35722,7 @@ var updateUserStatus = /*#__PURE__*/function () {
         case 0:
           coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
           endpoints = coreAppConfig.endpoints;
-          endpoint = endpoints.updateUserStatus;
+          endpoint = endpoints === null || endpoints === void 0 ? void 0 : endpoints.updateUserStatus;
           requestBody = {
             status: statusId,
             email: storage$1.userEmail,
@@ -35706,6 +35750,359 @@ var updateUserStatus = /*#__PURE__*/function () {
     return _ref3.apply(this, arguments);
   };
 }();
+var sendHeartBeat = /*#__PURE__*/function () {
+  var _ref4 = _asyncToGenerator$1(/*#__PURE__*/_regenerator().m(function _callee4() {
+    var coreAppConfig, endpoints, endpoint, requestBody, _t4;
+    return _regenerator().w(function (_context4) {
+      while (1) switch (_context4.p = _context4.n) {
+        case 0:
+          coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
+          endpoints = coreAppConfig.endpoints;
+          endpoint = endpoints === null || endpoints === void 0 ? void 0 : endpoints.sendHeartBeat;
+          requestBody = {
+            email: storage$1.userEmail,
+            timeStamp: moment.utc().format('YYYY-MM-DD HH:mm:ss'),
+            copartId: storage$1.userCopartId,
+            samAccount: storage$1.userSamAccount
+          };
+          _context4.p = 1;
+          _context4.n = 2;
+          return fetcher.post(endpoint, requestBody);
+        case 2:
+          _context4.n = 4;
+          break;
+        case 3:
+          _context4.p = 3;
+          _t4 = _context4.v;
+          console.error('Failed to send heart beat:', _t4);
+        case 4:
+          return _context4.a(2);
+      }
+    }, _callee4, null, [[1, 3]]);
+  }));
+  return function sendHeartBeat() {
+    return _ref4.apply(this, arguments);
+  };
+}();
+var sendUserInteractionEvent = /*#__PURE__*/function () {
+  var _ref5 = _asyncToGenerator$1(/*#__PURE__*/_regenerator().m(function _callee5() {
+    var didInteract,
+      coreAppConfig,
+      endpoints,
+      endpoint,
+      requestBody,
+      _args5 = arguments,
+      _t5;
+    return _regenerator().w(function (_context5) {
+      while (1) switch (_context5.p = _context5.n) {
+        case 0:
+          didInteract = _args5.length > 0 && _args5[0] !== undefined ? _args5[0] : false;
+          coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
+          endpoints = coreAppConfig.endpoints;
+          endpoint = endpoints === null || endpoints === void 0 ? void 0 : endpoints.sendUserInteractionEvent;
+          requestBody = {
+            email: storage$1.userEmail,
+            timeStamp: moment.utc().format('YYYY-MM-DD HH:mm:ss'),
+            copartId: storage$1.userCopartId,
+            samAccount: storage$1.userSamAccount,
+            userConnectivity: didInteract
+          };
+          _context5.p = 1;
+          _context5.n = 2;
+          return fetcher.post(endpoint, requestBody);
+        case 2:
+          _context5.n = 4;
+          break;
+        case 3:
+          _context5.p = 3;
+          _t5 = _context5.v;
+          console.error('Failed to send user interaction event:', _t5);
+        case 4:
+          return _context5.a(2);
+      }
+    }, _callee5, null, [[1, 3]]);
+  }));
+  return function sendUserInteractionEvent() {
+    return _ref5.apply(this, arguments);
+  };
+}();
+
+/**
+ * Single-heartbeat / single-user-interaction across tabs (leader election)
+ * - One tab becomes leader and sends heartbeat + user interaction events
+ * - Other tabs are followers
+ * - If leader dies, re-election happens automatically
+ * - Uses BroadcastChannel + localStorage (works in Chrome, Edge, Firefox, Safari 15.4+)
+ */
+
+var LOCK_KEY_PREFIX = 'ops_hb_leader_lock:';
+var CHANNEL_PREFIX = 'ops_hb_channel:';
+var LAST_INTERACTION_KEY_PREFIX = 'ops_hb_last_interaction:';
+var LOCK_TTL_MS = 15000;
+var RENEW_EVERY_MS = 5000;
+var ELECTION_INTERVAL_MS = 4000;
+var JITTER_MS = 800;
+var STORAGE_TEST_KEY = 'ops_hb_storage_test';
+var isStorageAvailable = function isStorageAvailable() {
+  try {
+    localStorage.setItem(STORAGE_TEST_KEY, '1');
+    var ok = localStorage.getItem(STORAGE_TEST_KEY) === '1';
+    localStorage.removeItem(STORAGE_TEST_KEY);
+    return ok;
+  } catch (error) {
+    console.error('[TabLeaderCoordinator] Storage availability check failed:', error);
+    return false;
+  }
+};
+var getTabId = function getTabId() {
+  if (typeof crypto !== 'undefined' && crypto.randomUUID) {
+    return crypto.randomUUID();
+  }
+  return "tab_".concat(Date.now(), "_").concat(Math.random().toString(36).slice(2));
+};
+
+// In-memory fallback when localStorage is disabled (per-tab)
+var fallbackInteractionStore = new Map();
+
+/**
+ * Records user interaction timestamp. Call from ANY tab on user interaction.
+ * When localStorage works: leader reads this to determine if user was active.
+ * When localStorage disabled: each tab uses its own in-memory store for per-tab fallback.
+ * @param {string} userKey - Unique user identifier (e.g. email)
+ */
+var recordUserInteraction = function recordUserInteraction(userKey) {
+  if (!userKey) return;
+  var ts = Date.now();
+  var key = "".concat(LAST_INTERACTION_KEY_PREFIX).concat(userKey);
+  try {
+    localStorage.setItem(key, String(ts));
+  } catch (error) {
+    console.error('[TabLeaderCoordinator] recordUserInteraction localStorage failed:', error);
+    fallbackInteractionStore.set(userKey, ts);
+  }
+};
+var getLastInteractionTime = function getLastInteractionTime(userKey, useFallback) {
+  if (useFallback) {
+    return fallbackInteractionStore.get(userKey) || null;
+  }
+  try {
+    var val = localStorage.getItem("".concat(LAST_INTERACTION_KEY_PREFIX).concat(userKey));
+    return val ? parseInt(val, 10) : null;
+  } catch (error) {
+    console.error('[TabLeaderCoordinator] getLastInteractionTime failed:', error);
+    return null;
+  }
+};
+
+/**
+ * Starts the tab leader coordinator. Only the leader tab will call onHeartbeat and onUserInteractionCheck.
+ * When localStorage is disabled (e.g. strict privacy mode), falls back to per-tab behavior: each tab sends
+ * heartbeat and user interaction events independently.
+ * @param {Object} options
+ * @param {() => Promise<void>} options.onHeartbeat - Called periodically by leader
+ * @param {(didInteract: boolean) => Promise<void>} options.onUserInteractionCheck - Called periodically by leader with interaction status
+ * @param {number} options.heartBeatIntervalMs - Heartbeat interval in ms
+ * @param {number} options.userInteractionIntervalMs - User interaction check interval in ms
+ * @param {string} options.userKey - User identifier for lock/channel keys (e.g. storage.userEmail)
+ * @returns {() => void} Stop function - call to release lock and cleanup
+ */
+var startTabLeaderCoordinator = function startTabLeaderCoordinator(_ref) {
+  var onHeartbeat = _ref.onHeartbeat,
+    onUserInteractionCheck = _ref.onUserInteractionCheck,
+    heartBeatIntervalMs = _ref.heartBeatIntervalMs,
+    userInteractionIntervalMs = _ref.userInteractionIntervalMs,
+    userKey = _ref.userKey;
+  if (!userKey) return function () {};
+  var runPerTabFallback = function runPerTabFallback() {
+    onHeartbeat === null || onHeartbeat === void 0 ? void 0 : onHeartbeat().catch(function (error) {
+      console.error('[TabLeaderCoordinator] onHeartbeat failed:', error);
+    });
+    var hadInteraction = function hadInteraction() {
+      var last = getLastInteractionTime(userKey, true);
+      if (last == null) return false;
+      return Date.now() - last < userInteractionIntervalMs;
+    };
+    onUserInteractionCheck === null || onUserInteractionCheck === void 0 ? void 0 : onUserInteractionCheck(hadInteraction()).catch(function (error) {
+      console.error('[TabLeaderCoordinator] onUserInteractionCheck failed:', error);
+    });
+    var hbTimer = setInterval(function () {
+      return onHeartbeat === null || onHeartbeat === void 0 ? void 0 : onHeartbeat().catch(function (error) {
+        console.error('[TabLeaderCoordinator] onHeartbeat failed:', error);
+      });
+    }, heartBeatIntervalMs);
+    var interactionTimer = setInterval(function () {
+      onUserInteractionCheck === null || onUserInteractionCheck === void 0 ? void 0 : onUserInteractionCheck(hadInteraction()).catch(function (error) {
+        console.error('[TabLeaderCoordinator] onUserInteractionCheck failed:', error);
+      });
+    }, userInteractionIntervalMs);
+    return function () {
+      clearInterval(hbTimer);
+      clearInterval(interactionTimer);
+    };
+  };
+  if (!isStorageAvailable()) {
+    return runPerTabFallback();
+  }
+  var LOCK_KEY = "".concat(LOCK_KEY_PREFIX).concat(userKey);
+  var CH_NAME = "".concat(CHANNEL_PREFIX).concat(userKey);
+  var TAB_ID = getTabId();
+  var bc = null;
+  try {
+    bc = typeof BroadcastChannel !== 'undefined' ? new BroadcastChannel(CH_NAME) : null;
+  } catch (error) {
+    console.error('[TabLeaderCoordinator] BroadcastChannel creation failed:', error);
+    bc = null;
+  }
+  var isLeader = false;
+  var renewTimer = null;
+  var heartbeatTimer = null;
+  var interactionCheckTimer = null;
+  var electionTimer = null;
+  var now = function now() {
+    return Date.now();
+  };
+  var readLock = function readLock() {
+    try {
+      return JSON.parse(localStorage.getItem(LOCK_KEY) || 'null');
+    } catch (error) {
+      console.error('[TabLeaderCoordinator] readLock failed:', error);
+      return null;
+    }
+  };
+  var writeLock = function writeLock(ownerId) {
+    try {
+      localStorage.setItem(LOCK_KEY, JSON.stringify({
+        ownerId: ownerId,
+        expiresAt: now() + LOCK_TTL_MS
+      }));
+    } catch (error) {
+      console.error('[TabLeaderCoordinator] writeLock failed:', error);
+    }
+  };
+  var clearLockIfMine = function clearLockIfMine() {
+    var lock = readLock();
+    if ((lock === null || lock === void 0 ? void 0 : lock.ownerId) === TAB_ID) {
+      try {
+        localStorage.removeItem(LOCK_KEY);
+      } catch (error) {
+        console.error('[TabLeaderCoordinator] clearLockIfMine failed:', error);
+      }
+    }
+  };
+  var runUserInteractionCheck = function runUserInteractionCheck() {
+    var last = getLastInteractionTime(userKey, false);
+    var checkWindowStart = now() - userInteractionIntervalMs;
+    var hadInteraction = last != null && !Number.isNaN(last) && last >= checkWindowStart;
+    onUserInteractionCheck === null || onUserInteractionCheck === void 0 ? void 0 : onUserInteractionCheck(!!hadInteraction).catch(function (error) {
+      console.error('[TabLeaderCoordinator] onUserInteractionCheck failed:', error);
+    });
+  };
+  var becomeLeader = function becomeLeader() {
+    if (isLeader) return;
+    isLeader = true;
+    if (bc) {
+      try {
+        bc.postMessage({
+          type: 'LEADER',
+          tabId: TAB_ID,
+          at: now()
+        });
+      } catch (error) {
+        console.error('[TabLeaderCoordinator] BroadcastChannel postMessage failed:', error);
+      }
+    }
+
+    // Renew lock periodically
+    renewTimer = setInterval(function () {
+      var lock = readLock();
+      if (!lock || lock.ownerId !== TAB_ID) {
+        becomeFollower();
+        return;
+      }
+      writeLock(TAB_ID);
+    }, RENEW_EVERY_MS);
+
+    // Heartbeat (only leader)
+    heartbeatTimer = setInterval(function () {
+      onHeartbeat === null || onHeartbeat === void 0 ? void 0 : onHeartbeat().catch(function (error) {
+        console.error('[TabLeaderCoordinator] onHeartbeat failed:', error);
+      });
+    }, heartBeatIntervalMs);
+
+    // User interaction check (only leader)
+    interactionCheckTimer = setInterval(runUserInteractionCheck, userInteractionIntervalMs);
+
+    // Immediate calls on becoming leader
+    onHeartbeat === null || onHeartbeat === void 0 ? void 0 : onHeartbeat().catch(function (error) {
+      console.error('[TabLeaderCoordinator] onHeartbeat failed:', error);
+    });
+    runUserInteractionCheck();
+  };
+  var becomeFollower = function becomeFollower() {
+    if (!isLeader) return;
+    isLeader = false;
+    if (renewTimer) clearInterval(renewTimer);
+    if (heartbeatTimer) clearInterval(heartbeatTimer);
+    if (interactionCheckTimer) clearInterval(interactionCheckTimer);
+    renewTimer = heartbeatTimer = interactionCheckTimer = null;
+  };
+  var tryBecomeLeader = function tryBecomeLeader() {
+    var lock = readLock();
+    var expired = !lock || lock.expiresAt <= now();
+    if (expired) {
+      writeLock(TAB_ID);
+      var verify = readLock();
+      if ((verify === null || verify === void 0 ? void 0 : verify.ownerId) === TAB_ID) {
+        becomeLeader();
+      } else {
+        becomeFollower();
+      }
+    } else if (lock.ownerId === TAB_ID) {
+      becomeLeader();
+    } else {
+      becomeFollower();
+    }
+  };
+  var handleStorage = function handleStorage(e) {
+    if (e.key === LOCK_KEY) {
+      var lock = readLock();
+      if ((lock === null || lock === void 0 ? void 0 : lock.ownerId) === TAB_ID) {
+        becomeLeader();
+      } else {
+        becomeFollower();
+      }
+    }
+  };
+  var handleBeforeUnload = function handleBeforeUnload() {
+    if (isLeader) clearLockIfMine();
+    if (bc) bc.close();
+  };
+  if (bc) {
+    bc.onmessage = function (e) {
+      var _e$data;
+      if ((e === null || e === void 0 ? void 0 : (_e$data = e.data) === null || _e$data === void 0 ? void 0 : _e$data.type) === 'LEADER' && e.data.tabId !== TAB_ID) {
+        var lock = readLock();
+        if ((lock === null || lock === void 0 ? void 0 : lock.ownerId) !== TAB_ID) becomeFollower();
+      }
+    };
+  }
+  window.addEventListener('storage', handleStorage);
+  window.addEventListener('beforeunload', handleBeforeUnload);
+  window.addEventListener('pagehide', handleBeforeUnload);
+  electionTimer = setInterval(function () {
+    setTimeout(tryBecomeLeader, Math.random() * JITTER_MS);
+  }, ELECTION_INTERVAL_MS);
+  tryBecomeLeader();
+  return function () {
+    window.removeEventListener('storage', handleStorage);
+    window.removeEventListener('beforeunload', handleBeforeUnload);
+    window.removeEventListener('pagehide', handleBeforeUnload);
+    if (electionTimer) clearInterval(electionTimer);
+    if (isLeader) clearLockIfMine();
+    becomeFollower();
+    if (bc) bc.close();
+  };
+};
 
 var css_248z$6 = ".utilities_ops-app-frame_ErrorNotification_ErrorNotification--notificationWrapper {\r\n  display: flex;\r\n  width: -webkit-fit-content;\r\n  width: -moz-fit-content;\r\n  width: fit-content;\r\n  background-color: #f1f1f1;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\r\n  border-radius: 4px;\r\n  -webkit-animation: utilities_ops-app-frame_ErrorNotification_ErrorNotification--slideUp 0.3s ease-out;\r\n          animation: utilities_ops-app-frame_ErrorNotification_ErrorNotification--slideUp 0.3s ease-out;\r\n  pointer-events: auto;\r\n}\r\n\r\n@-webkit-keyframes utilities_ops-app-frame_ErrorNotification_ErrorNotification--slideUp {\r\n  from {\r\n    -webkit-transform: translateY(100%);\r\n            transform: translateY(100%);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    -webkit-transform: translateY(0);\r\n            transform: translateY(0);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes utilities_ops-app-frame_ErrorNotification_ErrorNotification--slideUp {\r\n  from {\r\n    -webkit-transform: translateY(100%);\r\n            transform: translateY(100%);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    -webkit-transform: translateY(0);\r\n            transform: translateY(0);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n";
 styleInject(css_248z$6);
@@ -35997,6 +36394,33 @@ if (!enableNewToolkitFeatures) SETTINGS_ITEMS.splice(1, 0, {
   key: 'settings',
   name: 'Settings'
 });
+var isSystemMarkedOffline = function isSystemMarkedOffline(status) {
+  if (!status || typeof status !== 'string') return false;
+  var normalized = String(status).trim().toLowerCase();
+  // Match "Offline(System)", "Offline (System)", "offline - system", unicode variants, etc.
+  var hasOffline = normalized.includes('offline');
+  var hasSystem = normalized.includes('system');
+  return hasOffline && hasSystem;
+};
+var getOfflineStatusFromAvailable = function getOfflineStatusFromAvailable(statuses) {
+  if (!Array.isArray(statuses) || statuses.length === 0) return 'Offline';
+  var statusList = statuses.map(function (s) {
+    return s.status;
+  });
+  var offlineIndex = statusList.findIndex(function (s) {
+    var _s$toLowerCase;
+    return s === null || s === void 0 ? void 0 : (_s$toLowerCase = s.toLowerCase) === null || _s$toLowerCase === void 0 ? void 0 : _s$toLowerCase.call(s).includes('offline');
+  });
+  return offlineIndex !== -1 ? statusList[offlineIndex] : 'Offline';
+};
+var getAvailableStatusFromStatuses = function getAvailableStatusFromStatuses(statuses) {
+  if (!Array.isArray(statuses) || statuses.length === 0) return 'Available';
+  var found = statuses.find(function (s) {
+    var _s$status, _s$status$toLowerCase;
+    return (s === null || s === void 0 ? void 0 : (_s$status = s.status) === null || _s$status === void 0 ? void 0 : (_s$status$toLowerCase = _s$status.toLowerCase) === null || _s$status$toLowerCase === void 0 ? void 0 : _s$status$toLowerCase.call(_s$status)) === 'available';
+  });
+  return (found === null || found === void 0 ? void 0 : found.status) || 'Available';
+};
 var CountryFlag = function CountryFlag() {
   var _storage$activeCountr;
   return /*#__PURE__*/React__default["default"].createElement(Flag, {
@@ -36262,6 +36686,10 @@ var AppBar = function AppBar(_ref) {
     _useState24 = _slicedToArray(_useState23, 2),
     currentUserStatus = _useState24[0],
     setCurrentUserStatus = _useState24[1];
+  var _useState25 = React.useState(false),
+    _useState26 = _slicedToArray(_useState25, 2),
+    showSystemOfflineDialog = _useState26[0],
+    setShowSystemOfflineDialog = _useState26[1];
   React.useEffect(function () {
     listOfAllNotificationsRef.current = listOfAllNotifications;
   }, [listOfAllNotifications]);
@@ -36424,6 +36852,21 @@ var AppBar = function AppBar(_ref) {
     setCurrentUserStatus(newStatus);
     storage$1.setLocalItem('dashboard', newStatus, 'userAvailability');
   };
+  React.useEffect(function () {
+    if (isSystemMarkedOffline(currentUserStatus) && !isUserStatusHidden()) {
+      setShowSystemOfflineDialog(true);
+    } else {
+      setShowSystemOfflineDialog(false);
+    }
+  }, [currentUserStatus]);
+  var handleSystemOfflineMakeAvailable = function handleSystemOfflineMakeAvailable() {
+    var availableStatus = getAvailableStatusFromStatuses(availableStatuses);
+    handleUserStatusUpdate(availableStatus);
+  };
+  var handleSystemOfflineStayOffline = function handleSystemOfflineStayOffline() {
+    var offlineStatus = getOfflineStatusFromAvailable(availableStatuses);
+    handleUserStatusUpdate(offlineStatus);
+  };
   var _reConnectSocket = function reConnectSocket() {
     if (socketRetryCountRef.current < 15) {
       socketRetryCountRef.current = socketRetryCountRef.current + 1;
@@ -36489,7 +36932,7 @@ var AppBar = function AppBar(_ref) {
         }
         var loadUserStatus = /*#__PURE__*/function () {
           var _ref5 = _asyncToGenerator$1(/*#__PURE__*/_regenerator().m(function _callee4() {
-            var statuses, userStatus, statusList, statusListLower, isValidStatus, finalStatus, offlineIndex, updatedStatus, _t4, _t5;
+            var _userStatus$toLowerCa, statuses, userStatus, statusList, statusListLower, isSystemAssignedStatus, isValidStatus, finalStatus, offlineIndex, updatedStatus, _t4, _t5;
             return _regenerator().w(function (_context4) {
               while (1) switch (_context4.p = _context4.n) {
                 case 0:
@@ -36516,7 +36959,8 @@ var AppBar = function AppBar(_ref) {
                   statusListLower = statusList.map(function (s) {
                     return s.toLowerCase();
                   });
-                  isValidStatus = userStatus && statusListLower.includes(userStatus.toLowerCase());
+                  isSystemAssignedStatus = userStatus && (userStatus === null || userStatus === void 0 ? void 0 : (_userStatus$toLowerCa = userStatus.toLowerCase()) === null || _userStatus$toLowerCa === void 0 ? void 0 : _userStatus$toLowerCa.includes("system"));
+                  isValidStatus = userStatus && (statusListLower.includes(userStatus.toLowerCase()) || isSystemAssignedStatus);
                   finalStatus = userStatus;
                   if (isValidStatus) {
                     _context4.n = 8;
@@ -36611,6 +37055,51 @@ var AppBar = function AppBar(_ref) {
       clearInterval(expireNotificationsInterval);
     };
   }, [notifications]);
+  React.useEffect(function () {
+    var heartBeatEnabledStatuses = ((coreAppConfig === null || coreAppConfig === void 0 ? void 0 : coreAppConfig.heartBeatEnabledStatuses) || ['available']).map(function (s) {
+      var _s$toLowerCase2;
+      return (s === null || s === void 0 ? void 0 : (_s$toLowerCase2 = s.toLowerCase) === null || _s$toLowerCase2 === void 0 ? void 0 : _s$toLowerCase2.call(s)) || '';
+    });
+    var isStatusEnabled = currentUserStatus && heartBeatEnabledStatuses.includes(currentUserStatus.toLowerCase());
+    if (isUserStatusHidden() || !isStatusEnabled) return;
+    var MIN_HEARTBEAT_MS = 5000;
+    var MIN_INTERACTION_MS = 10000;
+    var heartBeatIntervalMs = Math.max((parseInt(coreAppConfig === null || coreAppConfig === void 0 ? void 0 : coreAppConfig.heartBeatInterval, 10) || 30) * 1000, MIN_HEARTBEAT_MS);
+    var userInteractionIntervalMs = Math.max((parseInt(coreAppConfig === null || coreAppConfig === void 0 ? void 0 : coreAppConfig.userInteractionInterval, 10) || 60) * 1000, MIN_INTERACTION_MS);
+    var userKey = storage$1.userEmail || '';
+    var updateLastInteractionTime = function updateLastInteractionTime() {
+      recordUserInteraction(userKey);
+    };
+    var handleVisibilityChange = function handleVisibilityChange() {
+      if (document.visibilityState === 'visible') {
+        updateLastInteractionTime();
+      }
+    };
+    var interactionEvents = ['click', 'keydown', 'keypress', 'scroll', 'mousemove', 'mousedown', 'touchstart'];
+    recordUserInteraction(userKey);
+    interactionEvents.forEach(function (event) {
+      document.addEventListener(event, updateLastInteractionTime, {
+        passive: true
+      });
+    });
+    document.addEventListener('visibilitychange', handleVisibilityChange);
+    var stopCoordinator = startTabLeaderCoordinator({
+      onHeartbeat: sendHeartBeat,
+      onUserInteractionCheck: function onUserInteractionCheck(didInteract) {
+        return sendUserInteractionEvent(didInteract);
+      },
+      heartBeatIntervalMs: heartBeatIntervalMs,
+      userInteractionIntervalMs: userInteractionIntervalMs,
+      userKey: userKey
+    });
+    return function () {
+      interactionEvents.forEach(function (event) {
+        document.removeEventListener(event, updateLastInteractionTime);
+      });
+      document.removeEventListener('visibilitychange', handleVisibilityChange);
+      stopCoordinator();
+    };
+  }, [currentUserStatus]);
   var STACK = (_window$toolkitEnv2 = window.toolkitEnv) !== null && _window$toolkitEnv2 !== void 0 && _window$toolkitEnv2.STACK ? window.toolkitEnv.STACK : process.env.STACK;
   STACK = STACK || 'c';
   var modifiedSettings = SETTINGS_ITEMS;
@@ -36679,6 +37168,13 @@ var AppBar = function AppBar(_ref) {
     release: latestRelease,
     handleClose: handleReleaseClose,
     mihelpAppPath: mihelpAppPath
+  }), showSystemOfflineDialog && /*#__PURE__*/React__default["default"].createElement(SystemOfflineDialog, {
+    isOpen: showSystemOfflineDialog,
+    onClose: function onClose() {
+      return setShowSystemOfflineDialog(false);
+    },
+    onMakeAvailable: handleSystemOfflineMakeAvailable,
+    onStayOffline: handleSystemOfflineStayOffline
   }));
 };
 AppBar.defaultProps = {