@reusa/ngx-reusa-app-lib 0.0.1323 → 0.0.1325

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.
Files changed (6) hide show
  1. package/esm2022/lib/components/profile/profile.component.mjs +111 -85
  2. package/fesm2022/reusa-ngx-reusa-app-lib.mjs +110 -84
  3. package/fesm2022/reusa-ngx-reusa-app-lib.mjs.map +1 -1
  4. package/lib/components/profile/profile.component.d.ts +2 -1
  5. package/lib/components/profile/profile.component.d.ts.map +1 -1
  6. package/package.json +1 -1
package/fesm2022/reusa-ngx-reusa-app-lib.mjs CHANGED
@@ -32297,7 +32297,7 @@ function ProfileComponent_div_2_Template(rf, ctx) { if (rf & 1) {
32297
32297
  i0.ɵɵadvance(1);
32298
32298
  i0.ɵɵproperty("ngIf", ctx_r1.selected == "update-ivr");
32299
32299
  } }
32300
- function ProfileComponent_div_3_div_1_ion_col_3_div_15_Template(rf, ctx) { if (rf & 1) {
32300
+ function ProfileComponent_div_3_div_1_ion_col_3_div_16_Template(rf, ctx) { if (rf & 1) {
32301
32301
  i0.ɵɵelementStart(0, "div");
32302
32302
  i0.ɵɵtext(1);
32303
32303
  i0.ɵɵpipe(2, "translate");
@@ -32306,7 +32306,7 @@ function ProfileComponent_div_3_div_1_ion_col_3_div_15_Template(rf, ctx) { if (r
32306
32306
  i0.ɵɵadvance(1);
32307
32307
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "profile.proof.of.unemployment.status.download.start"));
32308
32308
  } }
32309
- function ProfileComponent_div_3_div_1_ion_col_3_mat_error_16_Template(rf, ctx) { if (rf & 1) {
32309
+ function ProfileComponent_div_3_div_1_ion_col_3_mat_error_17_Template(rf, ctx) { if (rf & 1) {
32310
32310
  i0.ɵɵelementStart(0, "mat-error");
32311
32311
  i0.ɵɵtext(1);
32312
32312
  i0.ɵɵpipe(2, "translate");
@@ -32316,9 +32316,9 @@ function ProfileComponent_div_3_div_1_ion_col_3_mat_error_16_Template(rf, ctx) {
32316
32316
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "profile.proof.of.unemployment.status.download.error"));
32317
32317
  } }
32318
32318
  function ProfileComponent_div_3_div_1_ion_col_3_Template(rf, ctx) { if (rf & 1) {
32319
- const _r47 = i0.ɵɵgetCurrentView();
32319
+ const _r49 = i0.ɵɵgetCurrentView();
32320
32320
  i0.ɵɵelementStart(0, "ion-col", 25)(1, "ion-card", 26)(2, "ion-header", 27)(3, "ion-card-title");
32321
- i0.ɵɵelement(4, "i", 32);
32321
+ i0.ɵɵelement(4, "i", 33);
32322
32322
  i0.ɵɵtext(5);
32323
32323
  i0.ɵɵpipe(6, "translate");
32324
32324
  i0.ɵɵelementEnd()();
@@ -32326,31 +32326,49 @@ function ProfileComponent_div_3_div_1_ion_col_3_Template(rf, ctx) { if (rf & 1)
32326
32326
  i0.ɵɵtext(9);
32327
32327
  i0.ɵɵpipe(10, "translate");
32328
32328
  i0.ɵɵelementEnd();
32329
- i0.ɵɵelementStart(11, "ion-button", 33);
32330
- 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()); });
32331
- i0.ɵɵelement(12, "ion-icon", 31);
32332
- i0.ɵɵtext(13);
32333
- i0.ɵɵpipe(14, "translate");
32334
- i0.ɵɵelementEnd()()();
32335
- 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);
32329
+ i0.ɵɵelementStart(11, "div", 30)(12, "ion-button", 34);
32330
+ i0.ɵɵlistener("click", function ProfileComponent_div_3_div_1_ion_col_3_Template_ion_button_click_12_listener() { i0.ɵɵrestoreView(_r49); const ctx_r48 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r48.getExternalClaimantReport()); });
32331
+ i0.ɵɵelement(13, "ion-icon", 32);
32332
+ i0.ɵɵtext(14);
32333
+ i0.ɵɵpipe(15, "translate");
32336
32334
  i0.ɵɵelementEnd();
32335
+ i0.ɵɵtemplate(16, ProfileComponent_div_3_div_1_ion_col_3_div_16_Template, 3, 3, "div", 5)(17, ProfileComponent_div_3_div_1_ion_col_3_mat_error_17_Template, 3, 3, "mat-error", 5);
32336
+ i0.ɵɵelementEnd()()()();
32337
32337
  } if (rf & 2) {
32338
32338
  const ctx_r43 = i0.ɵɵnextContext(3);
32339
32339
  i0.ɵɵadvance(5);
32340
32340
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 5, "profile.proof.of.unemployment.phase.two.label.download.unemployment.claim.report"));
32341
32341
  i0.ɵɵadvance(4);
