@aws-amplify/ui-react 1.2.26 → 1.2.54-legacy-ui.10

package/dist/9.js

@@ -1,26 +1,28 @@
 (this["webpackJsonpaws_amplify_react"] = this["webpackJsonpaws_amplify_react"] || []).push([[9],{
 
-/***/ "../amplify-ui-components/dist/esm-es5/amplify-s3-text.entry.js":
-/*!**********************************************************************!*\
-  !*** ../amplify-ui-components/dist/esm-es5/amplify-s3-text.entry.js ***!
-  \**********************************************************************/
-/*! exports provided: amplify_s3_text */
+/***/ "../amplify-ui-components/dist/esm-es5/amplify-amazon-button_5.entry.js":
+/*!******************************************************************************!*\
+  !*** ../amplify-ui-components/dist/esm-es5/amplify-amazon-button_5.entry.js ***!
+  \******************************************************************************/
+/*! exports provided: amplify_amazon_button, amplify_auth0_button, amplify_facebook_button, amplify_google_button, amplify_oauth_button */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "amplify_s3_text", function() { return AmplifyS3Text; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "amplify_amazon_button", function() { return AmplifyAmazonButton; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "amplify_auth0_button", function() { return AmplifyAuth0Button; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "amplify_facebook_button", function() { return AmplifyFacebookButton; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "amplify_google_button", function() { return AmplifyGoogleButton; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "amplify_oauth_button", function() { return AmplifyOAuthButton; });
 /* harmony import */ var _index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index-83f2275b.js */ "../amplify-ui-components/dist/esm-es5/index-83f2275b.js");
 /* harmony import */ var _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @aws-amplify/core */ "@aws-amplify/core");
 /* harmony import */ var _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _storage_types_f257c0f2_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./storage-types-f257c0f2.js */ "../amplify-ui-components/dist/esm-es5/storage-types-f257c0f2.js");
+/* harmony import */ var _auth_types_78df304e_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./auth-types-78df304e.js */ "../amplify-ui-components/dist/esm-es5/auth-types-78df304e.js");
 /* harmony import */ var _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @aws-amplify/auth */ "@aws-amplify/auth");
 /* harmony import */ var _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var _Translations_108d469f_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Translations-108d469f.js */ "../amplify-ui-components/dist/esm-es5/Translations-108d469f.js");
 /* harmony import */ var _constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./constants-c8ecaa24.js */ "../amplify-ui-components/dist/esm-es5/constants-c8ecaa24.js");
