@reusa/ngx-reusa-app-lib 0.0.1311 → 0.0.1313

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.
@@ -18506,7 +18506,7 @@ const _c5$k = ["focusInput"];
18506
18506
  const _c6$d = ["editableInput"];
18507
18507
  const _c7$9 = ["items"];
18508
18508
  const _c8$8 = ["scroller"];
18509
- const _c9$5 = ["overlay"];
18509
+ const _c9$4 = ["overlay"];
18510
18510
  const _c10$4 = ["firstHiddenFocusableEl"];
18511
18511
  const _c11$3 = ["lastHiddenFocusableEl"];
18512
18512
  function Dropdown_span_2_ng_container_2_Template(rf, ctx) { if (rf & 1) {
@@ -20014,7 +20014,7 @@ class Dropdown {
20014
20014
  i0.ɵɵviewQuery(_c6$d, 5);
20015
20015
  i0.ɵɵviewQuery(_c7$9, 5);
20016
20016
  i0.ɵɵviewQuery(_c8$8, 5);
20017
- i0.ɵɵviewQuery(_c9$5, 5);
20017
+ i0.ɵɵviewQuery(_c9$4, 5);
20018
20018
  i0.ɵɵviewQuery(_c10$4, 5);
20019
20019
  i0.ɵɵviewQuery(_c11$3, 5);
20020
20020
  } if (rf & 2) {
@@ -32305,83 +32305,85 @@ function ProfileComponent_div_2_Template(rf, ctx) { if (rf & 1) {
32305
32305
  i0.ɵɵadvance(1);
32306
32306
  i0.ɵɵproperty("ngIf", ctx_r1.selected == "update-ivr");
32307
32307
  } }
32308
- function ProfileComponent_div_3_div_1_div_4_Template(rf, ctx) { if (rf & 1) {
32309
- i0.ɵɵelementStart(0, "div")(1, "h3", 23);
32310
- i0.ɵɵtext(2);
32311
- i0.ɵɵpipe(3, "translate");
32312
- i0.ɵɵelementEnd()();
32308
+ function ProfileComponent_div_3_div_1_ion_col_3_div_15_Template(rf, ctx) { if (rf & 1) {
32309
+ i0.ɵɵelementStart(0, "div");
32310
+ i0.ɵɵtext(1);
32311
+ i0.ɵɵpipe(2, "translate");
32312
+ i0.ɵɵelementEnd();
32313
32313
  } if (rf & 2) {
32314
- i0.ɵɵadvance(2);
32315
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 1, "profile.proof.of.unemployment.label.no.active.claim"), " ");
32314
+ i0.ɵɵadvance(1);
32315
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "profile.proof.of.unemployment.status.download.start"));
32316
32316
  } }
32317
- function ProfileComponent_div_3_div_1_ng_template_5_ng_template_1_Template(rf, ctx) { if (rf & 1) {
32318
- i0.ɵɵelementStart(0, "tr")(1, "td")(2, "a", 29);
32319
- i0.ɵɵelement(3, "i", 30);
32320
- i0.ɵɵelementEnd()();
32321
- i0.ɵɵelementStart(4, "td");
32322
- i0.ɵɵtext(5);
32317
+ function ProfileComponent_div_3_div_1_ion_col_3_mat_error_16_Template(rf, ctx) { if (rf & 1) {
32318
+ i0.ɵɵelementStart(0, "mat-error");
32319
+ i0.ɵɵtext(1);
32320
+ i0.ɵɵpipe(2, "translate");
32323
32321
  i0.ɵɵelementEnd();
32324
- i0.ɵɵelementStart(6, "td");
32325
- i0.ɵɵtext(7);
32326
- i0.ɵɵelementEnd()();
32327
32322
  } if (rf & 2) {
32328
- const data_r48 = ctx.$implicit;
32329
- const expanded_r49 = ctx.expanded;
32330
- i0.ɵɵadvance(2);
32331
- i0.ɵɵproperty("pRowToggler", data_r48);
32332
32323
  i0.ɵɵadvance(1);
32333
- i0.ɵɵproperty("ngClass", expanded_r49 ? "pi pi-chevron-down" : "pi pi-chevron-right");
32334
- i0.ɵɵadvance(2);
32335
- i0.ɵɵtextInterpolate2(" ", data_r48.effectiveDate, " - ", data_r48.byeDate, " ");
32336
- i0.ɵɵadvance(2);
32337
- i0.ɵɵtextInterpolate1(" ", data_r48.entitlementType, " ");
32324
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "profile.proof.of.unemployment.status.download.error"));
32338
32325
  } }
32339
- function ProfileComponent_div_3_div_1_ng_template_5_ng_template_2_Template(rf, ctx) { if (rf & 1) {
32340
- const _r52 = i0.ɵɵgetCurrentView();
32341
- i0.ɵɵelementStart(0, "tr")(1, "td", 31)(2, "ion-grid")(3, "ion-row")(4, "ion-col", 32);
32342
- i0.ɵɵelement(5, "img", 33);
32326
+ function ProfileComponent_div_3_div_1_ion_col_3_Template(rf, ctx) { if (rf & 1) {
32327
+ const _r47 = i0.ɵɵgetCurrentView();
32328
+ i0.ɵɵelementStart(0, "ion-col", 25)(1, "ion-card", 26)(2, "ion-header", 27)(3, "ion-card-title");
32329
+ i0.ɵɵelement(4, "i", 32);
32330
+ i0.ɵɵtext(5);
32331
+ i0.ɵɵpipe(6, "translate");
32332
+ i0.ɵɵelementEnd()();
32333
+ i0.ɵɵelementStart(7, "ion-card-content", 29)(8, "label");
32334
+ i0.ɵɵtext(9);
32335
+ i0.ɵɵpipe(10, "translate");
32343
32336
  i0.ɵɵelementEnd();
32344
- i0.ɵɵelementStart(6, "ion-col", 34)(7, "ion-row");
32345
- i0.ɵɵelement(8, "span", 35);
32337
+ i0.ɵɵelementStart(11, "ion-button", 33);
32338
+ i0.ɵɵlistener("click", function ProfileComponent_div_3_div_1_ion_col_3_Template_ion_button_click_11_listener() { i0.ɵɵrestoreView(_r47); const ctx_r46 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r46.getExternalClaimantReport()); });
32339
+ i0.ɵɵelement(12, "ion-icon", 31);
32340
+ i0.ɵɵtext(13);
32341
+ i0.ɵɵpipe(14, "translate");
32342
+ i0.ɵɵelementEnd()()();
32343
+ i0.ɵɵtemplate(15, ProfileComponent_div_3_div_1_ion_col_3_div_15_Template, 3, 3, "div", 5)(16, ProfileComponent_div_3_div_1_ion_col_3_mat_error_16_Template, 3, 3, "mat-error", 5);
32346
32344
  i0.ɵɵelementEnd();
32347
- i0.ɵɵelementStart(9, "ion-row")(10, "ion-button", 36);
32348
- i0.ɵɵlistener("click", function ProfileComponent_div_3_div_1_ng_template_5_ng_template_2_Template_ion_button_click_10_listener() { i0.ɵɵrestoreView(_r52); const ctx_r51 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r51.getVerificationReport()); });
32349
- i0.ɵɵtext(11);
32350
- i0.ɵɵpipe(12, "translate");
32351
- i0.ɵɵelementEnd()()()()()()();
32352
32345
  } if (rf & 2) {
32353
- const data_r50 = ctx.$implicit;
32354
- const ctx_r47 = i0.ɵɵnextContext(4);
32346
+ const ctx_r43 = i0.ɵɵnextContext(3);
32355
32347
  i0.ɵɵadvance(5);
32356
- i0.ɵɵproperty("src", ctx_r47.docFileLink, i0.ɵɵsanitizeUrl);
32357
- i0.ɵɵadvance(3);
32358
- i0.ɵɵproperty("innerHTML", data_r50.description, i0.ɵɵsanitizeHtml);
32359
- i0.ɵɵadvance(3);
32360
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(12, 3, "profile.proof.of.unemployment.button.download.report"), " ");
32361
- } }
32362
- const _c3$j = () => ({ "border-collapse": "separate", "border-spacing": "0 8px" });
32363
- function ProfileComponent_div_3_div_1_ng_template_5_Template(rf, ctx) { if (rf & 1) {
32364
- i0.ɵɵelementStart(0, "p-table", 26);
32365
- i0.ɵɵtemplate(1, ProfileComponent_div_3_div_1_ng_template_5_ng_template_1_Template, 8, 5, "ng-template", 27)(2, ProfileComponent_div_3_div_1_ng_template_5_ng_template_2_Template, 13, 5, "ng-template", 28);
32366
- i0.ɵɵelementEnd();
32367
- } if (rf & 2) {
32368
- const ctx_r44 = i0.ɵɵnextContext(3);
32369
- i0.ɵɵproperty("value", ctx_r44.listOfActiveClaim)("rowExpandMode", "single")("tableStyle", i0.ɵɵpureFunction0(3, _c3$j));
32348
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 5, "profile.proof.of.unemployment.phase.two.label.download.unemployment.claim.report"));
32349
+ i0.ɵɵadvance(4);
32350
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 7, "profile.proof.of.unemployment.phase.two.overlay.unemployment.claim.report"), " ");
32351
+ i0.ɵɵadvance(4);
32352
+ i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(14, 9, "profile.proof.of.unemployment.phase.two.button.download.report"), " ");
32353
+ i0.ɵɵadvance(2);
32354
+ i0.ɵɵproperty("ngIf", ctx_r43.downloadStatus == "started");
32355
+ i0.ɵɵadvance(1);
32356
+ i0.ɵɵproperty("ngIf", ctx_r43.downloadStatus == "error");
32370
32357
  } }
