@zeniai/client-epic-state 4.11.19 → 4.11.20

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

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addCardPaymentSourceEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const cardPaymentViewReducer_1 = require("../cardPaymentViewReducer");
+const snackbarReducer_1 = require("../../../entity/snackbar/snackbarReducer");
+const responsePayload_1 = require("../../../responsePayload");
+const addCardPaymentSourceEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(cardPaymentViewReducer_1.addCardPaymentSource.match), (0, operators_1.mergeMap)((action) => {
+    const { type, paymentSourceType, setupIntentId } = action.payload;
+    const payload = {
+        type: type,
+        processor_token: setupIntentId,
+        payment_source_type: paymentSourceType,
+    };
+    const cardPaymentSourcePayload = Object.assign({}, prepareCreateSetupIntentPayload(payload));
+    const addCardPaymentSourceApi$ = zeniAPI.postAndGetJSON(`${zeniAPI.apiEndPoints.accountMicroServiceBaseUrl}/1.0/subscriptions/payment-sources`, cardPaymentSourcePayload);
+    return addCardPaymentSourceApi$.pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data) {
+            return (0, rxjs_1.from)([
+                (0, cardPaymentViewReducer_1.updateAddCardPaymentSourceStatus)({
+                    fetchState: 'Completed',
+                    paymentSources: response.data.payment_sources,
+                }),
+                (0, snackbarReducer_1.openSnackbar)({
+                    messageSection: 'add_card_payment_source',
+                    messageText: 'success',
+                    type: 'success',
+                }),
+                (0, cardPaymentViewReducer_1.fetchPaymentSources)(),
+            ]);
+        }
+        else {
+            return (0, rxjs_1.from)([
+                (0, cardPaymentViewReducer_1.updateAddCardPaymentSourceStatus)({
+                    fetchState: 'Error',
+                    error: response.status,
+                }),
+                (0, snackbarReducer_1.openSnackbar)({
+                    messageSection: 'add_card_payment_source',
+                    messageText: 'failed',
+                    type: 'error',
+                    variables: [
+                        {
+                            variableName: '_api-error_',
+                            variableValue: response.status.message,
+                        },
+                    ],
+                }),
+            ]);
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, cardPaymentViewReducer_1.updateAddCardPaymentSourceStatus)({
+        fetchState: 'Error',
+        error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Add Card Payment Source API call errored out ' +
+            JSON.stringify(error)),
+    }))));
+}));
+exports.addCardPaymentSourceEpic = addCardPaymentSourceEpic;
+/**
+ * Helpers
+ */
+const prepareCreateSetupIntentPayload = (payload) => {
+    return {
+        type: payload.type,
+        processor_token: payload.processor_token,
+        payment_source_type: payload.payment_source_type,
+    };
+};

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

