@zeniai/client-epic-state 4.19.28 → 4.19.30

package/lib/view/settingsView/settingsViewSelector.js

@@ -41,23 +41,22 @@ function getApprovalRuleViewDetails(state) {
     };
 }
 function getBankConnectionsSetupViewDetails(state, companyId, isBillPayEnabled, isRemiEnabled, isAccountEnabled, isCardEnabled, isTreasuryEnabled) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const { accountState, settingsViewState, paymentAccountState, depositAccountState, depositAccountListState, paymentAccountListState, } = state;
     const { bankConnection } = settingsViewState;
     const { paymentAccountIds } = paymentAccountListState;
     const { accountIds: depositAccountIds } = depositAccountListState;
     const currentTenant = (0, tenantSelector_1.getCurrentTenant)(state);
-    const isAccountsEnabled = Boolean((_b = (_a = currentTenant.companyZeniAccountInfo) === null || _a === void 0 ? void 0 : _a.info) === null || _b === void 0 ? void 0 : _b.isZeniAccountEnabled);
+    const isAccountsEnabled = Boolean(currentTenant.companyZeniAccountInfo?.info?.isZeniAccountEnabled);
     const allBankAccounts = bankConnection.fetchState === 'Completed'
         ? bankConnection.bankAccountIds
             .map((accountId) => (0, accountSelector_1.getAccountBase)(accountState, accountId, 'bill_pay'))
             .filter((account) => account != null)
         : [];
     const paymentAccounts = paymentAccountListState.hasValidState()
-        ? ((_c = (0, paymentAccountSelector_1.getPaymentAccountsByPaymentAccountIds)(paymentAccountState, paymentAccountIds).filter((account) => account != null)) !== null && _c !== void 0 ? _c : [])
+        ? ((0, paymentAccountSelector_1.getPaymentAccountsByPaymentAccountIds)(paymentAccountState, paymentAccountIds).filter((account) => account != null) ?? [])
         : [];
     const depositAccounts = depositAccountListState.hasValidState()