32342
32342
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 7, "profile.proof.of.unemployment.phase.two.overlay.unemployment.claim.report"), " ");
32343
- i0.ɵɵadvance(4);
32344
- i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(14, 9, "profile.proof.of.unemployment.phase.two.button.download.report"), " ");
32343
+ i0.ɵɵadvance(5);
32344
+ i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(15, 9, "profile.proof.of.unemployment.phase.two.button.download.report"), " ");
32345
32345
  i0.ɵɵadvance(2);
32346
- i0.ɵɵproperty("ngIf", ctx_r43.downloadStatus == "started");
32346
+ i0.ɵɵproperty("ngIf", ctx_r43.downloadStatusForHistory == "started");
32347
+ i0.ɵɵadvance(1);
32348
+ i0.ɵɵproperty("ngIf", ctx_r43.downloadStatusForHistory == "error");
32349
+ } }
32350
+ function ProfileComponent_div_3_div_1_div_20_Template(rf, ctx) { if (rf & 1) {
32351
+ i0.ɵɵelementStart(0, "div");
32352
+ i0.ɵɵtext(1);
32353
+ i0.ɵɵpipe(2, "translate");
32354
+ i0.ɵɵelementEnd();
32355
+ } if (rf & 2) {
32356
+ i0.ɵɵadvance(1);
32357
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "profile.proof.of.unemployment.status.download.start"));
32358
+ } }
32359
+ function ProfileComponent_div_3_div_1_mat_error_21_Template(rf, ctx) { if (rf & 1) {
32360
+ i0.ɵɵelementStart(0, "mat-error");
32361
+ i0.ɵɵtext(1);
32362
+ i0.ɵɵpipe(2, "translate");
32363
+ i0.ɵɵelementEnd();
32364
+ } if (rf & 2) {
32347
32365
  i0.ɵɵadvance(1);
32348
- i0.ɵɵproperty("ngIf", ctx_r43.downloadStatus == "error");
32366
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "profile.proof.of.unemployment.status.download.error"));
32349
32367
  } }
32350
32368
  function ProfileComponent_div_3_div_1_Template(rf, ctx) { if (rf & 1) {
32351
- const _r49 = i0.ɵɵgetCurrentView();
32369
+ const _r51 = i0.ɵɵgetCurrentView();
32352
32370
  i0.ɵɵelementStart(0, "div", 22)(1, "ion-grid", 23)(2, "ion-row");
32353
- i0.ɵɵtemplate(3, ProfileComponent_div_3_div_1_ion_col_3_Template, 17, 11, "ion-col", 24);
32371
+ i0.ɵɵtemplate(3, ProfileComponent_div_3_div_1_ion_col_3_Template, 18, 11, "ion-col", 24);
32354
32372
  i0.ɵɵelementStart(4, "ion-col", 25)(5, "ion-card", 26)(6, "ion-header", 27)(7, "ion-card-title");
32355
32373
  i0.ɵɵelement(8, "i", 28);
32356
32374
  i0.ɵɵtext(9);
@@ -32360,22 +32378,28 @@ function ProfileComponent_div_3_div_1_Template(rf, ctx) { if (rf & 1) {
32360
32378
  i0.ɵɵtext(13);
32361
32379
  i0.ɵɵpipe(14, "translate");
32362
32380
  i0.ɵɵelementEnd();
32363
- i0.ɵɵelementStart(15, "ion-button", 30);
32364
- 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.getVerificationReport()); });
32365
- i0.ɵɵelement(16, "ion-icon", 31);
32366
- i0.ɵɵtext(17);
32367
- i0.ɵɵpipe(18, "translate");
32381
+ i0.ɵɵelementStart(15, "div", 30)(16, "ion-button", 31);
32382
+ i0.ɵɵlistener("click", function ProfileComponent_div_3_div_1_Template_ion_button_click_16_listener() { i0.ɵɵrestoreView(_r51); const ctx_r50 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r50.getVerificationReport()); });
32383
+ i0.ɵɵelement(17, "ion-icon", 32);
32384
+ i0.ɵɵtext(18);
32385
+ i0.ɵɵpipe(19, "translate");
32386
+ i0.ɵɵelementEnd();
32387
+ i0.ɵɵtemplate(20, ProfileComponent_div_3_div_1_div_20_Template, 3, 3, "div", 5)(21, ProfileComponent_div_3_div_1_mat_error_21_Template, 3, 3, "mat-error", 5);
32368
32388
  i0.ɵɵelementEnd()()()()()()();
