@mis-wis/common 0.1.9 → 0.2.1

package/fesm2015/mis-wis-common.mjs

@@ -1,18 +1,29 @@
 import * as i0 from '@angular/core';
 import { Injectable, NgModule, Component, Inject } from '@angular/core';
-import * as i1$1 from '@angular/common';
+import * as i5 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i1$3 from '@angular/common/http';
-import { HttpErrorResponse } from '@angular/common/http';
-import { tap } from 'rxjs/operators';
+import * as i1$2 from '@angular/common/http';
+import { HttpErrorResponse, HttpClientModule } from '@angular/common/http';
+import { tap, finalize } from 'rxjs/operators';
 import * as i1 from '@angular/router';
 import * as i2 from 'mis-crystal-design-system/toast';
-import * as i1$2 from '@angular/cdk/overlay';
+import * as i1$1 from '@angular/cdk/overlay';
 import { OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
 import { ComponentPortal } from '@angular/cdk/portal';
 import * as i2$1 from 'mis-crystal-design-system/loader';
 import { LoaderModule } from 'mis-crystal-design-system/loader';
-import { ReplaySubject } from 'rxjs';
+import { map, forkJoin, ReplaySubject } from 'rxjs';
+import * as i2$2 from '@angular/forms';
+import { Validators, ReactiveFormsModule } from '@angular/forms';
+import dayjs from 'dayjs';
+import customParseFormat from 'dayjs/plugin/customParseFormat';
+import * as i1$3 from 'mis-crystal-design-system/modal';
+import { MODAL_DATA_VAR } from 'mis-crystal-design-system/modal';
+import * as i6 from 'mis-crystal-design-system/dropdown';
+import { DropdownModule } from 'mis-crystal-design-system/dropdown';
+import * as i7 from 'mis-crystal-design-system/datepicker_v2';
+import { DatepickerModuleV2 } from 'mis-crystal-design-system/datepicker_v2';
+import jwtDecode from 'jwt-decode';
 
 class AuthService {
     constructor() { }
@@ -145,7 +156,7 @@ class LoaderComponent {
     ngOnInit() { }
 }
 LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: LoaderComponent, selector: "mis-common-loader", ngImport: i0, template: "<div class=\"message-wrapper\" *ngIf=\"message; else noMessageLoader\">\n  <span><mis-loader type=\"block\"></mis-loader></span>\n  <p>{{ message }}</p>\n</div>\n<ng-template #noMessageLoader>\n  <mis-loader></mis-loader>\n</ng-template>\n", styles: [".message-wrapper{max-width:343px;background-color:#fff;display:flex;flex-wrap:nowrap;align-items:center;padding:20px 16px;border-radius:6px}.message-wrapper span{position:relative;background-color:#fff;display:inline-block;width:40px;height:40px;margin-right:16px}.message-wrapper p{margin:0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.LoaderComponent, selector: "mis-loader", inputs: ["mobileView"] }] });
+LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: LoaderComponent, selector: "mis-common-loader", ngImport: i0, template: "<div class=\"message-wrapper\" *ngIf=\"message; else noMessageLoader\">\n  <span><mis-loader type=\"block\"></mis-loader></span>\n  <p>{{ message }}</p>\n</div>\n<ng-template #noMessageLoader>\n  <mis-loader></mis-loader>\n</ng-template>\n", styles: [".message-wrapper{max-width:343px;background-color:#fff;display:flex;flex-wrap:nowrap;align-items:center;padding:20px 16px;border-radius:6px}.message-wrapper span{position:relative;background-color:#fff;display:inline-block;width:40px;height:40px;margin-right:16px}.message-wrapper p{margin:0}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.LoaderComponent, selector: "mis-loader", inputs: ["mobileView"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LoaderComponent, decorators: [{
             type: Component,
             args: [{ selector: "mis-common-loader", template: "<div class=\"message-wrapper\" *ngIf=\"message; else noMessageLoader\">\n  <span><mis-loader type=\"block\"></mis-loader></span>\n  <p>{{ message }}</p>\n</div>\n<ng-template #noMessageLoader>\n  <mis-loader></mis-loader>\n</ng-template>\n", styles: [".message-wrapper{max-width:343px;background-color:#fff;display:flex;flex-wrap:nowrap;align-items:center;padding:20px 16px;border-radius:6px}.message-wrapper span{position:relative;background-color:#fff;display:inline-block;width:40px;height:40px;margin-right:16px}.message-wrapper p{margin:0}\n"] }]
@@ -199,14 +210,14 @@ class LoaderService {
         return { positionStrategy, width, backdropClass, hasMessage };
     }
 }
-LoaderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LoaderService, deps: [{ token: i1$2.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
+LoaderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LoaderService, deps: [{ token: i1$1.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
 LoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LoaderService, providedIn: "root" });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LoaderService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root"
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.Overlay }]; } });
+        }], ctorParameters: function () { return [{ type: i1$1.Overlay }]; } });
 
 /** @format */
 const CONSTANTS_LOGGER = {
@@ -264,7 +275,7 @@ class LoggerService {
         this.logRequest(Object.assign(Object.assign({}, data), { componentName, serviceUrl }), "error");
     }
 }
-LoggerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LoggerService, deps: [{ token: i1$3.HttpClient }, { token: CONSTANTS_LOGGER.APP_NAME }, { token: CONSTANTS_LOGGER.ENV_VAR }], target: i0.ɵɵFactoryTarget.Injectable });
+LoggerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LoggerService, deps: [{ token: i1$2.HttpClient }, { token: CONSTANTS_LOGGER.APP_NAME }, { token: CONSTANTS_LOGGER.ENV_VAR }], target: i0.ɵɵFactoryTarget.Injectable });
 LoggerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LoggerService, providedIn: "root" });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LoggerService, decorators: [{
             type: Injectable,
@@ -272,7 +283,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                     providedIn: "root"
                 }]
         }], ctorParameters: function () {
-        return [{ type: i1$3.HttpClient }, { type: undefined, decorators: [{
+        return [{ type: i1$2.HttpClient }, { type: undefined, decorators: [{
                         type: Inject,
                         args: [CONSTANTS_LOGGER.APP_NAME]
                     }] }, { type: undefined, decorators: [{
@@ -326,16 +337,36 @@ const API_URLS = {
     CONFIGURATIONS: "configurations"
 };
 class HttpService {
-    constructor(env, auth, http) {
+    constructor(env, http) {
         this.env = env;
-        this.auth = auth;
         this.http = http;
     }
-    getConfigurations() {
-        return this.http.get(`${this.env.empExp}/${this.auth.userDetails.buid}/${API_URLS.CONFIGURATIONS}`);
+    getProperties(Porperties) {
+        return this.http.get(`${this.env.ets}/ets/apis/properties/${Porperties.join(",")}`).pipe(map((res) => {
+            return res.reduce((acc, item) => {
+                acc[item.propertyName] = item.propertyValue === "true" ? true : item.propertyValue === "false" ? false : item.propertyValue;
+                return acc;
+            }, {});
+        }));
+    }
+    getOffices(nonce) {
+        const body = `CSRF_NONCE=${nonce}&method=getOfficeList`;
+        return this.http.post(`${this.env.ets}/Locality_Servlet`, body, { headers: { "Content-Type": "application/x-www-form-urlencoded" } });
+    }
+    listTransportLocalities(nonce) {
+        const body = `CSRF_NONCE=${nonce}&method=listTransportLocalities`;
+        return this.http.post(`${this.env.ets}/Locality_Servlet`, body, { headers: { "Content-Type": "application/x-www-form-urlencoded" } });
+    }
+    createEmptyIrregularTripSheet(nonce, direction) {
+        const body = `CSRF_NONCE=${nonce}&method=createEmptyIrregularTripSheet&direction=${direction}`;
+        return this.http.post(`${this.env.ets}/Tripsheet_Edit_Servlet`, body, { headers: { "Content-Type": "application/x-www-form-urlencoded" } });
+    }
+    addEmployeeToTripSheet(nonce, params) {
+        const body = `CSRF_NONCE=${nonce}&method=addEmployeeToTripSheet&tripsheet=${encodeURIComponent(JSON.stringify(params.tripsheet))}&employee=${encodeURIComponent(JSON.stringify(params.employee))}&pickupLoc=${encodeURIComponent(JSON.stringify(params.pickupLoc))}&dropLoc=${encodeURIComponent(JSON.stringify(params.dropLoc))}&pickUpTime="${params.pickUpTime}"&dropTime="${params.dropTime}"&position=${params.position}${params.routeSource ? "&routeSource=" + params.routeSource : ""}${params.assetList ? "&assetList=" + encodeURIComponent(JSON.stringify(params.assetList)) : ""}`;
+        return this.http.post(`${this.env.ets}/Tripsheet_Edit_Servlet`, body, { headers: { "Content-Type": "application/x-www-form-urlencoded" } });
     }
 }
-HttpService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HttpService, deps: [{ token: CONSTANTS_WIS_COMMON }, { token: AuthService }, { token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+HttpService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HttpService, deps: [{ token: CONSTANTS_WIS_COMMON }, { token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
 HttpService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HttpService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HttpService, decorators: [{
             type: Injectable
@@ -343,7 +374,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
         return [{ type: undefined, decorators: [{
                         type: Inject,
                         args: [CONSTANTS_WIS_COMMON]
-                    }] }, { type: AuthService }, { type: i1$3.HttpClient }];
+                    }] }, { type: i1$2.HttpClient }];
     } });
 
 class SidenavComponent {
@@ -357,24 +388,259 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
             args: [{ selector: "wis-common-sidenav", template: "<div class=\"wis-sidenav-wrapper\">\n  <div class=\"wis-sidenav-header\">\n    <div class=\"wis-sidenav-header-logo\">\n      <img src=\"assets/sidenav/assets/Wis-icon.svg\" alt=\"\" />\n    </div>\n    <div class=\"wis-sidenav-header-title\">\n      <h1>WIS</h1>\n    </div>\n  </div>\n  <div class=\"wis-sidenav-body\">\n    <div class=\"wis-sidenav-body-item\">\n      <div class=\"wis-sidenav-body-item-icon\">\n        <i class=\"fas fa-home\"></i>\n      </div>\n      <div class=\"wis-sidenav-body-item-text\">\n        <h3>Home</h3>\n      </div>\n    </div>\n    <div class=\"wis-sidenav-body-item\">\n      <div class=\"wis-sidenav-body-item-icon\">\n        <i class=\"fas fa-user\"></i>\n      </div>\n      <div class=\"wis-sidenav-body-item-text\">\n        <h3>Profile</h3>\n      </div>\n    </div>\n    <div class=\"wis-sidenav-body-item\">\n      <div class=\"wis-sidenav-body-item-icon\">\n        <i class=\"fas fa-users\"></i>\n      </div>\n      <div class=\"wis-sidenav-body-item-text\">\n        <h3>Users</h3>\n      </div>\n    </div>\n    <div class=\"wis-sidenav-body-item\">\n      <div class=\"wis-sidenav-body-item-icon\">\n        <i class=\"fas fa-cog\"></i>\n      </div>\n      <div class=\"wis-sidenav-body-item-text\">\n        <h3>Settings</h3>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".wis-sidenav-wrapper{width:72px;border-right:1px solid #e0e0e0}\n"] }]
         }], ctorParameters: function () { return []; } });
 
+/** @format */
+const CONSTANTS_ASSETS_WIS_COMMON = {
+    IMAGES: {
+        CALENDAR_ICON: "assets/libraries/wis-common/calendar.svg"
+    },
+    ICONS: {}
+};
+
+dayjs.extend(customParseFormat);
+const PROPERTIES = ["NON_SHIFT_TRIPS_CATEGORIES", "USE_VALID_OFFICE_FOR_IRREGULAR_TRIPS"];
+const DATE_FORMAT = "DD/MM/YYYY";
+const PICKUP_TIME_FORMAT = "DD/MM/YYYY HH/mm/ss";
+class CreateNonShiftModalComponent {
+    constructor(modalData, modalRef, fb, http, toast) {
+        this.modalData = modalData;
+        this.modalRef = modalRef;
+        this.fb = fb;
+        this.http = http;
+        this.toast = toast;
+        this.CONSTANTS_ASSETS_WIS_COMMON = CONSTANTS_ASSETS_WIS_COMMON;
+        this.dateConfig = {
+            minDate: dayjs().format(DATE_FORMAT),
+            format: DATE_FORMAT
+        };
+        this.offices = [];
+        this.locationDropdownData = [];
+        this.categoryDropdownData = [];
+        this.hoursDropdownData = [];
+        this.minutesDropdownData = [];
+        this.showOtherAddress = false;
+        this.loading = false;
+        this.isSubmitting = false;
+        this.TYPE_OFFICE = 6;
+        this.TYPE_TRANSPORT = 3;
+        this.TYPE_OTHER = 4;
+        this.properties = {};
+    }
+    ngOnInit() {
+        this.loading = true;
+        const $office = this.http.getOffices(this.modalData.nonce);
+        const $properties = this.http.getProperties(PROPERTIES);
+        forkJoin([$office, $properties])
+            .pipe(finalize(() => (this.loading = false)))
+            .subscribe({
+            next: ([offices, properties]) => {
+                this.properties = properties;
+                this.initializeForm();
+                this.initializeDropdownData(offices);
+                this.setupFormListeners();
+            },
+            error: error => {
+                console.error("Error loading form data:", error);
+                this.modalRef.close();
+            }
+        });
+    }
+    initializeForm() {
+        var _a, _b, _c;
+        const currentTime = (_b = (_a = this.modalData) === null || _a === void 0 ? void 0 : _a.date) !== null && _b !== void 0 ? _b : dayjs().format(DATE_FORMAT);
+        this.createTripsheetForm = this.fb.group({
+            direction: [((_c = this.modalData) === null || _c === void 0 ? void 0 : _c.shiftType) === "logout" ? "OUT" : "IN", Validators.required],
+            location: [{ label: "", value: "" }],
+            otherAddress: "",
+            tripCategory: [{ label: "", value: "" }],
+            date: [currentTime, Validators.required],
+            hours: [{ label: "", value: "" }],
+            mins: [{ label: "", value: "" }]
+        });
+    }
+    initializeDropdownData(offices) {
+        var _a, _b, _c;
+        this.locationDropdownData = offices.map((office) => ({
+            label: office.address,
+            value: { type: this.TYPE_OFFICE, office: office || null }
+        }));
+        (_a = this.createTripsheetForm.get("location")) === null || _a === void 0 ? void 0 : _a.setValue(this.locationDropdownData[0]);
+        if (!((_b = this.properties) === null || _b === void 0 ? void 0 : _b["USE_VALID_OFFICE_FOR_IRREGULAR_TRIPS"])) {
+            this.locationDropdownData.push({ label: "Airport", value: { type: this.TYPE_TRANSPORT, office: null } }, { label: "Other", value: { type: this.TYPE_OTHER, office: null } });
+        }
+        // Initialize category dropdown
+        const categoriesString = (_c = this.properties) === null || _c === void 0 ? void 0 : _c["NON_SHIFT_TRIPS_CATEGORIES"];
+        if (categoriesString && typeof categoriesString === "string") {
+            const categories = categoriesString.split(",").filter(cat => cat && cat.trim());
+            if (categories.length > 0) {
+                this.categoryDropdownData = categories.map(category => ({
+                    label: category.trim(),
+                    value: category.trim()
+                }));
+            }
+        }
+        const currentHour = new Date().getHours();
+        this.hoursDropdownData = Array.from({ length: 24 }, (_, i) => ({
+            label: this.padZero(i),
+            value: this.padZero(i)
+        }));
+        this.createTripsheetForm.patchValue({ hours: this.hoursDropdownData[currentHour] });
+        const currentMinute = new Date().getMinutes();
+        this.minutesDropdownData = Array.from({ length: 60 }, (_, i) => ({
+            label: this.padZero(i),
+            value: this.padZero(i)
+        }));
+        this.createTripsheetForm.patchValue({ mins: this.minutesDropdownData[currentMinute] });
+    }
+    setupFormListeners() {
+        var _a;
+        (_a = this.createTripsheetForm) === null || _a === void 0 ? void 0 : _a.valueChanges.subscribe(value => {
+            var _a, _b, _c, _d, _e, _f;
+            const { location } = (_a = this.createTripsheetForm) === null || _a === void 0 ? void 0 : _a.value;
+            if (this.showOtherAddress !== (((_b = location === null || location === void 0 ? void 0 : location.value) === null || _b === void 0 ? void 0 : _b.type) === this.TYPE_OTHER)) {
+                this.showOtherAddress = ((_c = location === null || location === void 0 ? void 0 : location.value) === null || _c === void 0 ? void 0 : _c.type) === this.TYPE_OTHER;
+                if (this.showOtherAddress) {
+                    (_d = this.createTripsheetForm.get("otherAddress")) === null || _d === void 0 ? void 0 : _d.setValidators([Validators.required]);
+                }
+                else {
+                    (_e = this.createTripsheetForm.get("otherAddress")) === null || _e === void 0 ? void 0 : _e.clearValidators();
+                }
+                (_f = this.createTripsheetForm.get("otherAddress")) === null || _f === void 0 ? void 0 : _f.updateValueAndValidity();
+            }
+        });
+    }
+    padZero(num) {
+        return num.toString().padStart(2, "0");
+    }
+    onCancel() {
+        this.modalRef.close();
+    }
+    onSubmit() {
+        var _a, _b;
+        if (this.createTripsheetForm.invalid) {
+            return;
+        }
+        const formValue = this.createTripsheetForm.value;
+        const pickupTime = `${formValue.date} ${formValue.hours.value}/${formValue.mins.value}/00`;
+        const pickupTimeDate = dayjs(pickupTime, PICKUP_TIME_FORMAT).toDate();
+        if (this.isDateAndTimeFromPast(pickupTimeDate)) {
+            this.toast.displayMsg("Please select a future date and time.");
+            return;
+        }
+        if (this.categoryDropdownData.length > 0 && (!formValue.tripCategory || !formValue.tripCategory.value)) {
+            this.toast.displayMsg("Please provide a trip category.");
+            return;
+        }
+        if (((_b = (_a = formValue.location) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.type) === this.TYPE_OTHER) {
+            if (!formValue.otherAddress || formValue.otherAddress.trim() === "") {
+                this.toast.displayMsg("Please provide the address.");
+                return;
+            }
+            if (formValue.otherAddress.includes(",")) {
+                this.toast.displayMsg("Special character (,) not allowed in address.");
+                return;
+            }
+        }
+        this.isSubmitting = true;
+        this.http.createEmptyIrregularTripSheet(this.modalData.nonce, formValue.direction).subscribe({
+            next: routeTripSheet => {
+                const pickupLoc = routeTripSheet.dir === "IN" ? this.modalData.employee.home : this.getLocation(formValue);
+                const dropLoc = routeTripSheet.dir === "OUT" ? this.modalData.employee.home : this.getLocation(formValue);
+                const pickupTimeFormatted = pickupTime;
+                const dropTimeFormatted = pickupTime;
+                const employee = Object.assign(Object.assign({}, this.modalData.employee), { employee_status: 1 });
+                const addEmployeeParams = {
+                    tripsheet: routeTripSheet,
+                    employee: employee,
+                    pickupLoc: pickupLoc,
+                    dropLoc: dropLoc,
+                    pickUpTime: pickupTimeFormatted,
+                    dropTime: dropTimeFormatted,
+                    position: 0,
+                    routeSource: this.modalData.routeSource,
+                    assetList: this.modalData.assetList
+                };
+                this.http.addEmployeeToTripSheet(this.modalData.nonce, addEmployeeParams).subscribe({
+                    next: updatedTripSheet => {
+                        var _a;
+                        if (!updatedTripSheet.customMap) {
+                            updatedTripSheet.customMap = {};
+                        }
+                        updatedTripSheet.customMap.tripCategory = ((_a = formValue.tripCategory) === null || _a === void 0 ? void 0 : _a.value) || "";
+                        this.modalRef.close({
+                            success: true,
+                            tripsheet: updatedTripSheet
+                        });
+                    },
+                    error: error => {
+                        console.error("Error adding employee to tripsheet:", error);
+                        this.toast.displayMsg("Failed to add employee to tripsheet. Please try again.");
+                        this.isSubmitting = false;
+                    }
+                });
+            },
+            error: error => {
+                console.error("Error creating tripsheet:", error);
+                this.toast.displayMsg("Failed to create tripsheet. Please try again.");
+                this.isSubmitting = false;
+            }
+        });
+    }
+    isDateAndTimeFromPast(date) {
+        const now = new Date();
+        return date < now;
+    }
+    getLocation(formValue) {
+        var _a;
+        const location = (_a = formValue.location) === null || _a === void 0 ? void 0 : _a.value;
+        if (!location) {
+            return null;
+        }
+        const locType = location.type;
+        switch (locType) {
+            case this.TYPE_OFFICE:
+                return location.office;
+            case this.TYPE_TRANSPORT:
+                return {
+                    id: null,
+                    type: this.TYPE_TRANSPORT,
+                    address: "Airport",
+                    geoCord: null
+                };
+            case this.TYPE_OTHER:
+                return Object.assign(Object.assign({}, location.office), { address: formValue.otherAddress || "" });
+        }
+    }
+}
+CreateNonShiftModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateNonShiftModalComponent, deps: [{ token: MODAL_DATA_VAR }, { token: i1$3.ModalRef }, { token: i2$2.FormBuilder }, { token: HttpService }, { token: i2.ToastService }], target: i0.ɵɵFactoryTarget.Component });
+CreateNonShiftModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CreateNonShiftModalComponent, selector: "app-create-non-shift-modal", ngImport: i0, template: "<div class=\"createTripsheet\">\n  <h2 class=\"modal-header\">Create Non-Shift Tripsheet</h2>\n\n  <div *ngIf=\"loading\" class=\"loading-container\">\n    <div class=\"spinner\"></div>\n    <p>Loading...</p>\n  </div>\n\n  <form\n    *ngIf=\"!loading && createTripsheetForm\"\n    [formGroup]=\"createTripsheetForm\"\n    (ngSubmit)=\"onSubmit()\"\n    class=\"createTripsheetForm\"\n    id=\"createTripsheetForm\"\n  >\n    <div class=\"form-content\">\n      <!-- Radio buttons row -->\n      <div [ngClass]=\"{ 'radio-row': true, disabled: modalData?.shiftSelectionDisabled }\">\n        <label class=\"radio-label\">\n          <input class=\"modern-checkbox\" type=\"radio\" formControlName=\"direction\" value=\"OUT\" id=\"startLoc\" />\n          <span>Start Location Fixed (Logout)</span>\n        </label>\n        <label class=\"radio-label\">\n          <input class=\"modern-checkbox\" type=\"radio\" formControlName=\"direction\" value=\"IN\" id=\"endLoc\" />\n          <span>End Location Fixed (Login)</span>\n        </label>\n      </div>\n\n      <!-- Location field -->\n      <div class=\"form-field\">\n        <div class=\"label-cell\">\n          <label class=\"locText\">Location</label>\n        </div>\n        <div class=\"input-cell\">\n          <mis-dropdown\n            [searchEnabled]=\"true\"\n            [width]=\"'100%'\"\n            [height]=\"'40px'\"\n            [data]=\"locationDropdownData\"\n            [selectedItem]=\"createTripsheetForm.get('location')?.value\"\n            [label]=\"'Select location...'\"\n            (onChange)=\"createTripsheetForm.get('location')?.setValue($event)\"\n          ></mis-dropdown>\n        </div>\n      </div>\n\n      <!-- Other address field -->\n      <div class=\"form-field otherAddress\" *ngIf=\"showOtherAddress\">\n        <div class=\"label-cell\">\n          <label>Pick/Drop point <sup>*</sup></label>\n        </div>\n        <div class=\"input-cell\">\n          <input type=\"text\" formControlName=\"otherAddress\" class=\"modern-input\" />\n        </div>\n      </div>\n\n      <!-- Trip category field -->\n      <div class=\"form-field\" *ngIf=\"categoryDropdownData.length > 0\">\n        <div class=\"label-cell\">\n          <label>Trip Category</label>\n        </div>\n        <div class=\"input-cell\">\n          <mis-dropdown\n            [searchEnabled]=\"false\"\n            [width]=\"'250px'\"\n            [height]=\"'40px'\"\n            [data]=\"categoryDropdownData\"\n            [selectedItem]=\"createTripsheetForm.get('tripCategory')?.value\"\n            [label]=\"'Select category...'\"\n            (onChange)=\"createTripsheetForm.get('tripCategory')?.setValue($event)\"\n          ></mis-dropdown>\n        </div>\n      </div>\n\n      <!-- Time field -->\n      <div class=\"form-field\">\n        <div class=\"label-cell\">\n          <label class=\"fixedTimeText\">Time</label>\n        </div>\n        <div class=\"input-cell modern-date-container\">\n          <div class=\"date-select\">\n            <input\n              misTzDp\n              readonly\n              [dpConfig]=\"dateConfig\"\n              [formControl]=\"createTripsheetForm.get('date')\"\n              style=\"height: 44px !important; font-size: 16px !important; cursor: pointer; vertical-align: middle !important\"\n            />\n            <img [src]=\"CONSTANTS_ASSETS_WIS_COMMON.IMAGES.CALENDAR_ICON\" alt=\"Calendar Icon\" class=\"date-icon data-picker-icon\" />\n          </div>\n\n          <mis-dropdown\n            [searchEnabled]=\"false\"\n            [width]=\"'5rem'\"\n            [height]=\"'40px'\"\n            [data]=\"hoursDropdownData\"\n            [selectedItem]=\"createTripsheetForm.get('hours')?.value\"\n            [label]=\"'HH'\"\n            (onChange)=\"createTripsheetForm.get('hours')?.setValue($event)\"\n          ></mis-dropdown>\n\n          <mis-dropdown\n            [searchEnabled]=\"false\"\n            [width]=\"'5rem'\"\n            [height]=\"'40px'\"\n            [data]=\"minutesDropdownData\"\n            [selectedItem]=\"createTripsheetForm.get('mins')?.value\"\n            [label]=\"'MM'\"\n            (onChange)=\"createTripsheetForm.get('mins')?.setValue($event)\"\n          ></mis-dropdown>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"form-actions\">\n      <button mis-button type=\"outline\" (click)=\"onCancel()\" [disabled]=\"isSubmitting\">Cancel</button>\n      <button mis-button type=\"primary\" [disabled]=\"isSubmitting || createTripsheetForm?.invalid\">\n        {{ isSubmitting ? \"Creating...\" : \"Create\" }}\n      </button>\n    </div>\n  </form>\n</div>\n", styles: [".createTripsheet{width:40rem;margin:auto;background:#fff;border-radius:.5rem;padding:1.25rem}.createTripsheet .modal-header{font-size:1.25rem;font-weight:600;color:#333;margin:0 0 1.25rem;padding-bottom:.9375rem;border-bottom:.0625rem solid #e0e0e0}.createTripsheet .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.75rem 1.25rem;min-height:12.5rem}.createTripsheet .loading-container .spinner{border:.1875rem solid #f3f3f3;border-top:.1875rem solid #007bff;border-radius:50%;width:2.5rem;height:2.5rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.createTripsheet .createTripsheetForm .form-content{display:flex;flex-direction:column}.createTripsheet .createTripsheetForm .form-field{display:flex;align-items:flex-start;gap:1.25rem;padding:.9375rem 0}.createTripsheet .createTripsheetForm .form-field .label-cell{flex:0 0 30%;padding-top:.5rem}.createTripsheet .createTripsheetForm .form-field .label-cell label{font-size:.875rem;font-weight:500;color:#333}.createTripsheet .createTripsheetForm .form-field .input-cell{flex:1;display:flex}.createTripsheet .createTripsheetForm .radio-row{display:flex;gap:1.25rem;padding:.9375rem 0}.createTripsheet .createTripsheetForm .radio-label{font-size:.875rem;display:flex;align-items:center;cursor:pointer;margin:0}.createTripsheet .createTripsheetForm .radio-label .modern-checkbox{margin-right:.625rem;vertical-align:sub;cursor:pointer;width:1rem;height:1rem;accent-color:#007bff}.createTripsheet .createTripsheetForm .radio-label span{-webkit-user-select:none;user-select:none;white-space:nowrap}.createTripsheet .createTripsheetForm .modern-input{width:100%;padding:.5rem .75rem;border:.0625rem solid #ddd;border-radius:.25rem;font-size:.875rem;transition:border-color .3s}.createTripsheet .createTripsheetForm .modern-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.createTripsheet .createTripsheetForm .modern-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.createTripsheet .createTripsheetForm sup{color:#dc3545}.createTripsheet .createTripsheetForm ::ng-deep mis-dropdown{display:block;width:100%}.createTripsheet .createTripsheetForm .modern-date-container{position:inherit;float:inherit;display:flex;align-items:center;gap:.625rem}.createTripsheet .createTripsheetForm .ng-invalid{border:.0625rem solid #dc3545}.createTripsheet .createTripsheetForm .form-actions{text-align:right;margin:.625rem;border-top:.0625rem solid #e0e0e0;padding:.625rem;display:flex;justify-content:flex-end;gap:.625rem;margin-bottom:0}.createTripsheet .createTripsheetForm .form-actions button{padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:.375rem;border:none;cursor:pointer;transition:all .3s ease;min-width:6.25rem}.createTripsheet .createTripsheetForm .form-actions button[type=primary]{background-color:#0937b2;color:#fff;border:.0625rem solid #0937b2}.createTripsheet .createTripsheetForm .form-actions button[type=outline]{background-color:transparent;color:#6c757d;border:.0625rem solid #ddd}.createTripsheet .createTripsheetForm .form-actions button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.date-select{height:2.5rem;border:.0625rem solid #e0e0e0;padding:0;border-radius:.375rem;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;position:relative;overflow:hidden;left:-.5%;flex-shrink:0}.date-select input{background-color:transparent;display:inline-block;padding:.25rem 0 .25rem .75rem;width:100%;border:none;outline:none;cursor:pointer;font-size:.875rem}.date-select img{position:relative;right:1rem}.radio-row.disabled{pointer-events:none;opacity:.5}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.DropdownComponent, selector: "mis-dropdown", inputs: ["data", "height", "ariaLabel", "width", "label", "itemSizeForCdk", "showOnlyIcon", "higlightSelectedValue", "dropdownListHeight", "dropdownListWidth", "dropdownListPosition", "config", "searchEnabled", "selectedItem", "noDataMessage", "multiLine", "additionalInfoMessage", "scrollIntoView", "searchLabel", "customStyles", "activeItem"], outputs: ["onChange"] }, { kind: "directive", type: i2$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i7.TzDatepickerDirective, selector: "input[misTzDp]", inputs: ["dpConfig", "selectedDate", "datesDisabled", "dateMessages", "positionX", "positionY", "offsetX", "offsetY", "allowBookingOnDisabledDay", "disableBoxShadow", "disableOverLay", "openElement"], outputs: ["dateChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateNonShiftModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-create-non-shift-modal", template: "<div class=\"createTripsheet\">\n  <h2 class=\"modal-header\">Create Non-Shift Tripsheet</h2>\n\n  <div *ngIf=\"loading\" class=\"loading-container\">\n    <div class=\"spinner\"></div>\n    <p>Loading...</p>\n  </div>\n\n  <form\n    *ngIf=\"!loading && createTripsheetForm\"\n    [formGroup]=\"createTripsheetForm\"\n    (ngSubmit)=\"onSubmit()\"\n    class=\"createTripsheetForm\"\n    id=\"createTripsheetForm\"\n  >\n    <div class=\"form-content\">\n      <!-- Radio buttons row -->\n      <div [ngClass]=\"{ 'radio-row': true, disabled: modalData?.shiftSelectionDisabled }\">\n        <label class=\"radio-label\">\n          <input class=\"modern-checkbox\" type=\"radio\" formControlName=\"direction\" value=\"OUT\" id=\"startLoc\" />\n          <span>Start Location Fixed (Logout)</span>\n        </label>\n        <label class=\"radio-label\">\n          <input class=\"modern-checkbox\" type=\"radio\" formControlName=\"direction\" value=\"IN\" id=\"endLoc\" />\n          <span>End Location Fixed (Login)</span>\n        </label>\n      </div>\n\n      <!-- Location field -->\n      <div class=\"form-field\">\n        <div class=\"label-cell\">\n          <label class=\"locText\">Location</label>\n        </div>\n        <div class=\"input-cell\">\n          <mis-dropdown\n            [searchEnabled]=\"true\"\n            [width]=\"'100%'\"\n            [height]=\"'40px'\"\n            [data]=\"locationDropdownData\"\n            [selectedItem]=\"createTripsheetForm.get('location')?.value\"\n            [label]=\"'Select location...'\"\n            (onChange)=\"createTripsheetForm.get('location')?.setValue($event)\"\n          ></mis-dropdown>\n        </div>\n      </div>\n\n      <!-- Other address field -->\n      <div class=\"form-field otherAddress\" *ngIf=\"showOtherAddress\">\n        <div class=\"label-cell\">\n          <label>Pick/Drop point <sup>*</sup></label>\n        </div>\n        <div class=\"input-cell\">\n          <input type=\"text\" formControlName=\"otherAddress\" class=\"modern-input\" />\n        </div>\n      </div>\n\n      <!-- Trip category field -->\n      <div class=\"form-field\" *ngIf=\"categoryDropdownData.length > 0\">\n        <div class=\"label-cell\">\n          <label>Trip Category</label>\n        </div>\n        <div class=\"input-cell\">\n          <mis-dropdown\n            [searchEnabled]=\"false\"\n            [width]=\"'250px'\"\n            [height]=\"'40px'\"\n            [data]=\"categoryDropdownData\"\n            [selectedItem]=\"createTripsheetForm.get('tripCategory')?.value\"\n            [label]=\"'Select category...'\"\n            (onChange)=\"createTripsheetForm.get('tripCategory')?.setValue($event)\"\n          ></mis-dropdown>\n        </div>\n      </div>\n\n      <!-- Time field -->\n      <div class=\"form-field\">\n        <div class=\"label-cell\">\n          <label class=\"fixedTimeText\">Time</label>\n        </div>\n        <div class=\"input-cell modern-date-container\">\n          <div class=\"date-select\">\n            <input\n              misTzDp\n              readonly\n              [dpConfig]=\"dateConfig\"\n              [formControl]=\"createTripsheetForm.get('date')\"\n              style=\"height: 44px !important; font-size: 16px !important; cursor: pointer; vertical-align: middle !important\"\n            />\n            <img [src]=\"CONSTANTS_ASSETS_WIS_COMMON.IMAGES.CALENDAR_ICON\" alt=\"Calendar Icon\" class=\"date-icon data-picker-icon\" />\n          </div>\n\n          <mis-dropdown\n            [searchEnabled]=\"false\"\n            [width]=\"'5rem'\"\n            [height]=\"'40px'\"\n            [data]=\"hoursDropdownData\"\n            [selectedItem]=\"createTripsheetForm.get('hours')?.value\"\n            [label]=\"'HH'\"\n            (onChange)=\"createTripsheetForm.get('hours')?.setValue($event)\"\n          ></mis-dropdown>\n\n          <mis-dropdown\n            [searchEnabled]=\"false\"\n            [width]=\"'5rem'\"\n            [height]=\"'40px'\"\n            [data]=\"minutesDropdownData\"\n            [selectedItem]=\"createTripsheetForm.get('mins')?.value\"\n            [label]=\"'MM'\"\n            (onChange)=\"createTripsheetForm.get('mins')?.setValue($event)\"\n          ></mis-dropdown>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"form-actions\">\n      <button mis-button type=\"outline\" (click)=\"onCancel()\" [disabled]=\"isSubmitting\">Cancel</button>\n      <button mis-button type=\"primary\" [disabled]=\"isSubmitting || createTripsheetForm?.invalid\">\n        {{ isSubmitting ? \"Creating...\" : \"Create\" }}\n      </button>\n    </div>\n  </form>\n</div>\n", styles: [".createTripsheet{width:40rem;margin:auto;background:#fff;border-radius:.5rem;padding:1.25rem}.createTripsheet .modal-header{font-size:1.25rem;font-weight:600;color:#333;margin:0 0 1.25rem;padding-bottom:.9375rem;border-bottom:.0625rem solid #e0e0e0}.createTripsheet .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.75rem 1.25rem;min-height:12.5rem}.createTripsheet .loading-container .spinner{border:.1875rem solid #f3f3f3;border-top:.1875rem solid #007bff;border-radius:50%;width:2.5rem;height:2.5rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.createTripsheet .createTripsheetForm .form-content{display:flex;flex-direction:column}.createTripsheet .createTripsheetForm .form-field{display:flex;align-items:flex-start;gap:1.25rem;padding:.9375rem 0}.createTripsheet .createTripsheetForm .form-field .label-cell{flex:0 0 30%;padding-top:.5rem}.createTripsheet .createTripsheetForm .form-field .label-cell label{font-size:.875rem;font-weight:500;color:#333}.createTripsheet .createTripsheetForm .form-field .input-cell{flex:1;display:flex}.createTripsheet .createTripsheetForm .radio-row{display:flex;gap:1.25rem;padding:.9375rem 0}.createTripsheet .createTripsheetForm .radio-label{font-size:.875rem;display:flex;align-items:center;cursor:pointer;margin:0}.createTripsheet .createTripsheetForm .radio-label .modern-checkbox{margin-right:.625rem;vertical-align:sub;cursor:pointer;width:1rem;height:1rem;accent-color:#007bff}.createTripsheet .createTripsheetForm .radio-label span{-webkit-user-select:none;user-select:none;white-space:nowrap}.createTripsheet .createTripsheetForm .modern-input{width:100%;padding:.5rem .75rem;border:.0625rem solid #ddd;border-radius:.25rem;font-size:.875rem;transition:border-color .3s}.createTripsheet .createTripsheetForm .modern-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.createTripsheet .createTripsheetForm .modern-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.createTripsheet .createTripsheetForm sup{color:#dc3545}.createTripsheet .createTripsheetForm ::ng-deep mis-dropdown{display:block;width:100%}.createTripsheet .createTripsheetForm .modern-date-container{position:inherit;float:inherit;display:flex;align-items:center;gap:.625rem}.createTripsheet .createTripsheetForm .ng-invalid{border:.0625rem solid #dc3545}.createTripsheet .createTripsheetForm .form-actions{text-align:right;margin:.625rem;border-top:.0625rem solid #e0e0e0;padding:.625rem;display:flex;justify-content:flex-end;gap:.625rem;margin-bottom:0}.createTripsheet .createTripsheetForm .form-actions button{padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:.375rem;border:none;cursor:pointer;transition:all .3s ease;min-width:6.25rem}.createTripsheet .createTripsheetForm .form-actions button[type=primary]{background-color:#0937b2;color:#fff;border:.0625rem solid #0937b2}.createTripsheet .createTripsheetForm .form-actions button[type=outline]{background-color:transparent;color:#6c757d;border:.0625rem solid #ddd}.createTripsheet .createTripsheetForm .form-actions button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.date-select{height:2.5rem;border:.0625rem solid #e0e0e0;padding:0;border-radius:.375rem;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;position:relative;overflow:hidden;left:-.5%;flex-shrink:0}.date-select input{background-color:transparent;display:inline-block;padding:.25rem 0 .25rem .75rem;width:100%;border:none;outline:none;cursor:pointer;font-size:.875rem}.date-select img{position:relative;right:1rem}.radio-row.disabled{pointer-events:none;opacity:.5}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [MODAL_DATA_VAR]
+                    }] }, { type: i1$3.ModalRef }, { type: i2$2.FormBuilder }, { type: HttpService }, { type: i2.ToastService }];
+    } });
+
 class WisCommonModule {
     static forRoot(env) {
         return {
             ngModule: WisCommonModule,
-            providers: [{ provide: CONSTANTS_WIS_COMMON, useValue: env }, ConfigurationService, LoaderService]
+            providers: [HttpService, { provide: CONSTANTS_WIS_COMMON, useValue: env }, ConfigurationService, LoaderService]
         };
     }
 }
 WisCommonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WisCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WisCommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: WisCommonModule, declarations: [LoaderComponent, SidenavComponent], imports: [CommonModule, OverlayModule, LoaderModule], exports: [SidenavComponent] });
-WisCommonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WisCommonModule, providers: [HttpService], imports: [CommonModule, OverlayModule, LoaderModule] });
+WisCommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: WisCommonModule, declarations: [LoaderComponent, SidenavComponent, CreateNonShiftModalComponent], imports: [CommonModule, HttpClientModule, OverlayModule, LoaderModule, DropdownModule, ReactiveFormsModule, DatepickerModuleV2], exports: [SidenavComponent, CreateNonShiftModalComponent] });
+WisCommonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WisCommonModule, imports: [CommonModule, HttpClientModule, OverlayModule, LoaderModule, DropdownModule, ReactiveFormsModule, DatepickerModuleV2] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WisCommonModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [LoaderComponent, SidenavComponent],
-                    imports: [CommonModule, OverlayModule, LoaderModule],
-                    providers: [HttpService],
-                    exports: [SidenavComponent]
+                    declarations: [LoaderComponent, SidenavComponent, CreateNonShiftModalComponent],
+                    imports: [CommonModule, HttpClientModule, OverlayModule, LoaderModule, DropdownModule, ReactiveFormsModule, DatepickerModuleV2,],
+                    providers: [],
+                    exports: [SidenavComponent, CreateNonShiftModalComponent]
                 }]
         }] });
 