@@ -0,0 +1,25 @@
+import { ActionsObservable } from 'redux-observable';
+import { confirmCardSetupIntent, updateConfirmCardSetupIntentStatus } from '../cardPaymentViewReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
+import { SetupIntentData } from '../cardPaymentViewState';
+export declare type ActionType = ReturnType<typeof confirmCardSetupIntent> | ReturnType<typeof openSnackbar> | ReturnType<typeof updateConfirmCardSetupIntentStatus>;
+export declare const confirmCardSetupIntentEpic: (actions$: ActionsObservable<ActionType>) => import("rxjs").Observable<{
+    payload: {
+        messageSection: "reimbursement_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" | "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" | "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_setup" | "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";
+        messageText: "failed" | "success" | "notification";
+        type: import("../../..").SnackbarMessageType;
+        showStatusIcon?: boolean | undefined;
+        variables?: {
+            variableName: string;
+            variableValue: string;
+        }[] | undefined;
+    };
+    type: string;
+} | {
+    payload: {
+        fetchState: import("../../..").FetchState;
+        setupIntentData?: SetupIntentData | undefined;
+        error?: import("@stripe/stripe-js").StripeError | undefined;
+    };
+    type: string;
+}>;

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

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.confirmCardSetupIntentEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const cardPaymentViewReducer_1 = require("../cardPaymentViewReducer");
+const snackbarReducer_1 = require("../../../entity/snackbar/snackbarReducer");
+const confirmCardSetupIntentEpic = (actions$) => actions$.pipe((0, operators_1.filter)(cardPaymentViewReducer_1.confirmCardSetupIntent.match), (0, operators_1.mergeMap)((action) => {
+    var _a;
+    const { setupIntentData } = action.payload;
+    const { setupIntent, error } = setupIntentData;
+    if (setupIntent != null && error == null) {
+        const setupIntentData = {
+            id: setupIntent.id,
+            status: setupIntent.status,
+            clientSecret: setupIntent.client_secret,
+        };
+        return (0, rxjs_1.from)([
+            (0, cardPaymentViewReducer_1.updateConfirmCardSetupIntentStatus)({
+                fetchState: 'Completed',
+                setupIntentData,
+            }),
+        ]);
+    }
+    else {
+        return (0, rxjs_1.from)([
+            (0, cardPaymentViewReducer_1.updateConfirmCardSetupIntentStatus)({
+                fetchState: 'Error',
+                error,
+            }),
+            (0, snackbarReducer_1.openSnackbar)({
+                messageSection: 'confirm_card_setup',
+                messageText: 'failed',
+                type: 'error',
+                variables: [
+                    {
+                        variableName: '_api-error_',
+                        variableValue: (_a = error.message) !== null && _a !== void 0 ? _a : 'Unknown error',
+                    },
+                ],
+            }),
+        ]);
+    }
+}));
+exports.confirmCardSetupIntentEpic = confirmCardSetupIntentEpic;

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

@@ -0,0 +1,27 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+import { ZeniAPI } from '../../../zeniAPI';
+import { RootState } from '../../../reducer';
+import { createCardSetupIntent, updateCardSetupIntentStatus } from '../cardPaymentViewReducer';
+import { updateCardPayments } from '../../../entity/cardPayment/cardPaymentReducer';
+import { openSnackbar } from '../../../entity/snackbar/snackbarReducer';
+export declare type ActionType = ReturnType<typeof createCardSetupIntent> | ReturnType<typeof updateCardSetupIntentStatus> | ReturnType<typeof openSnackbar> | ReturnType<typeof updateCardPayments>;
+export declare const createCardSetupIntentEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => import("rxjs").Observable<{
+    payload: {
+        messageSection: "reimbursement_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" | "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" | "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_setup" | "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";
+        messageText: "failed" | "success" | "notification";
+        type: import("../../..").SnackbarMessageType;
+        showStatusIcon?: boolean | undefined;
+        variables?: {
+            variableName: string;
+            variableValue: string;
+        }[] | undefined;
+    };
+    type: string;
+} | {
+    payload: {
+        fetchState: import("../../..").FetchState;
+        clientSecret?: string | undefined;
+        error?: import("../../../responsePayload").ZeniAPIStatus<Record<string, unknown>> | undefined;
+    };
+    type: string;
+}>;

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

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createCardSetupIntentEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+const responsePayload_1 = require("../../../responsePayload");
+const cardPaymentViewReducer_1 = require("../cardPaymentViewReducer");
+const snackbarReducer_1 = require("../../../entity/snackbar/snackbarReducer");
+const createCardSetupIntentEpic = (actions$, _state$, zeniAPI) => actions$.pipe((0, operators_1.filter)(cardPaymentViewReducer_1.createCardSetupIntent.match), (0, operators_1.mergeMap)((action) => {
+    const { paymentsMethod } = action.payload;
+    const payload = Object.assign({}, prepareCreateSetupIntentPayload(paymentsMethod));
+    const createSetupIntentApi$ = zeniAPI.postAndGetJSON(`${zeniAPI.apiEndPoints.payMicroServiceBaseUrl}/1.0/stripe/cards/setup_intent`, payload);
+    return createSetupIntentApi$.pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data) {
+            const { client_secret } = response.data;
+            return (0, rxjs_1.from)([
+                (0, cardPaymentViewReducer_1.updateCardSetupIntentStatus)({
+                    fetchState: 'Completed',
+                    clientSecret: client_secret,
+                }),
+            ]);
+        }
+        else {
+            return (0, rxjs_1.from)([
+                (0, cardPaymentViewReducer_1.updateCardSetupIntentStatus)({
+                    fetchState: 'Error',
+                    error: response.status,
+                }),
+                (0, snackbarReducer_1.openSnackbar)({
+                    messageSection: 'create_card_setup',
+                    messageText: 'failed',
+                    type: 'error',
+                    variables: [
+                        {
+                            variableName: '_api-error_',
+                            variableValue: response.status.message,
+                        },
+                    ],
+                }),
+            ]);
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, cardPaymentViewReducer_1.updateCardSetupIntentStatus)({
+        fetchState: 'Error',
+        error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Create Setup Intent REST API call errored out ' +
+            JSON.stringify(error)),
+    }))));
+}));
+exports.createCardSetupIntentEpic = createCardSetupIntentEpic;
+/**
+ * Helpers
+ */
+const prepareCreateSetupIntentPayload = (paymentsMethod) => {
+    return {
+        payment_method_types: paymentsMethod,
+    };
+};

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

