@aws-amplify/api-graphql 2.2.19-custom-pk.97 → 2.2.19-custom-pk.156

package/dist/aws-amplify-api-graphql.js

@@ -11214,131 +11214,6 @@ function (_super) {
 
 
 
-/***/ }),
-
-/***/ "../pubsub/lib-esm/Providers/AWSAppSyncRealTimeProvider/constants.js":
-/*!***************************************************************************!*\
-  !*** ../pubsub/lib-esm/Providers/AWSAppSyncRealTimeProvider/constants.js ***!
-  \***************************************************************************/
-/*! exports provided: MAX_DELAY_MS, NON_RETRYABLE_CODES, MESSAGE_TYPES, SUBSCRIPTION_STATUS, SOCKET_STATUS, AMPLIFY_SYMBOL, AWS_APPSYNC_REALTIME_HEADERS, CONNECTION_INIT_TIMEOUT, START_ACK_TIMEOUT, DEFAULT_KEEP_ALIVE_TIMEOUT */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MAX_DELAY_MS", function() { return MAX_DELAY_MS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NON_RETRYABLE_CODES", function() { return NON_RETRYABLE_CODES; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MESSAGE_TYPES", function() { return MESSAGE_TYPES; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SUBSCRIPTION_STATUS", function() { return SUBSCRIPTION_STATUS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SOCKET_STATUS", function() { return SOCKET_STATUS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AMPLIFY_SYMBOL", function() { return AMPLIFY_SYMBOL; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AWS_APPSYNC_REALTIME_HEADERS", function() { return AWS_APPSYNC_REALTIME_HEADERS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CONNECTION_INIT_TIMEOUT", function() { return CONNECTION_INIT_TIMEOUT; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "START_ACK_TIMEOUT", function() { return START_ACK_TIMEOUT; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DEFAULT_KEEP_ALIVE_TIMEOUT", function() { return DEFAULT_KEEP_ALIVE_TIMEOUT; });
-var MAX_DELAY_MS = 5000;
-var NON_RETRYABLE_CODES = [400, 401, 403];
-var MESSAGE_TYPES;
-
-(function (MESSAGE_TYPES) {
-  /**
-   * Client -> Server message.
-   * This message type is the first message after handshake and this will initialize AWS AppSync RealTime communication
-   */
-  MESSAGE_TYPES["GQL_CONNECTION_INIT"] = "connection_init";
-  /**
-   * Server -> Client message
-   * This message type is in case there is an issue with AWS AppSync RealTime when establishing connection
-   */
-
-  MESSAGE_TYPES["GQL_CONNECTION_ERROR"] = "connection_error";
-  /**
-   * Server -> Client message.
-   * This message type is for the ack response from AWS AppSync RealTime for GQL_CONNECTION_INIT message
-   */
-
-  MESSAGE_TYPES["GQL_CONNECTION_ACK"] = "connection_ack";
-  /**
-   * Client -> Server message.
-   * This message type is for register subscriptions with AWS AppSync RealTime
-   */
-
-  MESSAGE_TYPES["GQL_START"] = "start";
-  /**
-   * Server -> Client message.
-   * This message type is for the ack response from AWS AppSync RealTime for GQL_START message
-   */
-
-  MESSAGE_TYPES["GQL_START_ACK"] = "start_ack";
-  /**
-   * Server -> Client message.
-   * This message type is for subscription message from AWS AppSync RealTime
-   */
-
-  MESSAGE_TYPES["GQL_DATA"] = "data";
-  /**
-   * Server -> Client message.
-   * This message type helps the client to know is still receiving messages from AWS AppSync RealTime
-   */
-
-  MESSAGE_TYPES["GQL_CONNECTION_KEEP_ALIVE"] = "ka";
-  /**
-   * Client -> Server message.
-   * This message type is for unregister subscriptions with AWS AppSync RealTime
-   */
-
-  MESSAGE_TYPES["GQL_STOP"] = "stop";
-  /**
-   * Server -> Client message.
-   * This message type is for the ack response from AWS AppSync RealTime for GQL_STOP message
-   */
-
-  MESSAGE_TYPES["GQL_COMPLETE"] = "complete";
-  /**
-   * Server -> Client message.
-   * This message type is for sending error messages from AWS AppSync RealTime to the client
-   */
-
-  MESSAGE_TYPES["GQL_ERROR"] = "error";
-})(MESSAGE_TYPES || (MESSAGE_TYPES = {}));
-
-var SUBSCRIPTION_STATUS;
-
-(function (SUBSCRIPTION_STATUS) {
-  SUBSCRIPTION_STATUS[SUBSCRIPTION_STATUS["PENDING"] = 0] = "PENDING";
-  SUBSCRIPTION_STATUS[SUBSCRIPTION_STATUS["CONNECTED"] = 1] = "CONNECTED";
-  SUBSCRIPTION_STATUS[SUBSCRIPTION_STATUS["FAILED"] = 2] = "FAILED";
-})(SUBSCRIPTION_STATUS || (SUBSCRIPTION_STATUS = {}));
-
-var SOCKET_STATUS;
-
-(function (SOCKET_STATUS) {
-  SOCKET_STATUS[SOCKET_STATUS["CLOSED"] = 0] = "CLOSED";
-  SOCKET_STATUS[SOCKET_STATUS["READY"] = 1] = "READY";
-  SOCKET_STATUS[SOCKET_STATUS["CONNECTING"] = 2] = "CONNECTING";
-})(SOCKET_STATUS || (SOCKET_STATUS = {}));
-
-var AMPLIFY_SYMBOL = typeof Symbol !== 'undefined' && typeof Symbol["for"] === 'function' ? Symbol["for"]('amplify_default') : '@@amplify_default';
-var AWS_APPSYNC_REALTIME_HEADERS = {
-  accept: 'application/json, text/javascript',
-  'content-encoding': 'amz-1.0',
-  'content-type': 'application/json; charset=UTF-8'
-};
-/**
- * Time in milleseconds to wait for GQL_CONNECTION_INIT message
- */
-
-var CONNECTION_INIT_TIMEOUT = 15000;
-/**
- * Time in milleseconds to wait for GQL_START_ACK message
- */
-
-var START_ACK_TIMEOUT = 15000;
-/**
- * Default Time in milleseconds to wait for GQL_CONNECTION_KEEP_ALIVE message
- */
-
-var DEFAULT_KEEP_ALIVE_TIMEOUT = 5 * 60 * 1000;
-
 /***/ }),
 
 /***/ "../pubsub/lib-esm/Providers/AWSAppSyncRealTimeProvider/index.js":
@@ -11367,8 +11242,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @aws-amplify/auth */ "@aws-amplify/auth");
 /* harmony import */ var _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_aws_amplify_auth__WEBPACK_IMPORTED_MODULE_7__);
 /* harmony import */ var _PubSubProvider__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../PubSubProvider */ "../pubsub/lib-esm/Providers/PubSubProvider.js");
