import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
import { ComboOption } from '../../models/questionnaire/ComboModel';
import { Validators } from '@angular/forms';
import { BasePage } from '../../pages/BasePage';
import { LibConstants } from '../../models/LibConstants';
import * as i0 from "@angular/core";
import * as i1 from "../../services/logger/logger.service";
import * as i2 from "../../services/login/login.service";
import * as i3 from "../../services/claimant-service/claimant.service";
import * as i4 from "../../services/birt-service/birt.service";
import * as i5 from "../../services/claims/claims.service";
import * as i6 from "@ionic/angular";
import * as i7 from "../../services/security-service/security.service";
import * as i8 from "../../services/util/util.service";
import * as i9 from "@angular/forms";
import * as i10 from "@angular/common";
import * as i11 from "primeng/api";
import * as i12 from "@angular/material/form-field";
import * as i13 from "primeng/dialog";
import * as i14 from "primeng/table";
import * as i15 from "primeng/inputmask";
import * as i16 from "primeng/selectbutton";
import * as i17 from "../error/error.component";
import * as i18 from "../questionnaire/form-builder/form-builder.page";
import * as i19 from "@ngx-translate/core";
const _c0 = ["fb"];
const _c1 = ["otpFormDirective"];
function ProfileComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
    const _r10 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "ion-grid")(1, "ion-row")(2, "ion-col", 8);
    i0.ɵɵtext(3);
    i0.ɵɵpipe(4, "translate");
    i0.ɵɵelementStart(5, "span", 9);
    i0.ɵɵtext(6);
    i0.ɵɵelementEnd()()();
    i0.ɵɵelementStart(7, "ion-row")(8, "ion-col")(9, "p-selectButton", 10);
    i0.ɵɵlistener("ngModelChange", function ProfileComponent_ng_template_1_Template_p_selectButton_ngModelChange_9_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.selected = $event); })("onOptionClick", function ProfileComponent_ng_template_1_Template_p_selectButton_onOptionClick_9_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.onValueChange($event)); });
    i0.ɵɵelementEnd()()()();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵadvance(3);
    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 4, "Your Account"), " ");
    i0.ɵɵadvance(3);
    i0.ɵɵtextInterpolate1("(CLAIMANT ID ", ctx_r0.ls.getUser().claimantId, ")");
    i0.ɵɵadvance(3);
    i0.ɵɵproperty("options", ctx_r0.profileOpts)("ngModel", ctx_r0.selected);
} }
function ProfileComponent_div_2_app_form_builder_1_Template(rf, ctx) { if (rf & 1) {
    const _r17 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "app-form-builder", 13, 14);
    i0.ɵɵlistener("onError", function ProfileComponent_div_2_app_form_builder_1_Template_app_form_builder_onError_0_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r16.handleError($event)); })("onComplete", function ProfileComponent_div_2_app_form_builder_1_Template_app_form_builder_onComplete_0_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r18 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r18.success($event)); });
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r12 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("flowKey", ctx_r12.selected)("showOnlyQuestion", true)("hideHeader", true)("hideFooter", true)("sizeXs", 12)("sizeSm", 12)("sizeMd", 12)("sizeLg", 12)("sizeXl", 12)("offsetXl", 0)("offsetLg", 0);
} }
function ProfileComponent_div_2_app_form_builder_2_Template(rf, ctx) { if (rf & 1) {
    const _r21 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "app-form-builder", 13, 14);
    i0.ɵɵlistener("onError", function ProfileComponent_div_2_app_form_builder_2_Template_app_form_builder_onError_0_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r20 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r20.handleError($event)); })("onComplete", function ProfileComponent_div_2_app_form_builder_2_Template_app_form_builder_onComplete_0_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r22 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r22.success($event)); });
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r13 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("flowKey", ctx_r13.selected)("showOnlyQuestion", true)("hideHeader", true)("hideFooter", true)("sizeXs", 12)("sizeSm", 12)("sizeMd", 12)("sizeLg", 12)("sizeXl", 12)("offsetXl", 0)("offsetLg", 0);
} }
function ProfileComponent_div_2_app_form_builder_3_Template(rf, ctx) { if (rf & 1) {
    const _r25 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "app-form-builder", 13, 14);
    i0.ɵɵlistener("onError", function ProfileComponent_div_2_app_form_builder_3_Template_app_form_builder_onError_0_listener($event) { i0.ɵɵrestoreView(_r25); const ctx_r24 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r24.handleError($event)); })("onComplete", function ProfileComponent_div_2_app_form_builder_3_Template_app_form_builder_onComplete_0_listener($event) { i0.ɵɵrestoreView(_r25); const ctx_r26 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r26.success($event)); });
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r14 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("flowKey", ctx_r14.selected)("showOnlyQuestion", true)("hideHeader", true)("hideFooter", true)("sizeXs", 12)("sizeSm", 12)("sizeMd", 12)("sizeLg", 12)("sizeXl", 12)("offsetXl", 0)("offsetLg", 0);
} }
function ProfileComponent_div_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 11);
    i0.ɵɵtemplate(1, ProfileComponent_div_2_app_form_builder_1_Template, 2, 11, "app-form-builder", 12)(2, ProfileComponent_div_2_app_form_builder_2_Template, 2, 11, "app-form-builder", 12)(3, ProfileComponent_div_2_app_form_builder_3_Template, 2, 11, "app-form-builder", 12);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r1 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r1.selected == "personal-details");
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r1.selected == "contact-details");
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r1.selected == "payment-details");
} }
function ProfileComponent_div_3_div_1_ng_template_5_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "tr")(1, "td")(2, "a", 23);
    i0.ɵɵelement(3, "i", 24);
    i0.ɵɵelementEnd()();
    i0.ɵɵelementStart(4, "td");
    i0.ɵɵtext(5);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(6, "td");
    i0.ɵɵtext(7);
    i0.ɵɵelementEnd()();
} if (rf & 2) {
    const data_r32 = ctx.$implicit;
    const expanded_r33 = ctx.expanded;
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("pRowToggler", data_r32);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngClass", expanded_r33 ? "pi pi-chevron-down" : "pi pi-chevron-right");
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate2(" ", data_r32.effectiveDate, " - ", data_r32.byeDate, " ");
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate1(" ", data_r32.entitlementType, " ");
} }
function ProfileComponent_div_3_div_1_ng_template_6_Template(rf, ctx) { if (rf & 1) {
    const _r36 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "tr")(1, "td", 25)(2, "ion-grid")(3, "ion-row")(4, "ion-col", 26);
    i0.ɵɵelement(5, "img", 27);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(6, "ion-col", 28)(7, "ion-row");
    i0.ɵɵelement(8, "span", 29);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(9, "ion-row")(10, "ion-button", 30);
    i0.ɵɵlistener("click", function ProfileComponent_div_3_div_1_ng_template_6_Template_ion_button_click_10_listener() { i0.ɵɵrestoreView(_r36); const ctx_r35 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r35.getVerificationReport()); });
    i0.ɵɵtext(11);
    i0.ɵɵpipe(12, "translate");
    i0.ɵɵelementEnd()()()()()()();
} if (rf & 2) {
    const data_r34 = ctx.$implicit;
    const ctx_r31 = i0.ɵɵnextContext(3);
    i0.ɵɵadvance(5);
    i0.ɵɵproperty("src", ctx_r31.docFileLink, i0.ɵɵsanitizeUrl);
    i0.ɵɵadvance(3);
    i0.ɵɵproperty("innerHTML", data_r34.description, i0.ɵɵsanitizeHtml);
    i0.ɵɵadvance(3);
    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(12, 3, "profile.proof.of.unemployment.button.download.report"), " ");
} }
const _c2 = () => ({ "border-collapse": "separate", "border-spacing": "0 8px" });
function ProfileComponent_div_3_div_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 18)(1, "h2", 19);
    i0.ɵɵtext(2);
    i0.ɵɵpipe(3, "translate");
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(4, "p-table", 20);
    i0.ɵɵtemplate(5, ProfileComponent_div_3_div_1_ng_template_5_Template, 8, 5, "ng-template", 21)(6, ProfileComponent_div_3_div_1_ng_template_6_Template, 13, 5, "ng-template", 22);
    i0.ɵɵelementEnd()();
} if (rf & 2) {
    const ctx_r27 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 4, "profile.proof.of.unemployment.label.proof.of.unemployment.pay"), " ");
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("value", ctx_r27.listOfActiveClaim)("rowExpandMode", "single")("tableStyle", i0.ɵɵpureFunction0(6, _c2));
} }
function ProfileComponent_div_3_ng_template_2_div_12_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div");
    i0.ɵɵtext(1);
    i0.ɵɵpipe(2, "translate");
    i0.ɵɵelementEnd();
} if (rf & 2) {
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "profile.proof.of.unemployment.status.download.start"));
} }
function ProfileComponent_div_3_ng_template_2_mat_error_13_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "mat-error");
    i0.ɵɵtext(1);
    i0.ɵɵpipe(2, "translate");
    i0.ɵɵelementEnd();
} if (rf & 2) {
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "profile.proof.of.unemployment.status.download.error"));
} }
function ProfileComponent_div_3_ng_template_2_Template(rf, ctx) { if (rf & 1) {
    const _r40 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "ion-grid", 31)(1, "ion-row")(2, "ion-col", 32)(3, "label");
    i0.ɵɵtext(4);
    i0.ɵɵpipe(5, "translate");
    i0.ɵɵelementEnd();
    i0.ɵɵelement(6, "br");
    i0.ɵɵelementStart(7, "ion-button", 33);
    i0.ɵɵlistener("click", function ProfileComponent_div_3_ng_template_2_Template_ion_button_click_7_listener() { i0.ɵɵrestoreView(_r40); const ctx_r39 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r39.getExternalClaimantReport()); });
    i0.ɵɵelement(8, "ion-icon", 34);
    i0.ɵɵtext(9);
    i0.ɵɵpipe(10, "translate");
    i0.ɵɵelementEnd();
    i0.ɵɵelement(11, "br");
    i0.ɵɵtemplate(12, ProfileComponent_div_3_ng_template_2_div_12_Template, 3, 3, "div", 5)(13, ProfileComponent_div_3_ng_template_2_mat_error_13_Template, 3, 3, "mat-error", 5);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(14, "ion-col", 32)(15, "label");
    i0.ɵɵtext(16);
    i0.ɵɵpipe(17, "translate");
    i0.ɵɵelementEnd();
    i0.ɵɵelement(18, "br");
    i0.ɵɵelementStart(19, "ion-button", 35);
    i0.ɵɵlistener("click", function ProfileComponent_div_3_ng_template_2_Template_ion_button_click_19_listener() { i0.ɵɵrestoreView(_r40); const ctx_r41 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r41.redirectLink(".claimantsummaryverification")); });
    i0.ɵɵtext(20);
    i0.ɵɵpipe(21, "translate");
    i0.ɵɵelementEnd()()()();
} if (rf & 2) {
    const ctx_r28 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance(4);
    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 6, "profile.proof.of.unemployment.label.download.unemployment.claim.report"), " ");
    i0.ɵɵadvance(5);
    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(10, 8, "profile.proof.of.unemployment.button.external.claimant.report"), " ");
    i0.ɵɵadvance(3);
    i0.ɵɵproperty("ngIf", ctx_r28.downloadStatus == "started");
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r28.downloadStatus == "error");
    i0.ɵɵadvance(3);
    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(17, 10, "profile.proof.of.unemployment.label.summary.unemployment.claim"), " ");
    i0.ɵɵadvance(4);
    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(21, 12, "profile.proof.of.unemployment.button.unemployment.verification"));
} }
function ProfileComponent_div_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 15);
    i0.ɵɵtemplate(1, ProfileComponent_div_3_div_1_Template, 7, 7, "div", 16)(2, ProfileComponent_div_3_ng_template_2_Template, 22, 14, "ng-template", null, 17, i0.ɵɵtemplateRefExtractor);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const _r29 = i0.ɵɵreference(3);
    const ctx_r2 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r2.phaseTwoProofOfUIView === "true")("ngIfElse", _r29);
} }
const _c3 = a0 => ({ type: a0 });
const _c4 = () => ({ required: "Authcode is required.", minlength: "Authcode should have 6 numbers." });
function ProfileComponent_div_4_Template(rf, ctx) { if (rf & 1) {
    const _r44 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 36)(1, "form", 37, 38)(3, "ion-row")(4, "div", 39)(5, "ion-row");
    i0.ɵɵelement(6, "label", 40);
    i0.ɵɵpipe(7, "translate");
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(8, "ion-row")(9, "ion-col");
    i0.ɵɵelement(10, "p-inputMask", 41)(11, "app-error", 42);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(12, "ion-col")(13, "ion-button", 43);
    i0.ɵɵlistener("click", function ProfileComponent_div_4_Template_ion_button_click_13_listener() { i0.ɵɵrestoreView(_r44); const ctx_r43 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r43.verify()); });
    i0.ɵɵtext(14);
    i0.ɵɵpipe(15, "translate");
    i0.ɵɵelementEnd()()()()()()();
} if (rf & 2) {
    const _r42 = i0.ɵɵreference(2);
    const ctx_r3 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("formGroup", ctx_r3.otpForm);
    i0.ɵɵadvance(5);
    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(7, 7, "profile.contact.details.label.otp", i0.ɵɵpureFunction1(12, _c3, ctx_r3.type)), i0.ɵɵsanitizeHtml);
    i0.ɵɵadvance(4);
    i0.ɵɵproperty("autoFocus", true);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("field", ctx_r3.otp)("form", _r42)("errDef", i0.ɵɵpureFunction0(14, _c4));
    i0.ɵɵadvance(3);
    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 10, "profile.contact.details.button.verify"));
} }
function ProfileComponent_mat_error_5_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "mat-error");
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r4 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(ctx_r4.errorDtls);
} }
function ProfileComponent_ion_label_6_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "ion-label", 44);
    i0.ɵɵtext(1);
    i0.ɵɵelement(2, "br");
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r5 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(ctx_r5.successDtls);
} }
function ProfileComponent_div_7_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div")(1, "div", 45);
    i0.ɵɵelement(2, "ion-icon", 46);
    i0.ɵɵelementStart(3, "h1");
    i0.ɵɵtext(4);
    i0.ɵɵpipe(5, "translate");
    i0.ɵɵelementEnd()()();
} if (rf & 2) {
    i0.ɵɵadvance(4);
    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 1, "profile.banner.success"));
} }
function ProfileComponent_div_8_section_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "section")(1, "h1");
    i0.ɵɵtext(2);
    i0.ɵɵpipe(3, "translate");
    i0.ɵɵelementEnd()();
} if (rf & 2) {
    const ctx_r45 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate(ctx_r45.errorText ? ctx_r45.errorText : i0.ɵɵpipeBind1(3, 1, "profile.banner.request.process.failure"));
} }
function ProfileComponent_div_8_section_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "section")(1, "h1");
    i0.ɵɵtext(2);
    i0.ɵɵpipe(3, "translate");
    i0.ɵɵelementEnd()();
} if (rf & 2) {
    const ctx_r46 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate(ctx_r46.errorText ? ctx_r46.errorText : i0.ɵɵpipeBind1(3, 1, "profile.banner.request.process.failure"));
} }
function ProfileComponent_div_8_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div")(1, "div", 45);
    i0.ɵɵelement(2, "ion-icon", 47);
    i0.ɵɵtemplate(3, ProfileComponent_div_8_section_3_Template, 4, 3, "section", 5)(4, ProfileComponent_div_8_section_4_Template, 4, 3, "section", 5);
    i0.ɵɵelementEnd()();
} if (rf & 2) {
    const ctx_r7 = i0.ɵɵnextContext();
    i0.ɵɵadvance(3);
    i0.ɵɵproperty("ngIf", ctx_r7.isMS());
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !ctx_r7.isMS());
} }
function ProfileComponent_ng_template_9_ion_button_10_Template(rf, ctx) { if (rf & 1) {
    const _r49 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "ion-button", 53);
    i0.ɵɵlistener("click", function ProfileComponent_ng_template_9_ion_button_10_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r49); const ctx_r48 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r48.save()); });
    i0.ɵɵtext(1);
    i0.ɵɵpipe(2, "translate");
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r47 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("disabled", ctx_r47.isOtpSent == true);
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, "profile.button.save"));
} }
function ProfileComponent_ng_template_9_Template(rf, ctx) { if (rf & 1) {
    const _r51 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "ion-grid")(1, "ion-row")(2, "ion-col", 48)(3, "ion-button", 49);
    i0.ɵɵlistener("click", function ProfileComponent_ng_template_9_Template_ion_button_click_3_listener() { i0.ɵɵrestoreView(_r51); const ctx_r50 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r50.logout()); });
    i0.ɵɵtext(4);
    i0.ɵɵpipe(5, "translate");
    i0.ɵɵelementEnd()();
    i0.ɵɵelementStart(6, "ion-col", 50)(7, "ion-button", 51);
    i0.ɵɵlistener("click", function ProfileComponent_ng_template_9_Template_ion_button_click_7_listener() { i0.ɵɵrestoreView(_r51); const ctx_r52 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r52.cancel()); });
    i0.ɵɵtext(8);
    i0.ɵɵpipe(9, "translate");
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(10, ProfileComponent_ng_template_9_ion_button_10_Template, 3, 4, "ion-button", 52);
    i0.ɵɵelementEnd()()();
} if (rf & 2) {
    const ctx_r8 = i0.ɵɵnextContext();
    i0.ɵɵadvance(4);
    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 3, "profile.button.logout"));
    i0.ɵɵadvance(4);
    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(9, 5, "profile.button.close"));
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngIf", !(ctx_r8.showSuccess || ctx_r8.showError) && ctx_r8.selected != "proof-of-unemployment");
} }
const _c5 = () => ({ width: "60vw" });
const _c6 = () => ({ "1024px": "75vw", "768px": "85vw", "640px": "100vw" });
export class ProfileComponent extends BasePage {
    constructor(logger, ls, cs, bs, claimService, nav, ss, util, formbuilder) {
        super();
        this.logger = logger;
        this.ls = ls;
        this.cs = cs;
        this.bs = bs;
        this.claimService = claimService;
        this.nav = nav;
        this.ss = ss;
        this.util = util;
        this.formbuilder = formbuilder;
        this.showSuccess = false;
        this.showError = false;
        this.phaseTwoProofOfUIView = LibConstants.PhaseTwoProofOfUIView;
        this.downloadStatus = "";
        this.docFileLink = "assets/images/sampleDoc.png";
        this.onCancel = new EventEmitter();
        this.profileOpts = ComboOption.CLAIMANT_PROFILE_OPTS;
        this.selected = 'personal-details';
        this.accepted = new EventEmitter();
    }
    ngOnInit() {
    }
    onValueChange(event) {
        this.showError = false;
        this.showSuccess = false;
        this.downloadStatus = "";
        if (this.selected === 'proof-of-unemployment') {
            this.getListOfActiveClaim();
        }
    }
    cancel() {
        this.onCancel.emit();
    }
    initilizeForm() {
        this.otpForm = this.formbuilder.group({
            'otp': [null, [Validators.required, Validators.minLength(6)]],
        });
    }
    get otp() {
        return this.otpForm.get('otp');
    }
    save() {
        if (this.isMS()) {
            if (this.otpVerified) {
                this.logger.debug("OTP VERIFIED AND SAVING");
                this.fb.submitQuestionnaire();
            }
            else if (this.selected == 'contact-details') {
                let formData = this.fb.questionnaire.questionnaire.questionnaireForm.value;
                if ((formData['phone'] == formData['hidOriginalPhone']) && (formData['email'] == formData['hidOriginalEmail'])) {
                    this.logger.debug("Phone or Email Not Changed");
                    this.isOtpSent = false;
                    this.fb.submitQuestionnaire();
                }
                else if (formData["hidIsEmailChanged"] === "Y" && formData["hidIsPhoneChanged"] === "Y") {
                    this.logger.debug("Both Email and Phone Changed");
                    this.errorText = "Please contact MDES support for assistance updating Email Address.";
                    this.showError = true;
                }
                else if (formData["hidOriginalPhone"] === "null" && formData["hidIsEmailChanged"] === "Y") {
                    this.logger.debug("Trying to change email but phone number is not present");
                    this.errorText = "Please contact MDES support for assistance updating Email Address and Cell Phone Number.";
                    this.showError = true;
                }
                else {
                    if (formData["hidIsEmailChanged"] === "Y") {
                        this.logger.debug("Email Changed");
                        this.type = 'text';
                    }
                    else if (formData["hidIsPhoneChanged"] === "Y") {
                        this.logger.debug("Phone Changed");
                        this.type = 'email';
                    }
                    this.isOtpSent = true;
                    this.initilizeForm();
                    this.ss.sendOtpWithoutCaptcha(this.type).subscribe(res => {
                        this.successDtls = "Access code sent successfully.";
                    }, err => {
                        this.isOtpSent = false;
                        this.successDtls = null;
                        this.errorDtls = err.msg;
                    });
                }
            }
            else if ((this.selected == 'personal-details') || (this.selected == 'payment-details')) {
                this.fb.submitQuestionnaire();
            }
        }
        else {
            this.fb.submitQuestionnaire();
        }
    }
    verify() {
        this.otpCode = this.otpForm.get('otp')?.value;
        this.ss.validateOtpForClaimant(this.otpCode).subscribe(res => {
            this.otpVerified = true;
            this.isOtpSent = false;
            this.successDtls = null;
            this.accepted.emit(true);
        }, err => {
            this.logger.debug('Verify status error ', err);
            this.otpVerified = false;
            this.successDtls = null;
            this.accepted.emit(false);
            this.errorDtls = err.msg;
        });
    }
    redirectLink(view) {
        let userModel = this.ls.getUser();
        this.util.showLoader().then(() => {
            window.open(`${LibConstants.benefitsUrlExternal}/faces/virtual/contextswitch.xhtml?a=${userModel.access_token}&r=${userModel.refresh_token}&v=2299&CLAIMANT_PORTAL=true&view=${view}`, "_self");
        });
    }
    getExternalClaimantReport() {
        this.downloadStatus = "started";
        return this.bs.getExternalClaimantReport(this.ls.getUser().ssn).subscribe(res => {
            this.downloadRawFile(res, 'ExternalAgencyReport.pdf');
        }, err => {
            this.downloadStatus = "error";
            this.logger.debug('Getting External Claimant Report error', err);
        });
    }
    downloadRawFile(res, filename) {
        let binaryData = [];
        binaryData.push(res);
        const url = window.URL.createObjectURL(new Blob(binaryData, { type: "application/xlsx" }));
        const a = document.createElement('a');
        a.href = url;
        a.download = filename;
        a.click();
        URL.revokeObjectURL(url);
    }
    handleError(error) {
        if (error?.errorCode == '422') {
            this.errorText = error.msg[0];
        }
        this.showError = true;
    }
    success(msg) {
        this.showSuccess = true;
    }
    logout() {
        this.nav.navigateRoot('/landing');
        this.ls.logout();
    }
    getListOfActiveClaim() {
        this.claimService.getListOfActiveClaim().subscribe((res) => {
            this.listOfActiveClaim = res;
        });
    }
    getVerificationReport() {
        this.downloadStatus = "started";
        return this.bs.getVerificationReport(this.ls.getUser().claimantId).subscribe(res => {
            this.downloadRawFile(res, 'UnemploymentVerificationReport.pdf');
        }, err => {
            this.downloadStatus = "error";
            this.logger.debug('Getting Unemployment Verification Report error', err);
        });
    }
    static { this.ɵfac = function ProfileComponent_Factory(t) { return new (t || ProfileComponent)(i0.ɵɵdirectiveInject(i1.LoggerService), i0.ɵɵdirectiveInject(i2.LoginService), i0.ɵɵdirectiveInject(i3.ClaimantService), i0.ɵɵdirectiveInject(i4.BirtService), i0.ɵɵdirectiveInject(i5.ClaimService), i0.ɵɵdirectiveInject(i6.NavController), i0.ɵɵdirectiveInject(i7.SecurityService), i0.ɵɵdirectiveInject(i8.UtilService), i0.ɵɵdirectiveInject(i9.UntypedFormBuilder)); }; }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileComponent, selectors: [["app-profile"]], viewQuery: function ProfileComponent_Query(rf, ctx) { if (rf & 1) {
            i0.ɵɵviewQuery(_c0, 5);
            i0.ɵɵviewQuery(_c1, 5);
        } if (rf & 2) {
            let _t;
            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fb = _t.first);
            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.otpFormDirective = _t.first);
        } }, inputs: { form: "form", question: "question" }, outputs: { onCancel: "onCancel", accepted: "accepted" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 10, vars: 12, consts: [["visible", "true", "modal", "true", "appendTo", "body", "position", "top", 3, "breakpoints"], ["pTemplate", "header"], ["style", "margin-left: -8px;", 4, "ngIf"], ["class", "proof-of-unemployment", 4, "ngIf"], ["style", "margin-top: -90px;", 4, "ngIf"], [4, "ngIf"], ["style", "color: var(--ion-color-green)", 4, "ngIf"], ["pTemplate", "footer"], [1, "ion-text-left", "heading", 2, "padding-left", "24px"], [2, "font-size", "16px"], ["styleClass", "ion-padding-start", "optionLabel", "text", "optionValue", "value", 3, "options", "ngModel", "ngModelChange", "onOptionClick"], [2, "margin-left", "-8px"], [3, "flowKey", "showOnlyQuestion", "hideHeader", "hideFooter", "sizeXs", "sizeSm", "sizeMd", "sizeLg", "sizeXl", "offsetXl", "offsetLg", "onError", "onComplete", 4, "ngIf"], [3, "flowKey", "showOnlyQuestion", "hideHeader", "hideFooter", "sizeXs", "sizeSm", "sizeMd", "sizeLg", "sizeXl", "offsetXl", "offsetLg", "onError", "onComplete"], ["fb", ""], [1, "proof-of-unemployment"], ["style", "padding: 0px 1rem", 4, "ngIf", "ngIfElse"], ["nonPhraseTwoView", ""], [2, "padding", "0px 1rem"], [2, "font-family", "'Open Sans, Light'"], ["dataKey", "claimId", "styleClass", "seperate-row", 1, "seperate-row", 3, "value", "rowExpandMode", "tableStyle"], ["pTemplate", "body"], ["pTemplate", "rowexpansion"], ["href", "#", 3, "pRowToggler"], [2, "font-size", "1.5rem", 3, "ngClass"], ["colspan", "7", 2, "border-left", "1px solid #e4e4e4", "border-right", "1px solid #e4e4e4"], [2, "display", "flex", "justify-content", "center"], ["height", "500px", "width", "420px", 3, "src"], [2, "display", "flex", "flex-direction", "column", "justify-content", "space-between"], [2, "font-size", "19px", 3, "innerHTML"], ["fill", "outline", "shape", "round", 2, "padding-inline-end", "2rem", 3, "click"], [2, "margin-top", "15px"], ["layout", "row", 2, "margin", "3px"], ["shape", "round", "fill", "outline", 1, "Claimant-report-btn", 3, "click"], ["name", "download-outline"], ["shape", "round", "fill", "outline", 1, "Claimant-summary-ver-btn", 3, "click"], [2, "margin-top", "-90px"], [3, "formGroup"], ["otpFormDirective", "ngForm"], [1, "p-fluid", "p-formgrid"], ["for", "otp", 3, "innerHTML"], ["formControlName", "otp", "mask", "999999", "size", "6", "maxlength", "6", "minlength", "6", "title", "Enter Authcode", 3, "autoFocus"], [3, "field", "form", "errDef"], ["shape", "round", "type", "submit", 3, "click"], [2, "color", "var(--ion-color-green)"], [1, "ion-text-center", "ion-padding-top"], ["name", "checkmark-circle", 2, "font-size", "80px", "color", "var(--ion-color-green)"], ["name", "close-circle-outline", 2, "font-size", "80px", "color", "var(--ion-color-danger)"], ["size", "12", "sizeXl", "4", "sizeLg", "4", "sizeMd", "5", 1, "ion-text-left"], ["shape", "round", "fill", "outline", "type", "button", 3, "click"], ["size", "12", "sizeXl", "8", "sizeLg", "8", "sizeMd", "7", 1, "ion-text-right"], ["shape", "round", "fill", "outline", "type", "reset", 3, "click"], ["shape", "round", "type", "submit", 3, "disabled", "click", 4, "ngIf"], ["shape", "round", "type", "submit", 3, "disabled", "click"]], template: function ProfileComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵelementStart(0, "p-dialog", 0);
            i0.ɵɵtemplate(1, ProfileComponent_ng_template_1_Template, 10, 6, "ng-template", 1)(2, ProfileComponent_div_2_Template, 4, 3, "div", 2)(3, ProfileComponent_div_3_Template, 4, 2, "div", 3)(4, ProfileComponent_div_4_Template, 16, 15, "div", 4)(5, ProfileComponent_mat_error_5_Template, 2, 1, "mat-error", 5)(6, ProfileComponent_ion_label_6_Template, 3, 1, "ion-label", 6)(7, ProfileComponent_div_7_Template, 6, 3, "div", 5)(8, ProfileComponent_div_8_Template, 5, 2, "div", 5)(9, ProfileComponent_ng_template_9_Template, 11, 7, "ng-template", 7);
            i0.ɵɵelementEnd();
        } if (rf & 2) {
            i0.ɵɵstyleMap(i0.ɵɵpureFunction0(10, _c5));
            i0.ɵɵproperty("breakpoints", i0.ɵɵpureFunction0(11, _c6));
            i0.ɵɵadvance(2);
            i0.ɵɵproperty("ngIf", !(ctx.showSuccess || ctx.showError));
            i0.ɵɵadvance(1);
            i0.ɵɵproperty("ngIf", ctx.selected == "proof-of-unemployment");
            i0.ɵɵadvance(1);
            i0.ɵɵproperty("ngIf", ctx.isMS() && ctx.selected == "contact-details" && ctx.isOtpSent == true);
            i0.ɵɵadvance(1);
            i0.ɵɵproperty("ngIf", ctx.errorDtls);
            i0.ɵɵadvance(1);
            i0.ɵɵproperty("ngIf", ctx.successDtls);
            i0.ɵɵadvance(1);
            i0.ɵɵproperty("ngIf", ctx.showSuccess);
            i0.ɵɵadvance(1);
            i0.ɵɵproperty("ngIf", ctx.showError);
        } }, dependencies: [i6.IonButton, i6.IonCol, i6.IonGrid, i6.IonIcon, i6.IonLabel, i6.IonRow, i10.NgClass, i10.NgIf, i11.PrimeTemplate, i12.MatError, i9.ɵNgNoValidate, i9.NgControlStatus, i9.NgControlStatusGroup, i9.MinLengthValidator, i9.MaxLengthValidator, i9.FormGroupDirective, i9.FormControlName, i9.NgModel, i13.Dialog, i14.Table, i14.RowToggler, i15.InputMask, i16.SelectButton, i17.ErrorComponent, i18.FormBuilderPage, i19.TranslatePipe], styles: ["ion-col[_ngcontent-%COMP%]{margin-left:0!important}.Claimant-report-btn[_ngcontent-%COMP%]{margin-inline-end:3%}.proof-unemployment-btn-label[_ngcontent-%COMP%]{margin-bottom:3px}.seperate-row[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:not(:first-child):not(:last-child){border-left:none;border-right:none}.seperate-row[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:first-child{border-right:none}.seperate-row[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:last-child{border-left:none;padding:1rem .55rem;padding-right:20px}.seperate-row[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{border:1px solid #e4e4e4;font-family:\"Open Sans, Light\";font-size:26px;padding:1rem .55rem}"] }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProfileComponent, [{
        type: Component,
        args: [{ selector: 'app-profile', template: "<p-dialog visible=\"true\" modal=\"true\" appendTo=\"body\"\r\n    [breakpoints]=\"{'1024px': '75vw', '768px': '85vw', '640px': '100vw'}\" [style]=\"{width: '60vw'}\" position=\"top\">\r\n    <ng-template pTemplate=\"header\">\r\n        <ion-grid>\r\n            <ion-row>\r\n                <ion-col class=\"ion-text-left heading\" style=\"padding-left: 24px;\">\r\n                    {{\"Your Account\" | translate}} <span style=\"font-size: 16px;\">(CLAIMANT ID\r\n                        {{ls.getUser().claimantId}})</span>\r\n                </ion-col>\r\n            </ion-row>\r\n            <ion-row>\r\n                <ion-col>\r\n                    <p-selectButton styleClass=\"ion-padding-start\" [options]=\"profileOpts\" optionLabel=\"text\"\r\n                        optionValue=\"value\" [(ngModel)]=\"selected\" (onOptionClick)=\"onValueChange($event)\">\r\n                    </p-selectButton>\r\n                </ion-col>\r\n            </ion-row>\r\n        </ion-grid>\r\n    </ng-template>\r\n    <div *ngIf=\"!(showSuccess || showError)\" style=\"margin-left: -8px;\">\r\n        <app-form-builder #fb *ngIf=\"selected == 'personal-details'\" [flowKey]=\"selected\" [showOnlyQuestion]=\"true\"\r\n            [hideHeader]=\"true\" [hideFooter]=\"true\" [sizeXs]=\"12\" [sizeSm]=\"12\" [sizeMd]=\"12\" [sizeLg]=\"12\"\r\n            [sizeXl]=\"12\" [offsetXl]=\"0\" [offsetLg]=\"0\" (onError)=\"handleError($event)\" (onComplete)=\"success($event)\">\r\n        </app-form-builder>\r\n        <app-form-builder #fb *ngIf=\"selected == 'contact-details'\" [flowKey]=\"selected\" [showOnlyQuestion]=\"true\"\r\n            [hideHeader]=\"true\" [hideFooter]=\"true\" [sizeXs]=\"12\" [sizeSm]=\"12\" [sizeMd]=\"12\" [sizeLg]=\"12\"\r\n            [sizeXl]=\"12\" [offsetXl]=\"0\" [offsetLg]=\"0\" (onError)=\"handleError($event)\" (onComplete)=\"success($event)\">\r\n        </app-form-builder>\r\n        <app-form-builder #fb *ngIf=\"selected == 'payment-details'\" [flowKey]=\"selected\" [showOnlyQuestion]=\"true\"\r\n            [hideHeader]=\"true\" [hideFooter]=\"true\" [sizeXs]=\"12\" [sizeSm]=\"12\" [sizeMd]=\"12\" [sizeLg]=\"12\"\r\n            [sizeXl]=\"12\" [offsetXl]=\"0\" [offsetLg]=\"0\" (onError)=\"handleError($event)\" (onComplete)=\"success($event)\">\r\n        </app-form-builder>\r\n    </div>\r\n    <div class=\"proof-of-unemployment\" *ngIf=\"selected == 'proof-of-unemployment'\">\r\n        <div *ngIf=\"phaseTwoProofOfUIView==='true';else  nonPhraseTwoView\" style=\"padding: 0px 1rem\">\r\n            <h2 style=\"font-family: 'Open Sans, Light';\">\r\n                {{ \"profile.proof.of.unemployment.label.proof.of.unemployment.pay\"| translate}}\r\n            </h2>\r\n            <p-table [value]=\"listOfActiveClaim\" dataKey=\"claimId\" [rowExpandMode]=\"'single'\" styleClass=\"seperate-row\" class=\"seperate-row\"\r\n            [tableStyle]=\"{'border-collapse': 'separate','border-spacing': '0 8px'}\"\r\n            >\r\n                <ng-template pTemplate=\"body\" let-data let-expanded=\"expanded\">\r\n                    <tr>\r\n                        <td>\r\n                            <a href=\"#\" [pRowToggler]=\"data\">\r\n                                <i [ngClass]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\" style=\"font-size: 1.5rem;\"></i>\r\n                              </a>               \r\n                        <td >\r\n                            {{data.effectiveDate}} - {{data.byeDate}}\r\n                        </td>\r\n                        <td>\r\n                            {{data.entitlementType}}\r\n                        </td>\r\n                    </tr>\r\n                </ng-template>\r\n                <ng-template pTemplate=\"rowexpansion\" let-data>\r\n                    <tr>\r\n                        <td colspan=\"7\" style=\" border-left: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;\">\r\n                                <ion-grid>\r\n                                    <ion-row>\r\n                                        <ion-col style=\"display: flex;justify-content: center;\">\r\n                                            <img [src]=\"docFileLink\" height='500px' width='420px'/>\r\n                                        </ion-col>\r\n                                        <ion-col style=\"display: flex;flex-direction: column;justify-content: space-between;\">\r\n                                            <ion-row >\r\n                                                <span [innerHTML]=\"data.description\" style=\"font-size: 19px;\"></span>\r\n                                            </ion-row>\r\n                                            <ion-row>\r\n                                                \r\n                                                    <ion-button fill=\"outline\" shape=\"round\" style=\"padding-inline-end: 2rem;\" (click)=\"getVerificationReport()\">\r\n                                                        {{ \"profile.proof.of.unemployment.button.download.report\"| translate}}\r\n                                                    </ion-button>\r\n                                            </ion-row>\r\n                                        </ion-col>\r\n                                    </ion-row>\r\n                                    \r\n                                </ion-grid>\r\n                               \r\n                        </td>\r\n                    </tr>\r\n                </ng-template>\r\n            </p-table>\r\n        </div>\r\n        <ng-template #nonPhraseTwoView>\r\n            <ion-grid style=\"margin-top: 15px;\">\r\n                <ion-row>\r\n                <ion-col layout=\"row\" style = \"margin:3px;\">\r\n                    <label>\r\n                        {{ \"profile.proof.of.unemployment.label.download.unemployment.claim.report\"| translate}}\r\n                    </label>\r\n                    <br>\r\n                    <ion-button shape=\"round\" fill=\"outline\" (click)=\"getExternalClaimantReport()\"\r\n                        class=\"Claimant-report-btn\">\r\n                        <ion-icon name=\"download-outline\"></ion-icon>{{ \"profile.proof.of.unemployment.button.external.claimant.report\"| translate}}\r\n                    </ion-button>\r\n                    <br>\r\n                    <div *ngIf=\"downloadStatus=='started'\">{{ \"profile.proof.of.unemployment.status.download.start\"| translate}}</div>\r\n                    <mat-error *ngIf=\"downloadStatus=='error'\">{{ \"profile.proof.of.unemployment.status.download.error\"| translate}}</mat-error>\r\n                </ion-col>\r\n                <ion-col layout=\"row\" style = \"margin:3px;\">\r\n                    <label>\r\n                        {{ \"profile.proof.of.unemployment.label.summary.unemployment.claim\"| translate}}\r\n                    </label>\r\n                    <br>\r\n                    <ion-button shape=\"round\" fill=\"outline\" (click)=\"redirectLink('.claimantsummaryverification')\"\r\n                        class=\"Claimant-summary-ver-btn\">{{ \"profile.proof.of.unemployment.button.unemployment.verification\"| translate}}</ion-button>\r\n                </ion-col>\r\n            </ion-row>\r\n        </ion-grid>\r\n        </ng-template>\r\n    </div>\r\n    <div *ngIf=\"isMS() && selected == 'contact-details' && isOtpSent == true\" style=\"margin-top: -90px;\">\r\n        <form [formGroup]=\"otpForm\" #otpFormDirective=\"ngForm\">\r\n            <ion-row>\r\n                <div class=\"p-fluid p-formgrid\">\r\n                    <ion-row>\r\n                            <label for=\"otp\" [innerHTML]=\"'profile.contact.details.label.otp' | translate:{ type: type }\"></label>\r\n                    </ion-row>\r\n                    <ion-row>\r\n                        <ion-col>\r\n                            <p-inputMask formControlName=\"otp\" mask=\"999999\" size=\"6\" maxlength=\"6\" minlength=\"6\"\r\n                                [autoFocus]='true' title='Enter Authcode'></p-inputMask>\r\n                            <app-error [field]='otp' [form]=\"otpFormDirective\" [errDef]=\"{ \r\n                                required: 'Authcode is required.',\r\n                                minlength: 'Authcode should have 6 numbers.'\r\n                              }\"></app-error>\r\n                        </ion-col>\r\n                        <ion-col>\r\n                            <ion-button shape=\"round\" type=\"submit\" (click)=\"verify()\">{{ \"profile.contact.details.button.verify\"| translate}}</ion-button>\r\n                        </ion-col>\r\n                    </ion-row>\r\n                </div>\r\n            </ion-row>\r\n        </form>\r\n    </div>\r\n    <mat-error *ngIf=\"errorDtls\">{{errorDtls}}</mat-error>\r\n    <ion-label *ngIf=\"successDtls\" style=\"color: var(--ion-color-green)\">{{successDtls}}<br /></ion-label>\r\n\r\n    <div *ngIf=\"showSuccess\">\r\n        <div class=\"ion-text-center ion-padding-top\">\r\n            <ion-icon name=\"checkmark-circle\" style=\"font-size: 80px; color: var(--ion-color-green);\"></ion-icon>\r\n            <h1>{{ \"profile.banner.success\"| translate}}</h1>\r\n        </div>\r\n    </div>\r\n\r\n    <div *ngIf=\"showError\">\r\n        <div class=\"ion-text-center ion-padding-top\">\r\n            <ion-icon name=\"close-circle-outline\" style=\"font-size: 80px; color: var(--ion-color-danger);\"></ion-icon>\r\n            <section *ngIf=\"isMS()\">\r\n                <h1>{{ errorText ? errorText : ('profile.banner.request.process.failure' | translate) }}</h1>\r\n            </section>\r\n            <section *ngIf=\"!isMS()\">\r\n                <h1>{{errorText ? errorText : ('profile.banner.request.process.failure' | translate) }}</h1>\r\n            </section>\r\n        </div>\r\n    </div>\r\n    <ng-template pTemplate=\"footer\">\r\n        <ion-grid>\r\n            <ion-row>\r\n                <ion-col class=\"ion-text-left\" size=\"12\" sizeXl=\"4\" sizeLg=\"4\" sizeMd=\"5\">\r\n                    <ion-button shape=\"round\" fill=\"outline\" type=\"button\" (click)=\"logout()\">{{ \"profile.button.logout\"| translate}}</ion-button>\r\n                </ion-col>\r\n                <ion-col class=\"ion-text-right\" size=\"12\" sizeXl=\"8\" sizeLg=\"8\" sizeMd=\"7\">\r\n                    <ion-button shape=\"round\" fill=\"outline\" type=\"reset\" (click)=\"cancel()\">{{ \"profile.button.close\"| translate}}</ion-button>\r\n                    <ion-button shape=\"round\" type=\"submit\" (click)=\"save()\" *ngIf=\"!(showSuccess || showError) && selected!='proof-of-unemployment'\"\r\n                        [disabled]=\"isOtpSent== true\">{{ \"profile.button.save\"| translate}}</ion-button>\r\n                </ion-col>\r\n            </ion-row>\r\n        </ion-grid>\r\n    </ng-template>\r\n</p-dialog>", styles: ["ion-col{margin-left:0!important}.Claimant-report-btn{margin-inline-end:3%}.proof-unemployment-btn-label{margin-bottom:3px}.seperate-row td:not(:first-child):not(:last-child){border-left:none;border-right:none}.seperate-row td:first-child{border-right:none}.seperate-row td:last-child{border-left:none;padding:1rem .55rem;padding-right:20px}.seperate-row td{border:1px solid #e4e4e4;font-family:\"Open Sans, Light\";font-size:26px;padding:1rem .55rem}\n"] }]
    }], () => [{ type: i1.LoggerService }, { type: i2.LoginService }, { type: i3.ClaimantService }, { type: i4.BirtService }, { type: i5.ClaimService }, { type: i6.NavController }, { type: i7.SecurityService }, { type: i8.UtilService }, { type: i9.UntypedFormBuilder }], { fb: [{
            type: ViewChild,
            args: ['fb']
        }], onCancel: [{
            type: Output
        }], otpFormDirective: [{
            type: ViewChild,
            args: ['otpFormDirective', { static: false }]
        }], form: [{
            type: Input
        }], question: [{
            type: Input
        }], accepted: [{
            type: Output
        }] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileComponent, { className: "ProfileComponent", filePath: "lib\\components\\profile\\profile.component.ts", lineNumber: 23 }); })();
//# sourceMappingURL=data:application/json;base64, 