-/* harmony import */ var _aws_amplify_storage__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @aws-amplify/storage */ "@aws-amplify/storage");
-/* harmony import */ var _aws_amplify_storage__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_aws_amplify_storage__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _storage_helpers_1afafead_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./storage-helpers-1afafead.js */ "../amplify-ui-components/dist/esm-es5/storage-helpers-1afafead.js");
+/* harmony import */ var _helpers_14fcb50c_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./helpers-14fcb50c.js */ "../amplify-ui-components/dist/esm-es5/helpers-14fcb50c.js");
 var __awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
   function adopt(value) {
     return value instanceof P ? value : new P(function (resolve) {
@@ -171,491 +173,551 @@ var __generator = undefined && undefined.__generator || function (thisArg, body)
 
 
 
+var logger = new _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["ConsoleLogger"]('amplify-amazon-button');
 
-var amplifyS3TextCss = ":host{--container-color:var(--amplify-smoke-white);--border-color:var(--amplify-light-grey);--font-size:var(--amplify-text-md);--text-color:var(--amplify-secondary-color)}.text-container{background-color:var(--container-color);border:1px solid var(--border-color);border-radius:5px;margin-bottom:10px}pre{display:block;margin:0.5rem 0;padding:0.5rem;line-height:1rem;max-height:50rem;font-size:var(--font-size);color:var(--text-color);word-break:break-all;overflow-y:scroll;overflow-x:auto}";
-var logger = new _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["Logger"]('S3Text');
-
-var AmplifyS3Text =
+var AmplifyAmazonButton =
 /** @class */
 function () {
   function class_1(hostRef) {
-    Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
-    /** The content type header used when uploading to S3 */
+    var _this = this;
 
-    this.contentType = 'text/*';
-    /** The access level of the text file */
+    Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
+    /** Auth state change handler for this component
+     * e.g. SignIn -> 'Create Account' link -> SignUp
+     */
 
-    this.level = _storage_types_f257c0f2_js__WEBPACK_IMPORTED_MODULE_2__["A"].Public;
-    /** Fallback content */
+    this.handleAuthStateChange = _helpers_14fcb50c_js__WEBPACK_IMPORTED_MODULE_6__["d"];
 
-    this.fallbackText = _Translations_108d469f_js__WEBPACK_IMPORTED_MODULE_4__["T"].TEXT_FALLBACK_CONTENT;
-  }
+    this.federatedSignIn = function (response) {
+      var access_token = response.access_token,
+          expires_in = response.expires_in;
 
-  class_1.prototype.watchHandler = function () {
-    return __awaiter(this, void 0, void 0, function () {
-      return __generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            return [4
-            /*yield*/
-            , this.load()];
+      if (!access_token) {
+        return;
+      }
 
-          case 1:
-            _a.sent();
+      if (!_aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"] || typeof _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"].federatedSignIn !== 'function' || typeof _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"].currentAuthenticatedUser !== 'function') {
+        throw new Error(_constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_5__["N"]);
+      }
 
-            return [2
-            /*return*/
-            ];
-        }
+      var date = new Date();
+      var expires_at = expires_in * 1000 + date.getTime();
+      window['amazon'].Login.retrieveProfile(function (userInfo) {
+        return __awaiter(_this, void 0, void 0, function () {
+          var user, authenticatedUser;
+          return __generator(this, function (_a) {
+            switch (_a.label) {
+              case 0:
+                if (!userInfo.success) {
+                  return [2
+                  /*return*/
+                  , logger.debug('Get user Info failed')];
+                }
+
+                user = {
+                  name: userInfo.profile.Name,
+                  email: userInfo.profile.PrimaryEmail
+                };
+                return [4
+                /*yield*/
+                , _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"].federatedSignIn('amazon', {
+                  token: access_token,
+                  expires_at: expires_at
+                }, user)];
+
+              case 1:
+                _a.sent();
+
+                return [4
+                /*yield*/
+                , _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"].currentAuthenticatedUser()];
+
+              case 2:
+                authenticatedUser = _a.sent();
+                this.handleAuthStateChange(_auth_types_78df304e_js__WEBPACK_IMPORTED_MODULE_2__["A"].SignedIn, authenticatedUser);
+                return [2
+                /*return*/
+                ];
+            }
+          });
+        });
       });
-    });
-  };
+    };
+  }
 
   class_1.prototype.componentWillLoad = function () {
-    return __awaiter(this, void 0, void 0, function () {
-      return __generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            return [4
-            /*yield*/
-            , this.load()];
-
-          case 1:
-            _a.sent();
-
-            return [2
-            /*return*/
-            ];
-        }
-      });
-    });
+    console.warn('Version `1.x` of Amplify UI has been deprecated and will be removed in a future major version of `aws-amplify`. Please visit https://ui.docs.amplify.aws/ for the current version of Amplify UI.');
   };
+  /**
+   * @see https://developer.amazon.com/docs/login-with-amazon/install-sdk-javascript.html
+   */
 