-/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../index */ "../pubsub/lib-esm/index.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./constants */ "../pubsub/lib-esm/Providers/AWSAppSyncRealTimeProvider/constants.js");
+/* harmony import */ var _types_PubSub__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../types/PubSub */ "../pubsub/lib-esm/types/PubSub.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../constants */ "../pubsub/lib-esm/Providers/constants.js");
+/* harmony import */ var _utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../utils/ConnectionStateMonitor */ "../pubsub/lib-esm/utils/ConnectionStateMonitor.js");
 var __extends = undefined && undefined.__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -11605,6 +11481,7 @@ var __read = undefined && undefined.__read || function (o, n) {
 
 
 
+
 var logger = new _aws_amplify_core__WEBPACK_IMPORTED_MODULE_5__["Logger"]('AWSAppSyncRealTimeProvider');
 
 var dispatchApiEvent = function dispatchApiEvent(event, data, message) {
@@ -11623,13 +11500,26 @@ var AWSAppSyncRealTimeProvider =
 function (_super) {
   __extends(AWSAppSyncRealTimeProvider, _super);
 
-  function AWSAppSyncRealTimeProvider() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
+  function AWSAppSyncRealTimeProvider(options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    var _this = _super.call(this, options) || this;
 
     _this.socketStatus = _constants__WEBPACK_IMPORTED_MODULE_10__["SOCKET_STATUS"].CLOSED;
     _this.keepAliveTimeout = _constants__WEBPACK_IMPORTED_MODULE_10__["DEFAULT_KEEP_ALIVE_TIMEOUT"];
     _this.subscriptionObserverMap = new Map();
     _this.promiseArray = [];
+    _this.connectionStateMonitor = new _utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_11__["ConnectionStateMonitor"](); // Monitor the connection state and pass changes along to Hub
+
+    _this.connectionStateMonitor.connectionStateObservable.subscribe(function (ConnectionState) {
+      dispatchApiEvent(_constants__WEBPACK_IMPORTED_MODULE_10__["CONNECTION_STATE_CHANGE"], {
+        provider: _this,
+        connectionState: ConnectionState
+      }, "Connection state is " + ConnectionState);
+    });
+
     return _this;
   }
 
@@ -11677,8 +11567,11 @@ function (_super) {
           subscriptionId: subscriptionId_1
         })["catch"](function (err) {
           observer.error({
-            errors: [__assign({}, new graphql__WEBPACK_IMPORTED_MODULE_1__["GraphQLError"](_index__WEBPACK_IMPORTED_MODULE_9__["CONTROL_MSG"].REALTIME_SUBSCRIPTION_INIT_ERROR + ": " + err))]
+            errors: [__assign({}, new graphql__WEBPACK_IMPORTED_MODULE_1__["GraphQLError"](_types_PubSub__WEBPACK_IMPORTED_MODULE_9__["CONTROL_MSG"].REALTIME_SUBSCRIPTION_INIT_ERROR + ": " + err))]
           });
+
+          _this.connectionStateMonitor.record(_utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_11__["CONNECTION_CHANGE"].CLOSED);
+
           observer.complete();
         });
 
@@ -11823,6 +11716,7 @@ function (_super) {
           case 3:
             _k.trys.push([3, 5,, 6]);
 
+            this.connectionStateMonitor.record(_utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_11__["CONNECTION_CHANGE"].OPENING_CONNECTION);
             return [4
             /*yield*/
             , this._initializeWebSocketConnection({
@@ -11846,8 +11740,9 @@ function (_super) {
               err: err_2
             });
             message = (_b = err_2['message']) !== null && _b !== void 0 ? _b : '';
+            this.connectionStateMonitor.record(_utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_11__["CONNECTION_CHANGE"].CLOSED);
             observer.error({
-              errors: [__assign({}, new graphql__WEBPACK_IMPORTED_MODULE_1__["GraphQLError"](_index__WEBPACK_IMPORTED_MODULE_9__["CONTROL_MSG"].CONNECTION_FAILED + ": " + message))]
+              errors: [__assign({}, new graphql__WEBPACK_IMPORTED_MODULE_1__["GraphQLError"](_types_PubSub__WEBPACK_IMPORTED_MODULE_9__["CONTROL_MSG"].CONNECTION_FAILED + ": " + message))]
             });
             observer.complete();
             subscriptionFailedCallback_1 = (this.subscriptionObserverMap.get(subscriptionId) || {}).subscriptionFailedCallback; // Notify concurrent unsubscription
@@ -11964,12 +11859,22 @@ function (_super) {
       return;
     }
 
+    this.connectionStateMonitor.record(_utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_11__["CONNECTION_CHANGE"].CLOSING_CONNECTION);
+
     if (this.awsRealTimeSocket.bufferedAmount > 0) {
       // Still data on the WebSocket
       setTimeout(this._closeSocketIfRequired.bind(this), 1000);
     } else {
       logger.debug('closing WebSocket...');
-      if (this.keepAliveTimeoutId) clearTimeout(this.keepAliveTimeoutId);
+
+      if (this.keepAliveTimeoutId) {
+        clearTimeout(this.keepAliveTimeoutId);
+      }
+
+      if (this.keepAliveAlertTimeoutId) {
+        clearTimeout(this.keepAliveAlertTimeoutId);
+      }
+
       var tempSocket = this.awsRealTimeSocket; // Cleaning callbacks to avoid race condition, socket still exists
 
       tempSocket.onclose = null;
@@ -11977,10 +11882,13 @@ function (_super) {
       tempSocket.close(1000);
       this.awsRealTimeSocket = undefined;
       this.socketStatus = _constants__WEBPACK_IMPORTED_MODULE_10__["SOCKET_STATUS"].CLOSED;
+      this.connectionStateMonitor.record(_utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_11__["CONNECTION_CHANGE"].CLOSED);
     }
   };
 
   AWSAppSyncRealTimeProvider.prototype._handleIncomingSubscriptionMessage = function (message) {
+    var _this = this;
+
     logger.debug("subscription message from AWS AppSync RealTime: " + message.data);
 
     var _a = JSON.parse(message.data),
@@ -12028,7 +11936,7 @@ function (_super) {
       }
 
       if (startAckTimeoutId) clearTimeout(startAckTimeoutId);
-      dispatchApiEvent(_index__WEBPACK_IMPORTED_MODULE_9__["CONTROL_MSG"].SUBSCRIPTION_ACK, {
+      dispatchApiEvent(_types_PubSub__WEBPACK_IMPORTED_MODULE_9__["CONTROL_MSG"].SUBSCRIPTION_ACK, {
         query: query,
         variables: variables
       }, 'Connection established for subscription');
@@ -12044,15 +11952,22 @@ function (_super) {
           subscriptionReadyCallback: subscriptionReadyCallback,
           subscriptionFailedCallback: subscriptionFailedCallback
         });
-      } // TODO: emit event on hub but it requires to store the id first
-
+      }
 
+      this.connectionStateMonitor.record(_utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_11__["CONNECTION_CHANGE"].CONNECTION_ESTABLISHED);
       return;
     }
 
     if (type === _constants__WEBPACK_IMPORTED_MODULE_10__["MESSAGE_TYPES"].GQL_CONNECTION_KEEP_ALIVE) {
       if (this.keepAliveTimeoutId) clearTimeout(this.keepAliveTimeoutId);
-      this.keepAliveTimeoutId = setTimeout(this._errorDisconnect.bind(this, _index__WEBPACK_IMPORTED_MODULE_9__["CONTROL_MSG"].TIMEOUT_DISCONNECT), this.keepAliveTimeout);
+      if (this.keepAliveAlertTimeoutId) clearTimeout(this.keepAliveAlertTimeoutId);
+      this.keepAliveTimeoutId = setTimeout(function () {
+        return _this._errorDisconnect(_types_PubSub__WEBPACK_IMPORTED_MODULE_9__["CONTROL_MSG"].TIMEOUT_DISCONNECT);
+      }, this.keepAliveTimeout);
+      this.keepAliveAlertTimeoutId = setTimeout(function () {
+        _this.connectionStateMonitor.record(_utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_11__["CONNECTION_CHANGE"].KEEP_ALIVE_MISSED);
+      }, _constants__WEBPACK_IMPORTED_MODULE_10__["DEFAULT_KEEP_ALIVE_ALERT_TIMEOUT"]);
+      this.connectionStateMonitor.record(_utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_11__["CONNECTION_CHANGE"].KEEP_ALIVE);
       return;
     }
 
@@ -12070,7 +11985,7 @@ function (_super) {
           subscriptionState: subscriptionState
         });
         observer.error({
-          errors: [__assign({}, new graphql__WEBPACK_IMPORTED_MODULE_1__["GraphQLError"](_index__WEBPACK_IMPORTED_MODULE_9__["CONTROL_MSG"].CONNECTION_FAILED + ": " + JSON.stringify(payload)))]
+          errors: [__assign({}, new graphql__WEBPACK_IMPORTED_MODULE_1__["GraphQLError"](_types_PubSub__WEBPACK_IMPORTED_MODULE_9__["CONTROL_MSG"].CONNECTION_FAILED + ": " + JSON.stringify(payload)))]
         });
         if (startAckTimeoutId) clearTimeout(startAckTimeoutId);
         observer.complete();
@@ -12096,6 +12011,7 @@ function (_super) {
     this.subscriptionObserverMap.clear();
 
     if (this.awsRealTimeSocket) {
+      this.connectionStateMonitor.record(_utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_11__["CONNECTION_CHANGE"].CLOSED);
       this.awsRealTimeSocket.close();
     }
 
@@ -12294,6 +12210,8 @@ function (_super) {
                 };
 
                 newSocket.onclose = function () {
+                  _this.connectionStateMonitor.record(_utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_11__["CONNECTION_CHANGE"].CONNECTION_FAILED);
+
                   rej(new Error('Connection handshake error'));
                 };
 
@@ -12342,13 +12260,13 @@ function (_super) {
                         _this.awsRealTimeSocket.onerror = function (err) {
                           logger.debug(err);
 
-                          _this._errorDisconnect(_index__WEBPACK_IMPORTED_MODULE_9__["CONTROL_MSG"].CONNECTION_CLOSED);
+                          _this._errorDisconnect(_types_PubSub__WEBPACK_IMPORTED_MODULE_9__["CONTROL_MSG"].CONNECTION_CLOSED);
                         };
 
                         _this.awsRealTimeSocket.onclose = function (event) {
                           logger.debug("WebSocket closed " + event.reason);
 
-                          _this._errorDisconnect(_index__WEBPACK_IMPORTED_MODULE_9__["CONTROL_MSG"].CONNECTION_CLOSED);
+                          _this._errorDisconnect(_types_PubSub__WEBPACK_IMPORTED_MODULE_9__["CONTROL_MSG"].CONNECTION_CLOSED);
                         };
                       }
 
@@ -12380,13 +12298,17 @@ function (_super) {
 
                   _this.awsRealTimeSocket.send(JSON.stringify(gqlInit));
 
-                  setTimeout(checkAckOk.bind(_this, ackOk_1), _constants__WEBPACK_IMPORTED_MODULE_10__["CONNECTION_INIT_TIMEOUT"]);
-                }
+                  var checkAckOk_1 = function checkAckOk_1(ackOk) {
+                    if (!ackOk) {
+                      _this.connectionStateMonitor.record(_utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_11__["CONNECTION_CHANGE"].CONNECTION_FAILED);
 
-                function checkAckOk(ackOk) {
-                  if (!ackOk) {
-                    rej(new Error("Connection timeout: ack from AWSRealTime was not received on " + _constants__WEBPACK_IMPORTED_MODULE_10__["CONNECTION_INIT_TIMEOUT"] + " ms"));
-                  }
+                      rej(new Error("Connection timeout: ack from AWSAppSyncRealTime was not received after " + _constants__WEBPACK_IMPORTED_MODULE_10__["CONNECTION_INIT_TIMEOUT"] + " ms"));
+                    }
+                  };
+
+                  setTimeout(function () {
+                    return checkAckOk_1(ackOk_1);
+                  }, _constants__WEBPACK_IMPORTED_MODULE_10__["CONNECTION_INIT_TIMEOUT"]);
                 }
               });
             }()];
