@zeniai/client-epic-state 4.8.41 → 4.8.42

package/lib/view/people/resendInviteEpic.d.ts

@@ -13,7 +13,7 @@ export declare const resendInviteEpic: (actions$: ActionsObservable<ActionType>,
     type: string;
 } | {
     payload: {
-        messageSection: "common" | "transactionDetails_updatingPastTransactions" | "transactionDetails_transactionUpdated" | "cockpit_monthEndEmailSent" | "cockpit_monthEndEmailSave" | "people_invite_people" | "people_invite_multiple_people" | "people_delete_person" | "people_update_person" | "reimbursement_updated" | "reimbursement_deleted" | "reimbursement_cancelled_deleted" | "reimbursement_cancelled" | "reimbursement_approved" | "reimbursement_rejected" | "reimbursement_sent_for_approval" | "account_added" | "business_verification_save" | "business_verification_submit" | "business_verification_from_bills_submit" | "plaid_connection" | "unlink_deposit_account" | "reimbursement_setup" | "reimbursement_approval_create" | "reimbursement_duplicate_approval_create" | "reimbursement_approval_update" | "reimbursement_duplicate_approval_update" | "reimbursement_approval_delete" | "reimbursement_create_mileage" | "reimbursement_update_mileage" | "reimbursement_accept_term" | "reimbursement_accept_employee_term" | "bill_pay_setup" | "zeni_accounts_setup" | "bill_pay_approval_create" | "bill_pay_duplicate_approval_create" | "bill_pay_approval_update" | "bill_pay_duplicate_approval_update" | "bill_pay_approval_delete" | "bill_pay_updated" | "bill_pay_deleted" | "bill_pay_cancelled_deleted" | "bill_pay_cancelled" | "bill_pay_approved" | "real_time_approver_added" | "bill_pay_rejected" | "bill_pay_sent_for_approval" | "bill_pay_accept_term" | "zeni_account_accept_term" | "update_vendor" | "delete_bank_account" | "create_bank_account" | "create_bank_account_ach" | "create_bank_account_wire" | "create_bank_account_international" | "transfer_money" | "update_zeni_account_nickname" | "create_checking_account" | "deposit_check" | "create_vendor" | "onboarding_customer_view" | "onboarding_customer_view_complete" | "onboarding_customer_identity_verification_save" | "onboarding_customer_identity_verification_submit" | "onboarding_customer_business_verification_save" | "onboarding_customer_business_verification_submit" | "retry_bank_account_connection" | "dashboard_invite_sent" | "onboarding_info_saved" | "approve_original_merchant" | "approve_global_merchant" | "reject_global_merchant" | "create_global_merchant" | "fetch_global_merchant_no_recommendation" | "save_vendor_renamed" | "save_vendor_sent_for_review" | "charge_card_setup" | "charge_card_accept_term" | "create_schedule" | "save_schedule" | "save_task_detail" | "delete_task" | "archive_task" | "update_charge_card";
+        messageSection: "common" | "transactionDetails_updatingPastTransactions" | "transactionDetails_transactionUpdated" | "cockpit_monthEndEmailSent" | "cockpit_monthEndEmailSave" | "people_invite_people" | "people_invite_multiple_people" | "people_delete_person" | "people_update_person" | "reimbursement_updated" | "reimbursement_deleted" | "reimbursement_cancelled_deleted" | "reimbursement_cancelled" | "reimbursement_approved" | "reimbursement_rejected" | "reimbursement_sent_for_approval" | "account_added" | "business_verification_save" | "business_verification_submit" | "business_verification_from_bills_submit" | "plaid_connection" | "unlink_deposit_account" | "reimbursement_setup" | "reimbursement_approval_create" | "reimbursement_duplicate_approval_create" | "reimbursement_approval_update" | "reimbursement_duplicate_approval_update" | "reimbursement_approval_delete" | "reimbursement_create_mileage" | "reimbursement_update_mileage" | "reimbursement_accept_term" | "reimbursement_accept_employee_term" | "bill_pay_setup" | "zeni_accounts_setup" | "bill_pay_approval_create" | "bill_pay_duplicate_approval_create" | "bill_pay_approval_update" | "bill_pay_duplicate_approval_update" | "bill_pay_approval_delete" | "bill_pay_updated" | "bill_pay_deleted" | "bill_pay_cancelled_deleted" | "bill_pay_cancelled" | "bill_pay_approved" | "real_time_approver_added" | "bill_pay_rejected" | "bill_pay_sent_for_approval" | "bill_pay_accept_term" | "zeni_account_accept_term" | "update_vendor" | "delete_bank_account" | "create_bank_account" | "create_bank_account_ach" | "create_bank_account_wire" | "create_bank_account_international" | "transfer_money" | "update_zeni_account_nickname" | "create_checking_account" | "deposit_check" | "create_vendor" | "onboarding_customer_view" | "onboarding_customer_view_complete" | "onboarding_customer_identity_verification_save" | "onboarding_customer_identity_verification_submit" | "onboarding_customer_business_verification_save" | "onboarding_customer_business_verification_submit" | "retry_bank_account_connection" | "dashboard_invite_sent" | "onboarding_info_saved" | "approve_original_merchant" | "approve_global_merchant" | "reject_global_merchant" | "create_global_merchant" | "fetch_global_merchant_no_recommendation" | "save_vendor_renamed" | "save_vendor_sent_for_review" | "charge_card_setup" | "charge_card_accept_term" | "create_schedule" | "save_schedule" | "save_task_detail" | "delete_task" | "archive_task" | "update_charge_card" | "notification_settings_saved";
         messageText: "failed" | "success";
         type: import("../..").SnackbarMessageType;
         showStatusIcon?: boolean | undefined;

package/lib/view/settingsView/epic/fetchNotificationSettingsEpic.d.ts

@@ -0,0 +1,17 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { fetchNotificationSettings, updateNotificationSettingsOnSuccess, updateNotificationSettingsOnFailure } from '../settingsViewReducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { RootState } from '../../../reducer';
+export declare type ActionType = ReturnType<typeof fetchNotificationSettings> | ReturnType<typeof updateNotificationSettingsOnSuccess> | ReturnType<typeof updateNotificationSettingsOnFailure>;
+export declare const fetchNotificationSettingsEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => import("rxjs").Observable<{
+    payload: undefined;
+    type: string;
+} | {
+    payload: import("../../../responsePayload").ZeniAPIStatus<Record<string, unknown>>;
+    type: string;
+} | {
+    payload: {
+        data: import("../settingsViewPayload").NotificationSettingsPayload;
+    };
+    type: string;
+}>;

package/lib/view/settingsView/epic/fetchNotificationSettingsEpic.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchNotificationSettingsEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const settingsViewReducer_1 = require("../settingsViewReducer");
+const responsePayload_1 = require("../../../responsePayload");
+const fetchNotificationSettingsEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(settingsViewReducer_1.fetchNotificationSettings.match), (0, operators_1.switchMap)(() => {
+    const URL = `${zeniAPI.apiEndPoints.notificationMicroServiceBaseUrl}/1.0/notification-preferences`;
+    return zeniAPI.getJSON(URL).pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            const updateActions = [
+                (0, settingsViewReducer_1.updateNotificationSettingsOnSuccess)(response.data),
+            ];
+            return (0, rxjs_1.of)(...updateActions);
+        }
+        else {
+            return (0, rxjs_1.of)((0, settingsViewReducer_1.updateNotificationSettingsOnFailure)(response.status));
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, settingsViewReducer_1.updateNotificationSettingsOnFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected error', 'Fetch Notification Settings REST API call errored out' +
+        JSON.stringify(error))))));
+}));
+exports.fetchNotificationSettingsEpic = fetchNotificationSettingsEpic;

