@zeniai/client-epic-state 4.7.79 → 4.7.80

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

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getManagerUserIdFromUserRolesPayloadByUserId = exports.getUserPayloadByUserId = exports.fetchMyProfileEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const settingsViewReducer_1 = require("../settingsViewReducer");
+const responsePayload_1 = require("../../../responsePayload");
+const userRoleReducer_1 = require("../../../entity/userRole/userRoleReducer");
+const userReducer_1 = require("../../../entity/user/userReducer");
+const userListViewReducer_1 = require("../../userListView/userListViewReducer");
+const fetchMyProfileEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(settingsViewReducer_1.fetchMyProfile.match), (0, operators_1.switchMap)(() => {
+    const URL = `${zeniAPI.apiEndPoints.tenantMicroServiceBaseUrl}/1.0/settings/user-profile`;
+    const loggedInUser = state$.value.tenantState.loggedInUser;
+    return zeniAPI.getJSON(URL).pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) &&
+            response.data != null &&
+            (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.userId) != null) {
+            const loggedInUserPayload = getUserPayloadByUserId(loggedInUser.userId, response.data.users);
+            const managerUserPayload = getUserPayloadByUserId(getManagerUserIdFromUserRolesPayloadByUserId(loggedInUser.userId, response.data.user_roles), response.data.users);
+            const updateActions = [];
+            updateActions.push((0, userRoleReducer_1.updateUserRoles)(response.data.user_roles), (0, userReducer_1.updateAllUsers)({ users: response.data.users }), (0, settingsViewReducer_1.updateMyProfileOnSuccess)(loggedInUser.userId));
+            if (managerUserPayload && loggedInUserPayload != null) {
+                updateActions.push((0, userListViewReducer_1.updateUserIds)({
+                    userType: 'manager',
+                    usersPayload: managerUserPayload,
+                }));
+            }
+            return (0, rxjs_1.of)(...updateActions);
+        }
+        else {
+            return (0, rxjs_1.of)((0, settingsViewReducer_1.updateMyProfileOnFailure)(response.status));
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, settingsViewReducer_1.updateMyProfileOnFailure)((0, responsePayload_1.createZeniAPIStatus)('Unexpected error', 'Fetch My Profile REST API call errored out' +
+        JSON.stringify(error))))));
+}));
+exports.fetchMyProfileEpic = fetchMyProfileEpic;
+/**
+ *  Helpers
+ */
+function getUserPayloadByUserId(userId, usersPayload) {
+    const user = usersPayload.find((user) => user.user_id === userId);
+    return user ? [user] : undefined;
+}
+exports.getUserPayloadByUserId = getUserPayloadByUserId;
+function getManagerUserIdFromUserRolesPayloadByUserId(userId, userRolesPayload) {
+    const userRoles = userRolesPayload.find((user) => user.user_id === userId);
+    const manager_user_id = userRoles === null || userRoles === void 0 ? void 0 : userRoles.manager_user_id;
+    return manager_user_id !== null && manager_user_id !== void 0 ? manager_user_id : undefined;
+}
+exports.getManagerUserIdFromUserRolesPayloadByUserId = getManagerUserIdFromUserRolesPayloadByUserId;

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