@@ -12953,6 +12875,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _PubSubProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./PubSubProvider */ "../pubsub/lib-esm/Providers/PubSubProvider.js");
 /* harmony import */ var _aws_amplify_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @aws-amplify/core */ "@aws-amplify/core");
 /* harmony import */ var _aws_amplify_core__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_aws_amplify_core__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/ConnectionStateMonitor */ "../pubsub/lib-esm/utils/ConnectionStateMonitor.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./constants */ "../pubsub/lib-esm/Providers/constants.js");
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
@@ -13179,6 +13103,8 @@ var __rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
+
 var logger = new _aws_amplify_core__WEBPACK_IMPORTED_MODULE_4__["ConsoleLogger"]('MqttOverWSProvider');
 function mqttTopicMatch(filter, topic) {
   var filterArray = filter.split('/');
@@ -13244,6 +13170,14 @@ function () {
   return ClientsQueue;
 }();
 
+var dispatchPubSubEvent = function dispatchPubSubEvent(event, data, message) {
+  _aws_amplify_core__WEBPACK_IMPORTED_MODULE_4__["Hub"].dispatch('pubsub', {
+    event: event,
+    data: data,
+    message: message
+  }, 'PubSub', _constants__WEBPACK_IMPORTED_MODULE_6__["AMPLIFY_SYMBOL"]);
+};
+
 var topicSymbol = typeof Symbol !== 'undefined' ? Symbol('topic') : '@@topic';
 
 var MqttOverWSProvider =
@@ -13261,8 +13195,17 @@ function (_super) {
     })) || this;
 
     _this._clientsQueue = new ClientsQueue();