@@ -404,6 +670,245 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 }]
         }], ctorParameters: function () { return []; } });
 
+class SessionError extends Error {
+}
+class SessionTokenNotFoundError extends SessionError {
+    constructor() {
+        super('Session token was not found.');
+        this.name = 'SessionTokenNotFoundError';
+    }
+}
+class SessionTokenExpiredError extends SessionError {
+    constructor() {
+        super('Session token has expired.');
+        this.name = 'SessionTokenExpiredError';
+    }
+}
+class SessionTokenInvalidError extends SessionError {
+    constructor() {
+        super('Session token could not be decoded.');
+        this.name = 'SessionTokenInvalidError';
+    }
+}
+class SessionClaimNotFoundError extends SessionError {
+    constructor(claim) {
+        super(`Session claim "${claim}" was not found in the token.`);
+        this.claim = claim;
+        this.name = 'SessionClaimNotFoundError';
+    }
+}
+/** Renders failures as `claim (reason), claim (reason)` for error messages. */
+function describeClaimFailures(failures) {
+    return failures.map(f => `${f.claim} (${f.reason})`).join(', ');
+}
+/**
+ * Every claim `run`'s `next` failed to read, reported once after the block has finished.
+ * Extends `SessionClaimNotFoundError` — and reports the first failure as `claim` — so handlers
+ * written against the single-claim error keep working.
+ */
+class SessionClaimsMissingError extends SessionClaimNotFoundError {
+    constructor(failures) {
+        super(failures[0].claim);
+        this.failures = failures;
+        this.name = 'SessionClaimsMissingError';
+        this.message = `Session claims not found: ${describeClaimFailures(failures)}.`;
+    }
+}
+
+const DEFAULT_SESSION_TOKEN_PREFIX = 'sso-wis-token';
+const DEFAULT_SESSION_TOKEN_FALLBACK_KEY = 'x-wis-token';
+const DEFAULT_VET_TOKEN_PREFIX = 'x-vet-token';
+const LAUNCH_SOURCE_VET = 'VET';
+class SessionService {
+    constructor() {
+        this.config = {};
+        this.cachedToken = null;
+        this.cachedState = null;
+        this.collecting = null;
+    }
+    init(config) {
+        this.config = Object.assign({}, config);
+        this.cachedToken = null;
+        this.cachedState = null;
+    }
+    /**
+     * Runs `handlers.next` and returns its result, or `handlers.error(error)` if it throws a `SessionError`.
+     * Centralizes the try/catch mechanics; the caller still supplies the actual handling logic.
+     */
+    read(handlers) {
+        try {
+            return handlers.next(this);
+        }
+        catch (e) {
+            if (e instanceof SessionError) {
+                return handlers.error(e);
+            }
+            throw e;
+        }
+    }
+    /**
+     * Statement-style variant of `read` for blocks of assignments/side effects with no return value.
+     *
+     * `next` always runs to completion: a claim that is absent or blank yields `undefined` instead of
+     * throwing, and every such failure is reported once afterwards via `handlers.error`, as a
+     * `SessionClaimsMissingError` listing all of them. An unusable token (missing, expired,
+     * undecodable) still aborts `next` immediately with the matching `SessionError`.
+     *
+     * Collecting covers the synchronous body of `next` only — claim reads deferred into a subscription,
+     * timeout or promise run after it has returned and throw as usual.
+     *
+     * An error `next` throws for any other reason propagates untouched, except that any claims missing
+     * at the time are appended to its message and attached as `sessionClaimFailures` — a collected
+     * `undefined` reaching the block is the usual cause, and that is the part worth knowing.
+     */
+    run(handlers) {
+        const failures = [];
+        const previous = this.collecting;
+        this.collecting = failures;
+        try {
+            handlers.next(this);
+        }
+        catch (e) {
+            if (e instanceof SessionError) {
+                handlers.error(e);
+                return;
+            }
+            if (failures.length && e instanceof Error) {
+                e.sessionClaimFailures = failures;
+                e.message = `${e.message} — session claims missing during run(): ${describeClaimFailures(failures)}`;
+            }
+            throw e;
+        }
+        finally {
+            this.collecting = previous;
+        }
+        if (failures.length) {
+            handlers.error(new SessionClaimsMissingError(failures));
+        }
+    }
+    get isVET() {
+        return this.state.isVET;
+    }
+    get sub() { return this.getClaim('sub'); }
+    get empGuid() { return this.getClaim('employeeGUID'); }
+    get employeeId() { return this.getClaim('employeeId'); }
+    get internalSsoRole() { return this.getClaim('internal_sso_role'); }
+    get roles() { return this.getClaim('roles'); }
+    get sessionId() { return this.getClaim('sessionId'); }
+    get loggedInUser() { return this.getClaim('loggedInUser'); }
+    get exp() { return this.getClaim('exp'); }
+    get iat() { return this.getClaim('iat'); }
+    get businessUnitId() { return this.getClaim('businessUnitId'); }
+    get allowedBuids() { return this.getClaim('ALLOWED_BUIDS'); }
+    get vetUserEmailId() { return this.getClaim('vetUserEmailId'); }
+    get vetUserId() { return this.getClaim('vetUserId'); }
+    get source() { return this.getClaim('source'); }
+    get roleId() {
+        const raw = this.resolveRole(this.getClaims());
+        if (!raw) {
+            return this.missingClaim('roleId', 'absent');
+        }
+        return Number(raw);
+    }
+    /** First numeric role in `internal_sso_role` then `roles`, or `''` when the token carries none. */
+    resolveRole(claims) {
+        var _a, _b;
+        const candidates = [claims.internal_sso_role, ...((_a = claims.roles) !== null && _a !== void 0 ? _a : [])];
+        return (_b = candidates
+            .map(value => value === null || value === void 0 ? void 0 : value.trim())
+            .find(value => this.isDigitsOnly(value))) !== null && _b !== void 0 ? _b : '';
+    }
+    isDigitsOnly(value) {
+        return !!value && /^\d+$/.test(value);
+    }
+    getClaims() {
+        const state = this.state;
+        if (state.status === 'ok') {
+            return state.claims;
+        }
+        if (state.status === 'not-found') {
+            throw new SessionTokenNotFoundError();
+        }
+        if (state.status === 'expired') {
+            throw new SessionTokenExpiredError();
+        }
+        throw new SessionTokenInvalidError();
+    }
+    getClaim(key) {
+        const claims = this.getClaims();
+        const value = claims[key];
+        const isEmptyString = typeof value === 'string' && value.trim() === '';
+        if (value === undefined || value === null || isEmptyString) {
+            return this.missingClaim(key, isEmptyString ? 'blank' : 'absent');
+        }
+        return (typeof value === 'string' ? value.trim() : value);
+    }
+    /** Records the failure and yields `undefined` while `run` is collecting; throws otherwise. */
+    missingClaim(claim, reason) {
+        if (this.collecting) {
+            this.collecting.push({ claim, reason });
+            return undefined;
+        }
+        throw new SessionClaimNotFoundError(claim);
+    }
+    get state() {
+        const { token, isVET } = this.findToken();
+        if (!this.cachedState || token !== this.cachedToken) {
+            this.cachedToken = token;
+            this.cachedState = this.build(token, isVET);
+        }
+        return this.cachedState;
+    }
+    build(token, isVET) {
+        if (!token) {
+            return { status: 'not-found', isVET };
+        }
+        let claims;
+        try {
+            claims = jwtDecode(token);
+        }
+        catch (_a) {
+            return { status: 'invalid', isVET };
+        }
+        if (this.isExpired(claims)) {
+            return { status: 'expired', isVET };
+        }
+        return { status: 'ok', claims, isVET };
+    }
+    isExpired(claims) {
+        return typeof claims.exp === 'number' && claims.exp * 1000 <= Date.now();
+    }
+    isVETSource() {
+        return getQueryParam('source') === LAUNCH_SOURCE_VET;
+    }
+    resolveBuid() {
+        return getQueryParam('buid') || getCookie('buid') || null;
+    }
+    findToken() {
+        var _a;
+        const buid = this.resolveBuid();
+        if (this.isVETSource()) {
+            const vetKey = (_a = this.config.vetTokenCookieKey) !== null && _a !== void 0 ? _a : (buid ? `${DEFAULT_VET_TOKEN_PREFIX}-${buid}` : null);
+            const vetToken = (vetKey ? getCookie(vetKey) : '') || '';
+            if (vetToken) {
+                return { token: vetToken, isVET: true };
+            }
+        }
+        const sessionToken = this.config.sessionTokenCookieKey
+            ? getCookie(this.config.sessionTokenCookieKey)
+            : (buid ? getCookie(`${DEFAULT_SESSION_TOKEN_PREFIX}-${buid}`) : '') || getCookie(DEFAULT_SESSION_TOKEN_FALLBACK_KEY);
+        return { token: sessionToken || '', isVET: false };
+    }
+}
+SessionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SessionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SessionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SessionService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SessionService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
 /*
  * Public API Surface of wis-common
  */
@@ -412,5 +917,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AuthInterceptor, AuthModule, AuthService, ConfigurationService, LoaderService, LoggerModule, LoggerService, MfeCommunicationService, SidenavComponent, WisCommonModule, filterNavList, getCookie, getQueryParam, removeCookie, setCookie };
+export { AuthInterceptor, AuthModule, AuthService, ConfigurationService, CreateNonShiftModalComponent, LoaderService, LoggerModule, LoggerService, MfeCommunicationService, SessionClaimNotFoundError, SessionClaimsMissingError, SessionError, SessionService, SessionTokenExpiredError, SessionTokenInvalidError, SessionTokenNotFoundError, SidenavComponent, WisCommonModule, describeClaimFailures, filterNavList, getCookie, getQueryParam, removeCookie, setCookie };
 //# sourceMappingURL=mis-wis-common.mjs.map