32371
32358
  function ProfileComponent_div_3_div_1_Template(rf, ctx) { if (rf & 1) {
32372
- i0.ɵɵelementStart(0, "div", 22)(1, "h2", 23);
32373
- i0.ɵɵtext(2);
32374
- i0.ɵɵpipe(3, "translate");
32375
- i0.ɵɵelementEnd();
32376
- i0.ɵɵtemplate(4, ProfileComponent_div_3_div_1_div_4_Template, 4, 3, "div", 24)(5, ProfileComponent_div_3_div_1_ng_template_5_Template, 3, 4, "ng-template", null, 25, i0.ɵɵtemplateRefExtractor);
32359
+ const _r49 = i0.ɵɵgetCurrentView();
32360
+ i0.ɵɵelementStart(0, "div", 22)(1, "ion-grid", 23)(2, "ion-row");
32361
+ i0.ɵɵtemplate(3, ProfileComponent_div_3_div_1_ion_col_3_Template, 17, 11, "ion-col", 24);
32362
+ i0.ɵɵelementStart(4, "ion-col", 25)(5, "ion-card", 26)(6, "ion-header", 27)(7, "ion-card-title");
32363
+ i0.ɵɵelement(8, "i", 28);
32364
+ i0.ɵɵtext(9);
32365
+ i0.ɵɵpipe(10, "translate");
32366
+ i0.ɵɵelementEnd()();
32367
+ i0.ɵɵelementStart(11, "ion-card-content", 29)(12, "label");
32368
+ i0.ɵɵtext(13);
32369
+ i0.ɵɵpipe(14, "translate");
32377
32370
  i0.ɵɵelementEnd();
32371
+ i0.ɵɵelementStart(15, "ion-button", 30);
32372
+ i0.ɵɵlistener("click", function ProfileComponent_div_3_div_1_Template_ion_button_click_15_listener() { i0.ɵɵrestoreView(_r49); const ctx_r48 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r48.redirectLink(".claimantsummaryverification")); });
32373
+ i0.ɵɵelement(16, "ion-icon", 31);
32374
+ i0.ɵɵtext(17);
32375
+ i0.ɵɵpipe(18, "translate");
32376
+ i0.ɵɵelementEnd()()()()()()();
32378
32377
  } if (rf & 2) {
32379
- const _r45 = i0.ɵɵreference(6);
32380
32378
  const ctx_r40 = i0.ɵɵnextContext(2);
32381
- i0.ɵɵadvance(2);
32382
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 3, "profile.proof.of.unemployment.label.proof.of.unemployment.pay"), " ");
32383
- i0.ɵɵadvance(2);
32384
- i0.ɵɵproperty("ngIf", !ctx_r40.listOfActiveClaim || ctx_r40.listOfActiveClaim.length === 0)("ngIfElse", _r45);
32379
+ i0.ɵɵadvance(3);
32380
+ i0.ɵɵproperty("ngIf", !ctx_r40.isME());
32381
+ i0.ɵɵadvance(6);
32382
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 4, "profile.proof.of.unemployment.phase.two.label.summary.unemployment.claim"), "");
32383
+ i0.ɵɵadvance(4);
32384
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(14, 6, "profile.proof.of.unemployment.phase.two.overlay.summary.unemployment.claim"), " ");
32385
+ i0.ɵɵadvance(4);
32386
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(18, 8, "profile.proof.of.unemployment.phase.two.button.download.report"), " ");
32385
32387
  } }
32386
32388
  function ProfileComponent_div_3_ng_template_2_ion_col_2_div_10_Template(rf, ctx) { if (rf & 1) {
32387
32389
  i0.ɵɵelementStart(0, "div");
@@ -32402,15 +32404,15 @@ function ProfileComponent_div_3_ng_template_2_ion_col_2_mat_error_11_Template(rf
32402
32404
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "profile.proof.of.unemployment.status.download.error"));
32403
32405
  } }
32404
32406
  function ProfileComponent_div_3_ng_template_2_ion_col_2_Template(rf, ctx) { if (rf & 1) {
32405
- const _r57 = i0.ɵɵgetCurrentView();
32406
- i0.ɵɵelementStart(0, "ion-col", 39)(1, "label");
32407
+ const _r54 = i0.ɵɵgetCurrentView();
32408
+ i0.ɵɵelementStart(0, "ion-col", 35)(1, "label");
32407
32409
  i0.ɵɵtext(2);
32408
32410
  i0.ɵɵpipe(3, "translate");
32409
32411
  i0.ɵɵelementEnd();
32410
32412
  i0.ɵɵelement(4, "br");
32411
- i0.ɵɵelementStart(5, "ion-button", 41);
32412
- i0.ɵɵlistener("click", function ProfileComponent_div_3_ng_template_2_ion_col_2_Template_ion_button_click_5_listener() { i0.ɵɵrestoreView(_r57); const ctx_r56 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r56.getExternalClaimantReport()); });
32413
- i0.ɵɵelement(6, "ion-icon", 42);
32413
+ i0.ɵɵelementStart(5, "ion-button", 37);
32414
+ i0.ɵɵlistener("click", function ProfileComponent_div_3_ng_template_2_ion_col_2_Template_ion_button_click_5_listener() { i0.ɵɵrestoreView(_r54); const ctx_r53 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r53.getExternalClaimantReport()); });
32415
+ i0.ɵɵelement(6, "ion-icon", 38);
32414
32416
  i0.ɵɵtext(7);
32415
32417
  i0.ɵɵpipe(8, "translate");
32416
32418
  i0.ɵɵelementEnd();
@@ -32418,27 +32420,27 @@ function ProfileComponent_div_3_ng_template_2_ion_col_2_Template(rf, ctx) { if (
32418
32420
  i0.ɵɵtemplate(10, ProfileComponent_div_3_ng_template_2_ion_col_2_div_10_Template, 3, 3, "div", 5)(11, ProfileComponent_div_3_ng_template_2_ion_col_2_mat_error_11_Template, 3, 3, "mat-error", 5);
32419
32421
  i0.ɵɵelementEnd();
32420
32422
  } if (rf & 2) {
32421
- const ctx_r53 = i0.ɵɵnextContext(3);
32423
+ const ctx_r50 = i0.ɵɵnextContext(3);
32422
32424
  i0.ɵɵadvance(2);
32423
32425
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 4, "profile.proof.of.unemployment.label.download.unemployment.claim.report"), " ");
32424
32426
  i0.ɵɵadvance(5);
32425
32427
  i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(8, 6, "profile.proof.of.unemployment.button.external.claimant.report"), " ");
32426
32428
  i0.ɵɵadvance(3);
32427
- i0.ɵɵproperty("ngIf", ctx_r53.downloadStatus == "started");
32429
+ i0.ɵɵproperty("ngIf", ctx_r50.downloadStatus == "started");
32428
32430
  i0.ɵɵadvance(1);
32429
- i0.ɵɵproperty("ngIf", ctx_r53.downloadStatus == "error");
32431
+ i0.ɵɵproperty("ngIf", ctx_r50.downloadStatus == "error");
32430
32432
  } }
32431
32433
  function ProfileComponent_div_3_ng_template_2_Template(rf, ctx) { if (rf & 1) {
32432
- const _r59 = i0.ɵɵgetCurrentView();
32433
- i0.ɵɵelementStart(0, "ion-grid", 37)(1, "ion-row");
32434
- i0.ɵɵtemplate(2, ProfileComponent_div_3_ng_template_2_ion_col_2_Template, 12, 8, "ion-col", 38);
32435
- i0.ɵɵelementStart(3, "ion-col", 39)(4, "label");
32434
+ const _r56 = i0.ɵɵgetCurrentView();
32435
+ i0.ɵɵelementStart(0, "ion-grid", 23)(1, "ion-row");
32436
+ i0.ɵɵtemplate(2, ProfileComponent_div_3_ng_template_2_ion_col_2_Template, 12, 8, "ion-col", 34);
32437
+ i0.ɵɵelementStart(3, "ion-col", 35)(4, "label");
32436
32438
  i0.ɵɵtext(5);
32437
32439
  i0.ɵɵpipe(6, "translate");
32438
32440
  i0.ɵɵelementEnd();
32439
32441
  i0.ɵɵelement(7, "br");
32440
- i0.ɵɵelementStart(8, "ion-button", 40);
32441
- i0.ɵɵlistener("click", function ProfileComponent_div_3_ng_template_2_Template_ion_button_click_8_listener() { i0.ɵɵrestoreView(_r59); const ctx_r58 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r58.redirectLink(".claimantsummaryverification")); });
32442
+ i0.ɵɵelementStart(8, "ion-button", 36);
32443
+ i0.ɵɵlistener("click", function ProfileComponent_div_3_ng_template_2_Template_ion_button_click_8_listener() { i0.ɵɵrestoreView(_r56); const ctx_r55 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r55.redirectLink(".claimantsummaryverification")); });
32442
32444
  i0.ɵɵtext(9);
32443
32445
  i0.ɵɵpipe(10, "translate");
32444
32446
  i0.ɵɵelementEnd()()()();
@@ -32453,7 +32455,7 @@ function ProfileComponent_div_3_ng_template_2_Template(rf, ctx) { if (rf & 1) {
32453
32455
  } }
32454
32456
  function ProfileComponent_div_3_Template(rf, ctx) { if (rf & 1) {
32455
32457
  i0.ɵɵelementStart(0, "div", 19);
32456
- i0.ɵɵtemplate(1, ProfileComponent_div_3_div_1_Template, 7, 5, "div", 20)(2, ProfileComponent_div_3_ng_template_2_Template, 11, 7, "ng-template", null, 21, i0.ɵɵtemplateRefExtractor);
32458
+ i0.ɵɵtemplate(1, ProfileComponent_div_3_div_1_Template, 19, 10, "div", 20)(2, ProfileComponent_div_3_ng_template_2_Template, 11, 7, "ng-template", null, 21, i0.ɵɵtemplateRefExtractor);
32457
32459
  i0.ɵɵelementEnd();
32458
32460
  } if (rf & 2) {
32459
32461
  const _r42 = i0.ɵɵreference(3);
@@ -32461,61 +32463,61 @@ function ProfileComponent_div_3_Template(rf, ctx) { if (rf & 1) {
32461
32463
  i0.ɵɵadvance(1);
32462
32464
  i0.ɵɵproperty("ngIf", ctx_r2.phaseTwoProofOfUIView === "true")("ngIfElse", _r42);
32463
32465
  } }
32464
- const _c4$j = a0 => ({ type: a0 });
32465
- const _c5$d = () => ({ required: "Authcode is required.", minlength: "Authcode should have 6 numbers." });
32466
+ const _c3$j = a0 => ({ type: a0 });
32467
+ const _c4$j = () => ({ required: "Authcode is required.", minlength: "Authcode should have 6 numbers." });
32466
32468
  function ProfileComponent_div_4_Template(rf, ctx) { if (rf & 1) {
32467
- const _r62 = i0.ɵɵgetCurrentView();
32468
- i0.ɵɵelementStart(0, "div", 43)(1, "form", 44, 45)(3, "ion-row")(4, "div", 46)(5, "ion-row");
32469
- i0.ɵɵelement(6, "label", 47);
32469
+ const _r59 = i0.ɵɵgetCurrentView();
32470
+ i0.ɵɵelementStart(0, "div", 39)(1, "form", 40, 41)(3, "ion-row")(4, "div", 42)(5, "ion-row");
32471
+ i0.ɵɵelement(6, "label", 43);
32470
32472
  i0.ɵɵpipe(7, "translate");
32471
32473
  i0.ɵɵelementEnd();
32472
32474
  i0.ɵɵelementStart(8, "ion-row")(9, "ion-col");
32473
- i0.ɵɵelement(10, "p-inputMask", 48)(11, "app-error", 49);
32475
+ i0.ɵɵelement(10, "p-inputMask", 44)(11, "app-error", 45);
32474
32476
  i0.ɵɵelementEnd();
32475
- i0.ɵɵelementStart(12, "ion-col")(13, "ion-button", 50);
32476
- i0.ɵɵlistener("click", function ProfileComponent_div_4_Template_ion_button_click_13_listener() { i0.ɵɵrestoreView(_r62); const ctx_r61 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r61.verify()); });
32477
+ i0.ɵɵelementStart(12, "ion-col")(13, "ion-button", 46);
32478
+ i0.ɵɵlistener("click", function ProfileComponent_div_4_Template_ion_button_click_13_listener() { i0.ɵɵrestoreView(_r59); const ctx_r58 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r58.verify()); });
32477
32479
  i0.ɵɵtext(14);
32478
32480
  i0.ɵɵpipe(15, "translate");
32479
32481
  i0.ɵɵelementEnd()()()()()()();
32480
32482
  } if (rf & 2) {
32481
- const _r60 = i0.ɵɵreference(2);
32483
+ const _r57 = i0.ɵɵreference(2);
32482
32484
  const ctx_r3 = i0.ɵɵnextContext();
32483
32485
  i0.ɵɵadvance(1);
32484
32486
  i0.ɵɵproperty("formGroup", ctx_r3.otpForm);
32485
32487
  i0.ɵɵadvance(5);
32486
- i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(7, 7, "profile.contact.details.label.otp", i0.ɵɵpureFunction1(12, _c4$j, ctx_r3.type)), i0.ɵɵsanitizeHtml);
32488
+ i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(7, 7, "profile.contact.details.label.otp", i0.ɵɵpureFunction1(12, _c3$j, ctx_r3.type)), i0.ɵɵsanitizeHtml);
32487
32489
  i0.ɵɵadvance(4);