+    _this.connectionStateMonitor = new _utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_5__["ConnectionStateMonitor"]();
     _this._topicObservers = new Map();
-    _this._clientIdObservers = new Map();
+    _this._clientIdObservers = new Map(); // Monitor the connection health state and pass changes along to Hub
+
+    _this.connectionStateMonitor.connectionStateObservable.subscribe(function (connectionStateChange) {
+      dispatchPubSubEvent(_constants__WEBPACK_IMPORTED_MODULE_6__["CONNECTION_STATE_CHANGE"], {
+        provider: _this,
+        connectionState: connectionStateChange
+      }, "Connection state is " + connectionStateChange);
+    });
+
     return _this;
   }
 
@@ -13359,6 +13302,7 @@ function (_super) {
         switch (_b.label) {
           case 0:
             logger.debug('Creating new MQTT client', clientId);
+            this.connectionStateMonitor.record(_utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_5__["CONNECTION_CHANGE"].OPENING_CONNECTION);
             client = new paho_mqtt__WEBPACK_IMPORTED_MODULE_0__["Client"](url, clientId); // client.trace = (args) => logger.debug(clientId, JSON.stringify(args, null, 2));
 
             client.onMessageArrived = function (_a) {
@@ -13376,6 +13320,8 @@ function (_super) {
                 clientId: clientId,
                 errorCode: errorCode
               }, args));
+
+              _this.connectionStateMonitor.record(_utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_5__["CONNECTION_CHANGE"].CLOSED);
             };
 
             return [4
@@ -13387,13 +13333,18 @@ function (_super) {
                 onSuccess: function onSuccess() {
                   return resolve(client);
                 },
-                onFailure: reject
+                onFailure: function onFailure() {
+                  reject();
+
+                  _this.connectionStateMonitor.record(_utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_5__["CONNECTION_CHANGE"].CONNECTION_FAILED);
+                }
               });
             })];
 
           case 1:
             _b.sent();
 