-  class_1.prototype.load = function () {
-    return __awaiter(this, void 0, void 0, function () {
-      var _a, path, textKey, body, contentType, level, track, identityId, key, _b, err_1;
-
-      return __generator(this, function (_c) {
-        switch (_c.label) {
-          case 0:
-            _a = this, path = _a.path, textKey = _a.textKey, body = _a.body, contentType = _a.contentType, level = _a.level, track = _a.track, identityId = _a.identityId;
-
-            if (!textKey && !path) {
-              logger.debug('empty textKey and path');
-              return [2
-              /*return*/
-              ];
-            }
-
-            key = textKey || path;
-            logger.debug('loading ' + key + '...');
-            if (!body) return [3
-            /*break*/
-            , 2];
-            return [4
-            /*yield*/
-            , Object(_storage_helpers_1afafead_js__WEBPACK_IMPORTED_MODULE_7__["p"])(textKey, body, level, track, contentType, logger)];
-
-          case 1:
-            _c.sent();
 
-            _c.label = 2;
+  class_1.prototype.signInWithAmazon = function (event) {
+    var _this = this;
 
-          case 2:
-            _c.trys.push([2, 4,, 5]);
-
-            _b = this;
-            return [4
-            /*yield*/
-            , Object(_storage_helpers_1afafead_js__WEBPACK_IMPORTED_MODULE_7__["a"])(key, level, track, identityId, logger)];
-
-          case 3:
-            _b.src = _c.sent();
-            return [3
-            /*break*/
-            , 5];
+    event.preventDefault();
+    window['amazon'].Login.setClientId(this.clientId);
+    window['amazon'].Login.authorize({
+      scope: 'profile'
+    }, function (response) {
+      if (response.error) {
+        return logger.debug('Failed to login with amazon: ' + response.error);
+      }
 
-          case 4:
-            err_1 = _c.sent();
-            logger.debug(err_1);
-            throw new Error(err_1);
+      try {
+        window.localStorage.setItem(_constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_5__["h"], JSON.stringify({
+          provider: 'amazon'
+        }));
+      } catch (e) {
+        logger.debug('Failed to cache auth source into localStorage', e);
+      }
 
-          case 5:
-            return [2
-            /*return*/
-            ];
-        }
-      });
+      _this.federatedSignIn(response);
     });
   };
 
   class_1.prototype.render = function () {
-    return Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", null, Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
-      "class": "text-container"
-    }, this.src ? Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("pre", null, this.src) : Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("pre", null, _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["I18n"].get(this.fallbackText))));
+    var _this = this;
+
+    return Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("amplify-sign-in-button", {
+      onClick: function onClick(event) {
+        return _this.signInWithAmazon(event);
+      },
+      provider: "amazon"
+    }, Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("script", {
+      src: "https://assets.loginwithamazon.com/sdk/na/login1.js"
+    }), _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["I18n"].get(_Translations_108d469f_js__WEBPACK_IMPORTED_MODULE_4__["T"].SIGN_IN_WITH_AMAZON));
   };
 
-  Object.defineProperty(class_1, "watchers", {
-    get: function get() {
-      return {
-        "textKey": ["watchHandler"],
-        "body": ["watchHandler"]
-      };
-    },
-    enumerable: false,
-    configurable: true
-  });
   return class_1;
 }();
 
-AmplifyS3Text.style = amplifyS3TextCss;
+var logger$1 = new _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["ConsoleLogger"]('amplify-auth0-button');
 
+var AmplifyAuth0Button =
+/** @class */
+function () {
+  function class_2(hostRef) {
+    var _this = this;
 
-/***/ }),
+    Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
+    /** Auth state change handler for this component */
 
-/***/ "../amplify-ui-components/dist/esm-es5/storage-helpers-1afafead.js":
-/*!*************************************************************************!*\
-  !*** ../amplify-ui-components/dist/esm-es5/storage-helpers-1afafead.js ***!
-  \*************************************************************************/
-/*! exports provided: a, c, g, i, p */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+    this.handleAuthStateChange = _helpers_14fcb50c_js__WEBPACK_IMPORTED_MODULE_6__["d"];
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getTextSource; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return calcKey; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return getStorageObject; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return imageFileType; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "p", function() { return putStorageObject; });
-/* harmony import */ var _constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants-c8ecaa24.js */ "../amplify-ui-components/dist/esm-es5/constants-c8ecaa24.js");
-/* harmony import */ var _aws_amplify_storage__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @aws-amplify/storage */ "@aws-amplify/storage");
-/* harmony import */ var _aws_amplify_storage__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_aws_amplify_storage__WEBPACK_IMPORTED_MODULE_1__);
-var __awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function (resolve) {
-      resolve(value);
-    });
-  }
+    this.handleLoad = function () {
+      // @ts-ignore Property 'auth0' does not exist on type '{}'.
+      var _a = _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"].configure().oauth,
+          oauth = _a === void 0 ? {} : _a; // @ts-ignore Property 'auth0' does not exist on type '{}'.
 
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
+      var _b = _this.config,
+          config = _b === void 0 ? oauth.auth0 : _b;
+
+      if (!config) {
+        logger$1.debug('Auth0 is not configured');
+        return;
       }
-    }
 
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
+      logger$1.debug('auth0 configuration', config);
+
+      if (!_this._auth0) {
+        _this._auth0 = new window['auth0'].WebAuth(config);
       }