package/lib/view/settingsView/epic/saveNotificationSettingsEpic.d.ts

@@ -0,0 +1,31 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { saveNotificationSettings, updateNotificationSettingsOnSaveFailure, updateNotificationSettingsOnSaveSuccess } from '../settingsViewReducer';
+import { ZeniAPI } from '../../../zeniAPI';
+import { RootState } from '../../../reducer';
+import { NotificationSettingsPayload } from '../settingsViewPayload';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
+export declare type ActionType = ReturnType<typeof saveNotificationSettings> | ReturnType<typeof openSnackbar> | ReturnType<typeof updateNotificationSettingsOnSaveSuccess> | ReturnType<typeof updateNotificationSettingsOnSaveFailure>;
+export declare const saveNotificationSettingsEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => import("rxjs").Observable<{
+    payload: undefined;
+    type: string;
+} | {
+    payload: import("../../../responsePayload").ZeniAPIStatus<Record<string, unknown>>;
+    type: string;
+} | {
+    payload: {
+        data: NotificationSettingsPayload;
+    };
+    type: string;
+} | {
+    payload: {
+        messageSection: "common" | "transactionDetails_updatingPastTransactions" | "transactionDetails_transactionUpdated" | "cockpit_monthEndEmailSent" | "cockpit_monthEndEmailSave" | "people_invite_people" | "people_invite_multiple_people" | "people_delete_person" | "people_update_person" | "reimbursement_updated" | "reimbursement_deleted" | "reimbursement_cancelled_deleted" | "reimbursement_cancelled" | "reimbursement_approved" | "reimbursement_rejected" | "reimbursement_sent_for_approval" | "account_added" | "business_verification_save" | "business_verification_submit" | "business_verification_from_bills_submit" | "plaid_connection" | "unlink_deposit_account" | "reimbursement_setup" | "reimbursement_approval_create" | "reimbursement_duplicate_approval_create" | "reimbursement_approval_update" | "reimbursement_duplicate_approval_update" | "reimbursement_approval_delete" | "reimbursement_create_mileage" | "reimbursement_update_mileage" | "reimbursement_accept_term" | "reimbursement_accept_employee_term" | "bill_pay_setup" | "zeni_accounts_setup" | "bill_pay_approval_create" | "bill_pay_duplicate_approval_create" | "bill_pay_approval_update" | "bill_pay_duplicate_approval_update" | "bill_pay_approval_delete" | "bill_pay_updated" | "bill_pay_deleted" | "bill_pay_cancelled_deleted" | "bill_pay_cancelled" | "bill_pay_approved" | "real_time_approver_added" | "bill_pay_rejected" | "bill_pay_sent_for_approval" | "bill_pay_accept_term" | "zeni_account_accept_term" | "update_vendor" | "delete_bank_account" | "create_bank_account" | "create_bank_account_ach" | "create_bank_account_wire" | "create_bank_account_international" | "transfer_money" | "update_zeni_account_nickname" | "create_checking_account" | "deposit_check" | "create_vendor" | "onboarding_customer_view" | "onboarding_customer_view_complete" | "onboarding_customer_identity_verification_save" | "onboarding_customer_identity_verification_submit" | "onboarding_customer_business_verification_save" | "onboarding_customer_business_verification_submit" | "retry_bank_account_connection" | "dashboard_invite_sent" | "onboarding_info_saved" | "approve_original_merchant" | "approve_global_merchant" | "reject_global_merchant" | "create_global_merchant" | "fetch_global_merchant_no_recommendation" | "save_vendor_renamed" | "save_vendor_sent_for_review" | "charge_card_setup" | "charge_card_accept_term" | "create_schedule" | "save_schedule" | "save_task_detail" | "delete_task" | "archive_task" | "update_charge_card" | "notification_settings_saved";
+        messageText: "failed" | "success";
+        type: import("../../..").SnackbarMessageType;
+        showStatusIcon?: boolean | undefined;
+        variables?: {
+            variableName: string;
+            variableValue: string;
+        }[] | undefined;
+    };
+    type: string;
+}>;