+            this.connectionStateMonitor.record(_utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_5__["CONNECTION_CHANGE"].CONNECTION_ESTABLISHED);
             return [2
             /*return*/
             , client];
@@ -13445,6 +13396,7 @@ function (_super) {
 
             if (client && client.isConnected()) {
               client.disconnect();
+              this.connectionStateMonitor.record(_utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_5__["CONNECTION_CHANGE"].CLOSED);
             }
 
             this.clientsQueue.remove(clientId);
@@ -13625,6 +13577,8 @@ function (_super) {
           (_a = _this._clientIdObservers.get(clientId)) === null || _a === void 0 ? void 0 : _a["delete"](observer); // No more observers per client => client not needed anymore
 
           if (((_b = _this._clientIdObservers.get(clientId)) === null || _b === void 0 ? void 0 : _b.size) === 0) {
+            _this.connectionStateMonitor.record(_utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_5__["CONNECTION_CHANGE"].CLOSING_CONNECTION);
+
             _this.disconnect(clientId);
 
             _this._clientIdObservers["delete"](clientId);
@@ -13724,6 +13678,139 @@ function () {
 
 
 
+/***/ }),
+
+/***/ "../pubsub/lib-esm/Providers/constants.js":
+/*!************************************************!*\
+  !*** ../pubsub/lib-esm/Providers/constants.js ***!
+  \************************************************/
+/*! exports provided: MAX_DELAY_MS, NON_RETRYABLE_CODES, CONNECTION_STATE_CHANGE, MESSAGE_TYPES, SUBSCRIPTION_STATUS, SOCKET_STATUS, AMPLIFY_SYMBOL, AWS_APPSYNC_REALTIME_HEADERS, CONNECTION_INIT_TIMEOUT, START_ACK_TIMEOUT, DEFAULT_KEEP_ALIVE_TIMEOUT, DEFAULT_KEEP_ALIVE_ALERT_TIMEOUT */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MAX_DELAY_MS", function() { return MAX_DELAY_MS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NON_RETRYABLE_CODES", function() { return NON_RETRYABLE_CODES; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CONNECTION_STATE_CHANGE", function() { return CONNECTION_STATE_CHANGE; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MESSAGE_TYPES", function() { return MESSAGE_TYPES; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SUBSCRIPTION_STATUS", function() { return SUBSCRIPTION_STATUS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SOCKET_STATUS", function() { return SOCKET_STATUS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AMPLIFY_SYMBOL", function() { return AMPLIFY_SYMBOL; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AWS_APPSYNC_REALTIME_HEADERS", function() { return AWS_APPSYNC_REALTIME_HEADERS; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CONNECTION_INIT_TIMEOUT", function() { return CONNECTION_INIT_TIMEOUT; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "START_ACK_TIMEOUT", function() { return START_ACK_TIMEOUT; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DEFAULT_KEEP_ALIVE_TIMEOUT", function() { return DEFAULT_KEEP_ALIVE_TIMEOUT; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DEFAULT_KEEP_ALIVE_ALERT_TIMEOUT", function() { return DEFAULT_KEEP_ALIVE_ALERT_TIMEOUT; });
+var MAX_DELAY_MS = 5000;
+var NON_RETRYABLE_CODES = [400, 401, 403];
+var CONNECTION_STATE_CHANGE = 'ConnectionStateChange';
+var MESSAGE_TYPES;
+
+(function (MESSAGE_TYPES) {
+  /**
+   * Client -> Server message.
+   * This message type is the first message after handshake and this will initialize AWS AppSync RealTime communication
+   */
+  MESSAGE_TYPES["GQL_CONNECTION_INIT"] = "connection_init";
+  /**
+   * Server -> Client message
+   * This message type is in case there is an issue with AWS AppSync RealTime when establishing connection
+   */
+
+  MESSAGE_TYPES["GQL_CONNECTION_ERROR"] = "connection_error";
+  /**
+   * Server -> Client message.
+   * This message type is for the ack response from AWS AppSync RealTime for GQL_CONNECTION_INIT message
+   */
+
+  MESSAGE_TYPES["GQL_CONNECTION_ACK"] = "connection_ack";
+  /**
+   * Client -> Server message.
+   * This message type is for register subscriptions with AWS AppSync RealTime
+   */
+
+  MESSAGE_TYPES["GQL_START"] = "start";
+  /**
+   * Server -> Client message.
+   * This message type is for the ack response from AWS AppSync RealTime for GQL_START message
+   */
+
+  MESSAGE_TYPES["GQL_START_ACK"] = "start_ack";
+  /**
+   * Server -> Client message.
+   * This message type is for subscription message from AWS AppSync RealTime
+   */
+
+  MESSAGE_TYPES["GQL_DATA"] = "data";
+  /**
+   * Server -> Client message.
+   * This message type helps the client to know is still receiving messages from AWS AppSync RealTime
+   */
+
+  MESSAGE_TYPES["GQL_CONNECTION_KEEP_ALIVE"] = "ka";
+  /**
+   * Client -> Server message.
+   * This message type is for unregister subscriptions with AWS AppSync RealTime
+   */
+
+  MESSAGE_TYPES["GQL_STOP"] = "stop";
+  /**
+   * Server -> Client message.
+   * This message type is for the ack response from AWS AppSync RealTime for GQL_STOP message
+   */
+
+  MESSAGE_TYPES["GQL_COMPLETE"] = "complete";
+  /**
+   * Server -> Client message.
+   * This message type is for sending error messages from AWS AppSync RealTime to the client
+   */
+
+  MESSAGE_TYPES["GQL_ERROR"] = "error";
+})(MESSAGE_TYPES || (MESSAGE_TYPES = {}));
+
+var SUBSCRIPTION_STATUS;
+
+(function (SUBSCRIPTION_STATUS) {
+  SUBSCRIPTION_STATUS[SUBSCRIPTION_STATUS["PENDING"] = 0] = "PENDING";
+  SUBSCRIPTION_STATUS[SUBSCRIPTION_STATUS["CONNECTED"] = 1] = "CONNECTED";
+  SUBSCRIPTION_STATUS[SUBSCRIPTION_STATUS["FAILED"] = 2] = "FAILED";
+})(SUBSCRIPTION_STATUS || (SUBSCRIPTION_STATUS = {}));
+
+var SOCKET_STATUS;
+
+(function (SOCKET_STATUS) {
+  SOCKET_STATUS[SOCKET_STATUS["CLOSED"] = 0] = "CLOSED";
+  SOCKET_STATUS[SOCKET_STATUS["READY"] = 1] = "READY";
+  SOCKET_STATUS[SOCKET_STATUS["CONNECTING"] = 2] = "CONNECTING";
+})(SOCKET_STATUS || (SOCKET_STATUS = {}));
+
+var AMPLIFY_SYMBOL = typeof Symbol !== 'undefined' && typeof Symbol["for"] === 'function' ? Symbol["for"]('amplify_default') : '@@amplify_default';
+var AWS_APPSYNC_REALTIME_HEADERS = {
+  accept: 'application/json, text/javascript',
+  'content-encoding': 'amz-1.0',
+  'content-type': 'application/json; charset=UTF-8'
+};
+/**
+ * Time in milleseconds to wait for GQL_CONNECTION_INIT message
+ */
+
+var CONNECTION_INIT_TIMEOUT = 15000;
+/**
+ * Time in milleseconds to wait for GQL_START_ACK message
+ */
+
+var START_ACK_TIMEOUT = 15000;
+/**
+ * Default Time in milleseconds to wait for GQL_CONNECTION_KEEP_ALIVE message
+ */
+
+var DEFAULT_KEEP_ALIVE_TIMEOUT = 5 * 60 * 1000;
+/**
+ * Default Time in milleseconds to alert for missed GQL_CONNECTION_KEEP_ALIVE message
+ */
+
+var DEFAULT_KEEP_ALIVE_ALERT_TIMEOUT = 65 * 1000;
+
 /***/ }),
 
 /***/ "../pubsub/lib-esm/Providers/index.js":
@@ -14157,12 +14244,11 @@ _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["Amplify"].register(PubSub);
 /*!**********************************!*\
   !*** ../pubsub/lib-esm/index.js ***!
   \**********************************/
-/*! exports provided: AbstractPubSubProvider, AWSAppSyncProvider, AWSAppSyncRealTimeProvider, AWSIoTProvider, mqttTopicMatch, MqttOverWSProvider, PubSub, CONTROL_MSG, default */
+/*! exports provided: AbstractPubSubProvider, AWSAppSyncProvider, AWSAppSyncRealTimeProvider, AWSIoTProvider, mqttTopicMatch, MqttOverWSProvider, CONNECTION_STATE_CHANGE, ConnectionState, CONTROL_MSG, PubSub, default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CONTROL_MSG", function() { return CONTROL_MSG; });
 /* harmony import */ var _PubSub__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PubSub */ "../pubsub/lib-esm/PubSub.js");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PubSub", function() { return _PubSub__WEBPACK_IMPORTED_MODULE_0__["PubSub"]; });
 
@@ -14179,6 +14265,14 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MqttOverWSProvider", function() { return _Providers__WEBPACK_IMPORTED_MODULE_1__["MqttOverWSProvider"]; });
 
+/* harmony import */ var _Providers_constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Providers/constants */ "../pubsub/lib-esm/Providers/constants.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CONNECTION_STATE_CHANGE", function() { return _Providers_constants__WEBPACK_IMPORTED_MODULE_2__["CONNECTION_STATE_CHANGE"]; });
+
+/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./types */ "../pubsub/lib-esm/types/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConnectionState", function() { return _types__WEBPACK_IMPORTED_MODULE_3__["ConnectionState"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CONTROL_MSG", function() { return _types__WEBPACK_IMPORTED_MODULE_3__["CONTROL_MSG"]; });
+
 /*
  * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
  *
@@ -14193,6 +14287,40 @@ __webpack_require__.r(__webpack_exports__);
  */
 
 
+
+
+
+/**
+ * @deprecated use named import
+ */
+
+/* harmony default export */ __webpack_exports__["default"] = (_PubSub__WEBPACK_IMPORTED_MODULE_0__["PubSub"]);
+
+/***/ }),
+
+/***/ "../pubsub/lib-esm/types/PubSub.js":
+/*!*****************************************!*\
+  !*** ../pubsub/lib-esm/types/PubSub.js ***!
+  \*****************************************/
+/*! exports provided: CONTROL_MSG, ConnectionState */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CONTROL_MSG", function() { return CONTROL_MSG; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ConnectionState", function() { return ConnectionState; });
+/*
+ * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
+ * the License. A copy of the License is located at
+ *
+ *     http://aws.amazon.com/apache2.0/
+ *
+ * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
+ * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
+ * and limitations under the License.
+ */
 var CONTROL_MSG;
 
 (function (CONTROL_MSG) {
@@ -14202,13 +14330,285 @@ var CONTROL_MSG;
   CONTROL_MSG["SUBSCRIPTION_ACK"] = "Subscription ack";
   CONTROL_MSG["TIMEOUT_DISCONNECT"] = "Timeout disconnect";
 })(CONTROL_MSG || (CONTROL_MSG = {}));
+/** @enum {string} */
 
 
-/**
- * @deprecated use named import
+var ConnectionState;
+
+(function (ConnectionState) {
+  /*
+   * The connection is alive and healthy
+   */
+  ConnectionState["Connected"] = "Connected";
+  /*
+   * The connection is alive, but the connection is offline
+   */
+
+  ConnectionState["ConnectedPendingNetwork"] = "ConnectedPendingNetwork";
+  /*
+   * The connection has been disconnected while in use
+   */
+
+  ConnectionState["ConnectionDisrupted"] = "ConnectionDisrupted";
+  /*
+   * The connection has been disconnected and the network is offline
+   */
+
+  ConnectionState["ConnectionDisruptedPendingNetwork"] = "ConnectionDisruptedPendingNetwork";
+  /*
+   * The connection is in the process of connecting
+   */
+
+  ConnectionState["Connecting"] = "Connecting";
+  /*
+   * The connection is not in use and is being disconnected
+   */
+
+  ConnectionState["ConnectedPendingDisconnect"] = "ConnectedPendingDisconnect";
+  /*
+   * The connection is not in use and has been disconnected
+   */
+
+  ConnectionState["Disconnected"] = "Disconnected";
+  /*
+   * The connection is alive, but a keep alive message has been missed
+   */
+
+  ConnectionState["ConnectedPendingKeepAlive"] = "ConnectedPendingKeepAlive";
+})(ConnectionState || (ConnectionState = {}));
+
+/***/ }),
+
+/***/ "../pubsub/lib-esm/types/index.js":
+/*!****************************************!*\
+  !*** ../pubsub/lib-esm/types/index.js ***!
+  \****************************************/
+/*! exports provided: CONTROL_MSG, ConnectionState */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _PubSub__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./PubSub */ "../pubsub/lib-esm/types/PubSub.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CONTROL_MSG", function() { return _PubSub__WEBPACK_IMPORTED_MODULE_0__["CONTROL_MSG"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConnectionState", function() { return _PubSub__WEBPACK_IMPORTED_MODULE_0__["ConnectionState"]; });
+
+
+
+/***/ }),
+
+/***/ "../pubsub/lib-esm/utils/ConnectionStateMonitor.js":
+/*!*********************************************************!*\
+  !*** ../pubsub/lib-esm/utils/ConnectionStateMonitor.js ***!
+  \*********************************************************/
+/*! exports provided: CONNECTION_CHANGE, ConnectionStateMonitor */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CONNECTION_CHANGE", function() { return CONNECTION_CHANGE; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ConnectionStateMonitor", function() { return ConnectionStateMonitor; });
+/* harmony import */ var zen_observable_ts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! zen-observable-ts */ "../../node_modules/zen-observable-ts/lib/bundle.esm.js");
+/* harmony import */ var _types_PubSub__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../types/PubSub */ "../pubsub/lib-esm/types/PubSub.js");
+/* harmony import */ var _ReachabilityMonitor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ReachabilityMonitor */ "../pubsub/lib-esm/utils/ReachabilityMonitor/index.js");
+/*
+ * Copyright 2017-2021 Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
+ * the License. A copy of the License is located at
+ *
+ *     http://aws.amazon.com/apache2.0/
+ *
+ * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
+ * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
+ * and limitations under the License.
  */
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
 
