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

package/dist/17.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///./node_modules/@aws-amplify/ui-components/dist/esm-es5/amplify-federated-buttons_2.entry.js"],"names":["AmplifyFederatedButtons","registerInstance","AuthState","Auth","_a","oauth","Object","isEmpty","amazonClientId","auth0Config","facebookAppId","googleClientId","oauthConfig","h","clientId","handleAuthStateChange","appId","config","amplifyStrikeCss","AmplifyStrike"],"mappings":"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","file":"17.js","sourcesContent":["import { r as registerInstance, h } from './index-83f2275b.js';\nimport { isEmpty } from '@aws-amplify/core';\nimport { A as AuthState } from './auth-types-78df304e.js';\nimport { Auth } from '@aws-amplify/auth';\nimport './Translations-108d469f.js';\nimport { N as NO_AUTH_MODULE_FOUND } from './constants-c8ecaa24.js';\nimport { d as dispatchAuthStateChangeEvent } from './helpers-14fcb50c.js';\nvar AmplifyFederatedButtons = /** @class */ (function () {\n    function AmplifyFederatedButtons(hostRef) {\n        registerInstance(this, hostRef);\n        /** The current authentication state. */\n        this.authState = AuthState.SignIn;\n        /** Federated credentials & configuration. */\n        this.federated = {};\n        /** Auth state change handler for this component\n         * e.g. SignIn -> 'Create Account' link -> SignUp\n         */\n        this.handleAuthStateChange = dispatchAuthStateChangeEvent;\n    }\n    AmplifyFederatedButtons.prototype.componentWillLoad = function () {\n        if (!Auth || typeof Auth.configure !== 'function') {\n            throw new Error(NO_AUTH_MODULE_FOUND);\n        }\n        var _a = Auth.configure().oauth, oauth = _a === void 0 ? {} : _a;\n        // backward compatibility\n        if (oauth['domain']) {\n            this.federated.oauthConfig = Object.assign(Object.assign({}, this.federated.oauthConfig), oauth);\n        }\n        else if (oauth['awsCognito']) {\n            this.federated.oauthConfig = Object.assign(Object.assign({}, this.federated.oauthConfig), oauth['awsCognito']);\n        }\n        if (oauth['auth0']) {\n            this.federated.auth0Config = Object.assign(Object.assign({}, this.federated.auth0Config), oauth['auth0']);\n        }\n    };\n    AmplifyFederatedButtons.prototype.render = function () {\n        if (!Object.values(AuthState).includes(this.authState)) {\n            return null;\n        }\n        if (isEmpty(this.federated)) {\n            return null;\n        }\n        var _a = this.federated, amazonClientId = _a.amazonClientId, auth0Config = _a.auth0Config, facebookAppId = _a.facebookAppId, googleClientId = _a.googleClientId, oauthConfig = _a.oauthConfig;\n        return (h(\"div\", null, googleClientId && (h(\"div\", null, h(\"amplify-google-button\", { clientId: googleClientId, handleAuthStateChange: this.handleAuthStateChange }))), facebookAppId && (h(\"div\", null, h(\"amplify-facebook-button\", { appId: facebookAppId, handleAuthStateChange: this.handleAuthStateChange }))), amazonClientId && (h(\"div\", null, h(\"amplify-amazon-button\", { clientId: amazonClientId, handleAuthStateChange: this.handleAuthStateChange }))), oauthConfig && (h(\"div\", null, h(\"amplify-oauth-button\", { config: oauthConfig }))), auth0Config && (h(\"div\", null, h(\"amplify-auth0-button\", { config: auth0Config, handleAuthStateChange: this.handleAuthStateChange })))));\n    };\n    return AmplifyFederatedButtons;\n}());\nvar amplifyStrikeCss = \".sc-amplify-strike-h{--color:var(--amplify-grey);--border-color:var(--amplify-light-grey);--content-background:var(--amplify-white);display:block;width:100%;text-align:center;border-bottom:1px solid var(--border-color);line-height:0.1em;margin:32px 0;color:var(--color)}.strike-content.sc-amplify-strike{background:var(--content-background);padding:0 25px;font-size:var(--amplify-text-sm);font-weight:500}\";\nvar AmplifyStrike = /** @class */ (function () {\n    function AmplifyStrike(hostRef) {\n        registerInstance(this, hostRef);\n    }\n    AmplifyStrike.prototype.render = function () {\n        return (h(\"span\", { class: \"strike-content\" }, h(\"slot\", null)));\n    };\n    return AmplifyStrike;\n}());\nAmplifyStrike.style = amplifyStrikeCss;\nexport { AmplifyFederatedButtons as amplify_federated_buttons, AmplifyStrike as amplify_strike };\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///./node_modules/@aws-amplify/ui-components/dist/esm-es5/amplify-federated-sign-in.entry.js"],"names":["logger","ConsoleLogger","AmplifyFederatedSignIn","hostRef","registerInstance","authState","AuthState","SignIn","federated","prototype","componentWillLoad","console","warn","Auth","configure","Error","NO_AUTH_MODULE_FOUND","_a","oauth","oauth_config","Object","assign","auth0","render","debug","values","includes","h"],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA,IAAIA,MAAM,GAAG,IAAIC,+DAAJ,CAAkB,2BAAlB,CAAb;;AACA,IAAIC,sBAAsB;AAAG;AAAe,YAAY;EACpD,SAASA,sBAAT,CAAgCC,OAAhC,EAAyC;IACrCC,4DAAgB,CAAC,IAAD,EAAOD,OAAP,CAAhBC;IACA;;IACA,KAAKC,SAAL,GAAiBC,yDAAS,CAACC,MAA3B;IACA;;IACA,KAAKC,SAAL,GAAiB,EAAjB;EACH;;EACDN,sBAAsB,CAACO,SAAvBP,CAAiCQ,iBAAjCR,GAAqD,YAAY;IAC7DS,OAAO,CAACC,IAARD,CAAa,kMAAbA;;IACA,IAAI,CAACE,sDAAD,IAAS,OAAOA,sDAAI,CAACC,SAAZ,KAA0B,UAAvC,EAAmD;MAC/C,MAAM,IAAIC,KAAJ,CAAUC,wDAAV,CAAN;IACH;;IACD,IAAIC,EAAE,GAAGJ,sDAAI,CAACC,SAALD,GAAiBK,KAA1B;IAAA,IAAiCA,KAAK,GAAGD,EAAE,KAAK,KAAK,CAAZA,GAAgB,EAAhBA,GAAqBA,EAA9D,CAL6D,CAM7D;;IACA,IAAIC,KAAK,CAAC,QAAD,CAAT,EAAqB;MACjB,KAAKV,SAAL,CAAeW,YAAf,GAA8BC,MAAM,CAACC,MAAPD,CAAcA,MAAM,CAACC,MAAPD,CAAc,EAAdA,EAAkB,KAAKZ,SAAL,CAAeW,YAAjCC,CAAdA,EAA8DF,KAA9DE,CAA9B;IADJ,OAGK,IAAIF,KAAK,CAAC,YAAD,CAAT,EAAyB;MAC1B,KAAKV,SAAL,CAAeW,YAAf,GAA8BC,MAAM,CAACC,MAAPD,CAAcA,MAAM,CAACC,MAAPD,CAAc,EAAdA,EAAkB,KAAKZ,SAAL,CAAeW,YAAjCC,CAAdA,EAA8DF,KAAK,CAAC,YAAD,CAAnEE,CAA9B;IACH;;IACD,IAAIF,KAAK,CAAC,OAAD,CAAT,EAAoB;MAChB,KAAKV,SAAL,CAAec,KAAf,GAAuBF,MAAM,CAACC,MAAPD,CAAcA,MAAM,CAACC,MAAPD,CAAc,EAAdA,EAAkB,KAAKZ,SAAL,CAAec,KAAjCF,CAAdA,EAAuDF,KAAK,CAAC,OAAD,CAA5DE,CAAvB;IACH;EAfL;;EAiBAlB,sBAAsB,CAACO,SAAvBP,CAAiCqB,MAAjCrB,GAA0C,YAAY;IAClD,IAAI,CAAC,KAAKM,SAAV,EAAqB;MACjBR,MAAM,CAACwB,KAAPxB,CAAa,uCAAbA;MACAA,MAAM,CAACwB,KAAPxB,CAAa,qEAAbA;MACA,OAAO,IAAP;IACH;;IACD,IAAI,CAACoB,MAAM,CAACK,MAAPL,CAAcd,yDAAdc,EAAyBM,QAAzBN,CAAkC,KAAKf,SAAvCe,CAAL,EAAwD;MACpD,OAAO,IAAP;IACH;;IACDpB,MAAM,CAACwB,KAAPxB,CAAa,qBAAbA,EAAoC,KAAKQ,SAAzCR;IACA,OAAQ2B,4DAAC,CAAC,sBAAD,EAAyB;MAAE,aAAa;IAAf,CAAzB,EAAuEA,4DAAC,CAAC,iBAAD,EAAoB;MAAE,aAAa;IAAf,CAApB,EAAuEA,4DAAC,CAAC,2BAAD,EAA8B;MAAEtB,SAAS,EAAE,KAAKA,SAAlB;MAA6B,aAAa,2BAA1C;MAAuEG,SAAS,EAAE,KAAKA;IAAvF,CAA9B,CAAxE,CAAxE,CAAT;EAVJ;;EAYA,OAAON,sBAAP;AArCwC,GAA5C","file":"17.js","sourcesContent":["import { r as registerInstance, h } from './index-83f2275b.js';\nimport { ConsoleLogger } from '@aws-amplify/core';\nimport { A as AuthState } from './auth-types-78df304e.js';\nimport { Auth } from '@aws-amplify/auth';\nimport { N as NO_AUTH_MODULE_FOUND } from './constants-c8ecaa24.js';\nvar logger = new ConsoleLogger('amplify-federated-sign-in');\nvar AmplifyFederatedSignIn = /** @class */ (function () {\n    function AmplifyFederatedSignIn(hostRef) {\n        registerInstance(this, hostRef);\n        /** The current authentication state. */\n        this.authState = AuthState.SignIn;\n        /** Federated credentials & configuration. */\n        this.federated = {};\n    }\n    AmplifyFederatedSignIn.prototype.componentWillLoad = function () {\n        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.');\n        if (!Auth || typeof Auth.configure !== 'function') {\n            throw new Error(NO_AUTH_MODULE_FOUND);\n        }\n        var _a = Auth.configure().oauth, oauth = _a === void 0 ? {} : _a;\n        // backward compatibility\n        if (oauth['domain']) {\n            this.federated.oauth_config = Object.assign(Object.assign({}, this.federated.oauth_config), oauth);\n        }\n        else if (oauth['awsCognito']) {\n            this.federated.oauth_config = Object.assign(Object.assign({}, this.federated.oauth_config), oauth['awsCognito']);\n        }\n        if (oauth['auth0']) {\n            this.federated.auth0 = Object.assign(Object.assign({}, this.federated.auth0), oauth['auth0']);\n        }\n    };\n    AmplifyFederatedSignIn.prototype.render = function () {\n        if (!this.federated) {\n            logger.debug('federated prop is empty. show nothing');\n            logger.debug('federated={google_client_id: , facebook_app_id: , amazon_client_id}');\n            return null;\n        }\n        if (!Object.values(AuthState).includes(this.authState)) {\n            return null;\n        }\n        logger.debug('federated Config is', this.federated);\n        return (h(\"amplify-form-section\", { \"data-test\": \"federated-sign-in-section\" }, h(\"amplify-section\", { \"data-test\": \"federated-sign-in-body-section\" }, h(\"amplify-federated-buttons\", { authState: this.authState, \"data-test\": \"federated-sign-in-buttons\", federated: this.federated }))));\n    };\n    return AmplifyFederatedSignIn;\n}());\nexport { AmplifyFederatedSignIn as amplify_federated_sign_in };\n"],"sourceRoot":""}