-        ? ((_d = (0, depositAccountSelector_1.getDepositAccountsByDepositAccountIds)(depositAccountState, depositAccountIds).filter((account) => account != null)) !== null && _d !== void 0 ? _d : [])
+        ? ((0, depositAccountSelector_1.getDepositAccountsByDepositAccountIds)(depositAccountState, depositAccountIds).filter((account) => account != null) ?? [])
         : [];
     const fetchState = isAccountsEnabled
         ? (0, reduceFetchState_1.reduceAnyFetchState)([
@@ -74,26 +73,46 @@ function getBankConnectionsSetupViewDetails(state, companyId, isBillPayEnabled,
         : [];
     const primaryAccountsProductWise = [];
     if (isBillPayEnabled) {
-        primaryAccountsProductWise.push(Object.assign({ productType: 'bill_pay' }, (0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'bill_pay', 'bill_pay_setup')));
+        primaryAccountsProductWise.push({
+            productType: 'bill_pay',
+            ...(0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'bill_pay', 'bill_pay_setup'),
+        });
     }
     if (isCardEnabled) {
-        primaryAccountsProductWise.push(Object.assign({ productType: 'charge_cards' }, (0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'charge_cards', 'charge_card_setup')));
+        primaryAccountsProductWise.push({
+            productType: 'charge_cards',
+            ...(0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'charge_cards', 'charge_card_setup'),
+        });
     }
     if (isAccountEnabled) {
-        primaryAccountsProductWise.push(Object.assign({ productType: 'zeni_accounts' }, (0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'zeni_accounts', 'account_setup')));
+        primaryAccountsProductWise.push({
+            productType: 'zeni_accounts',
+            ...(0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'zeni_accounts', 'account_setup'),
+        });
     }
     if (isTreasuryEnabled) {
-        primaryAccountsProductWise.push(Object.assign({ productType: 'zeni_treasury' }, (0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'zeni_treasury', 'treasury_setup')));
+        primaryAccountsProductWise.push({
+            productType: 'zeni_treasury',
+            ...(0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'zeni_treasury', 'treasury_setup'),
+        });
     }
     if (isRemiEnabled) {
-        primaryAccountsProductWise.push(Object.assign({ productType: 'reimbursement' }, (0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'reimbursement', 'reimbursement_setup')));
+        primaryAccountsProductWise.push({
+            productType: 'reimbursement',
+            ...(0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'reimbursement', 'reimbursement_setup'),
+        });
     }
     const companyView = (0, getCompanyView_1.getCompanyView)(state, companyId, []);
-    const billPayPrimaryAccount = (_e = companyView === null || companyView === void 0 ? void 0 : companyView.company.company.companyBillPayInfo.primaryFundingAccount) === null || _e === void 0 ? void 0 : _e.accountId; //companyBillPayInfo
-    const remiPrimaryAccount = (_f = companyView === null || companyView === void 0 ? void 0 : companyView.company.company.companyReimbursementInfo.primaryFundingAccount) === null || _f === void 0 ? void 0 : _f.accountId;
-    const accountsPrimaryAccount = (_g = companyView === null || companyView === void 0 ? void 0 : companyView.company.company.companyZeniAccountInfo.primaryFundingAccount) === null || _g === void 0 ? void 0 : _g.accountId; //companyZeniAccountInfo
-    const chargeCardsPrimaryAccount = (_h = companyView === null || companyView === void 0 ? void 0 : companyView.company.company.companyChargeCardInfo.primaryFundingAccount) === null || _h === void 0 ? void 0 : _h.accountId; //companyChargeCardInfo
-    const treasuryPrimaryAccount = (_k = (_j = companyView === null || companyView === void 0 ? void 0 : companyView.company.company.companyTreasuryInfo) === null || _j === void 0 ? void 0 : _j.primaryFundingAccount) === null || _k === void 0 ? void 0 : _k.accountId; //companyTreasuryInfo
+    const billPayPrimaryAccount = companyView?.company.company.companyBillPayInfo.primaryFundingAccount
+        ?.accountId; //companyBillPayInfo
+    const remiPrimaryAccount = companyView?.company.company.companyReimbursementInfo.primaryFundingAccount
+        ?.accountId;
+    const accountsPrimaryAccount = companyView?.company.company.companyZeniAccountInfo.primaryFundingAccount
+        ?.accountId; //companyZeniAccountInfo
+    const chargeCardsPrimaryAccount = companyView?.company.company.companyChargeCardInfo.primaryFundingAccount
+        ?.accountId; //companyChargeCardInfo
+    const treasuryPrimaryAccount = companyView?.company.company.companyTreasuryInfo?.primaryFundingAccount
+        ?.accountId; //companyTreasuryInfo
     const primaryAccounts = [];
     if (billPayPrimaryAccount != null && isBillPayEnabled) {
         primaryAccounts.push(billPayPrimaryAccount);
@@ -114,7 +133,10 @@ function getBankConnectionsSetupViewDetails(state, companyId, isBillPayEnabled,
     // Get plaid connection details once (shared across all other payment accounts)
     const { plaidConnectionDetails } = (0, plaidAccountViewSelector_1.getPlaidAccountDetails)(state.plaidAccountViewState, 'other_connection_setup');
     // Add plaid connection details for each other payment account
-    const otherPaymentAccountsWithSetup = nonPrimaryPaymentAccounts.map((paymentAccount) => (Object.assign(Object.assign({}, paymentAccount), { plaidConnectionDetails })));
+    const otherPaymentAccountsWithSetup = nonPrimaryPaymentAccounts.map((paymentAccount) => ({
+        ...paymentAccount,
+        plaidConnectionDetails,
+    }));
     return {
         primaryConnection: primaryAccountsProductWise,
         otherPaymentAccounts: otherPaymentAccountsWithSetup,
@@ -124,16 +146,18 @@ function getBankConnectionsSetupViewDetails(state, companyId, isBillPayEnabled,
     };
 }
 function getBillingAccountsViewDetails(state, companyId) {
-    var _a, _b;
     const { plaidAccountViewState, settingsViewState, addressViewState } = state;
     const { uiState } = settingsViewState;
     const fetchState = (0, reduceFetchState_1.reduceAnyFetchState)([
         settingsViewState.bankConnection,
         plaidAccountViewState['billing_setup'].accountDetails.fetchStatus,
     ]);
-    const subscriptionBillingAddress = (_b = (_a = addressViewState.newAddressState) === null || _a === void 0 ? void 0 : _a.subscription_billing_address) === null || _b === void 0 ? void 0 : _b.addressToCreate;
+    const subscriptionBillingAddress = addressViewState.newAddressState?.subscription_billing_address
+        ?.addressToCreate;
     return {
-        setupView: Object.assign({}, (0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'billing', 'billing_setup')),
+        setupView: {
+            ...(0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'billing', 'billing_setup'),
+        },
         uiState,
         subscriptionBillingAddress: subscriptionBillingAddress,
         subscriptionBillingAddressSaveStatus: settingsViewState.billingAddress.subscriptionBillingAddressSaveStatus,
@@ -142,15 +166,17 @@ function getBillingAccountsViewDetails(state, companyId) {
     };
 }
 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 });
+    const paymentAccounts = (0, paymentAccountSelector_1.getPaymentAccountsByBankAccountIds)(state.paymentAccountState, state.userFinancialAccountState.financialAccountByUserId[userId]
+        ?.bankAccountIds ?? []);
+    return {
+        ...userFinancialAccount,
+        paymentAccounts,
+    };
 }
 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;
+    const companyView = (0, companySelector_1.getCompanyByCompanyId)(state.companyState, companyId)?.company;
     const integrations = state.settingsViewState.integrations;
     return {
         externalConnections,
@@ -159,15 +185,14 @@ function getIntegrationsView(state, companyId) {
     };
 }
 exports.getMyProfileView = (0, toolkit_1.createSelector)((state) => state, (state) => state.tenantState, (state) => state.userState, (state) => state.userRoleState, (state) => state.addressState, (state) => state.addressViewState, (state) => state.settingsViewState, (state) => state.classState, (state) => state.classListState, (state) => (0, companyPassportViewSelector_1.getCompanyPassportView)(state), (state) => state.userListViewState, (_state, shouldFetchClasses) => shouldFetchClasses, (state, tenantState, userState, userRoleState, addressState, addressViewState, settingsViewState, classState, classListState, companyPassportView, userListViewState, shouldFetchClasses) => {
-    var _a, _b, _c, _d, _e;
-    const userId = (_a = tenantState.loggedInUser) === null || _a === void 0 ? void 0 : _a.userId;
+    const userId = tenantState.loggedInUser?.userId;
     const managersListView = (0, userListViewSelector_1.getUserList)(userState, userRoleState, userListViewState, 'manager');
     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 address = (userRole === null || userRole === void 0 ? void 0 : userRole.addressId) != null
+    const address = userRole?.addressId != null
         ? (0, addressSelector_1.getAddressByAddressId)(addressState, userRole.addressId)
         : undefined;
     const person = {
@@ -176,8 +201,8 @@ exports.getMyProfileView = (0, toolkit_1.createSelector)((state) => state, (stat
         userRole,
         address,
     };
-    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 isZeniUser = userRole?.isZeni ?? true;
+    const departmentIds = userRole?.accountingClassIDs ?? [];
     const classList = (0, classSelectorV2_1.getClassesByIds)(classState, {
         classIds: classListState.classIds,
         reportId: 'class_list',
@@ -195,7 +220,7 @@ exports.getMyProfileView = (0, toolkit_1.createSelector)((state) => state, (stat
             classListState,
         ])
         : (0, reduceFetchState_1.reduceAnyFetchState)([settingsViewState.profile, companyPassportView]);
-    const controllersList = ((_d = companyPassportView.companyView) === null || _d === void 0 ? void 0 : _d.controllers) != null
+    const controllersList = companyPassportView.companyView?.controllers != null
         ? companyPassportView.companyView.controllers.map((controller) => controller.user)
         : [];
     const myProfilePeopleView = {
@@ -208,13 +233,13 @@ exports.getMyProfileView = (0, toolkit_1.createSelector)((state) => state, (stat
         myProfileLocalData: settingsViewState.profile.myProfileLocalData,
         controllersList,
         managersList: managersListView.users,
-        addressData: (_e = addressViewState.newAddressState) === null || _e === void 0 ? void 0 : _e['user_address'],
+        addressData: addressViewState.newAddressState?.['user_address'],
         twoFAView: (0, twoFactorAuthenticationSelector_1.getTwoFactorAuthenticationView)(state),
         sendOtpStatus: settingsViewState.profile.sendOtpStatus,
         verifyOtpStatus: settingsViewState.profile.verifyOtpStatus,
         updateProfileStatus: settingsViewState.profile.updateStatus,
     };
-    const managerId = userRole === null || userRole === void 0 ? void 0 : userRole.managerUserId;
+    const managerId = userRole?.managerUserId;
     if (managerId != null) {
         const managerUser = (0, userSelector_1.getUserByUserId)(userState, managerId);
         const managerUserRole = (0, userRoleSelector_1.getUserRoleByUserId)(userRoleState, managerId);
@@ -224,7 +249,10 @@ exports.getMyProfileView = (0, toolkit_1.createSelector)((state) => state, (stat
                 user: managerUser,
                 userRole: managerUserRole,
             };
-            return Object.assign(Object.assign({}, myProfilePeopleView), { manager });
+            return {
+                ...myProfilePeopleView,
+                manager,
+            };
         }
     }
     return myProfilePeopleView;
@@ -233,13 +261,12 @@ exports.getNotificationSettings = (0, toolkit_1.createSelector)((state) => state
     return settingsViewState.notification;
 });
 exports.getNotificationSettingsView = (0, toolkit_1.createSelector)((state) => state.settingsViewState, (state) => state.userState, (state) => state.userRoleState, (state) => state.classState, (state) => state.classListState, (state) => state.userListViewState, (state) => (0, companyPassportViewSelector_1.getCompanyPassportView)(state), (settingsViewState, userState, userRoleState, classState, classListState, userListViewState, companyPassportView) => {
-    var _a;
     const managersListView = (0, userListViewSelector_1.getUserList)(userState, userRoleState, userListViewState, 'manager');
     const classList = (0, classSelectorV2_1.getClassesByIds)(classState, {
         classIds: classListState.classIds,
         reportId: 'class_list',
     });
-    const controllersList = ((_a = companyPassportView.companyView) === null || _a === void 0 ? void 0 : _a.controllers) != null
+    const controllersList = companyPassportView.companyView?.controllers != null
         ? companyPassportView.companyView.controllers.map((controller) => controller.user)
         : [];
     const fetchState = settingsViewState.notification.notificationSettings
@@ -253,6 +280,13 @@ exports.getNotificationSettingsView = (0, toolkit_1.createSelector)((state) => s
             settingsViewState.notification,
             companyPassportView,
         ]);
-    return Object.assign(Object.assign({}, settingsViewState.notification), { allUsers: (0, values_1.default)(userState.userByUserId), classList,
-        controllersList, managersList: managersListView.users, fetchState: fetchState.fetchState, error: fetchState.error });
+    return {
+        ...settingsViewState.notification,
+        allUsers: (0, values_1.default)(userState.userByUserId),
+        classList,
+        controllersList,
+        managersList: managersListView.users,
+        fetchState: fetchState.fetchState,
+        error: fetchState.error,
+    };
 });

package/lib/view/spendManagement/billPay/billDetailView/billDetailViewReducer.js

@@ -22,7 +22,9 @@ const billDetailView = (0, toolkit_1.createSlice)({
                 if (action.payload.cacheOverride === true ||
                     detail == null ||
                     detail.fetchState !== 'In-Progress') {
-                    draft.billDetailById[key] = Object.assign({}, billDetailViewState_1.initialBillDetailView);
+                    draft.billDetailById[key] = {
+                        ...billDetailViewState_1.initialBillDetailView,
+                    };
                 }
             },
             prepare(billId, isShowDeletedBillsEnabled, hasZeniAssistAccess, cacheOverride = false) {
@@ -43,13 +45,24 @@ const billDetailView = (0, toolkit_1.createSlice)({
         updateBillDetail(draft, action) {
             const { billId, billDetail } = action.payload;
             const key = (0, billDetailViewState_1.getBillTransactionDetailKey)(billId);
-            draft.billDetailById[key] = Object.assign(Object.assign({}, draft.billDetailById[key]), { billId: billId, approvalRuleIds: billDetail.approval_rules.map((approvalRule) => approvalRule.approval_rule_id), entityApprovalIds: billDetail.entity_approvals.map((entityApproval) => entityApproval.entity_approval_id) });
+            draft.billDetailById[key] = {
+                ...draft.billDetailById[key],
+                billId: billId,
+                approvalRuleIds: billDetail.approval_rules.map((approvalRule) => approvalRule.approval_rule_id),
+                entityApprovalIds: billDetail.entity_approvals.map((entityApproval) => entityApproval.entity_approval_id),
+            };
         },
         updateBillDetailFetchState: {
             reducer: (draft, action) => {
                 const billId = action.payload.billId;
                 const key = (0, billDetailViewState_1.getBillTransactionDetailKey)(billId);
-                draft.billDetailById[key] = Object.assign(Object.assign({}, draft.billDetailById[key]), { fetchState: action.payload.fetchState, error: action.payload.error, billId: billId, vendorId: action.payload.vendorId });
+                draft.billDetailById[key] = {
+                    ...draft.billDetailById[key],
+                    fetchState: action.payload.fetchState,
+                    error: action.payload.error,
+                    billId: billId,
+                    vendorId: action.payload.vendorId,
+                };
             },
             prepare(billId, fetchState, error, vendorId) {
                 return {
@@ -67,10 +80,13 @@ const billDetailView = (0, toolkit_1.createSlice)({
                 const key = (0, billDetailViewState_1.getBillTransactionDetailKey)(action.payload.billId);
                 const detail = (0, get_1.default)(draft.billDetailById, key, undefined);
                 if (detail != null) {
-                    draft.billDetailById[key] = Object.assign(Object.assign({}, draft.billDetailById[key]), { deleteStatus: {
+                    draft.billDetailById[key] = {
+                        ...draft.billDetailById[key],
+                        deleteStatus: {
                             fetchState: 'In-Progress',
                             error: undefined,
-                        } });
+                        },
+                    };
                 }
             },
             prepare(billId) {
@@ -82,10 +98,13 @@ const billDetailView = (0, toolkit_1.createSlice)({
         deleteBillSuccessOrFailure: {
             reducer(draft, action) {
                 const key = (0, billDetailViewState_1.getBillTransactionDetailKey)(action.payload.billId);
-                draft.billDetailById[key] = Object.assign(Object.assign({}, draft.billDetailById[key]), { deleteStatus: {
+                draft.billDetailById[key] = {
+                    ...draft.billDetailById[key],
+                    deleteStatus: {
                         fetchState: action.payload.fetchState,
                         error: action.payload.error,
-                    } });
+                    },
+                };
             },
             prepare(fetchState, billId, error) {
                 return {
@@ -102,10 +121,13 @@ const billDetailView = (0, toolkit_1.createSlice)({
                 const key = (0, billDetailViewState_1.getBillTransactionDetailKey)(action.payload.billId);
                 const detail = (0, get_1.default)(draft.billDetailById, key, undefined);
                 if (detail != null) {
-                    draft.billDetailById[key] = Object.assign(Object.assign({}, draft.billDetailById[key]), { approvalUpdateStatus: {
+                    draft.billDetailById[key] = {
+                        ...draft.billDetailById[key],
+                        approvalUpdateStatus: {
                             fetchState: 'In-Progress',
                             error: undefined,
-                        } });
+                        },
+                    };
                     draft.approvalType = action.payload.approvalType;
                 }
             },
@@ -119,10 +141,14 @@ const billDetailView = (0, toolkit_1.createSlice)({
             reducer(draft, action) {
                 const { billId, entityApprovalIds } = action.payload;
                 const key = (0, billDetailViewState_1.getBillTransactionDetailKey)(billId);
-                draft.billDetailById[key] = Object.assign(Object.assign({}, draft.billDetailById[key]), { approvalUpdateStatus: {
+                draft.billDetailById[key] = {
+                    ...draft.billDetailById[key],
+                    approvalUpdateStatus: {
                         fetchState: 'Completed',
                         error: undefined,
-                    }, entityApprovalIds });
+                    },
+                    entityApprovalIds,
+                };
             },
             prepare(billId, entityApprovalIds) {
                 return {
@@ -137,10 +163,13 @@ const billDetailView = (0, toolkit_1.createSlice)({
             reducer(draft, action) {
                 const { billId, status } = action.payload;
                 const key = (0, billDetailViewState_1.getBillTransactionDetailKey)(billId);
-                draft.billDetailById[key] = Object.assign(Object.assign({}, draft.billDetailById[key]), { approvalUpdateStatus: {
+                draft.billDetailById[key] = {
+                    ...draft.billDetailById[key],
+                    approvalUpdateStatus: {
                         fetchState: 'Error',
                         error: status,
-                    } });
+                    },
+                };
             },
             prepare(billId, status) {
                 return {
@@ -157,22 +186,30 @@ const billDetailView = (0, toolkit_1.createSlice)({
                 const detail = (0, get_1.default)(draft.billDetailById, key, undefined);
                 if (detail != null) {
                     if (action.payload.isDeleteBill === true) {
-                        draft.billDetailById[key] = Object.assign(Object.assign({}, draft.billDetailById[key]), { cancelAndDeleteStatus: {
+                        draft.billDetailById[key] = {
+                            ...draft.billDetailById[key],
+                            cancelAndDeleteStatus: {
                                 fetchState: 'In-Progress',
                                 error: undefined,
-                            }, cancelStatus: {
+                            },
+                            cancelStatus: {
                                 fetchState: 'Not-Started',
                                 error: undefined,
-                            } });
+                            },
+                        };
                     }
                     else {
-                        draft.billDetailById[key] = Object.assign(Object.assign({}, draft.billDetailById[key]), { cancelStatus: {
+                        draft.billDetailById[key] = {
+                            ...draft.billDetailById[key],
+                            cancelStatus: {
                                 fetchState: 'In-Progress',
                                 error: undefined,
-                            }, cancelAndDeleteStatus: {
+                            },
+                            cancelAndDeleteStatus: {
                                 fetchState: 'Not-Started',
                                 error: undefined,
-                            } });
+                            },
+                        };
                     }
                 }
             },
@@ -186,22 +223,30 @@ const billDetailView = (0, toolkit_1.createSlice)({
             reducer(draft, action) {
                 const key = (0, billDetailViewState_1.getBillTransactionDetailKey)(action.payload.billId);
                 if (action.payload.isDeleteBill === true) {
-                    draft.billDetailById[key] = Object.assign(Object.assign({}, draft.billDetailById[key]), { cancelAndDeleteStatus: {
+                    draft.billDetailById[key] = {
+                        ...draft.billDetailById[key],
+                        cancelAndDeleteStatus: {
                             fetchState: action.payload.fetchState,
                             error: action.payload.error,
-                        }, cancelStatus: {
+                        },
+                        cancelStatus: {
                             fetchState: 'Not-Started',
                             error: undefined,
-                        } });
+                        },
+                    };
                 }
                 else {
-                    draft.billDetailById[key] = Object.assign(Object.assign({}, draft.billDetailById[key]), { cancelStatus: {
+                    draft.billDetailById[key] = {
+                        ...draft.billDetailById[key],
+                        cancelStatus: {
                             fetchState: action.payload.fetchState,
                             error: action.payload.error,
-                        }, cancelAndDeleteStatus: {
+                        },
+                        cancelAndDeleteStatus: {
                             fetchState: 'Not-Started',
                             error: undefined,
-                        } });
+                        },
+                    };
                 }
             },
             prepare(fetchState, billId, isDeleteBill, error) {
@@ -220,10 +265,13 @@ const billDetailView = (0, toolkit_1.createSlice)({
                 const key = (0, billDetailViewState_1.getBillTransactionDetailKey)(action.payload.billId);
                 const detail = (0, get_1.default)(draft.billDetailById, key, undefined);
                 if (detail != null) {
-                    draft.billDetailById[key] = Object.assign(Object.assign({}, draft.billDetailById[key]), { approvalUpdateStatus: {
+                    draft.billDetailById[key] = {
+                        ...draft.billDetailById[key],
+                        approvalUpdateStatus: {
                             fetchState: 'Not-Started',
                             error: undefined,
-                        } });
+                        },
+                    };
                 }
             },
             prepare(billId) {
@@ -247,10 +295,16 @@ const billDetailView = (0, toolkit_1.createSlice)({
         fetchEligibleActionsForBill: {
             reducer(draft, action) {
                 const key = (0, billDetailViewState_1.getBillTransactionDetailKey)(action.payload.billId);
-                draft.billDetailById[key] = Object.assign(Object.assign({}, draft.billDetailById[key]), { zeniAssist: Object.assign(Object.assign({}, draft.billDetailById[key].zeniAssist), { eligibleActionsFetchStatus: {
+                draft.billDetailById[key] = {
+                    ...draft.billDetailById[key],
+                    zeniAssist: {
+                        ...draft.billDetailById[key].zeniAssist,
+                        eligibleActionsFetchStatus: {
                             fetchState: 'In-Progress',
                             error: undefined,
-                        } }) });
+                        },
+                    },
+                };
             },
             prepare(billId, cacheOverride = false) {
                 return {
@@ -266,10 +320,16 @@ const billDetailView = (0, toolkit_1.createSlice)({
                 const key = (0, billDetailViewState_1.getBillTransactionDetailKey)(action.payload.billId);
                 const detail = (0, get_1.default)(draft.billDetailById, key, undefined);
                 if (detail != null) {
-                    draft.billDetailById[key].zeniAssist = Object.assign(Object.assign({}, draft.billDetailById[key].zeniAssist), { isEligibleForRefund: action.payload.isEligibleForRefund, isEligibleForRetryIBT: action.payload.isEligibleForRetryIBT, isEligibleForRetryOBP: action.payload.isEligibleForRetryOBP, eligibleActionsFetchStatus: {
+                    draft.billDetailById[key].zeniAssist = {
+                        ...draft.billDetailById[key].zeniAssist,
+                        isEligibleForRefund: action.payload.isEligibleForRefund,
+                        isEligibleForRetryIBT: action.payload.isEligibleForRetryIBT,
+                        isEligibleForRetryOBP: action.payload.isEligibleForRetryOBP,
+                        eligibleActionsFetchStatus: {
                             fetchState: 'Completed',
                             error: undefined,
-                        } });
+                        },
+                    };
                 }
             },
             prepare(billId, isEligibleForRefund, isEligibleForRetryIBT, isEligibleForRetryOBP) {
@@ -287,10 +347,13 @@ const billDetailView = (0, toolkit_1.createSlice)({
             reducer: (draft, action) => {
                 const billId = action.payload.billId;
                 const key = (0, billDetailViewState_1.getBillTransactionDetailKey)(billId);
-                draft.billDetailById[key].zeniAssist = Object.assign(Object.assign({}, draft.billDetailById[key].zeniAssist), { eligibleActionsFetchStatus: {
+                draft.billDetailById[key].zeniAssist = {
+                    ...draft.billDetailById[key].zeniAssist,
+                    eligibleActionsFetchStatus: {
                         fetchState: 'Error',
                         error: action.payload.error,
-                    } });
+                    },
+                };
             },
             prepare(billId, error, vendorId) {
                 return {
@@ -308,16 +371,22 @@ const billDetailView = (0, toolkit_1.createSlice)({
                 const detail = (0, get_1.default)(draft.billDetailById, key, undefined);
                 if (detail != null) {
                     if (action.payload.actionType === 'refund') {
-                        draft.billDetailById[key].zeniAssist = Object.assign(Object.assign({}, draft.billDetailById[key].zeniAssist), { refundStatus: {
+                        draft.billDetailById[key].zeniAssist = {
+                            ...draft.billDetailById[key].zeniAssist,
+                            refundStatus: {
                                 fetchState: 'In-Progress',
                                 error: undefined,
-                            } });
+                            },
+                        };
                     }
                     else {
-                        draft.billDetailById[key].zeniAssist = Object.assign(Object.assign({}, draft.billDetailById[key].zeniAssist), { retryStatus: {
+                        draft.billDetailById[key].zeniAssist = {
+                            ...draft.billDetailById[key].zeniAssist,
+                            retryStatus: {
                                 fetchState: 'In-Progress',
                                 error: undefined,
-                            } });
+                            },
+                        };
                     }
                 }
             },
@@ -332,16 +401,22 @@ const billDetailView = (0, toolkit_1.createSlice)({
                 const { billId } = action.payload;
                 const key = (0, billDetailViewState_1.getBillTransactionDetailKey)(billId);
                 if (action.payload.actionType === 'refund') {
-                    draft.billDetailById[key].zeniAssist = Object.assign(Object.assign({}, draft.billDetailById[key].zeniAssist), { refundStatus: {
+                    draft.billDetailById[key].zeniAssist = {
+                        ...draft.billDetailById[key].zeniAssist,
+                        refundStatus: {
                             fetchState: 'Completed',
                             error: undefined,
-                        } });
+                        },
+                    };
                 }
                 else {
-                    draft.billDetailById[key].zeniAssist = Object.assign(Object.assign({}, draft.billDetailById[key].zeniAssist), { retryStatus: {
+                    draft.billDetailById[key].zeniAssist = {
+                        ...draft.billDetailById[key].zeniAssist,
+                        retryStatus: {
                             fetchState: 'Completed',
                             error: undefined,
-                        } });
+                        },
+                    };
                 }
             },
             prepare(billId, actionType) {
@@ -358,16 +433,22 @@ const billDetailView = (0, toolkit_1.createSlice)({
                 const { billId, status } = action.payload;
                 const key = (0, billDetailViewState_1.getBillTransactionDetailKey)(billId);
                 if (action.payload.actionType === 'refund') {
-                    draft.billDetailById[key].zeniAssist = Object.assign(Object.assign({}, draft.billDetailById[key].zeniAssist), { refundStatus: {
+                    draft.billDetailById[key].zeniAssist = {
+                        ...draft.billDetailById[key].zeniAssist,
+                        refundStatus: {
                             fetchState: 'Error',
                             error: status,
-                        } });
+                        },
+                    };
                 }
                 else {
-                    draft.billDetailById[key].zeniAssist = Object.assign(Object.assign({}, draft.billDetailById[key].zeniAssist), { retryStatus: {
+                    draft.billDetailById[key].zeniAssist = {
+                        ...draft.billDetailById[key].zeniAssist,
+                        retryStatus: {
                             fetchState: 'Error',
                             error: status,
-                        } });
+                        },
+                    };
                 }
             },
             prepare(billId, actionType, status) {