@prutech/compliance 1.0.232 → 1.0.234

package/fesm2015/prutech-compliance.mjs

@@ -1520,6 +1520,9 @@ var ConciliationAppointmentWorkListActionTypes;
     ConciliationAppointmentWorkListActionTypes["PrintDocument"] = "[FIA1187 Document] Print";
     ConciliationAppointmentWorkListActionTypes["PrintDocumentSuccess"] = "[FIA1187 Document] Print Success";
     ConciliationAppointmentWorkListActionTypes["PrintDocumentFail"] = "[FIA1187 Document] Print Fail";
+    ConciliationAppointmentWorkListActionTypes["LoadFederalHolidaysList"] = "[Conciliation Federal Holidays List] Load";
+    ConciliationAppointmentWorkListActionTypes["LoadFederalHolidaysListSuccess"] = "[Conciliation Federal Holidays List] Load Success";
+    ConciliationAppointmentWorkListActionTypes["LoadFederalHolidaysListFail"] = "[Conciliation Federal Holidays List] Load Fail";
 })(ConciliationAppointmentWorkListActionTypes || (ConciliationAppointmentWorkListActionTypes = {}));
 class LoadConciliationWorkListAction {
     constructor(payload) {
@@ -1661,6 +1664,24 @@ class PrintDocumentFailAction {
         this.payload = payload;
         this.type = ConciliationAppointmentWorkListActionTypes.PrintDocumentFail;
     }
+}
+class LoadFederalHolidaysListAction {
+    constructor(payload) {
+        this.payload = payload;
+        this.type = ConciliationAppointmentWorkListActionTypes.LoadFederalHolidaysList;
+    }
+}
+class LoadFederalHolidaysListSuccessAction {
+    constructor(payload) {
+        this.payload = payload;
+        this.type = ConciliationAppointmentWorkListActionTypes.LoadFederalHolidaysListSuccess;
+    }
+}
+class LoadFederalHolidaysListFailAction {
+    constructor(payload) {
+        this.payload = payload;
+        this.type = ConciliationAppointmentWorkListActionTypes.LoadFederalHolidaysListFail;
+    }
 }
 
 const adapter$G = createEntityAdapter({
@@ -1997,6 +2018,7 @@ class ConciliationWorkListItemModel {
         this.r1OutreachId = get(data, 'r1OutreachId');
         this.outreachId = get(data, 'outreachId');
         this.isTieriiCompleted = get(data, 'isTieriiCompleted');
+        this.showOnlyCaseSummay = get(data, 'showOnlyCaseSummay');
     }
 }
 
@@ -2048,6 +2070,14 @@ class ConciliationLookupModel {
     }
 }
 
+class FederalHolidaysModel {
+    constructor(data) {
+        this.id = get(data, 'id');
+        this.HolidayName = get(data, 'HolidayName');
+        this.HolidayDate = get(data, 'HolidayDate');
+    }
+}
+
 class ConciliationAppointmentWorkListService {
     constructor(http, store, environment) {
         this.http = http;
@@ -2060,6 +2090,7 @@ class ConciliationAppointmentWorkListService {
         this.lookupData = store.pipe(select(getSelectedLookupModel$1));
         this.lookupDataLoading = store.pipe(select(getLoadingLookupModels$1));
         this.loadingLDSSDocument = this.store.pipe(select(getLoadingLDSSDocument));
+        // this.holidaysList = store.pipe(select(fromReducer.getHolidaysList));
     }
     dispatchLoadConciliationWorkList() {
         this.store.dispatch(new LoadConciliationWorkListAction());
@@ -2133,6 +2164,15 @@ class ConciliationAppointmentWorkListService {
                 .pipe(map$1((data) => get(data, 'responseObject')));
         }
     }
+    dispatchLoadFederalHolidaysList() {
+        this.store.dispatch(new LoadFederalHolidaysListAction());
+    }
+    loadFederalHolidays() {
+        return this.http.get(`${get(this.environment, 'assignmentQueryService')}Conciliation/GetFederalHolidys`)
+            .pipe(map$1((data) => {
+            return map$1(get(data, 'responseObject'), (list) => new FederalHolidaysModel(list));
+        }));
+    }
 }
 ConciliationAppointmentWorkListService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ConciliationAppointmentWorkListService, deps: [{ token: i1.HttpClient }, { token: i2.Store }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Injectable });
 ConciliationAppointmentWorkListService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ConciliationAppointmentWorkListService });
@@ -4016,6 +4056,9 @@ class FtrWorkListItemModel {
         this.isFTR = get(data, 'isFTR');
         this.wlFtrId = get(data, 'wlFtrId');
         this.jobCenter = get(data, 'jobCenter');
+        this.providerAssignment = get(data, 'providerAssignment');
+        this.assignmentSiteName = get(data, 'assignmentSiteName');
+        this.infractionDate = get(data, 'infractionDate');
     }
 }
 