-    }
 
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
+      _this._auth0.parseHash(function (err, authResult) {
+        if (err) {
+          logger$1.debug('Failed to parse the url for Auth0', err);
+          return;
+        }
 
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
+        if (!authResult) {
+          logger$1.debug('Auth0 found no authResult in hash');
+          return;
+        }
 
-var __generator = undefined && undefined.__generator || function (thisArg, body) {
-  var _ = {
-    label: 0,
-    sent: function sent() {
-      if (t[0] & 1) throw t[1];
-      return t[1];
-    },
-    trys: [],
-    ops: []
-  },
-      f,
-      y,
-      t,
-      g;
-  return g = {
-    next: verb(0),
-    "throw": verb(1),
-    "return": verb(2)
-  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
-    return this;
-  }), g;
+        var payload = {
+          provider: 'auth0',
+          opts: {
+            returnTo: config.returnTo,
+            clientID: config.clientID,
+            federated: config.federated
+          }
+        };
 
-  function verb(n) {
-    return function (v) {
-      return step([n, v]);
+        try {
+          localStorage.setItem(_constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_5__["h"], JSON.stringify(payload));
+        } catch (e) {
+          logger$1.debug('Failed to cache auth source into localStorage', e);
+        }
+
+        _this._auth0.client.userInfo(authResult.accessToken, function (err, user) {
+          return __awaiter(_this, void 0, void 0, function () {
+            var username, email, authenticatedUser;
+            return __generator(this, function (_a) {
+              switch (_a.label) {
+                case 0:
+                  username = undefined;
+                  email = undefined;
+
+                  if (err) {
+                    logger$1.debug('Failed to get the user info', err);
+                  } else {
+                    username = user.name;
+                    email = user.email;
+                  }
+
+                  return [4
+                  /*yield*/
+                  , _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"].federatedSignIn(config.domain, {
+                    token: authResult.idToken,
+                    expires_at: authResult.expiresIn * 1000 + new Date().getTime()
+                  }, {
+                    name: username,
+                    email: email
+                  })];
+
+                case 1:
+                  _a.sent();
+
+                  return [4
+                  /*yield*/
+                  , _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"].currentAuthenticatedUser()];
+
+                case 2:
+                  authenticatedUser = _a.sent();
+                  this.handleAuthStateChange(_auth_types_78df304e_js__WEBPACK_IMPORTED_MODULE_2__["A"].SignedIn, authenticatedUser);
+                  return [2
+                  /*return*/
+                  ];
+              }
+            });
+          });
+        });
+      });
     };
   }
 
