@zeniai/client-epic-state 4.14.90 → 4.14.91

package/lib/index.d.ts

@@ -513,7 +513,7 @@ import { clearTrendData, fetchExpenseTrend, fetchIncomeTrend } from './view/tren
 import { TrendView, getTrendForEntity } from './view/trend/trendSelector';
 import { clearTrendWithTransactions, fetchTransactionsForEntity, fetchTrendForEntity, updateSelectedTimeperiod } from './view/trendWithTransactions/trendWithTransactionsReducer';
 import { TrendWithTransactionsView, getEntityDetailUIStateByEntity, getLatestTimeFrameWithTransactionsForEntity, getTrendWithTransactions } from './view/trendWithTransactions/trendWithTransactionsSelector';
-import { CustomerToken } from './view/twoFactorAuthentication/twoFactorAuthentication';
+import { Token } from './view/twoFactorAuthentication/twoFactorAuthentication';
 import { resendOtp, sendOtp, verifyOtp } from './view/twoFactorAuthentication/twoFactorAuthenticationReducer';
 import { TwoFactorAuthenticationView, getTwoFactorAuthenticationView } from './view/twoFactorAuthentication/twoFactorAuthenticationSelector';
 import { fetchUserFinancialAccount } from './view/userFinancialAccount/userFinancialAccountReducer';