32369
32389
  } if (rf & 2) {
32370
32390
  const ctx_r40 = i0.ɵɵnextContext(2);
32371
32391
  i0.ɵɵadvance(3);
32372
32392
  i0.ɵɵproperty("ngIf", !ctx_r40.isME());
32373
32393
  i0.ɵɵadvance(6);
32374
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 4, "profile.proof.of.unemployment.phase.two.label.summary.unemployment.claim"), "");
32375
- i0.ɵɵadvance(4);
32376
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(14, 6, "profile.proof.of.unemployment.phase.two.overlay.summary.unemployment.claim"), " ");
32394
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 6, "profile.proof.of.unemployment.phase.two.label.summary.unemployment.claim"), "");
32377
32395
  i0.ɵɵadvance(4);
32378
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(18, 8, "profile.proof.of.unemployment.phase.two.button.download.report"), " ");
32396
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(14, 8, "profile.proof.of.unemployment.phase.two.overlay.summary.unemployment.claim"), " ");
32397
+ i0.ɵɵadvance(5);
32398
+ i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(19, 10, "profile.proof.of.unemployment.phase.two.button.download.report"), " ");
32399
+ i0.ɵɵadvance(2);
32400
+ i0.ɵɵproperty("ngIf", ctx_r40.downloadStatusForVerification == "started");
32401
+ i0.ɵɵadvance(1);
32402
+ i0.ɵɵproperty("ngIf", ctx_r40.downloadStatusForVerification == "error");
32379
32403
  } }
32380
32404
  function ProfileComponent_div_3_ng_template_2_ion_col_2_div_10_Template(rf, ctx) { if (rf & 1) {
32381
32405
  i0.ɵɵelementStart(0, "div");
@@ -32396,15 +32420,15 @@ function ProfileComponent_div_3_ng_template_2_ion_col_2_mat_error_11_Template(rf
32396
32420
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "profile.proof.of.unemployment.status.download.error"));
32397
32421
  } }
32398
32422
  function ProfileComponent_div_3_ng_template_2_ion_col_2_Template(rf, ctx) { if (rf & 1) {
32399
- const _r54 = i0.ɵɵgetCurrentView();
32400
- i0.ɵɵelementStart(0, "ion-col", 35)(1, "label");
32423
+ const _r56 = i0.ɵɵgetCurrentView();
32424
+ i0.ɵɵelementStart(0, "ion-col", 36)(1, "label");
32401
32425
  i0.ɵɵtext(2);
32402
32426
  i0.ɵɵpipe(3, "translate");
32403
32427
  i0.ɵɵelementEnd();
32404
32428
  i0.ɵɵelement(4, "br");
32405
- i0.ɵɵelementStart(5, "ion-button", 37);
32406
- 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()); });
32407
- i0.ɵɵelement(6, "ion-icon", 38);
32429
+ i0.ɵɵelementStart(5, "ion-button", 38);
32430
+ i0.ɵɵlistener("click", function ProfileComponent_div_3_ng_template_2_ion_col_2_Template_ion_button_click_5_listener() { i0.ɵɵrestoreView(_r56); const ctx_r55 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r55.getExternalClaimantReport()); });
32431
+ i0.ɵɵelement(6, "ion-icon", 39);
32408
32432
  i0.ɵɵtext(7);
32409
32433
  i0.ɵɵpipe(8, "translate");
32410
32434
  i0.ɵɵelementEnd();
@@ -32412,27 +32436,27 @@ function ProfileComponent_div_3_ng_template_2_ion_col_2_Template(rf, ctx) { if (
32412
32436
  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);
32413
32437
  i0.ɵɵelementEnd();
32414
32438
  } if (rf & 2) {
32415
- const ctx_r50 = i0.ɵɵnextContext(3);
32439
+ const ctx_r52 = i0.ɵɵnextContext(3);
32416
32440
  i0.ɵɵadvance(2);
32417
32441
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 4, "profile.proof.of.unemployment.label.download.unemployment.claim.report"), " ");
32418
32442
  i0.ɵɵadvance(5);
32419
32443
  i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(8, 6, "profile.proof.of.unemployment.button.external.claimant.report"), " ");