-  function step(op) {
-    if (f) throw new TypeError("Generator is already executing.");
+  class_2.prototype.componentWillLoad = function () {
+    console.warn('Version `1.x` of Amplify UI has been deprecated and will be removed in a future major version of `aws-amplify`. Please visit https://ui.docs.amplify.aws/ for the current version of Amplify UI.');
+  };
 
-    while (_) {
-      try {
-        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-        if (y = 0, t) op = [op[0] & 2, t.value];
+  class_2.prototype.signInWithAuth0 = function (event) {
+    event.preventDefault();
 
-        switch (op[0]) {
-          case 0:
-          case 1:
-            t = op;
-            break;
+    if (!this._auth0) {
+      throw new Error('the auth0 client is not configured');
+    }
 
-          case 4:
-            _.label++;
-            return {
-              value: op[1],
-              done: false
-            };
+    this._auth0.authorize();
+  };
 
-          case 5:
-            _.label++;
-            y = op[1];
-            op = [0];
-            continue;
+  class_2.prototype.render = function () {
+    var _this = this;
+
+    return Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("amplify-sign-in-button", {
+      onClick: function onClick(event) {
+        return _this.signInWithAuth0(event);
+      },
+      provider: "auth0"
+    }, Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("script", {
+      onLoad: this.handleLoad,
+      src: "https://cdn.auth0.com/js/auth0/9.11/auth0.min.js"
+    }), _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["I18n"].get(_Translations_108d469f_js__WEBPACK_IMPORTED_MODULE_4__["T"].SIGN_IN_WITH_AUTH0));
+  };
 
-          case 7:
-            op = _.ops.pop();
+  return class_2;
+}();
 
-            _.trys.pop();
+var logger$2 = new _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["ConsoleLogger"]('amplify-facebook-button');
 
-            continue;
+var AmplifyFacebookButton =
+/** @class */
+function () {
+  function class_3(hostRef) {
+    var _this = this;
 
-          default:
-            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-              _ = 0;
-              continue;
-            }
+    Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
+    /** Auth state change handler for this component
+     * e.g. SignIn -> 'Create Account' link -> SignUp
+     */
 
-            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-              _.label = op[1];
-              break;
-            }
+    this.handleAuthStateChange = _helpers_14fcb50c_js__WEBPACK_IMPORTED_MODULE_6__["d"];
 
-            if (op[0] === 6 && _.label < t[1]) {
-              _.label = t[1];
-              t = op;
-              break;
-            }
+    this.federatedSignIn = function (authResponse) {
+      var accessToken = authResponse.accessToken,
+          expiresIn = authResponse.expiresIn;
 
-            if (t && _.label < t[2]) {
-              _.label = t[2];
+      if (!accessToken) {
+        return;
+      }
 
-              _.ops.push(op);
+      if (!_aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"] || typeof _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"].federatedSignIn !== 'function' || typeof _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"].currentAuthenticatedUser !== 'function') {
+        throw new Error(_constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_5__["N"]);
+      }
 
-              break;
+      var date = new Date();
+      var expires_at = expiresIn * 1000 + date.getTime();
+      var fields = 'name,email';
+      window['FB'].api('/me', {
+        fields: fields
+      }, function (response) {
+        return __awaiter(_this, void 0, void 0, function () {
+          var user, authenticatedUser;
+          return __generator(this, function (_a) {
+            switch (_a.label) {
+              case 0:
+                user = {
+                  name: response.name,
+                  email: response.email
+                };
+                return [4
+                /*yield*/
+                , _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"].federatedSignIn('facebook', {
+                  token: accessToken,
+                  expires_at: expires_at
+                }, user)];
+
+              case 1:
+                _a.sent();
+
+                return [4
+                /*yield*/
+                , _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"].currentAuthenticatedUser()];
+
+              case 2:
+                authenticatedUser = _a.sent();
+                this.handleAuthStateChange(_auth_types_78df304e_js__WEBPACK_IMPORTED_MODULE_2__["A"].SignedIn, authenticatedUser);
+                return [2
+                /*return*/
+                ];
             }
+          });
+        });
+      });
+    };
 
-            if (t[2]) _.ops.pop();
-
-            _.trys.pop();
+    this.getLoginStatus = function () {
+      window['FB'].getLoginStatus(function (response) {
+        try {
+          window.localStorage.setItem(_constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_5__["h"], JSON.stringify({
+            provider: 'facebook'
+          }));
+        } catch (e) {
+          logger$2.debug('Failed to cache auth source into localStorage', e);
+        }
 
-            continue;
+        if (response.status === 'connected') {
+          return _this.federatedSignIn(response.authResponse);
         }
 
-        op = body.call(thisArg, _);
-      } catch (e) {
-        op = [6, e];
-        y = 0;
-      } finally {
-        f = t = 0;
-      }
-    }
+        _this.login();
+      });
+    };
 
