@symphony-talent/component-library 3.46.0 → 3.47.0
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/esm2020/lib/organisms/feedback-login-modal/feedback-login-modal.component.mjs +6 -2
- package/esm2020/projects/component-library/lib/organisms/feedback-login-modal/feedback-login-modal.component.mjs +6 -2
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +5 -1
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +5 -1
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +5 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +5 -1
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/organisms/feedback-login-modal/feedback-login-modal.component.d.ts +2 -1
- package/package.json +1 -1
- package/projects/component-library/lib/organisms/feedback-login-modal/feedback-login-modal.component.d.ts +2 -1
|
@@ -11,19 +11,21 @@ export class FeedbackLoginModalComponent {
|
|
|
11
11
|
constructor() {
|
|
12
12
|
this.verifyClicked = new EventEmitter();
|
|
13
13
|
this.resendClick = new EventEmitter();
|
|
14
|
+
this.authCodeChange = new EventEmitter();
|
|
14
15
|
}
|
|
15
16
|
onVerifyClick(text) {
|
|
16
17
|
this.verifyClicked.emit(this.authCode);
|
|
17
18
|
}
|
|
18
19
|
onAuthCodeChange(authCode) {
|
|
19
20
|
this.authCode = authCode;
|
|
21
|
+
this.authCodeChange.emit(authCode);
|
|
20
22
|
}
|
|
21
23
|
onResendClick() {
|
|
22
24
|
this.resendClick.emit();
|
|
23
25
|
}
|
|
24
26
|
}
|
|
25
27
|
FeedbackLoginModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackLoginModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
-
FeedbackLoginModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackLoginModalComponent, selector: "symphony-feedback-login-modal", inputs: { model: "model" }, outputs: { verifyClicked: "verifyClicked", resendClick: "resendClick" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4>Two-Factor Authentication</symphony-h4>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\" *ngIf=\"!model.isLoading\">\n <symphony-paragraph>To access the feedback request, two-factor authentication is required. Please enter the verification code that was sent to the following email address:</symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-mb-20 sfx-d-block\"\n [text]=\"model.email\"\n ></symphony-paragraph>\n <div>\n <symphony-input-text\n class=\"authentication-input sfx-d-inline-block\"\n [label]=\"'Authentication Code'\"\n (textChange)=\"onAuthCodeChange($event)\"\n >\n </symphony-input-text>\n <symphony-h5\n class=\"sfx-d-inline-block sfx-cursor-pointer\"\n [text]=\"'Resend'\"\n (click)=\"onResendClick()\"\n ></symphony-h5>\n </div>\n <div class=\"input-validation sfx-txt-red\">\n <p *ngIf=\"model.showApiError\">Verification code is not valid<span>*</span></p>\n </div>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-d-block\"\n >If you dont have access to the email address listed above, please contact your administrator</symphony-paragraph>\n </section>\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"'Verify'\"\n [disabled]=\"model.isVerifyButtonDisabled || model.isLoading\"\n (clicked)=\"onVerifyClick($event)\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".modal-wrapper{margin:0 auto;max-width:500px;width:100%;box-shadow:0 0 30px #0003}.authentication-input .input-text-label{margin-left:0!important}.authentication-input input{width:100px!important;margin-left:0!important}.loader-container{padding-top:100px;padding-bottom:100px}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i3.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: i4.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: i6.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
28
|
+
FeedbackLoginModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackLoginModalComponent, selector: "symphony-feedback-login-modal", inputs: { model: "model" }, outputs: { verifyClicked: "verifyClicked", resendClick: "resendClick", authCodeChange: "authCodeChange" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4>Two-Factor Authentication</symphony-h4>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\" *ngIf=\"!model.isLoading\">\n <symphony-paragraph>To access the feedback request, two-factor authentication is required. Please enter the verification code that was sent to the following email address:</symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-mb-20 sfx-d-block\"\n [text]=\"model.email\"\n ></symphony-paragraph>\n <div>\n <symphony-input-text\n class=\"authentication-input sfx-d-inline-block\"\n [label]=\"'Authentication Code'\"\n (textChange)=\"onAuthCodeChange($event)\"\n >\n </symphony-input-text>\n <symphony-h5\n class=\"sfx-d-inline-block sfx-cursor-pointer\"\n [text]=\"'Resend'\"\n (click)=\"onResendClick()\"\n ></symphony-h5>\n </div>\n <div class=\"input-validation sfx-txt-red\">\n <p *ngIf=\"model.showApiError\">Verification code is not valid<span>*</span></p>\n </div>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-d-block\"\n >If you dont have access to the email address listed above, please contact your administrator</symphony-paragraph>\n </section>\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"'Verify'\"\n [disabled]=\"model.isVerifyButtonDisabled || model.isLoading\"\n (clicked)=\"onVerifyClick($event)\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".modal-wrapper{margin:0 auto;max-width:500px;width:100%;box-shadow:0 0 30px #0003}.authentication-input .input-text-label{margin-left:0!important}.authentication-input input{width:100px!important;margin-left:0!important}.loader-container{padding-top:100px;padding-bottom:100px}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i3.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: i4.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: i6.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
27
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackLoginModalComponent, decorators: [{
|
|
28
30
|
type: Component,
|
|
29
31
|
args: [{ selector: 'symphony-feedback-login-modal', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4>Two-Factor Authentication</symphony-h4>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\" *ngIf=\"!model.isLoading\">\n <symphony-paragraph>To access the feedback request, two-factor authentication is required. Please enter the verification code that was sent to the following email address:</symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-mb-20 sfx-d-block\"\n [text]=\"model.email\"\n ></symphony-paragraph>\n <div>\n <symphony-input-text\n class=\"authentication-input sfx-d-inline-block\"\n [label]=\"'Authentication Code'\"\n (textChange)=\"onAuthCodeChange($event)\"\n >\n </symphony-input-text>\n <symphony-h5\n class=\"sfx-d-inline-block sfx-cursor-pointer\"\n [text]=\"'Resend'\"\n (click)=\"onResendClick()\"\n ></symphony-h5>\n </div>\n <div class=\"input-validation sfx-txt-red\">\n <p *ngIf=\"model.showApiError\">Verification code is not valid<span>*</span></p>\n </div>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-d-block\"\n >If you dont have access to the email address listed above, please contact your administrator</symphony-paragraph>\n </section>\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"'Verify'\"\n [disabled]=\"model.isVerifyButtonDisabled || model.isLoading\"\n (clicked)=\"onVerifyClick($event)\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".modal-wrapper{margin:0 auto;max-width:500px;width:100%;box-shadow:0 0 30px #0003}.authentication-input .input-text-label{margin-left:0!important}.authentication-input input{width:100px!important;margin-left:0!important}.loader-container{padding-top:100px;padding-bottom:100px}\n"] }]
|
|
@@ -33,5 +35,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
33
35
|
type: Output
|
|
34
36
|
}], resendClick: [{
|
|
35
37
|
type: Output
|
|
38
|
+
}], authCodeChange: [{
|
|
39
|
+
type: Output
|
|
36
40
|
}] } });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stbG9naW4tbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZmVlZGJhY2stbG9naW4tbW9kYWwvZmVlZGJhY2stbG9naW4tbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZmVlZGJhY2stbG9naW4tbW9kYWwvZmVlZGJhY2stbG9naW4tbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7OztBQVF2QixNQUFNLE9BQU8sMkJBQTJCO0lBT3RDO1FBTFUsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQzNDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN2QyxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFHdkMsQ0FBQztJQUVoQixhQUFhLENBQUMsSUFBWTtRQUN4QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUNELGdCQUFnQixDQUFDLFFBQWdCO1FBQy9CLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFDRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDOzt3SEFsQlUsMkJBQTJCOzRHQUEzQiwyQkFBMkIsNE1DZHhDLHE1REFnREE7MkZEbENhLDJCQUEyQjtrQkFOdkMsU0FBUzsrQkFDRSwrQkFBK0IsaUJBRzFCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csY0FBYztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGZWVkYmFja0xvZ2luTW9kZWwgfSBmcm9tICcuL2ZlZWRiYWNrLWxvZ2luLW1vZGFsLm1vZGVsJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWZlZWRiYWNrLWxvZ2luLW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZlZWRiYWNrLWxvZ2luLW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmVlZGJhY2stbG9naW4tbW9kYWwuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRmVlZGJhY2tMb2dpbk1vZGFsQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbW9kZWw6IEZlZWRiYWNrTG9naW5Nb2RlbDtcbiAgQE91dHB1dCgpIHZlcmlmeUNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIHJlc2VuZENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgYXV0aENvZGVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgcHVibGljIGF1dGhDb2RlOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uVmVyaWZ5Q2xpY2sodGV4dDogc3RyaW5nKSB7XG4gICAgdGhpcy52ZXJpZnlDbGlja2VkLmVtaXQodGhpcy5hdXRoQ29kZSk7XG4gIH1cbiAgb25BdXRoQ29kZUNoYW5nZShhdXRoQ29kZTogc3RyaW5nKSB7XG4gICAgdGhpcy5hdXRoQ29kZSA9IGF1dGhDb2RlO1xuICAgIHRoaXMuYXV0aENvZGVDaGFuZ2UuZW1pdChhdXRoQ29kZSk7XG4gIH1cbiAgb25SZXNlbmRDbGljaygpIHtcbiAgICB0aGlzLnJlc2VuZENsaWNrLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNmeCBzZngtbW9kYWxcIj5cbiAgPHNlY3Rpb24gY2xhc3M9XCJtb2RhbC1oZWFkZXIgc2Z4LXAtMzAgc2Z4LXB0LTQwXCI+XG4gICAgPGRpdiBjbGFzcz1cIm1vZGFsLXRpdGxlXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtOCBjb2wtc20tOCBjb2wtbWQtOCBjb2wtbGctOFwiPlxuICAgICAgICAgIDxzeW1waG9ueS1oND5Ud28tRmFjdG9yIEF1dGhlbnRpY2F0aW9uPC9zeW1waG9ueS1oND5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9zZWN0aW9uPlxuICA8c2VjdGlvbiBjbGFzcz1cIm1vZGFsLWJvZHkgc2Z4LXAtMzBcIiAqbmdJZj1cIiFtb2RlbC5pc0xvYWRpbmdcIj5cbiAgICA8c3ltcGhvbnktcGFyYWdyYXBoPlRvIGFjY2VzcyB0aGUgZmVlZGJhY2sgcmVxdWVzdCwgdHdvLWZhY3RvciBhdXRoZW50aWNhdGlvbiBpcyByZXF1aXJlZC4gUGxlYXNlIGVudGVyIHRoZSB2ZXJpZmljYXRpb24gY29kZSB0aGF0IHdhcyBzZW50IHRvIHRoZSBmb2xsb3dpbmcgZW1haWwgYWRkcmVzczo8L3N5bXBob255LXBhcmFncmFwaD5cbiAgICA8c3ltcGhvbnktcGFyYWdyYXBoXG4gICAgICBjbGFzcz1cInNmeC1tdC0yMCBzZngtbWItMjAgc2Z4LWQtYmxvY2tcIlxuICAgICAgW3RleHRdPVwibW9kZWwuZW1haWxcIlxuICAgID48L3N5bXBob255LXBhcmFncmFwaD5cbiAgICA8ZGl2PlxuICAgICAgPHN5bXBob255LWlucHV0LXRleHRcbiAgICAgICAgY2xhc3M9XCJhdXRoZW50aWNhdGlvbi1pbnB1dCBzZngtZC1pbmxpbmUtYmxvY2tcIlxuICAgICAgICBbbGFiZWxdPVwiJ0F1dGhlbnRpY2F0aW9uIENvZGUnXCJcbiAgICAgICAgKHRleHRDaGFuZ2UpPVwib25BdXRoQ29kZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgID5cbiAgICAgIDwvc3ltcGhvbnktaW5wdXQtdGV4dD5cbiAgICAgIDxzeW1waG9ueS1oNVxuICAgICAgICBjbGFzcz1cInNmeC1kLWlubGluZS1ibG9jayBzZngtY3Vyc29yLXBvaW50ZXJcIlxuICAgICAgICBbdGV4dF09XCInUmVzZW5kJ1wiXG4gICAgICAgIChjbGljayk9XCJvblJlc2VuZENsaWNrKClcIlxuICAgICAgPjwvc3ltcGhvbnktaDU+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImlucHV0LXZhbGlkYXRpb24gc2Z4LXR4dC1yZWRcIj5cbiAgICAgICAgPHAgKm5nSWY9XCJtb2RlbC5zaG93QXBpRXJyb3JcIj5WZXJpZmljYXRpb24gY29kZSBpcyBub3QgdmFsaWQ8c3Bhbj4qPC9zcGFuPjwvcD5cbiAgICA8L2Rpdj5cbiAgICA8c3ltcGhvbnktcGFyYWdyYXBoXG4gICAgICBjbGFzcz1cInNmeC1tdC0yMCBzZngtZC1ibG9ja1wiXG4gICAgPklmIHlvdSBkb250IGhhdmUgYWNjZXNzIHRvIHRoZSBlbWFpbCBhZGRyZXNzIGxpc3RlZCBhYm92ZSwgcGxlYXNlIGNvbnRhY3QgeW91ciBhZG1pbmlzdHJhdG9yPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gIDwvc2VjdGlvbj5cbiAgPGRpdiBjbGFzcz1cImxvYWRlci1jb250YWluZXJcIiAqbmdJZj1cIm1vZGVsLmlzTG9hZGluZ1wiIHNmeC1tb2RhbC1ib2R5LWFyZWE+XG4gICAgPHN5bXBob255LXNmeC1sb2FkZXI+PC9zeW1waG9ueS1zZngtbG9hZGVyPlxuICA8L2Rpdj5cbiAgPHNlY3Rpb24gY2xhc3M9XCJtb2RhbC1mb290ZXIgc2Z4LXB0LTMwIHNmeC1wYi00MCBzZngtcHItMzAgc2Z4LXBsLTMwXCI+XG4gICAgPHN5bXBob255LWJ1dHRvblxuICAgICAgY2xhc3M9XCJzZngtbWwtMjBcIlxuICAgICAgW3RleHRdPVwiJ1ZlcmlmeSdcIlxuICAgICAgW2Rpc2FibGVkXT1cIm1vZGVsLmlzVmVyaWZ5QnV0dG9uRGlzYWJsZWQgfHwgbW9kZWwuaXNMb2FkaW5nXCJcbiAgICAgIChjbGlja2VkKT1cIm9uVmVyaWZ5Q2xpY2soJGV2ZW50KVwiXG4gICAgPjwvc3ltcGhvbnktYnV0dG9uPlxuICA8L3NlY3Rpb24+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -11,19 +11,21 @@ export class FeedbackLoginModalComponent {
|
|
|
11
11
|
constructor() {
|
|
12
12
|
this.verifyClicked = new EventEmitter();
|
|
13
13
|
this.resendClick = new EventEmitter();
|
|
14
|
+
this.authCodeChange = new EventEmitter();
|
|
14
15
|
}
|
|
15
16
|
onVerifyClick(text) {
|
|
16
17
|
this.verifyClicked.emit(this.authCode);
|
|
17
18
|
}
|
|
18
19
|
onAuthCodeChange(authCode) {
|
|
19
20
|
this.authCode = authCode;
|
|
21
|
+
this.authCodeChange.emit(authCode);
|
|
20
22
|
}
|
|
21
23
|
onResendClick() {
|
|
22
24
|
this.resendClick.emit();
|
|
23
25
|
}
|
|
24
26
|
}
|
|
25
27
|
FeedbackLoginModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackLoginModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
-
FeedbackLoginModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackLoginModalComponent, selector: "symphony-feedback-login-modal", inputs: { model: "model" }, outputs: { verifyClicked: "verifyClicked", resendClick: "resendClick" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4>Two-Factor Authentication</symphony-h4>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\" *ngIf=\"!model.isLoading\">\n <symphony-paragraph>To access the feedback request, two-factor authentication is required. Please enter the verification code that was sent to the following email address:</symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-mb-20 sfx-d-block\"\n [text]=\"model.email\"\n ></symphony-paragraph>\n <div>\n <symphony-input-text\n class=\"authentication-input sfx-d-inline-block\"\n [label]=\"'Authentication Code'\"\n (textChange)=\"onAuthCodeChange($event)\"\n >\n </symphony-input-text>\n <symphony-h5\n class=\"sfx-d-inline-block sfx-cursor-pointer\"\n [text]=\"'Resend'\"\n (click)=\"onResendClick()\"\n ></symphony-h5>\n </div>\n <div class=\"input-validation sfx-txt-red\">\n <p *ngIf=\"model.showApiError\">Verification code is not valid<span>*</span></p>\n </div>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-d-block\"\n >If you dont have access to the email address listed above, please contact your administrator</symphony-paragraph>\n </section>\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"'Verify'\"\n [disabled]=\"model.isVerifyButtonDisabled || model.isLoading\"\n (clicked)=\"onVerifyClick($event)\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".modal-wrapper{margin:0 auto;max-width:500px;width:100%;box-shadow:0 0 30px #0003}.authentication-input .input-text-label{margin-left:0!important}.authentication-input input{width:100px!important;margin-left:0!important}.loader-container{padding-top:100px;padding-bottom:100px}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i3.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: i4.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: i6.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
28
|
+
FeedbackLoginModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackLoginModalComponent, selector: "symphony-feedback-login-modal", inputs: { model: "model" }, outputs: { verifyClicked: "verifyClicked", resendClick: "resendClick", authCodeChange: "authCodeChange" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4>Two-Factor Authentication</symphony-h4>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\" *ngIf=\"!model.isLoading\">\n <symphony-paragraph>To access the feedback request, two-factor authentication is required. Please enter the verification code that was sent to the following email address:</symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-mb-20 sfx-d-block\"\n [text]=\"model.email\"\n ></symphony-paragraph>\n <div>\n <symphony-input-text\n class=\"authentication-input sfx-d-inline-block\"\n [label]=\"'Authentication Code'\"\n (textChange)=\"onAuthCodeChange($event)\"\n >\n </symphony-input-text>\n <symphony-h5\n class=\"sfx-d-inline-block sfx-cursor-pointer\"\n [text]=\"'Resend'\"\n (click)=\"onResendClick()\"\n ></symphony-h5>\n </div>\n <div class=\"input-validation sfx-txt-red\">\n <p *ngIf=\"model.showApiError\">Verification code is not valid<span>*</span></p>\n </div>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-d-block\"\n >If you dont have access to the email address listed above, please contact your administrator</symphony-paragraph>\n </section>\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"'Verify'\"\n [disabled]=\"model.isVerifyButtonDisabled || model.isLoading\"\n (clicked)=\"onVerifyClick($event)\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".modal-wrapper{margin:0 auto;max-width:500px;width:100%;box-shadow:0 0 30px #0003}.authentication-input .input-text-label{margin-left:0!important}.authentication-input input{width:100px!important;margin-left:0!important}.loader-container{padding-top:100px;padding-bottom:100px}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i3.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: i4.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: i6.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
27
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackLoginModalComponent, decorators: [{
|
|
28
30
|
type: Component,
|
|
29
31
|
args: [{ selector: 'symphony-feedback-login-modal', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4>Two-Factor Authentication</symphony-h4>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\" *ngIf=\"!model.isLoading\">\n <symphony-paragraph>To access the feedback request, two-factor authentication is required. Please enter the verification code that was sent to the following email address:</symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-mb-20 sfx-d-block\"\n [text]=\"model.email\"\n ></symphony-paragraph>\n <div>\n <symphony-input-text\n class=\"authentication-input sfx-d-inline-block\"\n [label]=\"'Authentication Code'\"\n (textChange)=\"onAuthCodeChange($event)\"\n >\n </symphony-input-text>\n <symphony-h5\n class=\"sfx-d-inline-block sfx-cursor-pointer\"\n [text]=\"'Resend'\"\n (click)=\"onResendClick()\"\n ></symphony-h5>\n </div>\n <div class=\"input-validation sfx-txt-red\">\n <p *ngIf=\"model.showApiError\">Verification code is not valid<span>*</span></p>\n </div>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-d-block\"\n >If you dont have access to the email address listed above, please contact your administrator</symphony-paragraph>\n </section>\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"'Verify'\"\n [disabled]=\"model.isVerifyButtonDisabled || model.isLoading\"\n (clicked)=\"onVerifyClick($event)\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".modal-wrapper{margin:0 auto;max-width:500px;width:100%;box-shadow:0 0 30px #0003}.authentication-input .input-text-label{margin-left:0!important}.authentication-input input{width:100px!important;margin-left:0!important}.loader-container{padding-top:100px;padding-bottom:100px}\n"] }]
|
|
@@ -33,5 +35,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
33
35
|
type: Output
|
|
34
36
|
}], resendClick: [{
|
|
35
37
|
type: Output
|
|
38
|
+
}], authCodeChange: [{
|
|
39
|
+
type: Output
|
|
36
40
|
}] } });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stbG9naW4tbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZmVlZGJhY2stbG9naW4tbW9kYWwvZmVlZGJhY2stbG9naW4tbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZmVlZGJhY2stbG9naW4tbW9kYWwvZmVlZGJhY2stbG9naW4tbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7OztBQVF2QixNQUFNLE9BQU8sMkJBQTJCO0lBT3RDO1FBTFUsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQzNDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN2QyxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFHdkMsQ0FBQztJQUVoQixhQUFhLENBQUMsSUFBWTtRQUN4QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUNELGdCQUFnQixDQUFDLFFBQWdCO1FBQy9CLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFDRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDOzt3SEFsQlUsMkJBQTJCOzRHQUEzQiwyQkFBMkIsNE1DZHhDLHE1REFnREE7MkZEbENhLDJCQUEyQjtrQkFOdkMsU0FBUzsrQkFDRSwrQkFBK0IsaUJBRzFCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csY0FBYztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGZWVkYmFja0xvZ2luTW9kZWwgfSBmcm9tICcuL2ZlZWRiYWNrLWxvZ2luLW1vZGFsLm1vZGVsJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWZlZWRiYWNrLWxvZ2luLW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZlZWRiYWNrLWxvZ2luLW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmVlZGJhY2stbG9naW4tbW9kYWwuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRmVlZGJhY2tMb2dpbk1vZGFsQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbW9kZWw6IEZlZWRiYWNrTG9naW5Nb2RlbDtcbiAgQE91dHB1dCgpIHZlcmlmeUNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIHJlc2VuZENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgYXV0aENvZGVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgcHVibGljIGF1dGhDb2RlOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uVmVyaWZ5Q2xpY2sodGV4dDogc3RyaW5nKSB7XG4gICAgdGhpcy52ZXJpZnlDbGlja2VkLmVtaXQodGhpcy5hdXRoQ29kZSk7XG4gIH1cbiAgb25BdXRoQ29kZUNoYW5nZShhdXRoQ29kZTogc3RyaW5nKSB7XG4gICAgdGhpcy5hdXRoQ29kZSA9IGF1dGhDb2RlO1xuICAgIHRoaXMuYXV0aENvZGVDaGFuZ2UuZW1pdChhdXRoQ29kZSk7XG4gIH1cbiAgb25SZXNlbmRDbGljaygpIHtcbiAgICB0aGlzLnJlc2VuZENsaWNrLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNmeCBzZngtbW9kYWxcIj5cbiAgPHNlY3Rpb24gY2xhc3M9XCJtb2RhbC1oZWFkZXIgc2Z4LXAtMzAgc2Z4LXB0LTQwXCI+XG4gICAgPGRpdiBjbGFzcz1cIm1vZGFsLXRpdGxlXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtOCBjb2wtc20tOCBjb2wtbWQtOCBjb2wtbGctOFwiPlxuICAgICAgICAgIDxzeW1waG9ueS1oND5Ud28tRmFjdG9yIEF1dGhlbnRpY2F0aW9uPC9zeW1waG9ueS1oND5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9zZWN0aW9uPlxuICA8c2VjdGlvbiBjbGFzcz1cIm1vZGFsLWJvZHkgc2Z4LXAtMzBcIiAqbmdJZj1cIiFtb2RlbC5pc0xvYWRpbmdcIj5cbiAgICA8c3ltcGhvbnktcGFyYWdyYXBoPlRvIGFjY2VzcyB0aGUgZmVlZGJhY2sgcmVxdWVzdCwgdHdvLWZhY3RvciBhdXRoZW50aWNhdGlvbiBpcyByZXF1aXJlZC4gUGxlYXNlIGVudGVyIHRoZSB2ZXJpZmljYXRpb24gY29kZSB0aGF0IHdhcyBzZW50IHRvIHRoZSBmb2xsb3dpbmcgZW1haWwgYWRkcmVzczo8L3N5bXBob255LXBhcmFncmFwaD5cbiAgICA8c3ltcGhvbnktcGFyYWdyYXBoXG4gICAgICBjbGFzcz1cInNmeC1tdC0yMCBzZngtbWItMjAgc2Z4LWQtYmxvY2tcIlxuICAgICAgW3RleHRdPVwibW9kZWwuZW1haWxcIlxuICAgID48L3N5bXBob255LXBhcmFncmFwaD5cbiAgICA8ZGl2PlxuICAgICAgPHN5bXBob255LWlucHV0LXRleHRcbiAgICAgICAgY2xhc3M9XCJhdXRoZW50aWNhdGlvbi1pbnB1dCBzZngtZC1pbmxpbmUtYmxvY2tcIlxuICAgICAgICBbbGFiZWxdPVwiJ0F1dGhlbnRpY2F0aW9uIENvZGUnXCJcbiAgICAgICAgKHRleHRDaGFuZ2UpPVwib25BdXRoQ29kZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgID5cbiAgICAgIDwvc3ltcGhvbnktaW5wdXQtdGV4dD5cbiAgICAgIDxzeW1waG9ueS1oNVxuICAgICAgICBjbGFzcz1cInNmeC1kLWlubGluZS1ibG9jayBzZngtY3Vyc29yLXBvaW50ZXJcIlxuICAgICAgICBbdGV4dF09XCInUmVzZW5kJ1wiXG4gICAgICAgIChjbGljayk9XCJvblJlc2VuZENsaWNrKClcIlxuICAgICAgPjwvc3ltcGhvbnktaDU+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImlucHV0LXZhbGlkYXRpb24gc2Z4LXR4dC1yZWRcIj5cbiAgICAgICAgPHAgKm5nSWY9XCJtb2RlbC5zaG93QXBpRXJyb3JcIj5WZXJpZmljYXRpb24gY29kZSBpcyBub3QgdmFsaWQ8c3Bhbj4qPC9zcGFuPjwvcD5cbiAgICA8L2Rpdj5cbiAgICA8c3ltcGhvbnktcGFyYWdyYXBoXG4gICAgICBjbGFzcz1cInNmeC1tdC0yMCBzZngtZC1ibG9ja1wiXG4gICAgPklmIHlvdSBkb250IGhhdmUgYWNjZXNzIHRvIHRoZSBlbWFpbCBhZGRyZXNzIGxpc3RlZCBhYm92ZSwgcGxlYXNlIGNvbnRhY3QgeW91ciBhZG1pbmlzdHJhdG9yPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gIDwvc2VjdGlvbj5cbiAgPGRpdiBjbGFzcz1cImxvYWRlci1jb250YWluZXJcIiAqbmdJZj1cIm1vZGVsLmlzTG9hZGluZ1wiIHNmeC1tb2RhbC1ib2R5LWFyZWE+XG4gICAgPHN5bXBob255LXNmeC1sb2FkZXI+PC9zeW1waG9ueS1zZngtbG9hZGVyPlxuICA8L2Rpdj5cbiAgPHNlY3Rpb24gY2xhc3M9XCJtb2RhbC1mb290ZXIgc2Z4LXB0LTMwIHNmeC1wYi00MCBzZngtcHItMzAgc2Z4LXBsLTMwXCI+XG4gICAgPHN5bXBob255LWJ1dHRvblxuICAgICAgY2xhc3M9XCJzZngtbWwtMjBcIlxuICAgICAgW3RleHRdPVwiJ1ZlcmlmeSdcIlxuICAgICAgW2Rpc2FibGVkXT1cIm1vZGVsLmlzVmVyaWZ5QnV0dG9uRGlzYWJsZWQgfHwgbW9kZWwuaXNMb2FkaW5nXCJcbiAgICAgIChjbGlja2VkKT1cIm9uVmVyaWZ5Q2xpY2soJGV2ZW50KVwiXG4gICAgPjwvc3ltcGhvbnktYnV0dG9uPlxuICA8L3NlY3Rpb24+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -2979,19 +2979,21 @@ class FeedbackLoginModalComponent {
|
|
|
2979
2979
|
constructor() {
|
|
2980
2980
|
this.verifyClicked = new EventEmitter();
|
|
2981
2981
|
this.resendClick = new EventEmitter();
|
|
2982
|
+
this.authCodeChange = new EventEmitter();
|
|
2982
2983
|
}
|
|
2983
2984
|
onVerifyClick(text) {
|
|
2984
2985
|
this.verifyClicked.emit(this.authCode);
|
|
2985
2986
|
}
|
|
2986
2987
|
onAuthCodeChange(authCode) {
|
|
2987
2988
|
this.authCode = authCode;
|
|
2989
|
+
this.authCodeChange.emit(authCode);
|
|
2988
2990
|
}
|
|
2989
2991
|
onResendClick() {
|
|
2990
2992
|
this.resendClick.emit();
|
|
2991
2993
|
}
|
|
2992
2994
|
}
|
|
2993
2995
|
FeedbackLoginModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackLoginModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2994
|
-
FeedbackLoginModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackLoginModalComponent, selector: "symphony-feedback-login-modal", inputs: { model: "model" }, outputs: { verifyClicked: "verifyClicked", resendClick: "resendClick" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4>Two-Factor Authentication</symphony-h4>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\" *ngIf=\"!model.isLoading\">\n <symphony-paragraph>To access the feedback request, two-factor authentication is required. Please enter the verification code that was sent to the following email address:</symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-mb-20 sfx-d-block\"\n [text]=\"model.email\"\n ></symphony-paragraph>\n <div>\n <symphony-input-text\n class=\"authentication-input sfx-d-inline-block\"\n [label]=\"'Authentication Code'\"\n (textChange)=\"onAuthCodeChange($event)\"\n >\n </symphony-input-text>\n <symphony-h5\n class=\"sfx-d-inline-block sfx-cursor-pointer\"\n [text]=\"'Resend'\"\n (click)=\"onResendClick()\"\n ></symphony-h5>\n </div>\n <div class=\"input-validation sfx-txt-red\">\n <p *ngIf=\"model.showApiError\">Verification code is not valid<span>*</span></p>\n </div>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-d-block\"\n >If you dont have access to the email address listed above, please contact your administrator</symphony-paragraph>\n </section>\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"'Verify'\"\n [disabled]=\"model.isVerifyButtonDisabled || model.isLoading\"\n (clicked)=\"onVerifyClick($event)\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".modal-wrapper{margin:0 auto;max-width:500px;width:100%;box-shadow:0 0 30px #0003}.authentication-input .input-text-label{margin-left:0!important}.authentication-input input{width:100px!important;margin-left:0!important}.loader-container{padding-top:100px;padding-bottom:100px}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2996
|
+
FeedbackLoginModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackLoginModalComponent, selector: "symphony-feedback-login-modal", inputs: { model: "model" }, outputs: { verifyClicked: "verifyClicked", resendClick: "resendClick", authCodeChange: "authCodeChange" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4>Two-Factor Authentication</symphony-h4>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\" *ngIf=\"!model.isLoading\">\n <symphony-paragraph>To access the feedback request, two-factor authentication is required. Please enter the verification code that was sent to the following email address:</symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-mb-20 sfx-d-block\"\n [text]=\"model.email\"\n ></symphony-paragraph>\n <div>\n <symphony-input-text\n class=\"authentication-input sfx-d-inline-block\"\n [label]=\"'Authentication Code'\"\n (textChange)=\"onAuthCodeChange($event)\"\n >\n </symphony-input-text>\n <symphony-h5\n class=\"sfx-d-inline-block sfx-cursor-pointer\"\n [text]=\"'Resend'\"\n (click)=\"onResendClick()\"\n ></symphony-h5>\n </div>\n <div class=\"input-validation sfx-txt-red\">\n <p *ngIf=\"model.showApiError\">Verification code is not valid<span>*</span></p>\n </div>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-d-block\"\n >If you dont have access to the email address listed above, please contact your administrator</symphony-paragraph>\n </section>\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"'Verify'\"\n [disabled]=\"model.isVerifyButtonDisabled || model.isLoading\"\n (clicked)=\"onVerifyClick($event)\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".modal-wrapper{margin:0 auto;max-width:500px;width:100%;box-shadow:0 0 30px #0003}.authentication-input .input-text-label{margin-left:0!important}.authentication-input input{width:100px!important;margin-left:0!important}.loader-container{padding-top:100px;padding-bottom:100px}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2995
2997
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackLoginModalComponent, decorators: [{
|
|
2996
2998
|
type: Component,
|
|
2997
2999
|
args: [{ selector: 'symphony-feedback-login-modal', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx sfx-modal\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4>Two-Factor Authentication</symphony-h4>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\" *ngIf=\"!model.isLoading\">\n <symphony-paragraph>To access the feedback request, two-factor authentication is required. Please enter the verification code that was sent to the following email address:</symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-mb-20 sfx-d-block\"\n [text]=\"model.email\"\n ></symphony-paragraph>\n <div>\n <symphony-input-text\n class=\"authentication-input sfx-d-inline-block\"\n [label]=\"'Authentication Code'\"\n (textChange)=\"onAuthCodeChange($event)\"\n >\n </symphony-input-text>\n <symphony-h5\n class=\"sfx-d-inline-block sfx-cursor-pointer\"\n [text]=\"'Resend'\"\n (click)=\"onResendClick()\"\n ></symphony-h5>\n </div>\n <div class=\"input-validation sfx-txt-red\">\n <p *ngIf=\"model.showApiError\">Verification code is not valid<span>*</span></p>\n </div>\n <symphony-paragraph\n class=\"sfx-mt-20 sfx-d-block\"\n >If you dont have access to the email address listed above, please contact your administrator</symphony-paragraph>\n </section>\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pr-30 sfx-pl-30\">\n <symphony-button\n class=\"sfx-ml-20\"\n [text]=\"'Verify'\"\n [disabled]=\"model.isVerifyButtonDisabled || model.isLoading\"\n (clicked)=\"onVerifyClick($event)\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".modal-wrapper{margin:0 auto;max-width:500px;width:100%;box-shadow:0 0 30px #0003}.authentication-input .input-text-label{margin-left:0!important}.authentication-input input{width:100px!important;margin-left:0!important}.loader-container{padding-top:100px;padding-bottom:100px}\n"] }]
|
|
@@ -3001,6 +3003,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
3001
3003
|
type: Output
|
|
3002
3004
|
}], resendClick: [{
|
|
3003
3005
|
type: Output
|
|
3006
|
+
}], authCodeChange: [{
|
|
3007
|
+
type: Output
|
|
3004
3008
|
}] } });
|
|
3005
3009
|
|
|
3006
3010
|
class FeedbackLoginModalModule {
|