@prutech/compliance 1.0.226 → 1.0.227

package/fesm2015/prutech-compliance.mjs

@@ -15,12 +15,13 @@ import { createFeatureSelector, createSelector, select, StoreModule } from '@ngr
 import * as i5$1 from '@prutech/identity-client';
 import { ApiInterceptorService } from '@prutech/identity-client';
 import * as i2$2 from '@prutech/components';
-import { Lookup, SeamsHttpResponse, handleSuccess, handleLoadFail, AbstractComponent, PtDynamicElement, ClientServicesScreenComponent, CoreModule, DynamicFormsModule, TabsModule, ContextMenuComponent as ContextMenuComponent$3, AgGridComponent, invalidPhoneNumber, invalidEmail, NgxMaskModule, PtDynamicType, SignatureModalComponent, SignatureService, AssessmentQuestion } from '@prutech/components';
+import { dateFormat as dateFormat$2, Lookup, SeamsHttpResponse, handleSuccess, handleLoadFail, AbstractComponent, PtDynamicElement, ClientServicesScreenComponent, CoreModule, DynamicFormsModule, TabsModule, ContextMenuComponent as ContextMenuComponent$3, AgGridComponent, invalidPhoneNumber, invalidEmail, NgxMaskModule, PtDynamicType, SignatureModalComponent, SignatureService, AssessmentQuestion } from '@prutech/components';
 import { assign, get, map, toString, isNil, filter, find, toNumber, split, trim, set, mapValues, concat, isEmpty, isEqual, includes, last, first, has, forEach, cloneDeep, head, nth, chain, reduce, sortBy, invoke, keys, keyBy, size, isNumber, sum, values, some, isNaN, range, join, compact, uniqBy, flatMap, floor, padStart } from 'lodash';
 import { createEntityAdapter } from '@ngrx/entity';
 import { __decorate } from 'tslib';
 import { of, BehaviorSubject, combineLatest, Subject } from 'rxjs';
 import { map as map$1, switchMap, catchError, tap, takeUntil, filter as filter$1, distinctUntilChanged, take, exhaustMap, startWith } from 'rxjs/operators';