-    if (op[0] & 5) throw op[1];
-    return {
-      value: op[0] ? op[1] : void 0,
-      done: true
+    this.login = function () {
+      var scope = 'public_profile,email';
+      window['FB'].login(function (response) {
+        if (response && response.authResponse) {
+          _this.federatedSignIn(response.authResponse);
+        }
+      }, {
+        scope: scope
+      });
     };
   }
-};
 
+  class_3.prototype.componentWillLoad = function () {
+    console.warn('Version `1.x` of Amplify UI has been deprecated and will be removed in a future major version of `aws-amplify`. Please visit https://ui.docs.amplify.aws/ for the current version of Amplify UI.');
+  };
+  /**
+   * @see https://developers.facebook.com/docs/javascript/reference/FB.init/v5.0
+   */
+
+
+  class_3.prototype.signInWithFacebook = function (event) {
+    event.preventDefault();
+    window['FB'].init({
+      appId: this.appId,
+      cookie: true,
+      xfbml: false,
+      version: 'v5.0'
+    });
+    this.getLoginStatus();
+  };
+
+  class_3.prototype.render = function () {
+    var _this = this;
+
+    return Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("amplify-sign-in-button", {
+      onClick: function onClick(event) {
+        return _this.signInWithFacebook(event);
+      },
+      provider: "facebook"
+    }, Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("script", {
+      async: true,
+      defer: true,
+      src: "https://connect.facebook.net/en_US/sdk.js"
+    }), _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["I18n"].get(_Translations_108d469f_js__WEBPACK_IMPORTED_MODULE_4__["T"].SIGN_IN_WITH_FACEBOOK));
+  };
+
+  return class_3;
+}();
+
+var logger$3 = new _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["ConsoleLogger"]('amplify-google-button');
+
+var AmplifyGoogleButton =
+/** @class */
+function () {
+  function class_4(hostRef) {
+    var _this = this;
+
+    Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
+    /** Auth state change handler for this component
+     * e.g. SignIn -> 'Create Account' link -> SignUp
+     */
 
+    this.handleAuthStateChange = _helpers_14fcb50c_js__WEBPACK_IMPORTED_MODULE_6__["d"];
 
-var imageFileType = new Set(['apng', 'bmp', 'gif', 'ico', 'cur', 'jpg', 'jpeg', 'jfif', 'pjpeg', 'pjp', 'png', 'svg', 'tif', 'tiff', 'webp']);
+    this.handleError = function (error) {
+      console.error(error);
+    };
+    /**
+     * @see https://developers.google.com/identity/sign-in/web/build-button#building_a_button_with_a_custom_graphic
+     */
 
-var calcKey = function calcKey(file, fileToKey) {
-  var name = file.name,
-      size = file.size,
-      type = file.type;
-  var key = encodeURI(name);
 
-  if (fileToKey) {
-    if (typeof fileToKey === 'string') {
-      key = fileToKey;
-    } else if (typeof fileToKey === 'function') {
-      key = fileToKey({
-        name: name,
-        size: size,
-        type: type
+    this.handleLoad = function () {
+      window['gapi'].load('auth2');
+    };
+
+    this.handleUser = function (user) {
+      return __awaiter(_this, void 0, void 0, function () {
+        var _a, id_token, expires_at, profile, authenticatedUser;
+
+        return __generator(this, function (_b) {
+          switch (_b.label) {
+            case 0:
+              if (!_aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"] || typeof _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"].federatedSignIn !== 'function' || typeof _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"].currentAuthenticatedUser !== 'function') {
+                throw new Error(_constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_5__["N"]);
+              }
+
+              try {
+                window.localStorage.setItem(_constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_5__["h"], JSON.stringify({
+                  provider: 'google'
+                }));
+              } catch (e) {
+                logger$3.debug('Failed to cache auth source into localStorage', e);
+              }
+
+              _a = user.getAuthResponse(), id_token = _a.id_token, expires_at = _a.expires_at;
+              profile = user.getBasicProfile();
+              return [4
+              /*yield*/
+              , _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"].federatedSignIn('google', {
+                token: id_token,
+                expires_at: expires_at
+              }, {
+                email: profile.getEmail(),
+                name: profile.getName(),
+                picture: profile.getImageUrl()
+              })];
+
+            case 1:
+              _b.sent();
+
+              return [4
+              /*yield*/
+              , _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"].currentAuthenticatedUser()];
+
+            case 2:
+              authenticatedUser = _b.sent();
+
+              try {
+                this.handleAuthStateChange(_auth_types_78df304e_js__WEBPACK_IMPORTED_MODULE_2__["A"].SignedIn, authenticatedUser);
+              } catch (error) {
+                this.handleError(error);
+              }
+
+              return [2
+              /*return*/
+              ];
+          }
+        });
       });
-    } else {
-      key = encodeURI(JSON.stringify(fileToKey));
-    }
+    };
+  }
+
+  class_4.prototype.componentWillLoad = function () {
+    console.warn('Version `1.x` of Amplify UI has been deprecated and will be removed in a future major version of `aws-amplify`. Please visit https://ui.docs.amplify.aws/ for the current version of Amplify UI.');
+  };
 
-    if (!key) {
-      key = 'empty_key';
+  class_4.prototype.getAuthInstance = function () {
+    if (window['gapi'] && window['gapi'].auth2) {
+      return window['gapi'].auth2.getAuthInstance() || window['gapi'].auth2.init({
+        client_id: this.clientId,
+        cookiepolicy: 'single_host_origin',
+        scope: 'profile email openid'
+      });
     }
-  }
 
-  return key.replace(/\s/g, '_');
-};
+    return null;
+  };
 
-var getStorageObject = function getStorageObject(key, level, track, identityId, logger) {
-  return __awaiter(void 0, void 0, void 0, function () {
-    var src, error_1;
-    return __generator(this, function (_a) {
-      switch (_a.label) {
-        case 0:
-          if (!_aws_amplify_storage__WEBPACK_IMPORTED_MODULE_1__["Storage"] || typeof _aws_amplify_storage__WEBPACK_IMPORTED_MODULE_1__["Storage"].get !== 'function') {
-            throw new Error(_constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_0__["d"]);
-          }
+  class_4.prototype.signInWithGoogle = function (event) {
+    event.preventDefault();
+    this.getAuthInstance().signIn().then(this.handleUser)["catch"](this.handleError);
+  };
 
-          _a.label = 1;
-
-        case 1:
-          _a.trys.push([1, 3,, 4]);
-
-          return [4
-          /*yield*/
-          , _aws_amplify_storage__WEBPACK_IMPORTED_MODULE_1__["Storage"].get(key, {
-            level: level,
-            track: track,
-            identityId: identityId
-          })];
-
-        case 2:
-          src = _a.sent();
-          logger.debug('Storage image get', src);
-          return [2
-          /*return*/
-          , src];
-
-        case 3:
-          error_1 = _a.sent();
-          throw new Error(error_1);
-
-        case 4:
-          return [2
-          /*return*/
-          ];
-      }
-    });
-  });
-};
+  class_4.prototype.render = function () {
+    var _this = this;
+
+    return Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("amplify-sign-in-button", {
+      onClick: function onClick(event) {
+        return _this.signInWithGoogle(event);
+      },
+      provider: "google"
+    }, Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("script", {
+      onLoad: this.handleLoad,
+      src: "https://apis.google.com/js/api:client.js"
+    }), _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["I18n"].get(_Translations_108d469f_js__WEBPACK_IMPORTED_MODULE_4__["T"].SIGN_IN_WITH_GOOGLE));
+  };
 
-var readFileAsync = function readFileAsync(blob) {
-  return new Promise(function (resolve, reject) {
-    var reader = new FileReader();
+  return class_4;
+}();
 
-    reader.onload = function () {
-      resolve(reader.result);
-    };
+var AmplifyOAuthButton =
+/** @class */
+function () {
+  function AmplifyOAuthButton(hostRef) {
+    Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
+    /** Federated credentials & configuration. */
 
-    reader.onerror = function () {
-      reject('Failed to read file!');
-      reader.abort();
-    };
+    this.config = {};
+  }
 
-    reader.readAsText(blob);
-  });
-};
+  AmplifyOAuthButton.prototype.signInWithOAuth = function (event) {
+    event.preventDefault();
+    _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"].federatedSignIn();
+  };
 
-var getTextSource = function getTextSource(key, level, track, identityId, logger) {
-  return __awaiter(void 0, void 0, void 0, function () {
-    var textSrc, text, error_2;
-    return __generator(this, function (_a) {
-      switch (_a.label) {
-        case 0:
-          if (!_aws_amplify_storage__WEBPACK_IMPORTED_MODULE_1__["Storage"] || typeof _aws_amplify_storage__WEBPACK_IMPORTED_MODULE_1__["Storage"].get !== 'function') {
-            throw new Error(_constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_0__["d"]);
-          }
+  AmplifyOAuthButton.prototype.componentWillLoad = function () {
+    console.warn('Version `1.x` of Amplify UI has been deprecated and will be removed in a future major version of `aws-amplify`. Please visit https://ui.docs.amplify.aws/ for the current version of Amplify UI.');
+  };
 
-          _a.label = 1;
-
-        case 1:
-          _a.trys.push([1, 4,, 5]);
-
-          return [4
-          /*yield*/
-          , _aws_amplify_storage__WEBPACK_IMPORTED_MODULE_1__["Storage"].get(key, {
-            download: true,
-            level: level,
-            track: track,
-            identityId: identityId
-          })];
-
-        case 2:
-          textSrc = _a.sent();
-          logger.debug(textSrc);
-          return [4
-          /*yield*/
-          , readFileAsync(textSrc['Body'])];
-
-        case 3:
-          text = _a.sent();
-          return [2
-          /*return*/
-          , text];
-
-        case 4:
-          error_2 = _a.sent();
-          throw new Error(error_2);
-
-        case 5:
-          return [2
-          /*return*/
-          ];
-      }
-    });
-  });
-};
+  AmplifyOAuthButton.prototype.render = function () {
+    var _this = this;
 
-var putStorageObject = function putStorageObject(key, body, level, track, contentType, logger) {
-  return __awaiter(void 0, void 0, void 0, function () {
-    var data, error_3;
-    return __generator(this, function (_a) {
-      switch (_a.label) {
-        case 0:
-          if (!_aws_amplify_storage__WEBPACK_IMPORTED_MODULE_1__["Storage"] || typeof _aws_amplify_storage__WEBPACK_IMPORTED_MODULE_1__["Storage"].put !== 'function') {
-            throw new Error(_constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_0__["d"]);
-          }
+    return Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("amplify-sign-in-button", {
+      onClick: function onClick(event) {
+        return _this.signInWithOAuth(event);
+      },
+      provider: "oauth"
+    }, this.config.label || _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["I18n"].get(_Translations_108d469f_js__WEBPACK_IMPORTED_MODULE_4__["T"].SIGN_IN_WITH_AWS));
+  };
 
-          _a.label = 1;
-
-        case 1:
-          _a.trys.push([1, 3,, 4]);
-
-          return [4
-          /*yield*/
-          , _aws_amplify_storage__WEBPACK_IMPORTED_MODULE_1__["Storage"].put(key, body, {
-            contentType: contentType,
-            level: level,
-            track: track
-          })];
-
-        case 2:
-          data = _a.sent();
-          logger.debug('Upload data', data);
-          return [3
-          /*break*/
-          , 4];
-
-        case 3:
-          error_3 = _a.sent();
-          throw new Error(error_3);
-
-        case 4:
-          return [2
-          /*return*/
-          ];
-      }
-    });
-  });
-};
+  return AmplifyOAuthButton;
+}();