-/* harmony default export */ __webpack_exports__["default"] = (_PubSub__WEBPACK_IMPORTED_MODULE_0__["PubSub"]);
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
+
+
+
+var CONNECTION_CHANGE = {
+  KEEP_ALIVE_MISSED: {
+    keepAliveState: 'unhealthy'
+  },
+  KEEP_ALIVE: {
+    keepAliveState: 'healthy'
+  },
+  CONNECTION_ESTABLISHED: {
+    connectionState: 'connected'
+  },
+  CONNECTION_FAILED: {
+    intendedConnectionState: 'disconnected',
+    connectionState: 'disconnected'
+  },
+  CLOSING_CONNECTION: {
+    intendedConnectionState: 'disconnected'
+  },
+  OPENING_CONNECTION: {
+    intendedConnectionState: 'connected',
+    connectionState: 'connecting'
+  },
+  CLOSED: {
+    connectionState: 'disconnected'
+  },
+  ONLINE: {
+    networkState: 'connected'
+  },
+  OFFLINE: {
+    networkState: 'disconnected'
+  }
+};
+
+var ConnectionStateMonitor =
+/** @class */
+function () {
+  function ConnectionStateMonitor() {
+    var _this = this;
+
+    this._networkMonitoringSubscription = undefined;
+    this._linkedConnectionState = {
+      networkState: 'connected',
+      connectionState: 'disconnected',
+      intendedConnectionState: 'disconnected',
+      keepAliveState: 'healthy'
+    };
+    this._linkedConnectionStateObservable = new zen_observable_ts__WEBPACK_IMPORTED_MODULE_0__["default"](function (connectionStateObserver) {
+      connectionStateObserver.next(_this._linkedConnectionState);
+      _this._linkedConnectionStateObserver = connectionStateObserver;
+    });
+  }
+  /**
+   * Turn network state monitoring on if it isn't on already
+   */
+
+
+  ConnectionStateMonitor.prototype.enableNetworkMonitoring = function () {
+    var _this = this; // Maintain the network state based on the reachability monitor
+
+
+    if (this._networkMonitoringSubscription === undefined) {
+      this._networkMonitoringSubscription = Object(_ReachabilityMonitor__WEBPACK_IMPORTED_MODULE_2__["ReachabilityMonitor"])().subscribe(function (_a) {
+        var online = _a.online;
+
+        _this.record(online ? CONNECTION_CHANGE.ONLINE : CONNECTION_CHANGE.OFFLINE);
+      });
+    }
+  };
+  /**
+   * Turn network state monitoring off if it isn't off already
+   */
+
+
+  ConnectionStateMonitor.prototype.disableNetworkMonitoring = function () {
+    var _a;
+
+    (_a = this._networkMonitoringSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+    this._networkMonitoringSubscription = undefined;
+  };
+
+  Object.defineProperty(ConnectionStateMonitor.prototype, "connectionStateObservable", {
+    /**
+     * Get the observable that allows us to monitor the connection state
+     *
+     * @returns {Observable<ConnectionState>} - The observable that emits ConnectionState updates
+     */
+    get: function get() {
+      var _this = this;
+
+      var previous; // The linked state aggregates state changes to any of the network, connection,
+      // intendedConnection and keepAliveHealth. Some states will change these independent
+      // states without changing the overall connection state.
+      // After translating from linked states to ConnectionState, then remove any duplicates
+
+      return this._linkedConnectionStateObservable.map(function (value) {
+        return _this.connectionStatesTranslator(value);
+      }).filter(function (current) {
+        var toInclude = current !== previous;
+        previous = current;
+        return toInclude;
+      });
+    },
+    enumerable: true,
+    configurable: true
+  });
+  /*
+   * Updates local connection state and emits the full state to the observer.
+   */
+
+  ConnectionStateMonitor.prototype.record = function (statusUpdates) {
+    // Maintain the network monitor
+    if (statusUpdates.intendedConnectionState === 'connected') {
+      this.enableNetworkMonitoring();
+    } else if (statusUpdates.intendedConnectionState === 'disconnected') {
+      this.disableNetworkMonitoring();
+    } // Maintain the socket state
+
+
+    var newSocketStatus = __assign(__assign({}, this._linkedConnectionState), statusUpdates);
+
+    this._linkedConnectionState = __assign({}, newSocketStatus);
+
+    this._linkedConnectionStateObserver.next(this._linkedConnectionState);
+  };
+  /*
+   * Translate the ConnectionState structure into a specific ConnectionState string literal union
+   */
+
+
+  ConnectionStateMonitor.prototype.connectionStatesTranslator = function (_a) {
+    var connectionState = _a.connectionState,
+        networkState = _a.networkState,
+        intendedConnectionState = _a.intendedConnectionState,
+        keepAliveState = _a.keepAliveState;
+    if (connectionState === 'connected' && networkState === 'disconnected') return _types_PubSub__WEBPACK_IMPORTED_MODULE_1__["ConnectionState"].ConnectedPendingNetwork;
+    if (connectionState === 'connected' && intendedConnectionState === 'disconnected') return _types_PubSub__WEBPACK_IMPORTED_MODULE_1__["ConnectionState"].ConnectedPendingDisconnect;
+    if (connectionState === 'disconnected' && intendedConnectionState === 'connected' && networkState === 'disconnected') return _types_PubSub__WEBPACK_IMPORTED_MODULE_1__["ConnectionState"].ConnectionDisruptedPendingNetwork;
+    if (connectionState === 'disconnected' && intendedConnectionState === 'connected') return _types_PubSub__WEBPACK_IMPORTED_MODULE_1__["ConnectionState"].ConnectionDisrupted;
+    if (connectionState === 'connected' && keepAliveState === 'unhealthy') return _types_PubSub__WEBPACK_IMPORTED_MODULE_1__["ConnectionState"].ConnectedPendingKeepAlive; // All remaining states directly correspond to the connection state
+
+    if (connectionState === 'connecting') return _types_PubSub__WEBPACK_IMPORTED_MODULE_1__["ConnectionState"].Connecting;
+    if (connectionState === 'disconnected') return _types_PubSub__WEBPACK_IMPORTED_MODULE_1__["ConnectionState"].Disconnected;
+    return _types_PubSub__WEBPACK_IMPORTED_MODULE_1__["ConnectionState"].Connected;
+  };
+
+  return ConnectionStateMonitor;
+}();
+
+
+
+/***/ }),
+
+/***/ "../pubsub/lib-esm/utils/ReachabilityMonitor/index.js":
+/*!************************************************************!*\
+  !*** ../pubsub/lib-esm/utils/ReachabilityMonitor/index.js ***!
+  \************************************************************/
+/*! exports provided: ReachabilityMonitor */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReachabilityMonitor", function() { return ReachabilityMonitor; });
+/* harmony import */ var _aws_amplify_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @aws-amplify/core */ "@aws-amplify/core");
+/* harmony import */ var _aws_amplify_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_aws_amplify_core__WEBPACK_IMPORTED_MODULE_0__);
+
+var ReachabilityMonitor = function ReachabilityMonitor() {
+  return new _aws_amplify_core__WEBPACK_IMPORTED_MODULE_0__["Reachability"]().networkMonitor();
+};
 
 /***/ }),
 
@@ -15016,8 +15416,8 @@ function () {
     } : _c;
     var authenticationType = defaultAuthenticationType || aws_appsync_authenticationType || 'AWS_IAM';
 
-    if (_aws_amplify_pubsub__WEBPACK_IMPORTED_MODULE_2__["default"] && typeof _aws_amplify_pubsub__WEBPACK_IMPORTED_MODULE_2__["default"].subscribe === 'function') {
-      return _aws_amplify_pubsub__WEBPACK_IMPORTED_MODULE_2__["default"].subscribe('', {
+    if (_aws_amplify_pubsub__WEBPACK_IMPORTED_MODULE_2__["PubSub"] && typeof _aws_amplify_pubsub__WEBPACK_IMPORTED_MODULE_2__["PubSub"].subscribe === 'function') {
+      return _aws_amplify_pubsub__WEBPACK_IMPORTED_MODULE_2__["PubSub"].subscribe('', {
         provider: _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["INTERNAL_AWS_APPSYNC_REALTIME_PUBSUB_PROVIDER"],
         appSyncGraphqlEndpoint: appSyncGraphqlEndpoint,
         authenticationType: authenticationType,