32420
32444
  i0.ɵɵadvance(3);
32421
- i0.ɵɵproperty("ngIf", ctx_r50.downloadStatus == "started");
32445
+ i0.ɵɵproperty("ngIf", ctx_r52.downloadStatusForHistory == "started");
32422
32446
  i0.ɵɵadvance(1);
32423
- i0.ɵɵproperty("ngIf", ctx_r50.downloadStatus == "error");
32447
+ i0.ɵɵproperty("ngIf", ctx_r52.downloadStatusForHistory == "error");
32424
32448
  } }
32425
32449
  function ProfileComponent_div_3_ng_template_2_Template(rf, ctx) { if (rf & 1) {
32426
- const _r56 = i0.ɵɵgetCurrentView();
32450
+ const _r58 = i0.ɵɵgetCurrentView();
32427
32451
  i0.ɵɵelementStart(0, "ion-grid", 23)(1, "ion-row");
32428
- i0.ɵɵtemplate(2, ProfileComponent_div_3_ng_template_2_ion_col_2_Template, 12, 8, "ion-col", 34);
32429
- i0.ɵɵelementStart(3, "ion-col", 35)(4, "label");
32452
+ i0.ɵɵtemplate(2, ProfileComponent_div_3_ng_template_2_ion_col_2_Template, 12, 8, "ion-col", 35);
32453
+ i0.ɵɵelementStart(3, "ion-col", 36)(4, "label");
32430
32454
  i0.ɵɵtext(5);
32431
32455
  i0.ɵɵpipe(6, "translate");
32432
32456
  i0.ɵɵelementEnd();
32433
32457
  i0.ɵɵelement(7, "br");
32434
- i0.ɵɵelementStart(8, "ion-button", 36);
32435
- 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")); });
32458
+ i0.ɵɵelementStart(8, "ion-button", 37);
32459
+ i0.ɵɵlistener("click", function ProfileComponent_div_3_ng_template_2_Template_ion_button_click_8_listener() { i0.ɵɵrestoreView(_r58); const ctx_r57 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r57.redirectLink(".claimantsummaryverification")); });
32436
32460
  i0.ɵɵtext(9);
32437
32461
  i0.ɵɵpipe(10, "translate");
32438
32462
  i0.ɵɵelementEnd()()()();
@@ -32447,7 +32471,7 @@ function ProfileComponent_div_3_ng_template_2_Template(rf, ctx) { if (rf & 1) {
32447
32471
  } }
32448
32472
  function ProfileComponent_div_3_Template(rf, ctx) { if (rf & 1) {
32449
32473
  i0.ɵɵelementStart(0, "div", 19);
32450
- 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);
32474
+ i0.ɵɵtemplate(1, ProfileComponent_div_3_div_1_Template, 22, 12, "div", 20)(2, ProfileComponent_div_3_ng_template_2_Template, 11, 7, "ng-template", null, 21, i0.ɵɵtemplateRefExtractor);
32451
32475
  i0.ɵɵelementEnd();
32452
32476
  } if (rf & 2) {
32453
32477
  const _r42 = i0.ɵɵreference(3);
@@ -32458,21 +32482,21 @@ function ProfileComponent_div_3_Template(rf, ctx) { if (rf & 1) {
32458
32482
  const _c3$j = a0 => ({ type: a0 });
32459
32483
  const _c4$j = () => ({ required: "Authcode is required.", minlength: "Authcode should have 6 numbers." });
32460
32484
  function ProfileComponent_div_4_Template(rf, ctx) { if (rf & 1) {
32461
- const _r59 = i0.ɵɵgetCurrentView();
32462
- i0.ɵɵelementStart(0, "div", 39)(1, "form", 40, 41)(3, "ion-row")(4, "div", 42)(5, "ion-row");
32463
- i0.ɵɵelement(6, "label", 43);
32485
+ const _r61 = i0.ɵɵgetCurrentView();
32486
+ i0.ɵɵelementStart(0, "div", 40)(1, "form", 41, 42)(3, "ion-row")(4, "div", 43)(5, "ion-row");
32487
+ i0.ɵɵelement(6, "label", 44);
32464
32488
  i0.ɵɵpipe(7, "translate");
32465
32489
  i0.ɵɵelementEnd();
32466
32490
  i0.ɵɵelementStart(8, "ion-row")(9, "ion-col");
32467
- i0.ɵɵelement(10, "p-inputMask", 44)(11, "app-error", 45);
32491
+ i0.ɵɵelement(10, "p-inputMask", 45)(11, "app-error", 46);
32468
32492
  i0.ɵɵelementEnd();
32469
- i0.ɵɵelementStart(12, "ion-col")(13, "ion-button", 46);
32470
- 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()); });
32493
+ i0.ɵɵelementStart(12, "ion-col")(13, "ion-button", 47);
32494
+ i0.ɵɵlistener("click", function ProfileComponent_div_4_Template_ion_button_click_13_listener() { i0.ɵɵrestoreView(_r61); const ctx_r60 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r60.verify()); });
32471
32495
  i0.ɵɵtext(14);
32472
32496
  i0.ɵɵpipe(15, "translate");
32473
32497
  i0.ɵɵelementEnd()()()()()()();
32474
32498
  } if (rf & 2) {
32475
- const _r57 = i0.ɵɵreference(2);
32499
+ const _r59 = i0.ɵɵreference(2);
32476
32500
  const ctx_r3 = i0.ɵɵnextContext();
32477
32501
  i0.ɵɵadvance(1);
32478
32502
  i0.ɵɵproperty("formGroup", ctx_r3.otpForm);
@@ -32481,35 +32505,35 @@ function ProfileComponent_div_4_Template(rf, ctx) { if (rf & 1) {
32481
32505
  i0.ɵɵadvance(4);
32482
32506
  i0.ɵɵproperty("autoFocus", true);
32483
32507
  i0.ɵɵadvance(1);
32484
- i0.ɵɵproperty("field", ctx_r3.otp)("form", _r57)("errDef", i0.ɵɵpureFunction0(14, _c4$j));
32508
+ i0.ɵɵproperty("field", ctx_r3.otp)("form", _r59)("errDef", i0.ɵɵpureFunction0(14, _c4$j));
32485
32509
  i0.ɵɵadvance(3);
32486
32510
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 10, "profile.contact.details.button.verify"));
32487
32511
  } }