package/dist/18.js

@@ -1,87 +1,277 @@
 (this["webpackJsonpaws_amplify_react"] = this["webpackJsonpaws_amplify_react"] || []).push([[18],{
 
-/***/ "../amplify-ui-components/dist/esm-es5/amplify-federated-sign-in.entry.js":
-/*!********************************************************************************!*\
-  !*** ../amplify-ui-components/dist/esm-es5/amplify-federated-sign-in.entry.js ***!
-  \********************************************************************************/
-/*! exports provided: amplify_federated_sign_in */
+/***/ "../amplify-ui-components/dist/esm-es5/amplify-form-field_4.entry.js":
+/*!***************************************************************************!*\
+  !*** ../amplify-ui-components/dist/esm-es5/amplify-form-field_4.entry.js ***!
+  \***************************************************************************/
+/*! exports provided: amplify_form_field, amplify_hint, amplify_input, amplify_label */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "amplify_federated_sign_in", function() { return AmplifyFederatedSignIn; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "amplify_form_field", function() { return AmplifyFormField; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "amplify_hint", function() { return AmplifyHint; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "amplify_input", function() { return AmplifyInput; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "amplify_label", function() { return AmplifyLabel; });
 /* 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 _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 _constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./constants-c8ecaa24.js */ "../amplify-ui-components/dist/esm-es5/constants-c8ecaa24.js");
+/* 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 _helpers_14fcb50c_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./helpers-14fcb50c.js */ "../amplify-ui-components/dist/esm-es5/helpers-14fcb50c.js");
 
 
 
 
 
-var logger = new _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["ConsoleLogger"]('amplify-federated-sign-in');
 
-var AmplifyFederatedSignIn =
+
+var amplifyFormFieldCss = "amplify-form-field{--label-font-size:var(--amplify-text-md);--description-font-size:var(--amplify-text-sm)}.form-field{margin-bottom:15px}.form-field-label{display:block;font-size:var(--label-font-size);padding-bottom:0.5em}.form-field-description{font-size:var(--description-font-size);padding-top:0.5em}";
+
+var AmplifyFormField =
 /** @class */
 function () {
-  function AmplifyFederatedSignIn(hostRef) {
+  function AmplifyFormField(hostRef) {
     Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
-    /** The current authentication state. */
+    /** The input type.  Can be any HTML input type. */
+
+    this.type = 'text';
+    /** The required flag in order to make an input required prior to submitting a form */
 
-    this.authState = _auth_types_78df304e_js__WEBPACK_IMPORTED_MODULE_2__["A"].SignIn;
-    /** Federated credentials & configuration. */
+    this.required = false;
+    /** (Optional) The placeholder for the input element.  Using hints is recommended, but placeholders can also be useful to convey information to users. */
 
-    this.federated = {};
+    this.placeholder = '';
   }
 
-  AmplifyFederatedSignIn.prototype.componentWillLoad = function () {
-    if (!_aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"] || typeof _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"].configure !== 'function') {
-      throw new Error(_constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_4__["N"]);
-    }
+  AmplifyFormField.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.');
+  };
 
-    var _a = _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"].configure().oauth,
-        oauth = _a === void 0 ? {} : _a; // backward compatibility
+  AmplifyFormField.prototype.render = function () {
+    return Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
+      "class": "form-field"
+    }, this.label && Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
+      "class": "form-field-label"
+    }, Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("amplify-label", {
+      htmlFor: this.fieldId
+    }, this.label)), this.description && Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
+      id: this.fieldId + "-description",
+      "class": "form-field-description",
+      "data-test": "form-field-description"
+    }, this.description), Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", null, Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", {
+      name: "input"
+    }, Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("amplify-input", {
+      fieldId: this.fieldId,
+      description: this.description,
+      type: this.type,
+      handleInputChange: this.handleInputChange,
+      placeholder: this.placeholder,
+      name: this.name,
+      value: this.value,
+      inputProps: this.inputProps,
+      disabled: this.disabled,
+      required: this.required
+    }))), this.hint && Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("amplify-hint", {
+      id: this.fieldId + "-hint"
+    }, this.hint));
+  };
 