@@ -4335,6 +4378,21 @@ const columnDefs$9 = [
     {
         headerName: 'Individual Status', field: 'individualStatus.value', sortable: true, resizable: true, filter: true,
     },
+    {
+        headerName: 'Provider Assignment', field: 'providerAssignment', sortable: true, resizable: true, filter: true,
+    },
+    {
+        headerName: 'Assignment Site Name', field: 'assignmentSiteName', sortable: true, resizable: true, filter: true,
+    },
+    {
+        headerName: 'Infraction Date', field: 'infractionDate', sortable: true, resizable: true, valueFormatter: dateOnlyFormatter, filter: 'agDateColumnFilter',
+        filterParams: {
+            comparator: dateComparatorFn,
+            filterOptions: dateFilterOptions,
+            buttons: ['clear', 'apply'],
+            suppressAndOrCondition: true,
+        },
+    }
 ];
 
 class FtrWorkSheetComponent {
@@ -9924,7 +9982,11 @@ const reScheduleCallBackActionId$1 = 4;
 const scheduleCallBackActionId$1 = 3;
 const reAssignActionId$1 = 5;
 const conferenceByPhoneActionId$1 = 3;
-const updateStatusActionId$1 = 3;
+const updateStatusActionId$1 = 3;
+const manualNOICompletedId = 8;
+const commentDialogBoxNOIId = 4;
+const showCasesummaryId$1 = 7;
+const showOutreachHistoryId$1 = 8;
 
 function getGrantOption$2(payload) {
     const infractionAt = get(payload, 'infractionAt.lookupId');
@@ -10334,6 +10396,19 @@ const menuItems$5 = [
             },
         ],
     },