32488
32512
  const _c5$d = a0 => ({ securityQuestionToAsk: a0 });
32489
32513
  const _c6$7 = () => ({ required: "Security Answer is required." });
32490
32514
  function ProfileComponent_div_5_Template(rf, ctx) { if (rf & 1) {
32491
- const _r62 = i0.ɵɵgetCurrentView();
32492
- i0.ɵɵelementStart(0, "div", 39)(1, "form", 40, 47)(3, "ion-row")(4, "div", 42)(5, "ion-row");
32493
- i0.ɵɵelement(6, "label", 48);
32515
+ const _r64 = i0.ɵɵgetCurrentView();
32516
+ i0.ɵɵelementStart(0, "div", 40)(1, "form", 41, 48)(3, "ion-row")(4, "div", 43)(5, "ion-row");
32517
+ i0.ɵɵelement(6, "label", 49);
32494
32518
  i0.ɵɵpipe(7, "translate");
32495
32519
  i0.ɵɵelementEnd();
32496
32520
  i0.ɵɵelementStart(8, "ion-row")(9, "ion-col");
32497
- i0.ɵɵelement(10, "input", 49)(11, "app-error", 45);
32521
+ i0.ɵɵelement(10, "input", 50)(11, "app-error", 46);
32498
32522
  i0.ɵɵelementEnd();
32499
- i0.ɵɵelementStart(12, "ion-col")(13, "ion-button", 46);
32500
- 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()); });
32523
+ i0.ɵɵelementStart(12, "ion-col")(13, "ion-button", 47);
32524
+ i0.ɵɵlistener("click", function ProfileComponent_div_5_Template_ion_button_click_13_listener() { i0.ɵɵrestoreView(_r64); const ctx_r63 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r63.verifySecurityQuestion()); });
32501
32525
  i0.ɵɵtext(14);
32502
32526
  i0.ɵɵpipe(15, "translate");
32503
32527
  i0.ɵɵelementEnd()()()()()()();
32504
32528
  } if (rf & 2) {
32505
- const _r60 = i0.ɵɵreference(2);
32529
+ const _r62 = i0.ɵɵreference(2);
32506
32530
  const ctx_r4 = i0.ɵɵnextContext();
32507
32531
  i0.ɵɵadvance(1);
32508
32532
  i0.ɵɵproperty("formGroup", ctx_r4.securityQuestionForm);
32509
32533
  i0.ɵɵadvance(5);
32510
32534
  i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(7, 6, "profile.contact.details.label.securityQuestion", i0.ɵɵpureFunction1(11, _c5$d, ctx_r4.securityQuestionToAsk)), i0.ɵɵsanitizeHtml);
32511
32535
  i0.ɵɵadvance(5);