@@ -705,7 +705,7 @@ export { MilageReimbursementLine, OutofPocketReimbursementLine, ReimbursementLin
 export { AccountListSelectorView, ClassListSelectorView, getClassList };
 export { BillTab, BillsSubTabType, SaveBillStageCode, BillPayReviewSelectorView, DuplicateBillsSelectorView, EditBillDetailSelectorView, LineItemRecommendationsLocalData, EditBillInitialDetails, BillableStatus, PaymentDetailsSection, BillListReport, BillListDownloadReport, WhatForSection, fetchBillList, fetchBillListPerTab, updateTab, updateSubTab, updateSelectedBillId, updateBillDetailSaveBillCode, fetchVendorByNameAndParseInvoice, saveBillUpdatesToLocalStore, discardBillUpdatesInLocalStore, saveBillDetail, approveOrRejectBill, updateApprovalStatusOnSuccess, deleteBill, cancelAndDeleteBill, retryOrRefundBill, getBillList, getBillDownloadList, BillDetailViewSelector, ActorActivityWithUser, BillActivity, StepWithStatus, getBillDetailView, checkApproveRejectBtnShowForBill, BillDetailView, getBillTransactionDetailKey, fetchBillDetail, fetchEditBillDetailPage, fetchAndUpdateVendorRecommendations, fetchDuplicateBill, clearBillPayReview, EditBillDetail, EditBillDetailViewState, getEditBillDetail, getReviewPageBillDetail, BillDetailLocalData, PaymentDetailsSectionView, fetchBillAndInitializeLocalStore, updateShowAutofill, saveVendorSuccessOrFailure, BillPaymentStatus, BillPaymentStatusCodeType, BillPaymentRefundStatus, BillPaymentRefundStatusCodeType, BillStatus, BillStatusCodeType, BillApprovalType, updateBillListUIState, BillListUIState, BillPayViewSortKey, BillPayFilters, BillPayFilterCategory, BillListViewFilterCategoryField, BILL_PAY_FILTER_CATEGORIES, updateVendorDetailLocalData, resetVendorDetailLocalData, resetVendorSaveStatus, updateContactsInVendorDetailLocalData, updateVendorTabDetailUIState, updateContactsInVendorTabDetailLocalData, updateBillUploadFetchState, updateBillListSearchResult, fetchUserDetails, verifyUser, updateVendorContact, PaymentToOption, toPaymentToOption, convertAmountToHomeCurrency, RecurringBillInstance, RecurringBillConfigLocalData, EditRecurringBillType, fetchVendorAndUpdateBillLocalData, markBillForRetry, };
 export { SpendManagementFiltersType, SpendManagementFilterEntityType, FilterCategoryType, BillPayFilterCategoryDropdownOption, ReimbursementFilterCategoryDropdownOption, TaskFilterCategoryDropdownOption, SpendManagementFilterCategoryDropdownOption, MatchingOperatorDropdownOption, CategoryCombinationOperator, hideCreatedByFilter, };
-export { BillPaySetupViewState, ZeniAccountSetupViewState, BillPaySetupViewLocalData, ZeniAccountSetupViewLocalData, PlaidAccountState, fetchBillPaySetupView, fetchZeniAccountSetupView, enableSetup, getPaymentAccounts, getPlaidLinkToken, updateSelectedCompanyOfficer, updateSetupViewLocalStoreData, updateBusinessVerificationDetails, updatePaymentAccount, updatePaymentAccountLoginStatus, updatePaymentAccountStatus, establishPlaidConnection, updateMappedCashAccount, updatePrimaryFundingAccount, acceptBillPayTerms, acceptZeniAccountTerms, acceptBillPayUpdatedTerms, saveSetupViewDataInLocalStore, saveCompnayOfficerPhoneInLocalStore, saveCompnayOfficerAdditionalDocumentsInLocalStore, saveIndustryAndIncDateInLocalStore, clearSetupViewDataInLocalStore, clearBillPaySetupView, clearZeniAccountSetupView, sendOtp, resendOtp, verifyOtp, CompanyDetails, CompanyOfficersDetails, BillPaySetupView, ZeniAccountSetupView, BillPayBusinessVerificationDetails, ZeniAccountBusinessVerificationDetails, SetupViewState, SetupViewLocalData, SetupView, BusinessVerificationDetails, getBillPaySetupViewDetails, getPlaidAccountDetails, getZeniAccountSetupViewDetails, getBusinessVerificationDetails, getBillPayBusinessVerificationDetails, getZeniAccountBusinessVerificationDetails, getCommonSetupViewDetails, PlaidConnectionDetails, PlaidLinkTokenType, PlaidAccountKeyType, CustomerToken, FundingAccount, getTwoFactorAuthenticationView, TwoFactorAuthenticationView, };
+export { BillPaySetupViewState, ZeniAccountSetupViewState, BillPaySetupViewLocalData, ZeniAccountSetupViewLocalData, PlaidAccountState, fetchBillPaySetupView, fetchZeniAccountSetupView, enableSetup, getPaymentAccounts, getPlaidLinkToken, updateSelectedCompanyOfficer, updateSetupViewLocalStoreData, updateBusinessVerificationDetails, updatePaymentAccount, updatePaymentAccountLoginStatus, updatePaymentAccountStatus, establishPlaidConnection, updateMappedCashAccount, updatePrimaryFundingAccount, acceptBillPayTerms, acceptZeniAccountTerms, acceptBillPayUpdatedTerms, saveSetupViewDataInLocalStore, saveCompnayOfficerPhoneInLocalStore, saveCompnayOfficerAdditionalDocumentsInLocalStore, saveIndustryAndIncDateInLocalStore, clearSetupViewDataInLocalStore, clearBillPaySetupView, clearZeniAccountSetupView, sendOtp, resendOtp, verifyOtp, CompanyDetails, CompanyOfficersDetails, BillPaySetupView, ZeniAccountSetupView, BillPayBusinessVerificationDetails, ZeniAccountBusinessVerificationDetails, SetupViewState, SetupViewLocalData, SetupView, BusinessVerificationDetails, getBillPaySetupViewDetails, getPlaidAccountDetails, getZeniAccountSetupViewDetails, getBusinessVerificationDetails, getBillPayBusinessVerificationDetails, getZeniAccountBusinessVerificationDetails, getCommonSetupViewDetails, PlaidConnectionDetails, PlaidLinkTokenType, PlaidAccountKeyType, Token, FundingAccount, getTwoFactorAuthenticationView, TwoFactorAuthenticationView, };
 export { BankConnectionsSetupView, IntegrationsView, getApprovalRuleViewDetails, getBankConnectionsSetupViewDetails, getIntegrationsView, };
 export { fetchUserFinancialAccount };
 export { getUserFinancialAccount, UserFinancialAccountSelectorView };

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

@@ -16,12 +16,12 @@ export interface ChargeCardDetailSelectorView extends SelectorView {
     isViewReceiptClickedImmediatelyAfterUploadTransactionId: Record<ID, boolean>;
     uiState: ChargeCardDetailUiState;
     transactionListFetchState: FetchStateAndError;
-    twoFAView: TwoFactorAuthenticationView;
     loggedInUserPhone: string;
     updateFetchState: FetchStateAndError;
     updatePhysicalChargeCardAttemptFetchState: FetchStateAndError;
     creditAccount: CreditAccount;
     updateChargeCardLimitFetchState: FetchStateAndError;
+    twoFAView: TwoFactorAuthenticationView;
     chargeCard?: ChargeCardWithUser;
 }
 export declare const getChargeCardDetailView: (state: RootState, chargeCardId: ID, includeCreditAccountInfo: boolean) => ChargeCardDetailSelectorView;

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

@@ -17,7 +17,7 @@ const chargeCardDetail_1 = require("./chargeCardDetail");
 const getChargeCardDetailView = (state, chargeCardId, includeCreditAccountInfo) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     const { tenantState, addressState, chargeCardDetailState, chargeCardState, classState, userState, userRoleState, chargeCardConfigState, chargeCardTransactionState, chargeCardListState, } = state;
-    const twoFactorAuthenticationView = (0, twoFactorAuthenticationSelector_1.getTwoFactorAuthenticationView)(state);
+    const twoFactorAuthenticationView = (0, twoFactorAuthenticationSelector_1.getTwoFactorAuthenticationViewForCardDetail)(state, chargeCardId);
     const loggedInUserId = (_b = (_a = tenantState.loggedInUser) === null || _a === void 0 ? void 0 : _a.userId) !== null && _b !== void 0 ? _b : '';
     const loggedInUserPhone = (_e = (_c = twoFactorAuthenticationView.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;

package/lib/view/twoFactorAuthentication/resendOtpEpic.js

@@ -13,7 +13,7 @@ const twoFactorAuthenticationReducer_1 = require("./twoFactorAuthenticationReduc
 const resendOtpEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(twoFactorAuthenticationReducer_1.resendOtp.match), (0, operators_1.mergeMap)((action) => {
     var _a;
     const resendOtpActions = [];
-    const { otpChallenge, twoFASource } = action.payload;
+    const { otpChallenge, twoFASource, entityId } = action.payload;
     const tenantState = state$.value.tenantState;
     const companyState = state$.value.companyState;
     const { currentTenantId } = tenantState;
@@ -24,12 +24,22 @@ const resendOtpEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators
         ? companyState.companiesById[companyId].companyChargeCardInfo
             .isChargeCardEnabled
         : false;
-    const payload = {
-        otp_challenge: otpChallenge,
-        is_for_charge_cards: twoFASource === 'ChargeCard' ||
-            twoFASource === 'CardUserOnboarding' ||
-            (twoFASource === 'MyProfile' && isCardsEnabled),
-    };
+    let payload;
+    if (twoFASource === 'ChargeCardDetail' && entityId != null) {
+        const chargeCardProviderId = state$.value.chargeCardState.chargeCardByID[entityId].cardProviderID;
+        payload = {
+            charge_card_provider_id: chargeCardProviderId,
+            otp_challenge: otpChallenge,
+        };
+    }
+    else {
+        payload = {
+            otp_challenge: otpChallenge,
+            is_for_charge_cards: twoFASource === 'ChargeCard' ||
+                twoFASource === 'CardUserOnboarding' ||
+                (twoFASource === 'MyProfile' && isCardsEnabled),
+        };
+    }
     switch (twoFASource) {
         case 'SpendManagementSetup':
             resendOtpActions.push((0, setupViewReducer_1.resendOtpSpendManagementSetUp)());
@@ -52,7 +62,11 @@ const resendOtpEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators
         .pipe((0, operators_1.mergeMap)((response) => {
         if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
             const updateActions = [
-                (0, twoFactorAuthenticationReducer_1.sendOtpSuccess)({ otpChallenge: response.data.otp_challenge }),
+                (0, twoFactorAuthenticationReducer_1.sendOtpSuccess)({
+                    otpChallenge: response.data.otp_challenge,
+                    twoFASource,
+                    entityId,
+                }),
             ];
             switch (twoFASource) {
                 case 'SpendManagementSetup':
@@ -85,7 +99,7 @@ const resendOtpEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators
         }
         else {
             const updateActions = [
-                (0, twoFactorAuthenticationReducer_1.sendOtpFailure)(response.status),
+                (0, twoFactorAuthenticationReducer_1.sendOtpFailure)({ error: response.status, twoFASource, entityId }),
             ];
             switch (twoFASource) {
                 case 'SpendManagementSetup':
@@ -108,7 +122,9 @@ const resendOtpEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators
         }
     }), (0, operators_1.catchError)((error) => {
         const zeniAPIStatus = (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Resend otp api errored out' + JSON.stringify(error));
-        const updateActions = [(0, twoFactorAuthenticationReducer_1.sendOtpFailure)(zeniAPIStatus)];
+        const updateActions = [
+            (0, twoFactorAuthenticationReducer_1.sendOtpFailure)({ error: zeniAPIStatus, twoFASource, entityId }),
+        ];
         switch (twoFASource) {
             case 'SpendManagementSetup':
                 updateActions.push((0, setupViewReducer_1.sendOtpFailureSpendManagementSetUp)(zeniAPIStatus));

package/lib/view/twoFactorAuthentication/sendOtpEpic.js

@@ -13,7 +13,7 @@ const twoFactorAuthenticationReducer_1 = require("./twoFactorAuthenticationReduc
 const sendOtpEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(twoFactorAuthenticationReducer_1.sendOtp.match), (0, operators_1.mergeMap)((action) => {
     var _a;
     const sendOtpActions = [];
-    const { phoneNumber, twoFASource } = action.payload;
+    const { phoneNumber, twoFASource, entityId } = action.payload;
     const tenantState = state$.value.tenantState;
     const companyState = state$.value.companyState;
     const { currentTenantId } = tenantState;
@@ -24,15 +24,20 @@ const sendOtpEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1
         ? companyState.companiesById[companyId].companyChargeCardInfo
             .isChargeCardEnabled
         : false;
-    const queryPayload = {
+    let queryPayload = {
         channel_type: 'phone',
         channel_info: {
             phone_number: phoneNumber,
         },
         is_for_charge_cards: twoFASource === 'ChargeCard' ||
             twoFASource === 'CardUserOnboarding' ||
+            twoFASource === 'ChargeCardDetail' ||
             (twoFASource === 'MyProfile' && isCardsEnabled),
     };
+    if (twoFASource === 'ChargeCardDetail' && entityId != null) {
+        const chargeCardProviderId = state$.value.chargeCardState.chargeCardByID[entityId].cardProviderID;
+        queryPayload = Object.assign(Object.assign({}, queryPayload), { charge_card_provider_id: chargeCardProviderId });
+    }
     switch (twoFASource) {
         case 'SpendManagementSetup':
             sendOtpActions.push((0, setupViewReducer_1.sendOtpSpendManagementSetUp)());
@@ -55,7 +60,11 @@ const sendOtpEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1
         .pipe((0, operators_1.mergeMap)((response) => {
         if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
             const updateActions = [
-                (0, twoFactorAuthenticationReducer_1.sendOtpSuccess)({ otpChallenge: response.data.otp_challenge }),
+                (0, twoFactorAuthenticationReducer_1.sendOtpSuccess)({
+                    otpChallenge: response.data.otp_challenge,
+                    twoFASource,
+                    entityId,
+                }),
             ];
             switch (twoFASource) {
                 case 'SpendManagementSetup':
@@ -88,7 +97,7 @@ const sendOtpEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1
         }
         else {
             const updateActions = [
-                (0, twoFactorAuthenticationReducer_1.sendOtpFailure)(response.status),
+                (0, twoFactorAuthenticationReducer_1.sendOtpFailure)({ error: response.status, twoFASource, entityId }),
             ];
             switch (twoFASource) {
                 case 'SpendManagementSetup':
@@ -111,7 +120,9 @@ const sendOtpEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1
         }
     }), (0, operators_1.catchError)((error) => {
         const zeniAPIStatus = (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Send otp api errored out' + JSON.stringify(error));
-        const updateActions = [(0, twoFactorAuthenticationReducer_1.sendOtpFailure)(zeniAPIStatus)];
+        const updateActions = [
+            (0, twoFactorAuthenticationReducer_1.sendOtpFailure)({ error: zeniAPIStatus, twoFASource, entityId }),
+        ];
         switch (twoFASource) {
             case 'SpendManagementSetup':
                 updateActions.push((0, setupViewReducer_1.sendOtpFailureSpendManagementSetUp)(zeniAPIStatus));

package/lib/view/twoFactorAuthentication/twoFactorAuthentication.d.ts

@@ -1,16 +1,27 @@
-import { FetchStateAndError } from '../../commonStateTypes/common';
+import { FetchStateAndError, ID } from '../../commonStateTypes/common';
 import { ZeniDate } from '../../zeniDayJS';
-export interface TwoFactorAuthenticationState {
+export interface TwoFactorAuthentication {
     sendOtpStatus: FetchStateAndError;
     otpVerificationStatus: FetchStateAndError;
-    customerToken?: CustomerToken;
+    token?: Token;
     phone?: string;
     otpChallenge?: string;
 }
-export type TwoFASourceView = 'BillPayVendor' | 'ChargeCard' | 'SpendManagementSetup' | 'CardUserOnboarding' | 'MyProfile' | 'CustomerOnboarding';
-export interface CustomerToken {
+export declare const defaultTwoFactorAuthenticationState: TwoFactorAuthentication;
+export interface TwoFactorAuthenticationState {
+    twoFactorAuthenticationBySource: {
+        common: TwoFactorAuthentication;
+        chargeCardDetail: Record<ID, TwoFactorAuthentication>;
+    };
+}
+export declare const COMMON_TWO_FA_SOURCE: readonly ["BillPayVendor", "ChargeCard", "SpendManagementSetup", "CardUserOnboarding", "MyProfile", "CustomerOnboarding"];
+export declare const toCommonTwoFASource: (v: string) => "CardUserOnboarding" | "MyProfile" | "BillPayVendor" | "ChargeCard" | "SpendManagementSetup" | "CustomerOnboarding";
+export type CommonTwoFASource = ReturnType<typeof toCommonTwoFASource>;
+export type TwoFASourceView = CommonTwoFASource | 'ChargeCardDetail';
+export interface Token {
     provider: string;
     token: string;
     expiry: ZeniDate;
     message: string;
 }
+export declare const initialTwoFactorAuthentication: TwoFactorAuthentication;

package/lib/view/twoFactorAuthentication/twoFactorAuthentication.js

@@ -1,2 +1,37 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.initialTwoFactorAuthentication = exports.toCommonTwoFASource = exports.COMMON_TWO_FA_SOURCE = exports.defaultTwoFactorAuthenticationState = void 0;
+const stringToUnion_1 = require("../../commonStateTypes/stringToUnion");
+exports.defaultTwoFactorAuthenticationState = {
+    sendOtpStatus: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    otpVerificationStatus: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+};
+exports.COMMON_TWO_FA_SOURCE = [
+    'BillPayVendor',
+    'ChargeCard',
+    'SpendManagementSetup',
+    'CardUserOnboarding',
+    'MyProfile',
+    'CustomerOnboarding',
+];
+const toCommonTwoFASource = (v) => (0, stringToUnion_1.stringToUnion)(v, exports.COMMON_TWO_FA_SOURCE);
+exports.toCommonTwoFASource = toCommonTwoFASource;
+exports.initialTwoFactorAuthentication = {
+    sendOtpStatus: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    otpVerificationStatus: {
+        fetchState: 'Not-Started',
+        error: undefined,
+    },
+    token: undefined,
+    phone: undefined,
+    otpChallenge: undefined,
+};

package/lib/view/twoFactorAuthentication/twoFactorAuthenticationPayload.d.ts

@@ -1,5 +1,5 @@
 import { ZeniAPIResponse } from '../../responsePayload';
-import { CustomerToken } from './twoFactorAuthentication';
+import { Token } from './twoFactorAuthentication';
 interface SendOtpPayload {
     otp_challenge: string;
 }
@@ -7,14 +7,14 @@ export type SendOtpResponse = ZeniAPIResponse<SendOtpPayload>;
 interface VerifyOtpPayload {
     is_verified: boolean;
     message: string;
-    customer_token_info?: CustomerTokenPayload;
+    token_info?: TokenPayload;
 }
-export interface CustomerTokenPayload {
-    customer_token_provider: string;
-    customer_token: string;
-    customer_token_expiration_time: string;
+export interface TokenPayload {
+    token_provider: string;
+    token: string;
+    token_expiration_time: string;
     message: string;
 }
 export type VerifyOtpResponse = ZeniAPIResponse<VerifyOtpPayload>;
-export declare const toCustomerToken: (payload: CustomerTokenPayload) => CustomerToken;
+export declare const toToken: (payload: TokenPayload) => Token;
 export {};

package/lib/view/twoFactorAuthentication/twoFactorAuthenticationPayload.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toCustomerToken = void 0;
+exports.toToken = void 0;
 const zeniDayJS_1 = require("../../zeniDayJS");
-const toCustomerToken = (payload) => ({
-    provider: payload.customer_token_provider,
-    token: payload.customer_token,
-    expiry: (0, zeniDayJS_1.date)(payload.customer_token_expiration_time),
+const toToken = (payload) => ({
+    provider: payload.token_provider,
+    token: payload.token,
+    expiry: (0, zeniDayJS_1.date)(payload.token_expiration_time),
     message: payload.message,
 });
-exports.toCustomerToken = toCustomerToken;
+exports.toToken = toToken;

package/lib/view/twoFactorAuthentication/twoFactorAuthenticationReducer.d.ts

@@ -1,21 +1,37 @@
+import { ID } from '../../commonStateTypes/common';
 import { ZeniAPIStatus } from '../../responsePayload';
 import { TwoFASourceView, TwoFactorAuthenticationState } from './twoFactorAuthentication';
-import { CustomerTokenPayload } from './twoFactorAuthenticationPayload';
+import { TokenPayload } from './twoFactorAuthenticationPayload';
 export declare const initialState: TwoFactorAuthenticationState;
-export declare const sendOtp: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[phoneNumber: string, twoFASource: TwoFASourceView], {
+export declare const sendOtp: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[phoneNumber: string, twoFASource: TwoFASourceView, entityId?: string | undefined], {
     phoneNumber: string;
     twoFASource: TwoFASourceView;
-}, "twoFactorAuthentication/sendOtp", never, never>, resendOtp: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[otpChallenge: string, twoFASource: TwoFASourceView], {
+    entityId: string | undefined;
+}, "twoFactorAuthentication/sendOtp", never, never>, resendOtp: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[otpChallenge: string, twoFASource: TwoFASourceView, entityId?: string | undefined], {
     otpChallenge: string;
     twoFASource: TwoFASourceView;
+    entityId: string | undefined;
 }, "twoFactorAuthentication/resendOtp", never, never>, sendOtpSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     otpChallenge: string;
-}, "twoFactorAuthentication/sendOtpSuccess">, sendOtpFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "twoFactorAuthentication/sendOtpFailure">, verifyOtp: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[otpCode: string, otpChallenge: string, twoFASource: TwoFASourceView], {
+    twoFASource: TwoFASourceView;
+    entityId?: ID;
+}, "twoFactorAuthentication/sendOtpSuccess">, sendOtpFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    error: ZeniAPIStatus;
+    twoFASource: TwoFASourceView;
+    entityId?: ID;
+}, "twoFactorAuthentication/sendOtpFailure">, verifyOtp: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[otpCode: string, otpChallenge: string, twoFASource: TwoFASourceView, entityId?: string | undefined], {
     otpCode: string;
     otpChallenge: string;
     twoFASource: TwoFASourceView;
+    entityId: string | undefined;
 }, "twoFactorAuthentication/verifyOtp", never, never>, verifyOtpSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
-    customerTokenPayload: CustomerTokenPayload | undefined;
-}, "twoFactorAuthentication/verifyOtpSuccess">, verifyOtpFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<ZeniAPIStatus<Record<string, unknown>>, "twoFactorAuthentication/verifyOtpFailure">, clearTwoFactorAuthentication: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"twoFactorAuthentication/clearTwoFactorAuthentication">;
+    twoFASource: TwoFASourceView;
+    entityId?: ID;
+    tokenPayload: TokenPayload | undefined;
+}, "twoFactorAuthentication/verifyOtpSuccess">, verifyOtpFailure: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    error: ZeniAPIStatus;
+    twoFASource: TwoFASourceView;
+    entityId?: ID;
+}, "twoFactorAuthentication/verifyOtpFailure">, clearTwoFactorAuthentication: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"twoFactorAuthentication/clearTwoFactorAuthentication">;
 declare const _default: import("redux").Reducer<TwoFactorAuthenticationState>;
 export default _default;

package/lib/view/twoFactorAuthentication/twoFactorAuthenticationReducer.js

@@ -3,19 +3,13 @@ var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.clearTwoFactorAuthentication = exports.verifyOtpFailure = exports.verifyOtpSuccess = exports.verifyOtp = exports.sendOtpFailure = exports.sendOtpSuccess = exports.resendOtp = exports.sendOtp = exports.initialState = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
+const twoFactorAuthentication_1 = require("./twoFactorAuthentication");
 const twoFactorAuthenticationPayload_1 = require("./twoFactorAuthenticationPayload");
 exports.initialState = {
-    sendOtpStatus: {
-        fetchState: 'Not-Started',
-        error: undefined,
+    twoFactorAuthenticationBySource: {
+        common: twoFactorAuthentication_1.initialTwoFactorAuthentication,
+        chargeCardDetail: {},
     },
-    otpVerificationStatus: {
-        fetchState: 'Not-Started',
-        error: undefined,
-    },
-    customerToken: undefined,
-    phone: undefined,
-    otpChallenge: undefined,
 };
 const twoFactorAuthentication = (0, toolkit_1.createSlice)({
     name: 'twoFactorAuthentication',
@@ -23,74 +17,147 @@ const twoFactorAuthentication = (0, toolkit_1.createSlice)({
     reducers: {
         sendOtp: {
             reducer(draft, action) {
-                draft.phone = action.payload.phoneNumber;
-                draft.sendOtpStatus = {
-                    fetchState: 'In-Progress',
-                    error: undefined,
-                };
-                draft.otpVerificationStatus = {
-                    fetchState: 'Not-Started',
-                    error: undefined,
-                };
+                const { twoFASource, phoneNumber, entityId } = action.payload;
+                if (twoFASource === 'ChargeCardDetail' && entityId != null) {
+                    draft.twoFactorAuthenticationBySource.chargeCardDetail[entityId] = Object.assign(Object.assign({}, draft.twoFactorAuthenticationBySource.chargeCardDetail[entityId]), { phone: phoneNumber, sendOtpStatus: {
+                            fetchState: 'In-Progress',
+                            error: undefined,
+                        }, otpVerificationStatus: {
+                            fetchState: 'Not-Started',
+                            error: undefined,
+                        } });
+                }
+                else {
+                    draft.twoFactorAuthenticationBySource.common.phone = phoneNumber;
+                    draft.twoFactorAuthenticationBySource.common.sendOtpStatus = {
+                        fetchState: 'In-Progress',
+                        error: undefined,
+                    };
+                    draft.twoFactorAuthenticationBySource.common.otpVerificationStatus = {
+                        fetchState: 'Not-Started',
+                        error: undefined,
+                    };
+                }
             },
-            prepare(phoneNumber, twoFASource) {
-                return { payload: { phoneNumber, twoFASource } };
+            prepare(phoneNumber, twoFASource, entityId) {
+                return { payload: { phoneNumber, twoFASource, entityId } };
             },
         },
         resendOtp: {
-            reducer(draft) {
-                draft.sendOtpStatus = {
-                    fetchState: 'In-Progress',
-                    error: undefined,
-                };
-                draft.otpVerificationStatus = {
-                    fetchState: 'Not-Started',
-                    error: undefined,
-                };
+            reducer(draft, action) {
+                const { twoFASource, entityId } = action.payload;
+                if (twoFASource === 'ChargeCardDetail' && entityId != null) {
+                    draft.twoFactorAuthenticationBySource.chargeCardDetail[entityId] = Object.assign(Object.assign({}, draft.twoFactorAuthenticationBySource.chargeCardDetail[entityId]), { sendOtpStatus: {
+                            fetchState: 'In-Progress',
+                            error: undefined,
+                        }, otpVerificationStatus: {
+                            fetchState: 'Not-Started',
+                            error: undefined,
+                        } });
+                }
+                else {
+                    draft.twoFactorAuthenticationBySource.common.sendOtpStatus = {
+                        fetchState: 'In-Progress',
+                        error: undefined,
+                    };
+                    draft.twoFactorAuthenticationBySource.common.otpVerificationStatus = {
+                        fetchState: 'Not-Started',
+                        error: undefined,
+                    };
+                }
             },
-            prepare(otpChallenge, twoFASource) {
-                return { payload: { otpChallenge, twoFASource } };
+            prepare(otpChallenge, twoFASource, entityId) {
+                return { payload: { otpChallenge, twoFASource, entityId } };
             },
         },
         sendOtpSuccess(draft, action) {
-            draft.otpChallenge = action.payload.otpChallenge;
-            draft.sendOtpStatus = {
-                fetchState: 'Completed',
-                error: undefined,
-            };
+            const { twoFASource, otpChallenge, entityId } = action.payload;
+            if (twoFASource === 'ChargeCardDetail' && entityId != null) {
+                draft.twoFactorAuthenticationBySource.chargeCardDetail[entityId] = Object.assign(Object.assign({}, draft.twoFactorAuthenticationBySource.chargeCardDetail[entityId]), { otpChallenge, sendOtpStatus: {
+                        fetchState: 'Completed',
+                        error: undefined,
+                    } });
+            }
+            else {
+                draft.twoFactorAuthenticationBySource.common.otpChallenge =
+                    otpChallenge;
+                draft.twoFactorAuthenticationBySource.common.sendOtpStatus = {
+                    fetchState: 'Completed',
+                    error: undefined,
+                };
+            }
         },
         sendOtpFailure(draft, action) {
-            draft.sendOtpStatus = {
-                fetchState: 'Error',
-                error: action.payload,
-            };
+            const { error, twoFASource, entityId } = action.payload;
+            if (twoFASource === 'ChargeCardDetail' && entityId != null) {
+                draft.twoFactorAuthenticationBySource.chargeCardDetail[entityId] = Object.assign(Object.assign({}, draft.twoFactorAuthenticationBySource.chargeCardDetail[entityId]), { sendOtpStatus: {
+                        fetchState: 'Error',
+                        error,
+                    } });
+            }
+            else {
+                draft.twoFactorAuthenticationBySource.common.sendOtpStatus = {
+                    fetchState: 'Error',
+                    error,
+                };
+            }
         },
         verifyOtp: {
-            reducer(draft) {
-                draft.otpVerificationStatus = {
-                    fetchState: 'In-Progress',
-                    error: undefined,
-                };
+            reducer(draft, action) {
+                const { twoFASource, entityId } = action.payload;
+                if (twoFASource === 'ChargeCardDetail' && entityId != null) {
+                    draft.twoFactorAuthenticationBySource.chargeCardDetail[entityId] = Object.assign(Object.assign({}, draft.twoFactorAuthenticationBySource.chargeCardDetail[entityId]), { otpVerificationStatus: {
+                            fetchState: 'In-Progress',
+                            error: undefined,
+                        } });
+                }
+                else {
+                    draft.twoFactorAuthenticationBySource.common.otpVerificationStatus = {
+                        fetchState: 'In-Progress',
+                        error: undefined,
+                    };
+                }
             },
-            prepare(otpCode, otpChallenge, twoFASource) {
-                return { payload: { otpCode, otpChallenge, twoFASource } };
+            prepare(otpCode, otpChallenge, twoFASource, entityId) {
+                return { payload: { otpCode, otpChallenge, twoFASource, entityId } };
             },
         },
         verifyOtpSuccess(draft, action) {
-            const { customerTokenPayload } = action.payload;
-            if (customerTokenPayload != null) {
-                draft.customerToken = (0, twoFactorAuthenticationPayload_1.toCustomerToken)(customerTokenPayload);
+            const { tokenPayload, twoFASource, entityId } = action.payload;
+            if (twoFASource === 'ChargeCardDetail' && entityId != null) {
+                draft.twoFactorAuthenticationBySource.chargeCardDetail[entityId] = Object.assign(Object.assign({}, draft.twoFactorAuthenticationBySource.chargeCardDetail[entityId]), { otpVerificationStatus: {
+                        fetchState: 'Completed',
+                        error: undefined,
+                    } });
+                if (tokenPayload != null) {
+                    draft.twoFactorAuthenticationBySource.chargeCardDetail[entityId].token = (0, twoFactorAuthenticationPayload_1.toToken)(tokenPayload);
+                }
+            }
+            else {
+                if (tokenPayload != null) {
+                    draft.twoFactorAuthenticationBySource.common.token =
+                        (0, twoFactorAuthenticationPayload_1.toToken)(tokenPayload);
+                }
+                draft.twoFactorAuthenticationBySource.common.otpVerificationStatus = {
+                    fetchState: 'Completed',
+                    error: undefined,
+                };
             }
-            draft.otpVerificationStatus = {
-                fetchState: 'Completed',
-                error: undefined,
-            };
         },
         verifyOtpFailure(draft, action) {
-            draft.otpVerificationStatus = {
-                fetchState: 'Error',
-                error: action.payload,
-            };
+            const { error, twoFASource, entityId } = action.payload;
+            if (twoFASource === 'ChargeCardDetail' && entityId != null) {
+                draft.twoFactorAuthenticationBySource.chargeCardDetail[entityId].otpVerificationStatus = {
+                    fetchState: 'Error',
+                    error,
+                };
+            }
+            else {
+                draft.twoFactorAuthenticationBySource.common.otpVerificationStatus = {
+                    fetchState: 'Error',
+                    error,
+                };
+            }
         },
         clearTwoFactorAuthentication(draft) {
             Object.assign(draft, exports.initialState);

package/lib/view/twoFactorAuthentication/twoFactorAuthenticationSelector.d.ts

@@ -1,12 +1,13 @@
-import { FetchStateAndError } from '../../commonStateTypes/common';
+import { FetchStateAndError, ID } from '../../commonStateTypes/common';
 import { View } from '../../commonStateTypes/viewAndReport/viewAndReport';
 import { RootState } from '../../reducer';
-import { CustomerToken } from './twoFactorAuthentication';
+import { Token } from './twoFactorAuthentication';
 export interface TwoFactorAuthenticationView extends View {
     sendOtpStatus: FetchStateAndError;
     otpVerificationStatus: FetchStateAndError;
-    customerToken?: CustomerToken;
+    token?: Token;
     phone?: string;
     otpChallenge?: string;
 }
 export declare const getTwoFactorAuthenticationView: (state: RootState) => TwoFactorAuthenticationView;
+export declare const getTwoFactorAuthenticationViewForCardDetail: (state: RootState, cardId: ID) => TwoFactorAuthenticationView;

package/lib/view/twoFactorAuthentication/twoFactorAuthenticationSelector.js

@@ -1,7 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTwoFactorAuthenticationView = void 0;
+exports.getTwoFactorAuthenticationViewForCardDetail = exports.getTwoFactorAuthenticationView = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
+const twoFactorAuthentication_1 = require("./twoFactorAuthentication");
 exports.getTwoFactorAuthenticationView = (0, toolkit_1.createSelector)((state) => state.twoFactorAuthenticationState, (twoFAState) => {
-    return Object.assign({}, twoFAState);
+    return Object.assign({}, twoFAState.twoFactorAuthenticationBySource.common);
 });
+const getTwoFactorAuthenticationViewForCardDetail = (state, cardId) => {
+    var _a;
+    return (_a = state.twoFactorAuthenticationState.twoFactorAuthenticationBySource
+        .chargeCardDetail[cardId]) !== null && _a !== void 0 ? _a : twoFactorAuthentication_1.defaultTwoFactorAuthenticationState;
+};
+exports.getTwoFactorAuthenticationViewForCardDetail = getTwoFactorAuthenticationViewForCardDetail;

package/lib/view/twoFactorAuthentication/verifyOtpEpic.d.ts

@@ -9,4 +9,4 @@ import { verifyOtpCardUserOnboarding, verifyOtpCardUserOnboardingFailure, verify
 import { verifyOtpFailureSpendManagementSetUp, verifyOtpSpendManagementSetUp, verifyOtpSuccessSpendManagementSetUp } from '../spendManagement/commonSetup/setupViewReducer';
 import { verifyOtp, verifyOtpFailure, verifyOtpSuccess } from './twoFactorAuthenticationReducer';
 export type ActionType = ReturnType<typeof verifyOtp> | ReturnType<typeof verifyOtpSuccess> | ReturnType<typeof verifyOtpFailure> | ReturnType<typeof verifyOtpSpendManagementSetUp> | ReturnType<typeof verifyOtpSuccessSpendManagementSetUp> | ReturnType<typeof verifyOtpFailureSpendManagementSetUp> | ReturnType<typeof verifyOtpVendorView> | ReturnType<typeof verifyOtpVendorViewSuccess> | ReturnType<typeof verifyOtpVendorViewFailure> | ReturnType<typeof verifyOnboardingOfficerOtp> | ReturnType<typeof verifyOnboardingOfficerOtpSuccess> | ReturnType<typeof verifyOnboardingOfficerOtpFailure> | ReturnType<typeof verifyOtpCardUserOnboarding> | ReturnType<typeof verifyOtpCardUserOnboardingSuccess> | ReturnType<typeof verifyOtpCardUserOnboardingFailure> | ReturnType<typeof verifyOtpMyProfile> | ReturnType<typeof verifyOtpMyProfileFailure> | ReturnType<typeof verifyOtpMyProfileSuccess>;
-export declare const verifyOtpEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;
+export declare const verifyOtpEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/twoFactorAuthentication/verifyOtpEpic.js

@@ -10,13 +10,17 @@ const settingsViewReducer_1 = require("../settingsView/settingsViewReducer");
 const cardUserOnboardingReducer_1 = require("../spendManagement/chargeCards/cardUserOnboarding/cardUserOnboardingReducer");
 const setupViewReducer_1 = require("../spendManagement/commonSetup/setupViewReducer");
 const twoFactorAuthenticationReducer_1 = require("./twoFactorAuthenticationReducer");
-const verifyOtpEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(twoFactorAuthenticationReducer_1.verifyOtp.match), (0, operators_1.mergeMap)((action) => {
+const verifyOtpEpic = (actions$, state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(twoFactorAuthenticationReducer_1.verifyOtp.match), (0, operators_1.mergeMap)((action) => {
     const verifyOtpActions = [];
-    const { otpCode, otpChallenge, twoFASource } = action.payload;
-    const payload = {
+    const { otpCode, otpChallenge, twoFASource, entityId } = action.payload;
+    let payload = {
         otp_code: otpCode,
         otp_challenge: otpChallenge,
     };
+    if (twoFASource === 'ChargeCardDetail' && entityId != null) {
+        const chargeCardProviderId = state$.value.chargeCardState.chargeCardByID[entityId].cardProviderID;
+        payload = Object.assign(Object.assign({}, payload), { charge_card_provider_id: chargeCardProviderId });
+    }
     switch (twoFASource) {
         case 'SpendManagementSetup':
             verifyOtpActions.push((0, setupViewReducer_1.verifyOtpSpendManagementSetUp)());
@@ -42,7 +46,9 @@ const verifyOtpEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operator
             response.data.is_verified === true) {
             const updateActions = [
                 (0, twoFactorAuthenticationReducer_1.verifyOtpSuccess)({
-                    customerTokenPayload: response.data.customer_token_info,
+                    tokenPayload: response.data.token_info,
+                    twoFASource,
+                    entityId,
                 }),
             ];
             switch (twoFASource) {
@@ -66,7 +72,11 @@ const verifyOtpEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operator
         }
         else {
             const updateActions = [
-                (0, twoFactorAuthenticationReducer_1.verifyOtpFailure)(response.status),
+                (0, twoFactorAuthenticationReducer_1.verifyOtpFailure)({
+                    error: response.status,
+                    twoFASource,
+                    entityId,
+                }),
             ];
             switch (twoFASource) {
                 case 'SpendManagementSetup':
@@ -90,7 +100,7 @@ const verifyOtpEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operator
     }), (0, operators_1.catchError)((error) => {
         const zeniAPIStatus = (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Verify otp api errored out' + JSON.stringify(error));
         const updateActions = [
-            (0, twoFactorAuthenticationReducer_1.verifyOtpFailure)(zeniAPIStatus),
+            (0, twoFactorAuthenticationReducer_1.verifyOtpFailure)({ error: zeniAPIStatus, twoFASource, entityId }),
         ];
         switch (twoFASource) {
             case 'SpendManagementSetup':

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeniai/client-epic-state",
-  "version": "4.14.90",
+  "version": "4.14.91",
   "description": "Shared module between Web & Mobile containing required abstractions for state management, async network communication. ",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",