package/lib/view/settingsView/epic/saveNotificationSettingsEpic.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.saveNotificationSettingsEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const settingsViewReducer_1 = require("../settingsViewReducer");
+const responsePayload_1 = require("../../../responsePayload");
+const snackbarReducer_1 = require("../../../entity/snackbar/snackbarReducer");
+const saveNotificationSettingsEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(settingsViewReducer_1.saveNotificationSettings.match), (0, operators_1.switchMap)(() => {
+    const URL = `${zeniAPI.apiEndPoints.notificationMicroServiceBaseUrl}/1.0/notification-preferences`;
+    const { notificationSettings, notificationSettingsLocalData } = state$.value.settingsViewState.notification;
+    const payload = toSaveNotificationSettingsPayload(notificationSettingsLocalData, notificationSettings);
+    return zeniAPI
+        .putAndGetJSON(URL, payload)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
+            const updateActions = [
+                (0, settingsViewReducer_1.updateNotificationSettingsOnSaveSuccess)({ data: response.data }),
+                (0, snackbarReducer_1.openSnackbar)({
+                    messageSection: 'notification_settings_saved',
+                    messageText: 'success',
+                    type: 'success',
+                }),
+            ];
+            return (0, rxjs_1.of)(...updateActions);
+        }
+        else {
+            return (0, rxjs_1.of)((0, settingsViewReducer_1.updateNotificationSettingsOnSaveFailure)(response.status));
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, settingsViewReducer_1.updateNotificationSettingsOnSaveFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected error', 'Save Notification Settings REST API call errored out' +
+        JSON.stringify(error))))));
+}));
+exports.saveNotificationSettingsEpic = saveNotificationSettingsEpic;
+function toSaveNotificationSettingsPayload(localData, notificationSettingsData) {
+    const payload = {};
+    if (localData.reminders.isMissingReceiptNotificationActive != null &&
+        notificationSettingsData.missingReceiptNotification != null) {
+        payload.is_missing_receipt_notification_active =
+            localData.reminders.isMissingReceiptNotificationActive;
+        payload.missing_receipt_notification = {
+            preferred_mode: ['email'],
+        };
+    }
+    if (localData.reminders.isPendingBillApprovalNotificationActive != null &&
+        notificationSettingsData.pendingBillApprovalNotification != null) {
+        payload.is_pending_bill_approval_notification_active =
+            localData.reminders.isPendingBillApprovalNotificationActive;
+        payload.pending_bill_approval_notification = {
+            preferred_mode: ['email'],
+        };
+    }
+    if (localData.reminders.isUncategorizedTransactionNotificationActive != null &&
+        notificationSettingsData.uncategorizedTransactionNotification != null) {
+        payload.is_uncategorized_transaction_notification_active =
+            localData.reminders.isUncategorizedTransactionNotificationActive;
+        payload.uncategorized_transaction_notification = {
+            preferred_mode: ['email'],
+        };
+    }
+    if (localData.reminders.isPendingReimbursementApprovalNotificationActive !=
+        null &&
+        notificationSettingsData.pendingReimbursementApprovalNotification != null) {
+        payload.is_pending_reimbursement_approval_notification_active =
+            localData.reminders.isPendingReimbursementApprovalNotificationActive;
+        payload.pending_reimbursement_approval_notification = {
+            preferred_mode: ['email'],
+        };
+    }
+    return payload;
+}

package/lib/view/settingsView/settingsViewHelpers.d.ts

@@ -0,0 +1,2 @@
+import { NotificationSettings } from './settingsViewState';
+export declare const isNotificationsTabVisible: (notificationSettingsView: NotificationSettings) => boolean;

package/lib/view/settingsView/settingsViewHelpers.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isNotificationsTabVisible = void 0;
+const isNotificationsTabVisible = (notificationSettingsView) => {
+    const { notificationSettings } = notificationSettingsView;
+    return (notificationSettings.missingReceiptNotification != null ||
+        notificationSettings.pendingBillApprovalNotification != null ||
+        notificationSettings.pendingReimbursementApprovalNotification != null ||
+        notificationSettings.uncategorizedTransactionNotification != null);
+};
+exports.isNotificationsTabVisible = isNotificationsTabVisible;

package/lib/view/settingsView/settingsViewPayload.d.ts

@@ -6,3 +6,10 @@ export interface MyProfilePeoplePayload {
     users: UserPayload[];
 }
 export declare type MyProfilePeopleResponse = ZeniAPIResponse<MyProfilePeoplePayload>;
+export interface NotificationSettingsPayload {
+    is_missing_receipt_notification_active: boolean | null;
+    is_pending_bill_approval_notification_active: boolean | null;
+    is_pending_reimbursement_approval_notification_active: boolean | null;
+    is_uncategorized_transaction_notification_active: boolean | null;
+}
+export declare type NotificationSettingsResponse = ZeniAPIResponse<NotificationSettingsPayload>;

package/lib/view/settingsView/settingsViewReducer.d.ts

@@ -1,5 +1,6 @@
+import { SettingsViewState, NotificationSettingsLocalData } from './settingsViewState';
 import { ZeniAPIStatus } from '../../responsePayload';
-import { SettingsViewState } from './settingsViewState';
+import { NotificationSettingsPayload } from './settingsViewPayload';
 import { ID } from '../../commonStateTypes/common';
 export declare const initialState: SettingsViewState;
 export declare const fetchMyProfileView: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[companyId: string], {
@@ -8,6 +9,10 @@ export declare const fetchMyProfileView: import("@reduxjs/toolkit").ActionCreato
     userId: string;
 }, string, never, never>, updateMyProfileOnFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, fetchBankConnectionsView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateBankConnectionOnSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     bankAccountIds: ID[];
-}, string>, updateBankConnectionOnFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, fetchBankAccountsList: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, clearSettingsView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+}, string>, updateBankConnectionOnFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, fetchBankAccountsList: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, fetchNotificationSettings: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateNotificationSettingsOnSuccess: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[data: NotificationSettingsPayload], {
+    data: NotificationSettingsPayload;
+}, string, never, never>, updateNotificationSettingsOnFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, updateNotificationSettingsLocalData: import("@reduxjs/toolkit").ActionCreatorWithPayload<NotificationSettingsLocalData, string>, resetNotificationSettingsLocalData: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, saveNotificationSettings: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateNotificationSettingsOnSaveSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    data: NotificationSettingsPayload;
+}, string>, updateNotificationSettingsOnSaveFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, clearSettingsView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
 declare const _default: import("@reduxjs/toolkit").Reducer<SettingsViewState, import("@reduxjs/toolkit").AnyAction>;
 export default _default;

package/lib/view/settingsView/settingsViewReducer.js