+import moment from 'moment';
 import * as i3 from 'ngx-toastr';
 import { ToastrModule } from 'ngx-toastr';
 import { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-model';
@@ -36,7 +37,6 @@ import * as i6 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import * as i1$2 from '@angular/router';
 import { RouterModule } from '@angular/router';
-import moment from 'moment';
 import * as i7$1 from '@angular/material/core';
 import { MatNativeDateModule, DateAdapter, MAT_DATE_LOCALE, MAT_DATE_FORMATS } from '@angular/material/core';
 import * as i8 from '@angular/material/datepicker';
@@ -249,7 +249,7 @@ class ReviewDetails {
         this.caseStatus = get(data, 'caseStatus');
         this.caseType = get(data, 'caseType');
         this.localOffice = get(data, 'localOffice');
-        this.dob = get(data, 'dob');
+        this.dob = moment(get(data, 'dob')).format(dateFormat$2);
         this.language = get(data, 'language');
         this.childCare = get(data, 'childCare');
         this.esCode = get(data, 'esCode');
@@ -554,10 +554,10 @@ class ReviewDetailsDialogComponent extends AbstractComponent {
     }
 }
 ReviewDetailsDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ReviewDetailsDialogComponent, deps: [{ token: i1$1.MatDialogRef }, { token: i1$2.Router }, { token: PreConciliationWorkListService }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-ReviewDetailsDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ReviewDetailsDialogComponent, selector: "prutech-review-details-dialog", usesInheritance: true, ngImport: i0, template: "<prutech-loader *ngIf=\"(loading | async)\"></prutech-loader>\r\n<prutech-dialog-box class=\"prutech-dialog-box\">\r\n  <div class=\"header\">Review Details</div>\r\n  <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between start\">\r\n      <!-- left -->\r\n      <div fxFlex=\"40%\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">WMS Case #</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.wmsCaseNumber }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">First Name</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.firstName }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Last Name</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.lastName }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Date of Birth</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.dob | date: dateFormat }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Local Office</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.localOffice }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Household Size</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.householdSize }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Shelter Type</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.shelterType }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">WMS Case Status</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.caseStatus }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">WMS Case Type</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.caseType }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">CA ES Code</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.esCode }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">RAR Information</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.raDetails }}</div>\r\n        </div>\r\n        <ng-template [ngIf]=\"hasAssignmentInfo()\">\r\n          <ng-container *ngTemplateOutlet=\"assignment\"></ng-container>\r\n        </ng-template>\r\n        <ng-template [ngIf]=\"hasAppointmentInfo()\">\r\n          <ng-container *ngTemplateOutlet=\"appointment\"></ng-container>\r\n        </ng-template>\r\n      </div>\r\n      <!-- middle -->\r\n      <div fxFlex=\"40%\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">SNAP ES Code</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.snapEsCode }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">WMS Individual Status</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.individualStatus }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">WMS Office</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.wmsOffice }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Form Language</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.language }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Residential Address</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.residentialAddress }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Mailing Address</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.mailingAddress }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Program Status</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.programStatus }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">FFR Date</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.nextFFR | date: dateFormat }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Child Care</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.childCare }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Car Fare</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.carFare }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Income</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.income }}</div>\r\n        </div>\r\n      </div>\r\n      <!-- right-->\r\n      <div fxFlex=\"20%\" fxLayout=\"column\" fxLayoutAlign=\"start start\">\r\n        <!-- <div *ngIf=\"!!reviewDetails?.caseId\">\r\n          <prutech-rar-modal [caseId]=\"reviewDetails?.caseId\"></prutech-rar-modal>\r\n        </div> -->\r\n        <button mat-button color=\"primary\" (click)=\"navigateToFia3a()\">FIA3A</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"dialogboxfooter\">\r\n    <button mat-flat-button (click)=\"closeModal()\">EXIT</button>\r\n  </div>\r\n</prutech-dialog-box>\r\n\r\n<ng-template #assignment>\r\n  <div class=\"sub-title-header\">Assignment Information</div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Assignment Type</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.assignmentType }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Assignment Site</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.assignmentSite }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Infraction Date</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.assignmentInfractionDate | date: dateFormat }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Infraction Type</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.assignmentInfractionType }}</div>\r\n  </div>\r\n</ng-template>\r\n<ng-template #appointment>\r\n  <div class=\"sub-title-header\">Appointment Information</div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Appointment Type</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.appointmentType }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Appointment Site</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.appointmentSite }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Infraction Date</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.appointmentInfractionDate | date: dateFormat }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Infraction Type</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.appointmentInfractionType }}</div>\r\n  </div>\r\n</ng-template>\r\n", styles: [""], components: [{ type: i2$2.LoaderComponent, selector: "prutech-loader" }, { type: i2$2.DialogBoxComponent, selector: "prutech-dialog-box" }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i5.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i4$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i4$1.AsyncPipe, "date": i4$1.DatePipe } });
+ReviewDetailsDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ReviewDetailsDialogComponent, selector: "prutech-review-details-dialog", usesInheritance: true, ngImport: i0, template: "<prutech-loader *ngIf=\"(loading | async)\"></prutech-loader>\r\n<prutech-dialog-box class=\"prutech-dialog-box\">\r\n  <div class=\"header\">Review Details</div>\r\n  <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between start\">\r\n      <!-- left -->\r\n      <div fxFlex=\"40%\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">WMS Case #</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.wmsCaseNumber }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">First Name</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.firstName }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Last Name</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.lastName }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Date of Birth</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.dob }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Local Office</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.localOffice }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Household Size</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.householdSize }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Shelter Type</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.shelterType }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">WMS Case Status</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.caseStatus }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">WMS Case Type</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.caseType }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">CA ES Code</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.esCode }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">RAR Information</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.raDetails }}</div>\r\n        </div>\r\n        <ng-template [ngIf]=\"hasAssignmentInfo()\">\r\n          <ng-container *ngTemplateOutlet=\"assignment\"></ng-container>\r\n        </ng-template>\r\n        <ng-template [ngIf]=\"hasAppointmentInfo()\">\r\n          <ng-container *ngTemplateOutlet=\"appointment\"></ng-container>\r\n        </ng-template>\r\n      </div>\r\n      <!-- middle -->\r\n      <div fxFlex=\"40%\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">SNAP ES Code</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.snapEsCode }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">WMS Individual Status</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.individualStatus }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">WMS Office</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.wmsOffice }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Form Language</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.language }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Residential Address</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.residentialAddress }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Mailing Address</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.mailingAddress }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Program Status</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.programStatus }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">FFR Date</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.nextFFR | date: dateFormat }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Child Care</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.childCare }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Car Fare</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.carFare }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Income</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.income }}</div>\r\n        </div>\r\n      </div>\r\n      <!-- right-->\r\n      <div fxFlex=\"20%\" fxLayout=\"column\" fxLayoutAlign=\"start start\">\r\n        <!-- <div *ngIf=\"!!reviewDetails?.caseId\">\r\n          <prutech-rar-modal [caseId]=\"reviewDetails?.caseId\"></prutech-rar-modal>\r\n        </div> -->\r\n        <button mat-button color=\"primary\" (click)=\"navigateToFia3a()\">FIA3A</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"dialogboxfooter\">\r\n    <button mat-flat-button (click)=\"closeModal()\">EXIT</button>\r\n  </div>\r\n</prutech-dialog-box>\r\n\r\n<ng-template #assignment>\r\n  <div class=\"sub-title-header\">Assignment Information</div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Assignment Type</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.assignmentType }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Assignment Site</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.assignmentSite }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Infraction Date</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.assignmentInfractionDate | date: dateFormat }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Infraction Type</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.assignmentInfractionType }}</div>\r\n  </div>\r\n</ng-template>\r\n<ng-template #appointment>\r\n  <div class=\"sub-title-header\">Appointment Information</div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Appointment Type</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.appointmentType }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Appointment Site</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.appointmentSite }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Infraction Date</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.appointmentInfractionDate | date: dateFormat }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Infraction Type</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.appointmentInfractionType }}</div>\r\n  </div>\r\n</ng-template>\r\n", styles: [""], components: [{ type: i2$2.LoaderComponent, selector: "prutech-loader" }, { type: i2$2.DialogBoxComponent, selector: "prutech-dialog-box" }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i5.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i4$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i4$1.AsyncPipe, "date": i4$1.DatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ReviewDetailsDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'prutech-review-details-dialog', template: "<prutech-loader *ngIf=\"(loading | async)\"></prutech-loader>\r\n<prutech-dialog-box class=\"prutech-dialog-box\">\r\n  <div class=\"header\">Review Details</div>\r\n  <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between start\">\r\n      <!-- left -->\r\n      <div fxFlex=\"40%\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">WMS Case #</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.wmsCaseNumber }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">First Name</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.firstName }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Last Name</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.lastName }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Date of Birth</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.dob | date: dateFormat }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Local Office</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.localOffice }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Household Size</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.householdSize }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Shelter Type</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.shelterType }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">WMS Case Status</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.caseStatus }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">WMS Case Type</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.caseType }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">CA ES Code</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.esCode }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">RAR Information</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.raDetails }}</div>\r\n        </div>\r\n        <ng-template [ngIf]=\"hasAssignmentInfo()\">\r\n          <ng-container *ngTemplateOutlet=\"assignment\"></ng-container>\r\n        </ng-template>\r\n        <ng-template [ngIf]=\"hasAppointmentInfo()\">\r\n          <ng-container *ngTemplateOutlet=\"appointment\"></ng-container>\r\n        </ng-template>\r\n      </div>\r\n      <!-- middle -->\r\n      <div fxFlex=\"40%\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">SNAP ES Code</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.snapEsCode }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">WMS Individual Status</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.individualStatus }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">WMS Office</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.wmsOffice }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Form Language</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.language }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Residential Address</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.residentialAddress }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Mailing Address</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.mailingAddress }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Program Status</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.programStatus }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">FFR Date</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.nextFFR | date: dateFormat }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Child Care</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.childCare }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Car Fare</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.carFare }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Income</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.income }}</div>\r\n        </div>\r\n      </div>\r\n      <!-- right-->\r\n      <div fxFlex=\"20%\" fxLayout=\"column\" fxLayoutAlign=\"start start\">\r\n        <!-- <div *ngIf=\"!!reviewDetails?.caseId\">\r\n          <prutech-rar-modal [caseId]=\"reviewDetails?.caseId\"></prutech-rar-modal>\r\n        </div> -->\r\n        <button mat-button color=\"primary\" (click)=\"navigateToFia3a()\">FIA3A</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"dialogboxfooter\">\r\n    <button mat-flat-button (click)=\"closeModal()\">EXIT</button>\r\n  </div>\r\n</prutech-dialog-box>\r\n\r\n<ng-template #assignment>\r\n  <div class=\"sub-title-header\">Assignment Information</div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Assignment Type</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.assignmentType }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Assignment Site</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.assignmentSite }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Infraction Date</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.assignmentInfractionDate | date: dateFormat }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Infraction Type</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.assignmentInfractionType }}</div>\r\n  </div>\r\n</ng-template>\r\n<ng-template #appointment>\r\n  <div class=\"sub-title-header\">Appointment Information</div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Appointment Type</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.appointmentType }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Appointment Site</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.appointmentSite }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Infraction Date</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.appointmentInfractionDate | date: dateFormat }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Infraction Type</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.appointmentInfractionType }}</div>\r\n  </div>\r\n</ng-template>\r\n", styles: [""] }]
+            args: [{ selector: 'prutech-review-details-dialog', template: "<prutech-loader *ngIf=\"(loading | async)\"></prutech-loader>\r\n<prutech-dialog-box class=\"prutech-dialog-box\">\r\n  <div class=\"header\">Review Details</div>\r\n  <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between start\">\r\n      <!-- left -->\r\n      <div fxFlex=\"40%\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">WMS Case #</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.wmsCaseNumber }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">First Name</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.firstName }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Last Name</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.lastName }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Date of Birth</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.dob }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Local Office</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.localOffice }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Household Size</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.householdSize }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Shelter Type</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.shelterType }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">WMS Case Status</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.caseStatus }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">WMS Case Type</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.caseType }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">CA ES Code</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.esCode }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">RAR Information</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.raDetails }}</div>\r\n        </div>\r\n        <ng-template [ngIf]=\"hasAssignmentInfo()\">\r\n          <ng-container *ngTemplateOutlet=\"assignment\"></ng-container>\r\n        </ng-template>\r\n        <ng-template [ngIf]=\"hasAppointmentInfo()\">\r\n          <ng-container *ngTemplateOutlet=\"appointment\"></ng-container>\r\n        </ng-template>\r\n      </div>\r\n      <!-- middle -->\r\n      <div fxFlex=\"40%\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">SNAP ES Code</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.snapEsCode }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">WMS Individual Status</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.individualStatus }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">WMS Office</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.wmsOffice }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Form Language</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.language }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Residential Address</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.residentialAddress }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Mailing Address</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.mailingAddress }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Program Status</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.programStatus }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">FFR Date</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.nextFFR | date: dateFormat }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Child Care</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.childCare }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Car Fare</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.carFare }}</div>\r\n        </div>\r\n        <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n          <div fxFlex=\"40%\" class=\"label\">Income</div>\r\n          <div fxFlex class=\"value\">{{ reviewDetails?.income }}</div>\r\n        </div>\r\n      </div>\r\n      <!-- right-->\r\n      <div fxFlex=\"20%\" fxLayout=\"column\" fxLayoutAlign=\"start start\">\r\n        <!-- <div *ngIf=\"!!reviewDetails?.caseId\">\r\n          <prutech-rar-modal [caseId]=\"reviewDetails?.caseId\"></prutech-rar-modal>\r\n        </div> -->\r\n        <button mat-button color=\"primary\" (click)=\"navigateToFia3a()\">FIA3A</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"dialogboxfooter\">\r\n    <button mat-flat-button (click)=\"closeModal()\">EXIT</button>\r\n  </div>\r\n</prutech-dialog-box>\r\n\r\n<ng-template #assignment>\r\n  <div class=\"sub-title-header\">Assignment Information</div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Assignment Type</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.assignmentType }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Assignment Site</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.assignmentSite }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Infraction Date</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.assignmentInfractionDate | date: dateFormat }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Infraction Type</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.assignmentInfractionType }}</div>\r\n  </div>\r\n</ng-template>\r\n<ng-template #appointment>\r\n  <div class=\"sub-title-header\">Appointment Information</div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Appointment Type</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.appointmentType }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Appointment Site</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.appointmentSite }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Infraction Date</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.appointmentInfractionDate | date: dateFormat }}</div>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"readonly-group\">\r\n    <div fxFlex=\"40%\" class=\"label\">Infraction Type</div>\r\n    <div fxFlex class=\"value\">{{ reviewDetails?.appointmentInfractionType }}</div>\r\n  </div>\r\n</ng-template>\r\n", styles: [""] }]
         }], ctorParameters: function () {
         return [{ type: i1$1.MatDialogRef }, { type: i1$2.Router }, { type: PreConciliationWorkListService }, { type: undefined, decorators: [{
                         type: Inject,
@@ -2036,6 +2036,7 @@ class SaveStatusResponse$2 {
         this.originalCategoryId = get(data, 'originalCategoryId');
         this.assessmentId = get(data, 'assessmentId');
         this.letterType = get(data, 'letterType');
+        this.infractionDate = get(data, 'infractionDate');
     }
 }
 
@@ -2116,10 +2117,16 @@ class ConciliationAppointmentWorkListService {
     dispatchPrintDocument(payload) {
         this.store.dispatch(new PrintDocumentAction(payload));
     }
-    printDocument(letterType, assessmentId, CmsCaseID) {
+    printDocument(letterType, assessmentId, CmsCaseID, worklistType, infractionDate) {
         if (assessmentId !== undefined) {
-            return this.http.get(`${get(this.environment, 'utilityQueryService')}Document/GenerateGoodCauseLetter/${letterType}/${CmsCaseID}?EAEPAssessmentID=${assessmentId}`)
-                .pipe(map$1((data) => get(data, 'responseObject')));
+            if (infractionDate != null) {
+                return this.http.get(`${get(this.environment, 'utilityQueryService')}Document/GenerateGoodCauseLetter/${letterType}/${CmsCaseID}/${assessmentId}/${worklistType}?infractionDate=${infractionDate}`)
+                    .pipe(map$1((data) => get(data, 'responseObject')));
+            }
+            else {
+                return this.http.get(`${get(this.environment, 'utilityQueryService')}Document/GenerateGoodCauseLetter/${letterType}/${CmsCaseID}/${assessmentId}/${worklistType}`)
+                    .pipe(map$1((data) => get(data, 'responseObject')));
+            }
         }
         else {
             return this.http.get(`${get(this.environment, 'utilityQueryService')}Document/GenerateGoodCauseLetter/${letterType}/${CmsCaseID}`)
@@ -9932,6 +9939,11 @@ function getGrantOption$2(payload) {
     return GrantOptionType$2.Other;
 }
 
+const conciliationId = 1;
+const preNoiId = 2;
+const noiId = 3;
+const teleConferenceId = 4;
+
 class ConciliationAppointmentWorkListEffect {
     constructor(conciliationWorkListService, toastr, dialog, router, tabService, actions$) {
         this.conciliationWorkListService = conciliationWorkListService;
@@ -9958,8 +9970,9 @@ class ConciliationAppointmentWorkListEffect {
             const grantOption = getGrantOption$2(get(action, 'payload'));
             const actionId = get(action, 'payload.actionId');
             const originalCategoryId = get(action, 'payload.originalCategoryId');
+            const infractionDate = get(action, 'payload.infractionDate');
             if (actionId === goodCauseGrantedActionId$2) {
-                this.conciliationWorkListService.dispatchPrintDocument({ letterType: get(action, 'payload.letterType'), assessmentId: get(action, 'payload.assessmentId'), CmsCaseID: get(action, 'payload.caseId') });
+                this.conciliationWorkListService.dispatchPrintDocument({ letterType: get(action, 'payload.letterType'), assessmentId: get(action, 'payload.assessmentId'), CmsCaseID: get(action, 'payload.caseId'), worklistType: conciliationId, infractionDate: infractionDate, });
                 if (originalCategoryId === csAppointments || originalCategoryId === csAssignments || originalCategoryId === tagAppointments || originalCategoryId === tagAssignments) {
                     this.router.navigate(['/ea-ep/' + get(action, 'payload.caseId')], { queryParams: { isconciliationWL: true } });
                 }
@@ -10064,14 +10077,14 @@ class ConciliationAppointmentWorkListEffect {
         this.saveBatchAppointmentSuccessAction$ = this.actions$.pipe(ofType(ConciliationAppointmentWorkListActionTypes.SubmitBatchPoolAppointmentSuccess), map$1((action) => {
             //  handleSuccess(this.toastr);
             handleSuccess(this.toastr);
-            this.conciliationWorkListService.dispatchPrintDocument({ letterType: get(action, 'payload.letterType'), assessmentId: get(action, 'payload.eaepAssessmentId'), CmsCaseID: get(action, 'payload.caseId') });
+            this.conciliationWorkListService.dispatchPrintDocument({ letterType: get(action, 'payload.letterType'), assessmentId: get(action, 'payload.eaepAssessmentId'), CmsCaseID: get(action, 'payload.caseId'), worklistType: conciliationId, infractionDate: get(action, 'payload.infractionDate'), });
             this.conciliationWorkListService.dispatchLoadConciliationWorkList();
         }));
         this.saveBatchAppointmentFailAction$ = this.actions$.pipe(ofType(ConciliationAppointmentWorkListActionTypes.SubmitBatchPoolAppointmentFail), map$1((action) => get(action, 'payload')), tap((response) => {
             handleLoadFail(this.toastr, map(get(response, 'seamsErrorCodes'), 'value'));
         }));
         this.printDocument$ = this.actions$.pipe(ofType(ConciliationAppointmentWorkListActionTypes.PrintDocument), map$1((action) => action.payload), switchMap((payload) => {
-            return this.conciliationWorkListService.printDocument(payload.letterType, payload.assessmentId, payload.CmsCaseID)
+            return this.conciliationWorkListService.printDocument(payload.letterType, payload.assessmentId, payload.CmsCaseID, conciliationId, payload.infractionDate)
                 .pipe(
             // tslint:disable-next-line:no-any
             map$1((response) => {
@@ -10347,6 +10360,7 @@ class SaveConciliationStatusPayload {
         this.originalCategoryId = get(data, 'originalCategoryId');
         this.assessmentId = get(data, 'assessmentId');
         this.letterType = get(data, 'letterType');
+        this.infractionDate = get(data, 'infractionDate');
     }
 }
 
@@ -11476,7 +11490,7 @@ class ConciliationContextMenuComponent extends AbstractComponent {
                         // } else if (letterTypeId === 2) {
                         //   this.conciliationWorkListService.dispatchPrintDocument({ letterType: letterTypeId, assessmentId: get(item, 'eaepAssessmentId'), CmsCaseID: get(item, 'cmsCaseId') });
                         // }
-                        const payload = new SaveConciliationStatusPayload(Object.assign(Object.assign({}, res), { isWantToSendClientBack: null, actionId: goodCauseGrantedActionId$2, wlConciliationId: get(item, 'wlConciliationId'), appointmentId: null, caseId: item === null || item === void 0 ? void 0 : item.cmsCaseId, originalCategoryId: item === null || item === void 0 ? void 0 : item.originalCategoryId, assessmentId: get(item, 'eaepAssessmentId'), letterType: letterTypeId }));
+                        const payload = new SaveConciliationStatusPayload(Object.assign(Object.assign({}, res), { isWantToSendClientBack: null, actionId: goodCauseGrantedActionId$2, wlConciliationId: get(item, 'wlConciliationId'), appointmentId: null, caseId: item === null || item === void 0 ? void 0 : item.cmsCaseId, originalCategoryId: item === null || item === void 0 ? void 0 : item.originalCategoryId, assessmentId: get(item, 'eaepAssessmentId'), letterType: letterTypeId, infractionDate: get(item, 'infractionDate') }));
                         this.conciliationWorkListService.dispatchSaveStatus(payload);
                     });
                 }
@@ -11544,7 +11558,7 @@ class ConciliationContextMenuComponent extends AbstractComponent {
                         else if ((item === null || item === void 0 ? void 0 : item.originalCategoryId) === wecareAppointments ||
                             (item === null || item === void 0 ? void 0 : item.originalCategoryId) === ivapAssignments ||
                             (item === null || item === void 0 ? void 0 : item.originalCategoryId) === vrsAppointments) {
-                            const payload = new SaveConciliationStatusPayload(Object.assign(Object.assign({}, res), { actionId: goodCauseGrantedActionId$2, wlConciliationId: item === null || item === void 0 ? void 0 : item.wlConciliationId, caseId: item === null || item === void 0 ? void 0 : item.cmsCaseId, originalCategoryId: item === null || item === void 0 ? void 0 : item.originalCategoryId, assessmentId: get(item, 'eaepAssessmentId'), letterType: letterTypeId }));
+                            const payload = new SaveConciliationStatusPayload(Object.assign(Object.assign({}, res), { actionId: goodCauseGrantedActionId$2, wlConciliationId: item === null || item === void 0 ? void 0 : item.wlConciliationId, caseId: item === null || item === void 0 ? void 0 : item.cmsCaseId, originalCategoryId: item === null || item === void 0 ? void 0 : item.originalCategoryId, assessmentId: get(item, 'eaepAssessmentId'), letterType: letterTypeId, infractionDate: get(item, 'infractionDate') }));
                             this.conciliationWorkListService.dispatchSaveStatus(payload);
                             //Batch pool logic added to SubmitGrantedConciliation api
                             // const payload: SubmitBatchPoolAppointmentModel = new SubmitBatchPoolAppointmentModel({
@@ -13084,13 +13098,13 @@ class NoiWorkListEffect {
             handleSuccess(this.toastr);
             /*if (get(action, 'payload.actionId') === goodCauseGrantedActionId) {
               return new OpenAppointmentDialogAction(get(action, 'payload.caseId'));
-            } else {
+            }
               return new LoadNoiWorkListAction();
             }*/
             const actionId = get(action, 'payload.actionId');
             const originalCategoryId = get(action, 'payload.originalCategoryId');
             if (actionId === goodCauseGrantedActionId$2) {
-                this.conciliationWorkListService.dispatchPrintDocument({ letterType: get(action, 'payload.letterType'), assessmentId: get(action, 'payload.assessmentId'), CmsCaseID: get(action, 'payload.caseId') });
+                this.conciliationWorkListService.dispatchPrintDocument({ letterType: get(action, 'payload.letterType'), assessmentId: get(action, 'payload.assessmentId'), CmsCaseID: get(action, 'payload.caseId'), worklistType: noiId, infractionDate: get(action, 'payload.infractionDate') });
                 if (originalCategoryId === csAppointments || originalCategoryId === csAssignments || originalCategoryId === tagAppointments || originalCategoryId === tagAssignments) {
                     this.router.navigate(['/ea-ep/' + get(action, 'payload.caseId')], { queryParams: { isconciliationWL: true } });
                 }
@@ -13194,6 +13208,7 @@ class SaveNoiStatusPayload {
         this.letterType = get(data, 'letterType');
         this.caseId = get(data, 'caseId');
         this.assessmentId = get(data, 'assessmentId');
+        this.infractionDate = get(data, 'infractionDate');
     }
 }
 
@@ -13514,13 +13529,13 @@ class ContextMenuNoiListComponent extends AbstractComponent {
                     // } else if (letterTypeId === 2) {
                     //   this.conciliationWorkListService.dispatchPrintDocument({ letterType: letterTypeId, assessmentId: get(item, 'eaepAssessmentId'), CmsCaseID: get(item, 'cmsCaseId') });
                     // }
-                    const payload = new SaveNoiStatusPayload(Object.assign(Object.assign({}, res), { wlNOIId: item.wlNOIId, actionId: goodCauseGrantedActionId$2, caseId: item === null || item === void 0 ? void 0 : item.cmsCaseId, originalCategoryId: item === null || item === void 0 ? void 0 : item.originalCategoryId, assessmentId: get(item, 'eaepAssessmentId'), letterType: letterTypeId }));
+                    const payload = new SaveNoiStatusPayload(Object.assign(Object.assign({}, res), { wlNOIId: item.wlNOIId, actionId: goodCauseGrantedActionId$2, caseId: item === null || item === void 0 ? void 0 : item.cmsCaseId, originalCategoryId: item === null || item === void 0 ? void 0 : item.originalCategoryId, assessmentId: get(item, 'eaepAssessmentId'), letterType: letterTypeId, infractionDate: get(item, 'infractionDate') }));
                     this.noiWorkListService.dispatchSaveStatus(payload);
                 });
                 if ((item === null || item === void 0 ? void 0 : item.originalCategoryId) === jcAppointments ||
                     (item === null || item === void 0 ? void 0 : item.originalCategoryId) === splRefAppointments ||
                     get(item, 'originalCategoryId') === null) {
-                    const payload = new SaveNoiStatusPayload(Object.assign(Object.assign({}, res), { wlNOIId: item.wlNOIId, actionId: goodCauseGrantedActionId$2 }));
+                    const payload = new SaveNoiStatusPayload(Object.assign(Object.assign({}, res), { wlNOIId: item.wlNOIId, actionId: goodCauseGrantedActionId$2, infractionDate: get(item, 'infractionDate') }));
                     this.noiWorkListService.dispatchSaveStatus(payload);
                     //Tags Misiing
                     this.tabService.dispatchAddTab({
@@ -29841,6 +29856,9 @@ class SaveStatusResponse$1 {
         this.caseId = get(data, 'caseId');
         this.actionId = get(data, 'actionId');
         this.wlPreNoiId = get(data, 'wlPreNoiId');
+        this.letterType = get(data, 'letterType'),
+            this.assessmentId = get(data, 'assessmentId'),
+            this.infractionDate = get(data, 'infractionDate');
     }
 }
 
@@ -29977,6 +29995,9 @@ class SavePreNoiStatusPayload {
         this.outreachMode = get(data, 'outreachMode');
         this.outreachOutcome = get(data, 'email');
         this.wlPreNoiId = get(data, 'wlPreNoiId');
+        this.letterType = get(data, 'letterType'),
+            this.assessmentId = get(data, 'assessmentId'),
+            this.infractionDate = get(data, 'infractionDate');
     }
 }
 
@@ -30520,27 +30541,25 @@ class PreNoiContextMenuComponent extends AbstractComponent {
                 dialogRef.afterClosed()
                     .pipe(takeUntil(this.componentDestroyed))
                     .subscribe((letterTypeId) => {
-                    if (letterTypeId === 1) {
-                        this.conciliationWorkListService.dispatchPrintDocument({ letterType: letterTypeId, assessmentId: get(item, 'eaepAssessmentId'), CmsCaseID: get(item, 'cmsCaseId') });
+                    // if (letterTypeId === 1) {
+                    //   this.conciliationWorkListService.dispatchPrintDocument({ letterType: letterTypeId, assessmentId: get(item, 'eaepAssessmentId'), CmsCaseID: get(item, 'cmsCaseId'), worklistType: preNoiId ,infractionDate: get(item,'infractionDate') });
+                    // } else if (letterTypeId === 2) {
+                    //   this.conciliationWorkListService.dispatchPrintDocument({ letterType: letterTypeId, assessmentId: get(item, 'eaepAssessmentId'), CmsCaseID: get(item, 'cmsCaseId'),worklistType: preNoiId ,infractionDate: get(item,'infractionDate') });
+                    // }  
+                    const payload = new SavePreNoiStatusPayload(Object.assign(Object.assign({}, res), { actionId: goodCauseGrantedActionId$1, wlPreNoiId: item === null || item === void 0 ? void 0 : item.wlPreNoiId, letterType: letterTypeId, assessmentId: get(item, 'eaepAssessmentId'), caseId: get(item, 'cmsCaseId'), infractionDate: get(item, 'infractionDate') }));
+                    if (get(item, 'infractedType.value.lookupId') === InfractionTypeEnum.FTRAppointment
+                        && ((get(item, 'infractedAt.value.lookupId') === InfractionAtEnum.CareerServices && this.user
+                            && (this.user.isJosWorker || this.user.isJosSupervisor || this.user.isOutStationWorker || this.user.isOutStationSupervisor)) // br 8, 9
+                            || (get(item, 'infractedAt.value.lookupId') === InfractionAtEnum.CareerAdvance && this.user
+                                && (this.user.isJosWorker || this.user.isJosSupervisor || this.user.isOutStationWorker || this.user.isOutStationSupervisor)))) {
+                        // br 10, 11
+                        this.openYesNoConfirmationDialog(payload, item);
                     }
-                    else if (letterTypeId === 2) {
-                        this.conciliationWorkListService.dispatchPrintDocument({ letterType: letterTypeId, assessmentId: get(item, 'eaepAssessmentId'), CmsCaseID: get(item, 'cmsCaseId') });
+                    else {
+                        // send to BE
+                        this.preNoiWorkListService.dispatchSaveStatus(payload);
                     }
                 });
-                const payload = new SavePreNoiStatusPayload(Object.assign(Object.assign({}, res), { actionId: goodCauseGrantedActionId$1, wlPreNoiId: item === null || item === void 0 ? void 0 : item.wlPreNoiId }));
-                //
-                if (get(item, 'infractedType.value.lookupId') === InfractionTypeEnum.FTRAppointment
-                    && ((get(item, 'infractedAt.value.lookupId') === InfractionAtEnum.CareerServices && this.user
-                        && (this.user.isJosWorker || this.user.isJosSupervisor || this.user.isOutStationWorker || this.user.isOutStationSupervisor)) // br 8, 9
-                        || (get(item, 'infractedAt.value.lookupId') === InfractionAtEnum.CareerAdvance && this.user
-                            && (this.user.isJosWorker || this.user.isJosSupervisor || this.user.isOutStationWorker || this.user.isOutStationSupervisor)))) {
-                    // br 10, 11
-                    this.openYesNoConfirmationDialog(payload, item);
-                }
-                else {
-                    // send to BE
-                    this.preNoiWorkListService.dispatchSaveStatus(payload);
-                }
             }
         });
     }
@@ -30770,13 +30789,14 @@ function getGrantOption$1(payload) {
 }
 
 class PreNoiWorkListEffect {
-    constructor(PreNoiWorkListService, toastr, dialog, router, tabService, actions$) {
+    constructor(PreNoiWorkListService, toastr, dialog, router, tabService, actions$, conciliationWorkListService) {
         this.PreNoiWorkListService = PreNoiWorkListService;
         this.toastr = toastr;
         this.dialog = dialog;
         this.router = router;
         this.tabService = tabService;
         this.actions$ = actions$;
+        this.conciliationWorkListService = conciliationWorkListService;
         this.loadWorkList$ = this.actions$.pipe(ofType(PreNoiWorkListActionTypes.LoadPreNoiWorkList), switchMap(() => {
             return this.PreNoiWorkListService.loadWorkList().pipe(map$1((data) => new LoadPreNoiWorkListSuccessAction(data)), 
             // tslint:disable-next-line:no-any
@@ -30792,6 +30812,10 @@ class PreNoiWorkListEffect {
         }));
         this.saveStatusSuccess$ = this.actions$.pipe(ofType(PreNoiWorkListActionTypes.SaveStatusSuccess), tap((action) => {
             handleSuccess(this.toastr);
+            const actionId = get(action, 'payload.actionId');
+            if (actionId === goodCauseGrantedActionId$2) {
+                this.conciliationWorkListService.dispatchPrintDocument({ letterType: get(action, 'payload.letterType'), assessmentId: get(action, 'payload.assessmentId'), CmsCaseID: get(action, 'payload.caseId'), worklistType: preNoiId, infractionDate: get(action, 'payload.infractionDate'), });
+            }
             const grantOption = getGrantOption$1(get(action, 'payload'));
             if (grantOption === GrantOptionType$1.Appointment) {
                 // this.PreNoiWorkListService.dispatchOpenAppointmentDialog(get(action, 'payload.caseId'));
@@ -30900,7 +30924,7 @@ class PreNoiWorkListEffect {
         }));
     }
 }
-PreNoiWorkListEffect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PreNoiWorkListEffect, deps: [{ token: PreNoiWorkListService }, { token: i3.ToastrService }, { token: i1$1.MatDialog }, { token: i1$2.Router }, { token: i2$2.TabService }, { token: i2$1.Actions }], target: i0.ɵɵFactoryTarget.Injectable });
+PreNoiWorkListEffect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PreNoiWorkListEffect, deps: [{ token: PreNoiWorkListService }, { token: i3.ToastrService }, { token: i1$1.MatDialog }, { token: i1$2.Router }, { token: i2$2.TabService }, { token: i2$1.Actions }, { token: ConciliationAppointmentWorkListService }], target: i0.ɵɵFactoryTarget.Injectable });
 PreNoiWorkListEffect.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PreNoiWorkListEffect });
 __decorate([
     Effect()
@@ -30955,7 +30979,7 @@ __decorate([
 ], PreNoiWorkListEffect.prototype, "saveStatusFailAction$", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PreNoiWorkListEffect, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: PreNoiWorkListService }, { type: i3.ToastrService }, { type: i1$1.MatDialog }, { type: i1$2.Router }, { type: i2$2.TabService }, { type: i2$1.Actions }]; }, propDecorators: { loadWorkList$: [], saveStatus$: [], loadWorkListFailAction$: [], saveStatusSuccess$: [], openDialog$: [], SaveSchedulingCallBackDetail$: [], savSuccessAction$: [], savFailAction$: [], SaveOutreachWorklistDetail$: [], saveSuccessAction$: [], saveFailAction$: [], saveStatusworks$: [], saveReassignFailAction$: [], saveReassignSuccessAction$: [], savePreConciliationworks$: [], saveStatusSuccessAction$: [], saveStatusFailAction$: [] } });
+        }], ctorParameters: function () { return [{ type: PreNoiWorkListService }, { type: i3.ToastrService }, { type: i1$1.MatDialog }, { type: i1$2.Router }, { type: i2$2.TabService }, { type: i2$1.Actions }, { type: ConciliationAppointmentWorkListService }]; }, propDecorators: { loadWorkList$: [], saveStatus$: [], loadWorkListFailAction$: [], saveStatusSuccess$: [], openDialog$: [], SaveSchedulingCallBackDetail$: [], savSuccessAction$: [], savFailAction$: [], SaveOutreachWorklistDetail$: [], saveSuccessAction$: [], saveFailAction$: [], saveStatusworks$: [], saveReassignFailAction$: [], saveReassignSuccessAction$: [], savePreConciliationworks$: [], saveStatusSuccessAction$: [], saveStatusFailAction$: [] } });
 
 class OutreachHistoryListEffects$1 {
     constructor(outreachHistoryListService, actions$, toastr) {
@@ -31409,6 +31433,10 @@ class SaveStatusResponse {
         this.isVendor = get(data, 'isVendor');
         this.caseId = get(data, 'caseId');
         this.actionId = get(data, 'actionId');
+        this.infractionDate = get(data, 'infractionDate');
+        this.originalCategoryId = get(data, 'originalCategoryId');
+        this.letterType = get(data, 'letterType');
+        this.assessmentId = get(data, 'assessmentId');
     }
 }
 
@@ -31601,6 +31629,10 @@ class SaveTelephoneOrSettledConferenceStatusPayload {
         this.inPerson = get(data, 'inPerson');
         this.outreachMode = get(data, 'outreachMode');
         this.outreachOutcome = get(data, 'email');
+        this.infractionDate = get(data, 'infractionDate');
+        this.originalCategoryId = get(data, 'originalCategoryId');
+        this.letterType = get(data, 'letterType');
+        this.assessmentId = get(data, 'assessmentId');
     }
 }
 
@@ -32545,57 +32577,83 @@ class TelephoneOrSettledConferencContextMenuComponent extends AbstractComponent
         });
     }
     openGoodCauseGrantedDialog(item) {
-        const dialogRef = this.dialog.open(GoodCauseGrantedActionComponent, {
-            width: dialogSize$1,
-            disableClose: true,
-            data: {
-                conciliationLookups: this.conciliationLookups,
-                showInPerson: false,
-            },
-        });
-        dialogRef.afterClosed().pipe(takeUntil(this.componentDestroyed)).subscribe((res) => {
-            if (res) {
-                const dialogRef = this.dialog.open(GenerateFIA1187ALetterDialogboxComponent, {
-                    width: '55vw',
-                    disableClose: true,
-                    data: {
-                    // assessmentId: this.assessmentId || get(this.data, 'eaepAssessmentId'),
-                    // caseId: this.caseId,
-                    },
-                });
-                dialogRef.afterClosed()
-                    .pipe(takeUntil(this.componentDestroyed))
-                    .subscribe((letterTypeId) => {
-                    if (letterTypeId === 1) {
-                        this.conciliationWorkListService.dispatchPrintDocument({ letterType: letterTypeId, assessmentId: get(item, 'eaepAssessmentId'), CmsCaseID: get(item, 'cmsCaseId') });
-                    }
-                    else if (letterTypeId === 2) {
-                        this.conciliationWorkListService.dispatchPrintDocument({ letterType: letterTypeId, assessmentId: get(item, 'eaepAssessmentId'), CmsCaseID: get(item, 'cmsCaseId') });
-                    }
-                });
-                if (get(item, 'originalCategoryId') === jcAppointments ||
-                    get(item, 'originalCategoryId') === csAppointments ||
-                    get(item, 'originalCategoryId') === csAssignments ||
-                    get(item, 'originalCategoryId') === tagAppointments ||
-                    get(item, 'originalCategoryId') === tagAssignments ||
-                    get(item, 'originalCategoryId') === splRefAppointments ||
-                    get(item, 'originalCategoryId') === null) {
-                    const payload = new SaveTelephoneOrSettledConferenceStatusPayload(Object.assign(Object.assign({}, res), { wlTelephoneSettledId: item.wlTelephoneSettledId, actionId: goodCauseGrantedActionId }));
-                    this.telephoneOrSettledConferenceWorkListService.dispatchSaveStatus(payload);
-                    this.tabService.dispatchAddTab({
-                        tabName: 'ea-ep/' + (item === null || item === void 0 ? void 0 : item.cmsCaseId),
-                        route: '/ea-ep/' + (item === null || item === void 0 ? void 0 : item.cmsCaseId),
-                        label: 'Assessments' + ' - ' + (item === null || item === void 0 ? void 0 : item.clientName),
-                        canClose: true,
+        if ((item === null || item === void 0 ? void 0 : item.originalCategoryId) === csAppointments || (item === null || item === void 0 ? void 0 : item.originalCategoryId) === csAssignments ||
+            (item === null || item === void 0 ? void 0 : item.originalCategoryId) === tagAppointments || (item === null || item === void 0 ? void 0 : item.originalCategoryId) === tagAssignments) {
+            const dialogRef = this.dialog.open(GoodCauseGrantedActionComponent, {
+                width: dialogSize$1,
+                disableClose: true,
+                data: {
+                    conciliationLookups: this.conciliationLookups,
+                    showInPerson: false,
+                },
+            });
+            dialogRef.afterClosed().pipe(takeUntil(this.componentDestroyed)).subscribe((res) => {
+                if (res) {
+                    const dialogRef = this.dialog.open(GenerateFIA1187ALetterDialogboxComponent, {
+                        width: '55vw',
+                        disableClose: true,
+                        data: {
+                        // assessmentId: this.assessmentId || get(this.data, 'eaepAssessmentId'),
+                        // caseId: this.caseId,
+                        },
+                    });
+                    dialogRef.afterClosed()
+                        .pipe(takeUntil(this.componentDestroyed))
+                        .subscribe((letterTypeId) => {
+                        // if (letterTypeId === 1) {
+                        //   this.conciliationWorkListService.dispatchPrintDocument({ letterType: letterTypeId, assessmentId: get(item, 'eaepAssessmentId'), CmsCaseID: get(item, 'cmsCaseId'), worklistType: teleConferenceId ,infractionDate: get(item, 'infractionDate')});
+                        // } else if (letterTypeId === 2) {
+                        //   this.conciliationWorkListService.dispatchPrintDocument({ letterType: letterTypeId, assessmentId: get(item, 'eaepAssessmentId'), CmsCaseID: get(item, 'cmsCaseId'), worklistType: teleConferenceId,infractionDate: get(item, 'infractionDate')});
+                        // }
+                        const payload = new SaveTelephoneOrSettledConferenceStatusPayload(Object.assign(Object.assign({}, res), { wlTelephoneSettledId: item.wlTelephoneSettledId, actionId: 1, caseId: item === null || item === void 0 ? void 0 : item.cmsCaseId, originalCategoryId: item === null || item === void 0 ? void 0 : item.originalCategoryId, assessmentId: get(item, 'eaepAssessmentId'), letterType: letterTypeId, infractionDate: get(item, 'infractionDate') }));
+                        this.telephoneOrSettledConferenceWorkListService.dispatchSaveStatus(payload);
                     });
-                    this.router.navigate(['/ea-ep/' + (item === null || item === void 0 ? void 0 : item.cmsCaseId)], { relativeTo: this.route, state: { clientName: item === null || item === void 0 ? void 0 : item.clientName } });
                 }
-                else {
-                    const payload = new SaveTelephoneOrSettledConferenceStatusPayload(Object.assign(Object.assign({}, res), { wlTelephoneSettledId: item.wlTelephoneSettledId, actionId: goodCauseGrantedActionId }));
-                    this.telephoneOrSettledConferenceWorkListService.dispatchSaveStatus(payload);
+            });
+        }
+        else {
+            const dialogRef = this.dialog.open(GoodCauseGrantedActionComponent, {
+                width: dialogSize$1,
+                disableClose: true,
+                data: {
+                    conciliationLookups: this.conciliationLookups,
+                    showInPerson: false,
+                },
+            });
+            dialogRef.afterClosed().pipe(takeUntil(this.componentDestroyed)).subscribe((res) => {
+                if (res) {
+                    const dialogRef = this.dialog.open(GenerateFIA1187ALetterDialogboxComponent, {
+                        width: '55vw',
+                        disableClose: true,
+                        data: {
+                        // assessmentId: this.assessmentId || get(this.data, 'eaepAssessmentId'),
+                        // caseId: this.caseId,
+                        },
+                    });
+                    dialogRef.afterClosed()
+                        .pipe(takeUntil(this.componentDestroyed))
+                        .subscribe((letterTypeId) => {
+                        if (get(item, 'originalCategoryId') === jcAppointments ||
+                            get(item, 'originalCategoryId') === splRefAppointments ||
+                            get(item, 'originalCategoryId') === null) {
+                            const payload = new SaveTelephoneOrSettledConferenceStatusPayload(Object.assign(Object.assign({}, res), { wlTelephoneSettledId: item.wlTelephoneSettledId, actionId: goodCauseGrantedActionId, caseId: item === null || item === void 0 ? void 0 : item.cmsCaseId, originalCategoryId: item === null || item === void 0 ? void 0 : item.originalCategoryId, assessmentId: get(item, 'eaepAssessmentId'), letterType: letterTypeId, infractionDate: get(item, 'infractionDate') }));
+                            this.telephoneOrSettledConferenceWorkListService.dispatchSaveStatus(payload);
+                            this.tabService.dispatchAddTab({
+                                tabName: 'ea-ep/' + (item === null || item === void 0 ? void 0 : item.cmsCaseId),
+                                route: '/ea-ep/' + (item === null || item === void 0 ? void 0 : item.cmsCaseId),
+                                label: 'Assessments' + ' - ' + (item === null || item === void 0 ? void 0 : item.clientName),
+                                canClose: true,
+                            });
+                            this.router.navigate(['/ea-ep/' + (item === null || item === void 0 ? void 0 : item.cmsCaseId)], { relativeTo: this.route, state: { clientName: item === null || item === void 0 ? void 0 : item.clientName } });
+                        }
+                        else {
+                            const payload = new SaveTelephoneOrSettledConferenceStatusPayload(Object.assign(Object.assign({}, res), { wlTelephoneSettledId: item.wlTelephoneSettledId, actionId: goodCauseGrantedActionId, caseId: item === null || item === void 0 ? void 0 : item.cmsCaseId, originalCategoryId: item === null || item === void 0 ? void 0 : item.originalCategoryId, assessmentId: get(item, 'eaepAssessmentId'), letterType: letterTypeId, infractionDate: get(item, 'infractionDate') }));
+                            this.telephoneOrSettledConferenceWorkListService.dispatchSaveStatus(payload);
+                        }
+                    });
                 }
-            }
-        });
+            });
+        }
     }
     submitBatchPoolAppointment(item, appointmentNYCWAYcode) {
         const payload = new SubmitBatchPoolAppointmentModel({
@@ -32981,8 +33039,9 @@ function getGrantOption(payload) {
 }
 
 class TelephoneOrSettledConferenceWorkListEffect {
-    constructor(telephoneOrSettledConference, toastr, dialog, router, tabService, actions$) {
+    constructor(telephoneOrSettledConference, conciliationWorkListService, toastr, dialog, router, tabService, actions$) {
         this.telephoneOrSettledConference = telephoneOrSettledConference;
+        this.conciliationWorkListService = conciliationWorkListService;
         this.toastr = toastr;
         this.dialog = dialog;
         this.router = router;
@@ -33004,6 +33063,10 @@ class TelephoneOrSettledConferenceWorkListEffect {
         this.saveStatusSuccess$ = this.actions$.pipe(ofType(TelephoneOrSettledConferenceWorkListActionTypes.SaveStatusSuccess), tap((action) => {
             handleSuccess(this.toastr);
             const grantOption = getGrantOption(get(action, 'payload'));
+            const actionId = get(action, 'payload.actionId');
+            if (actionId === goodCauseGrantedActionId$2) {
+                this.conciliationWorkListService.dispatchPrintDocument({ letterType: get(action, 'payload.letterType'), assessmentId: get(action, 'payload.assessmentId'), CmsCaseID: get(action, 'payload.caseId'), worklistType: teleConferenceId, infractionDate: get(action, 'payload.infractionDate'), });
+            }
             if (grantOption === GrantOptionType.Appointment) {
                 // this.telephoneOrSettledConference.dispatchOpenAppointmentDialog(get(action, 'payload.caseId'));
                 this.telephoneOrSettledConference.dispatchLoadTelephoneOrSettledConferenceWorkList();
@@ -33093,7 +33156,7 @@ class TelephoneOrSettledConferenceWorkListEffect {
         }));
     }
 }
-TelephoneOrSettledConferenceWorkListEffect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TelephoneOrSettledConferenceWorkListEffect, deps: [{ token: TelephoneOrSettledConferenceWorkListService }, { token: i3.ToastrService }, { token: i1$1.MatDialog }, { token: i1$2.Router }, { token: i2$2.TabService }, { token: i2$1.Actions }], target: i0.ɵɵFactoryTarget.Injectable });
+TelephoneOrSettledConferenceWorkListEffect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TelephoneOrSettledConferenceWorkListEffect, deps: [{ token: TelephoneOrSettledConferenceWorkListService }, { token: ConciliationAppointmentWorkListService }, { token: i3.ToastrService }, { token: i1$1.MatDialog }, { token: i1$2.Router }, { token: i2$2.TabService }, { token: i2$1.Actions }], target: i0.ɵɵFactoryTarget.Injectable });
 TelephoneOrSettledConferenceWorkListEffect.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TelephoneOrSettledConferenceWorkListEffect });
 __decorate([
     Effect()
@@ -33139,7 +33202,7 @@ __decorate([
 ], TelephoneOrSettledConferenceWorkListEffect.prototype, "saveReassignSuccessAction$", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TelephoneOrSettledConferenceWorkListEffect, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: TelephoneOrSettledConferenceWorkListService }, { type: i3.ToastrService }, { type: i1$1.MatDialog }, { type: i1$2.Router }, { type: i2$2.TabService }, { type: i2$1.Actions }]; }, propDecorators: { loadWorkList$: [], saveStatus$: [], loadWorkListFailAction$: [], saveStatusSuccess$: [], openDialog$: [], SaveSchedulingCallBackDetail$: [], savSuccessAction$: [], savFailAction$: [], SaveOutreachWorklistDetail$: [], saveSuccessAction$: [], saveFailAction$: [], saveStatusworks$: [], saveReassignFailAction$: [], saveReassignSuccessAction$: [] } });
+        }], ctorParameters: function () { return [{ type: TelephoneOrSettledConferenceWorkListService }, { type: ConciliationAppointmentWorkListService }, { type: i3.ToastrService }, { type: i1$1.MatDialog }, { type: i1$2.Router }, { type: i2$2.TabService }, { type: i2$1.Actions }]; }, propDecorators: { loadWorkList$: [], saveStatus$: [], loadWorkListFailAction$: [], saveStatusSuccess$: [], openDialog$: [], SaveSchedulingCallBackDetail$: [], savSuccessAction$: [], savFailAction$: [], SaveOutreachWorklistDetail$: [], saveSuccessAction$: [], saveFailAction$: [], saveStatusworks$: [], saveReassignFailAction$: [], saveReassignSuccessAction$: [] } });
 
 class OutreachHistoryListEffects {
     constructor(outreachHistoryListService, actions$, toastr) {