@aws-amplify/pubsub 4.2.6-custom-pk.97 → 4.2.6-custom-pk.98

package/dist/aws-amplify-pubsub.js

@@ -7612,131 +7612,6 @@ function (_super) {
 
 
 
-/***/ }),
-
-/***/ "./lib-esm/Providers/AWSAppSyncRealTimeProvider/constants.js":
-/*!*******************************************************************!*\
-  !*** ./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;
-
 /***/ }),
 
 /***/ "./lib-esm/Providers/AWSAppSyncRealTimeProvider/index.js":
@@ -7766,7 +7641,8 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 */ "./lib-esm/Providers/PubSubProvider.js");
 /* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../index */ "./lib-esm/index.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./constants */ "./lib-esm/Providers/AWSAppSyncRealTimeProvider/constants.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../constants */ "./lib-esm/Providers/constants.js");
+/* harmony import */ var _utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../utils/ConnectionStateMonitor */ "./lib-esm/utils/ConnectionStateMonitor.js");
 var __extends = undefined && undefined.__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -8003,6 +7879,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) {
@@ -8021,13 +7898,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(_index__WEBPACK_IMPORTED_MODULE_9__["CONNECTION_STATE_CHANGE"], {
+        provider: _this,
+        connectionState: ConnectionState
+      }, "Connection state is " + ConnectionState);
+    });
+
     return _this;
   }
 
@@ -8077,6 +7967,9 @@ function (_super) {
           observer.error({
             errors: [__assign({}, new graphql__WEBPACK_IMPORTED_MODULE_1__["GraphQLError"](_index__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();
         });
 
@@ -8221,6 +8114,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({
@@ -8244,6 +8138,7 @@ 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))]
             });
@@ -8362,12 +8257,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;
@@ -8375,10 +8280,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),
@@ -8442,15 +8350,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(_index__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;
     }
 
@@ -8494,6 +8409,7 @@ function (_super) {
     this.subscriptionObserverMap.clear();
 
     if (this.awsRealTimeSocket) {
+      this.connectionStateMonitor.record(_utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_11__["CONNECTION_CHANGE"].CLOSED);
       this.awsRealTimeSocket.close();
     }
 
@@ -8692,6 +8608,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'));
                 };
 
@@ -8778,13 +8696,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"]);
                 }
               });
             }()];
@@ -9351,6 +9273,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _PubSubProvider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./PubSubProvider */ "./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 */ "./lib-esm/utils/ConnectionStateMonitor.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./constants */ "./lib-esm/Providers/constants.js");
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! .. */ "./lib-esm/index.js");
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
@@ -9577,6 +9502,9 @@ 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('/');
@@ -9642,6 +9570,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 =
@@ -9659,8 +9595,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(___WEBPACK_IMPORTED_MODULE_7__["CONNECTION_STATE_CHANGE"], {
+        provider: _this,
+        connectionState: connectionStateChange
+      }, "Connection state is " + connectionStateChange);
+    });
+
     return _this;
   }
 
@@ -9757,6 +9702,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) {
@@ -9774,6 +9720,8 @@ function (_super) {
                 clientId: clientId,
                 errorCode: errorCode
               }, args));
+
+              _this.connectionStateMonitor.record(_utils_ConnectionStateMonitor__WEBPACK_IMPORTED_MODULE_5__["CONNECTION_CHANGE"].CLOSED);
             };
 
             return [4
@@ -9785,13 +9733,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];
@@ -9843,6 +9796,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);
@@ -10023,6 +9977,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);
@@ -10122,6 +10078,137 @@ function () {
 
 
 
+/***/ }),
+
+/***/ "./lib-esm/Providers/constants.js":
+/*!****************************************!*\
+  !*** ./lib-esm/Providers/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, 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__, "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 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;
+
 /***/ }),
 
 /***/ "./lib-esm/Providers/index.js":
@@ -10555,11 +10642,12 @@ _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["Amplify"].register(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, PubSub, CONTROL_MSG, default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CONNECTION_STATE_CHANGE", function() { return CONNECTION_STATE_CHANGE; });
 /* 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 */ "./lib-esm/PubSub.js");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PubSub", function() { return _PubSub__WEBPACK_IMPORTED_MODULE_0__["PubSub"]; });
@@ -10577,6 +10665,9 @@ __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 _types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./types */ "./lib-esm/types/index.js");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConnectionState", function() { return _types__WEBPACK_IMPORTED_MODULE_2__["ConnectionState"]; });
+
 /*
  * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
  *
@@ -10601,6 +10692,8 @@ var CONTROL_MSG;
   CONTROL_MSG["TIMEOUT_DISCONNECT"] = "Timeout disconnect";
 })(CONTROL_MSG || (CONTROL_MSG = {}));
 
+var CONNECTION_STATE_CHANGE = 'ConnectionStateChange';
+
 
 /**
  * @deprecated use named import
@@ -10610,6 +10703,278 @@ var CONTROL_MSG;
 
 /***/ }),
 
+/***/ "./lib-esm/types/index.js":
+/*!********************************!*\
+  !*** ./lib-esm/types/index.js ***!
+  \********************************/
+/*! exports provided: ConnectionState */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ConnectionState", function() { return ConnectionState; });
+/** @enum {string} */
+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 = {}));
+
+/***/ }),
+
+/***/ "./lib-esm/utils/ConnectionStateMonitor.js":
+/*!*************************************************!*\
+  !*** ./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 _index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../index */ "./lib-esm/index.js");
+/* harmony import */ var _ReachabilityMonitor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ReachabilityMonitor */ "./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];
+
+      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 _index__WEBPACK_IMPORTED_MODULE_1__["ConnectionState"].ConnectedPendingNetwork;
+    if (connectionState === 'connected' && intendedConnectionState === 'disconnected') return _index__WEBPACK_IMPORTED_MODULE_1__["ConnectionState"].ConnectedPendingDisconnect;
+    if (connectionState === 'disconnected' && intendedConnectionState === 'connected' && networkState === 'disconnected') return _index__WEBPACK_IMPORTED_MODULE_1__["ConnectionState"].ConnectionDisruptedPendingNetwork;
+    if (connectionState === 'disconnected' && intendedConnectionState === 'connected') return _index__WEBPACK_IMPORTED_MODULE_1__["ConnectionState"].ConnectionDisrupted;
+    if (connectionState === 'connected' && keepAliveState === 'unhealthy') return _index__WEBPACK_IMPORTED_MODULE_1__["ConnectionState"].ConnectedPendingKeepAlive; // All remaining states directly correspond to the connection state
+
+    if (connectionState === 'connecting') return _index__WEBPACK_IMPORTED_MODULE_1__["ConnectionState"].Connecting;
+    if (connectionState === 'disconnected') return _index__WEBPACK_IMPORTED_MODULE_1__["ConnectionState"].Disconnected;
+    return _index__WEBPACK_IMPORTED_MODULE_1__["ConnectionState"].Connected;
+  };
+
+  return ConnectionStateMonitor;
+}();
+
+
+
+/***/ }),
+
+/***/ "./lib-esm/utils/ReachabilityMonitor/index.js":
+/*!****************************************************!*\
+  !*** ./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();
+};
+
+/***/ }),
+
 /***/ "@aws-amplify/auth":
 /*!***********************************!*\
   !*** external "aws_amplify_auth" ***!