@zeniai/client-epic-state 4.11.61 → 4.11.63

package/lib/view/cardPayment/cardPaymentViewPayload.d.ts

@@ -1,4 +1,5 @@
 import { CardPaymentPayload } from '../../entity/cardPayment/cardPaymentPayload';
+import { SubscriptionPaymentAccountPayload } from '../../entity/subscriptionPaymentAccount/subscriptionPaymentAccountPayload';
 import { ZeniAPIResponse } from '../../responsePayload';
 export declare type DeleteCardPaymentResponse = ZeniAPIResponse<FetchCardSetupIntentPayload>;
 export interface FetchCardSetupIntentPayload {
@@ -16,6 +17,7 @@ export interface AddCardPaymentSourcePayload {
 }
 export interface PaymentSourcesPayload {
     cards: CardPaymentPayload[];
+    bank_accounts: SubscriptionPaymentAccountPayload[];
 }
 export interface AddCardPaymentSourceResponse {
     payment_sources: PaymentSourcesPayload;

package/lib/view/cardPayment/cardPaymentViewReducer.js

@@ -5,6 +5,7 @@ exports.clearCardPaymentView = exports.resetCardPaymentErrorStatuses = exports.u
 const toolkit_1 = require("@reduxjs/toolkit");
 exports.initialState = {
     cardPaymentsIds: [],
+    bankPaymentMethodsIds: [],
     clientSecret: null,
     fetchState: 'Not-Started',
     error: undefined,
@@ -106,6 +107,8 @@ const cardPaymentView = (0, toolkit_1.createSlice)({
             if (paymentMethods) {
                 const cardIds = paymentMethods.cards.map((card) => card.id);
                 state.cardPaymentsIds = cardIds;
+                const bankPaymentMethodsIds = paymentMethods.bank_accounts.map((bankAccount) => bankAccount.subscription_payment_account_id);
+                state.bankPaymentMethodsIds = bankPaymentMethodsIds;
             }
         },
         resetCardPaymentErrorStatuses(draft) {

package/lib/view/cardPayment/cardPaymentViewSelector.d.ts

@@ -4,8 +4,10 @@ import { SelectorView } from '../../commonStateTypes/viewAndReport/viewAndReport
 import { CardPayment } from '../../entity/cardPayment/cardPaymentState';
 import { RootState } from '../../reducer';
 import { SetupIntentData } from './cardPaymentViewState';
+import { SubscriptionPaymentAccount } from '../../entity/subscriptionPaymentAccount/subscriptionPaymentAccountState';
 export interface CardPaymentSelectorView extends SelectorView {
     cardsList: CardPayment[];
+    bankAccountsList: SubscriptionPaymentAccount[];
     cardDeleteStatusById: Record<ID, FetchStateAndError>;
     addCardPaymentSourceStatus: FetchStateAndError;
     cardSetupConfirmStatus: {

package/lib/view/cardPayment/cardPaymentViewSelector.js

@@ -2,11 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAllCardsAndBankPaymentMethods = void 0;
 const cardPaymentSelector_1 = require("../../entity/cardPayment/cardPaymentSelector");
+const subscriptionPaymentAccountSelector_1 = require("../../entity/subscriptionPaymentAccount/subscriptionPaymentAccountSelector");
 const getAllCardsAndBankPaymentMethods = (state) => {
-    const { cardPaymentState, cardPaymentViewState } = state;
+    const { cardPaymentState, cardPaymentViewState, subscriptionPaymentAccountState, } = state;
     const cardList = (0, cardPaymentSelector_1.getCardsByIds)(cardPaymentState, cardPaymentViewState.cardPaymentsIds);
+    const bankAccountsList = (0, subscriptionPaymentAccountSelector_1.getSubscriptionPaymentAccountsByAccountIds)(subscriptionPaymentAccountState, cardPaymentViewState.bankPaymentMethodsIds);
     return {
         cardsList: cardList,
+        bankAccountsList: bankAccountsList,
         fetchState: cardPaymentViewState.fetchState,
         clientSecret: cardPaymentViewState.clientSecret,
         setupIntentData: cardPaymentViewState.setupIntentData,

package/lib/view/cardPayment/cardPaymentViewState.d.ts

@@ -2,6 +2,7 @@ import { StripeError } from '@stripe/stripe-js';
 import { FetchedState, FetchState, FetchStateAndError, ID } from '../../commonStateTypes/common';
 export interface CardPaymentViewState extends FetchedState {
     cardPaymentsIds: ID[];
+    bankPaymentMethodsIds: ID[];
     cardSetupConfirmStatus: {
         fetchState: FetchState;
         error: StripeError | undefined;

package/lib/view/cardPayment/epic/fetchPaymentSourcesEpic.d.ts

@@ -3,7 +3,8 @@ import { ZeniAPI } from '../../../zeniAPI';
 import { RootState } from '../../../reducer';
 import { fetchPaymentSources, updatePaymentSources } from '../cardPaymentViewReducer';
 import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
-export declare type ActionType = ReturnType<typeof fetchPaymentSources> | ReturnType<typeof openSnackbar> | ReturnType<typeof updatePaymentSources>;
+import { updateSubscriptionPaymentAccounts } from '../../../entity/subscriptionPaymentAccount/subscriptionPaymentAccountReducer';
+export declare type ActionType = ReturnType<typeof fetchPaymentSources> | ReturnType<typeof openSnackbar> | ReturnType<typeof updateSubscriptionPaymentAccounts> | ReturnType<typeof updatePaymentSources>;
 export declare const fetchPaymentSourcesEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => import("rxjs").Observable<{
     payload: {
         messageSection: "bill_pay_setup" | "reimbursement_setup" | "charge_card_setup" | "common" | "transactionDetails_updatingPastTransactions" | "transactionDetails_transactionUpdated" | "cockpit_month_end_email_sent" | "cockpit_month_end_email_save" | "cockpit_month_end_email_attachment_upload" | "audit_score_updated" | "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_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" | "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" | "bill_pay_bulk_submit" | "bill_pay_bulk_processed" | "zeni_account_accept_term" | "update_vendor" | "data_refresh_update" | "delete_bank_account" | "create_bank_account" | "create_bank_account_ach" | "create_bank_account_wire" | "create_bank_account_international" | "transfer_money" | "update_zeni_account_nickname" | "create_checking_account" | "deposit_check" | "create_vendor" | "onboarding_customer_view" | "onboarding_customer_view_complete" | "onboarding_customer_identity_verification_save" | "onboarding_customer_identity_verification_submit" | "onboarding_customer_business_verification_save" | "onboarding_customer_business_verification_submit" | "retry_bank_account_connection" | "dashboard_invite_sent" | "onboarding_info_saved" | "approve_original_merchant" | "approve_global_merchant" | "reject_global_merchant" | "create_global_merchant" | "fetch_global_merchant_no_recommendation" | "save_vendor_renamed" | "save_vendor_sent_for_review" | "save_vendor_marked_as_employee" | "save_vendor_marked_as_local_contractor" | "charge_card_accept_term" | "create_schedule" | "save_schedule" | "delete_schedule" | "save_task_detail" | "fetch_task_detail" | "delete_task" | "archive_task" | "create_tag" | "delete_tag" | "update_charge_card" | "issue_charge_card" | "notification_settings_saved" | "referral_invite_sent" | "notification_mark_as_read" | "mark_as_complete_schedule" | "settings_accounting_accounts_updated" | "create_card_setup" | "confirm_card_setup" | "add_card_payment_source" | "fetch_payment_sources" | "task_assigned_toast_notification" | "task_due_tomorrow_toast_notification" | "task_deleted_toast_notification" | "task_archived_toast_notification" | "task_overdue_toast_notification" | "task_overdue_toast_notification_creator" | "task_notification_count" | "task_activities_toast_notification" | "task_created_toast_notification" | "task_group_creation_success" | "task_group_deletion_success" | "task_group_update_success" | "primary_funding_account_updated";
@@ -23,6 +24,9 @@ export declare const fetchPaymentSourcesEpic: (actions$: ActionsObservable<Actio
         response?: import("../cardPaymentViewPayload").AddCardPaymentSourceResponse | undefined;
     };
     type: string;
+} | {
+    payload: import("../../../entity/subscriptionPaymentAccount/subscriptionPaymentAccountPayload").SubscriptionPaymentAccountPayload[];
+    type: string;
 } | import("@reduxjs/toolkit").PayloadAction<import("../../../entity/cardPayment/cardPaymentPayload").CardPaymentPayload[], string, {
     updateType: import("../../..").UpdateType;
 }, never>>;

package/lib/view/cardPayment/epic/fetchPaymentSourcesEpic.js

@@ -7,6 +7,7 @@ const cardPaymentViewReducer_1 = require("../cardPaymentViewReducer");
 const snackbarReducer_1 = require("../../../entity/snackbar/snackbarReducer");
 const responsePayload_1 = require("../../../responsePayload");
 const cardPaymentReducer_1 = require("../../../entity/cardPayment/cardPaymentReducer");
+const subscriptionPaymentAccountReducer_1 = require("../../../entity/subscriptionPaymentAccount/subscriptionPaymentAccountReducer");
 const fetchPaymentSourcesEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(cardPaymentViewReducer_1.fetchPaymentSources.match), (0, operators_1.mergeMap)(() => {
     const queryParams = { is_return_only_valid: true };
     const fetchPaymentSourcesApi$ = zeniAPI.getJSON(`${zeniAPI.apiEndPoints.accountMicroServiceBaseUrl}/1.0/subscriptions/payment-sources?query=${encodeURIComponent(JSON.stringify(queryParams))}`);
@@ -18,6 +19,7 @@ const fetchPaymentSourcesEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0
                     response: response.data,
                 }),
                 (0, cardPaymentReducer_1.updateCardPayments)(response.data.payment_sources.cards),
+                (0, subscriptionPaymentAccountReducer_1.updateSubscriptionPaymentAccounts)(response.data.payment_sources.bank_accounts),
             ]);
         }
         else {

package/lib/view/onboardingView/customerView/epic/customerDetails/fetchOnboardingCustomerSetupViewEpic.d.ts

@@ -9,7 +9,8 @@ import { updateFiles } from '../../../../../entity/file/fileReducer';
 import { updateAddresses } from '../../../../../entity/address/addressReducer';
 import { updateAccounts } from '../../../../../entity/account/accountReducer';
 import { updatePaymentAccounts } from '../../../../../entity/paymentAccount/paymentAccountReducer';
+import { updateSubscriptionPaymentAccounts } from '../../../../../entity/subscriptionPaymentAccount/subscriptionPaymentAccountReducer';
 import { openSnackbar } from '../../../../../entity/snackbar/snackbarReducer';
 import { fetchOnboardingCustomerSetupView, fetchOnboardingCustomerSetupViewSuccess, fetchOnboardingCustomerSetupViewFailure, updateOnboardingCustomerViewAccountDetails, updateOnboardingCustomerViewLocalStoreData } from '../../onboardingCustomerViewReducer';
-export declare type ActionType = ReturnType<typeof fetchOnboardingCustomerSetupView> | ReturnType<typeof updateAllUsers> | ReturnType<typeof updateUserRoles> | ReturnType<typeof updateCompanies> | ReturnType<typeof updateFiles> | ReturnType<typeof updateAccounts> | ReturnType<typeof updateAddresses> | ReturnType<typeof updatePaymentAccounts> | ReturnType<typeof updateOnboardingCustomerViewLocalStoreData> | ReturnType<typeof updateOnboardingCustomerViewAccountDetails> | ReturnType<typeof openSnackbar> | ReturnType<typeof fetchOnboardingCustomerSetupViewSuccess> | ReturnType<typeof fetchOnboardingCustomerSetupViewFailure>;
+export declare type ActionType = ReturnType<typeof fetchOnboardingCustomerSetupView> | ReturnType<typeof updateAllUsers> | ReturnType<typeof updateUserRoles> | ReturnType<typeof updateCompanies> | ReturnType<typeof updateFiles> | ReturnType<typeof updateAccounts> | ReturnType<typeof updateAddresses> | ReturnType<typeof updatePaymentAccounts> | ReturnType<typeof updateSubscriptionPaymentAccounts> | ReturnType<typeof updateOnboardingCustomerViewLocalStoreData> | ReturnType<typeof updateOnboardingCustomerViewAccountDetails> | ReturnType<typeof openSnackbar> | ReturnType<typeof fetchOnboardingCustomerSetupViewSuccess> | ReturnType<typeof fetchOnboardingCustomerSetupViewFailure>;
 export declare const fetchOnboardingCustomerSetupViewEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => Observable<ActionType>;

package/lib/view/onboardingView/customerView/epic/customerDetails/fetchOnboardingCustomerSetupViewEpic.js

@@ -11,6 +11,7 @@ const fileReducer_1 = require("../../../../../entity/file/fileReducer");
 const addressReducer_1 = require("../../../../../entity/address/addressReducer");
 const accountReducer_1 = require("../../../../../entity/account/accountReducer");
 const paymentAccountReducer_1 = require("../../../../../entity/paymentAccount/paymentAccountReducer");
+const subscriptionPaymentAccountReducer_1 = require("../../../../../entity/subscriptionPaymentAccount/subscriptionPaymentAccountReducer");
 const companySelector_1 = require("../../../../../entity/company/companySelector");
 const snackbarReducer_1 = require("../../../../../entity/snackbar/snackbarReducer");
 const onboardingCustomerViewReducer_1 = require("../../onboardingCustomerViewReducer");
@@ -28,6 +29,7 @@ const fetchOnboardingCustomerSetupViewEpic = (actions$, state$, zeniAPI) => acti
             .pipe((0, operators_1.mergeMap)((response) => {
             if ((0, responsePayload_1.isSuccessResponse)(response) && response.data != null) {
                 const paymentAccountIds = response.data.payment_accounts.map((paymentAccount) => paymentAccount.payment_account_id);
+                const subscriptionPaymentAccountIds = response.data.subscription_payment_accounts.map((subscriptionPaymentAccount) => subscriptionPaymentAccount.subscription_payment_account_id);
                 const actions = [
                     (0, userReducer_1.updateAllUsers)({ users: response.data.users }),
                     (0, userRoleReducer_1.updateUserRoles)(response.data.user_roles),
@@ -39,7 +41,8 @@ const fetchOnboardingCustomerSetupViewEpic = (actions$, state$, zeniAPI) => acti
                     (0, fileReducer_1.updateFiles)({ files: response.data.files }),
                     (0, accountReducer_1.updateAccounts)(response.data.accounts, 'onboarding'),
                     (0, paymentAccountReducer_1.updatePaymentAccounts)(response.data.payment_accounts),
-                    (0, onboardingCustomerViewReducer_1.updateOnboardingCustomerViewAccountDetails)(paymentAccountIds),
+                    (0, subscriptionPaymentAccountReducer_1.updateSubscriptionPaymentAccounts)(response.data.subscription_payment_accounts),
+                    (0, onboardingCustomerViewReducer_1.updateOnboardingCustomerViewAccountDetails)(paymentAccountIds, subscriptionPaymentAccountIds),
                     (0, onboardingCustomerViewReducer_1.updateOnboardingCustomerViewLocalStoreData)({
                         companyId: response.data.companies[0].company_id,
                         reCalculateCurrentStep,
@@ -59,8 +62,8 @@ const fetchOnboardingCustomerSetupViewEpic = (actions$, state$, zeniAPI) => acti
             JSON.stringify(error))))));
     }
     else {
-        const { paymentAccountDetails } = onboardingCustomerViewState;
-        return (0, rxjs_1.of)((0, onboardingCustomerViewReducer_1.updateOnboardingCustomerViewAccountDetails)(paymentAccountDetails.paymentAccountIds), (0, onboardingCustomerViewReducer_1.updateOnboardingCustomerViewLocalStoreData)({
+        const { subscriptionPaymentAccountIds, paymentAccountDetails } = onboardingCustomerViewState;
+        return (0, rxjs_1.of)((0, onboardingCustomerViewReducer_1.updateOnboardingCustomerViewAccountDetails)(paymentAccountDetails.paymentAccountIds, subscriptionPaymentAccountIds), (0, onboardingCustomerViewReducer_1.updateOnboardingCustomerViewLocalStoreData)({
             companyId,
             reCalculateCurrentStep,
         }), (0, onboardingCustomerViewReducer_1.fetchOnboardingCustomerSetupViewSuccess)());

package/lib/view/onboardingView/customerView/epic/customerDetails/updateOnboardingCustomerViewLocalStoreDataEpic.js

@@ -18,10 +18,12 @@ const addressViewReducer_1 = require("../../../../addressView/addressViewReducer
 const paymentAccountSelector_1 = require("../../../../../entity/paymentAccount/paymentAccountSelector");
 const tenantSelector_1 = require("../../../../../entity/tenant/tenantSelector");
 const onboardingCustomerViewSelector_1 = require("../../onboardingCustomerViewSelector");
+const subscriptionPaymentAccountSelector_1 = require("../../../../../entity/subscriptionPaymentAccount/subscriptionPaymentAccountSelector");
 const updateOnboardingCustomerViewLocalStoreDataEpic = (actions$, state$) => actions$.pipe((0, operators_1.filter)(onboardingCustomerViewReducer_1.updateOnboardingCustomerViewLocalStoreData.match), (0, operators_1.mergeMap)((action) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     const { companyId, currentStep, reCalculateCurrentStep } = action.payload;
-    const { companyState, companyViewState, fileState, userState, userRoleState, onboardingCustomerViewState, paymentAccountState, } = state$.value;
+    const { companyState, companyViewState, fileState, userState, userRoleState, onboardingCustomerViewState, subscriptionPaymentAccountState, paymentAccountState, } = state$.value;
+    const { subscriptionPaymentAccountIds } = onboardingCustomerViewState;
     const subscriptionIDs = (0, get_1.default)(companyViewState.passportView.subscriptionIDsByCompanyID, companyId, undefined);
     const companyView = (0, getCompanyView_1.getCompanyView)(state$.value, companyId, subscriptionIDs !== null && subscriptionIDs !== void 0 ? subscriptionIDs : []);
     const company = (_a = (0, companySelector_1.getCompanyByCompanyId)(companyState, companyId)) === null || _a === void 0 ? void 0 : _a.company;
@@ -42,8 +44,13 @@ const updateOnboardingCustomerViewLocalStoreDataEpic = (actions$, state$) => act
             updatedCompanyDetails = Object.assign(Object.assign({}, onboardingCustomerViewState.companyDetails.localData), { syncToken });
         }
         let updatedCurrentStep = 'link_payment_account';
+        let subscriptionPaymentAccount;
         const { companyOnboardingInfo } = company;
         const accountingConnectionCreationMode = (_d = companyOnboardingInfo === null || companyOnboardingInfo === void 0 ? void 0 : companyOnboardingInfo.onboardingInfo) === null || _d === void 0 ? void 0 : _d.accountingConnectionCreationMode;
+        if (subscriptionPaymentAccountIds.length > 0) {
+            const subscriptionPaymentAccountId = subscriptionPaymentAccountIds[0];
+            subscriptionPaymentAccount = (0, subscriptionPaymentAccountSelector_1.getSubscriptionPaymentAccountByAccountId)(subscriptionPaymentAccountState, subscriptionPaymentAccountId);
+        }
         const currentTenant = (0, tenantSelector_1.getCurrentTenant)(state$.value);
         const externalConnections = currentTenant.externalConnections;
         const isValidConnection = (_f = (_e = externalConnections === null || externalConnections === void 0 ? void 0 : externalConnections.accounting[0]) === null || _e === void 0 ? void 0 : _e.isValid) !== null && _f !== void 0 ? _f : false;
@@ -55,8 +62,9 @@ const updateOnboardingCustomerViewLocalStoreDataEpic = (actions$, state$) => act
                 const paymentAccountId = paymentAccountIds[0];
                 paymentAccount = (0, paymentAccountSelector_1.getPaymentAccountByPaymentAccountId)(paymentAccountState, paymentAccountId);
             }
-            if (((_h = (_g = paymentAccount === null || paymentAccount === void 0 ? void 0 : paymentAccount.providerVerificationStatus) === null || _g === void 0 ? void 0 : _g.code) === null || _h === void 0 ? void 0 : _h.includes('verified')) === true &&
-                (paymentAccount === null || paymentAccount === void 0 ? void 0 : paymentAccount.isLoginRequired) === false) {
+            if ((((_h = (_g = paymentAccount === null || paymentAccount === void 0 ? void 0 : paymentAccount.providerVerificationStatus) === null || _g === void 0 ? void 0 : _g.code) === null || _h === void 0 ? void 0 : _h.includes('verified')) === true &&
+                (paymentAccount === null || paymentAccount === void 0 ? void 0 : paymentAccount.isLoginRequired) === false) ||
+                ((_k = (_j = subscriptionPaymentAccount === null || subscriptionPaymentAccount === void 0 ? void 0 : subscriptionPaymentAccount.providerVerificationStatus) === null || _j === void 0 ? void 0 : _j.code) === null || _k === void 0 ? void 0 : _k.includes('verified')) === true) {
                 updatedCurrentStep = 'qbo_connection';
                 if (isValidConnection) {
                     updatedCurrentStep = 'company_officer';
@@ -72,7 +80,7 @@ const updateOnboardingCustomerViewLocalStoreDataEpic = (actions$, state$) => act
                 }
             }
         }
-        const { allStepsData } = (0, onboardingCustomerViewSelector_1.onboardingStepsData)(isValidConnection, (_j = currentTenant === null || currentTenant === void 0 ? void 0 : currentTenant.productSettings) !== null && _j !== void 0 ? _j : [], accountingConnectionCreationMode);
+        const { allStepsData } = (0, onboardingCustomerViewSelector_1.onboardingStepsData)(isValidConnection, (_l = currentTenant === null || currentTenant === void 0 ? void 0 : currentTenant.productSettings) !== null && _l !== void 0 ? _l : [], accountingConnectionCreationMode, subscriptionPaymentAccount);
         if (allStepsData.length > 0 &&
             allStepsData.indexOf(updatedCurrentStep) === -1) {
             updatedCurrentStep = allStepsData[0];

package/lib/view/onboardingView/customerView/onboardingCustomerViewReducer.d.ts

@@ -60,8 +60,9 @@ export declare const fetchOnboardingCustomerView: import("@reduxjs/toolkit").Act
     linkTokenType: PlaidLinkTokenType;
 }, string, never, never>, updateCurrentStep: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     step: OnboardingStep;
-}, string>, updateOnboardingCustomerViewAccountDetails: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[paymentAccountIds: string[]], {
+}, string>, updateOnboardingCustomerViewAccountDetails: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[paymentAccountIds: string[], subscriptionPaymentAccountIds: string[]], {
     paymentAccountIds: string[];
+    subscriptionPaymentAccountIds: string[];
 }, string, never, never>, updateOnboardingCustomerViewLocalStoreData: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     companyId: ID;
     currentStep?: "company_details" | "company_officer" | "link_payment_account" | "qbo_connection" | undefined;

package/lib/view/onboardingView/customerView/onboardingCustomerViewReducer.js

@@ -73,6 +73,7 @@ exports.initialState = {
         updateStatus: initialStatus,
         paymentAccountIds: [],
     },
+    subscriptionPaymentAccountIds: [],
     plaidConnectionDetails: {
         link_account: {
             fetchStatus: initialStatus,
@@ -146,12 +147,13 @@ const onboardingCustomerView = (0, toolkit_1.createSlice)({
             draft.currentStep = action.payload.step;
         },
         updateOnboardingCustomerViewAccountDetails: {
-            prepare(paymentAccountIds) {
-                return { payload: { paymentAccountIds } };
+            prepare(paymentAccountIds, subscriptionPaymentAccountIds) {
+                return { payload: { paymentAccountIds, subscriptionPaymentAccountIds } };
             },
             reducer(draft, action) {
-                const { paymentAccountIds } = action.payload;
+                const { paymentAccountIds, subscriptionPaymentAccountIds } = action.payload;
                 draft.paymentAccountDetails.paymentAccountIds = paymentAccountIds;
+                draft.subscriptionPaymentAccountIds = subscriptionPaymentAccountIds;
                 draft.paymentAccountDetails.fetchStatus = {
                     fetchState: 'Completed',
                     error: undefined,

package/lib/view/onboardingView/customerView/onboardingCustomerViewSelector.d.ts

@@ -46,7 +46,7 @@ export declare function getOnboardingCustomerView(state: RootState, companyId: I
  */
 export declare function isCompanyDetailsCompleted(fileState: FileState, company?: CompanyView, primaryContact?: User): boolean;
 export declare function isOfficerDetailsCompleted(companyOfficers: User[], companyOfficerRoles: UserRole[], officerDetails: CompanyOfficerLocalData, fileState: FileState): boolean;
-export declare const onboardingStepsData: (isValidConnection: boolean, productSettings: TenantProductSettings, accountingConnectionCreationMode?: AccountingConnectionCreationMode | undefined) => {
+export declare const onboardingStepsData: (isValidConnection: boolean, productSettings: TenantProductSettings, accountingConnectionCreationMode?: AccountingConnectionCreationMode | undefined, subscriptionPaymentAccount?: SubscriptionPaymentAccount | undefined) => {
     allStepsData: OnboardingStep[];
     requiredStepsData: OnboardingStep[];
 };

package/lib/view/onboardingView/customerView/onboardingCustomerViewSelector.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isOfficerDetailsSavePending = exports.isCompanyDetailsSavePending = exports.onboardingStepsData = exports.isOfficerDetailsCompleted = exports.isCompanyDetailsCompleted = exports.getOnboardingCustomerView = void 0;
 const paymentAccountSelector_1 = require("../../../entity/paymentAccount/paymentAccountSelector");
+const subscriptionPaymentAccountSelector_1 = require("../../../entity/subscriptionPaymentAccount/subscriptionPaymentAccountSelector");
 const onboardingCustomerViewState_1 = require("./onboardingCustomerViewState");
 const tenantSelector_1 = require("../../../entity/tenant/tenantSelector");
 const getCompanyView_1 = require("../../companyView/selectorHelpers/getCompanyView");
@@ -12,10 +13,11 @@ const userSelector_1 = require("../../../entity/user/userSelector");
 const userRoleSelector_1 = require("../../../entity/userRole/userRoleSelector");
 const fileSelector_1 = require("../../../entity/file/fileSelector");
 function getOnboardingCustomerView(state, companyId) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    const { fileState, paymentAccountState, onboardingCustomerViewState, userState, userRoleState, companyConfigState, cardPaymentViewState, } = state;
-    const { companyDetails, companyOfficerUpdateStatus, primaryContactDetails, paymentAccountDetails, plaidConnectionDetails, updateStatus, saveStatus, currentStep, uiState, fetchState, error, } = onboardingCustomerViewState;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    const { fileState, paymentAccountState, onboardingCustomerViewState, userState, userRoleState, subscriptionPaymentAccountState, companyConfigState, cardPaymentViewState, } = state;
+    const { companyDetails, companyOfficerUpdateStatus, primaryContactDetails, subscriptionPaymentAccountIds, paymentAccountDetails, plaidConnectionDetails, updateStatus, saveStatus, currentStep, uiState, fetchState, error, } = onboardingCustomerViewState;
     const { paymentAccountIds } = paymentAccountDetails;
+    let subscriptionPaymentAccount;
     let paymentAccount;
     let paymentAccountStatus;
     if ((paymentAccountIds === null || paymentAccountIds === void 0 ? void 0 : paymentAccountIds.length) > 0) {
@@ -36,6 +38,10 @@ function getOnboardingCustomerView(state, companyId) {
             };
         }
     }
+    if (subscriptionPaymentAccountIds.length > 0) {
+        const subscriptionPaymentAccountId = subscriptionPaymentAccountIds[0];
+        subscriptionPaymentAccount = (0, subscriptionPaymentAccountSelector_1.getSubscriptionPaymentAccountByAccountId)(subscriptionPaymentAccountState, subscriptionPaymentAccountId);
+    }
     const currentTenant = (0, tenantSelector_1.getCurrentTenant)(state);
     const externalConnections = currentTenant.externalConnections;
     const companyView = (0, getCompanyView_1.getCompanyView)(state, companyId, []);
@@ -55,10 +61,11 @@ function getOnboardingCustomerView(state, companyId) {
     if ((((_j = (_h = paymentAccount === null || paymentAccount === void 0 ? void 0 : paymentAccount.providerVerificationStatus) === null || _h === void 0 ? void 0 : _h.code) === null || _j === void 0 ? void 0 : _j.includes('verified')) ===
         true &&
         (paymentAccount === null || paymentAccount === void 0 ? void 0 : paymentAccount.isLoginRequired) === false) ||
+        ((_l = (_k = subscriptionPaymentAccount === null || subscriptionPaymentAccount === void 0 ? void 0 : subscriptionPaymentAccount.providerVerificationStatus) === null || _k === void 0 ? void 0 : _k.code) === null || _l === void 0 ? void 0 : _l.includes('verified')) === true ||
         cardPaymentViewState.cardPaymentsIds.length > 0) {
         completedSteps.push('link_payment_account');
     }
-    const isValidConnection = (_l = (_k = externalConnections === null || externalConnections === void 0 ? void 0 : externalConnections.accounting[0]) === null || _k === void 0 ? void 0 : _k.isValid) !== null && _l !== void 0 ? _l : false;
+    const isValidConnection = (_o = (_m = externalConnections === null || externalConnections === void 0 ? void 0 : externalConnections.accounting[0]) === null || _m === void 0 ? void 0 : _m.isValid) !== null && _o !== void 0 ? _o : false;
     if (isValidConnection) {
         completedSteps.push('qbo_connection');
     }
@@ -75,7 +82,7 @@ function getOnboardingCustomerView(state, companyId) {
         isOfficerDetailsCompleted(companyOfficers, companyOfficerRoles, companyOfficerLocalData[selectedOfficerType], fileState)) {
         completedSteps.push('company_officer');
     }
-    const { allStepsData, requiredStepsData } = (0, exports.onboardingStepsData)(isValidConnection, (_m = currentTenant === null || currentTenant === void 0 ? void 0 : currentTenant.productSettings) !== null && _m !== void 0 ? _m : [], accountingConnectionCreationMode);
+    const { allStepsData, requiredStepsData } = (0, exports.onboardingStepsData)(isValidConnection, (_p = currentTenant === null || currentTenant === void 0 ? void 0 : currentTenant.productSettings) !== null && _p !== void 0 ? _p : [], accountingConnectionCreationMode, subscriptionPaymentAccount);
     const allRequiredStepsCompleted = requiredStepsData.every((step) => {
         return completedSteps.includes(step);
     });
@@ -102,6 +109,7 @@ function getOnboardingCustomerView(state, companyId) {
         allStepsCompleted,
         companyIndustries,
         externalConnections,
+        subscriptionPaymentAccount,
         paymentAccount,
         paymentAccountStatus,
         plaidConnectionDetails,
@@ -170,17 +178,25 @@ function isOfficerDetailsCompleted(companyOfficers, companyOfficerRoles, officer
         files.length >= 2);
 }
 exports.isOfficerDetailsCompleted = isOfficerDetailsCompleted;
-const onboardingStepsData = (isValidConnection, productSettings, accountingConnectionCreationMode) => {
+const onboardingStepsData = (isValidConnection, productSettings, accountingConnectionCreationMode, subscriptionPaymentAccount) => {
     const allStepsData = accountingConnectionCreationMode === 'zeni_user' ||
         ((productSettings.isBankingEnabled || productSettings.isCardsEnabled) &&
             !productSettings.isBookkeepingEnabled)
-        ? onboardingCustomerViewState_1.ALL_ZENI_USER_ONBOARDING_STEPS
-        : onboardingCustomerViewState_1.ALL_ONBOARDING_STEPS;
+        ? subscriptionPaymentAccount != null
+            ? onboardingCustomerViewState_1.ALL_ZENI_USER_ONBOARDING_STEPS_WITHOUT_ACCOUNT
+            : onboardingCustomerViewState_1.ALL_ZENI_USER_ONBOARDING_STEPS
+        : subscriptionPaymentAccount != null
+            ? onboardingCustomerViewState_1.ALL_CUSTOMER_ONBOARDING_STEPS_WITH_QBO
+            : onboardingCustomerViewState_1.ALL_ONBOARDING_STEPS;
     const requiredStepsData = (accountingConnectionCreationMode === 'zeni_user' && isValidConnection) ||
         ((productSettings.isBankingEnabled || productSettings.isCardsEnabled) &&
             !productSettings.isBookkeepingEnabled)
-        ? onboardingCustomerViewState_1.ZENI_USER_REQUIRED_ONBOARDING_STEPS
-        : onboardingCustomerViewState_1.REQUIRED_ONBOARDING_STEPS;
+        ? subscriptionPaymentAccount != null
+            ? []
+            : onboardingCustomerViewState_1.ZENI_USER_REQUIRED_ONBOARDING_STEPS
+        : subscriptionPaymentAccount != null
+            ? onboardingCustomerViewState_1.CUSTOMER_REQUIRED_ONBOARDING_STEPS_WITH_QBO
+            : onboardingCustomerViewState_1.REQUIRED_ONBOARDING_STEPS;
     return {
         allStepsData: allStepsData.map((step) => (0, onboardingCustomerViewState_1.toOnboardingStepType)(step)),
         requiredStepsData: requiredStepsData.map((step) => (0, onboardingCustomerViewState_1.toOnboardingStepType)(step)),

package/lib/view/onboardingView/customerView/onboardingCustomerViewState.d.ts

@@ -39,6 +39,7 @@ export interface OnboardingCustomerViewState extends FetchedState {
         updateStatus: FetchStateAndError;
         paymentAccountIds: ID[];
     };
+    subscriptionPaymentAccountIds: ID[];
     plaidConnectionDetails: PlaidConnectionDetails;
     currentStep: OnboardingStep;
     uiState: OnboardingCustomerViewUIState;

package/lib/view/settingsView/settingsViewSelector.js

@@ -62,14 +62,14 @@ function getBankConnectionsSetupViewDetails(state, companyId, isBillPayEnabled,
     if (isBillPayEnabled) {
         primaryAccountsProductWise.push(Object.assign({ productType: 'bill_pay' }, (0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'bill_pay', 'bill_pay_setup')));
     }
-    if (isRemiEnabled) {
-        primaryAccountsProductWise.push(Object.assign({ productType: 'reimbursement' }, (0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'reimbursement', 'reimbursement_setup')));
+    if (isCardEnabled) {
+        primaryAccountsProductWise.push(Object.assign({ 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')));
     }
-    if (isCardEnabled) {
-        primaryAccountsProductWise.push(Object.assign({ productType: 'charge_cards' }, (0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'charge_cards', 'charge_card_setup')));
+    if (isRemiEnabled) {
+        primaryAccountsProductWise.push(Object.assign({ productType: 'reimbursement' }, (0, setupViewSelector_1.getCommonSetupViewDetails)(state, companyId, 'reimbursement', 'reimbursement_setup')));
     }
     const companyView = (0, getCompanyView_1.getCompanyView)(state, companyId, []);
     const billPayPrimaryAccount = (_c = companyView === null || companyView === void 0 ? void 0 : companyView.company.company.companyBillPayInfo.primaryFundingAccount) === null || _c === void 0 ? void 0 : _c.accountId; //companyBillPayInfo

package/package.json

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