@@ -0,0 +1,28 @@
+import { ActionsObservable, StateObservable } from 'redux-observable';
+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>;
+export declare const fetchPaymentSourcesEpic: (actions$: ActionsObservable<ActionType>, _state$: StateObservable<RootState>, zeniAPI: ZeniAPI) => import("rxjs").Observable<{
+    payload: {
+        messageSection: "reimbursement_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" | "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" | "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_setup" | "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";
+        messageText: "failed" | "success" | "notification";
+        type: import("../../..").SnackbarMessageType;
+        showStatusIcon?: boolean | undefined;
+        variables?: {
+            variableName: string;
+            variableValue: string;
+        }[] | undefined;
+    };
+    type: string;
+} | {
+    payload: {
+        fetchState: import("../../..").FetchState;
+        error?: import("../../../responsePayload").ZeniAPIStatus<Record<string, unknown>> | undefined;
+        response?: import("../cardPaymentViewPayload").AddCardPaymentSourceResponse | undefined;
+    };
+    type: string;
+} | import("@reduxjs/toolkit").PayloadAction<import("../../../entity/cardPayment/cardPaymentPayload").CardPaymentPayload[], string, {
+    updateType: import("../../..").UpdateType;
+}, never>>;

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

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchPaymentSourcesEpic = void 0;
+const rxjs_1 = require("rxjs");
+const operators_1 = require("rxjs/operators");
+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 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))}`);
+    return fetchPaymentSourcesApi$.pipe((0, operators_1.mergeMap)((response) => {
+        if ((0, responsePayload_1.isSuccessResponse)(response) && response.data) {
+            return (0, rxjs_1.from)([
+                (0, cardPaymentViewReducer_1.updatePaymentSources)({
+                    fetchState: 'Completed',
+                    response: response.data,
+                }),
+                (0, cardPaymentReducer_1.updateCardPayments)(response.data.payment_sources.cards),
+            ]);
+        }
+        else {
+            return (0, rxjs_1.from)([
+                (0, cardPaymentViewReducer_1.updatePaymentSources)({
+                    fetchState: 'Error',
+                    error: response.status,
+                }),
+                (0, snackbarReducer_1.openSnackbar)({
+                    messageSection: 'fetch_payment_sources',
+                    messageText: 'failed',
+                    type: 'error',
+                    variables: [
+                        {
+                            variableName: '_api-error_',
+                            variableValue: response.status.message,
+                        },
+                    ],
+                }),
+            ]);
+        }
+    }), (0, operators_1.catchError)((error) => (0, rxjs_1.of)((0, cardPaymentViewReducer_1.updatePaymentSources)({
+        fetchState: 'Error',
+        error: (0, responsePayload_1.createZeniAPIStatus)('Unexpected Error', 'Fetch Payment Sources API call errored out ' +
+            JSON.stringify(error)),
+    }))));
+}));
+exports.fetchPaymentSourcesEpic = fetchPaymentSourcesEpic;

package/lib/view/onboardingView/cockpitView/epic/retryBankAccountConnectionForOnboardingEpic.js

@@ -15,6 +15,8 @@ const retryBankAccountConnectionForOnboardingEpic = (actions$, state$, zeniAPI)
     const tenantId = company === null || company === void 0 ? void 0 : company.company.companyInfo.tenantId;
     const payload = {
         company_id: companyId,
+        type: 'direct_debit',
+        payment_source_type: 'processor_token',
     };
     if (tenantId != null) {
         return zeniAPI

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

@@ -9,8 +9,7 @@ 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 updateSubscriptionPaymentAccounts> | 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 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,7 +11,6 @@ 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");
@@ -29,7 +28,6 @@ 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),
@@ -41,8 +39,7 @@ 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, subscriptionPaymentAccountReducer_1.updateSubscriptionPaymentAccounts)(response.data.subscription_payment_accounts),
-                    (0, onboardingCustomerViewReducer_1.updateOnboardingCustomerViewAccountDetails)(paymentAccountIds, subscriptionPaymentAccountIds),
+                    (0, onboardingCustomerViewReducer_1.updateOnboardingCustomerViewAccountDetails)(paymentAccountIds),
                     (0, onboardingCustomerViewReducer_1.updateOnboardingCustomerViewLocalStoreData)({
                         companyId: response.data.companies[0].company_id,
                         reCalculateCurrentStep,
@@ -62,8 +59,8 @@ const fetchOnboardingCustomerSetupViewEpic = (actions$, state$, zeniAPI) => acti
             JSON.stringify(error))))));
     }
     else {
-        const { subscriptionPaymentAccountIds, paymentAccountDetails } = onboardingCustomerViewState;
-        return (0, rxjs_1.of)((0, onboardingCustomerViewReducer_1.updateOnboardingCustomerViewAccountDetails)(paymentAccountDetails.paymentAccountIds, subscriptionPaymentAccountIds), (0, onboardingCustomerViewReducer_1.updateOnboardingCustomerViewLocalStoreData)({
+        const { paymentAccountDetails } = onboardingCustomerViewState;
+        return (0, rxjs_1.of)((0, onboardingCustomerViewReducer_1.updateOnboardingCustomerViewAccountDetails)(paymentAccountDetails.paymentAccountIds), (0, onboardingCustomerViewReducer_1.updateOnboardingCustomerViewLocalStoreData)({
             companyId,
             reCalculateCurrentStep,
         }), (0, onboardingCustomerViewReducer_1.fetchOnboardingCustomerSetupViewSuccess)());

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

@@ -18,12 +18,10 @@ 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, _k, _l;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const { companyId, currentStep, reCalculateCurrentStep } = action.payload;
-    const { companyState, companyViewState, fileState, userState, userRoleState, onboardingCustomerViewState, subscriptionPaymentAccountState, paymentAccountState, } = state$.value;
-    const { subscriptionPaymentAccountIds } = onboardingCustomerViewState;
+    const { companyState, companyViewState, fileState, userState, userRoleState, onboardingCustomerViewState, paymentAccountState, } = state$.value;
     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;
@@ -44,13 +42,8 @@ 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;
@@ -62,9 +55,8 @@ 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) ||
-                ((_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) {
+            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) {
                 updatedCurrentStep = 'qbo_connection';
                 if (isValidConnection) {
                     updatedCurrentStep = 'company_officer';
@@ -80,7 +72,7 @@ const updateOnboardingCustomerViewLocalStoreDataEpic = (actions$, state$) => act
                 }
             }
         }
-        const { allStepsData } = (0, onboardingCustomerViewSelector_1.onboardingStepsData)(isValidConnection, (_l = currentTenant === null || currentTenant === void 0 ? void 0 : currentTenant.productSettings) !== null && _l !== void 0 ? _l : [], accountingConnectionCreationMode, subscriptionPaymentAccount);
+        const { allStepsData } = (0, onboardingCustomerViewSelector_1.onboardingStepsData)(isValidConnection, (_j = currentTenant === null || currentTenant === void 0 ? void 0 : currentTenant.productSettings) !== null && _j !== void 0 ? _j : [], accountingConnectionCreationMode);
         if (allStepsData.length > 0 &&
             allStepsData.indexOf(updatedCurrentStep) === -1) {
             updatedCurrentStep = allStepsData[0];

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

@@ -60,9 +60,8 @@ 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[], subscriptionPaymentAccountIds: string[]], {
+}, string>, updateOnboardingCustomerViewAccountDetails: import("@reduxjs/toolkit").ActionCreatorWithPreparedPayload<[paymentAccountIds: 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,7 +73,6 @@ exports.initialState = {
         updateStatus: initialStatus,
         paymentAccountIds: [],
     },
-    subscriptionPaymentAccountIds: [],
     plaidConnectionDetails: {
         link_account: {
             fetchStatus: initialStatus,
@@ -96,6 +95,7 @@ exports.initialState = {
     error: undefined,
     uiState: {
         isQBOPopupOpen: false,
+        isCardPaymentPopupOpen: false,
     },
     hasValidState() {
         return this.fetchState === 'Completed';
@@ -146,13 +146,12 @@ const onboardingCustomerView = (0, toolkit_1.createSlice)({
             draft.currentStep = action.payload.step;
         },
         updateOnboardingCustomerViewAccountDetails: {
-            prepare(paymentAccountIds, subscriptionPaymentAccountIds) {
-                return { payload: { paymentAccountIds, subscriptionPaymentAccountIds } };
+            prepare(paymentAccountIds) {
+                return { payload: { paymentAccountIds } };
             },
             reducer(draft, action) {
-                const { paymentAccountIds, subscriptionPaymentAccountIds } = action.payload;
+                const { paymentAccountIds } = 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, subscriptionPaymentAccount?: SubscriptionPaymentAccount | undefined) => {
+export declare const onboardingStepsData: (isValidConnection: boolean, productSettings: TenantProductSettings, accountingConnectionCreationMode?: AccountingConnectionCreationMode | undefined) => {
     allStepsData: OnboardingStep[];
     requiredStepsData: OnboardingStep[];
 };

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

@@ -2,7 +2,6 @@
 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");
@@ -13,11 +12,10 @@ 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, _o, _p;
-    const { fileState, paymentAccountState, onboardingCustomerViewState, userState, userRoleState, subscriptionPaymentAccountState, companyConfigState, } = state;
-    const { companyDetails, companyOfficerUpdateStatus, primaryContactDetails, subscriptionPaymentAccountIds, paymentAccountDetails, plaidConnectionDetails, updateStatus, saveStatus, currentStep, uiState, fetchState, error, } = onboardingCustomerViewState;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    const { fileState, paymentAccountState, onboardingCustomerViewState, userState, userRoleState, companyConfigState, } = state;
+    const { companyDetails, companyOfficerUpdateStatus, primaryContactDetails, 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) {
@@ -38,10 +36,6 @@ 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, []);
@@ -58,13 +52,12 @@ function getOnboardingCustomerView(state, companyId) {
         primaryContactDetails,
     });
     const completedSteps = [];
-    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')) ===
+    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) {
+        (paymentAccount === null || paymentAccount === void 0 ? void 0 : paymentAccount.isLoginRequired) === false) {
         completedSteps.push('link_payment_account');
     }
-    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;
+    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;
     if (isValidConnection) {
         completedSteps.push('qbo_connection');
     }
@@ -81,7 +74,7 @@ function getOnboardingCustomerView(state, companyId) {
         isOfficerDetailsCompleted(companyOfficers, companyOfficerRoles, companyOfficerLocalData[selectedOfficerType], fileState)) {
         completedSteps.push('company_officer');
     }
-    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 { allStepsData, requiredStepsData } = (0, exports.onboardingStepsData)(isValidConnection, (_m = currentTenant === null || currentTenant === void 0 ? void 0 : currentTenant.productSettings) !== null && _m !== void 0 ? _m : [], accountingConnectionCreationMode);
     const allRequiredStepsCompleted = requiredStepsData.every((step) => {
         return completedSteps.includes(step);
     });
@@ -108,7 +101,6 @@ function getOnboardingCustomerView(state, companyId) {
         allStepsCompleted,
         companyIndustries,
         externalConnections,
-        subscriptionPaymentAccount,
         paymentAccount,
         paymentAccountStatus,
         plaidConnectionDetails,
@@ -177,23 +169,15 @@ function isOfficerDetailsCompleted(companyOfficers, companyOfficerRoles, officer
         files.length >= 2);
 }
 exports.isOfficerDetailsCompleted = isOfficerDetailsCompleted;
-const onboardingStepsData = (isValidConnection, productSettings, accountingConnectionCreationMode, subscriptionPaymentAccount) => {
+const onboardingStepsData = (isValidConnection, productSettings, accountingConnectionCreationMode) => {
     const allStepsData = accountingConnectionCreationMode === 'zeni_user' ||
         (productSettings.isBankingEnabled && !productSettings.isBookkeepingEnabled)
-        ? 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;
+        ? onboardingCustomerViewState_1.ALL_ZENI_USER_ONBOARDING_STEPS
+        : onboardingCustomerViewState_1.ALL_ONBOARDING_STEPS;
     const requiredStepsData = (accountingConnectionCreationMode === 'zeni_user' && isValidConnection) ||
         (productSettings.isBankingEnabled && !productSettings.isBookkeepingEnabled)
-        ? subscriptionPaymentAccount != null
-            ? []
-            : onboardingCustomerViewState_1.ZENI_USER_REQUIRED_ONBOARDING_STEPS
-        : subscriptionPaymentAccount != null
-            ? onboardingCustomerViewState_1.CUSTOMER_REQUIRED_ONBOARDING_STEPS_WITH_QBO
-            : onboardingCustomerViewState_1.REQUIRED_ONBOARDING_STEPS;
+        ? onboardingCustomerViewState_1.ZENI_USER_REQUIRED_ONBOARDING_STEPS
+        : 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

@@ -18,6 +18,7 @@ export declare const toOnboardingStepTypeStrict: (v: string | null) => Onboardin
 export declare type OnboardingCustomerViewLocalData = SetupViewLocalData;
 export interface OnboardingCustomerViewUIState {
     isQBOPopupOpen: boolean;
+    isCardPaymentPopupOpen: boolean;
 }
 export interface OnboardingCustomerViewState extends FetchedState {
     saveStatus: FetchStateAndError;
@@ -38,7 +39,6 @@ export interface OnboardingCustomerViewState extends FetchedState {
         updateStatus: FetchStateAndError;
         paymentAccountIds: ID[];
     };
-    subscriptionPaymentAccountIds: ID[];
     plaidConnectionDetails: PlaidConnectionDetails;
     currentStep: OnboardingStep;
     uiState: OnboardingCustomerViewUIState;