@copart/ops-tool-kit 1.12.13-alpha.2 → 1.13.0-beta.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$1 = "@copart/ops-tool-kit";
-const version$3 = "1.12.13-alpha.2";
+const version$3 = "1.13.0-beta.1";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -9340,55 +9340,76 @@ var ConfigFetcher = /*#__PURE__*/function (_React$Component) {
     _defineProperty$2(_this, "state", {
       gotConfig: false
     });
+    _defineProperty$2(_this, "_fetchVersion", 0);
+    _defineProperty$2(_this, "fetchConfig", /*#__PURE__*/_asyncToGenerator$1(/*#__PURE__*/_regenerator().m(function _callee() {
+      var _window$toolkitEnv, _window$toolkitEnv2, _window$toolkitEnv3;
+      var fetchVersion, isCoreApp, configUri, config;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            fetchVersion = ++_this._fetchVersion;
+            isCoreApp = (_window$toolkitEnv = window.toolkitEnv) !== null && _window$toolkitEnv !== void 0 && _window$toolkitEnv.IS_CORE_APP ? window.toolkitEnv.IS_CORE_APP : process.env.IS_CORE_APP;
+            if (!(isCoreApp && (isCoreRoute || isAuthRoute) && !storage$1.isAuthenticated)) {
+              _context.n = 1;
+              break;
+            }
+            return _context.a(2, _this.setState({
+              gotConfig: true
+            }));
+          case 1:
+            configUri = (_window$toolkitEnv2 = window.toolkitEnv) !== null && _window$toolkitEnv2 !== void 0 && _window$toolkitEnv2.CONFIG_URI ? window.toolkitEnv.CONFIG_URI : process.env.CONFIG_URI;
+            console.log('[ConfigFetcher] fetching config from:', configUri, 'APP_NAME:', (_window$toolkitEnv3 = window.toolkitEnv) === null || _window$toolkitEnv3 === void 0 ? void 0 : _window$toolkitEnv3.APP_NAME);
+            _context.n = 2;
+            return fetcher.getConfig(configUri);
+          case 2:
+            config = _context.v;
+            if (!(_this._fetchVersion !== fetchVersion)) {
+              _context.n = 3;
+              break;
+            }
+            return _context.a(2);
+          case 3:
+            storage$1.setItem('config', config);
+            if (config.instanaKey) {
+              window.setUpInstana(config.instanaKey, isCoreApp);
+            }
+            _this.setState({
+              gotConfig: true
+            });
+          case 4:
+            return _context.a(2);
+        }
+      }, _callee);
+    })));
     return _this;
   }
   _inherits$2(ConfigFetcher, _React$Component);
   return _createClass$2(ConfigFetcher, [{
     key: "componentDidMount",
     value: function () {
-      var _componentDidMount = _asyncToGenerator$1(/*#__PURE__*/_regenerator().m(function _callee() {
-        var _window$toolkitEnv, _window$toolkitEnv2;
-        var isCoreApp, configUri, config;
-        return _regenerator().w(function (_context) {
-          while (1) switch (_context.n) {
+      var _componentDidMount = _asyncToGenerator$1(/*#__PURE__*/_regenerator().m(function _callee2() {
+        return _regenerator().w(function (_context2) {
+          while (1) switch (_context2.n) {
             case 0:
-              // If it is the core app and we are on a core route or auth route
-              // and the user is not authenticated, don't fetch config.
-              isCoreApp = (_window$toolkitEnv = window.toolkitEnv) !== null && _window$toolkitEnv !== void 0 && _window$toolkitEnv.IS_CORE_APP ? window.toolkitEnv.IS_CORE_APP : process.env.IS_CORE_APP;
-              if (!(isCoreApp && (isCoreRoute || isAuthRoute) && !storage$1.isAuthenticated)) {
-                _context.n = 1;
-                break;
-              }
-              return _context.a(2, this.setState(function (state) {
-                return {
-                  gotConfig: true
-                };
-              }));
+              _context2.n = 1;
+              return this.fetchConfig();
             case 1:
-              configUri = (_window$toolkitEnv2 = window.toolkitEnv) !== null && _window$toolkitEnv2 !== void 0 && _window$toolkitEnv2.CONFIG_URI ? window.toolkitEnv.CONFIG_URI : process.env.CONFIG_URI;
-              _context.n = 2;
-              return fetcher.getConfig(configUri);
+              window.addEventListener('toolkitenv-changed', this.fetchConfig);
             case 2:
-              config = _context.v;
-              storage$1.setItem('config', config);
-              if (config.instanaKey) {
-                window.setUpInstana(config.instanaKey, isCoreApp);
-              }
-              this.setState(function (state) {
-                return {
-                  gotConfig: true
-                };
-              });
-            case 3:
-              return _context.a(2);
+              return _context2.a(2);
           }
-        }, _callee, this);
+        }, _callee2, this);
       }));
       function componentDidMount() {
         return _componentDidMount.apply(this, arguments);
       }
       return componentDidMount;
     }()
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      window.removeEventListener('toolkitenv-changed', this.fetchConfig);
+    }
   }, {
     key: "render",
     value: function render() {
@@ -30245,6 +30266,7 @@ var AppBar = function AppBar(_ref) {
   var socketRetryCountRef = React.useRef(0);
   var socketClientRef = React.useRef(null);
   var reconnectingRef = React.useRef(false);
+  var heartbeatStopRef = React.useRef(null);
   var _useState15 = React.useState(null),
     _useState16 = _slicedToArray(_useState15, 2),
     pingInterval = _useState16[0],
@@ -30413,6 +30435,9 @@ var AppBar = function AppBar(_ref) {
     handleUserStatusUpdate(availableStatus);
   };
   var handleSystemOfflineStayOffline = function handleSystemOfflineStayOffline() {
+    var _heartbeatStopRef$cur;
+    (_heartbeatStopRef$cur = heartbeatStopRef.current) === null || _heartbeatStopRef$cur === void 0 ? void 0 : _heartbeatStopRef$cur.call(heartbeatStopRef);
+    heartbeatStopRef.current = null;
     var offlineStatus = getOfflineStatusFromAvailable(availableStatuses);
     handleUserStatusUpdate(offlineStatus);
   };
@@ -30502,25 +30527,23 @@ var AppBar = function AppBar(_ref) {
       if (history.location.pathname !== '/logout' && history.location.pathname !== '/login' && localStorage.getItem('login') && tileConfigAccess) {
         if (notificationsSource.includes('Nchan')) {
           fetchG2Notifications(updateNotifications, updateAllNotificationsList);
-          if (!(window.navigator.userAgent.includes('Chrome') && window.location.href.includes('localhost'))) {
-            var client = startWebSocketConnection(updateNotifications, updateAllNotificationsList, _reConnectSocket, updateUserStatusFromWebSocket, {
-              onOpen: function onOpen() {
-                reconnectingRef.current = false;
-              },
-              onClose: function onClose() {
-                reconnectingRef.current = false;
-              }
-            });
-            if (client) {
-              socketClientRef.current = client;
-              var pingIntervalInSec = coreAppConfig.nchanPingIntervalInSec || 30;
-              setPingInterval(setInterval(function () {
-                if (client.readyState === WebSocket.OPEN) {
-                  client.send('_ping_');
-                }
-              }, pingIntervalInSec * 1000));
-              setSocketClient(client);
+          var client = startWebSocketConnection(updateNotifications, updateAllNotificationsList, _reConnectSocket, updateUserStatusFromWebSocket, {
+            onOpen: function onOpen() {
+              reconnectingRef.current = false;
+            },
+            onClose: function onClose() {
+              reconnectingRef.current = false;
             }
+          });
+          if (client) {
+            socketClientRef.current = client;
+            var pingIntervalInSec = coreAppConfig.nchanPingIntervalInSec || 30;
+            setPingInterval(setInterval(function () {
+              if (client.readyState === WebSocket.OPEN) {
+                client.send('_ping_');
+              }
+            }, pingIntervalInSec * 1000));
+            setSocketClient(client);
           }
         }
         var loadUserStatus = /*#__PURE__*/function () {
@@ -30598,11 +30621,11 @@ var AppBar = function AppBar(_ref) {
                   _context5.p = 10;
                   _t7 = _context5.v;
                   console.error('Failed to load user status:', _t7);
-                  if (_t7.message && _t7.message.includes('available statuses')) {
-                    showError('Failed to fetch available statuses.');
-                  } else {
-                    showError('Failed to fetch user status.');
-                  }
+                  // if (error.message && error.message.includes('available statuses')) {
+                  //   showError('Failed to fetch available statuses.')
+                  // } else {
+                  //   showError('Failed to fetch user status.')
+                  // }
                 case 11:
                   return _context5.a(2);
               }
@@ -30684,7 +30707,9 @@ var AppBar = function AppBar(_ref) {
       userInteractionIntervalMs: userInteractionIntervalMs,
       userKey: userKey
     });
+    heartbeatStopRef.current = stopCoordinator;
     return function () {
+      heartbeatStopRef.current = null;
       interactionEvents.forEach(function (event) {
         document.removeEventListener(event, updateLastInteractionTime);
       });