@zeniai/client-epic-state 4.7.74 → 4.7.76

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

@@ -118,7 +118,7 @@ const parseInvoiceToBillEpic = (actions$, state$) => actions$.pipe((0, operators
 }));
 exports.parseInvoiceToBillEpic = parseInvoiceToBillEpic;
 const toBillDetailLocalData = (state, billPayload, vendor, recommendedVendorId) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
     const currency = {
         currencyCode: (_a = billPayload.currency_code) !== null && _a !== void 0 ? _a : '',
         currencySymbol: (_b = billPayload.currency_symbol) !== null && _b !== void 0 ? _b : '', //api not returning symbol
@@ -147,7 +147,7 @@ const toBillDetailLocalData = (state, billPayload, vendor, recommendedVendorId)
         const lineState = (0, transactionLinePayload_1.toTransactionWithAccountAndClassLine)(line, currency);
         const { accountListState, accountState, classListState, classState } = state;
         const classList = (0, classListSelector_1.getClassList)(classState, classListState);
-        const accountList = (0, accountListSelector_1.getAccountList)(accountState, accountListState, 'accountList');
+        const accountList = (0, accountListSelector_1.getAccountList)(accountState, accountListState, 'billPayAccountList');
         const lineWithRecommendations = (0, initializeBillToLocalStoreEpic_1.getLineRecommendationsLocalData)(line.line_id, lineState, recommendations, accountList, classList, vendor);
         linesById[line.line_id] = Object.assign(Object.assign({}, lineWithRecommendations), { account: ((_b = lineWithRecommendations.account) === null || _b === void 0 ? void 0 : _b.accountId) === '' &&
                 vendorCategory != null
@@ -212,6 +212,7 @@ const toBillDetailLocalData = (state, billPayload, vendor, recommendedVendorId)
         isCancelled: false,
         toAccountVendorEmail: (_t = (_s = billPayload.bill_pay_info) === null || _s === void 0 ? void 0 : _s.to_account_vendor_email) !== null && _t !== void 0 ? _t : undefined,
         isCollectToAccountInfoFromVendorContact: (_v = (_u = billPayload.bill_pay_info) === null || _u === void 0 ? void 0 : _u.is_collect_to_account_info_from_vendor_contact) !== null && _v !== void 0 ? _v : false,
+        isRecurring: (_w = billPayload.is_recurring) !== null && _w !== void 0 ? _w : false,
     };
 };
 exports.toBillDetailLocalData = toBillDetailLocalData;

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

@@ -3,28 +3,15 @@ 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 { 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>;
-export declare const saveBillDetailEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => import("rxjs").Observable<{
-    payload: import("../../../../../entity/billPay/billTransaction/billTransactionPayload").BillTransactionPayload;
-    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" | "create_global_merchant" | "fetch_global_merchant_no_recommendation" | "save_vendor_renamed" | "save_vendor_sent_for_review" | "charge_card_setup" | "charge_card_accept_term";
-        messageText: "failed" | "success";
-        type: import("../../../../..").SnackbarMessageType;
-        showStatusIcon?: boolean | undefined;
-        variables?: {
-            variableName: string;
-            variableValue: string;
-        }[] | undefined;
-    };
-    type: string;
-} | {
-    payload: {
-        fetchState: import("../../../../..").FetchState;
-        billId: string | undefined;
-        error: import("../../../../../responsePayload").ZeniAPIStatus<Record<string, unknown>> | undefined;
-    };
-    type: string;
-}>;
+export declare type ActionType = ReturnType<typeof saveBillDetail> | ReturnType<typeof updateBillTransaction> | ReturnType<typeof openSnackbar> | ReturnType<typeof saveBillSuccessOrFailure> | ReturnType<typeof updateRecurringBillConfigs> | ReturnType<typeof updateRecurringBills>;
+export declare const saveBillDetailEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => import("rxjs").Observable<ActionType>;
+export interface RecurringBillInstancePayload {
+    instance: number;
+    payment_date: string;
+    vendor_receive_date: string;
+    vendor_receive_date_notes: string;
+}
+export declare const toRecurringBillInstancePayload: (recurringBillInstance: RecurringBillInstance, maxPaymentProcessingDays: number) => RecurringBillInstancePayload;

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.saveBillDetailEpic = void 0;
+exports.toRecurringBillInstancePayload = exports.saveBillDetailEpic = void 0;
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
 const get_1 = __importDefault(require("lodash/get"));
@@ -15,11 +15,15 @@ const editBillViewPayload_1 = require("../editBillViewPayload");
 const transactionLinePayload_1 = require("../../../../../entity/transaction/payloadTypes/transactionLinePayload");
 const accountSelector_1 = require("../../../../../entity/account/accountSelector");
 const paymentAccountSelector_1 = require("../../../../../entity/paymentAccount/paymentAccountSelector");
+const recurringBillsReducer_1 = require("../../../../../entity/billPay/recurringBills/recurringBillsReducer");
 const billDetailViewState_1 = require("../../billDetailView/billDetailViewState");
 const billPayConfigState_1 = require("../../billPayConfig/billPayConfigState");
 const snackbarReducer_1 = require("../../../../../entity/snackbar/snackbarReducer");
 const billPayConfigPayload_1 = require("../../billPayConfig/billPayConfigPayload");
 const vendorSelector_1 = require("../../../../../entity/vendor/vendorSelector");
+const recurringBillsPayload_1 = require("../../../../../entity/billPay/recurringBills/recurringBillsPayload");
+const workingDayHelper_1 = require("../../../../../commonStateTypes/workingDayHelper");
+const helpers_1 = require("../../../helpers");
 const saveBillDetailEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(editBillViewReducer_1.saveBillDetail.match), (0, operators_1.mergeMap)((action) => {
     const state = state$.value;
     const { billStageCode, billId, isLocalCurrencyEnabled, isVendorRecommendationEnabled, } = action.payload;
@@ -27,21 +31,30 @@ const saveBillDetailEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, oper
     const billDetail = billId != null
         ? state.editBillDetailViewState.editBillStateById[key]
         : state.editBillDetailViewState.newBillState;
-    const payload = prepareSaveBillPayload(state.accountState, state.billTransactionState, state.paymentAccountState, state.setupViewState, state.vendorState, billDetail, billStageCode, isVendorRecommendationEnabled, isLocalCurrencyEnabled);
-    const saveVendorApi = billId != null
-        ? zeniAPI.putAndGetJSON(`${zeniAPI.apiEndPoints.accountMicroServiceBaseUrl}/1.0/bills/transactions/${action.payload.billId}`, payload)
-        : zeniAPI.postAndGetJSON(`${zeniAPI.apiEndPoints.accountMicroServiceBaseUrl}/1.0/bills/transactions`, payload);
-    return saveVendorApi.pipe((0, operators_1.mergeMap)((response) => {
-        var _a, _b;
+    const payload = prepareSaveBillPayload(state.accountState, state.billTransactionState, state.paymentAccountState, state.setupViewState, state.vendorState, state.recurringBillState, billDetail, billStageCode, isVendorRecommendationEnabled, isLocalCurrencyEnabled);
+    const isRecurringBill = billDetail.billDetailLocalData.isRecurring;
+    const saveBillBaseURL = `${zeniAPI.apiEndPoints.accountMicroServiceBaseUrl}/1.0/bills/transactions`;
+    const saveBillApi = billId != null
+        ? zeniAPI.putAndGetJSON(getSaveBillApiURL(saveBillBaseURL, isRecurringBill, billId), payload)
+        : zeniAPI.postAndGetJSON(getSaveBillApiURL(saveBillBaseURL, isRecurringBill), payload);
+    return saveBillApi.pipe((0, operators_1.mergeMap)((response) => {
+        var _a, _b, _c, _d;
         if ((0, responsePayload_1.isSuccessResponse)(response) &&
             ((_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.transactions[0]) === null || _b === void 0 ? void 0 : _b.transaction_id) != null) {
-            return (0, rxjs_1.of)((0, billTransactionReducer_1.updateBillTransaction)(response.data.transactions[0]), (0, editBillViewReducer_1.saveBillSuccessOrFailure)('Completed', action.payload.billId), (0, snackbarReducer_1.openSnackbar)({
+            const actions = [
+                (0, billTransactionReducer_1.updateBillTransaction)(response.data.transactions[0]),
+            ];
+            if (isRecurringBill) {
+                actions.push((0, recurringBillsReducer_1.updateRecurringBillConfigs)((_c = response.data.recurring_bill_configs) !== null && _c !== void 0 ? _c : []), (0, recurringBillsReducer_1.updateRecurringBills)((_d = response.data.recurring_bill_instances) !== null && _d !== void 0 ? _d : []));
+            }
+            actions.push((0, editBillViewReducer_1.saveBillSuccessOrFailure)('Completed', action.payload.billId), (0, snackbarReducer_1.openSnackbar)({
                 messageSection: billStageCode === 'pending_approval'
                     ? 'bill_pay_sent_for_approval'
                     : 'bill_pay_updated',
                 messageText: 'success',
                 type: 'success',
             }));
+            return (0, rxjs_1.from)(actions);
         }
         else {
             return (0, rxjs_1.of)((0, editBillViewReducer_1.saveBillSuccessOrFailure)('Error', action.payload.billId, response.status), (0, snackbarReducer_1.openSnackbar)({
@@ -59,9 +72,20 @@ const saveBillDetailEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, oper
     }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, editBillViewReducer_1.saveBillSuccessOrFailure)('Error', action.payload.billId, (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', `REST API call errored out ${JSON.stringify(error)}`)))));
 }));
 exports.saveBillDetailEpic = saveBillDetailEpic;
-function prepareSaveBillPayload(accountState, billTransactionState, paymentAccountState, setupViewState, vendorState, 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;
+const getSaveBillApiURL = (saveBillBaseURL, isRecurring, billId) => {
+    if (billId != null) {
+        return isRecurring
+            ? `${saveBillBaseURL}/${billId}/recurring`
+            : `${saveBillBaseURL}/${billId}`;
+    }
+    else {
+        return isRecurring ? `${saveBillBaseURL}/recurring` : `${saveBillBaseURL}`;
+    }
+};
+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;
     const billId = billDetail.billId;
+    let detail;
     const withdrawFromList = (0, paymentAccountSelector_1.getPaymentAccountsByPaymentAccountIds)(paymentAccountState, setupViewState.accountDetails.paymentAccountIds);
     const withdrawFromAccount = (0, paymentAccountSelector_1.getPaymentAccountByPaymentAccountId)(paymentAccountState, (_c = (_b = (_a = billDetail.billDetailLocalData.paymentDetailsSection) === null || _a === void 0 ? void 0 : _a.withdrawFrom) !== null && _b !== void 0 ? _b : withdrawFromList === null || withdrawFromList === void 0 ? void 0 : withdrawFromList[0].paymentAccountId) !== null && _c !== void 0 ? _c : '');
     const recommendedVendor = billDetail.billDetailLocalData.recommendedVendorId != null
@@ -70,6 +94,7 @@ function prepareSaveBillPayload(accountState, billTransactionState, paymentAccou
     const isRecommendedVendor = isVendorRecommendationEnabled &&
         recommendedVendor != null &&
         billDetail.addBillAutoFields.tentativeVendorName != null;
+    const isRecurring = Boolean(billDetail.billDetailLocalData.isRecurring) === true;
     const payload = {
         vendor_id: isRecommendedVendor
             ? recommendedVendor.qboId
@@ -130,20 +155,71 @@ function prepareSaveBillPayload(accountState, billTransactionState, paymentAccou
             return (0, transactionLinePayload_1.toAccountAndClassLinePayload)(lineAsTransactionLinePayload);
         }),
     };
+    if (!isRecurring) {
+        payload.vendor_name = (_15 = (_14 = billDetail.billDetailLocalData.vendor) === null || _14 === void 0 ? void 0 : _14.name) !== null && _15 !== void 0 ? _15 : '';
+    }
     if (billId != null) {
-        const detail = (0, get_1.default)(billTransactionState.transactionById, billId, undefined);
-        payload.sync_token = (_14 = detail === null || detail === void 0 ? void 0 : detail.syncToken) !== null && _14 !== void 0 ? _14 : null;
-        payload.update_time = (_15 = detail === null || detail === void 0 ? void 0 : detail.updateTime.format('YYYY-MM-DD')) !== null && _15 !== void 0 ? _15 : null;
+        detail = (0, get_1.default)(billTransactionState.transactionById, billId, undefined);
+        payload.sync_token = (_16 = detail === null || detail === void 0 ? void 0 : detail.syncToken) !== null && _16 !== void 0 ? _16 : null;
+        payload.update_time = (_17 = detail === null || detail === void 0 ? void 0 : detail.updateTime.format('YYYY-MM-DD')) !== null && _17 !== void 0 ? _17 : null;
     }
     else {
         payload.are_approvals_serialized = true;
     }
     if (billStageCode === 'pending_approval' &&
-        ((_16 = billDetail.billDetailLocalData.paymentDetailsSection) === null || _16 === void 0 ? void 0 : _16.conversionRate) != null) {
+        ((_18 = billDetail.billDetailLocalData.paymentDetailsSection) === null || _18 === void 0 ? void 0 : _18.conversionRate) != null) {
         // required by platform
         payload.exchange_rate =
             1 / billDetail.billDetailLocalData.paymentDetailsSection.conversionRate;
     }
+    if (Boolean(billDetail.billDetailLocalData.isRecurring) === true) {
+        payload.is_recurring = true;
+        const recurringConfig = billDetail.billDetailLocalData.recurringConfig;
+        const recurringBillInstances = billDetail.billDetailLocalData.recurringBillInstances;
+        if (recurringConfig != null) {
+            payload.recurring_bill_config = (0, recurringBillsPayload_1.toRecurringConfigPayload)(recurringConfig);
+        }
+        if ((recurringConfig === null || recurringConfig === void 0 ? void 0 : recurringConfig.id) != null) {
+            const originalRecurringDetail = (0, get_1.default)(recurringBillState.recurringBillDetailByConfigId, recurringConfig.id);
+            const isConfigChangedForExistingBill = (0, helpers_1.isRecurringConfigChanged)(recurringConfig, originalRecurringDetail.recurringBillConfig, true);
+            payload.is_update_recurring_bill_config = isConfigChangedForExistingBill;
+            payload.is_update_future_recurring_bills =
+                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())
+                    ? true
+                    : recurringConfig.updateRecurringBills === 'current';
+            if ((isConfigChangedForExistingBill ||
+                recurringConfig.updateRecurringBills === 'all') &&
+                payload.recurring_bill_config != null) {
+                payload.recurring_bill_config.sync_token =
+                    originalRecurringDetail.recurringBillConfig.syncToken;
+            }
+            if (recurringBillInstances != null) {
+                const futureRecurringBills = recurringBillInstances
+                    .filter((instance) => Boolean(instance.readonly) === false)
+                    .slice(1)
+                    .map((instance) => {
+                    var _a, _b, _c, _d;
+                    return (0, exports.toRecurringBillInstancePayload)(instance, (_d = (_c = (_b = (_a = billDetail.billDetailLocalData.paymentDetailsSection) === null || _a === void 0 ? void 0 : _a.paymentType) === null || _b === void 0 ? void 0 : _b.maxPeriod) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : workingDayHelper_1.PAYMENT_BUSINESS_DAYS);
+                });
+                payload.future_recurring_bill_instances = futureRecurringBills;
+                if (payload.recurring_bill_config != null) {
+                    payload.recurring_bill_config.future_total_payment_cycles =
+                        futureRecurringBills === null || futureRecurringBills === void 0 ? void 0 : futureRecurringBills.length;
+                    delete payload.recurring_bill_config.total_payment_cycles;
+                }
+            }
+        }
+        else {
+            payload.recurring_bill_instances = recurringBillInstances === null || recurringBillInstances === void 0 ? void 0 : recurringBillInstances.map((instance) => {
+                var _a, _b, _c, _d;
+                return (0, exports.toRecurringBillInstancePayload)(instance, (_d = (_c = (_b = (_a = billDetail.billDetailLocalData.paymentDetailsSection) === null || _a === void 0 ? void 0 : _a.paymentType) === null || _b === void 0 ? void 0 : _b.maxPeriod) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : workingDayHelper_1.PAYMENT_BUSINESS_DAYS);
+            });
+        }
+    }
     return payload;
 }
 const getBillPaymentMethodTypePayload = (paymentType) => {
@@ -160,3 +236,13 @@ const getBillPaymentMethodTypePayload = (paymentType) => {
             : null,
     };
 };
+const toRecurringBillInstancePayload = (recurringBillInstance, maxPaymentProcessingDays) => {
+    const calculatedPaymentDate = (0, helpers_1.getPaymentDateFromVendorReceiveDate)(recurringBillInstance.vendorReceiveDate, maxPaymentProcessingDays);
+    return {
+        instance: recurringBillInstance.instance,
+        payment_date: calculatedPaymentDate.format('YYYY-MM-DD'),
+        vendor_receive_date: recurringBillInstance.vendorReceiveDate.format('YYYY-MM-DD'),
+        vendor_receive_date_notes: recurringBillInstance.vendorReceiveDateNotes,
+    };
+};
+exports.toRecurringBillInstancePayload = toRecurringBillInstancePayload;

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>;

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

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateChargeCardDetailEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../../responsePayload");
+const chargeCardDetailReducer_1 = require("./chargeCardDetailReducer");
+const snackbarReducer_1 = require("../../../../entity/snackbar/snackbarReducer");
+const userReducer_1 = require("../../../../entity/user/userReducer");
+const userRoleReducer_1 = require("../../../../entity/userRole/userRoleReducer");
+const chargeCardReducer_1 = require("../../../../entity/chargeCard/chargeCardReducer");
+const updateChargeCardDetailEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(chargeCardDetailReducer_1.updateChargeCardDetail.match), (0, operators_1.switchMap)((action) => {
+    const { chargeCardId, colorCode } = action.payload;
+    const payload = { card_color_code: colorCode };
+    return zeniAPI
+        .putAndGetJSON(`${zeniAPI.apiEndPoints.cardMicroServiceBaseUrl}/1.0/cards/${chargeCardId}`, payload)
+        .pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessStatus)(response) && response.data != null) {
+            return (0, rxjs_1.of)((0, chargeCardReducer_1.updateChargeCard)(response.data.card), (0, userReducer_1.updateAllUsers)({ users: response.data.users }), (0, userRoleReducer_1.updateUserRoles)(response.data.user_roles), (0, chargeCardDetailReducer_1.updateChargeCardDetailUpdateStatus)({
+                chargeCardId,
+                fetchState: 'Completed',
+            }));
+        }
+        else {
+            return (0, rxjs_1.of)((0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'update_charge_card',
+                messageText: 'failed',
+                type: 'error',
+                variables: [
+                    {
+                        variableName: '_api-error_',
+                        variableValue: response.status.message,
+                    },
+                ],
+            }), (0, chargeCardDetailReducer_1.updateChargeCardDetailUpdateStatus)({
+                chargeCardId,
+                fetchState: 'Error',
+                error: response.status,
+            }));
+        }
+    }), (0, operators_1.catchError)((error) => {
+        return (0, rxjs_1.of)((0, snackbarReducer_1.openSnackbar)({
+            messageSection: 'update_charge_card',
+            messageText: 'failed',
+            type: 'error',
+            variables: [
+                {
+                    variableName: '_api-error_',
+                    variableValue: JSON.stringify(error),
+                },
+            ],
+        }), (0, chargeCardDetailReducer_1.updateChargeCardDetailUpdateStatus)({
+            chargeCardId,
+            fetchState: 'Error',
+            error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Update card detail API call errored out' +
+                JSON.stringify(error)),
+        }));
+    }));
+}));
+exports.updateChargeCardDetailEpic = updateChargeCardDetailEpic;

package/lib/view/spendManagement/commonHistoryView/commonHistory.d.ts

@@ -9,6 +9,7 @@ export interface CommonHistoryView extends FetchedState {
 export declare const initialCommonHistory: CommonHistoryView;
 export interface HistoricEvent {
     eventText: string[];
+    eventSubText: string[];
     timestamp?: ZeniDate;
     updates: HistoricEventUpdate[];
 }

package/lib/view/spendManagement/commonHistoryView/commonHistoryPayload.d.ts

@@ -5,6 +5,7 @@ export interface HistoryPayload {
 }
 export interface HistoricEventPayload {
     event_text: string[];
+    event_sub_text?: string[] | null;
     timestamp?: string | null;
     updates: HistoricEventUpdatePayload[];
     metadata: HistoricEventMetaDataPayload;

package/lib/view/spendManagement/commonHistoryView/commonHistoryPayload.js

@@ -3,11 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.toHistoricEventUpdate = exports.toHistoricEvent = void 0;
 const zeniDayJS_1 = require("../../../zeniDayJS");
 const commonHistory_1 = require("./commonHistory");
-const toHistoricEvent = (payload) => ({
-    eventText: payload.event_text,
-    timestamp: payload.timestamp != null ? (0, zeniDayJS_1.dateLocal)(payload.timestamp) : undefined,
-    updates: payload.updates.map((eventUpdatePayload) => (0, exports.toHistoricEventUpdate)(eventUpdatePayload)),
-});
+const toHistoricEvent = (payload) => {
+    var _a;
+    return ({
+        eventText: payload.event_text,
+        eventSubText: (_a = payload.event_sub_text) !== null && _a !== void 0 ? _a : [],
+        timestamp: payload.timestamp != null ? (0, zeniDayJS_1.dateLocal)(payload.timestamp) : undefined,
+        updates: payload.updates.map((eventUpdatePayload) => (0, exports.toHistoricEventUpdate)(eventUpdatePayload)),
+    });
+};
 exports.toHistoricEvent = toHistoricEvent;
 const toHistoricEventUpdate = (payload) => ({
     title: payload.title,

package/lib/view/spendManagement/commonSetup/setupViewReducer.d.ts

@@ -80,16 +80,9 @@ export declare const enableSetup: import("@reduxjs/toolkit").ActionCreatorWithPr
 }, string>, updateSetupViewAccountDetails: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[allBankAccountIds: string[], paymentAccountIds: string[]], {
     allBankAccountIds: string[];
     paymentAccountIds: string[];
-}, string, never, never>, sendOtp: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[phoneNumber: string], {
-    phoneNumber: string;
-}, string, never, never>, resendOtp: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[otpChallenge: string], {
+}, string, never, never>, sendOtpSpendManagementSetUp: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resendOtpSpendManagementSetUp: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, sendOtpSuccessSpendManagementSetUp: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     otpChallenge: string;
-}, string, never, never>, sendOtpSuccess: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[otpChallenge: string], {
-    otpChallenge: string;
-}, string, never, never>, sendOtpFailure: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[error: ZeniAPIStatus<Record<string, unknown>>], ZeniAPIStatus<Record<string, unknown>>, string, never, never>, verifyOtp: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[otpCode: string, otpChallenge: string], {
-    otpCode: string;
-    otpChallenge: string;
-}, string, never, never>, verifyOtpSuccess: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, verifyOtpFailure: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[error: ZeniAPIStatus<Record<string, unknown>>], ZeniAPIStatus<Record<string, unknown>>, string, never, never>, saveIndustryAndIncDateInLocalStore: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+}, string>, sendOtpFailureSpendManagementSetUp: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, verifyOtpSpendManagementSetUp: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, verifyOtpSuccessSpendManagementSetUp: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, verifyOtpFailureSpendManagementSetUp: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, string>, saveIndustryAndIncDateInLocalStore: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     industry: string;
     incDate: ZeniDate;
 }, string>, clearSetupViewDataInLocalStore: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, clearSetupView: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;