32488
32490
  i0.ɵɵproperty("autoFocus", true);
32489
32491
  i0.ɵɵadvance(1);
32490
- i0.ɵɵproperty("field", ctx_r3.otp)("form", _r60)("errDef", i0.ɵɵpureFunction0(14, _c5$d));
32492
+ i0.ɵɵproperty("field", ctx_r3.otp)("form", _r57)("errDef", i0.ɵɵpureFunction0(14, _c4$j));
32491
32493
  i0.ɵɵadvance(3);
32492
32494
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 10, "profile.contact.details.button.verify"));
32493
32495
  } }
32494
- const _c6$7 = a0 => ({ securityQuestionToAsk: a0 });
32495
- const _c7$5 = () => ({ required: "Security Answer is required." });
32496
+ const _c5$d = a0 => ({ securityQuestionToAsk: a0 });
32497
+ const _c6$7 = () => ({ required: "Security Answer is required." });
32496
32498
  function ProfileComponent_div_5_Template(rf, ctx) { if (rf & 1) {
32497
- const _r65 = i0.ɵɵgetCurrentView();
32498
- i0.ɵɵelementStart(0, "div", 43)(1, "form", 44, 51)(3, "ion-row")(4, "div", 46)(5, "ion-row");
32499
- i0.ɵɵelement(6, "label", 52);
32499
+ const _r62 = i0.ɵɵgetCurrentView();
32500
+ i0.ɵɵelementStart(0, "div", 39)(1, "form", 40, 47)(3, "ion-row")(4, "div", 42)(5, "ion-row");
32501
+ i0.ɵɵelement(6, "label", 48);
32500
32502
  i0.ɵɵpipe(7, "translate");
32501
32503
  i0.ɵɵelementEnd();
32502
32504
  i0.ɵɵelementStart(8, "ion-row")(9, "ion-col");
32503
- i0.ɵɵelement(10, "input", 53)(11, "app-error", 49);
32505
+ i0.ɵɵelement(10, "input", 49)(11, "app-error", 45);
32504
32506
  i0.ɵɵelementEnd();
32505
- i0.ɵɵelementStart(12, "ion-col")(13, "ion-button", 50);
32506
- i0.ɵɵlistener("click", function ProfileComponent_div_5_Template_ion_button_click_13_listener() { i0.ɵɵrestoreView(_r65); const ctx_r64 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r64.verifySecurityQuestion()); });
32507
+ i0.ɵɵelementStart(12, "ion-col")(13, "ion-button", 46);
32508
+ i0.ɵɵlistener("click", function ProfileComponent_div_5_Template_ion_button_click_13_listener() { i0.ɵɵrestoreView(_r62); const ctx_r61 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r61.verifySecurityQuestion()); });
32507
32509
  i0.ɵɵtext(14);
32508
32510
  i0.ɵɵpipe(15, "translate");
32509
32511
  i0.ɵɵelementEnd()()()()()()();
32510
32512
  } if (rf & 2) {
32511
- const _r63 = i0.ɵɵreference(2);
32513
+ const _r60 = i0.ɵɵreference(2);
32512
32514
  const ctx_r4 = i0.ɵɵnextContext();
32513
32515
  i0.ɵɵadvance(1);
32514
32516
  i0.ɵɵproperty("formGroup", ctx_r4.securityQuestionForm);
32515
32517
  i0.ɵɵadvance(5);
32516
- i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(7, 6, "profile.contact.details.label.securityQuestion", i0.ɵɵpureFunction1(11, _c6$7, ctx_r4.securityQuestionToAsk)), i0.ɵɵsanitizeHtml);
32518
+ i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(7, 6, "profile.contact.details.label.securityQuestion", i0.ɵɵpureFunction1(11, _c5$d, ctx_r4.securityQuestionToAsk)), i0.ɵɵsanitizeHtml);
32517
32519
  i0.ɵɵadvance(5);
32518
- i0.ɵɵproperty("field", ctx_r4.securityQuestionAnswer)("form", _r63)("errDef", i0.ɵɵpureFunction0(13, _c7$5));
32520
+ i0.ɵɵproperty("field", ctx_r4.securityQuestionAnswer)("form", _r60)("errDef", i0.ɵɵpureFunction0(13, _c6$7));
32519
32521
  i0.ɵɵadvance(3);
32520
32522
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 9, "profile.contact.details.button.verify"));
32521
32523
  } }
@@ -32529,7 +32531,7 @@ function ProfileComponent_mat_error_6_Template(rf, ctx) { if (rf & 1) {
32529
32531
  i0.ɵɵtextInterpolate(ctx_r5.errorDtls);
32530
32532
  } }
32531
32533
  function ProfileComponent_ion_label_7_Template(rf, ctx) { if (rf & 1) {
32532
- i0.ɵɵelementStart(0, "ion-label", 54);
32534
+ i0.ɵɵelementStart(0, "ion-label", 50);
32533
32535
  i0.ɵɵtext(1);
32534
32536
  i0.ɵɵelement(2, "br");
32535
32537
  i0.ɵɵelementEnd();
@@ -32539,8 +32541,8 @@ function ProfileComponent_ion_label_7_Template(rf, ctx) { if (rf & 1) {
32539
32541
  i0.ɵɵtextInterpolate(ctx_r6.successDtls);
32540
32542
  } }
32541
32543
  function ProfileComponent_div_8_Template(rf, ctx) { if (rf & 1) {
32542
- i0.ɵɵelementStart(0, "div")(1, "div", 55);
32543
- i0.ɵɵelement(2, "ion-icon", 56);
32544
+ i0.ɵɵelementStart(0, "div")(1, "div", 51);
32545
+ i0.ɵɵelement(2, "ion-icon", 52);
32544
32546
  i0.ɵɵelementStart(3, "h1");
32545
32547
  i0.ɵɵtext(4);
32546
32548
  i0.ɵɵpipe(5, "translate");
@@ -32555,9 +32557,9 @@ function ProfileComponent_div_9_section_3_Template(rf, ctx) { if (rf & 1) {
32555
32557
  i0.ɵɵpipe(3, "translate");
32556
32558
  i0.ɵɵelementEnd()();
32557
32559
  } if (rf & 2) {
32558
- const ctx_r66 = i0.ɵɵnextContext(2);
32560
+ const ctx_r63 = i0.ɵɵnextContext(2);
32559
32561
  i0.ɵɵadvance(2);
32560
- i0.ɵɵtextInterpolate(ctx_r66.errorText ? ctx_r66.errorText : i0.ɵɵpipeBind1(3, 1, "profile.banner.request.process.failure"));
32562
+ i0.ɵɵtextInterpolate(ctx_r63.errorText ? ctx_r63.errorText : i0.ɵɵpipeBind1(3, 1, "profile.banner.request.process.failure"));
32561
32563
  } }
32562
32564
  function ProfileComponent_div_9_section_4_Template(rf, ctx) { if (rf & 1) {
32563
32565
  i0.ɵɵelementStart(0, "section")(1, "h1");
@@ -32565,13 +32567,13 @@ function ProfileComponent_div_9_section_4_Template(rf, ctx) { if (rf & 1) {
32565
32567
  i0.ɵɵpipe(3, "translate");
32566
32568
  i0.ɵɵelementEnd()();
32567
32569
  } if (rf & 2) {
32568
- const ctx_r67 = i0.ɵɵnextContext(2);
32570
+ const ctx_r64 = i0.ɵɵnextContext(2);
32569
32571
  i0.ɵɵadvance(2);
32570
- i0.ɵɵtextInterpolate(ctx_r67.errorText ? ctx_r67.errorText : i0.ɵɵpipeBind1(3, 1, "profile.banner.request.process.failure"));
32572
+ i0.ɵɵtextInterpolate(ctx_r64.errorText ? ctx_r64.errorText : i0.ɵɵpipeBind1(3, 1, "profile.banner.request.process.failure"));
32571
32573
  } }
32572
32574
  function ProfileComponent_div_9_Template(rf, ctx) { if (rf & 1) {
32573
- i0.ɵɵelementStart(0, "div")(1, "div", 55);
32574
- i0.ɵɵelement(2, "ion-icon", 57);
32575
+ i0.ɵɵelementStart(0, "div")(1, "div", 51);
32576
+ i0.ɵɵelement(2, "ion-icon", 53);
32575
32577
  i0.ɵɵtemplate(3, ProfileComponent_div_9_section_3_Template, 4, 3, "section", 5)(4, ProfileComponent_div_9_section_4_Template, 4, 3, "section", 5);
32576
32578
  i0.ɵɵelementEnd()();
32577
32579
  } if (rf & 2) {
@@ -32582,31 +32584,31 @@ function ProfileComponent_div_9_Template(rf, ctx) { if (rf & 1) {
32582
32584
  i0.ɵɵproperty("ngIf", !ctx_r8.isMS());
32583
32585
  } }
32584
32586
  function ProfileComponent_ng_template_10_ion_button_10_Template(rf, ctx) { if (rf & 1) {
32585
- const _r70 = i0.ɵɵgetCurrentView();
32586
- i0.ɵɵelementStart(0, "ion-button", 63);
32587
- i0.ɵɵlistener("click", function ProfileComponent_ng_template_10_ion_button_10_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r70); const ctx_r69 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r69.save()); });
32587
+ const _r67 = i0.ɵɵgetCurrentView();
32588
+ i0.ɵɵelementStart(0, "ion-button", 59);
32589
+ i0.ɵɵlistener("click", function ProfileComponent_ng_template_10_ion_button_10_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r67); const ctx_r66 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r66.save()); });
32588
32590
  i0.ɵɵtext(1);
32589
32591
  i0.ɵɵpipe(2, "translate");
32590
32592
  i0.ɵɵelementEnd();
32591
32593
  } if (rf & 2) {
32592
- const ctx_r68 = i0.ɵɵnextContext(2);
32593
- i0.ɵɵproperty("disabled", ctx_r68.isOtpSent == true || ctx_r68.displaySecurityQuestion == true);
32594
+ const ctx_r65 = i0.ɵɵnextContext(2);
32595
+ i0.ɵɵproperty("disabled", ctx_r65.isOtpSent == true || ctx_r65.displaySecurityQuestion == true);
32594
32596
  i0.ɵɵadvance(1);
32595
32597
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, "profile.button.save"));
32596
32598
  } }