32512
- i0.ɵɵproperty("field", ctx_r4.securityQuestionAnswer)("form", _r60)("errDef", i0.ɵɵpureFunction0(13, _c6$7));
32536
+ i0.ɵɵproperty("field", ctx_r4.securityQuestionAnswer)("form", _r62)("errDef", i0.ɵɵpureFunction0(13, _c6$7));
32513
32537
  i0.ɵɵadvance(3);
32514
32538
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 9, "profile.contact.details.button.verify"));
32515
32539
  } }
@@ -32523,7 +32547,7 @@ function ProfileComponent_mat_error_6_Template(rf, ctx) { if (rf & 1) {
32523
32547
  i0.ɵɵtextInterpolate(ctx_r5.errorDtls);
32524
32548
  } }
32525
32549
  function ProfileComponent_ion_label_7_Template(rf, ctx) { if (rf & 1) {
32526
- i0.ɵɵelementStart(0, "ion-label", 50);
32550
+ i0.ɵɵelementStart(0, "ion-label", 51);
32527
32551
  i0.ɵɵtext(1);
32528
32552
  i0.ɵɵelement(2, "br");
32529
32553
  i0.ɵɵelementEnd();
@@ -32533,8 +32557,8 @@ function ProfileComponent_ion_label_7_Template(rf, ctx) { if (rf & 1) {
32533
32557
  i0.ɵɵtextInterpolate(ctx_r6.successDtls);
32534
32558
  } }
32535
32559
  function ProfileComponent_div_8_Template(rf, ctx) { if (rf & 1) {
32536
- i0.ɵɵelementStart(0, "div")(1, "div", 51);
32537
- i0.ɵɵelement(2, "ion-icon", 52);
32560
+ i0.ɵɵelementStart(0, "div")(1, "div", 52);
32561
+ i0.ɵɵelement(2, "ion-icon", 53);
32538
32562
  i0.ɵɵelementStart(3, "h1");
32539
32563
  i0.ɵɵtext(4);
32540
32564
  i0.ɵɵpipe(5, "translate");
@@ -32549,9 +32573,9 @@ function ProfileComponent_div_9_section_3_Template(rf, ctx) { if (rf & 1) {
32549
32573
  i0.ɵɵpipe(3, "translate");
32550
32574
  i0.ɵɵelementEnd()();
32551
32575
  } if (rf & 2) {
32552
- const ctx_r63 = i0.ɵɵnextContext(2);
32576
+ const ctx_r65 = i0.ɵɵnextContext(2);
32553
32577
  i0.ɵɵadvance(2);
32554
- i0.ɵɵtextInterpolate(ctx_r63.errorText ? ctx_r63.errorText : i0.ɵɵpipeBind1(3, 1, "profile.banner.request.process.failure"));
32578
+ i0.ɵɵtextInterpolate(ctx_r65.errorText ? ctx_r65.errorText : i0.ɵɵpipeBind1(3, 1, "profile.banner.request.process.failure"));
32555
32579
  } }
32556
32580
  function ProfileComponent_div_9_section_4_Template(rf, ctx) { if (rf & 1) {
32557
32581
  i0.ɵɵelementStart(0, "section")(1, "h1");
@@ -32559,13 +32583,13 @@ function ProfileComponent_div_9_section_4_Template(rf, ctx) { if (rf & 1) {
32559
32583
  i0.ɵɵpipe(3, "translate");
32560
32584
  i0.ɵɵelementEnd()();
32561
32585
  } if (rf & 2) {
32562
- const ctx_r64 = i0.ɵɵnextContext(2);
32586
+ const ctx_r66 = i0.ɵɵnextContext(2);
32563
32587
  i0.ɵɵadvance(2);
32564
- i0.ɵɵtextInterpolate(ctx_r64.errorText ? ctx_r64.errorText : i0.ɵɵpipeBind1(3, 1, "profile.banner.request.process.failure"));
32588
+ i0.ɵɵtextInterpolate(ctx_r66.errorText ? ctx_r66.errorText : i0.ɵɵpipeBind1(3, 1, "profile.banner.request.process.failure"));
32565
32589
  } }
32566
32590
  function ProfileComponent_div_9_Template(rf, ctx) { if (rf & 1) {
32567
- i0.ɵɵelementStart(0, "div")(1, "div", 51);
32568
- i0.ɵɵelement(2, "ion-icon", 53);
32591
+ i0.ɵɵelementStart(0, "div")(1, "div", 52);
32592
+ i0.ɵɵelement(2, "ion-icon", 54);
32569
32593
  i0.ɵɵtemplate(3, ProfileComponent_div_9_section_3_Template, 4, 3, "section", 5)(4, ProfileComponent_div_9_section_4_Template, 4, 3, "section", 5);
32570
32594
  i0.ɵɵelementEnd()();
32571
32595
  } if (rf & 2) {
@@ -32576,31 +32600,31 @@ function ProfileComponent_div_9_Template(rf, ctx) { if (rf & 1) {
32576
32600
  i0.ɵɵproperty("ngIf", !ctx_r8.isMS());
32577
32601
  } }
32578
32602
  function ProfileComponent_ng_template_10_ion_button_10_Template(rf, ctx) { if (rf & 1) {
32579
- const _r67 = i0.ɵɵgetCurrentView();
32580
- i0.ɵɵelementStart(0, "ion-button", 59);
32581
- 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()); });
32603
+ const _r69 = i0.ɵɵgetCurrentView();
32604
+ i0.ɵɵelementStart(0, "ion-button", 60);
32605
+ i0.ɵɵlistener("click", function ProfileComponent_ng_template_10_ion_button_10_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r69); const ctx_r68 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r68.save()); });
32582
32606
  i0.ɵɵtext(1);
32583
32607
  i0.ɵɵpipe(2, "translate");
32584
32608
  i0.ɵɵelementEnd();
32585
32609
  } if (rf & 2) {
32586
- const ctx_r65 = i0.ɵɵnextContext(2);
32587
- i0.ɵɵproperty("disabled", ctx_r65.isOtpSent == true || ctx_r65.displaySecurityQuestion == true);
32610
+ const ctx_r67 = i0.ɵɵnextContext(2);
32611
+ i0.ɵɵproperty("disabled", ctx_r67.isOtpSent == true || ctx_r67.displaySecurityQuestion == true);
32588
32612
  i0.ɵɵadvance(1);
32589
32613
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, "profile.button.save"));
32590
32614
  } }
