@aws-amplify/ui-angular 2.3.0 → 2.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/aws-amplify-ui-angular.d.ts +24 -24
- package/aws-amplify-ui-angular.metadata.json +1 -1
- package/bundles/aws-amplify-ui-angular.umd.js +110 -324
- package/bundles/aws-amplify-ui-angular.umd.js.map +1 -1
- package/bundles/aws-amplify-ui-angular.umd.min.js +1 -1
- package/bundles/aws-amplify-ui-angular.umd.min.js.map +1 -1
- package/esm2015/aws-amplify-ui-angular.js +25 -25
- package/esm2015/lib/common/helpers.js +3 -3
- package/esm2015/lib/common/types/auth-types.js +1 -1
- package/esm2015/lib/components/authenticator/authenticator.module.js +3 -3
- package/esm2015/lib/components/authenticator/components/base-form-fields/base-form-fields.component.js +54 -0
- package/esm2015/lib/components/authenticator/components/confirm-reset-password/amplify-confirm-reset-password.component.js +3 -15
- package/esm2015/lib/components/authenticator/components/confirm-sign-in/confirm-sign-in.component.js +3 -13
- package/esm2015/lib/components/authenticator/components/confirm-sign-up/confirm-sign-up.component.js +3 -15
- package/esm2015/lib/components/authenticator/components/confirm-verify-user/amplify-confirm-verify-user.component.js +3 -15
- package/esm2015/lib/components/authenticator/components/force-new-password/force-new-password-form-fields/force-new-password-form-fields.component.js +2 -22
- package/esm2015/lib/components/authenticator/components/force-new-password/force-new-password.component.js +3 -15
- package/esm2015/lib/components/authenticator/components/form-field/form-field.component.js +12 -67
- package/esm2015/lib/components/authenticator/components/index.js +2 -2
- package/esm2015/lib/components/authenticator/components/reset-password/reset-password.component.js +3 -19
- package/esm2015/lib/components/authenticator/components/setup-totp/setup-totp.component.js +3 -13
- package/esm2015/lib/components/authenticator/components/sign-in/sign-in.component.js +3 -21
- package/esm2015/lib/components/authenticator/components/sign-up/sign-up-form-fields/sign-up-form-fields.component.js +2 -50
- package/fesm2015/aws-amplify-ui-angular.js +75 -283
- package/fesm2015/aws-amplify-ui-angular.js.map +1 -1
- package/lib/common/types/auth-types.d.ts +2 -2
- package/lib/components/authenticator/components/base-form-fields/base-form-fields.component.d.ts +15 -0
- package/lib/components/authenticator/components/confirm-reset-password/amplify-confirm-reset-password.component.d.ts +3 -7
- package/lib/components/authenticator/components/confirm-sign-in/confirm-sign-in.component.d.ts +2 -4
- package/lib/components/authenticator/components/confirm-sign-up/confirm-sign-up.component.d.ts +3 -7
- package/lib/components/authenticator/components/confirm-verify-user/amplify-confirm-verify-user.component.d.ts +3 -7
- package/lib/components/authenticator/components/force-new-password/force-new-password-form-fields/force-new-password-form-fields.component.d.ts +1 -7
- package/lib/components/authenticator/components/force-new-password/force-new-password.component.d.ts +1 -7
- package/lib/components/authenticator/components/form-field/form-field.component.d.ts +5 -29
- package/lib/components/authenticator/components/index.d.ts +1 -1
- package/lib/components/authenticator/components/reset-password/reset-password.component.d.ts +3 -8
- package/lib/components/authenticator/components/setup-totp/setup-totp.component.d.ts +3 -4
- package/lib/components/authenticator/components/sign-in/sign-in.component.d.ts +3 -10
- package/lib/components/authenticator/components/sign-up/sign-up-form-fields/sign-up-form-fields.component.d.ts +1 -19
- package/package.json +7 -2
- package/esm2015/lib/components/authenticator/components/user-name-alias/user-name-alias.component.js +0 -42
- package/lib/components/authenticator/components/user-name-alias/user-name-alias.component.d.ts +0 -21
|
@@ -1,79 +1,33 @@
|
|
|
1
1
|
import { Component, Input } from '@angular/core';
|
|
2
|
-
import {
|
|
3
|
-
import { getAttributeMap } from '../../../../common';
|
|
2
|
+
import { translate, countryDialCodes, getErrors, } from '@aws-amplify/ui';
|
|
4
3
|
import { AuthenticatorService } from '../../../../services/authenticator.service';
|
|
5
|
-
/**
|
|
6
|
-
* Input interface opinionated for authenticator usage.
|
|
7
|
-
*
|
|
8
|
-
* TODO: Separate this component out to two parts -- 1) amplify-auth-input that
|
|
9
|
-
* contains authenticator opinionated logic and 2) amplify-text-field primitive
|
|
10
|
-
* that does not make any auth-related inference.
|
|
11
|
-
*/
|
|
12
4
|
export class FormFieldComponent {
|
|
13
5
|
constructor(authenticator) {
|
|
14
6
|
this.authenticator = authenticator;
|
|
15
|
-
this.required = true;
|
|
16
|
-
this.placeholder = '';
|
|
17
|
-
this.label = '';
|
|
18
|
-
this.initialValue = '';
|
|
19
|
-
this.disabled = false;
|
|
20
|
-
this.autocomplete = '';
|
|
21
|
-
this.labelHidden = true;
|
|
22
7
|
this.countryDialCodesValue = countryDialCodes;
|
|
23
8
|
}
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
if (this.isPhoneField()) {
|
|
28
|
-
const state = this.authenticator.authState;
|
|
29
|
-
const { country_code } = getActorContext(state);
|
|
30
|
-
this.defaultCountryCodeValue = (_a = this.defaultCountryCode) !== null && _a !== void 0 ? _a : country_code;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
get attributeMap() {
|
|
34
|
-
return getAttributeMap();
|
|
35
|
-
}
|
|
36
|
-
get error() {
|
|
37
|
-
const formContext = getActorContext(this.authenticator.authState);
|
|
38
|
-
const { validationError } = formContext;
|
|
39
|
-
return translate(validationError[this.name]);
|
|
9
|
+
get errors() {
|
|
10
|
+
const { validationErrors } = this.authenticator;
|
|
11
|
+
return getErrors(validationErrors[this.name]);
|
|
40
12
|
}
|
|
41
13
|
onBlur($event) {
|
|
42
14
|
let { name } = $event.target;
|
|
43
15
|
this.authenticator.updateBlur({ name });
|
|
44
16
|
}
|
|
45
|
-
inferLabel() {
|
|
46
|
-
var _a;
|
|
47
|
-
const label = this.label || ((_a = this.attributeMap[this.name]) === null || _a === void 0 ? void 0 : _a.label);
|
|
48
|
-
return translate(label);
|
|
49
|
-
}
|
|
50
|
-
inferPlaceholder() {
|
|
51
|
-
var _a;
|
|
52
|
-
const placeholder = this.placeholder || ((_a = this.attributeMap[this.name]) === null || _a === void 0 ? void 0 : _a.placeholder) ||
|
|
53
|
-
this.inferLabel();
|
|
54
|
-
return translate(placeholder);
|
|
55
|
-
}
|
|
56
|
-
// infers what the `type` of underlying input element should be.
|
|
57
|
-
inferType() {
|
|
58
|
-
var _a, _b, _c;
|
|
59
|
-
return (_c = (_a = this.type) !== null && _a !== void 0 ? _a : (_b = this.attributeMap[this.name]) === null || _b === void 0 ? void 0 : _b.type) !== null && _c !== void 0 ? _c : 'text';
|
|
60
|
-
}
|
|
61
|
-
inferAutocomplete() {
|
|
62
|
-
var _a;
|
|
63
|
-
return this.autocomplete || ((_a = this.attributeMap[this.name]) === null || _a === void 0 ? void 0 : _a.autocomplete);
|
|
64
|
-
}
|
|
65
|
-
// TODO(enhancement): use enum to differentiate special field types
|
|
66
17
|
isPasswordField() {
|
|
67
|
-
return this.
|
|
18
|
+
return this.formField.type === 'password';
|
|
68
19
|
}
|
|
69
20
|
isPhoneField() {
|
|
70
|
-
return this.
|
|
21
|
+
return this.formField.type === 'tel';
|
|
22
|
+
}
|
|
23
|
+
translate(phrase) {
|
|
24
|
+
return translate(phrase);
|
|
71
25
|
}
|
|
72
26
|
}
|
|
73
27
|
FormFieldComponent.decorators = [
|
|
74
28
|
{ type: Component, args: [{
|
|
75
29
|
selector: 'amplify-form-field',
|
|
76
|
-
template: "<div class=\"amplify-flex amplify-field\" style=\"flex-direction: column\">\n <!-- Country code field -->\n <amplify-phone-number-field\n *ngIf=\"isPhoneField()\"\n [
|
|
30
|
+
template: "<div class=\"amplify-flex amplify-field\" style=\"flex-direction: column\">\n <!-- Country code field -->\n <amplify-phone-number-field\n *ngIf=\"isPhoneField()\"\n [name]=\"name\"\n [label]=\"formField.label\"\n [defaultCountryCode]=\"formField.dialCode\"\n [dialCodeList]=\"formField.dialCodeList\"\n [placeholder]=\"formField.placeholder\"\n [required]=\"formField.isRequired\"\n [labelHidden]=\"formField.labelHidden\"\n [autocomplete]=\"formField.autocomplete\"\n type=\"tel\"\n ></amplify-phone-number-field>\n\n <amplify-password-field\n *ngIf=\"isPasswordField()\"\n [name]=\"name\"\n [label]=\"formField.label\"\n [placeholder]=\"formField.placeholder\"\n [required]=\"formField.isRequired\"\n [labelHidden]=\"formField.labelHidden\"\n [autocomplete]=\"formField.autocomplete\"\n (setBlur)=\"onBlur($event)\"\n ></amplify-password-field>\n\n <amplify-text-field\n *ngIf=\"!isPasswordField() && !isPhoneField()\"\n [name]=\"name\"\n [label]=\"formField.label\"\n [placeholder]=\"formField.placeholder\"\n [required]=\"formField.isRequired\"\n [labelHidden]=\"formField.labelHidden\"\n [autocomplete]=\"formField.autocomplete\"\n [type]=\"formField.type\"\n ></amplify-text-field>\n <div data-amplify-sign-up-errors *ngIf=\"errors?.length > 0\">\n <div\n class=\"amplify-text\"\n data-variation=\"error\"\n *ngFor=\"let error of errors\"\n >\n {{ translate(error) }}\n </div>\n </div>\n</div>\n"
|
|
77
31
|
},] }
|
|
78
32
|
];
|
|
79
33
|
FormFieldComponent.ctorParameters = () => [
|
|
@@ -81,15 +35,6 @@ FormFieldComponent.ctorParameters = () => [
|
|
|
81
35
|
];
|
|
82
36
|
FormFieldComponent.propDecorators = {
|
|
83
37
|
name: [{ type: Input }],
|
|
84
|
-
|
|
85
|
-
required: [{ type: Input }],
|
|
86
|
-
placeholder: [{ type: Input }],
|
|
87
|
-
label: [{ type: Input }],
|
|
88
|
-
initialValue: [{ type: Input }],
|
|
89
|
-
disabled: [{ type: Input }],
|
|
90
|
-
autocomplete: [{ type: Input }],
|
|
91
|
-
labelHidden: [{ type: Input }],
|
|
92
|
-
defaultCountryCode: [{ type: Input }],
|
|
93
|
-
dialCodeList: [{ type: Input }]
|
|
38
|
+
formField: [{ type: Input }]
|
|
94
39
|
};
|
|
95
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9hdXRoZW50aWNhdG9yL2NvbXBvbmVudHMvZm9ybS1maWVsZC9mb3JtLWZpZWxkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQ0wsU0FBUyxFQUNULGdCQUFnQixFQUVoQixTQUFTLEdBQ1YsTUFBTSxpQkFBaUIsQ0FBQztBQUN6QixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQU1sRixNQUFNLE9BQU8sa0JBQWtCO0lBTzdCLFlBQW9CLGFBQW1DO1FBQW5DLGtCQUFhLEdBQWIsYUFBYSxDQUFzQjtRQUZoRCwwQkFBcUIsR0FBRyxnQkFBZ0IsQ0FBQztJQUVVLENBQUM7SUFFM0QsSUFBSSxNQUFNO1FBQ1IsTUFBTSxFQUFFLGdCQUFnQixFQUFFLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztRQUNoRCxPQUFPLFNBQVMsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUNoRCxDQUFDO0lBRU0sTUFBTSxDQUFDLE1BQWE7UUFDekIsSUFBSSxFQUFFLElBQUksRUFBRSxHQUFxQixNQUFNLENBQUMsTUFBTSxDQUFDO1FBRS9DLElBQUksQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsZUFBZTtRQUNiLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEtBQUssVUFBVSxDQUFDO0lBQzVDLENBQUM7SUFFRCxZQUFZO1FBQ1YsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksS0FBSyxLQUFLLENBQUM7SUFDdkMsQ0FBQztJQUVELFNBQVMsQ0FBQyxNQUFjO1FBQ3RCLE9BQU8sU0FBUyxDQUFTLE1BQU0sQ0FBQyxDQUFDO0lBQ25DLENBQUM7OztZQWxDRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtnQkFDOUIseS9DQUEwQzthQUMzQzs7O1lBTFEsb0JBQW9COzs7bUJBTzFCLEtBQUs7d0JBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIHRyYW5zbGF0ZSxcbiAgY291bnRyeURpYWxDb2RlcyxcbiAgRm9ybUZpZWxkT3B0aW9ucyxcbiAgZ2V0RXJyb3JzLFxufSBmcm9tICdAYXdzLWFtcGxpZnkvdWknO1xuaW1wb3J0IHsgQXV0aGVudGljYXRvclNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlcy9hdXRoZW50aWNhdG9yLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhbXBsaWZ5LWZvcm0tZmllbGQnLFxuICB0ZW1wbGF0ZVVybDogJy4vZm9ybS1maWVsZC5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEZvcm1GaWVsZENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZzsgLy8gbmFtZSBvZiB0aGUgaW5wdXQgZmllbGRcbiAgQElucHV0KCkgZm9ybUZpZWxkOiBGb3JtRmllbGRPcHRpb25zOyAvLyBmb3JtIGZpZWxkIG9wdGlvbnMgZm9yIHRoaXMgZmllbGRcblxuICBwdWJsaWMgZGVmYXVsdENvdW50cnlDb2RlVmFsdWU6IHN0cmluZztcbiAgcHVibGljIGNvdW50cnlEaWFsQ29kZXNWYWx1ZSA9IGNvdW50cnlEaWFsQ29kZXM7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBhdXRoZW50aWNhdG9yOiBBdXRoZW50aWNhdG9yU2VydmljZSkge31cblxuICBnZXQgZXJyb3JzKCk6IHN0cmluZ1tdIHtcbiAgICBjb25zdCB7IHZhbGlkYXRpb25FcnJvcnMgfSA9IHRoaXMuYXV0aGVudGljYXRvcjtcbiAgICByZXR1cm4gZ2V0RXJyb3JzKHZhbGlkYXRpb25FcnJvcnNbdGhpcy5uYW1lXSk7XG4gIH1cblxuICBwdWJsaWMgb25CbHVyKCRldmVudDogRXZlbnQpIHtcbiAgICBsZXQgeyBuYW1lIH0gPSA8SFRNTElucHV0RWxlbWVudD4kZXZlbnQudGFyZ2V0O1xuXG4gICAgdGhpcy5hdXRoZW50aWNhdG9yLnVwZGF0ZUJsdXIoeyBuYW1lIH0pO1xuICB9XG5cbiAgaXNQYXNzd29yZEZpZWxkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmZvcm1GaWVsZC50eXBlID09PSAncGFzc3dvcmQnO1xuICB9XG5cbiAgaXNQaG9uZUZpZWxkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmZvcm1GaWVsZC50eXBlID09PSAndGVsJztcbiAgfVxuXG4gIHRyYW5zbGF0ZShwaHJhc2U6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRyYW5zbGF0ZTxzdHJpbmc+KHBocmFzZSk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -12,7 +12,7 @@ export { SetupTotpComponent } from './setup-totp/setup-totp.component';
|
|
|
12
12
|
export { SignInComponent } from './sign-in/sign-in.component';
|
|
13
13
|
export { SignUpComponent } from './sign-up/sign-up.component';
|
|
14
14
|
export { SignUpFormFieldsComponent } from './sign-up/sign-up-form-fields/sign-up-form-fields.component';
|
|
15
|
-
export { UserNameAliasComponent } from './user-name-alias/user-name-alias.component';
|
|
16
15
|
export { ForceNewPasswordFormFieldsComponent } from './force-new-password/force-new-password-form-fields/force-new-password-form-fields.component';
|
|
17
16
|
export { VerifyUserComponent } from './verify-user/verify-user.component';
|
|
18
|
-
|
|
17
|
+
export { BaseFormFieldsComponent } from './base-form-fields/base-form-fields.component';
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9hdXRoZW50aWNhdG9yL2NvbXBvbmVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDakYsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sbUVBQW1FLENBQUM7QUFDbEgsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDckYsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDckYsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sNkRBQTZELENBQUM7QUFDekcsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sK0RBQStELENBQUM7QUFDL0csT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDM0YsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDOUYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDdkUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDbkYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzlELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUM5RCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw2REFBNkQsQ0FBQztBQUN4RyxPQUFPLEVBQUUsbUNBQW1DLEVBQUUsTUFBTSw4RkFBOEYsQ0FBQztBQUNuSixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IEF1dGhlbnRpY2F0b3JDb21wb25lbnQgfSBmcm9tICcuL2F1dGhlbnRpY2F0b3IvYXV0aGVudGljYXRvci5jb21wb25lbnQnO1xuZXhwb3J0IHsgQ29uZmlybVJlc2V0UGFzc3dvcmRDb21wb25lbnQgfSBmcm9tICcuL2NvbmZpcm0tcmVzZXQtcGFzc3dvcmQvYW1wbGlmeS1jb25maXJtLXJlc2V0LXBhc3N3b3JkLmNvbXBvbmVudCc7XG5leHBvcnQgeyBDb25maXJtU2lnbkluQ29tcG9uZW50IH0gZnJvbSAnLi9jb25maXJtLXNpZ24taW4vY29uZmlybS1zaWduLWluLmNvbXBvbmVudCc7XG5leHBvcnQgeyBDb25maXJtU2lnblVwQ29tcG9uZW50IH0gZnJvbSAnLi9jb25maXJtLXNpZ24tdXAvY29uZmlybS1zaWduLXVwLmNvbXBvbmVudCc7XG5leHBvcnQgeyBDb25maXJtVmVyaWZ5VXNlckNvbXBvbmVudCB9IGZyb20gJy4vY29uZmlybS12ZXJpZnktdXNlci9hbXBsaWZ5LWNvbmZpcm0tdmVyaWZ5LXVzZXIuY29tcG9uZW50JztcbmV4cG9ydCB7IEZlZGVyYXRlZFNpZ25JbkJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vZmVkZXJhdGVkLXNpZ24taW4tYnV0dG9uL2ZlZGVyYXRlZC1zaWduLWluLWJ1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgRmVkZXJhdGVkU2lnbkluQ29tcG9uZW50IH0gZnJvbSAnLi9mZWRlcmF0ZWQtc2lnbi1pbi9mZWRlcmF0ZWQtc2lnbi1pbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgRm9yY2VOZXdQYXNzd29yZENvbXBvbmVudCB9IGZyb20gJy4vZm9yY2UtbmV3LXBhc3N3b3JkL2ZvcmNlLW5ldy1wYXNzd29yZC5jb21wb25lbnQnO1xuZXhwb3J0IHsgRm9ybUZpZWxkQ29tcG9uZW50IH0gZnJvbSAnLi9mb3JtLWZpZWxkL2Zvcm0tZmllbGQuY29tcG9uZW50JztcbmV4cG9ydCB7IFJlc2V0UGFzc3dvcmRDb21wb25lbnQgfSBmcm9tICcuL3Jlc2V0LXBhc3N3b3JkL3Jlc2V0LXBhc3N3b3JkLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTZXR1cFRvdHBDb21wb25lbnQgfSBmcm9tICcuL3NldHVwLXRvdHAvc2V0dXAtdG90cC5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2lnbkluQ29tcG9uZW50IH0gZnJvbSAnLi9zaWduLWluL3NpZ24taW4uY29tcG9uZW50JztcbmV4cG9ydCB7IFNpZ25VcENvbXBvbmVudCB9IGZyb20gJy4vc2lnbi11cC9zaWduLXVwLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTaWduVXBGb3JtRmllbGRzQ29tcG9uZW50IH0gZnJvbSAnLi9zaWduLXVwL3NpZ24tdXAtZm9ybS1maWVsZHMvc2lnbi11cC1mb3JtLWZpZWxkcy5jb21wb25lbnQnO1xuZXhwb3J0IHsgRm9yY2VOZXdQYXNzd29yZEZvcm1GaWVsZHNDb21wb25lbnQgfSBmcm9tICcuL2ZvcmNlLW5ldy1wYXNzd29yZC9mb3JjZS1uZXctcGFzc3dvcmQtZm9ybS1maWVsZHMvZm9yY2UtbmV3LXBhc3N3b3JkLWZvcm0tZmllbGRzLmNvbXBvbmVudCc7XG5leHBvcnQgeyBWZXJpZnlVc2VyQ29tcG9uZW50IH0gZnJvbSAnLi92ZXJpZnktdXNlci92ZXJpZnktdXNlci5jb21wb25lbnQnO1xuZXhwb3J0IHsgQmFzZUZvcm1GaWVsZHNDb21wb25lbnQgfSBmcm9tICcuL2Jhc2UtZm9ybS1maWVsZHMvYmFzZS1mb3JtLWZpZWxkcy5jb21wb25lbnQnO1xuIl19
|
package/esm2015/lib/components/authenticator/components/reset-password/reset-password.component.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Component, HostBinding, Input } from '@angular/core';
|
|
2
2
|
import { AuthenticatorService } from '../../../../services/authenticator.service';
|
|
3
|
-
import {
|
|
3
|
+
import { getFormDataFromEvent, translate, } from '@aws-amplify/ui';
|
|
4
4
|
export class ResetPasswordComponent {
|
|
5
5
|
constructor(authenticator) {
|
|
6
6
|
this.authenticator = authenticator;
|
|
@@ -9,22 +9,6 @@ export class ResetPasswordComponent {
|
|
|
9
9
|
// translated texts
|
|
10
10
|
this.sendCodeText = translate('Send Code');
|
|
11
11
|
this.backToSignInText = translate('Back to Sign In');
|
|
12
|
-
this.labelText = translate('Username');
|
|
13
|
-
}
|
|
14
|
-
ngOnInit() {
|
|
15
|
-
const { authState } = this.authenticator;
|
|
16
|
-
const { label } = getAliasInfoFromContext(authState.context);
|
|
17
|
-
this.labelText = `Enter your ${label.toLowerCase()}`;
|
|
18
|
-
this.setFormFields();
|
|
19
|
-
}
|
|
20
|
-
setFormFields() {
|
|
21
|
-
var _a, _b;
|
|
22
|
-
const _state = this.authenticator.authState;
|
|
23
|
-
this.formOverrides = (_b = (_a = getActorState(_state).context) === null || _a === void 0 ? void 0 : _a.formFields) === null || _b === void 0 ? void 0 : _b.resetPassword;
|
|
24
|
-
}
|
|
25
|
-
grabField(name, field, defaultV) {
|
|
26
|
-
var _a, _b, _c;
|
|
27
|
-
return (_c = (_b = (_a = this.formOverrides) === null || _a === void 0 ? void 0 : _a[name]) === null || _b === void 0 ? void 0 : _b[field]) !== null && _c !== void 0 ? _c : defaultV;
|
|
28
12
|
}
|
|
29
13
|
get context() {
|
|
30
14
|
return this.authenticator.slotContext;
|
|
@@ -42,7 +26,7 @@ export class ResetPasswordComponent {
|
|
|
42
26
|
ResetPasswordComponent.decorators = [
|
|
43
27
|
{ type: Component, args: [{
|
|
44
28
|
selector: 'amplify-reset-password',
|
|
45
|
-
template: "<form data-amplify-form (submit)=\"onSubmit($event)\" (input)=\"onInput($event)\">\n <fieldset\n class=\"amplify-flex\"\n style=\"flex-direction: column\"\n data-amplify-fieldset\n [disabled]=\"authenticator.isPending\"\n >\n <amplify-slot\n class=\"amplify-flex\"\n name=\"reset-password-header\"\n [context]=\"context\"\n >\n <h3 class=\"amplify-heading\">{{ this.headerText }}</h3>\n </amplify-slot>\n\n <amplify-form-
|
|
29
|
+
template: "<form data-amplify-form (submit)=\"onSubmit($event)\" (input)=\"onInput($event)\">\n <fieldset\n class=\"amplify-flex\"\n style=\"flex-direction: column\"\n data-amplify-fieldset\n [disabled]=\"authenticator.isPending\"\n >\n <amplify-slot\n class=\"amplify-flex\"\n name=\"reset-password-header\"\n [context]=\"context\"\n >\n <h3 class=\"amplify-heading\">{{ this.headerText }}</h3>\n </amplify-slot>\n\n <amplify-base-form-fields route=\"resetPassword\"></amplify-base-form-fields>\n <button amplify-button variation=\"primary\" fullWidth=\"true\" type=\"submit\">\n {{ sendCodeText }}\n </button>\n <button\n amplify-button\n size=\"small\"\n variation=\"link\"\n fontWeight=\"normal\"\n fullWidth=\"true\"\n (click)=\"authenticator.toSignIn()\"\n >\n {{ backToSignInText }}\n </button>\n <amplify-error *ngIf=\"authenticator.error\">\n {{ authenticator.error }}\n </amplify-error>\n </fieldset>\n\n <amplify-slot name=\"reset-password-footer\" [context]=\"context\">\n </amplify-slot>\n</form>\n"
|
|
46
30
|
},] }
|
|
47
31
|
];
|
|
48
32
|
ResetPasswordComponent.ctorParameters = () => [
|
|
@@ -52,4 +36,4 @@ ResetPasswordComponent.propDecorators = {
|
|
|
52
36
|
dataAttr: [{ type: HostBinding, args: ['attr.data-amplify-authenticator-resetPassword',] }],
|
|
53
37
|
headerText: [{ type: Input }]
|
|
54
38
|
};
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzZXQtcGFzc3dvcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWktYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvYXV0aGVudGljYXRvci9jb21wb25lbnRzL3Jlc2V0LXBhc3N3b3JkL3Jlc2V0LXBhc3N3b3JkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDbEYsT0FBTyxFQUVMLG9CQUFvQixFQUNwQixTQUFTLEdBQ1YsTUFBTSxpQkFBaUIsQ0FBQztBQU16QixNQUFNLE9BQU8sc0JBQXNCO0lBU2pDLFlBQW1CLGFBQW1DO1FBQW5DLGtCQUFhLEdBQWIsYUFBYSxDQUFzQjtRQVJRLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFDNUQsZUFBVSxHQUFHLFNBQVMsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO1FBRTlELG1CQUFtQjtRQUNaLGlCQUFZLEdBQUcsU0FBUyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3RDLHFCQUFnQixHQUFHLFNBQVMsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBR0UsQ0FBQztJQUUxRCxJQUFXLE9BQU87UUFDaEIsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQztJQUN4QyxDQUFDO0lBRUQsT0FBTyxDQUFDLEtBQVk7UUFDbEIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLE1BQU0sRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEdBQXFCLEtBQUssQ0FBQyxNQUFNLENBQUM7UUFDdkQsSUFBSSxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBRUQsUUFBUSxDQUFDLEtBQVk7UUFDbkIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLG9CQUFvQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDN0QsQ0FBQzs7O1lBNUJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsd0JBQXdCO2dCQUNsQyx1bUNBQThDO2FBQy9DOzs7WUFWUSxvQkFBb0I7Ozt1QkFZMUIsV0FBVyxTQUFDLCtDQUErQzt5QkFDM0QsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBdXRoZW50aWNhdG9yU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uL3NlcnZpY2VzL2F1dGhlbnRpY2F0b3Iuc2VydmljZSc7XG5pbXBvcnQge1xuICBGb3JtRmllbGRzQXJyYXksXG4gIGdldEZvcm1EYXRhRnJvbUV2ZW50LFxuICB0cmFuc2xhdGUsXG59IGZyb20gJ0Bhd3MtYW1wbGlmeS91aSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FtcGxpZnktcmVzZXQtcGFzc3dvcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vcmVzZXQtcGFzc3dvcmQuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBSZXNldFBhc3N3b3JkQ29tcG9uZW50IHtcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtYW1wbGlmeS1hdXRoZW50aWNhdG9yLXJlc2V0UGFzc3dvcmQnKSBkYXRhQXR0ciA9ICcnO1xuICBASW5wdXQoKSBwdWJsaWMgaGVhZGVyVGV4dCA9IHRyYW5zbGF0ZSgnUmVzZXQgeW91ciBwYXNzd29yZCcpO1xuXG4gIC8vIHRyYW5zbGF0ZWQgdGV4dHNcbiAgcHVibGljIHNlbmRDb2RlVGV4dCA9IHRyYW5zbGF0ZSgnU2VuZCBDb2RlJyk7XG4gIHB1YmxpYyBiYWNrVG9TaWduSW5UZXh0ID0gdHJhbnNsYXRlKCdCYWNrIHRvIFNpZ24gSW4nKTtcbiAgcHVibGljIHNvcnRlZEZvcm1GaWVsZHM6IEZvcm1GaWVsZHNBcnJheTtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgYXV0aGVudGljYXRvcjogQXV0aGVudGljYXRvclNlcnZpY2UpIHt9XG5cbiAgcHVibGljIGdldCBjb250ZXh0KCkge1xuICAgIHJldHVybiB0aGlzLmF1dGhlbnRpY2F0b3Iuc2xvdENvbnRleHQ7XG4gIH1cblxuICBvbklucHV0KGV2ZW50OiBFdmVudCkge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgY29uc3QgeyBuYW1lLCB2YWx1ZSB9ID0gPEhUTUxJbnB1dEVsZW1lbnQ+ZXZlbnQudGFyZ2V0O1xuICAgIHRoaXMuYXV0aGVudGljYXRvci51cGRhdGVGb3JtKHsgbmFtZSwgdmFsdWUgfSk7XG4gIH1cblxuICBvblN1Ym1pdChldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIHRoaXMuYXV0aGVudGljYXRvci5zdWJtaXRGb3JtKGdldEZvcm1EYXRhRnJvbUV2ZW50KGV2ZW50KSk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -2,7 +2,7 @@ import { __awaiter } from "tslib";
|
|
|
2
2
|
import { Component, HostBinding } from '@angular/core';
|
|
3
3
|
import QRCode from 'qrcode';
|
|
4
4
|
import { Auth, Logger } from 'aws-amplify';
|
|
5
|
-
import { getActorContext,
|
|
5
|
+
import { getActorContext, getFormDataFromEvent, } from '@aws-amplify/ui';
|
|
6
6
|
import { AuthenticatorService } from '../../../../services/authenticator.service';
|
|
7
7
|
import { translate } from '@aws-amplify/ui';
|
|
8
8
|
const logger = new Logger('SetupTotp');
|
|
@@ -20,16 +20,6 @@ export class SetupTotpComponent {
|
|
|
20
20
|
}
|
|
21
21
|
ngOnInit() {
|
|
22
22
|
this.generateQRCode();
|
|
23
|
-
this.setFormFields();
|
|
24
|
-
}
|
|
25
|
-
setFormFields() {
|
|
26
|
-
var _a, _b;
|
|
27
|
-
const _state = this.authenticator.authState;
|
|
28
|
-
this.formOverrides = (_b = (_a = getActorState(_state).context) === null || _a === void 0 ? void 0 : _a.formFields) === null || _b === void 0 ? void 0 : _b.setupTOTP;
|
|
29
|
-
}
|
|
30
|
-
grabField(name, field, defaultV) {
|
|
31
|
-
var _a, _b, _c;
|
|
32
|
-
return (_c = (_b = (_a = this.formOverrides) === null || _a === void 0 ? void 0 : _a[name]) === null || _b === void 0 ? void 0 : _b[field]) !== null && _c !== void 0 ? _c : defaultV;
|
|
33
23
|
}
|
|
34
24
|
get context() {
|
|
35
25
|
return this.authenticator.slotContext;
|
|
@@ -71,7 +61,7 @@ export class SetupTotpComponent {
|
|
|
71
61
|
SetupTotpComponent.decorators = [
|
|
72
62
|
{ type: Component, args: [{
|
|
73
63
|
selector: 'amplify-setup-totp',
|
|
74
|
-
template: "<form data-amplify-form (submit)=\"onSubmit($event)\" (input)=\"onInput($event)\">\n <fieldset\n class=\"amplify-flex\"\n style=\"flex-direction: column\"\n data-amplify-fieldset\n [disabled]=\"authenticator.isPending\"\n >\n <amplify-slot name=\"setup-totp-header\" [context]=\"context\">\n <h3 class=\"amplify-heading\">{{ this.headerText }}</h3>\n </amplify-slot>\n <p *ngIf=\"!qrCodeSource\">Loading...</p>\n <img\n *ngIf=\"qrCodeSource\"\n [src]=\"qrCodeSource\"\n alt=\"qr code\"\n data-amplify-qrcode\n width=\"228\"\n height=\"228\"\n />\n <div class=\"amplify-flex\" data-amplify-copy>\n <div>{{ secretKey }}</div>\n <div data-amplify-copy-svg (click)=\"copyText()\">\n <div data-amplify-copy-tooltip>{{ copyTextLabel }}</div>\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16 1H4C2.9 1 2 1.9 2 3V17H4V3H16V1ZM15 5H8C6.9 5 6.01 5.9 6.01 7L6 21C6 22.1 6.89 23 7.99 23H19C20.1 23 21 22.1 21 21V11L15 5ZM8 21V7H14V12H19V21H8Z\"\n />\n </svg>\n </div>\n </div>\n\n <amplify-form-
|
|
64
|
+
template: "<form data-amplify-form (submit)=\"onSubmit($event)\" (input)=\"onInput($event)\">\n <fieldset\n class=\"amplify-flex\"\n style=\"flex-direction: column\"\n data-amplify-fieldset\n [disabled]=\"authenticator.isPending\"\n >\n <amplify-slot name=\"setup-totp-header\" [context]=\"context\">\n <h3 class=\"amplify-heading\">{{ this.headerText }}</h3>\n </amplify-slot>\n <p *ngIf=\"!qrCodeSource\">Loading...</p>\n <img\n *ngIf=\"qrCodeSource\"\n [src]=\"qrCodeSource\"\n alt=\"qr code\"\n data-amplify-qrcode\n width=\"228\"\n height=\"228\"\n />\n <div class=\"amplify-flex\" data-amplify-copy>\n <div>{{ secretKey }}</div>\n <div data-amplify-copy-svg (click)=\"copyText()\">\n <div data-amplify-copy-tooltip>{{ copyTextLabel }}</div>\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16 1H4C2.9 1 2 1.9 2 3V17H4V3H16V1ZM15 5H8C6.9 5 6.01 5.9 6.01 7L6 21C6 22.1 6.89 23 7.99 23H19C20.1 23 21 22.1 21 21V11L15 5ZM8 21V7H14V12H19V21H8Z\"\n />\n </svg>\n </div>\n </div>\n\n <amplify-base-form-fields route=\"setupTOTP\"></amplify-base-form-fields>\n <button amplify-button variation=\"primary\" fullWidth=\"true\" type=\"submit\">\n {{ confirmText }}\n </button>\n <button\n amplify-button\n size=\"small\"\n variation=\"link\"\n fontWeight=\"normal\"\n fullWidth=\"true\"\n (click)=\"authenticator.toSignIn()\"\n >\n {{ backToSignInText }}\n </button>\n <amplify-error *ngIf=\"authenticator.error\">\n {{ authenticator.error }}\n </amplify-error>\n </fieldset>\n <amplify-slot name=\"setup-totp-footer\" [context]=\"context\"> </amplify-slot>\n</form>\n"
|
|
75
65
|
},] }
|
|
76
66
|
];
|
|
77
67
|
SetupTotpComponent.ctorParameters = () => [
|
|
@@ -80,4 +70,4 @@ SetupTotpComponent.ctorParameters = () => [
|
|
|
80
70
|
SetupTotpComponent.propDecorators = {
|
|
81
71
|
dataAttr: [{ type: HostBinding, args: ['attr.data-amplify-authenticator-setup-totp',] }]
|
|
82
72
|
};
|
|
83
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dXAtdG90cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9hdXRoZW50aWNhdG9yL2NvbXBvbmVudHMvc2V0dXAtdG90cC9zZXR1cC10b3RwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDL0QsT0FBTyxNQUFNLE1BQU0sUUFBUSxDQUFDO0FBQzVCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzNDLE9BQU8sRUFHTCxlQUFlLEVBQ2Ysb0JBQW9CLEdBRXJCLE1BQU0saUJBQWlCLENBQUM7QUFDekIsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDbEYsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRTVDLE1BQU0sTUFBTSxHQUFHLElBQUksTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0FBTXZDLE1BQU0sT0FBTyxrQkFBa0I7SUFhN0IsWUFBbUIsYUFBbUM7UUFBbkMsa0JBQWEsR0FBYixhQUFhLENBQXNCO1FBWkssYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUNsRSxlQUFVLEdBQUcsU0FBUyxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ3JDLGlCQUFZLEdBQUcsRUFBRSxDQUFDO1FBQ2xCLGNBQVMsR0FBRyxFQUFFLENBQUM7UUFDZixrQkFBYSxHQUFHLFNBQVMsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUV6QyxtQkFBbUI7UUFDWixxQkFBZ0IsR0FBRyxTQUFTLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUNoRCxnQkFBVyxHQUFHLFNBQVMsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUllLENBQUM7SUFFMUQsUUFBUTtRQUNOLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsSUFBVyxPQUFPO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUM7SUFDeEMsQ0FBQztJQUVLLGNBQWM7OztZQUNsQix3Q0FBd0M7WUFDeEMsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUM7WUFDM0MsTUFBTSxZQUFZLEdBQUcsZUFBZSxDQUFDLEtBQUssQ0FBa0IsQ0FBQztZQUM3RCxNQUFNLEVBQUUsSUFBSSxFQUFFLEdBQUcsWUFBWSxDQUFDO1lBQzlCLElBQUk7Z0JBQ0YsSUFBSSxDQUFDLFNBQVMsR0FBRyxNQUFNLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQzVDLE1BQU0sTUFBTSxxQkFBRyxJQUFJLENBQUMsYUFBYSwwQ0FBRyxJQUFJLDJDQUFHLFVBQVUsbUNBQUksWUFBWSxDQUFDO2dCQUN0RSxNQUFNLFFBQVEscUJBQ1osSUFBSSxDQUFDLGFBQWEsMENBQUcsSUFBSSwyQ0FBRyxZQUFZLG1DQUFJLElBQUksQ0FBQyxRQUFRLENBQUM7Z0JBQzVELE1BQU0sUUFBUSxHQUFHLGtCQUFrQixNQUFNLElBQUksUUFBUSxXQUFXLElBQUksQ0FBQyxTQUFTLFdBQVcsTUFBTSxFQUFFLENBQUM7Z0JBRWxHLE1BQU0sQ0FBQyxJQUFJLENBQUMsMEJBQTBCLEVBQUUsUUFBUSxDQUFDLENBQUM7Z0JBQ2xELElBQUksQ0FBQyxZQUFZLEdBQUcsTUFBTSxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQ3REO1lBQUMsT0FBTyxHQUFHLEVBQUU7Z0JBQ1osTUFBTSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQzthQUNuQjs7S0FDRjtJQUVELE9BQU8sQ0FBQyxLQUFZO1FBQ2xCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixNQUFNLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxHQUFxQixLQUFLLENBQUMsTUFBTSxDQUFDO1FBQ3ZELElBQUksQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFZO1FBQ25CLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxvQkFBb0IsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQzdELENBQUM7SUFFRCxRQUFRO1FBQ04sU0FBUyxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQzlDLElBQUksQ0FBQyxhQUFhLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzNDLENBQUM7OztZQTVERixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtnQkFDOUIsNDFEQUEwQzthQUMzQzs7O1lBUlEsb0JBQW9COzs7dUJBVTFCLFdBQVcsU0FBQyw0Q0FBNEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCBRUkNvZGUgZnJvbSAncXJjb2RlJztcbmltcG9ydCB7IEF1dGgsIExvZ2dlciB9IGZyb20gJ2F3cy1hbXBsaWZ5JztcbmltcG9ydCB7XG4gIEZvcm1GaWVsZHMsXG4gIEZvcm1GaWVsZHNBcnJheSxcbiAgZ2V0QWN0b3JDb250ZXh0LFxuICBnZXRGb3JtRGF0YUZyb21FdmVudCxcbiAgU2lnbkluQ29udGV4dCxcbn0gZnJvbSAnQGF3cy1hbXBsaWZ5L3VpJztcbmltcG9ydCB7IEF1dGhlbnRpY2F0b3JTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vc2VydmljZXMvYXV0aGVudGljYXRvci5zZXJ2aWNlJztcbmltcG9ydCB7IHRyYW5zbGF0ZSB9IGZyb20gJ0Bhd3MtYW1wbGlmeS91aSc7XG5cbmNvbnN0IGxvZ2dlciA9IG5ldyBMb2dnZXIoJ1NldHVwVG90cCcpO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhbXBsaWZ5LXNldHVwLXRvdHAnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2V0dXAtdG90cC5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIFNldHVwVG90cENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWFtcGxpZnktYXV0aGVudGljYXRvci1zZXR1cC10b3RwJykgZGF0YUF0dHIgPSAnJztcbiAgcHVibGljIGhlYWRlclRleHQgPSB0cmFuc2xhdGUoJ1NldHVwIFRPVFAnKTtcbiAgcHVibGljIHFyQ29kZVNvdXJjZSA9ICcnO1xuICBwdWJsaWMgc2VjcmV0S2V5ID0gJyc7XG4gIHB1YmxpYyBjb3B5VGV4dExhYmVsID0gdHJhbnNsYXRlKCdDT1BZJyk7XG5cbiAgLy8gdHJhbnNsYXRlZCB0ZXh0c1xuICBwdWJsaWMgYmFja1RvU2lnbkluVGV4dCA9IHRyYW5zbGF0ZSgnQmFjayB0byBTaWduIEluJyk7XG4gIHB1YmxpYyBjb25maXJtVGV4dCA9IHRyYW5zbGF0ZSgnQ29uZmlybScpO1xuICBwdWJsaWMgc29ydGVkRm9ybUZpZWxkczogRm9ybUZpZWxkc0FycmF5O1xuICBwdWJsaWMgZm9ybU92ZXJyaWRlczogRm9ybUZpZWxkcztcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgYXV0aGVudGljYXRvcjogQXV0aGVudGljYXRvclNlcnZpY2UpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5nZW5lcmF0ZVFSQ29kZSgpO1xuICB9XG5cbiAgcHVibGljIGdldCBjb250ZXh0KCkge1xuICAgIHJldHVybiB0aGlzLmF1dGhlbnRpY2F0b3Iuc2xvdENvbnRleHQ7XG4gIH1cblxuICBhc3luYyBnZW5lcmF0ZVFSQ29kZSgpIHtcbiAgICAvLyBUT0RPOiBUaGlzIHNob3VsZCBiZSBoYW5kbGVkIGluIGNvcmUuXG4gICAgY29uc3Qgc3RhdGUgPSB0aGlzLmF1dGhlbnRpY2F0b3IuYXV0aFN0YXRlO1xuICAgIGNvbnN0IGFjdG9yQ29udGV4dCA9IGdldEFjdG9yQ29udGV4dChzdGF0ZSkgYXMgU2lnbkluQ29udGV4dDtcbiAgICBjb25zdCB7IHVzZXIgfSA9IGFjdG9yQ29udGV4dDtcbiAgICB0cnkge1xuICAgICAgdGhpcy5zZWNyZXRLZXkgPSBhd2FpdCBBdXRoLnNldHVwVE9UUCh1c2VyKTtcbiAgICAgIGNvbnN0IGlzc3VlciA9IHRoaXMuZm9ybU92ZXJyaWRlcz8uWydRUiddPy50b3RwSXNzdWVyID8/ICdBV1NDb2duaXRvJztcbiAgICAgIGNvbnN0IHVzZXJuYW1lID1cbiAgICAgICAgdGhpcy5mb3JtT3ZlcnJpZGVzPy5bJ1FSJ10/LnRvdHBVc2VybmFtZSA/PyB1c2VyLnVzZXJuYW1lO1xuICAgICAgY29uc3QgdG90cENvZGUgPSBgb3RwYXV0aDovL3RvdHAvJHtpc3N1ZXJ9OiR7dXNlcm5hbWV9P3NlY3JldD0ke3RoaXMuc2VjcmV0S2V5fSZpc3N1ZXI9JHtpc3N1ZXJ9YDtcblxuICAgICAgbG9nZ2VyLmluZm8oJ3RvdHAgY29kZSB3YXMgZ2VuZXJhdGVkOicsIHRvdHBDb2RlKTtcbiAgICAgIHRoaXMucXJDb2RlU291cmNlID0gYXdhaXQgUVJDb2RlLnRvRGF0YVVSTCh0b3RwQ29kZSk7XG4gICAgfSBjYXRjaCAoZXJyKSB7XG4gICAgICBsb2dnZXIuZXJyb3IoZXJyKTtcbiAgICB9XG4gIH1cblxuICBvbklucHV0KGV2ZW50OiBFdmVudCkge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgY29uc3QgeyBuYW1lLCB2YWx1ZSB9ID0gPEhUTUxJbnB1dEVsZW1lbnQ+ZXZlbnQudGFyZ2V0O1xuICAgIHRoaXMuYXV0aGVudGljYXRvci51cGRhdGVGb3JtKHsgbmFtZSwgdmFsdWUgfSk7XG4gIH1cblxuICBvblN1Ym1pdChldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIHRoaXMuYXV0aGVudGljYXRvci5zdWJtaXRGb3JtKGdldEZvcm1EYXRhRnJvbUV2ZW50KGV2ZW50KSk7XG4gIH1cblxuICBjb3B5VGV4dCgpOiB2b2lkIHtcbiAgICBuYXZpZ2F0b3IuY2xpcGJvYXJkLndyaXRlVGV4dCh0aGlzLnNlY3JldEtleSk7XG4gICAgdGhpcy5jb3B5VGV4dExhYmVsID0gdHJhbnNsYXRlKCdDT1BJRUQnKTtcbiAgfVxufVxuIl19
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Component, HostBinding, ViewEncapsulation, } from '@angular/core';
|
|
2
2
|
import { AuthenticatorService } from '../../../../services/authenticator.service';
|
|
3
|
-
import { translate, hasTranslation, getFormDataFromEvent,
|
|
3
|
+
import { translate, hasTranslation, getFormDataFromEvent, } from '@aws-amplify/ui';
|
|
4
4
|
export class SignInComponent {
|
|
5
5
|
constructor(authenticator) {
|
|
6
6
|
this.authenticator = authenticator;
|
|
@@ -12,24 +12,6 @@ export class SignInComponent {
|
|
|
12
12
|
: translate('Forgot your password? ');
|
|
13
13
|
this.signInButtonText = translate('Sign in');
|
|
14
14
|
}
|
|
15
|
-
ngOnInit() {
|
|
16
|
-
this.setFormFields();
|
|
17
|
-
}
|
|
18
|
-
setFormFields() {
|
|
19
|
-
var _a, _b, _c, _d;
|
|
20
|
-
const _state = this.authenticator.authState;
|
|
21
|
-
this.formOverrides = (_b = (_a = getActorState(_state).context) === null || _a === void 0 ? void 0 : _a.formFields) === null || _b === void 0 ? void 0 : _b.signIn;
|
|
22
|
-
this.userOverrides = (_c = this.formOverrides) === null || _c === void 0 ? void 0 : _c['username'];
|
|
23
|
-
this.passwordOR = (_d = this.formOverrides) === null || _d === void 0 ? void 0 : _d['password'];
|
|
24
|
-
}
|
|
25
|
-
labelHidden(name, defaultV = true) {
|
|
26
|
-
var _a, _b, _c;
|
|
27
|
-
return (_c = (_b = (_a = this.formOverrides) === null || _a === void 0 ? void 0 : _a[name]) === null || _b === void 0 ? void 0 : _b.labelHidden) !== null && _c !== void 0 ? _c : defaultV;
|
|
28
|
-
}
|
|
29
|
-
required(name, defaultV = true) {
|
|
30
|
-
var _a, _b, _c;
|
|
31
|
-
return (_c = (_b = (_a = this.formOverrides) === null || _a === void 0 ? void 0 : _a[name]) === null || _b === void 0 ? void 0 : _b.required) !== null && _c !== void 0 ? _c : defaultV;
|
|
32
|
-
}
|
|
33
15
|
get context() {
|
|
34
16
|
return this.authenticator.slotContext;
|
|
35
17
|
}
|
|
@@ -46,7 +28,7 @@ export class SignInComponent {
|
|
|
46
28
|
SignInComponent.decorators = [
|
|
47
29
|
{ type: Component, args: [{
|
|
48
30
|
selector: 'amplify-sign-in',
|
|
49
|
-
template: "<amplify-slot name=\"sign-in-header\" [context]=\"context\"></amplify-slot>\n\n<form data-amplify-form (submit)=\"onSubmit($event)\" (input)=\"onInput($event)\">\n <amplify-federated-sign-in></amplify-federated-sign-in>\n <fieldset
|
|
31
|
+
template: "<amplify-slot name=\"sign-in-header\" [context]=\"context\"></amplify-slot>\n\n<form data-amplify-form (submit)=\"onSubmit($event)\" (input)=\"onInput($event)\">\n <amplify-federated-sign-in></amplify-federated-sign-in>\n <fieldset class=\"amplify-flex\" style=\"flex-direction: column\" data-amplify-fieldset\n [disabled]=\"authenticator.isPending\">\n <legend class=\"amplify-visually-hidden\">Sign in</legend>\n <amplify-base-form-fields route=\"signIn\"></amplify-base-form-fields>\n <button amplify-button variation=\"primary\" fullWidth=\"true\" type=\"submit\">\n {{ signInButtonText }}\n </button>\n\n <amplify-error *ngIf=\"authenticator.error\">\n {{ authenticator.error }}\n </amplify-error>\n </fieldset>\n</form>\n\n<amplify-slot name=\"sign-in-footer\" [context]=\"context\">\n <div data-amplify-footer>\n <button amplify-button fontWeight=\"normal\" size=\"small\" variation=\"link\" fullWidth=\"true\"\n (click)=\"authenticator.toResetPassword()\">\n {{ forgotPasswordText }}\n </button>\n </div>\n</amplify-slot>\n",
|
|
50
32
|
encapsulation: ViewEncapsulation.None
|
|
51
33
|
},] }
|
|
52
34
|
];
|
|
@@ -56,4 +38,4 @@ SignInComponent.ctorParameters = () => [
|
|
|
56
38
|
SignInComponent.propDecorators = {
|
|
57
39
|
dataAttr: [{ type: HostBinding, args: ['attr.data-amplify-authenticator-signin',] }]
|
|
58
40
|
};
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lnbi1pbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9hdXRoZW50aWNhdG9yL2NvbXBvbmVudHMvc2lnbi1pbi9zaWduLWluLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFdBQVcsRUFFWCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDbEYsT0FBTyxFQUNMLFNBQVMsRUFDVCxjQUFjLEVBQ2Qsb0JBQW9CLEdBR3JCLE1BQU0saUJBQWlCLENBQUM7QUFPekIsTUFBTSxPQUFPLGVBQWU7SUFXMUIsWUFBbUIsYUFBbUM7UUFBbkMsa0JBQWEsR0FBYixhQUFhLENBQXNCO1FBVkMsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUVyRSxxQkFBcUI7UUFDckIscUVBQXFFO1FBQzlELHVCQUFrQixHQUFHLENBQUMsY0FBYyxDQUFDLHdCQUF3QixDQUFDO1lBQ25FLENBQUMsQ0FBQyxTQUFTLENBQUMsdUJBQXVCLENBQUM7WUFDcEMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDO1FBQ2pDLHFCQUFnQixHQUFHLFNBQVMsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUdVLENBQUM7SUFFMUQsSUFBVyxPQUFPO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUM7SUFDeEMsQ0FBQztJQUVELE9BQU8sQ0FBQyxLQUFZO1FBQ2xCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixNQUFNLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxHQUFxQixLQUFLLENBQUMsTUFBTSxDQUFDO1FBQ3ZELElBQUksQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFZO1FBQ25CLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxvQkFBb0IsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQzdELENBQUM7OztZQS9CRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtnQkFDM0IsdWtDQUF1QztnQkFDdkMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7YUFDdEM7OztZQWJRLG9CQUFvQjs7O3VCQWUxQixXQUFXLFNBQUMsd0NBQXdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBIb3N0QmluZGluZyxcbiAgT25Jbml0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBdXRoZW50aWNhdG9yU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uL3NlcnZpY2VzL2F1dGhlbnRpY2F0b3Iuc2VydmljZSc7XG5pbXBvcnQge1xuICB0cmFuc2xhdGUsXG4gIGhhc1RyYW5zbGF0aW9uLFxuICBnZXRGb3JtRGF0YUZyb21FdmVudCxcbiAgRm9ybUZpZWxkc0FycmF5LFxuICBnZXRTb3J0ZWRGb3JtRmllbGRzLFxufSBmcm9tICdAYXdzLWFtcGxpZnkvdWknO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhbXBsaWZ5LXNpZ24taW4nLFxuICB0ZW1wbGF0ZVVybDogJy4vc2lnbi1pbi5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFNpZ25JbkNvbXBvbmVudCB7XG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWFtcGxpZnktYXV0aGVudGljYXRvci1zaWduaW4nKSBkYXRhQXR0ciA9ICcnO1xuXG4gIC8vIHRyYW5zbGF0ZWQgcGhyYXNlc1xuICAvLyBTdXBwb3J0IGJhY2t3YXJkcyBjb21wYXRpYmlsaXR5IGZvciBsZWdhY3kga2V5IHdpdGggdHJhaWxpbmcgc3BhY2VcbiAgcHVibGljIGZvcmdvdFBhc3N3b3JkVGV4dCA9ICFoYXNUcmFuc2xhdGlvbignRm9yZ290IHlvdXIgcGFzc3dvcmQ/ICcpXG4gICAgPyB0cmFuc2xhdGUoJ0ZvcmdvdCB5b3VyIHBhc3N3b3JkPycpXG4gICAgOiB0cmFuc2xhdGUoJ0ZvcmdvdCB5b3VyIHBhc3N3b3JkPyAnKTtcbiAgcHVibGljIHNpZ25JbkJ1dHRvblRleHQgPSB0cmFuc2xhdGUoJ1NpZ24gaW4nKTtcbiAgcHVibGljIHNvcnRlZEZvcm1GaWVsZHM6IEZvcm1GaWVsZHNBcnJheTtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgYXV0aGVudGljYXRvcjogQXV0aGVudGljYXRvclNlcnZpY2UpIHt9XG5cbiAgcHVibGljIGdldCBjb250ZXh0KCkge1xuICAgIHJldHVybiB0aGlzLmF1dGhlbnRpY2F0b3Iuc2xvdENvbnRleHQ7XG4gIH1cblxuICBvbklucHV0KGV2ZW50OiBFdmVudCkge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgY29uc3QgeyBuYW1lLCB2YWx1ZSB9ID0gPEhUTUxJbnB1dEVsZW1lbnQ+ZXZlbnQudGFyZ2V0O1xuICAgIHRoaXMuYXV0aGVudGljYXRvci51cGRhdGVGb3JtKHsgbmFtZSwgdmFsdWUgfSk7XG4gIH1cblxuICBvblN1Ym1pdChldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIHRoaXMuYXV0aGVudGljYXRvci5zdWJtaXRGb3JtKGdldEZvcm1EYXRhRnJvbUV2ZW50KGV2ZW50KSk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,58 +1,10 @@
|
|
|
1
1
|
import { Component } from '@angular/core';
|
|
2
|
-
import { AuthenticatorService } from '../../../../../services/authenticator.service';
|
|
3
|
-
import { authInputAttributes, getActorState, setFormOrder, getActorContext, translate, } from '@aws-amplify/ui';
|
|
4
2
|
export class SignUpFormFieldsComponent {
|
|
5
|
-
constructor(authenticator) {
|
|
6
|
-
this.authenticator = authenticator;
|
|
7
|
-
this.primaryAlias = '';
|
|
8
|
-
this.secondaryAliases = [];
|
|
9
|
-
this.translate = translate;
|
|
10
|
-
}
|
|
11
|
-
ngOnInit() {
|
|
12
|
-
const context = this.authenticator.context;
|
|
13
|
-
const { loginMechanisms, signUpAttributes } = context.config;
|
|
14
|
-
this.fieldNames = Array.from(new Set([...loginMechanisms, ...signUpAttributes]));
|
|
15
|
-
this.fieldNames = this.fieldNames.filter((fieldName) => {
|
|
16
|
-
const hasDefaultField = !!authInputAttributes[fieldName];
|
|
17
|
-
if (!hasDefaultField) {
|
|
18
|
-
console.debug(`Authenticator does not have a default implementation for ${fieldName}. Customize Authenticator.SignUp.FormFields to add your own.`);
|
|
19
|
-
}
|
|
20
|
-
return hasDefaultField;
|
|
21
|
-
});
|
|
22
|
-
// Only 1 is supported, so `['email', 'phone_number']` will only show `email`
|
|
23
|
-
this.loginMechanism = this.fieldNames.shift();
|
|
24
|
-
const common = [
|
|
25
|
-
this.loginMechanism,
|
|
26
|
-
'password',
|
|
27
|
-
'confirm_password',
|
|
28
|
-
];
|
|
29
|
-
this.fieldNamesCombined = [...common, ...this.fieldNames];
|
|
30
|
-
this.setFormFields();
|
|
31
|
-
}
|
|
32
|
-
get errors() {
|
|
33
|
-
const formContext = getActorContext(this.authenticator.authState);
|
|
34
|
-
const { validationError } = formContext;
|
|
35
|
-
return validationError['password'];
|
|
36
|
-
}
|
|
37
|
-
setFormFields() {
|
|
38
|
-
var _a, _b, _c;
|
|
39
|
-
const _state = this.authenticator.authState;
|
|
40
|
-
this.formOverrides = (_b = (_a = getActorState(_state).context) === null || _a === void 0 ? void 0 : _a.formFields) === null || _b === void 0 ? void 0 : _b.signUp;
|
|
41
|
-
this.userOverrides = (_c = this.formOverrides) === null || _c === void 0 ? void 0 : _c[this.loginMechanism];
|
|
42
|
-
this.order = setFormOrder(this.formOverrides, this.fieldNamesCombined);
|
|
43
|
-
}
|
|
44
|
-
grabField(name, field, defaultV) {
|
|
45
|
-
var _a, _b, _c;
|
|
46
|
-
return (_c = (_b = (_a = this.formOverrides) === null || _a === void 0 ? void 0 : _a[name]) === null || _b === void 0 ? void 0 : _b[field]) !== null && _c !== void 0 ? _c : defaultV;
|
|
47
|
-
}
|
|
48
3
|
}
|
|
49
4
|
SignUpFormFieldsComponent.decorators = [
|
|
50
5
|
{ type: Component, args: [{
|
|
51
6
|
selector: 'amplify-sign-up-form-fields',
|
|
52
|
-
template: "<div class=\"amplify-flex\" style=\"flex-direction: column\" data-amplify-fieldset>\n <
|
|
7
|
+
template: "<div class=\"amplify-flex\" style=\"flex-direction: column\" data-amplify-fieldset>\n <amplify-base-form-fields route=\"signUp\"></amplify-base-form-fields>\n</div>\n"
|
|
53
8
|
},] }
|
|
54
9
|
];
|
|
55
|
-
|
|
56
|
-
{ type: AuthenticatorService }
|
|
57
|
-
];
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lnbi11cC1mb3JtLWZpZWxkcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9hdXRoZW50aWNhdG9yL2NvbXBvbmVudHMvc2lnbi11cC9zaWduLXVwLWZvcm0tZmllbGRzL3NpZ24tdXAtZm9ybS1maWVsZHMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDckYsT0FBTyxFQUNMLG1CQUFtQixFQUduQixhQUFhLEVBSWIsWUFBWSxFQUVaLGVBQWUsRUFDZixTQUFTLEdBQ1YsTUFBTSxpQkFBaUIsQ0FBQztBQU16QixNQUFNLE9BQU8seUJBQXlCO0lBWXBDLFlBQW9CLGFBQW1DO1FBQW5DLGtCQUFhLEdBQWIsYUFBYSxDQUFzQjtRQVhoRCxpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNsQixxQkFBZ0IsR0FBYSxFQUFFLENBQUM7UUFRaEMsY0FBUyxHQUFHLFNBQVMsQ0FBQztJQUU2QixDQUFDO0lBRTNELFFBQVE7UUFDTixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQztRQUUzQyxNQUFNLEVBQUUsZUFBZSxFQUFFLGdCQUFnQixFQUFFLEdBQUcsT0FBTyxDQUFDLE1BQU0sQ0FBQztRQUU3RCxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQzFCLElBQUksR0FBRyxDQUFDLENBQUMsR0FBRyxlQUFlLEVBQUUsR0FBRyxnQkFBZ0IsQ0FBQyxDQUFDLENBQ25ELENBQUM7UUFFRixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLENBQUMsU0FBUyxFQUFFLEVBQUU7WUFDckQsTUFBTSxlQUFlLEdBQUcsQ0FBQyxDQUFDLG1CQUFtQixDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQ3pELElBQUksQ0FBQyxlQUFlLEVBQUU7Z0JBQ3BCLE9BQU8sQ0FBQyxLQUFLLENBQ1gsNERBQTRELFNBQVMsOERBQThELENBQ3BJLENBQUM7YUFDSDtZQUNELE9BQU8sZUFBZSxDQUFDO1FBQ3pCLENBQUMsQ0FBQyxDQUFDO1FBRUgsNkVBQTZFO1FBQzdFLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLEVBQW9CLENBQUM7UUFFaEUsTUFBTSxNQUFNLEdBQUc7WUFDYixJQUFJLENBQUMsY0FBYztZQUNuQixVQUFVO1lBQ1Ysa0JBQWtCO1NBQ0QsQ0FBQztRQUNwQixJQUFJLENBQUMsa0JBQWtCLEdBQUcsQ0FBQyxHQUFHLE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUMxRCxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELElBQUksTUFBTTtRQUNSLE1BQU0sV0FBVyxHQUEwQixlQUFlLENBQ3hELElBQUksQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUM3QixDQUFDO1FBQ0YsTUFBTSxFQUFFLGVBQWUsRUFBRSxHQUFHLFdBQVcsQ0FBQztRQUN4QyxPQUFPLGVBQWUsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRU0sYUFBYTs7UUFDbEIsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUM7UUFDNUMsSUFBSSxDQUFDLGFBQWEsZUFBRyxhQUFhLENBQUMsTUFBTSxDQUFDLENBQUMsT0FBTywwQ0FBRSxVQUFVLDBDQUFFLE1BQU0sQ0FBQztRQUN2RSxJQUFJLENBQUMsYUFBYSxTQUFHLElBQUksQ0FBQyxhQUFhLDBDQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUMvRCxJQUFJLENBQUMsS0FBSyxHQUFHLFlBQVksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0lBQ3pFLENBQUM7SUFFTSxTQUFTLENBQUMsSUFBWSxFQUFFLEtBQWEsRUFBRSxRQUFROztRQUNwRCx5QkFBTyxJQUFJLENBQUMsYUFBYSwwQ0FBRyxJQUFJLDJDQUFJLEtBQUssb0NBQUssUUFBUSxDQUFDO0lBQ3pELENBQUM7OztZQWxFRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLDZCQUE2QjtnQkFDdkMsNmdGQUFtRDthQUNwRDs7O1lBbEJRLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBdXRoZW50aWNhdG9yU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL3NlcnZpY2VzL2F1dGhlbnRpY2F0b3Iuc2VydmljZSc7XG5pbXBvcnQge1xuICBhdXRoSW5wdXRBdHRyaWJ1dGVzLFxuICBGb3JtRmllbGQsXG4gIEZvcm1GaWVsZE9wdGlvbnMsXG4gIGdldEFjdG9yU3RhdGUsXG4gIExvZ2luTWVjaGFuaXNtLFxuICBTaWduVXBBdHRyaWJ1dGUsXG4gIENvbW1vbkZpZWxkcyxcbiAgc2V0Rm9ybU9yZGVyLFxuICBBY3RvckNvbnRleHRXaXRoRm9ybXMsXG4gIGdldEFjdG9yQ29udGV4dCxcbiAgdHJhbnNsYXRlLFxufSBmcm9tICdAYXdzLWFtcGxpZnkvdWknO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhbXBsaWZ5LXNpZ24tdXAtZm9ybS1maWVsZHMnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2lnbi11cC1mb3JtLWZpZWxkcy5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIFNpZ25VcEZvcm1GaWVsZHNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBwdWJsaWMgcHJpbWFyeUFsaWFzID0gJyc7XG4gIHB1YmxpYyBzZWNvbmRhcnlBbGlhc2VzOiBzdHJpbmdbXSA9IFtdO1xuICBwdWJsaWMgZmllbGROYW1lczogQXJyYXk8TG9naW5NZWNoYW5pc20gfCBTaWduVXBBdHRyaWJ1dGU+O1xuICBwdWJsaWMgZmllbGROYW1lc0NvbWJpbmVkOiBBcnJheTxTaWduVXBBdHRyaWJ1dGUgfCBDb21tb25GaWVsZHM+O1xuICBwdWJsaWMgbG9naW5NZWNoYW5pc206IExvZ2luTWVjaGFuaXNtO1xuICBwdWJsaWMgb3JkZXI6IChzdHJpbmcgfCBudW1iZXIpW107XG5cbiAgcHVibGljIHVzZXJPdmVycmlkZXM6IEZvcm1GaWVsZE9wdGlvbnM7XG4gIHB1YmxpYyBmb3JtT3ZlcnJpZGVzOiBGb3JtRmllbGQ7XG4gIHB1YmxpYyB0cmFuc2xhdGUgPSB0cmFuc2xhdGU7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBhdXRoZW50aWNhdG9yOiBBdXRoZW50aWNhdG9yU2VydmljZSkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBjb25zdCBjb250ZXh0ID0gdGhpcy5hdXRoZW50aWNhdG9yLmNvbnRleHQ7XG5cbiAgICBjb25zdCB7IGxvZ2luTWVjaGFuaXNtcywgc2lnblVwQXR0cmlidXRlcyB9ID0gY29udGV4dC5jb25maWc7XG5cbiAgICB0aGlzLmZpZWxkTmFtZXMgPSBBcnJheS5mcm9tKFxuICAgICAgbmV3IFNldChbLi4ubG9naW5NZWNoYW5pc21zLCAuLi5zaWduVXBBdHRyaWJ1dGVzXSlcbiAgICApO1xuXG4gICAgdGhpcy5maWVsZE5hbWVzID0gdGhpcy5maWVsZE5hbWVzLmZpbHRlcigoZmllbGROYW1lKSA9PiB7XG4gICAgICBjb25zdCBoYXNEZWZhdWx0RmllbGQgPSAhIWF1dGhJbnB1dEF0dHJpYnV0ZXNbZmllbGROYW1lXTtcbiAgICAgIGlmICghaGFzRGVmYXVsdEZpZWxkKSB7XG4gICAgICAgIGNvbnNvbGUuZGVidWcoXG4gICAgICAgICAgYEF1dGhlbnRpY2F0b3IgZG9lcyBub3QgaGF2ZSBhIGRlZmF1bHQgaW1wbGVtZW50YXRpb24gZm9yICR7ZmllbGROYW1lfS4gQ3VzdG9taXplIEF1dGhlbnRpY2F0b3IuU2lnblVwLkZvcm1GaWVsZHMgdG8gYWRkIHlvdXIgb3duLmBcbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICAgIHJldHVybiBoYXNEZWZhdWx0RmllbGQ7XG4gICAgfSk7XG5cbiAgICAvLyBPbmx5IDEgaXMgc3VwcG9ydGVkLCBzbyBgWydlbWFpbCcsICdwaG9uZV9udW1iZXInXWAgd2lsbCBvbmx5IHNob3cgYGVtYWlsYFxuICAgIHRoaXMubG9naW5NZWNoYW5pc20gPSB0aGlzLmZpZWxkTmFtZXMuc2hpZnQoKSBhcyBMb2dpbk1lY2hhbmlzbTtcblxuICAgIGNvbnN0IGNvbW1vbiA9IFtcbiAgICAgIHRoaXMubG9naW5NZWNoYW5pc20sXG4gICAgICAncGFzc3dvcmQnLFxuICAgICAgJ2NvbmZpcm1fcGFzc3dvcmQnLFxuICAgIF0gYXMgQ29tbW9uRmllbGRzW107XG4gICAgdGhpcy5maWVsZE5hbWVzQ29tYmluZWQgPSBbLi4uY29tbW9uLCAuLi50aGlzLmZpZWxkTmFtZXNdO1xuICAgIHRoaXMuc2V0Rm9ybUZpZWxkcygpO1xuICB9XG5cbiAgZ2V0IGVycm9ycygpIHtcbiAgICBjb25zdCBmb3JtQ29udGV4dDogQWN0b3JDb250ZXh0V2l0aEZvcm1zID0gZ2V0QWN0b3JDb250ZXh0KFxuICAgICAgdGhpcy5hdXRoZW50aWNhdG9yLmF1dGhTdGF0ZVxuICAgICk7XG4gICAgY29uc3QgeyB2YWxpZGF0aW9uRXJyb3IgfSA9IGZvcm1Db250ZXh0O1xuICAgIHJldHVybiB2YWxpZGF0aW9uRXJyb3JbJ3Bhc3N3b3JkJ107XG4gIH1cblxuICBwdWJsaWMgc2V0Rm9ybUZpZWxkcygpIHtcbiAgICBjb25zdCBfc3RhdGUgPSB0aGlzLmF1dGhlbnRpY2F0b3IuYXV0aFN0YXRlO1xuICAgIHRoaXMuZm9ybU92ZXJyaWRlcyA9IGdldEFjdG9yU3RhdGUoX3N0YXRlKS5jb250ZXh0Py5mb3JtRmllbGRzPy5zaWduVXA7XG4gICAgdGhpcy51c2VyT3ZlcnJpZGVzID0gdGhpcy5mb3JtT3ZlcnJpZGVzPy5bdGhpcy5sb2dpbk1lY2hhbmlzbV07XG4gICAgdGhpcy5vcmRlciA9IHNldEZvcm1PcmRlcih0aGlzLmZvcm1PdmVycmlkZXMsIHRoaXMuZmllbGROYW1lc0NvbWJpbmVkKTtcbiAgfVxuXG4gIHB1YmxpYyBncmFiRmllbGQobmFtZTogc3RyaW5nLCBmaWVsZDogc3RyaW5nLCBkZWZhdWx0Vikge1xuICAgIHJldHVybiB0aGlzLmZvcm1PdmVycmlkZXM/LltuYW1lXT8uW2ZpZWxkXSA/PyBkZWZhdWx0VjtcbiAgfVxufVxuIl19
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lnbi11cC1mb3JtLWZpZWxkcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9hdXRoZW50aWNhdG9yL2NvbXBvbmVudHMvc2lnbi11cC9zaWduLXVwLWZvcm0tZmllbGRzL3NpZ24tdXAtZm9ybS1maWVsZHMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFNbEQsTUFBTSxPQUFPLHlCQUF5Qjs7O1lBSnJDLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsNkJBQTZCO2dCQUN2QyxtTEFBbUQ7YUFDcEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhbXBsaWZ5LXNpZ24tdXAtZm9ybS1maWVsZHMnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2lnbi11cC1mb3JtLWZpZWxkcy5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIFNpZ25VcEZvcm1GaWVsZHNDb21wb25lbnQge31cbiJdfQ==
|