32597
32599
  function ProfileComponent_ng_template_10_Template(rf, ctx) { if (rf & 1) {
32598
- const _r72 = i0.ɵɵgetCurrentView();
32599
- i0.ɵɵelementStart(0, "ion-grid")(1, "ion-row")(2, "ion-col", 58)(3, "ion-button", 59);
32600
- i0.ɵɵlistener("click", function ProfileComponent_ng_template_10_Template_ion_button_click_3_listener() { i0.ɵɵrestoreView(_r72); const ctx_r71 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r71.logout()); });
32600
+ const _r69 = i0.ɵɵgetCurrentView();
32601
+ i0.ɵɵelementStart(0, "ion-grid")(1, "ion-row")(2, "ion-col", 54)(3, "ion-button", 55);
32602
+ i0.ɵɵlistener("click", function ProfileComponent_ng_template_10_Template_ion_button_click_3_listener() { i0.ɵɵrestoreView(_r69); const ctx_r68 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r68.logout()); });
32601
32603
  i0.ɵɵtext(4);
32602
32604
  i0.ɵɵpipe(5, "translate");
32603
32605
  i0.ɵɵelementEnd()();
32604
- i0.ɵɵelementStart(6, "ion-col", 60)(7, "ion-button", 61);
32605
- i0.ɵɵlistener("click", function ProfileComponent_ng_template_10_Template_ion_button_click_7_listener() { i0.ɵɵrestoreView(_r72); const ctx_r73 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r73.cancel()); });
32606
+ i0.ɵɵelementStart(6, "ion-col", 56)(7, "ion-button", 57);
32607
+ i0.ɵɵlistener("click", function ProfileComponent_ng_template_10_Template_ion_button_click_7_listener() { i0.ɵɵrestoreView(_r69); const ctx_r70 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r70.cancel()); });
32606
32608
  i0.ɵɵtext(8);
32607
32609
  i0.ɵɵpipe(9, "translate");
32608
32610
  i0.ɵɵelementEnd();
32609
- i0.ɵɵtemplate(10, ProfileComponent_ng_template_10_ion_button_10_Template, 3, 4, "ion-button", 62);
32611
+ i0.ɵɵtemplate(10, ProfileComponent_ng_template_10_ion_button_10_Template, 3, 4, "ion-button", 58);
32610
32612
  i0.ɵɵelementEnd()()();
32611
32613
  } if (rf & 2) {
32612
32614
  const ctx_r9 = i0.ɵɵnextContext();
@@ -32617,8 +32619,8 @@ function ProfileComponent_ng_template_10_Template(rf, ctx) { if (rf & 1) {
32617
32619
  i0.ɵɵadvance(2);
32618
32620
  i0.ɵɵproperty("ngIf", !(ctx_r9.showSuccess || ctx_r9.showError) && ctx_r9.selected != "proof-of-unemployment");
32619
32621
  } }
32620
- const _c8$5 = () => ({ width: "60vw" });
32621
- const _c9$4 = () => ({ "1024px": "75vw", "768px": "85vw", "640px": "100vw" });
32622
+ const _c7$5 = () => ({ width: "60vw" });
32623
+ const _c8$5 = () => ({ "1024px": "75vw", "768px": "85vw", "640px": "100vw" });
32622
32624
  class ProfileComponent extends BasePage {
32623
32625
  constructor(logger, ls, cs, bs, claimService, nav, ss, util, formbuilder, titleService, modalCtrl) {
32624
32626
  super();
@@ -32982,13 +32984,13 @@ class ProfileComponent extends BasePage {
32982
32984
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fb = _t.first);
32983
32985
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.otpFormDirective = _t.first);
32984
32986
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.securityQuestionFormDirective = _t.first);
32985
- } }, inputs: { form: "form", question: "question" }, outputs: { onCancel: "onCancel", accepted: "accepted" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 11, vars: 13, 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", 4, "ngIf"], ["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", ""], ["class", "error-banner", 4, "ngIf"], [1, "error-banner"], ["name", "alert-circle-outline", 2, "color", "var(--ion-color-danger)", "font-size", "18px", "margin-right", "8px"], [1, "proof-of-unemployment"], ["style", "padding: 0px 1rem", 4, "ngIf", "ngIfElse"], ["nonPhraseTwoView", ""], [2, "padding", "0px 1rem"], [2, "font-family", "'Open Sans, Light'"], [4, "ngIf", "ngIfElse"], ["activeClaimTable", ""], ["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", "style", "margin:3px;", 4, "ngIf"], ["layout", "row", 2, "margin", "3px"], ["shape", "round", "fill", "outline", 1, "Claimant-summary-ver-btn", 3, "click"], ["shape", "round", "fill", "outline", 1, "Claimant-report-btn", 3, "click"], ["name", "download-outline"], [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"], ["securityQuestionFormDirective", "ngForm"], ["for", "securityQuestionAnswer", 3, "innerHTML"], ["pInputText", "", "formControlName", "securityQuestionAnswer", "size", "30", "maxlength", "30", "title", "Security Answer"], [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) {
32987
+ } }, inputs: { form: "form", question: "question" }, outputs: { onCancel: "onCancel", accepted: "accepted" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 11, vars: 13, 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", 4, "ngIf"], ["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", ""], ["class", "error-banner", 4, "ngIf"], [1, "error-banner"], ["name", "alert-circle-outline", 2, "color", "var(--ion-color-danger)", "font-size", "18px", "margin-right", "8px"], [1, "proof-of-unemployment"], ["style", "padding: 0px 1rem", 4, "ngIf", "ngIfElse"], ["nonPhraseTwoView", ""], [2, "padding", "0px 1rem"], [2, "margin-top", "15px"], ["class", "flex align-items-center flex-column", "layout", "row", "style", "margin:3px;", 4, "ngIf"], ["layout", "row", 1, "flex", "align-items-center", "flex-column", 2, "margin", "3px"], [1, "p-4", 2, "height", "100%"], [2, "box-shadow", "0 0 0 0"], [1, "pi", "pi-check-circle", 2, "color", "var(--ion-color-primary)", "font-size", "30px"], [1, "pl-0", "pr-0", "flex", "align-items-center", "flex-column", 2, "height", "100%", "justify-content", "space-between"], ["shape", "round", 1, "Claimant-summary-ver-btn", 2, "padding-bottom", "30px", 3, "click"], ["name", "download-outline", 1, "pr-1", "pb-1"], [1, "pi", "pi-file", 2, "color", "var(--ion-color-primary)", "font-size", "30px"], ["shape", "round", 1, "Claimant-report-btn", 2, "padding-bottom", "30px", 3, "click"], ["layout", "row", "style", "margin:3px;", 4, "ngIf"], ["layout", "row", 2, "margin", "3px"], ["shape", "round", "fill", "outline", 1, "Claimant-summary-ver-btn", 3, "click"], ["shape", "round", "fill", "outline", 1, "Claimant-report-btn", 3, "click"], ["name", "download-outline"], [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"], ["securityQuestionFormDirective", "ngForm"], ["for", "securityQuestionAnswer", 3, "innerHTML"], ["pInputText", "", "formControlName", "securityQuestionAnswer", "size", "30", "maxlength", "30", "title", "Security Answer"], [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) {
32986
32988
  i0.ɵɵelementStart(0, "p-dialog", 0);
32987
32989
  i0.ɵɵtemplate(1, ProfileComponent_ng_template_1_Template, 11, 6, "ng-template", 1)(2, ProfileComponent_div_2_Template, 5, 4, "div", 2)(3, ProfileComponent_div_3_Template, 4, 2, "div", 3)(4, ProfileComponent_div_4_Template, 16, 15, "div", 4)(5, ProfileComponent_div_5_Template, 16, 14, "div", 4)(6, ProfileComponent_mat_error_6_Template, 2, 1, "mat-error", 5)(7, ProfileComponent_ion_label_7_Template, 3, 1, "ion-label", 6)(8, ProfileComponent_div_8_Template, 6, 3, "div", 5)(9, ProfileComponent_div_9_Template, 5, 2, "div", 5)(10, ProfileComponent_ng_template_10_Template, 11, 7, "ng-template", 7);
32988
32990
  i0.ɵɵelementEnd();
32989
32991
  } if (rf & 2) {
32990
- i0.ɵɵstyleMap(i0.ɵɵpureFunction0(11, _c8$5));
32991
- i0.ɵɵproperty("breakpoints", i0.ɵɵpureFunction0(12, _c9$4));
32992
+ i0.ɵɵstyleMap(i0.ɵɵpureFunction0(11, _c7$5));
32993
+ i0.ɵɵproperty("breakpoints", i0.ɵɵpureFunction0(12, _c8$5));
32992
32994
  i0.ɵɵadvance(2);
32993
32995
  i0.ɵɵproperty("ngIf", !(ctx.showSuccess || ctx.showError));
32994
32996
  i0.ɵɵadvance(1);
@@ -33005,11 +33007,11 @@ class ProfileComponent extends BasePage {
33005
33007
  i0.ɵɵproperty("ngIf", ctx.showSuccess);
33006
33008
  i0.ɵɵadvance(1);
33007
33009
  i0.ɵɵproperty("ngIf", ctx.showError);
33008
- } }, dependencies: [i4.IonButton, i4.IonCol, i4.IonGrid, i4.IonIcon, i4.IonLabel, i4.IonRow, i5$1.NgClass, i5$1.NgIf, i6.PrimeTemplate, i7$2.MatError, i1$4.ɵNgNoValidate, i1$4.DefaultValueAccessor, i1$4.NgControlStatus, i1$4.NgControlStatusGroup, i1$4.MinLengthValidator, i1$4.MaxLengthValidator, i1$4.FormGroupDirective, i1$4.FormControlName, i1$4.NgModel, i6$3.Dialog, i26.Table, i26.RowToggler, i17.InputText, i18.InputMask, i21.SelectButton, ErrorComponent, FormBuilderPage, i3$1.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}.error-banner[_ngcontent-%COMP%]{display:flex;align-items:center;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;padding:8px 12px;margin-bottom:10px;font-size:14px}.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}"] }); }
33010
+ } }, dependencies: [i4.IonButton, i4.IonCard, i4.IonCardContent, i4.IonCardTitle, i4.IonCol, i4.IonGrid, i4.IonHeader, i4.IonIcon, i4.IonLabel, i4.IonRow, i5$1.NgIf, i6.PrimeTemplate, i7$2.MatError, i1$4.ɵNgNoValidate, i1$4.DefaultValueAccessor, i1$4.NgControlStatus, i1$4.NgControlStatusGroup, i1$4.MinLengthValidator, i1$4.MaxLengthValidator, i1$4.FormGroupDirective, i1$4.FormControlName, i1$4.NgModel, i6$3.Dialog, i17.InputText, i18.InputMask, i21.SelectButton, ErrorComponent, FormBuilderPage, i3$1.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}.error-banner[_ngcontent-%COMP%]{display:flex;align-items:center;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;padding:8px 12px;margin-bottom:10px;font-size:14px}.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}"] }); }
33009
33011
  }