@@ -1,8 +1,22 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearSettingsView = exports.fetchBankAccountsList = exports.updateBankConnectionOnFailure = exports.updateBankConnectionOnSuccess = exports.fetchBankConnectionsView = exports.updateMyProfileOnFailure = exports.updateMyProfileOnSuccess = exports.fetchMyProfile = exports.fetchMyProfileView = exports.initialState = void 0;
+exports.clearSettingsView = exports.updateNotificationSettingsOnSaveFailure = exports.updateNotificationSettingsOnSaveSuccess = exports.saveNotificationSettings = exports.resetNotificationSettingsLocalData = exports.updateNotificationSettingsLocalData = exports.updateNotificationSettingsOnFailure = exports.updateNotificationSettingsOnSuccess = exports.fetchNotificationSettings = exports.fetchBankAccountsList = exports.updateBankConnectionOnFailure = exports.updateBankConnectionOnSuccess = exports.fetchBankConnectionsView = exports.updateMyProfileOnFailure = exports.updateMyProfileOnSuccess = exports.fetchMyProfile = exports.fetchMyProfileView = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
+const initialNotificationSettingsData = {
+    missingReceiptNotification: null,
+    uncategorizedTransactionNotification: null,
+    pendingBillApprovalNotification: null,
+    pendingReimbursementApprovalNotification: null,
+};
+const initialNotificationSettingsLocalData = {
+    reminders: {
+        isMissingReceiptNotificationActive: null,
+        isUncategorizedTransactionNotificationActive: null,
+        isPendingReimbursementApprovalNotificationActive: null,
+        isPendingBillApprovalNotificationActive: null,
+    },
+};
 exports.initialState = {
     profile: {
         fetchState: 'Not-Started',
@@ -14,6 +28,16 @@ exports.initialState = {
         error: undefined,
         bankAccountIds: [],
     },
+    notification: {
+        fetchState: 'Not-Started',
+        error: undefined,
+        updateStatus: {
+            fetchState: 'Not-Started',
+            error: undefined,
+        },
+        notificationSettings: Object.assign({}, initialNotificationSettingsData),
+        notificationSettingsLocalData: Object.assign({}, initialNotificationSettingsLocalData),
+    },
 };
 const settings = (0, toolkit_1.createSlice)({
     name: 'settings',
@@ -62,10 +86,99 @@ const settings = (0, toolkit_1.createSlice)({
             draft.bankConnection.fetchState = 'Error';
             draft.bankConnection.error = action.payload;
         },
+        fetchNotificationSettings(draft) {
+            draft.notification.fetchState = 'In-Progress';
+            draft.notification.error = undefined;
+        },
+        updateNotificationSettingsOnSuccess: {
+            prepare(data) {
+                return {
+                    payload: {
+                        data,
+                    },
+                };
+            },
+            reducer(draft, action) {
+                const { data } = action.payload;
+                const notificationSettings = toNotificationSettings(data);
+                draft.notification.fetchState = 'Completed';
+                draft.notification.error = undefined;
+                draft.notification.notificationSettings = notificationSettings;
+                draft.notification.notificationSettingsLocalData =
+                    toNotificationSettingsLocalData(notificationSettings);
+            },
+        },
+        updateNotificationSettingsOnFailure(draft, action) {
+            draft.notification.fetchState = 'Error';
+            draft.notification.error = action.payload;
+        },
+        updateNotificationSettingsLocalData(draft, action) {
+            draft.notification.notificationSettingsLocalData = action.payload;
+        },
+        resetNotificationSettingsLocalData(draft) {
+            draft.notification.notificationSettingsLocalData =
+                toNotificationSettingsLocalData(draft.notification.notificationSettings);
+        },
+        saveNotificationSettings(draft) {
+            draft.notification.updateStatus.fetchState = 'In-Progress';
+            draft.notification.error = undefined;
+        },
+        updateNotificationSettingsOnSaveSuccess(draft, action) {
+            const { data } = action.payload;
+            draft.notification.updateStatus.fetchState = 'Completed';
+            draft.notification.updateStatus.error = undefined;
+            draft.notification.notificationSettings = toNotificationSettings(data);
+        },
+        updateNotificationSettingsOnSaveFailure(draft, action) {
+            draft.notification.updateStatus.fetchState = 'Error';
+            draft.notification.updateStatus.error = action.payload;
+        },
         clearSettingsView(draft) {
             Object.assign(draft, exports.initialState);
         },
     },
 });
-_a = settings.actions, exports.fetchMyProfileView = _a.fetchMyProfileView, exports.fetchMyProfile = _a.fetchMyProfile, exports.updateMyProfileOnSuccess = _a.updateMyProfileOnSuccess, exports.updateMyProfileOnFailure = _a.updateMyProfileOnFailure, exports.fetchBankConnectionsView = _a.fetchBankConnectionsView, exports.updateBankConnectionOnSuccess = _a.updateBankConnectionOnSuccess, exports.updateBankConnectionOnFailure = _a.updateBankConnectionOnFailure, exports.fetchBankAccountsList = _a.fetchBankAccountsList, exports.clearSettingsView = _a.clearSettingsView;
+_a = settings.actions, exports.fetchMyProfileView = _a.fetchMyProfileView, exports.fetchMyProfile = _a.fetchMyProfile, exports.updateMyProfileOnSuccess = _a.updateMyProfileOnSuccess, exports.updateMyProfileOnFailure = _a.updateMyProfileOnFailure, exports.fetchBankConnectionsView = _a.fetchBankConnectionsView, exports.updateBankConnectionOnSuccess = _a.updateBankConnectionOnSuccess, exports.updateBankConnectionOnFailure = _a.updateBankConnectionOnFailure, exports.fetchBankAccountsList = _a.fetchBankAccountsList, exports.fetchNotificationSettings = _a.fetchNotificationSettings, exports.updateNotificationSettingsOnSuccess = _a.updateNotificationSettingsOnSuccess, exports.updateNotificationSettingsOnFailure = _a.updateNotificationSettingsOnFailure, exports.updateNotificationSettingsLocalData = _a.updateNotificationSettingsLocalData, exports.resetNotificationSettingsLocalData = _a.resetNotificationSettingsLocalData, exports.saveNotificationSettings = _a.saveNotificationSettings, exports.updateNotificationSettingsOnSaveSuccess = _a.updateNotificationSettingsOnSaveSuccess, exports.updateNotificationSettingsOnSaveFailure = _a.updateNotificationSettingsOnSaveFailure, exports.clearSettingsView = _a.clearSettingsView;
 exports.default = settings.reducer;
+const toNotificationSettings = (data) => {
+    const notificationSettingsData = Object.assign({}, initialNotificationSettingsData);
+    if (data.is_missing_receipt_notification_active != null) {
+        notificationSettingsData.missingReceiptNotification = {
+            active: data.is_missing_receipt_notification_active,
+        };
+    }
+    if (data.is_pending_bill_approval_notification_active != null) {
+        notificationSettingsData.pendingBillApprovalNotification = {
+            active: data.is_pending_bill_approval_notification_active,
+        };
+    }
+    if (data.is_pending_reimbursement_approval_notification_active != null) {
+        notificationSettingsData.pendingReimbursementApprovalNotification = {
+            active: data.is_pending_reimbursement_approval_notification_active,
+        };
+    }
+    if (data.is_uncategorized_transaction_notification_active != null) {
+        notificationSettingsData.uncategorizedTransactionNotification = {
+            active: data.is_uncategorized_transaction_notification_active,
+        };
+    }
+    return notificationSettingsData;
+};
+const toNotificationSettingsLocalData = (data) => {
+    return {
+        reminders: {
+            isMissingReceiptNotificationActive: data.missingReceiptNotification != null
+                ? data.missingReceiptNotification.active
+                : null,
+            isPendingBillApprovalNotificationActive: data.pendingBillApprovalNotification != null
+                ? data.pendingBillApprovalNotification.active
+                : null,
+            isPendingReimbursementApprovalNotificationActive: data.pendingReimbursementApprovalNotification != null
+                ? data.pendingReimbursementApprovalNotification.active
+                : null,
+            isUncategorizedTransactionNotificationActive: data.uncategorizedTransactionNotification != null
+                ? data.uncategorizedTransactionNotification.active
+                : null,
+        },
+    };
+};

package/lib/view/settingsView/settingsViewSelector.d.ts

@@ -3,6 +3,7 @@ import { FetchStateAndError, ID } from '../../commonStateTypes/common';
 import { TenantExternalConnections } from '../../entity/tenant/tenantState';
 import { Company } from '../../entity/company/companyStateTypes';
 import { MyBankConnectionsView, BankConnectionsSetupView, MyProfileSelectorView } from './types/settingsViewSelectorTypes';
+import { NotificationSettings } from './settingsViewState';
 export declare function getApprovalRuleViewDetails(state: RootState): FetchStateAndError;
 export declare function getBankConnectionsSetupViewDetails(state: RootState, companyId: ID): BankConnectionsSetupView;
 export declare function getMyBankConnectionsDetails(state: RootState, userId: ID): MyBankConnectionsView;
@@ -12,3 +13,4 @@ export interface IntegrationsView {
 }
 export declare function getIntegrationsView(state: RootState, companyId: ID): IntegrationsView;
 export declare const getMyProfileView: (state: RootState) => MyProfileSelectorView;
+export declare const getNotificationSettingsView: (state: RootState) => NotificationSettings;

package/lib/view/settingsView/settingsViewSelector.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getMyProfileView = exports.getIntegrationsView = exports.getMyBankConnectionsDetails = exports.getBankConnectionsSetupViewDetails = exports.getApprovalRuleViewDetails = void 0;
+exports.getNotificationSettingsView = exports.getMyProfileView = exports.getIntegrationsView = exports.getMyBankConnectionsDetails = exports.getBankConnectionsSetupViewDetails = exports.getApprovalRuleViewDetails = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const tenantSelector_1 = require("../../entity/tenant/tenantSelector");
 const companySelector_1 = require("../../entity/company/companySelector");
@@ -117,3 +117,6 @@ exports.getMyProfileView = (0, toolkit_1.createSelector)((state) => state.tenant
     }
     return myProfilePeopleView;
 });