32591
32615
  function ProfileComponent_ng_template_10_Template(rf, ctx) { if (rf & 1) {
32592
- const _r69 = i0.ɵɵgetCurrentView();
32593
- i0.ɵɵelementStart(0, "ion-grid")(1, "ion-row")(2, "ion-col", 54)(3, "ion-button", 55);
32594
- 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()); });
32616
+ const _r71 = i0.ɵɵgetCurrentView();
32617
+ i0.ɵɵelementStart(0, "ion-grid")(1, "ion-row")(2, "ion-col", 55)(3, "ion-button", 56);
32618
+ i0.ɵɵlistener("click", function ProfileComponent_ng_template_10_Template_ion_button_click_3_listener() { i0.ɵɵrestoreView(_r71); const ctx_r70 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r70.logout()); });
32595
32619
  i0.ɵɵtext(4);
32596
32620
  i0.ɵɵpipe(5, "translate");
32597
32621
  i0.ɵɵelementEnd()();
32598
- i0.ɵɵelementStart(6, "ion-col", 56)(7, "ion-button", 57);
32599
- 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()); });
32622
+ i0.ɵɵelementStart(6, "ion-col", 57)(7, "ion-button", 58);
32623
+ i0.ɵɵlistener("click", function ProfileComponent_ng_template_10_Template_ion_button_click_7_listener() { i0.ɵɵrestoreView(_r71); const ctx_r72 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r72.cancel()); });
32600
32624
  i0.ɵɵtext(8);
32601
32625
  i0.ɵɵpipe(9, "translate");
32602
32626
  i0.ɵɵelementEnd();
32603
- i0.ɵɵtemplate(10, ProfileComponent_ng_template_10_ion_button_10_Template, 3, 4, "ion-button", 58);
32627
+ i0.ɵɵtemplate(10, ProfileComponent_ng_template_10_ion_button_10_Template, 3, 4, "ion-button", 59);
32604
32628
  i0.ɵɵelementEnd()()();