33010
33012
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProfileComponent, [{
33011
33013
  type: Component,
33012
- 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 *ngIf=\"!isME()\" styleClass=\"ion-padding-start\" [options]=\"profileOpts\" optionLabel=\"text\"\r\n optionValue=\"value\" [(ngModel)]=\"selected\" (onOptionClick)=\"onValueChange($event)\">\r\n </p-selectButton>\r\n <p-selectButton *ngIf=\"isME()\" styleClass=\"ion-padding-start\" [options]=\"profileOptsIVR\" 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 <div *ngIf=\"selected == 'contact-details'\">\r\n <div *ngIf=\"showInlineError && selected === 'contact-details'\" class=\"error-banner\">\r\n <ion-icon name=\"alert-circle-outline\" style=\"color: var(--ion-color-danger); font-size: 18px; margin-right: 8px;\"></ion-icon>\r\n <span>{{ errorText }}</span>\r\n </div>\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 </div>\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 <app-form-builder #fb *ngIf=\"selected == 'update-ivr'\" [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 <div *ngIf=\"!listOfActiveClaim || listOfActiveClaim.length === 0; else activeClaimTable\">\r\n <h3 style=\"font-family: 'Open Sans, Light';\">\r\n {{\"profile.proof.of.unemployment.label.no.active.claim\"| translate}}\r\n </h3>\r\n </div>\r\n <ng-template #activeClaimTable>\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 </ng-template>\r\n </div>\r\n <ng-template #nonPhraseTwoView>\r\n <ion-grid style=\"margin-top: 15px;\">\r\n <ion-row>\r\n <ion-col *ngIf=\"!isME()\" 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 <div *ngIf=\"isME() && selected == 'contact-details' && displaySecurityQuestion == true\" style=\"margin-top: -90px;\">\r\n <form [formGroup]=\"securityQuestionForm\" #securityQuestionFormDirective=\"ngForm\">\r\n <ion-row>\r\n <div class=\"p-fluid p-formgrid\">\r\n <ion-row>\r\n <label for=\"securityQuestionAnswer\" [innerHTML]=\"'profile.contact.details.label.securityQuestion' | translate:{ securityQuestionToAsk: securityQuestionToAsk }\"></label>\r\n </ion-row>\r\n <ion-row>\r\n <ion-col>\r\n \t<input pInputText formControlName=\"securityQuestionAnswer\" size=\"30\" maxlength=\"30\" title=\"Security Answer\" />\r\n <app-error [field]='securityQuestionAnswer' [form]=\"securityQuestionFormDirective\" [errDef]=\"{ \r\n required: 'Security Answer is required.'\r\n }\"></app-error>\r\n </ion-col>\r\n <ion-col>\r\n <ion-button shape=\"round\" type=\"submit\" (click)=\"verifySecurityQuestion()\">{{ \"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 || displaySecurityQuestion== 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}.error-banner{display:flex;align-items:center;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;padding:8px 12px;margin-bottom:10px;font-size:14px}.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"] }]
33014
+ 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 *ngIf=\"!isME()\" styleClass=\"ion-padding-start\" [options]=\"profileOpts\" optionLabel=\"text\"\r\n optionValue=\"value\" [(ngModel)]=\"selected\" (onOptionClick)=\"onValueChange($event)\">\r\n </p-selectButton>\r\n <p-selectButton *ngIf=\"isME()\" styleClass=\"ion-padding-start\" [options]=\"profileOptsIVR\" 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 <div *ngIf=\"selected == 'contact-details'\">\r\n <div *ngIf=\"showInlineError && selected === 'contact-details'\" class=\"error-banner\">\r\n <ion-icon name=\"alert-circle-outline\" style=\"color: var(--ion-color-danger); font-size: 18px; margin-right: 8px;\"></ion-icon>\r\n <span>{{ errorText }}</span>\r\n </div>\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 </div>\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 <app-form-builder #fb *ngIf=\"selected == 'update-ivr'\" [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 <div *ngIf=\"!listOfActiveClaim || listOfActiveClaim.length === 0; else activeClaimTable\">\r\n <h3 style=\"font-family: 'Open Sans, Light';\">\r\n {{\"profile.proof.of.unemployment.label.no.active.claim\"| translate}}\r\n </h3>\r\n </div>\r\n <ng-template #activeClaimTable>\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 </ng-template> -->\r\n <ion-grid style=\"margin-top: 15px;\">\r\n <ion-row>\r\n <ion-col *ngIf=\"!isME()\" class=\"flex align-items-center flex-column\" layout=\"row\" style = \"margin:3px;\">\r\n <ion-card class=\"p-4\" style=\"height: 100%;\">\r\n <ion-header style=\"box-shadow: 0 0 0 0\">\r\n <ion-card-title><i class=\"pi pi-file\" style=\"color: var(--ion-color-primary);font-size: 30px;\"></i>{{ \"profile.proof.of.unemployment.phase.two.label.download.unemployment.claim.report\"| translate}}</ion-card-title>\r\n </ion-header>\r\n <ion-card-content class=\"pl-0 pr-0 flex align-items-center flex-column\" style=\"height: 100%; justify-content: space-between;\">\r\n <label>\r\n {{'profile.proof.of.unemployment.phase.two.overlay.unemployment.claim.report'| translate}}\r\n </label>\r\n <ion-button shape=\"round\" (click)=\"getExternalClaimantReport()\" style=\"padding-bottom:30px\"\r\n class=\"Claimant-report-btn\">\r\n <ion-icon name=\"download-outline\" class=\"pr-1 pb-1\"></ion-icon>{{ \"profile.proof.of.unemployment.phase.two.button.download.report\"| translate}}\r\n </ion-button>\r\n </ion-card-content>\r\n \r\n </ion-card>\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\" class=\"flex align-items-center flex-column\" style = \"margin:3px;\">\r\n <ion-card class=\"p-4\" style=\"height: 100%;\">\r\n <ion-header style=\"box-shadow: 0 0 0 0\">\r\n <ion-card-title><i class=\"pi pi-check-circle\" style=\"color: var(--ion-color-primary);font-size: 30px;\"></i> {{ \"profile.proof.of.unemployment.phase.two.label.summary.unemployment.claim\"| translate}}</ion-card-title>\r\n </ion-header>\r\n <ion-card-content class=\"pl-0 pr-0 flex align-items-center flex-column\" style=\"height: 100%; justify-content: space-between;\">\r\n <label>\r\n {{'profile.proof.of.unemployment.phase.two.overlay.summary.unemployment.claim'| translate}}\r\n </label>\r\n <ion-button shape=\"round\" (click)=\"redirectLink('.claimantsummaryverification')\" style=\"padding-bottom:30px\"\r\n class=\"Claimant-summary-ver-btn\">\r\n <ion-icon name=\"download-outline\" class=\"pr-1 pb-1\"></ion-icon> {{ \"profile.proof.of.unemployment.phase.two.button.download.report\"| translate}}\r\n </ion-button>\r\n </ion-card-content>\r\n \r\n </ion-card>\r\n </ion-col>\r\n </ion-row>\r\n </ion-grid>\r\n\r\n </div>\r\n <ng-template #nonPhraseTwoView>\r\n <ion-grid style=\"margin-top: 15px;\">\r\n <ion-row>\r\n <ion-col *ngIf=\"!isME()\" 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 <div *ngIf=\"isME() && selected == 'contact-details' && displaySecurityQuestion == true\" style=\"margin-top: -90px;\">\r\n <form [formGroup]=\"securityQuestionForm\" #securityQuestionFormDirective=\"ngForm\">\r\n <ion-row>\r\n <div class=\"p-fluid p-formgrid\">\r\n <ion-row>\r\n <label for=\"securityQuestionAnswer\" [innerHTML]=\"'profile.contact.details.label.securityQuestion' | translate:{ securityQuestionToAsk: securityQuestionToAsk }\"></label>\r\n </ion-row>\r\n <ion-row>\r\n <ion-col>\r\n \t<input pInputText formControlName=\"securityQuestionAnswer\" size=\"30\" maxlength=\"30\" title=\"Security Answer\" />\r\n <app-error [field]='securityQuestionAnswer' [form]=\"securityQuestionFormDirective\" [errDef]=\"{ \r\n required: 'Security Answer is required.'\r\n }\"></app-error>\r\n </ion-col>\r\n <ion-col>\r\n <ion-button shape=\"round\" type=\"submit\" (click)=\"verifySecurityQuestion()\">{{ \"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 || displaySecurityQuestion== 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}.error-banner{display:flex;align-items:center;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;padding:8px 12px;margin-bottom:10px;font-size:14px}.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"] }]
33013
33015
  }], () => [{ type: LoggerService }, { type: LoginService }, { type: ClaimantService }, { type: BirtService }, { type: ClaimService }, { type: i4.NavController }, { type: SecurityService }, { type: UtilService }, { type: i1$4.UntypedFormBuilder }, { type: i6$1.Title }, { type: i4.ModalController }], { fb: [{
33014
33016
  type: ViewChild,
33015
33017
  args: ['fb']
@@ -42177,30 +42179,35 @@ function ProofOfDocumentUploadComponent_form_0_Template(rf, ctx) { if (rf & 1) {
42177
42179
  i0.ɵɵadvance(2);
42178
42180
  i0.ɵɵproperty("ngIf", ctx_r0.context != "signature" && ctx_r0.context != "uploadZipCodes");
42179
42181
  } }
42180
- function ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_6_Template(rf, ctx) { if (rf & 1) {
42182
+ function ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_5_Template(rf, ctx) { if (rf & 1) {
42181
42183
  const _r53 = i0.ɵɵgetCurrentView();
42182
42184
  i0.ɵɵelementStart(0, "div", 39);
42183
42185
  i0.ɵɵelement(1, "i", 40);
42184
42186
  i0.ɵɵelementStart(2, "input", 41, 27);
42185
- i0.ɵɵlistener("change", function ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_6_Template_input_change_2_listener($event) { i0.ɵɵrestoreView(_r53); const employer_r40 = i0.ɵɵnextContext(2).$implicit; const ctx_r51 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r51.addFileToEmployerData($event, employer_r40)); });
42187
+ i0.ɵɵlistener("change", function ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_5_Template_input_change_2_listener($event) { i0.ɵɵrestoreView(_r53); const employer_r40 = i0.ɵɵnextContext(2).$implicit; const ctx_r51 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r51.addFileToEmployerData($event, employer_r40)); });
42186
42188
  i0.ɵɵelementEnd();
42187
42189
  i0.ɵɵelementStart(4, "ion-button", 42);
42188
- i0.ɵɵlistener("click", function ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_6_Template_ion_button_click_4_listener() { i0.ɵɵrestoreView(_r53); const _r50 = i0.ɵɵreference(3); return i0.ɵɵresetView(_r50.click()); });
42190
+ i0.ɵɵlistener("click", function ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_5_Template_ion_button_click_4_listener() { i0.ɵɵrestoreView(_r53); const _r50 = i0.ɵɵreference(3); return i0.ɵɵresetView(_r50.click()); });
42189
42191
  i0.ɵɵtext(5, " Upload ");
42192
+ i0.ɵɵelementEnd();
42193
+ i0.ɵɵelementStart(6, "label", 43);
42194
+ i0.ɵɵtext(7);
42190
42195
  i0.ɵɵelementEnd()();
42191
42196
  } if (rf & 2) {
42192
42197
  const ctx_r48 = i0.ɵɵnextContext(4);
42193
42198
  i0.ɵɵadvance(2);
42194
42199
  i0.ɵɵproperty("accept", ctx_r48.allowedFileType);
42200
+ i0.ɵɵadvance(5);
42201
+ i0.ɵɵtextInterpolate1(" ", ctx_r48.iconInfo, " ");
42195
42202
  } }
42196
- function ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_7_Template(rf, ctx) { if (rf & 1) {
42203
+ function ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_6_Template(rf, ctx) { if (rf & 1) {
42197
42204
  const _r57 = i0.ɵɵgetCurrentView();
42198
- i0.ɵɵelementStart(0, "div")(1, "div", 43)(2, "div", 44)(3, "span");
42199
- i0.ɵɵelement(4, "i", 45);
42205
+ i0.ɵɵelementStart(0, "div")(1, "div", 44)(2, "div", 45)(3, "span");
42206
+ i0.ɵɵelement(4, "i", 46);
42200
42207
  i0.ɵɵtext(5);
42201
42208
  i0.ɵɵelementEnd();
42202
- i0.ɵɵelementStart(6, "ion-button", 46);
42203
- i0.ɵɵlistener("click", function ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_7_Template_ion_button_click_6_listener() { i0.ɵɵrestoreView(_r57); const employer_r40 = i0.ɵɵnextContext(2).$implicit; const ctx_r55 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r55.removeFileFromEmployerData(employer_r40)); });
42209
+ i0.ɵɵelementStart(6, "ion-button", 47);
42210
+ i0.ɵɵlistener("click", function ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_6_Template_ion_button_click_6_listener() { i0.ɵɵrestoreView(_r57); const employer_r40 = i0.ɵɵnextContext(2).$implicit; const ctx_r55 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r55.removeFileFromEmployerData(employer_r40)); });
42204
42211
  i0.ɵɵelement(7, "ion-icon", 21);
42205
42212
  i0.ɵɵelementEnd()()()();
42206
42213
  } if (rf & 2) {
@@ -42211,19 +42218,14 @@ function ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_7_Template(r
42211
42218
  function ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_Template(rf, ctx) { if (rf & 1) {
42212
42219
  i0.ɵɵelementStart(0, "ion-row")(1, "ion-col", 35)(2, "h4", 36);
42213
42220
  i0.ɵɵtext(3);
42214
- i0.ɵɵelementEnd();
42215
- i0.ɵɵelement(4, "app-overlay-info", 15);
42216
- i0.ɵɵelementEnd()();
42217
- i0.ɵɵelementStart(5, "div", 37);
42218
- i0.ɵɵtemplate(6, ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_6_Template, 6, 1, "div", 38)(7, ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_7_Template, 8, 1, "div", 4);
42221
+ i0.ɵɵelementEnd()()();
42222
+ i0.ɵɵelementStart(4, "div", 37);
42223
+ i0.ɵɵtemplate(5, ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_5_Template, 8, 2, "div", 38)(6, ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_div_6_Template, 8, 1, "div", 4);
42219
42224
  i0.ɵɵelementEnd();
42220
42225
  } if (rf & 2) {
42221
42226
  const employer_r40 = i0.ɵɵnextContext().$implicit;
42222
- const ctx_r42 = i0.ɵɵnextContext(2);
42223
42227
  i0.ɵɵadvance(3);
42224
42228
  i0.ɵɵtextInterpolate(employer_r40.employerName);
42225
- i0.ɵɵadvance(1);
42226
- i0.ɵɵproperty("overlayText", ctx_r42.iconInfo);
42227
42229
  i0.ɵɵadvance(2);
42228
42230
  i0.ɵɵproperty("ngIf", !employer_r40.file);
42229
42231
  i0.ɵɵadvance(1);
@@ -42231,7 +42233,7 @@ function ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_Template(rf, ctx
42231
42233
  } }
42232
42234
  function ProofOfDocumentUploadComponent_ul_1_li_1_Template(rf, ctx) { if (rf & 1) {
42233
42235
  i0.ɵɵelementStart(0, "li", 32)(1, "p-card", 33);
42234
- i0.ɵɵtemplate(2, ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_Template, 8, 4, "ng-template", 34);
42236
+ i0.ɵɵtemplate(2, ProofOfDocumentUploadComponent_ul_1_li_1_ng_template_2_Template, 7, 3, "ng-template", 34);
42235
42237
  i0.ɵɵelementEnd()();
42236
42238
  } }
42237
42239
  function ProofOfDocumentUploadComponent_ul_1_Template(rf, ctx) { if (rf & 1) {
@@ -42475,7 +42477,7 @@ class ProofOfDocumentUploadComponent {
42475
42477
  provide: NG_VALUE_ACCESSOR,
42476
42478
  useExisting: ProofOfDocumentUploadComponent,
42477
42479
  multi: true
42478
- }]), i0.ɵɵNgOnChangesFeature], decls: 2, vars: 2, consts: [[3, "formGroup", 4, "ngIf"], ["class", "no-bullets gap-3", 4, "ngIf"], [3, "formGroup"], ["uploadFileFormDirective", "ngForm"], [4, "ngIf"], ["dataKey", "fileName", "responsiveLayout", "scroll", 3, "value", "loading"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["showDocTypeHeading", ""], ["removeDocTypeHeading", ""], ["pTemplate", "body"], ["pTemplate", "footer"], ["pTemplate", "header"], [1, "flex", "flex-row", "align-items-center"], ["class", "pl-1", 4, "ngIf"], [1, "pl-1"], [2, "margin-top", "2px", "margin-left", "6px", 3, "overlayText"], [3, "overlayText"], ["formArrayName", "tableRowArray"], [3, "formGroupName"], [1, "ion-text-right", 2, "padding-right", "unset"], ["shape", "round", "fill", "outline", "size", "small", "pTooltip", "Remove", "tooltipPosition", "bottom", 1, "ion-padding-left", 3, "click"], ["name", "trash-outline"], ["formControlName", "docType", "optionLabel", "label", "optionValue", "value", "placeholder", "Select a Document Type", "appendTo", "body", 1, "ng-invalid", "ng-dirty", 3, "options", "ngModel", "showClear", "ngClass", "ngModelChange", "onChange", "onClear"], ["class", "file-input-container flex flex-row align-items-center", 4, "ngIf"], [1, "file-input-container", "flex", "flex-row", "align-items-center"], [1, "pr-1"], ["type", "file", 3, "accept", "change"], ["fileInput", ""], ["aria-label", "Add Files", "fill", "outline", "size", "small", 1, "action-button", 3, "click"], [1, "action-icon", 3, "icon"], [1, "no-bullets", "gap-3"], ["class", "pb-3", 4, "ngFor", "ngForOf"], [1, "pb-3"], [1, "pb-2", "gap-3"], ["class", "p-3", "pTemplate", "content"], [1, "flex", "flex-row", "align-items-center", "gap-1"], ["stlye", "margin: 0", 1, "m-0"], [1, "flex", "align-items-center", "justify-content-center", "flex-column", "border-2", "border-dashed", "border-400", "rounded-sm", "p-2"], ["class", "flex align-items-center justify-content-center flex-column", 4, "ngIf"], [1, "flex", "align-items-center", "justify-content-center", "flex-column"], [1, "pi", "pi-upload", "border-2", "border-circle", "p-2", "m-2", "text-xl", "text-400"], ["id", "employerWorkSearchFileInput", "type", "file", 2, "display", "none", 3, "accept", "change"], ["aria-label", "Add Files", "fill", "outline", "size", "small", 1, "action-button", 2, "float", "inline-end", 3, "click"], [1, "flex", "align-items-center", "justify-content-center", "flex-column", "p-0", "sm:p-2", "gap-5"], [1, "card", "m-0", "px-6", "flex", "align-items-center", "justify-content-center", "flex-column", "gap-2"], [1, "pi", "pi-file", 2, "color", "#4478AA"], ["aria-label", "Remove Files", "fill", "outline", "size", "small", "pTooltip", "Remove", "tooltipPosition", "bottom", 1, "ion-padding-left", 2, "float", "inline-end", 3, "click"]], template: function ProofOfDocumentUploadComponent_Template(rf, ctx) { if (rf & 1) {
42480
+ }]), i0.ɵɵNgOnChangesFeature], decls: 2, vars: 2, consts: [[3, "formGroup", 4, "ngIf"], ["class", "no-bullets gap-3", 4, "ngIf"], [3, "formGroup"], ["uploadFileFormDirective", "ngForm"], [4, "ngIf"], ["dataKey", "fileName", "responsiveLayout", "scroll", 3, "value", "loading"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["showDocTypeHeading", ""], ["removeDocTypeHeading", ""], ["pTemplate", "body"], ["pTemplate", "footer"], ["pTemplate", "header"], [1, "flex", "flex-row", "align-items-center"], ["class", "pl-1", 4, "ngIf"], [1, "pl-1"], [2, "margin-top", "2px", "margin-left", "6px", 3, "overlayText"], [3, "overlayText"], ["formArrayName", "tableRowArray"], [3, "formGroupName"], [1, "ion-text-right", 2, "padding-right", "unset"], ["shape", "round", "fill", "outline", "size", "small", "pTooltip", "Remove", "tooltipPosition", "bottom", 1, "ion-padding-left", 3, "click"], ["name", "trash-outline"], ["formControlName", "docType", "optionLabel", "label", "optionValue", "value", "placeholder", "Select a Document Type", "appendTo", "body", 1, "ng-invalid", "ng-dirty", 3, "options", "ngModel", "showClear", "ngClass", "ngModelChange", "onChange", "onClear"], ["class", "file-input-container flex flex-row align-items-center", 4, "ngIf"], [1, "file-input-container", "flex", "flex-row", "align-items-center"], [1, "pr-1"], ["type", "file", 3, "accept", "change"], ["fileInput", ""], ["aria-label", "Add Files", "fill", "outline", "size", "small", 1, "action-button", 3, "click"], [1, "action-icon", 3, "icon"], [1, "no-bullets", "gap-3"], ["class", "pb-3", 4, "ngFor", "ngForOf"], [1, "pb-3"], [1, "pb-2", "gap-3"], ["class", "p-3", "pTemplate", "content"], [1, "flex", "flex-row", "align-items-center", "gap-1"], ["stlye", "margin: 0", 1, "m-0"], [1, "flex", "align-items-center", "justify-content-center", "flex-column", "border-2", "border-dashed", "border-400", "rounded-sm", "p-2"], ["class", "flex align-items-center justify-content-center flex-column", 4, "ngIf"], [1, "flex", "align-items-center", "justify-content-center", "flex-column"], [1, "pi", "pi-upload", "border-2", "border-circle", "p-2", "m-2", "text-xl", "text-400"], ["id", "employerWorkSearchFileInput", "type", "file", 2, "display", "none", 3, "accept", "change"], ["aria-label", "Add Files", "fill", "outline", "size", "small", 1, "action-button", 2, "float", "inline-end", 3, "click"], [1, "pt-4", 2, "font-size", "12px"], [1, "flex", "align-items-center", "justify-content-center", "flex-column", "p-0", "sm:p-2", "gap-5"], [1, "card", "m-0", "px-6", "flex", "align-items-center", "justify-content-center", "flex-column", "gap-2"], [1, "pi", "pi-file", 2, "color", "#4478AA"], ["aria-label", "Remove Files", "fill", "outline", "size", "small", "pTooltip", "Remove", "tooltipPosition", "bottom", 1, "ion-padding-left", 2, "float", "inline-end", 3, "click"]], template: function ProofOfDocumentUploadComponent_Template(rf, ctx) { if (rf & 1) {
42479
42481
  i0.ɵɵtemplate(0, ProofOfDocumentUploadComponent_form_0_Template, 3, 2, "form", 0)(1, ProofOfDocumentUploadComponent_ul_1_Template, 2, 1, "ul", 1);
42480
42482
  } if (rf & 2) {
42481
42483
  i0.ɵɵproperty("ngIf", !ctx.employerDataModel);
@@ -42489,7 +42491,7 @@ class ProofOfDocumentUploadComponent {
42489
42491
  provide: NG_VALUE_ACCESSOR,
42490
42492
  useExisting: ProofOfDocumentUploadComponent,
42491
42493
  multi: true
42492
- }], template: "<form [formGroup]=\"formArray\" #uploadFileFormDirective=\"ngForm\" *ngIf=\"!employerDataModel\">\r\n <section *ngIf=\"this.context != 'signature' && this.context !='uploadZipCodes'\">\r\n <p-table dataKey=\"fileName\" [value]=\"fileObjectQueue\" responsiveLayout=\"scroll\" [loading]=\"showProgress\">\r\n <div *ngIf = \"docType.length > 0; then showDocTypeHeading; else removeDocTypeHeading\" ></div>\r\n <ng-template #showDocTypeHeading>\r\n <ng-template pTemplate=\"header\">\r\n <tr>\r\n <th>Document Name</th>\r\n <th class=\"flex flex-row align-items-center\">\r\n Document Type\r\n <div *ngIf=\"proofOfAnything\" class=\"pl-1\">\r\n <app-overlay-info [overlayText]=\"iconInfo\" style=\"margin-top: 2px; margin-left: 6px; \"></app-overlay-info>\r\n </div>\r\n </th>\r\n <th></th>\r\n </tr>\r\n </ng-template>\r\n </ng-template>\r\n <ng-template #removeDocTypeHeading>\r\n <ng-template pTemplate=\"header\">\r\n <tr>\r\n <th class=\"flex flex-row align-items-center\">\r\n Document Name\r\n <div *ngIf=\"proofOfAnything\" class=\"pl-1\">\r\n <app-overlay-info [overlayText]=\"iconInfo\"></app-overlay-info>\r\n </div>\r\n </th>\r\n <th></th>\r\n <th></th>\r\n </tr>\r\n </ng-template>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-fileObjectQueue let-rowIndex=\"rowIndex\">\r\n <ng-container formArrayName=\"tableRowArray\">\r\n <tr [formGroupName]=\"rowIndex\">\r\n <td>{{ fileObjectQueue?.fileName }}</td>\r\n <td *ngIf=\"docType.length > 0\">\r\n <p-dropdown [options]=\"docTypeDropdown\" formControlName=\"docType\" [(ngModel)]=\"fileObjectQueue.selectedDocumentType\" \r\n (onChange)=\"changeDocType(fileObjectQueue,$event)\" \r\n optionLabel=\"label\" optionValue=\"value\" placeholder=\"Select a Document Type\" appendTo=body\r\n [style]=\"{'width':'90%'}\"\r\n class=\"ng-invalid ng-dirty\"\r\n [showClear]=\"true\"\r\n (onClear)=\"clearDocType(fileObjectQueue)\"\r\n [ngClass]=\"{'ng-invalid':tableRows.controls[rowIndex].get('docType')?.invalid}\"/>\r\n </td>\r\n <td class=\"ion-text-right\" style=\"padding-right: unset\">\r\n <ion-button shape=\"round\" fill=\"outline\" size=\"small\" pTooltip=\"Remove\" (click)=\"removeFromQueue(fileObjectQueue)\"\r\n tooltipPosition=\"bottom\" class=\"ion-padding-left\">\r\n <ion-icon name=\"trash-outline\"></ion-icon>\r\n </ion-button>\r\n </td>\r\n </tr>\r\n </ng-container>\r\n \r\n </ng-template>\r\n <ng-template pTemplate=\"footer\"> \r\n <tr *ngIf=\"proofOfAnything\">\r\n <td *ngIf=\"fileObjectQueue.length == 0\" class=\"file-input-container flex flex-row align-items-center\">\r\n <div class=\"pr-1\"><b>+ Add</b> document</div >\r\n <input type=\"file\" #fileInput [accept]=\"allowedFileType\"\r\n (change)=\"addToQueue($event)\" />\r\n <ion-button aria-label=\"Add Files\" (click)=\"fileInput.click()\" fill=\"outline\" size=\"small\" class=\"action-button\">\r\n <fa-icon [icon]=\"['fal', 'plus']\" class=\"action-icon\"></fa-icon>\r\n </ion-button>\r\n </td>\r\n <td *ngIf=\"fileObjectQueue.length > 0\" class=\"file-input-container flex flex-row align-items-center\">\r\n <div class=\"pr-1\"><b>+ Add</b> any other document</div >\r\n <input type=\"file\" #fileInput [accept]=\"allowedFileType\"\r\n (change)=\"addToQueue($event)\" />\r\n <ion-button aria-label=\"Add Files\" (click)=\"fileInput.click()\" fill=\"outline\" size=\"small\" class=\"action-button\">\r\n <fa-icon [icon]=\"['fal', 'plus']\" class=\"action-icon\"></fa-icon>\r\n </ion-button>\r\n </td>\r\n <td></td>\r\n <td >\r\n \r\n </td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </section>\r\n </form>\r\n <ul *ngIf=\"employerDataModel\" class=\"no-bullets gap-3\">\r\n <li class=\"pb-3\" *ngFor=\"let employer of employerDataModel; let i = index\">\r\n <p-card class=\"pb-2 gap-3\">\r\n <ng-template class=\"p-3\" pTemplate=\"content\" let-files let-uploadedFiles=\"uploadedFiles\" let-removeFileCallback=\"removeFileCallback\" let-removeUploadedFileCallback=\"removeUploadedFileCallback\" let-chooseCallback=\"chooseCallback\">\r\n \r\n <ion-row>\r\n <ion-col class=\"flex flex-row align-items-center gap-1\">\r\n <h4 class=\"m-0\" stlye=\"margin: 0\">{{employer.employerName}}</h4>\r\n <app-overlay-info [overlayText]=\"iconInfo\"\r\n style=\"margin-top: 2px; margin-left: 6px;\"></app-overlay-info>\r\n </ion-col>\r\n </ion-row>\r\n <div class=\"flex align-items-center justify-content-center flex-column border-2 border-dashed border-400 rounded-sm p-2\">\r\n <div *ngIf=\"!employer.file\" class=\"flex align-items-center justify-content-center flex-column\">\r\n <i class=\"pi pi-upload border-2 border-circle p-2 m-2 text-xl text-400\"></i>\r\n <input id=\"employerWorkSearchFileInput\" type=\"file\" #fileInput [accept]=\"allowedFileType\"\r\n (change)=\"addFileToEmployerData($event,employer)\" style=\"display: none\" />\r\n <ion-button aria-label=\"Add Files\" (click)=\"fileInput.click()\" fill=\"outline\" size=\"small\" class=\"action-button\" style=\"float:inline-end\">\r\n Upload\r\n </ion-button>\r\n </div>\r\n <div *ngIf=\"employer.file\">\r\n\r\n <div class=\"flex align-items-center justify-content-center flex-column p-0 sm:p-2 gap-5\">\r\n <div\r\n class=\"card m-0 px-6 flex align-items-center justify-content-center flex-column gap-2\"\r\n > \r\n <span>\r\n <i class=\"pi pi-file\" style=\"color: #4478AA\"></i>{{ employer.file.fileName }}\r\n </span>\r\n <ion-button aria-label=\"Remove Files\" fill=\"outline\" size=\"small\" pTooltip=\"Remove\" (click)=\"removeFileFromEmployerData(employer)\"\r\n tooltipPosition=\"bottom\" class=\"ion-padding-left\" style=\"float: inline-end\">\r\n <ion-icon name=\"trash-outline\"></ion-icon>\r\n </ion-button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n\r\n \r\n </ng-template>\r\n </p-card>\r\n </li>\r\n </ul>", styles: [".file-input-container{text-align:right}.file-input-container input[type=file]{display:none}.file-input-container label{border:1px solid #ccc;padding:6px 12px;cursor:pointer}.upload-input-container input[type=file]{display:none}.upload-input-container label{border:1px solid #ccc;cursor:pointer}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{background:#fff!important;background-color:#fff!important}ol,ul{list-style:none}ul{list-style-type:square}li{color:var(--ion-color-grey)}.ng-invalid{border-color:#f44336}.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}.no-bullets{list-style-type:none;padding-left:0}:host ::ng-deep .remove-header .p-fileupload-buttonbar{display:none}:host ::ng-deep .remove-header .p-fileupload-content{border-top-right-radius:4px;border-top-left-radius:4px;padding:1rem}:host ::ng-deep .p-card .p-card-body .p-card-content{padding:1rem!important}.border-400{border-color:#4478aa!important;border-radius:6px}\n"] }]
42494
+ }], template: "<form [formGroup]=\"formArray\" #uploadFileFormDirective=\"ngForm\" *ngIf=\"!employerDataModel\">\r\n <section *ngIf=\"this.context != 'signature' && this.context !='uploadZipCodes'\">\r\n <p-table dataKey=\"fileName\" [value]=\"fileObjectQueue\" responsiveLayout=\"scroll\" [loading]=\"showProgress\">\r\n <div *ngIf = \"docType.length > 0; then showDocTypeHeading; else removeDocTypeHeading\" ></div>\r\n <ng-template #showDocTypeHeading>\r\n <ng-template pTemplate=\"header\">\r\n <tr>\r\n <th>Document Name</th>\r\n <th class=\"flex flex-row align-items-center\">\r\n Document Type\r\n <div *ngIf=\"proofOfAnything\" class=\"pl-1\">\r\n <app-overlay-info [overlayText]=\"iconInfo\" style=\"margin-top: 2px; margin-left: 6px; \"></app-overlay-info>\r\n </div>\r\n </th>\r\n <th></th>\r\n </tr>\r\n </ng-template>\r\n </ng-template>\r\n <ng-template #removeDocTypeHeading>\r\n <ng-template pTemplate=\"header\">\r\n <tr>\r\n <th class=\"flex flex-row align-items-center\">\r\n Document Name\r\n <div *ngIf=\"proofOfAnything\" class=\"pl-1\">\r\n <app-overlay-info [overlayText]=\"iconInfo\"></app-overlay-info>\r\n </div>\r\n </th>\r\n <th></th>\r\n <th></th>\r\n </tr>\r\n </ng-template>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-fileObjectQueue let-rowIndex=\"rowIndex\">\r\n <ng-container formArrayName=\"tableRowArray\">\r\n <tr [formGroupName]=\"rowIndex\">\r\n <td>{{ fileObjectQueue?.fileName }}</td>\r\n <td *ngIf=\"docType.length > 0\">\r\n <p-dropdown [options]=\"docTypeDropdown\" formControlName=\"docType\" [(ngModel)]=\"fileObjectQueue.selectedDocumentType\" \r\n (onChange)=\"changeDocType(fileObjectQueue,$event)\" \r\n optionLabel=\"label\" optionValue=\"value\" placeholder=\"Select a Document Type\" appendTo=body\r\n [style]=\"{'width':'90%'}\"\r\n class=\"ng-invalid ng-dirty\"\r\n [showClear]=\"true\"\r\n (onClear)=\"clearDocType(fileObjectQueue)\"\r\n [ngClass]=\"{'ng-invalid':tableRows.controls[rowIndex].get('docType')?.invalid}\"/>\r\n </td>\r\n <td class=\"ion-text-right\" style=\"padding-right: unset\">\r\n <ion-button shape=\"round\" fill=\"outline\" size=\"small\" pTooltip=\"Remove\" (click)=\"removeFromQueue(fileObjectQueue)\"\r\n tooltipPosition=\"bottom\" class=\"ion-padding-left\">\r\n <ion-icon name=\"trash-outline\"></ion-icon>\r\n </ion-button>\r\n </td>\r\n </tr>\r\n </ng-container>\r\n \r\n </ng-template>\r\n <ng-template pTemplate=\"footer\"> \r\n <tr *ngIf=\"proofOfAnything\">\r\n <td *ngIf=\"fileObjectQueue.length == 0\" class=\"file-input-container flex flex-row align-items-center\">\r\n <div class=\"pr-1\"><b>+ Add</b> document</div >\r\n <input type=\"file\" #fileInput [accept]=\"allowedFileType\"\r\n (change)=\"addToQueue($event)\" />\r\n <ion-button aria-label=\"Add Files\" (click)=\"fileInput.click()\" fill=\"outline\" size=\"small\" class=\"action-button\">\r\n <fa-icon [icon]=\"['fal', 'plus']\" class=\"action-icon\"></fa-icon>\r\n </ion-button>\r\n </td>\r\n <td *ngIf=\"fileObjectQueue.length > 0\" class=\"file-input-container flex flex-row align-items-center\">\r\n <div class=\"pr-1\"><b>+ Add</b> any other document</div >\r\n <input type=\"file\" #fileInput [accept]=\"allowedFileType\"\r\n (change)=\"addToQueue($event)\" />\r\n <ion-button aria-label=\"Add Files\" (click)=\"fileInput.click()\" fill=\"outline\" size=\"small\" class=\"action-button\">\r\n <fa-icon [icon]=\"['fal', 'plus']\" class=\"action-icon\"></fa-icon>\r\n </ion-button>\r\n </td>\r\n <td></td>\r\n <td >\r\n \r\n </td>\r\n </tr>\r\n </ng-template>\r\n </p-table>\r\n </section>\r\n </form>\r\n <ul *ngIf=\"employerDataModel\" class=\"no-bullets gap-3\">\r\n <li class=\"pb-3\" *ngFor=\"let employer of employerDataModel; let i = index\">\r\n <p-card class=\"pb-2 gap-3\">\r\n <ng-template class=\"p-3\" pTemplate=\"content\" let-files let-uploadedFiles=\"uploadedFiles\" let-removeFileCallback=\"removeFileCallback\" let-removeUploadedFileCallback=\"removeUploadedFileCallback\" let-chooseCallback=\"chooseCallback\">\r\n \r\n <ion-row>\r\n <ion-col class=\"flex flex-row align-items-center gap-1\">\r\n <h4 class=\"m-0\" stlye=\"margin: 0\">{{employer.employerName}}</h4>\r\n </ion-col>\r\n </ion-row>\r\n <div class=\"flex align-items-center justify-content-center flex-column border-2 border-dashed border-400 rounded-sm p-2\">\r\n <div *ngIf=\"!employer.file\" class=\"flex align-items-center justify-content-center flex-column\">\r\n <i class=\"pi pi-upload border-2 border-circle p-2 m-2 text-xl text-400\"></i>\r\n <input id=\"employerWorkSearchFileInput\" type=\"file\" #fileInput [accept]=\"allowedFileType\"\r\n (change)=\"addFileToEmployerData($event,employer)\" style=\"display: none\" />\r\n <ion-button aria-label=\"Add Files\" (click)=\"fileInput.click()\" fill=\"outline\" size=\"small\" class=\"action-button\" style=\"float:inline-end\">\r\n Upload\r\n </ion-button>\r\n <label class=\"pt-4\" style=\"font-size: 12px;\">\r\n {{iconInfo}}\r\n </label>\r\n </div>\r\n <div *ngIf=\"employer.file\">\r\n\r\n <div class=\"flex align-items-center justify-content-center flex-column p-0 sm:p-2 gap-5\">\r\n <div\r\n class=\"card m-0 px-6 flex align-items-center justify-content-center flex-column gap-2\"\r\n > \r\n <span>\r\n <i class=\"pi pi-file\" style=\"color: #4478AA\"></i>{{ employer.file.fileName }}\r\n </span>\r\n <ion-button aria-label=\"Remove Files\" fill=\"outline\" size=\"small\" pTooltip=\"Remove\" (click)=\"removeFileFromEmployerData(employer)\"\r\n tooltipPosition=\"bottom\" class=\"ion-padding-left\" style=\"float: inline-end\">\r\n <ion-icon name=\"trash-outline\"></ion-icon>\r\n </ion-button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n\r\n \r\n </ng-template>\r\n </p-card>\r\n </li>\r\n </ul>", styles: [".file-input-container{text-align:right}.file-input-container input[type=file]{display:none}.file-input-container label{border:1px solid #ccc;padding:6px 12px;cursor:pointer}.upload-input-container input[type=file]{display:none}.upload-input-container label{border:1px solid #ccc;cursor:pointer}:host ::ng-deep .p-datatable .p-datatable-thead>tr>th{background:#fff!important;background-color:#fff!important}ol,ul{list-style:none}ul{list-style-type:square}li{color:var(--ion-color-grey)}.ng-invalid{border-color:#f44336}.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}.no-bullets{list-style-type:none;padding-left:0}:host ::ng-deep .remove-header .p-fileupload-buttonbar{display:none}:host ::ng-deep .remove-header .p-fileupload-content{border-top-right-radius:4px;border-top-left-radius:4px;padding:1rem}:host ::ng-deep .p-card .p-card-body .p-card-content{padding:1rem!important}.border-400{border-color:#4478aa!important;border-radius:6px}\n"] }]
42493
42495
  }], () => [{ type: i1$4.UntypedFormBuilder }, { type: i4.ToastController }], { uploadFileFormDirective: [{
42494
42496
  type: ViewChild,
42495
42497
  args: ['uploadFileFormDirective', { static: false }]
@@ -43689,15 +43691,23 @@ class AddressSuggestionComponent {
43689
43691
  this.setIsAddressValideController('0');
43690
43692
  }
43691
43693
  if (res.lastValidateResult === "MUSA") {
43692
- this.msuaCount += 1;
43693
- this.aunrCount = 0;
43694
+ if (!initialValidation) {
43695
+ this.msuaCount += 1;
43696
+ this.aunrCount = 0;
43697
+ }
43694
43698
  this.setIsAddressValideController('0');
43695
43699
  }
43696
43700
  if (res.lastValidateResult === "AUNR") {
43697
- this.aunrCount += 1;
43698
- this.msuaCount = 0;
43701
+ if (!initialValidation) {
43702
+ this.aunrCount += 1;
43703
+ this.msuaCount = 0;
43704
+ }
43699
43705
  this.setIsAddressValideController('0');
43700
43706
  }
43707
+ if (res.lastValidateResult !== "MUSA" && res.lastValidateResult !== "AUNR") {
43708
+ this.msuaCount = 0;
43709
+ this.aunrCount = 0;
43710
+ }
43701
43711
  if (res.lastValidateResult === "NREC") {
43702
43712
  this.setIsAddressValideController('1');
43703
43713
  }