-    if (oauth['domain']) {
-      this.federated.oauth_config = Object.assign(Object.assign({}, this.federated.oauth_config), oauth);
-    } else if (oauth['awsCognito']) {
-      this.federated.oauth_config = Object.assign(Object.assign({}, this.federated.oauth_config), oauth['awsCognito']);
-    }
+  return AmplifyFormField;
+}();
 
-    if (oauth['auth0']) {
-      this.federated.auth0 = Object.assign(Object.assign({}, this.federated.auth0), oauth['auth0']);
-    }
+AmplifyFormField.style = amplifyFormFieldCss;
+var amplifyHintCss = ":host{--color:var(--amplify-grey);--font-family:var(--amplify-font-family);--font-size:var(--amplify-text-xs);--font-weight:var(--amplify-font-weight)}.hint{color:var(--color);font-family:var(--font-family);font-weight:var(--font-weight);font-size:var(--font-size);margin-bottom:2.625rem}";
+
+var AmplifyHint =
+/** @class */
+function () {
+  function AmplifyHint(hostRef) {
+    Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
+  }
+
+  AmplifyHint.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.');
+  };
+
+  AmplifyHint.prototype.render = function () {
+    return Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
+      "class": "hint"
+    }, Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null));
   };
 
-  AmplifyFederatedSignIn.prototype.render = function () {
-    if (!this.federated) {
-      logger.debug('federated prop is empty. show nothing');
-      logger.debug('federated={google_client_id: , facebook_app_id: , amazon_client_id}');
-      return null;
+  return AmplifyHint;
+}();
+
+AmplifyHint.style = amplifyHintCss;
+var amplifyInputCss = "amplify-input{--color:var(--amplify-secondary-color);--background-color:var(--amplify-secondary-contrast);--border-color:var(--amplify-light-grey);--border-color-focus:var(--amplify-primary-color);--border:1px solid var(--border-color);--margin:0 0 0.625rem 0}[data-autocompleted]{background-color:#e8f0fe !important}.input-host{width:100%}.input{display:block;width:100%;padding:1rem;font-size:var(--amplify-text-sm);color:var(--color);background-color:var(--background-color);background-image:none;border:var(--border);border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:var(--margin);height:3.125rem;line-height:1.1;-webkit-box-shadow:none;box-shadow:none}.input:focus{outline:none;border-color:var(--border-color-focus)}.input:disabled{opacity:0.5}";
+
+var AmplifyInput =
+/** @class */
+function () {
+  function AmplifyInput(hostRef) {
+    Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
+    /** The input type.  Can be any HTML input type. */
+
+    this.type = 'text';
+    /** The callback, called when the input is modified by the user. */
+
+    this.handleInputChange = function () {
+      return void 0;
+    };
+    /** (Optional) The placeholder for the input element.  Using hints is recommended, but placeholders can also be useful to convey information to users. */
+
+
+    this.placeholder = '';
+    /** Whether the input is a required field */
+
+    this.required = false;
+    /** Whether the input has been autocompleted */
+
+    this.autoCompleted = false;
+  }
+  /**
+   * Sets the value of this input to the value in autofill input event.
+   */
+
+
+  AmplifyInput.prototype.setAutoCompleteValue = function (value) {
+    var input = this.el.querySelector('input');
+    if (!input) return;
+    input.value = value; // dispatch an input event from this element to the parent form
+
+    input.dispatchEvent(new Event('input'));
+    this.autoCompleted = true;
+  };
+  /**
+   * Checks if the target dummy input in `amplify-auth-container` is present have been autofilled.
+   * If so, we update this.value with the autofilled value.
+   */
+
+
+  AmplifyInput.prototype.checkAutoCompletion = function (targetInput) {
+    var _this = this;
+
+    if (!targetInput) return;
+
+    if (targetInput.value) {
+      // if value is already set, we set the value directly
+      this.setAutoCompleteValue(targetInput.value);
+    } else {
+      // if value is not set, we start listening for it
+      targetInput.addEventListener('input', function (e) {
+        var value = e.target.value;
+
+        _this.setAutoCompleteValue(value);
+      });
     }
+  };
+
+  AmplifyInput.prototype.disconnectedCallback = function () {
+    this.removeHubListener && this.removeHubListener(); // stop listening to `onAuthUIStateChange`
+  };
+
+  AmplifyInput.prototype.componentWillLoad = function () {
+    var _this = this;
+
+    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.'); // the below behaviors are only applicable if `amplify-input` is used by `amplify-authenticator`.
+
+    if (!Object(_helpers_14fcb50c_js__WEBPACK_IMPORTED_MODULE_6__["e"])('amplify-authenticator', this.el)) return;
+    this.removeHubListener = Object(_helpers_14fcb50c_js__WEBPACK_IMPORTED_MODULE_6__["o"])(function () {
+      /**
+       * When we're using slots, autofilled data will persist between different authState,
+       * even though input events are not triggered. This ends up in parent components
+       * not picking up input values. For now, we're emptying the input on authState change
+       * which is the existing behavior.
+       */
+      var input = _this.el.querySelector('input');
+
+      if (input) input.value = '';
+      _this.autoCompleted = false;
+    });
+  };
+
+  AmplifyInput.prototype.componentDidLoad = function () {
+    // no-op if this field already has been autofilled or already has an value
+    if (this.autoCompleted || this.value) return;
+    if (/Firefox/.test(navigator.userAgent)) return; // firefox autofill works
+
+    var container = Object(_helpers_14fcb50c_js__WEBPACK_IMPORTED_MODULE_6__["e"])('amplify-auth-container', this.el);
+    var signIn = Object(_helpers_14fcb50c_js__WEBPACK_IMPORTED_MODULE_6__["e"])('amplify-sign-in', this.el); // only autocomplete if `amplify-auth-container` is present and input is under `sign-in`.
 
-    if (!Object.values(_auth_types_78df304e_js__WEBPACK_IMPORTED_MODULE_2__["A"]).includes(this.authState)) {
-      return null;
+    if (!container || !signIn) return;
+    var username = container.querySelector("input[name='username']");
+    var password = container.querySelector("input[name='password']");
+
+    if (this.name === 'username' || this.name === 'email' || this.name === 'phone') {
+      this.checkAutoCompletion(username);
+    } else if (this.name === 'password') {
+      this.checkAutoCompletion(password);
     }
+  };
+
+  AmplifyInput.prototype.render = function () {
+    var _this = this;
+
+    return Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["H"], {
+      "class": "input-host"
+    }, Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("input", Object.assign({
+      id: this.fieldId,
+      "aria-describedby": this.fieldId && this.description ? this.fieldId + "-description" : null,
+      "data-autocompleted": this.autoCompleted,
+      type: this.type,
+      onInput: function onInput(event) {
+        _this.autoCompleted = false;
+
+        _this.handleInputChange(event);
+      },
+      placeholder: this.placeholder,
+      name: this.name,
+      "class": "input",
+      value: this.value,
+      disabled: this.disabled,
+      required: this.required
+    }, this.inputProps)));
+  };
+
+  Object.defineProperty(AmplifyInput.prototype, "el", {
+    get: function get() {
+      return Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["g"])(this);
+    },
+    enumerable: false,
+    configurable: true
+  });
+  return AmplifyInput;
+}();
+
+AmplifyInput.style = amplifyInputCss;
+var amplifyLabelCss = ":host{--label-color:var(--amplify-secondary-color)}.label{color:var(--label-color);font-size:var(--amplify-text-sm);margin-bottom:16px}";
+
+var AmplifyLabel =
+/** @class */
+function () {
+  function AmplifyLabel(hostRef) {
+    Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
+  }
+
+  AmplifyLabel.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.');
+  };
 