+exports.getNotificationSettingsView = (0, toolkit_1.createSelector)((state) => state.settingsViewState, (settingsViewState) => {
+    return settingsViewState.notification;
+});

package/lib/view/settingsView/settingsViewState.d.ts

@@ -5,8 +5,26 @@ interface MyProfile extends FetchStateAndError {
 interface BankConnection extends FetchStateAndError {
     bankAccountIds: ID[];
 }
+declare const toReminderTypeKey: (v: string) => "missingReceiptNotification" | "uncategorizedTransactionNotification" | "pendingBillApprovalNotification" | "pendingReimbursementApprovalNotification";
+declare type ReminderTypeKey = ReturnType<typeof toReminderTypeKey>;
+declare const toReminderFlagTypeKey: (v: string) => "isMissingReceiptNotificationActive" | "isUncategorizedTransactionNotificationActive" | "isPendingBillApprovalNotificationActive" | "isPendingReimbursementApprovalNotificationActive";
+declare type ReminderFlagTypeKey = ReturnType<typeof toReminderFlagTypeKey>;
+export declare type ReminderNotificationSettingsLocalData = Record<ReminderFlagTypeKey, boolean | null>;
+export interface NotificationSettingsLocalData {
+    reminders: ReminderNotificationSettingsLocalData;
+}
+interface ReminderNotificationSettingDetails {
+    active: boolean;
+}
+export declare type ReminderNotificationSettingsData = Record<ReminderTypeKey, ReminderNotificationSettingDetails | null>;
+export interface NotificationSettings extends FetchStateAndError {
+    notificationSettings: ReminderNotificationSettingsData;
+    notificationSettingsLocalData: NotificationSettingsLocalData;
+    updateStatus: FetchStateAndError;
+}
 export interface SettingsViewState {
     profile: MyProfile;
     bankConnection: BankConnection;
+    notification: NotificationSettings;
 }
 export {};

package/lib/view/settingsView/settingsViewState.js

@@ -1,2 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const stringToUnion_1 = require("../../commonStateTypes/stringToUnion");
+const REMINDER_NOTIFICATION_TYPES = [
+    'missingReceiptNotification',
+    'uncategorizedTransactionNotification',
+    'pendingBillApprovalNotification',
+    'pendingReimbursementApprovalNotification',
+];
+const REMINDER_NOTIFICATION_FLAG_TYPES = [
+    'isMissingReceiptNotificationActive',
+    'isUncategorizedTransactionNotificationActive',
+    'isPendingBillApprovalNotificationActive',
+    'isPendingReimbursementApprovalNotificationActive',
+];
+const toReminderTypeKey = (v) => (0, stringToUnion_1.stringToUnion)(v, REMINDER_NOTIFICATION_TYPES);
+const toReminderFlagTypeKey = (v) => (0, stringToUnion_1.stringToUnion)(v, REMINDER_NOTIFICATION_FLAG_TYPES);

package/lib/view/spendManagement/billPay/editBillView/editBillViewSelector.d.ts

@@ -74,6 +74,7 @@ export interface EditBillDetailSelectorView extends SelectorView {
     billPayConfigList: BillPayConfig[];
     file: Attachment | undefined;
     previousBills: PreviousBillsSelectorView;
+    showVendorGptRecommendationText: boolean;
     isCancelled: boolean;
     isDeleted: boolean;
     showAutofill: boolean;

package/lib/view/spendManagement/billPay/editBillView/editBillViewSelector.js

@@ -30,7 +30,7 @@ const transferDetailSelector_1 = require("../../zeniAccounts/transferDetail/tran
 const depositAccountListSelector_1 = require("../../zeniAccounts/depositAccountList/depositAccountListSelector");
 const depositAccountSelector_1 = require("../../../../entity/depositAccount/depositAccountSelector");
 const getEditBillDetail = (state, isVendorRecommendationFeatureEnabled, isZeniAccountsEnabled, billId) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5;
     const { accountListState, accountState, bankAccountState, billDetailViewState, setupViewState, billTransactionState, billPayConfigState, classListState, classState, editBillDetailViewState, paymentAccountState, vendorState, tenantState, companyState, userState, commonHistoryState, contactState, paymentInstrumentState, recurringBillState, depositAccountListState, depositAccountState, } = state;
     const transaction = (0, get_1.default)(billTransactionState.transactionById, billId !== null && billId !== void 0 ? billId : '', undefined);
     let recommendations = {};
@@ -41,6 +41,7 @@ const getEditBillDetail = (state, isVendorRecommendationFeatureEnabled, isZeniAc
     const sourceBillDetail = billId != null
         ? (_a = editBillDetailViewState.editBillStateById) === null || _a === void 0 ? void 0 : _a[key]
         : editBillDetailViewState.newBillState;
+    const showVendorGptRecommendationText = (_b = sourceBillDetail === null || sourceBillDetail === void 0 ? void 0 : sourceBillDetail.billDetailLocalData.showVendorGptRecommendationText) !== null && _b !== void 0 ? _b : false;
     let vendorDetails;
     let recommendedVendor;
     let lastRecommendedVendorName;
@@ -91,10 +92,10 @@ const getEditBillDetail = (state, isVendorRecommendationFeatureEnabled, isZeniAc
     let qboId;
     const { currentTenantId } = tenantState;
     const bookCloseDate = currentTenantId != null
-        ? (_c = (_b = tenantState.tenantsById) === null || _b === void 0 ? void 0 : _b[currentTenantId]) === null || _c === void 0 ? void 0 : _c.bookCloseDate
+        ? (_d = (_c = tenantState.tenantsById) === null || _c === void 0 ? void 0 : _c[currentTenantId]) === null || _d === void 0 ? void 0 : _d.bookCloseDate
         : undefined;
     const companyId = currentTenantId != null
-        ? (_e = (_d = tenantState.tenantsById) === null || _d === void 0 ? void 0 : _d[currentTenantId]) === null || _e === void 0 ? void 0 : _e.companyId
+        ? (_f = (_e = tenantState.tenantsById) === null || _e === void 0 ? void 0 : _e[currentTenantId]) === null || _f === void 0 ? void 0 : _f.companyId
         : undefined;
     const currentCompany = (0, companySelector_1.getCompanyByCompanyId)(companyState, companyId !== null && companyId !== void 0 ? companyId : '');
     const payNowCutOffTime = currentCompany === null || currentCompany === void 0 ? void 0 : currentCompany.company.companyBillPayInfo.payNowCutOffTimeByMethod.ach;
@@ -116,15 +117,15 @@ const getEditBillDetail = (state, isVendorRecommendationFeatureEnabled, isZeniAc
     let recurringConfig;
     let recurringBillInstances;
     if (billId != null) {
-        isDeleted = (_f = transaction === null || transaction === void 0 ? void 0 : transaction.isDeleted) !== null && _f !== void 0 ? _f : false;
-        createdBy = (0, userSelector_1.getUserByUserId)(userState, (_g = transaction === null || transaction === void 0 ? void 0 : transaction.createdBy) !== null && _g !== void 0 ? _g : '');
+        isDeleted = (_g = transaction === null || transaction === void 0 ? void 0 : transaction.isDeleted) !== null && _g !== void 0 ? _g : false;
+        createdBy = (0, userSelector_1.getUserByUserId)(userState, (_h = transaction === null || transaction === void 0 ? void 0 : transaction.createdBy) !== null && _h !== void 0 ? _h : '');
         createTime = transaction === null || transaction === void 0 ? void 0 : transaction.createTime;
-        qboId = (_h = transaction === null || transaction === void 0 ? void 0 : transaction.account) === null || _h === void 0 ? void 0 : _h.qboId;
+        qboId = (_j = transaction === null || transaction === void 0 ? void 0 : transaction.account) === null || _j === void 0 ? void 0 : _j.qboId;
         billPayInfo = transaction === null || transaction === void 0 ? void 0 : transaction.billPayInfo;
         toAccountVendorEmail = transaction === null || transaction === void 0 ? void 0 : transaction.billPayInfo.toAccountVendorEmail;
         isCollectToAccountInfoFromVendorContact =
-            (_j = transaction === null || transaction === void 0 ? void 0 : transaction.billPayInfo.isCollectToAccountInfoFromVendorContact) !== null && _j !== void 0 ? _j : false;
-        const initialVendor = (0, vendorSelector_1.getVendorByQboId)(vendorState, (_l = (_k = transaction === null || transaction === void 0 ? void 0 : transaction.vendor) === null || _k === void 0 ? void 0 : _k.id) !== null && _l !== void 0 ? _l : '');
+            (_k = transaction === null || transaction === void 0 ? void 0 : transaction.billPayInfo.isCollectToAccountInfoFromVendorContact) !== null && _k !== void 0 ? _k : false;
+        const initialVendor = (0, vendorSelector_1.getVendorByQboId)(vendorState, (_m = (_l = transaction === null || transaction === void 0 ? void 0 : transaction.vendor) === null || _l === void 0 ? void 0 : _l.id) !== null && _m !== void 0 ? _m : '');
         const initialWhatForSection = {
             invoiceNumber: transaction === null || transaction === void 0 ? void 0 : transaction.documentId,
             invoiceDate: transaction === null || transaction === void 0 ? void 0 : transaction.date,
@@ -133,7 +134,7 @@ const getEditBillDetail = (state, isVendorRecommendationFeatureEnabled, isZeniAc
         };
         const updatesByLineId = {};
         if (accountList.fetchState === 'Completed') {
-            (_m = transaction === null || transaction === void 0 ? void 0 : transaction.lines) === null || _m === void 0 ? void 0 : _m.forEach((line) => {
+            (_o = transaction === null || transaction === void 0 ? void 0 : transaction.lines) === null || _o === void 0 ? void 0 : _o.forEach((line) => {
                 var _a;
                 updatesByLineId[line.id] = Object.assign(Object.assign({}, line), { account: (_a = accountList.accounts.find((account) => {
                         var _a;
@@ -143,10 +144,10 @@ const getEditBillDetail = (state, isVendorRecommendationFeatureEnabled, isZeniAc
             });
         }
         const initialPaymentDetailsSection = {
-            paymentType: (0, exports.getPaymentMethodType)(billPayConfigState, (_o = billPayInfo === null || billPayInfo === void 0 ? void 0 : billPayInfo.fromAccount.billAccountType) !== null && _o !== void 0 ? _o : 'depositAccount', billPayInfo === null || billPayInfo === void 0 ? void 0 : billPayInfo.billPaymentMethodType, billPayInfo === null || billPayInfo === void 0 ? void 0 : billPayInfo.internationalTransferFeeBearerPaymentMethod),
+            paymentType: (0, exports.getPaymentMethodType)(billPayConfigState, (_p = billPayInfo === null || billPayInfo === void 0 ? void 0 : billPayInfo.fromAccount.billAccountType) !== null && _p !== void 0 ? _p : 'depositAccount', billPayInfo === null || billPayInfo === void 0 ? void 0 : billPayInfo.billPaymentMethodType, billPayInfo === null || billPayInfo === void 0 ? void 0 : billPayInfo.internationalTransferFeeBearerPaymentMethod),
             paymentDate: billPayInfo === null || billPayInfo === void 0 ? void 0 : billPayInfo.paymentDate,
-            withdrawFrom: (0, exports.getWithdrawFrom)(paymentAccountState, depositAccountState, (_p = billPayInfo === null || billPayInfo === void 0 ? void 0 : billPayInfo.fromAccount.billAccountId) !== null && _p !== void 0 ? _p : '', (_q = billPayInfo === null || billPayInfo === void 0 ? void 0 : billPayInfo.fromAccount.billAccountType) !== null && _q !== void 0 ? _q : ''),
-            paymentTo: ((_r = billPayInfo === null || billPayInfo === void 0 ? void 0 : billPayInfo.toAccount.billAccountId) === null || _r === void 0 ? void 0 : _r.length) != null &&
+            withdrawFrom: (0, exports.getWithdrawFrom)(paymentAccountState, depositAccountState, (_q = billPayInfo === null || billPayInfo === void 0 ? void 0 : billPayInfo.fromAccount.billAccountId) !== null && _q !== void 0 ? _q : '', (_r = billPayInfo === null || billPayInfo === void 0 ? void 0 : billPayInfo.fromAccount.billAccountType) !== null && _r !== void 0 ? _r : ''),
+            paymentTo: ((_s = billPayInfo === null || billPayInfo === void 0 ? void 0 : billPayInfo.toAccount.billAccountId) === null || _s === void 0 ? void 0 : _s.length) != null &&
                 (billPayInfo === null || billPayInfo === void 0 ? void 0 : billPayInfo.toAccount.billAccountId.length) > 0
                 ? billPayInfo.toAccount.billAccountId
                 : undefined,
@@ -163,7 +164,7 @@ const getEditBillDetail = (state, isVendorRecommendationFeatureEnabled, isZeniAc
         if (sourceBillDetail != null) {
             const billViewState = billDetailViewState.billDetailById[key];
             isCancelled = sourceBillDetail.billDetailLocalData.isCancelled;
-            billStage = (_s = billPayInfo === null || billPayInfo === void 0 ? void 0 : billPayInfo.stage.code) !== null && _s !== void 0 ? _s : 'draft';
+            billStage = (_t = billPayInfo === null || billPayInfo === void 0 ? void 0 : billPayInfo.stage.code) !== null && _t !== void 0 ? _t : 'draft';
             if (billViewState != null) {
                 fetchState = (0, reduceFetchState_1.reduceFetchState)([
                     sourceBillDetail.fetchStatus,
@@ -175,7 +176,7 @@ const getEditBillDetail = (state, isVendorRecommendationFeatureEnabled, isZeniAc
             }
         }
         //recurringBill Details
-        isRecurring = (_t = transaction === null || transaction === void 0 ? void 0 : transaction.isRecurring) !== null && _t !== void 0 ? _t : false;
+        isRecurring = (_u = transaction === null || transaction === void 0 ? void 0 : transaction.isRecurring) !== null && _u !== void 0 ? _u : false;
         if (isRecurring && transaction != null) {
             const { recurringConfigLocalData, recurringBillInstancesLocalData } = (0, exports.getRecurringBillLocalData)(recurringBillState, transaction);
             recurringConfig = recurringConfigLocalData;
@@ -205,9 +206,9 @@ const getEditBillDetail = (state, isVendorRecommendationFeatureEnabled, isZeniAc
                 ? (0, vendorSelector_1.getVendorByVendorId)(vendorState, updatedRecord.vendor.id)
                 : undefined;
         file = updatedRecord.file;
-        const bankAccInBill = (0, bankAccountSelector_1.getBankAccountByBankAccountId)(bankAccountState, (_v = (_u = updatedRecord.paymentDetailsSection) === null || _u === void 0 ? void 0 : _u.paymentTo) !== null && _v !== void 0 ? _v : '');
-        const vendorBankAccounts = (0, bankAccountSelector_1.getBankAccountsByBankAccountIds)(bankAccountState, (_w = vendorDetails === null || vendorDetails === void 0 ? void 0 : vendorDetails.bankAccountIds) !== null && _w !== void 0 ? _w : []);
-        const vendorPaymentInstruments = (0, paymentInstrumentSelector_1.getPaymentInstrumentsByIds)(paymentInstrumentState, (_x = vendorDetails === null || vendorDetails === void 0 ? void 0 : vendorDetails.paymentInstrumentIds) !== null && _x !== void 0 ? _x : []);
+        const bankAccInBill = (0, bankAccountSelector_1.getBankAccountByBankAccountId)(bankAccountState, (_w = (_v = updatedRecord.paymentDetailsSection) === null || _v === void 0 ? void 0 : _v.paymentTo) !== null && _w !== void 0 ? _w : '');
+        const vendorBankAccounts = (0, bankAccountSelector_1.getBankAccountsByBankAccountIds)(bankAccountState, (_x = vendorDetails === null || vendorDetails === void 0 ? void 0 : vendorDetails.bankAccountIds) !== null && _x !== void 0 ? _x : []);
+        const vendorPaymentInstruments = (0, paymentInstrumentSelector_1.getPaymentInstrumentsByIds)(paymentInstrumentState, (_y = vendorDetails === null || vendorDetails === void 0 ? void 0 : vendorDetails.paymentInstrumentIds) !== null && _y !== void 0 ? _y : []);
         const isBankAccInBillExistInVendor = bankAccInBill != null
             ? vendorBankAccounts
                 .map((bankAc) => bankAc.bankAccountId)
@@ -257,7 +258,7 @@ const getEditBillDetail = (state, isVendorRecommendationFeatureEnabled, isZeniAc
             (recommendedVendor === null || recommendedVendor === void 0 ? void 0 : recommendedVendor.vendorCurrencyCode) != null) {
             whatForSection.currencyCode = recommendedVendor.vendorCurrencyCode;
         }
-        isRecurring = (_y = sourceBillDetail.billDetailLocalData.isRecurring) !== null && _y !== void 0 ? _y : false;
+        isRecurring = (_z = sourceBillDetail.billDetailLocalData.isRecurring) !== null && _z !== void 0 ? _z : false;
         recurringConfig = sourceBillDetail.billDetailLocalData.recurringConfig;
         recurringBillInstances =
             sourceBillDetail.billDetailLocalData.recurringBillInstances;
@@ -277,7 +278,7 @@ const getEditBillDetail = (state, isVendorRecommendationFeatureEnabled, isZeniAc
     }
     const vendorContactSaveStatus = editBillDetailViewState.updateVendorContactState;
     const lineDetailSection = {};
-    const lineDetailSectionUpdatesByLineId = (_0 = (_z = sourceBillDetail === null || sourceBillDetail === void 0 ? void 0 : sourceBillDetail.billDetailLocalData) === null || _z === void 0 ? void 0 : _z.updatesByLineId) !== null && _0 !== void 0 ? _0 : {};
+    const lineDetailSectionUpdatesByLineId = (_1 = (_0 = sourceBillDetail === null || sourceBillDetail === void 0 ? void 0 : sourceBillDetail.billDetailLocalData) === null || _0 === void 0 ? void 0 : _0.updatesByLineId) !== null && _1 !== void 0 ? _1 : {};
     const classList = (0, classListSelector_1.getClassList)(classState, classListState);
     if (accountList.fetchState === 'Completed') {
         Object.keys(lineDetailSectionUpdatesByLineId).forEach((lineId) => {
@@ -299,13 +300,14 @@ const getEditBillDetail = (state, isVendorRecommendationFeatureEnabled, isZeniAc
     const classHeirarchyList = (0, classListSelector_1.getNestedClassListHeirarchy)(classListState);
     const duplicateBills = (0, billPayReviewSelector_1.getDuplicateBills)(state, billId);
     return {
+        showVendorGptRecommendationText,
         recommendedVendor,
         lastRecommendedVendorName,
         duplicateBills,
         fetchState: fetchState,
-        saveStatus: (_1 = sourceBillDetail === null || sourceBillDetail === void 0 ? void 0 : sourceBillDetail.saveStatus) !== null && _1 !== void 0 ? _1 : undefined,
-        error: (_3 = (_2 = sourceBillDetail === null || sourceBillDetail === void 0 ? void 0 : sourceBillDetail.fetchStatus) === null || _2 === void 0 ? void 0 : _2.error) !== null && _3 !== void 0 ? _3 : undefined,
-        uploadStatus: (_4 = sourceBillDetail === null || sourceBillDetail === void 0 ? void 0 : sourceBillDetail.uploadFetchState) !== null && _4 !== void 0 ? _4 : undefined,
+        saveStatus: (_2 = sourceBillDetail === null || sourceBillDetail === void 0 ? void 0 : sourceBillDetail.saveStatus) !== null && _2 !== void 0 ? _2 : undefined,
+        error: (_4 = (_3 = sourceBillDetail === null || sourceBillDetail === void 0 ? void 0 : sourceBillDetail.fetchStatus) === null || _3 === void 0 ? void 0 : _3.error) !== null && _4 !== void 0 ? _4 : undefined,
+        uploadStatus: (_5 = sourceBillDetail === null || sourceBillDetail === void 0 ? void 0 : sourceBillDetail.uploadFetchState) !== null && _5 !== void 0 ? _5 : undefined,
         version: 0,
         createdBy,
         createTime,

package/lib/view/spendManagement/billPay/editBillView/editBillViewState.d.ts

@@ -45,6 +45,7 @@ export interface RecurringBillInstance {
     billPaymentStatus?: RecurringBillPaymentStatus;
 }
 export interface BillDetailLocalData {
+    showVendorGptRecommendationText: boolean;
     vendor?: Vendor;
     candidateVendorname?: string;
     whatForSection?: WhatForSection;

package/lib/view/spendManagement/billPay/editBillView/editBillViewState.js

@@ -16,6 +16,7 @@ exports.initialBillDetail = {
         error: undefined,
     },
     billDetailLocalData: {
+        showVendorGptRecommendationText: false,
         vendor: undefined,
         whatForSection: {
             invoiceNumber: '',