+    {
+        label: 'View',
+        items: [
+            {
+                name: 'Case Summary',
+                route: toString(showCasesummaryId$1),
+            },
+            {
+                name: 'Outreach History',
+                route: toString(showOutreachHistoryId$1),
+            },
+        ],
+    },
 ];
 
 class SaveConciliationStatusPayload {
@@ -10380,23 +10455,50 @@ const goodCauseConfirmMessage$2 = 'Wants to send the client back?';
 
 const scheduleOrRescheduleActionFormModel = {
     editTemplate: [
+        // {
+        //   label: 'Appointment Date',
+        //   name: 'apptDate',
+        //   type: PtDynamicElement.Input,
+        //   flex: 50,
+        //   appearance: 'outline',
+        //   showLabelAbove: true,
+        //   disabled: true,
+        // },
+        // {
+        //   label: 'Appointment Time',
+        //   name: 'apptTime',
+        //   type: PtDynamicElement.Input,
+        //   flex: 50,
+        //   appearance: 'outline',
+        //   showLabelAbove: true,
+        //   disabled: true,
+        // },
         {
-            label: 'Appointment Date',
+            label: 'Date 1',
             name: 'apptDate',
-            type: PtDynamicElement.Input,
+            type: PtDynamicElement.Datepicker,
             flex: 50,
             appearance: 'outline',
             showLabelAbove: true,
-            disabled: true,
+            required: true,
         },
         {
-            label: 'Appointment Time',
-            name: 'apptTime',
-            type: PtDynamicElement.Input,
-            flex: 50,
+            label: 'Hours',
+            name: 'hour1',
+            type: PtDynamicElement.Select,
+            flex: 25,
             appearance: 'outline',
             showLabelAbove: true,
-            disabled: true,
+            required: true,
+        },
+        {
+            label: 'Minutes',
+            name: 'minute1',
+            type: PtDynamicElement.Select,
+            flex: 25,
+            appearance: 'outline',
+            showLabelAbove: true,
+            required: true,
         },
         {
             label: 'Phone Number',
@@ -10437,6 +10539,9 @@ const hoursExceededWarningMessage = 'Max hours per day exceeded';
 const coreAssignmentCategory = 1;
 const apptCancelledReason = 55582;
 
+const timeHourslots = ['08', '09', '10', '11', '12', '13', '14', '15', '16', '17'];
+const timeMinSlots = ['00', '15', '30', '45'];
+
 class ScheduleCallBackActionComponent extends AbstractComponent {
     constructor(dialogRef, dialog, dynamicFormService, environment, manageAppointmentsService, 
     // tslint:disable-next-line:no-any
@@ -10452,7 +10557,8 @@ class ScheduleCallBackActionComponent extends AbstractComponent {
         this.inPersonCtrlName = 'person';
         this.otherReasonCtrlName = 'otherReason';
         this.apptDateCtrlName = 'apptDate';
-        this.apptTimeCtrlName = 'apptTime';
+        this.apptTimeCtrlName = 'hour1';
+        this.apptMinuteCtrlName = 'minute1';
         this.showInPerson = true;
         this.showApptScheduler = true;
         this.elements =
@@ -10465,6 +10571,19 @@ class ScheduleCallBackActionComponent extends AbstractComponent {
     get isDisabled() {
         return this.dynamicFormGroup && this.dynamicFormGroup.invalid;
     }
+    filterWeekends(val) {
+    }
+    initElements() {
+        const apptDateElement = find(get(this.dynamicForm, 'elements'), (e) => e.name === this.apptDateCtrlName);
+        set(apptDateElement, 'min', new Date());
+        const today = new Date();
+        set(apptDateElement, 'max', new Date(today.getFullYear(), today.getMonth(), today.getDate() + 30));
+        // this.filteredDates = this.filterWeekends()
+        const apptTimeElement = find(get(this.dynamicForm, 'elements'), (e) => e.name === this.apptTimeCtrlName);
+        set(apptTimeElement, 'selections', timeHourslots);
+        const apptMinuteElement = find(get(this.dynamicForm, 'elements'), (e) => e.name === this.apptMinuteCtrlName);
+        set(apptMinuteElement, 'selections', timeMinSlots);
+    }
     setApptDateTime(apptDateTime) {
         const apptDateElement = find(get(this.dynamicForm, 'elements'), (e) => e.name === this.apptDateCtrlName);
         const apptTimeElement = find(get(this.dynamicForm, 'elements'), (e) => e.name === this.apptTimeCtrlName);
@@ -10510,10 +10629,10 @@ class ScheduleCallBackActionComponent extends AbstractComponent {
     }
 }
 ScheduleCallBackActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScheduleCallBackActionComponent, deps: [{ token: i1$1.MatDialogRef }, { token: i1$1.MatDialog }, { token: i2$2.PtDynamicFormsService }, { token: 'environment' }, { token: i3$4.ManageAppointmentsService }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-ScheduleCallBackActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ScheduleCallBackActionComponent, selector: "lib-schedule-call-back-action", viewQueries: [{ propertyName: "dynamicForm", first: true, predicate: ["dynamicForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<prutech-dialog-box class=\"prutech-dialog-box\">\r\n  <div class=\"header\">{{ data?.isReSchedule ? 'Re-schedule Call Back' : 'Schedule Call Back' }}</div>\r\n  <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n    <div *ngIf=\"showApptScheduler\">\r\n      <button mat-stroked-button color=\"primary\" (click)=\"openAppointmentScheduler()\">Appointment Scheduler</button>\r\n    </div>\r\n    <prutech-dynamic-forms *ngIf=\"elements\" [elements]=\"elements\" #dynamicForm>\r\n      <ng-template let-element ngFor [ngForOf]=\"elements\">\r\n        <ng-template let-control=\"control\" [tdDynamicFormsError]=\"element.name\">\r\n          <span *ngIf=\"control.touched || !control.pristine\">\r\n            <span *ngIf=\"control.hasError('required')\">Required</span>\r\n            <span *ngIf=\"control.hasError('invalidSelection')\">Invalid Selection</span>\r\n          </span>\r\n        </ng-template>\r\n      </ng-template>\r\n    </prutech-dynamic-forms>\r\n  </div>\r\n  <div class=\"dialogboxfooter\">\r\n    <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n    <button mat-flat-button color=\"primary\" (click)=\"closeModal(true)\" [disabled]=\"isDisabled\"> SUBMIT\r\n    </button>\r\n  </div>\r\n</prutech-dialog-box>", styles: [""], components: [{ 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"] }, { type: i2$2.PtDynamicFormsComponent, selector: "prutech-dynamic-forms", inputs: ["formControls", "elements"], outputs: ["init"] }], directives: [{ 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: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$2.PtDynamicFormsErrorTemplateDirective, selector: "[tdDynamicFormsError]ng-template", inputs: ["tdDynamicFormsError"] }] });
+ScheduleCallBackActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ScheduleCallBackActionComponent, selector: "lib-schedule-call-back-action", viewQueries: [{ propertyName: "dynamicForm", first: true, predicate: ["dynamicForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<prutech-dialog-box class=\"prutech-dialog-box\">\r\n  <div class=\"header\">{{ data?.isReSchedule ? 'Re-schedule Call Back' : 'Schedule Call Back' }}</div>\r\n  <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n    <!-- <div *ngIf=\"showApptScheduler\">\r\n      <button mat-stroked-button color=\"primary\" (click)=\"openAppointmentScheduler()\">Appointment Scheduler</button>\r\n    </div> -->\r\n    <prutech-dynamic-forms (init)=\"initElements()\"  *ngIf=\"elements\" [elements]=\"elements\" #dynamicForm>\r\n      <ng-template let-element ngFor [ngForOf]=\"elements\">\r\n        <ng-template let-control=\"control\" [tdDynamicFormsError]=\"element.name\">\r\n          <span *ngIf=\"control.touched || !control.pristine\">\r\n            <span *ngIf=\"control.hasError('required')\">Required</span>\r\n            <span *ngIf=\"control.hasError('invalidSelection')\">Invalid Selection</span>\r\n          </span>\r\n        </ng-template>\r\n      </ng-template>\r\n    </prutech-dynamic-forms>\r\n  </div>\r\n  <div class=\"dialogboxfooter\">\r\n    <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n    <button mat-flat-button color=\"primary\" (click)=\"closeModal(true)\" [disabled]=\"isDisabled\"> SUBMIT\r\n    </button>\r\n  </div>\r\n</prutech-dialog-box>", styles: [""], components: [{ type: i2$2.DialogBoxComponent, selector: "prutech-dialog-box" }, { type: i2$2.PtDynamicFormsComponent, selector: "prutech-dynamic-forms", inputs: ["formControls", "elements"], outputs: ["init"] }, { 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: 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: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$2.PtDynamicFormsErrorTemplateDirective, selector: "[tdDynamicFormsError]ng-template", inputs: ["tdDynamicFormsError"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScheduleCallBackActionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-schedule-call-back-action', template: "<prutech-dialog-box class=\"prutech-dialog-box\">\r\n  <div class=\"header\">{{ data?.isReSchedule ? 'Re-schedule Call Back' : 'Schedule Call Back' }}</div>\r\n  <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n    <div *ngIf=\"showApptScheduler\">\r\n      <button mat-stroked-button color=\"primary\" (click)=\"openAppointmentScheduler()\">Appointment Scheduler</button>\r\n    </div>\r\n    <prutech-dynamic-forms *ngIf=\"elements\" [elements]=\"elements\" #dynamicForm>\r\n      <ng-template let-element ngFor [ngForOf]=\"elements\">\r\n        <ng-template let-control=\"control\" [tdDynamicFormsError]=\"element.name\">\r\n          <span *ngIf=\"control.touched || !control.pristine\">\r\n            <span *ngIf=\"control.hasError('required')\">Required</span>\r\n            <span *ngIf=\"control.hasError('invalidSelection')\">Invalid Selection</span>\r\n          </span>\r\n        </ng-template>\r\n      </ng-template>\r\n    </prutech-dynamic-forms>\r\n  </div>\r\n  <div class=\"dialogboxfooter\">\r\n    <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n    <button mat-flat-button color=\"primary\" (click)=\"closeModal(true)\" [disabled]=\"isDisabled\"> SUBMIT\r\n    </button>\r\n  </div>\r\n</prutech-dialog-box>", styles: [""] }]
+            args: [{ selector: 'lib-schedule-call-back-action', template: "<prutech-dialog-box class=\"prutech-dialog-box\">\r\n  <div class=\"header\">{{ data?.isReSchedule ? 'Re-schedule Call Back' : 'Schedule Call Back' }}</div>\r\n  <div class=\"body prutech-dialog-content\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\" fxLayoutGap=\"10px\">\r\n    <!-- <div *ngIf=\"showApptScheduler\">\r\n      <button mat-stroked-button color=\"primary\" (click)=\"openAppointmentScheduler()\">Appointment Scheduler</button>\r\n    </div> -->\r\n    <prutech-dynamic-forms (init)=\"initElements()\"  *ngIf=\"elements\" [elements]=\"elements\" #dynamicForm>\r\n      <ng-template let-element ngFor [ngForOf]=\"elements\">\r\n        <ng-template let-control=\"control\" [tdDynamicFormsError]=\"element.name\">\r\n          <span *ngIf=\"control.touched || !control.pristine\">\r\n            <span *ngIf=\"control.hasError('required')\">Required</span>\r\n            <span *ngIf=\"control.hasError('invalidSelection')\">Invalid Selection</span>\r\n          </span>\r\n        </ng-template>\r\n      </ng-template>\r\n    </prutech-dynamic-forms>\r\n  </div>\r\n  <div class=\"dialogboxfooter\">\r\n    <button mat-flat-button (click)=\"closeModal(false)\">EXIT</button>\r\n    <button mat-flat-button color=\"primary\" (click)=\"closeModal(true)\" [disabled]=\"isDisabled\"> SUBMIT\r\n    </button>\r\n  </div>\r\n</prutech-dialog-box>", styles: [""] }]
         }], ctorParameters: function () {
         return [{ type: i1$1.MatDialogRef }, { type: i1$1.MatDialog }, { type: i2$2.PtDynamicFormsService }, { type: undefined, decorators: [{
                         type: Inject,
@@ -11267,6 +11386,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 args: ['dynamicForm', { static: false }]
             }] } });
 
+class OutreachHistoryGridDialogboxComponent {
+    constructor(dilogref, data) {
+        this.dilogref = dilogref;
+        this.data = data;
+    }
+    ngOnInit() {
+        console.log(this.data);
+    }
+    closeModal() {
+        this.dilogref.close();
+    }
+}
+OutreachHistoryGridDialogboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OutreachHistoryGridDialogboxComponent, deps: [{ token: i1$1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+OutreachHistoryGridDialogboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: OutreachHistoryGridDialogboxComponent, selector: "lib-outreach-history-grid-dialogbox", ngImport: i0, template: "<prutech-dialog-box>\r\n  <div class=\"header\">Outreach History</div>\r\n\r\n  <div class=\"body\">\r\n    <div>\r\n      <lib-outreach-history-grid [wlConciliationId]=\"data.data\"></lib-outreach-history-grid>\r\n    </div>\r\n  </div>\r\n  <div class=\"dialogboxfooter\" fxLayoutGap=\"20px\">\r\n    <button mat-flat-button (click)=\"closeModal()\">EXIT</button>\r\n  </div>\r\n</prutech-dialog-box>", styles: [""], components: [{ type: i2$2.DialogBoxComponent, selector: "prutech-dialog-box" }, { type: OutreachHistoryGridComponent$3, selector: "lib-outreach-history-grid", inputs: ["wlConciliationId"] }, { 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: 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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: OutreachHistoryGridDialogboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-outreach-history-grid-dialogbox', template: "<prutech-dialog-box>\r\n  <div class=\"header\">Outreach History</div>\r\n\r\n  <div class=\"body\">\r\n    <div>\r\n      <lib-outreach-history-grid [wlConciliationId]=\"data.data\"></lib-outreach-history-grid>\r\n    </div>\r\n  </div>\r\n  <div class=\"dialogboxfooter\" fxLayoutGap=\"20px\">\r\n    <button mat-flat-button (click)=\"closeModal()\">EXIT</button>\r\n  </div>\r\n</prutech-dialog-box>", styles: [""] }]
+        }], ctorParameters: function () {
+        return [{ type: i1$1.MatDialogRef }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [MAT_DIALOG_DATA]
+                    }] }];
+    } });
+
 class ConciliationContextMenuComponent extends AbstractComponent {
     constructor(dialog, lookupsService, tabService, router, userService, conciliationWorkListService, environment, route) {
         super();
@@ -11328,6 +11471,11 @@ class ConciliationContextMenuComponent extends AbstractComponent {
                 return Object.assign(Object.assign({}, item), { items: filter(item.items, (actionItem) => actionItem.route !== '5') });
             });
         }
+        if (get(this.params, 'data.showOnlyCaseSummay')) {
+            this.menuItems = map(this.menuItems, (item) => {
+                return Object.assign(Object.assign({}, item), { items: filter(item.items, (actionItem) => ((actionItem.route !== '8'))) });
+            });
+        }
     }
     getUpdatedMenuItems() {
         return map(this.menuItems, (item) => {
@@ -11343,6 +11491,7 @@ class ConciliationContextMenuComponent extends AbstractComponent {
         });
     }
     doAction(event) {
+        const caseId = get(this.params, 'data.cmsCaseId');
         switch (event.route) {
             case toString(goodCauseGrantedActionId$2):
                 this.openGoodCauseGrantedDialog(get(this.params, 'data'));
@@ -11363,6 +11512,11 @@ class ConciliationContextMenuComponent extends AbstractComponent {
             case toString(reAssignActionId$1):
                 this.openReAssignDialog(get(this.params, 'data'));
                 break;
+            case toString(showCasesummaryId$1):
+                this.router.navigate(['case-summary/' + caseId]);
+            case toString(showOutreachHistoryId$1):
+                this.openOutreachHistoryDialog(get(this.params, 'data'));
+                break;
             default:
                 break;
         }
@@ -11473,6 +11627,16 @@ class ConciliationContextMenuComponent extends AbstractComponent {
             }
         });
     }
+    openOutreachHistoryDialog(item) {
+        var _a;
+        const dialogRef = (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.open(OutreachHistoryGridDialogboxComponent, {
+            width: formDialogSize,
+            disableClose: true,
+            data: {
+                data: item.wlConciliationId
+            },
+        });
+    }
     openGoodCauseGrantedDialog(item) {
         var _a, _b;
         if ((item === null || item === void 0 ? void 0 : item.originalCategoryId) === csAppointments || (item === null || item === void 0 ? void 0 : item.originalCategoryId) === csAssignments ||
@@ -12767,7 +12931,8 @@ ConciliationAppointmentWorkListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVers
         ReAssignDailogboxComponent$1,
         WantToSendClientBackDialogboxComponent$1,
         AssignmentsStillActiveDailogboxComponent,
-        OutreachHistoryGridComponent$3], imports: [CommonModule,
+        OutreachHistoryGridComponent$3,
+        OutreachHistoryGridDialogboxComponent], imports: [CommonModule,
         ConciliationListRoutingModule, i2.StoreFeatureModule, i2$1.EffectsFeatureModule, i3$2.AgGridModule, MaterialModule,
         CoreModule,
         TabsModule, i3.ToastrModule, DynamicFormsModule,
@@ -12841,6 +13006,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                         WantToSendClientBackDialogboxComponent$1,
                         AssignmentsStillActiveDailogboxComponent,
                         OutreachHistoryGridComponent$3,
+                        OutreachHistoryGridDialogboxComponent,
                     ],
                     entryComponents: [
                         ScheduleCallBackActionComponent,
@@ -12866,6 +13032,9 @@ var NoiWorkListActionTypes;
     NoiWorkListActionTypes["LoadNoiWorkList"] = "[NOI] Load List";
     NoiWorkListActionTypes["LoadNoiWorkListSuccess"] = "[NOI] Load List Success";
     NoiWorkListActionTypes["LoadNoiWorkListFail"] = "[NOI] Load List Fail";
+    NoiWorkListActionTypes["SaveManualNOIStatus"] = "[NOI] Save Manual NOI Status";
+    NoiWorkListActionTypes["SaveManualNOIStatusSuccess"] = "[NOI] Save Manual NOI Success";
+    NoiWorkListActionTypes["SaveManualNOIStatusFail"] = "[NOI] Save Manual NOI Fail";
     NoiWorkListActionTypes["SaveStatus"] = "[NOI] Save Status";
     NoiWorkListActionTypes["SaveStatusSuccess"] = "[NOI] Save Status Success";
     NoiWorkListActionTypes["SaveStatusFail"] = "[NOI] Save Status Fail";
@@ -12896,19 +13065,19 @@ class LoadNoiWorkListFailAction {
 class SaveNoiStatusAction {
     constructor(payload) {
         this.payload = payload;
-        this.type = NoiWorkListActionTypes.SaveStatus;
+        this.type = NoiWorkListActionTypes.SaveManualNOIStatus;
     }
 }
 class SaveNoiStatusSuccessAction {
     constructor(payload) {
         this.payload = payload;
-        this.type = NoiWorkListActionTypes.SaveStatusSuccess;
+        this.type = NoiWorkListActionTypes.SaveManualNOIStatusSuccess;
     }
 }
 class SaveNoiStatusFailAction {
     constructor(payload) {
         this.payload = payload;
-        this.type = NoiWorkListActionTypes.SaveStatusFail;
+        this.type = NoiWorkListActionTypes.SaveManualNOIStatusFail;
     }
 }
 class OpenAppointmentDialogAction$2 {
@@ -12940,6 +13109,24 @@ class SaveConferenceByPhoneFailAction {
         this.payload = payload;
         this.type = NoiWorkListActionTypes.SaveConferenceByPhoneFail;
     }
+}
+class saveManualNOIAction {
+    constructor(payload) {
+        this.payload = payload;
+        this.type = NoiWorkListActionTypes.SaveManualNOIStatus;
+    }
+}
+class SaveManualNOISuccessAction {
+    constructor(payload) {
+        this.payload = payload;
+        this.type = NoiWorkListActionTypes.SaveManualNOIStatusSuccess;
+    }
+}
+class SaveManualNOIStatusFailAction {
+    constructor(payload) {
+        this.payload = payload;
+        this.type = NoiWorkListActionTypes.SaveManualNOIStatusFail;
+    }
 }
 
 const adapter$t = createEntityAdapter({
@@ -13065,12 +13252,18 @@ class NoiWorkListService {
     dispatchSaveStatus(payload) {
         this.store.dispatch(new SaveNoiStatusAction(payload));
     }
+    dispatchSaveManualNOIStatus(payload) {
+        this.store.dispatch(new saveManualNOIAction(payload));
+    }
     loadWorkList() {
         return this.http.get(`${get(this.environment, 'assignmentQueryService')}Conciliation/GetNOIWorklist`).pipe(map$1((data) => new NoiWorkListItemModel(get(data, 'responseObject'))));
     }
     saveStatus(payload) {
         return this.http.post(`${get(this.environment, 'assignmentCommandService')}Conciliation/SubmitNOIWokrListStatus`, payload).pipe(map$1((data) => payload));
     }
+    SaveManualNOIStatus(payload) {
+        return this.http.post(`${get(this.environment, 'assignmentCommandService')}Conciliation/SubmitManualStatusNOIWokrList`, payload).pipe(map$1((data) => payload));
+    }
     dispatchSaveConferenceByPhone(statusObj) {
         this.store.dispatch(new SaveConferenceByPhoneAction(statusObj));
     }
@@ -13155,6 +13348,26 @@ class NoiWorkListEffect {
         this.savFailAction$ = this.actions$.pipe(ofType(NoiWorkListActionTypes.SaveConferenceByPhoneFail), map$1((action) => get(action, 'payload')), tap((response) => {
             handleLoadFail(this.toastr, map(get(response, 'seamsErrorCodes'), 'value'));
         }));
+        this.SaveManualNOIStatus$ = this.actions$.pipe(ofType(NoiWorkListActionTypes.SaveManualNOIStatus), map$1((action) => action.payload), switchMap((payload) => {
+            return this.noiWorkListService.SaveManualNOIStatus(payload).pipe(map$1((data) => {
+                if (data) {
+                    return new SaveManualNOISuccessAction(data);
+                }
+                else {
+                    return new SaveManualNOISuccessAction(undefined);
+                }
+            }), catchError((err) => {
+                return of(new SaveManualNOIStatusFailAction(new SeamsHttpResponse(get(err, 'error'))));
+            }));
+        }));
+        this.SaveManualNOIStatusSuccessAction$ = this.actions$.pipe(ofType(NoiWorkListActionTypes.SaveManualNOIStatusSuccess), map$1((action) => {
+            //  handleSuccess(this.toastr);
+            handleSuccess(this.toastr);
+            this.noiWorkListService.dispatchLoadNoiWorkList();
+        }));
+        this.saveManaulNOIStatusFailAction$ = this.actions$.pipe(ofType(NoiWorkListActionTypes.SaveManualNOIStatusFail), map$1((action) => get(action, 'payload')), tap((response) => {
+            handleLoadFail(this.toastr, map(get(response, 'seamsErrorCodes'), 'value'));
+        }));
     }
 }
 NoiWorkListEffect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NoiWorkListEffect, deps: [{ token: NoiWorkListService }, { token: ConciliationAppointmentWorkListService }, { token: i3.ToastrService }, { token: i1$1.MatDialog }, { token: i1$2.Router }, { token: i2$1.Actions }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -13183,9 +13396,18 @@ __decorate([
 __decorate([
     Effect({ dispatch: false })
 ], NoiWorkListEffect.prototype, "savFailAction$", void 0);
+__decorate([
+    Effect()
+], NoiWorkListEffect.prototype, "SaveManualNOIStatus$", void 0);
+__decorate([
+    Effect({ dispatch: false })
+], NoiWorkListEffect.prototype, "SaveManualNOIStatusSuccessAction$", void 0);
+__decorate([
+    Effect({ dispatch: false })
+], NoiWorkListEffect.prototype, "saveManaulNOIStatusFailAction$", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NoiWorkListEffect, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: NoiWorkListService }, { type: ConciliationAppointmentWorkListService }, { type: i3.ToastrService }, { type: i1$1.MatDialog }, { type: i1$2.Router }, { type: i2$1.Actions }]; }, propDecorators: { loadWorkList$: [], saveStatus$: [], loadFtrWorkListFailAction$: [], saveStatusSuccess$: [], openDialog$: [], savePreConciliationworks$: [], savSuccessAction$: [], savFailAction$: [] } });
+        }], ctorParameters: function () { return [{ type: NoiWorkListService }, { type: ConciliationAppointmentWorkListService }, { type: i3.ToastrService }, { type: i1$1.MatDialog }, { type: i1$2.Router }, { type: i2$1.Actions }]; }, propDecorators: { loadWorkList$: [], saveStatus$: [], loadFtrWorkListFailAction$: [], saveStatusSuccess$: [], openDialog$: [], savePreConciliationworks$: [], savSuccessAction$: [], savFailAction$: [], SaveManualNOIStatus$: [], SaveManualNOIStatusSuccessAction$: [], saveManaulNOIStatusFailAction$: [] } });
 
 const actionsLabel$4 = 'Actions';
 const menuItems$4 = [
@@ -13204,6 +13426,10 @@ const menuItems$4 = [
                 name: 'Conference by phone',
                 route: toString(conferenceByPhoneActionId$1),
             },
+            {
+                name: 'Manual NOI Completed',
+                route: toString(manualNOICompletedId),
+            },
         ],
     },
 ];
@@ -13483,6 +13709,11 @@ class ContextMenuNoiListComponent extends AbstractComponent {
                 return Object.assign(Object.assign({}, item), { items: filter(item.items, (actionItem) => actionItem.route !== toString(goodCauseGrantedActionId$2) && actionItem.route !== toString(goodCauseNotGrantedActionId$2)) });
             });
         }
+        if (!get(this.params, 'data.isManualNOI_Type')) {
+            this.menuItems = map(this.menuItems, (item) => {
+                return Object.assign(Object.assign({}, item), { items: filter(item.items, (actionItem) => actionItem.route !== toString(manualNOICompletedId)) });
+            });
+        }
     }
     doAction(event) {
         switch (event.route) {
@@ -13497,6 +13728,9 @@ class ContextMenuNoiListComponent extends AbstractComponent {
             case toString(conferenceByPhoneActionId$1):
                 this.openConferenceByPhoneDialog(get(this.params, 'data'));
                 break;
+            case toString(manualNOICompletedId):
+                this.openManualNOIDialog(get(this.params, 'data'));
+                break;
             default:
                 break;
         }
@@ -13602,6 +13836,30 @@ class ContextMenuNoiListComponent extends AbstractComponent {
             }
         });
     }
+    openManualNOIDialog(item) {
+        const dialogRef = this.dialog.open(CommentActionDialogComponent, {
+            width: dialogSize$1,
+            disableClose: true,
+            data: {
+                header: 'MANUAL NOI',
+                message: '',
+                buttonLabel: 'SUBMIT',
+                isRequired: true,
+            },
+        });
+        dialogRef.afterClosed().pipe(takeUntil(this.componentDestroyed)).subscribe((res) => {
+            if (!!res) {
+                console.log(res);
+                // TODO: send data to BE
+                this.noiWorkListService.dispatchSaveManualNOIStatus(new SaveNoiStatusPayload({
+                    isManualNOI: true,
+                    actionId: commentDialogBoxNOIId,
+                    wlNOIId: item.wlNOIId,
+                    comments: res.comments,
+                }));
+            }
+        });
+    }
     afterOnDestroy() {
         //
     }
@@ -13675,6 +13933,9 @@ const columnDefs$4 = [
     {
         headerName: 'Job Center', field: 'jobCenter', sortable: true, resizable: true, filter: true, suppressSizeToFit: true, width: 150,
     },
+    {
+        headerName: 'Manual Comment', field: 'manualComment', sortable: true, resizable: true, filter: true, suppressSizeToFit: true, width: 150,
+    },
 ];
 
 class NoiWorkSheetComponent {
@@ -29850,6 +30111,7 @@ class PreNoiWorkListItemModel {
         this.isGoodCauseflag = get(data, 'isGoodCauseflag');
         this.infractionSite = get(data, 'infractionSite');
         this.canRecordOutreach = get(data, 'canRecordOutreach');
+        this.showOnlyCaseSummay = get(data, 'showOnlyCaseSummay');
     }
 }
 
@@ -29954,7 +30216,9 @@ const reScheduleCallBackActionId = 4;
 const scheduleCallBackActionId = 3;
 const reAssignActionId = 4;
 const conferenceByPhoneActionId = 3;
-const updateStatusActionId = 3;
+const updateStatusActionId = 3;
+const showCasesummaryId = 7;
+const showOutreachHistoryId = 8;
 
 const actionsLabel$1 = 'Actions';
 const menuItems$1 = [
@@ -29983,6 +30247,19 @@ const menuItems$1 = [
             },
         ],
     },
+    {
+        label: 'View',
+        items: [
+            {
+                name: 'Case Summary',
+                route: toString(showCasesummaryId),
+            },
+            {
+                name: 'Outreach History',
+                route: toString(showOutreachHistoryId),
+            },
+        ],
+    },
 ];
 
 class SavePreNoiStatusPayload {
@@ -30542,9 +30819,15 @@ class PreNoiContextMenuComponent extends AbstractComponent {
                 return Object.assign(Object.assign({}, item), { items: filter(item.items, (actionItem) => actionItem.name !== 'Record OutReach') });
             });
         }
+        if (preNoiItem.showOnlyCaseSummay) {
+            this.menuItems = map(this.menuItems, (item) => {
+                return Object.assign(Object.assign({}, item), { items: filter(item.items, (actionItem) => ((actionItem.route !== '8'))) });
+            });
+        }
         return this.menuItems;
     }
     doAction(event) {
+        const caseId = get(this.params, 'data.cmsCaseId');
         switch (event.route) {
             case toString(goodCauseGrantedActionId$1):
                 this.openGoodCauseGrantedDialog(get(this.params, 'data'));
@@ -30562,10 +30845,25 @@ class PreNoiContextMenuComponent extends AbstractComponent {
             case toString(updateStatusActionId):
                 this.openUpdateStatusDialog(get(this.params, 'data'));
                 break;
+            case toString(showCasesummaryId):
+                this.router.navigate(['case-summary/' + caseId]);
+            case toString(showOutreachHistoryId):
+                this.openOutreachHistoryDialog(get(this.params, 'data'));
+                break;
             default:
                 break;
         }
     }
+    openOutreachHistoryDialog(data) {
+        var _a;
+        const dialogRef = (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.open(OutreachHistoryGridDialogboxComponent, {
+            width: dialogSize$1,
+            disableClose: true,
+            data: {
+                data: data.wlPreNoiId
+            },
+        });
+    }
     openUpdateStatusDialog(item) {
         const dialogRef = this.dialog.open(UpdateStatusDialogboxComponent, {
             width: dialogSize$1,