-    logger.debug('federated Config is', this.federated);
-    return Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("amplify-form-section", {
-      "data-test": "federated-sign-in-section"
-    }, Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("amplify-section", {
-      "data-test": "federated-sign-in-body-section"
-    }, Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("amplify-federated-buttons", {
-      authState: this.authState,
-      "data-test": "federated-sign-in-buttons",
-      federated: this.federated
-    })));
+  AmplifyLabel.prototype.render = function () {
+    return Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("label", {
+      "class": "label",
+      htmlFor: this.htmlFor
+    }, Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null));
   };
 
-  return AmplifyFederatedSignIn;
+  return AmplifyLabel;
 }();
 
+AmplifyLabel.style = amplifyLabelCss;
 
 
 /***/ })

package/dist/18.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///./node_modules/@aws-amplify/ui-components/dist/esm-es5/amplify-federated-sign-in.entry.js"],"names":["logger","AmplifyFederatedSignIn","registerInstance","AuthState","Auth","_a","oauth","Object","h","authState","federated"],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA,IAAIA,MAAM,GAAG,oEAAb,2BAAa,CAAb;;AACA,IAAIC,sBAAsB;AAAG;AAAe,YAAY;AACpD,2CAAyC;AACrCC,gEAAgB,OAAhBA,OAAgB,CAAhBA;AACA;;AACA,qBAAiBC,yDAAS,CAA1B;AACA;;AACA;AACH;;AACDF,wBAAsB,CAAtBA,8BAAqD,YAAY;AAC7D,QAAI,2DAAS,OAAOG,sDAAI,CAAX,cAAb,YAAmD;AAC/C,YAAM,UAAN,wDAAM,CAAN;AACH;;AACD,QAAIC,EAAE,GAAGD,sDAAI,CAAJA,YAAT;AAAA,QAAiCE,KAAK,GAAGD,EAAE,KAAK,KAAPA,SAJoB,EAI7D,CAJ6D,CAK7D;;AACA,QAAIC,KAAK,CAAT,QAAS,CAAT,EAAqB;AACjB,oCAA8BC,MAAM,CAANA,OAAcA,MAAM,CAANA,WAAkB,eAAhCA,YAAcA,CAAdA,EAA9B,KAA8BA,CAA9B;AADJ,WAGK,IAAID,KAAK,CAAT,YAAS,CAAT,EAAyB;AAC1B,oCAA8BC,MAAM,CAANA,OAAcA,MAAM,CAANA,WAAkB,eAAhCA,YAAcA,CAAdA,EAA8DD,KAAK,CAAjG,YAAiG,CAAnEC,CAA9B;AACH;;AACD,QAAID,KAAK,CAAT,OAAS,CAAT,EAAoB;AAChB,6BAAuBC,MAAM,CAANA,OAAcA,MAAM,CAANA,WAAkB,eAAhCA,KAAcA,CAAdA,EAAuDD,KAAK,CAAnF,OAAmF,CAA5DC,CAAvB;AACH;AAdLN;;AAgBAA,wBAAsB,CAAtBA,mBAA0C,YAAY;AAClD,QAAI,CAAC,KAAL,WAAqB;AACjBD,YAAM,CAANA;AACAA,YAAM,CAANA;AACA;AACH;;AACD,QAAI,CAACO,MAAM,CAANA,2EAAkC,KAAvC,SAAKA,CAAL,EAAwD;AACpD;AACH;;AACDP,UAAM,CAANA,6BAAoC,KAApCA;AACA,WAAQQ,4DAAC,yBAAyB;AAAE,mBAAa;AAAf,KAAzB,EAAuEA,4DAAC,oBAAoB;AAAE,mBAAa;AAAf,KAApB,EAAuEA,4DAAC,8BAA8B;AAAEC,eAAS,EAAE,KAAb;AAA6B,mBAA7B;AAAuEC,eAAS,EAAE,KAAKA;AAAvF,KAA9B,CAAxE,CAAxE,CAAT;AAVJT;;AAYA;AApCJ,CAA4C,EAA5C","file":"18.js","sourcesContent":["import { r as registerInstance, h } from './index-83f2275b.js';\nimport { ConsoleLogger } from '@aws-amplify/core';\nimport { A as AuthState } from './auth-types-78df304e.js';\nimport { Auth } from '@aws-amplify/auth';\nimport { N as NO_AUTH_MODULE_FOUND } from './constants-c8ecaa24.js';\nvar logger = new ConsoleLogger('amplify-federated-sign-in');\nvar AmplifyFederatedSignIn = /** @class */ (function () {\n    function AmplifyFederatedSignIn(hostRef) {\n        registerInstance(this, hostRef);\n        /** The current authentication state. */\n        this.authState = AuthState.SignIn;\n        /** Federated credentials & configuration. */\n        this.federated = {};\n    }\n    AmplifyFederatedSignIn.prototype.componentWillLoad = function () {\n        if (!Auth || typeof Auth.configure !== 'function') {\n            throw new Error(NO_AUTH_MODULE_FOUND);\n        }\n        var _a = Auth.configure().oauth, oauth = _a === void 0 ? {} : _a;\n        // backward compatibility\n        if (oauth['domain']) {\n            this.federated.oauth_config = Object.assign(Object.assign({}, this.federated.oauth_config), oauth);\n        }\n        else if (oauth['awsCognito']) {\n            this.federated.oauth_config = Object.assign(Object.assign({}, this.federated.oauth_config), oauth['awsCognito']);\n        }\n        if (oauth['auth0']) {\n            this.federated.auth0 = Object.assign(Object.assign({}, this.federated.auth0), oauth['auth0']);\n        }\n    };\n    AmplifyFederatedSignIn.prototype.render = function () {\n        if (!this.federated) {\n            logger.debug('federated prop is empty. show nothing');\n            logger.debug('federated={google_client_id: , facebook_app_id: , amazon_client_id}');\n            return null;\n        }\n        if (!Object.values(AuthState).includes(this.authState)) {\n            return null;\n        }\n        logger.debug('federated Config is', this.federated);\n        return (h(\"amplify-form-section\", { \"data-test\": \"federated-sign-in-section\" }, h(\"amplify-section\", { \"data-test\": \"federated-sign-in-body-section\" }, h(\"amplify-federated-buttons\", { authState: this.authState, \"data-test\": \"federated-sign-in-buttons\", federated: this.federated }))));\n    };\n    return AmplifyFederatedSignIn;\n}());\nexport { AmplifyFederatedSignIn as amplify_federated_sign_in };\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///./node_modules/@aws-amplify/ui-components/dist/esm-es5/amplify-form-field_4.entry.js"],"names":["amplifyFormFieldCss","AmplifyFormField","hostRef","registerInstance","type","required","placeholder","prototype","componentWillLoad","console","warn","render","h","label","htmlFor","fieldId","description","id","name","handleInputChange","value","inputProps","disabled","hint","style","amplifyHintCss","AmplifyHint","amplifyInputCss","AmplifyInput","autoCompleted","setAutoCompleteValue","input","el","querySelector","dispatchEvent","Event","checkAutoCompletion","targetInput","_this","addEventListener","e","target","disconnectedCallback","removeHubListener","closestElement","onAuthUIStateChange","componentDidLoad","test","navigator","userAgent","container","signIn","username","password","Host","Object","assign","onInput","event","defineProperty","get","getElement","enumerable","configurable","amplifyLabelCss","AmplifyLabel"],"mappings":"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","file":"18.js","sourcesContent":["import { r as registerInstance, h, H as Host, g as getElement } from './index-83f2275b.js';\nimport '@aws-amplify/core';\nimport './auth-types-78df304e.js';\nimport '@aws-amplify/auth';\nimport './Translations-108d469f.js';\nimport './constants-c8ecaa24.js';\nimport { e as closestElement, o as onAuthUIStateChange } from './helpers-14fcb50c.js';\nvar amplifyFormFieldCss = \"amplify-form-field{--label-font-size:var(--amplify-text-md);--description-font-size:var(--amplify-text-sm)}.form-field{margin-bottom:15px}.form-field-label{display:block;font-size:var(--label-font-size);padding-bottom:0.5em}.form-field-description{font-size:var(--description-font-size);padding-top:0.5em}\";\nvar AmplifyFormField = /** @class */ (function () {\n    function AmplifyFormField(hostRef) {\n        registerInstance(this, hostRef);\n        /** The input type.  Can be any HTML input type. */\n        this.type = 'text';\n        /** The required flag in order to make an input required prior to submitting a form */\n        this.required = false;\n        /** (Optional) The placeholder for the input element.  Using hints is recommended, but placeholders can also be useful to convey information to users. */\n        this.placeholder = '';\n    }\n    AmplifyFormField.prototype.componentWillLoad = function () {\n        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.');\n    };\n    AmplifyFormField.prototype.render = function () {\n        return (h(\"div\", { class: \"form-field\" }, this.label && (h(\"div\", { class: \"form-field-label\" }, h(\"amplify-label\", { htmlFor: this.fieldId }, this.label))), this.description && (h(\"div\", { id: this.fieldId + \"-description\", class: \"form-field-description\", \"data-test\": \"form-field-description\" }, this.description)), h(\"div\", null, h(\"slot\", { name: \"input\" }, h(\"amplify-input\", { fieldId: this.fieldId, description: this.description, type: this.type, handleInputChange: this.handleInputChange, placeholder: this.placeholder, name: this.name, value: this.value, inputProps: this.inputProps, disabled: this.disabled, required: this.required }))), this.hint && (h(\"amplify-hint\", { id: this.fieldId + \"-hint\" }, this.hint))));\n    };\n    return AmplifyFormField;\n}());\nAmplifyFormField.style = amplifyFormFieldCss;\nvar amplifyHintCss = \":host{--color:var(--amplify-grey);--font-family:var(--amplify-font-family);--font-size:var(--amplify-text-xs);--font-weight:var(--amplify-font-weight)}.hint{color:var(--color);font-family:var(--font-family);font-weight:var(--font-weight);font-size:var(--font-size);margin-bottom:2.625rem}\";\nvar AmplifyHint = /** @class */ (function () {\n    function AmplifyHint(hostRef) {\n        registerInstance(this, hostRef);\n    }\n    AmplifyHint.prototype.componentWillLoad = function () {\n        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.');\n    };\n    AmplifyHint.prototype.render = function () {\n        return (h(\"div\", { class: \"hint\" }, h(\"slot\", null)));\n    };\n    return AmplifyHint;\n}());\nAmplifyHint.style = amplifyHintCss;\nvar amplifyInputCss = \"amplify-input{--color:var(--amplify-secondary-color);--background-color:var(--amplify-secondary-contrast);--border-color:var(--amplify-light-grey);--border-color-focus:var(--amplify-primary-color);--border:1px solid var(--border-color);--margin:0 0 0.625rem 0}[data-autocompleted]{background-color:#e8f0fe !important}.input-host{width:100%}.input{display:block;width:100%;padding:1rem;font-size:var(--amplify-text-sm);color:var(--color);background-color:var(--background-color);background-image:none;border:var(--border);border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:var(--margin);height:3.125rem;line-height:1.1;-webkit-box-shadow:none;box-shadow:none}.input:focus{outline:none;border-color:var(--border-color-focus)}.input:disabled{opacity:0.5}\";\nvar AmplifyInput = /** @class */ (function () {\n    function AmplifyInput(hostRef) {\n        registerInstance(this, hostRef);\n        /** The input type.  Can be any HTML input type. */\n        this.type = 'text';\n        /** The callback, called when the input is modified by the user. */\n        this.handleInputChange = function () { return void 0; };\n        /** (Optional) The placeholder for the input element.  Using hints is recommended, but placeholders can also be useful to convey information to users. */\n        this.placeholder = '';\n        /** Whether the input is a required field */\n        this.required = false;\n        /** Whether the input has been autocompleted */\n        this.autoCompleted = false;\n    }\n    /**\n     * Sets the value of this input to the value in autofill input event.\n     */\n    AmplifyInput.prototype.setAutoCompleteValue = function (value) {\n        var input = this.el.querySelector('input');\n        if (!input)\n            return;\n        input.value = value;\n        // dispatch an input event from this element to the parent form\n        input.dispatchEvent(new Event('input'));\n        this.autoCompleted = true;\n    };\n    /**\n     * Checks if the target dummy input in `amplify-auth-container` is present have been autofilled.\n     * If so, we update this.value with the autofilled value.\n     */\n    AmplifyInput.prototype.checkAutoCompletion = function (targetInput) {\n        var _this = this;\n        if (!targetInput)\n            return;\n        if (targetInput.value) {\n            // if value is already set, we set the value directly\n            this.setAutoCompleteValue(targetInput.value);\n        }\n        else {\n            // if value is not set, we start listening for it\n            targetInput.addEventListener('input', function (e) {\n                var value = e.target.value;\n                _this.setAutoCompleteValue(value);\n            });\n        }\n    };\n    AmplifyInput.prototype.disconnectedCallback = function () {\n        this.removeHubListener && this.removeHubListener(); // stop listening to `onAuthUIStateChange`\n    };\n    AmplifyInput.prototype.componentWillLoad = function () {\n        var _this = this;\n        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.');\n        // the below behaviors are only applicable if `amplify-input` is used by `amplify-authenticator`.\n        if (!closestElement('amplify-authenticator', this.el))\n            return;\n        this.removeHubListener = onAuthUIStateChange(function () {\n            /**\n             * When we're using slots, autofilled data will persist between different authState,\n             * even though input events are not triggered. This ends up in parent components\n             * not picking up input values. For now, we're emptying the input on authState change\n             * which is the existing behavior.\n             */\n            var input = _this.el.querySelector('input');\n            if (input)\n                input.value = '';\n            _this.autoCompleted = false;\n        });\n    };\n    AmplifyInput.prototype.componentDidLoad = function () {\n        // no-op if this field already has been autofilled or already has an value\n        if (this.autoCompleted || this.value)\n            return;\n        if (/Firefox/.test(navigator.userAgent))\n            return; // firefox autofill works\n        var container = closestElement('amplify-auth-container', this.el);\n        var signIn = closestElement('amplify-sign-in', this.el);\n        // only autocomplete if `amplify-auth-container` is present and input is under `sign-in`.\n        if (!container || !signIn)\n            return;\n        var username = container.querySelector(\"input[name='username']\");\n        var password = container.querySelector(\"input[name='password']\");\n        if (this.name === 'username' ||\n            this.name === 'email' ||\n            this.name === 'phone') {\n            this.checkAutoCompletion(username);\n        }\n        else if (this.name === 'password') {\n            this.checkAutoCompletion(password);\n        }\n    };\n    AmplifyInput.prototype.render = function () {\n        var _this = this;\n        return (h(Host, { class: \"input-host\" }, h(\"input\", Object.assign({ id: this.fieldId, \"aria-describedby\": this.fieldId && this.description\n                ? this.fieldId + \"-description\"\n                : null, \"data-autocompleted\": this.autoCompleted, type: this.type, onInput: function (event) {\n                _this.autoCompleted = false;\n                _this.handleInputChange(event);\n            }, placeholder: this.placeholder, name: this.name, class: \"input\", value: this.value, disabled: this.disabled, required: this.required }, this.inputProps))));\n    };\n    Object.defineProperty(AmplifyInput.prototype, \"el\", {\n        get: function () { return getElement(this); },\n        enumerable: false,\n        configurable: true\n    });\n    return AmplifyInput;\n}());\nAmplifyInput.style = amplifyInputCss;\nvar amplifyLabelCss = \":host{--label-color:var(--amplify-secondary-color)}.label{color:var(--label-color);font-size:var(--amplify-text-sm);margin-bottom:16px}\";\nvar AmplifyLabel = /** @class */ (function () {\n    function AmplifyLabel(hostRef) {\n        registerInstance(this, hostRef);\n    }\n    AmplifyLabel.prototype.componentWillLoad = function () {\n        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.');\n    };\n    AmplifyLabel.prototype.render = function () {\n        return (h(\"label\", { class: \"label\", htmlFor: this.htmlFor }, h(\"slot\", null)));\n    };\n    return AmplifyLabel;\n}());\nAmplifyLabel.style = amplifyLabelCss;\nexport { AmplifyFormField as amplify_form_field, AmplifyHint as amplify_hint, AmplifyInput as amplify_input, AmplifyLabel as amplify_label };\n"],"sourceRoot":""}