@@ -0,0 +1,7 @@
+import { ActionsObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { fetchMyProfile } from '../settingsViewReducer';
+import { fetchCompanyPassportView } from '../../companyView/companyViewReducer';
+import { fetchClassList } from '../../classList/classListReducer';
+export declare type ActionType = ReturnType<typeof fetchCompanyPassportView> | ReturnType<typeof fetchMyProfile> | ReturnType<typeof fetchClassList>;
+export declare const fetchMyProfileViewEpic: (actions$: ActionsObservable<ActionType>) => Observable<ActionType>;

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchMyProfileViewEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const settingsViewReducer_1 = require("../settingsViewReducer");
+const companyViewReducer_1 = require("../../companyView/companyViewReducer");
+const classListReducer_1 = require("../../classList/classListReducer");
+const fetchMyProfileViewEpic = (actions$) => actions$.pipe((0, operators_1.filter)(settingsViewReducer_1.fetchMyProfileView.match), (0, operators_1.switchMap)((action) => {
+    const { companyId } = action.payload;
+    return (0, rxjs_1.from)([
+        (0, companyViewReducer_1.fetchCompanyPassportView)(companyId),
+        (0, classListReducer_1.fetchClassList)(),
+        (0, settingsViewReducer_1.fetchMyProfile)(),
+    ]);
+}));
+exports.fetchMyProfileViewEpic = fetchMyProfileViewEpic;

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

@@ -0,0 +1,8 @@
+import { UserPayload } from '../../entity/user/userPayload';
+import { UserRolePayload } from '../../entity/userRole/userRolePayload';
+import { ZeniAPIResponse } from '../../responsePayload';
+export interface MyProfilePeoplePayload {
+    user_roles: UserRolePayload[];
+    users: UserPayload[];
+}
+export declare type MyProfilePeopleResponse = ZeniAPIResponse<MyProfilePeoplePayload>;

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

@@ -0,0 +1,13 @@
+import { ZeniAPIStatus } from '../../responsePayload';
+import { SettingsViewState } from './settingsViewState';
+import { ID } from '../../commonStateTypes/common';
+export declare const initialState: SettingsViewState;
+export declare const fetchMyProfileView: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[companyId: string], {
+    companyId: string;
+}, string, never, never>, fetchMyProfile: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, updateMyProfileOnSuccess: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[userId: string], {
+    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>;
+declare const _default: import("@reduxjs/toolkit").Reducer<SettingsViewState, import("@reduxjs/toolkit").AnyAction>;
+export default _default;

package/lib/view/settingsView/settingsViewReducer.js

@@ -0,0 +1,71 @@
+"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;
+const toolkit_1 = require("@reduxjs/toolkit");
+exports.initialState = {
+    profile: {
+        fetchState: 'Not-Started',
+        error: undefined,
+        userId: null,
+    },
+    bankConnection: {
+        fetchState: 'Not-Started',
+        error: undefined,
+        bankAccountIds: [],
+    },
+};
+const settings = (0, toolkit_1.createSlice)({
+    name: 'settings',
+    initialState: exports.initialState,
+    reducers: {
+        fetchMyProfileView: {
+            reducer() {
+                // Do nothing.
+            },
+            // eslint-disable-next-line @typescript-eslint/no-inferrable-types
+            prepare(companyId) {
+                return { payload: { companyId } };
+            },
+        },
+        fetchMyProfile(draft) {
+            draft.profile.fetchState = 'In-Progress';
+            draft.profile.error = undefined;
+        },
+        updateMyProfileOnSuccess: {
+            prepare(userId) {
+                return { payload: { userId } };
+            },
+            reducer(draft, action) {
+                draft.profile.fetchState = 'Completed';
+                draft.profile.error = undefined;
+                draft.profile.userId = action.payload.userId;
+            },
+        },
+        updateMyProfileOnFailure(draft, action) {
+            draft.profile.fetchState = 'Error';
+            draft.profile.error = action.payload;
+        },
+        fetchBankConnectionsView() {
+            // Do nothing.
+        },
+        fetchBankAccountsList(draft) {
+            draft.bankConnection.fetchState = 'In-Progress';
+            draft.bankConnection.error = undefined;
+        },
+        updateBankConnectionOnSuccess(draft, action) {
+            draft.bankConnection.fetchState = 'Completed';
+            draft.bankConnection.error = undefined;
+            draft.bankConnection.bankAccountIds = action.payload.bankAccountIds;
+        },
+        updateBankConnectionOnFailure(draft, action) {
+            draft.bankConnection.fetchState = 'Error';
+            draft.bankConnection.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;
+exports.default = settings.reducer;

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

@@ -0,0 +1,14 @@
+import { RootState } from '../../reducer';
+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';
+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;
+export interface IntegrationsView {
+    externalConnections: TenantExternalConnections | undefined;
+    companyView: Company | undefined;
+}
+export declare function getIntegrationsView(state: RootState, companyId: ID): IntegrationsView;
+export declare const getMyProfileView: (state: RootState) => MyProfileSelectorView;

package/lib/view/settingsView/settingsViewSelector.js

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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");
+const userRoleSelector_1 = require("../../entity/userRole/userRoleSelector");
+const userSelector_1 = require("../../entity/user/userSelector");
+const accountSelector_1 = require("../../entity/account/accountSelector");
+const paymentAccountSelector_1 = require("../../entity/paymentAccount/paymentAccountSelector");
+const classSelector_1 = require("../../entity/class/classSelector");
+const classSelectorV2_1 = require("../../entity/class/classSelectorV2");
+const userListViewSelector_1 = require("../userListView/userListViewSelector");
+const reduceFetchState_1 = require("../../commonStateTypes/reduceFetchState");
+const companyPassportViewSelector_1 = require("../companyView/selector/companyPassportViewSelector");
+const userFinancialAccountSelector_1 = require("../userFinancialAccount/userFinancialAccountSelector");
+const setupViewSelector_1 = require("../../view/spendManagement/commonSetup/setupViewSelector");
+function getApprovalRuleViewDetails(state) {
+    const { billPaySetupApproverViewState, remiSetupApproverViewState } = state;
+    const fetchState = (0, reduceFetchState_1.reduceAnyFetchState)([
+        billPaySetupApproverViewState,
+        remiSetupApproverViewState,
+    ]);
+    return {
+        fetchState: fetchState.fetchState,
+    };
+}
+exports.getApprovalRuleViewDetails = getApprovalRuleViewDetails;
+function getBankConnectionsSetupViewDetails(state, companyId) {
+    const { accountState, setupViewState, settingsViewState } = state;
+    const { bankConnection } = settingsViewState;
+    const allBankAccounts = bankConnection.bankAccountIds
+        .map((accountId) => (0, accountSelector_1.getAccountBase)(accountState, accountId, 'bill_pay'))
+        .filter((account) => account != null);
+    const fetchState = (0, reduceFetchState_1.reduceAnyFetchState)([
+        settingsViewState.bankConnection,
+        setupViewState.accountDetails.fetchStatus,
+    ]);
+    return {
+        setupView: Object.assign(Object.assign({}, (0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'bill_pay')), { allBankAccounts }),
+        fetchState: fetchState.fetchState,
+    };
+}
+exports.getBankConnectionsSetupViewDetails = getBankConnectionsSetupViewDetails;
+function getMyBankConnectionsDetails(state, userId) {
+    var _a, _b;
+    const userFinancialAccount = (0, userFinancialAccountSelector_1.getUserFinancialAccount)(state, userId);
+    const paymentAccounts = (0, paymentAccountSelector_1.getPaymentAccountsByBankAccountIds)(state.paymentAccountState, (_b = (_a = state.userFinancialAccountState.financialAccountByUserId[userId]) === null || _a === void 0 ? void 0 : _a.bankAccountIds) !== null && _b !== void 0 ? _b : []);
+    return Object.assign(Object.assign({}, userFinancialAccount), { paymentAccounts });
+}
+exports.getMyBankConnectionsDetails = getMyBankConnectionsDetails;
+function getIntegrationsView(state, companyId) {
+    var _a;
+    const externalConnections = (0, tenantSelector_1.getCurrentTenantExternalConnections)(state.tenantState, state.companyState);
+    const companyView = (_a = (0, companySelector_1.getCompanyByCompanyId)(state.companyState, companyId)) === null || _a === void 0 ? void 0 : _a.company;
+    return {
+        externalConnections,
+        companyView,
+    };
+}
+exports.getIntegrationsView = getIntegrationsView;
+exports.getMyProfileView = (0, toolkit_1.createSelector)((state) => state.tenantState, (state) => state.userState, (state) => state.userRoleState, (state) => state.settingsViewState, (state) => state.classState, (state) => state.classListState, (state) => (0, companyPassportViewSelector_1.getCompanyPassportView)(state), (state) => (0, userListViewSelector_1.getUserList)(state, 'manager'), (tenantState, userState, userRoleState, settingsViewState, classState, classListState, companyPassportView, managersListView) => {
+    var _a, _b, _c, _d;
+    const userId = (_a = tenantState.loggedInUser) === null || _a === void 0 ? void 0 : _a.userId;
+    if (userId == null) {
+        throw new Error(`User not logged in`);
+    }
+    const user = (0, userSelector_1.getUserByUserId)(userState, userId);
+    const userRole = (0, userRoleSelector_1.getUserRoleByUserId)(userRoleState, userId);
+    const person = {
+        userId,
+        user,
+        userRole,
+    };
+    const isZeniUser = (_b = userRole === null || userRole === void 0 ? void 0 : userRole.isZeni) !== null && _b !== void 0 ? _b : true;
+    const departmentIds = (_c = userRole === null || userRole === void 0 ? void 0 : userRole.accountingClassIDs) !== null && _c !== void 0 ? _c : [];
+    const classList = (0, classSelectorV2_1.getClassesByIds)(classState, {
+        classIds: classListState.classIds,
+        reportId: 'class_list',
+    });
+    const department = departmentIds.length > 0
+        ? (0, classSelector_1.getClassById)(classState, {
+            classId: departmentIds[0],
+            reportId: 'class_list',
+        })
+        : undefined;
+    const fetchState = (0, reduceFetchState_1.reduceAnyFetchState)([
+        settingsViewState.profile,
+        companyPassportView,
+        classListState,
+    ]);
+    const controllersList = ((_d = companyPassportView.companyView) === null || _d === void 0 ? void 0 : _d.controllers) != null
+        ? companyPassportView.companyView.controllers.map((controller) => controller.user)
+        : [];
+    const myProfilePeopleView = {
+        fetchState: fetchState.fetchState,
+        error: fetchState.error,
+        isZeniUser,
+        person,
+        department,
+        classList,
+        controllersList,
+        managersList: managersListView.users,
+    };
+    const managerId = userRole === null || userRole === void 0 ? void 0 : userRole.managerUserId;
+    if (managerId != null) {
+        const managerUser = (0, userSelector_1.getUserByUserId)(userState, managerId);
+        const managerUserRole = (0, userRoleSelector_1.getUserRoleByUserId)(userRoleState, managerId);
+        if (managerUser != null) {
+            const manager = {
+                userId: managerId,
+                user: managerUser,
+                userRole: managerUserRole,
+            };
+            return Object.assign(Object.assign({}, myProfilePeopleView), { manager });
+        }
+    }
+    return myProfilePeopleView;
+});

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

@@ -0,0 +1,12 @@
+import { ID, FetchStateAndError } from '../../commonStateTypes/common';
+interface MyProfile extends FetchStateAndError {
+    userId: ID | null;
+}
+interface BankConnection extends FetchStateAndError {
+    bankAccountIds: ID[];
+}
+export interface SettingsViewState {
+    profile: MyProfile;
+    bankConnection: BankConnection;
+}
+export {};

package/lib/view/settingsView/settingsViewState.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/view/settingsView/types/settingsViewSelectorTypes.d.ts

@@ -0,0 +1,29 @@
+import { ID, FetchStateAndError } from '../../../commonStateTypes/common';
+import { SelectorView } from '../../../commonStateTypes/viewAndReport/viewAndReport';
+import { Class } from '../../../entity/class/classState';
+import { PaymentAccount } from '../../../entity/paymentAccount/paymentAccountState';
+import { User } from '../../../entity/user/userState';
+import { UserRole } from '../../../entity/userRole/userRoleState';
+import { Person } from '../../people/peopleSelectorTypes';
+import { SetupView } from '../../spendManagement/commonSetup/setupViewSelector';
+import { UserFinancialAccountSelectorView } from '../../userFinancialAccount/userFinancialAccountSelector';
+export interface MyProfileSelectorView extends SelectorView {
+    isZeniUser: boolean;
+    person: MyProfile;
+    classList: Class[];
+    managersList: Person[];
+    controllersList: User[];
+    manager?: MyProfile;
+    department?: Class;
+}
+export interface MyProfile {
+    userId: ID;
+    user: User | undefined;
+    userRole: UserRole | undefined;
+}
+export interface MyBankConnectionsView extends UserFinancialAccountSelectorView {
+    paymentAccounts: PaymentAccount[];
+}
+export interface BankConnectionsSetupView extends FetchStateAndError {
+    setupView: SetupView;
+}

package/lib/view/settingsView/types/settingsViewSelectorTypes.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/view/spendManagement/billPay/editBillView/epics/saveBillDetailEpic.d.ts

@@ -3,7 +3,8 @@ import { ZeniAPI } from '../../../../../zeniAPI';
 import { RootState } from '../../../../../reducer';
 import { saveBillDetail, saveBillSuccessOrFailure } from '../editBillViewReducer';
 import { updateBillTransaction } from '../../../../../entity/billPay/billTransaction/billTransactionReducer';
-import { RecurringBillInstance } from '../editBillViewState';
+import { EditBillDetail, RecurringBillInstance } from '../editBillViewState';
+import { BillTransaction } from '../../../../../entity/billPay/billTransaction/billTransactionState';
 import { updateRecurringBillConfigs, updateRecurringBills } from '../../../../../entity/billPay/recurringBills/recurringBillsReducer';
 import { openSnackbar } from '../../../../../entity/snackbar/snackbarReducer';
 export declare type ActionType = ReturnType<typeof saveBillDetail> | ReturnType<typeof updateBillTransaction> | ReturnType<typeof openSnackbar> | ReturnType<typeof saveBillSuccessOrFailure> | ReturnType<typeof updateRecurringBillConfigs> | ReturnType<typeof updateRecurringBills>;
@@ -15,3 +16,4 @@ export interface RecurringBillInstancePayload {
     vendor_receive_date_notes: string;
 }
 export declare const toRecurringBillInstancePayload: (recurringBillInstance: RecurringBillInstance, maxPaymentProcessingDays: number) => RecurringBillInstancePayload;
+export declare const checkIfUpdateCurrentBill: (editBillDetail: EditBillDetail, originalBillDetail?: BillTransaction | undefined) => boolean;

package/lib/view/spendManagement/billPay/editBillView/epics/saveBillDetailEpic.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toRecurringBillInstancePayload = exports.saveBillDetailEpic = void 0;
+exports.checkIfUpdateCurrentBill = exports.toRecurringBillInstancePayload = exports.saveBillDetailEpic = void 0;
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const get_1 = __importDefault(require("lodash/get"));
@@ -83,7 +83,7 @@ const getSaveBillApiURL = (saveBillBaseURL, isRecurring, billId) => {
     }
 };
 function prepareSaveBillPayload(accountState, billTransactionState, paymentAccountState, setupViewState, vendorState, recurringBillState, billDetail, billStageCode, isVendorRecommendationEnabled, isLocalCurrencyEnabled) {
-    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, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21;
+    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, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18;
     const billId = billDetail.billId;
     let detail;
     const withdrawFromList = (0, paymentAccountSelector_1.getPaymentAccountsByPaymentAccountIds)(paymentAccountState, setupViewState.accountDetails.paymentAccountIds);
@@ -187,8 +187,7 @@ function prepareSaveBillPayload(accountState, billTransactionState, paymentAccou
                 recurringConfig.updateRecurringBills === 'all';
             payload.is_update_current_bill =
                 recurringConfig.updateRecurringBills === 'all' ||
-                    ((_20 = (_19 = billDetail.billDetailLocalData.paymentDetailsSection) === null || _19 === void 0 ? void 0 : _19.paymentDate) === null || _20 === void 0 ? void 0 : _20.toString()) !==
-                        ((_21 = detail === null || detail === void 0 ? void 0 : detail.billPayInfo.paymentDate) === null || _21 === void 0 ? void 0 : _21.toString())
+                    (0, exports.checkIfUpdateCurrentBill)(billDetail, detail)
                     ? true
                     : recurringConfig.updateRecurringBills === 'current';
             if ((isConfigChangedForExistingBill ||
@@ -246,3 +245,24 @@ const toRecurringBillInstancePayload = (recurringBillInstance, maxPaymentProcess
     };
 };
 exports.toRecurringBillInstancePayload = toRecurringBillInstancePayload;
+const checkIfUpdateCurrentBill = (editBillDetail, originalBillDetail) => {
+    var _a, _b, _c, _d, _e;
+    const { paymentDetailsSection, whatForSection } = editBillDetail.billDetailLocalData;
+    if (((_a = paymentDetailsSection === null || paymentDetailsSection === void 0 ? void 0 : paymentDetailsSection.paymentDate) === null || _a === void 0 ? void 0 : _a.toString()) !==
+        ((_b = originalBillDetail === null || originalBillDetail === void 0 ? void 0 : originalBillDetail.billPayInfo.paymentDate) === null || _b === void 0 ? void 0 : _b.toString())) {
+        return true;
+    }
+    if ((whatForSection === null || whatForSection === void 0 ? void 0 : whatForSection.invoiceNumber) !== (originalBillDetail === null || originalBillDetail === void 0 ? void 0 : originalBillDetail.documentId)) {
+        return true;
+    }
+    if (((_c = whatForSection === null || whatForSection === void 0 ? void 0 : whatForSection.billDueDate) === null || _c === void 0 ? void 0 : _c.toString()) !==
+        ((_d = originalBillDetail === null || originalBillDetail === void 0 ? void 0 : originalBillDetail.dueDate) === null || _d === void 0 ? void 0 : _d.toString())) {
+        return true;
+    }
+    if (((_e = whatForSection === null || whatForSection === void 0 ? void 0 : whatForSection.invoiceDate) === null || _e === void 0 ? void 0 : _e.toString()) !==
+        (originalBillDetail === null || originalBillDetail === void 0 ? void 0 : originalBillDetail.date.toString())) {
+        return true;
+    }
+    return false;
+};
+exports.checkIfUpdateCurrentBill = checkIfUpdateCurrentBill;

package/lib/view/spendManagement/chargeCards/chargeCardConfig/chargeCardConfigPayload.d.ts

@@ -1,7 +1,8 @@
+import { AllowedValueWithCode } from '../../../../commonStateTypes/allowedValue';
 import { ZeniAPIResponse } from '../../../../responsePayload';
 import { CreditTerm, RePaymentInfo } from './chargeCardConfigState';
 export interface ChargeCardConfigPayload {
-    allowed_credit_limit_span_options: string[];
+    allowed_credit_limit_span_options: AllowedValueWithCode[];
     credit_terms: CreditTermsPayload;
     repayment_info: RePaymentInfoPayload;
 }

package/lib/view/spendManagement/chargeCards/chargeCardConfig/chargeCardConfigReducer.js

@@ -30,7 +30,10 @@ const chargeCardConfig = (0, toolkit_1.createSlice)({
         updateChargeCardConfig(draft, action) {
             const { payload } = action;
             draft.creditLimitFrequency =
-                payload.allowed_credit_limit_span_options.map((v) => (0, chargeCard_1.toCreditLimitFrequencyCodeType)(v));
+                payload.allowed_credit_limit_span_options.map((fequency) => ({
+                    code: (0, chargeCard_1.toCreditLimitFrequencyCodeType)(fequency.code),
+                    name: fequency.name,
+                }));
             draft.creditTerm = (0, chargeCardConfigPayload_1.toCreditTerm)(payload.credit_terms);
             draft.rePaymentInfo = (0, chargeCardConfigPayload_1.toRePaymentInfo)(payload.repayment_info);
             draft.fetchState = 'Completed';

package/lib/view/spendManagement/chargeCards/chargeCardConfig/chargeCardConfigState.d.ts

@@ -1,9 +1,9 @@
 import { FetchedState, ID } from '../../../../commonStateTypes/common';
 import { TimeframeTick } from '../../../../commonStateTypes/timeframeTick';
-import { CreditLimitFrequencyCodeType } from '../../../../entity/chargeCard/chargeCard';
+import { CreditLimitFrequency } from '../../../../entity/chargeCard/chargeCard';
 import { ZeniDate } from '../../../../zeniDayJS';
 export interface ChargeCardConfigState extends FetchedState {
-    creditLimitFrequency: CreditLimitFrequencyCodeType[];
+    creditLimitFrequency: CreditLimitFrequency[];
     creditTerm: CreditTerm;
     rePaymentInfo?: RePaymentInfo;
 }

package/lib/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetail.d.ts

@@ -7,6 +7,7 @@ export interface ChargeCardDetailState {
 export interface ChargeCardDetail extends FetchedState {
     id: ID;
     transactionList: ChargeCardDetailTransactionList;
+    updateStatus: FetchStateAndError;
 }
 export interface ChargeCardDetailTransactionList extends FetchStateAndError {
     transactionIds: ID[];

package/lib/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetail.js

@@ -20,4 +20,8 @@ exports.emptyChargeCardDetail = {
     hasValidState() {
         return this.fetchState == 'Completed';
     },
+    updateStatus: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
 };

package/lib/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetailReducer.d.ts

@@ -23,6 +23,13 @@ export declare const fetchChargeCardDetailPage: import("@reduxjs/toolkit").Actio
 }, string>, updateChargeCardTransactionListFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     chargeCardId: ID;
     error: ZeniAPIStatus;
+}, string>, updateChargeCardDetail: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[chargeCardId: string, colorCode: string], {
+    chargeCardId: string;
+    colorCode: string;
+}, string, never, never>, updateChargeCardDetailUpdateStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    chargeCardId: ID;
+    fetchState: FetchState;
+    error?: ZeniAPIStatus<Record<string, unknown>> | undefined;
 }, string>, clearChargeCardDetail: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
 declare const _default: import("@reduxjs/toolkit").Reducer<ChargeCardDetailState, import("@reduxjs/toolkit").AnyAction>;
 export default _default;

package/lib/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetailReducer.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clearChargeCardDetail = exports.updateChargeCardTransactionListFailure = exports.updateChargeCardTransactionList = exports.fetchChargeCardTransactionList = exports.updateChargeCardDetailFetchState = exports.fetchChargeCardDetail = exports.fetchChargeCardDetailPage = exports.initialState = void 0;
+exports.clearChargeCardDetail = exports.updateChargeCardDetailUpdateStatus = exports.updateChargeCardDetail = exports.updateChargeCardTransactionListFailure = exports.updateChargeCardTransactionList = exports.fetchChargeCardTransactionList = exports.updateChargeCardDetailFetchState = exports.fetchChargeCardDetail = exports.fetchChargeCardDetailPage = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const chargeCardDetail_1 = require("./chargeCardDetail");
 const sortOrderPayload_1 = require("../../../../commonPayloadTypes/sortOrderPayload");
@@ -76,10 +76,33 @@ const chargeCardDetail = (0, toolkit_1.createSlice)({
             const existingCardDetail = draft.detailById[chargeCardId];
             draft.detailById[chargeCardId] = Object.assign(Object.assign({}, existingCardDetail), { transactionList: Object.assign(Object.assign({}, existingCardDetail.transactionList), { fetchState: 'Error', error }) });
         },
+        updateChargeCardDetail: {
+            reducer(draft, action) {
+                const { chargeCardId } = action.payload;
+                const existingCardDetail = draft.detailById[chargeCardId];
+                draft.detailById[chargeCardId] = Object.assign(Object.assign({}, existingCardDetail), { updateStatus: {
+                        fetchState: 'In-Progress',
+                        error: undefined,
+                    } });
+            },
+            prepare(chargeCardId, colorCode) {
+                return {
+                    payload: { chargeCardId, colorCode },
+                };
+            },
+        },
+        updateChargeCardDetailUpdateStatus(draft, action) {
+            const { chargeCardId, fetchState, error } = action.payload;
+            const existingCardDetail = draft.detailById[chargeCardId];
+            draft.detailById[chargeCardId] = Object.assign(Object.assign({}, existingCardDetail), { updateStatus: {
+                    fetchState,
+                    error,
+                } });
+        },
         clearChargeCardDetail(draft) {
             Object.assign(draft, exports.initialState);
         },
     },
 });
-_a = chargeCardDetail.actions, exports.fetchChargeCardDetailPage = _a.fetchChargeCardDetailPage, exports.fetchChargeCardDetail = _a.fetchChargeCardDetail, exports.updateChargeCardDetailFetchState = _a.updateChargeCardDetailFetchState, exports.fetchChargeCardTransactionList = _a.fetchChargeCardTransactionList, exports.updateChargeCardTransactionList = _a.updateChargeCardTransactionList, exports.updateChargeCardTransactionListFailure = _a.updateChargeCardTransactionListFailure, exports.clearChargeCardDetail = _a.clearChargeCardDetail;
+_a = chargeCardDetail.actions, exports.fetchChargeCardDetailPage = _a.fetchChargeCardDetailPage, exports.fetchChargeCardDetail = _a.fetchChargeCardDetail, exports.updateChargeCardDetailFetchState = _a.updateChargeCardDetailFetchState, exports.fetchChargeCardTransactionList = _a.fetchChargeCardTransactionList, exports.updateChargeCardTransactionList = _a.updateChargeCardTransactionList, exports.updateChargeCardTransactionListFailure = _a.updateChargeCardTransactionListFailure, exports.updateChargeCardDetail = _a.updateChargeCardDetail, exports.updateChargeCardDetailUpdateStatus = _a.updateChargeCardDetailUpdateStatus, exports.clearChargeCardDetail = _a.clearChargeCardDetail;
 exports.default = chargeCardDetail.reducer;

package/lib/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetailSelector.d.ts

@@ -5,11 +5,14 @@ import { RootState } from '../../../../reducer';
 import { ChargeCardConfigState } from '../chargeCardConfig/chargeCardConfigState';
 import { ChargeCardWithUser } from '../chargeCardList/chargeCardListSelector';
 import { ChargeCardDetailUiState } from './chargeCardDetail';
+import { TwoFactorAuthenticationState } from '../../../twoFactorAuthentication/twoFactorAuthentication';
 export interface ChargeCardDetailSelectorView extends SelectorView {
     chargeCardConfig: ChargeCardConfigState;
     transactions: ChargeCardTransaction[];
     uiState: ChargeCardDetailUiState;
     transactionListFetchState: FetchStateAndError;
+    twoFAView: TwoFactorAuthenticationState;
+    loggedInUserPhone: string;
     chargeCard?: ChargeCardWithUser;
 }
 export declare const getChargeCardDetailView: (state: RootState, chargeCardId: ID) => ChargeCardDetailSelectorView;

package/lib/view/spendManagement/chargeCards/chargeCardDetail/chargeCardDetailSelector.js

@@ -14,7 +14,10 @@ const userSelector_1 = require("../../../../entity/user/userSelector");
 const userRoleSelector_1 = require("../../../../entity/userRole/userRoleSelector");
 const chargeCardDetail_1 = require("./chargeCardDetail");
 const getChargeCardDetailView = (state, chargeCardId) => {
-    const { addressState, chargeCardDetailState, chargeCardState, classState, userState, userRoleState, chargeCardConfigState, chargeCardTransactionState, } = state;
+    var _a, _b, _c, _d, _e;
+    const { tenantState, addressState, chargeCardDetailState, chargeCardState, classState, userState, userRoleState, chargeCardConfigState, chargeCardTransactionState, twoFactorAuthenticationState, } = state;
+    const loggedInUserId = (_b = (_a = tenantState.loggedInUser) === null || _a === void 0 ? void 0 : _a.userId) !== null && _b !== void 0 ? _b : '';
+    const loggedInUserPhone = (_e = (_c = twoFactorAuthenticationState.phone) !== null && _c !== void 0 ? _c : (_d = (0, userSelector_1.getUserByUserId)(userState, loggedInUserId)) === null || _d === void 0 ? void 0 : _d.phone) !== null && _e !== void 0 ? _e : '';
     let chargeCardWithUser = undefined;
     const chargeCardDetail = (0, get_1.default)(chargeCardDetailState.detailById, chargeCardId, undefined);
     const chargeCard = (0, chargeCardSelector_1.getChargeCardById)(chargeCardState, chargeCardId);
@@ -62,6 +65,8 @@ const getChargeCardDetailView = (state, chargeCardId) => {
         transactions,
         uiState,
         transactionListFetchState,
+        twoFAView: twoFactorAuthenticationState,
+        loggedInUserPhone,
         version: '1.0',
     };
 };

package/lib/view/spendManagement/chargeCards/chargeCardDetail/updateChargeCardDetailEpic.d.ts

@@ -0,0 +1,11 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { Observable } from 'rxjs';
+import { RootState } from '../../../../reducer';
+import { ZeniAPI } from '../../../../zeniAPI';
+import { updateChargeCardDetail, updateChargeCardDetailUpdateStatus } from './chargeCardDetailReducer';
+import { openSnackbar } from '../../../../entity/snackbar/snackbarReducer';
+import { updateAllUsers } from '../../../../entity/user/userReducer';
+import { updateUserRoles } from '../../../../entity/userRole/userRoleReducer';
+import { updateChargeCard } from '../../../../entity/chargeCard/chargeCardReducer';
+export declare type ActionType = ReturnType<typeof updateChargeCardDetail> | ReturnType<typeof openSnackbar> | ReturnType<typeof updateChargeCardDetailUpdateStatus> | ReturnType<typeof updateAllUsers> | ReturnType<typeof updateUserRoles> | ReturnType<typeof updateChargeCard>;
+export declare const updateChargeCardDetailEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;