32605
32629
  } if (rf & 2) {
32606
32630
  const ctx_r9 = i0.ɵɵnextContext();
@@ -32630,7 +32654,8 @@ class ProfileComponent extends BasePage {
32630
32654
  this.showSuccess = false;
32631
32655
  this.showError = false;
32632
32656
  this.phaseTwoProofOfUIView = LibConstants.PhaseTwoProofOfUIView;
32633
- this.downloadStatus = "";
32657
+ this.downloadStatusForHistory = "";
32658
+ this.downloadStatusForVerification = "";
32634
32659
  this.docFileLink = "assets/images/sampleDoc.png";
32635
32660
  this.claimantAddressId = 0;
32636
32661
  this.lastValidatedAddress = null;
@@ -32650,7 +32675,8 @@ class ProfileComponent extends BasePage {
32650
32675
  onValueChange(event) {
32651
32676
  this.showError = false;
32652
32677
  this.showSuccess = false;
32653
- this.downloadStatus = "";
32678
+ this.downloadStatusForHistory = "";
32679
+ this.downloadStatusForVerification = "";
32654
32680
  if (this.selected === 'proof-of-unemployment') {
32655
32681
  this.titleService.setTitle("Proof of Unemployment");
32656
32682
  this.getListOfActiveClaim();
@@ -32874,11 +32900,11 @@ class ProfileComponent extends BasePage {
32874
32900
  });
32875
32901
  }
32876
32902
  getExternalClaimantReport() {
32877
- this.downloadStatus = "started";
32903
+ this.downloadStatusForHistory = "started";
32878
32904
  return this.bs.getExternalClaimantReport(this.ls.getUser().ssn).subscribe(res => {
32879
32905
  this.downloadRawFile(res, 'ExternalAgencyReport.pdf');
32880
32906
  }, err => {
32881
- this.downloadStatus = "error";
32907
+ this.downloadStatusForHistory = "error";
32882
32908
  this.logger.debug('Getting External Claimant Report error', err);
32883
32909
  });
32884
32910
  }
@@ -32911,11 +32937,11 @@ class ProfileComponent extends BasePage {
32911
32937
  });
32912
32938
  }
32913
32939
  getVerificationReport() {
32914
- this.downloadStatus = "started";
32940
+ this.downloadStatusForVerification = "started";
32915
32941
  return this.bs.getVerificationReport(this.ls.getUser().claimantId).subscribe(res => {
32916
32942
  this.downloadRawFile(res, 'UnemploymentVerificationReport.pdf');
32917
32943
  }, err => {
32918
- this.downloadStatus = "error";
32944
+ this.downloadStatusForVerification = "error";
32919
32945
  this.logger.debug('Getting Unemployment Verification Report error', err);
32920
32946
  });
32921
32947
  }
@@ -32976,7 +33002,7 @@ class ProfileComponent extends BasePage {
32976
33002
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fb = _t.first);
32977
33003
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.otpFormDirective = _t.first);
32978
33004
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.securityQuestionFormDirective = _t.first);
32979
- } }, 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%", "width", "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) {
33005
+ } }, 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%", "width", "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"], [1, "flex", "flex-column", "align-items-center", 2, "padding-bottom", "30px"], ["shape", "round", 1, "Claimant-summary-ver-btn", 2, "width", "10rem", 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, "width", "'10rem'", 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) {
32980
33006
  i0.ɵɵelementStart(0, "p-dialog", 0);
32981
33007
  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);
32982
33008
  i0.ɵɵelementEnd();
@@ -33003,7 +33029,7 @@ class ProfileComponent extends BasePage {
33003
33029
  }
33004
33030
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProfileComponent, [{
33005
33031
  type: Component,
33006
- 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%; width: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%; width: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)=\"getVerificationReport()\" 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"] }]
33032
+ 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%; width: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 <div class=\"flex flex-column align-items-center\" style=\"padding-bottom:30px\">\r\n <ion-button shape=\"round\" (click)=\"getExternalClaimantReport()\" style=\"width:'10rem'\"\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 <div *ngIf=\"downloadStatusForHistory=='started'\">{{ \"profile.proof.of.unemployment.status.download.start\"| translate}}</div>\r\n <mat-error *ngIf=\"downloadStatusForHistory=='error'\">{{ \"profile.proof.of.unemployment.status.download.error\"| translate}}</mat-error>\r\n </div>\r\n \r\n </ion-card-content>\r\n </ion-card>\r\n \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%; width: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 <div class=\"flex flex-column align-items-center\" style=\"padding-bottom:30px\">\r\n <ion-button shape=\"round\" (click)=\"getVerificationReport()\" style=\"width:10rem\"\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 <div *ngIf=\"downloadStatusForVerification=='started'\">{{ \"profile.proof.of.unemployment.status.download.start\"| translate}}</div>\r\n <mat-error *ngIf=\"downloadStatusForVerification=='error'\">{{ \"profile.proof.of.unemployment.status.download.error\"| translate}}</mat-error>\r\n </div>\r\n \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=\"downloadStatusForHistory=='started'\">{{ \"profile.proof.of.unemployment.status.download.start\"| translate}}</div>\r\n <mat-error *ngIf=\"downloadStatusForHistory=='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"] }]
33007
33033
  }], () => [{ 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: [{
33008
33034
  type: ViewChild,
33009
33035
  args: ['fb']