@zeniai/client-epic-state 5.1.4-beta5ND → 5.1.4-beta7ND

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

@@ -12,7 +12,7 @@ import { newAddressInLocalStore, resetNewAddressesInLocalStore, } from '../../..
 import { toAddressViewLocalData } from '../../../../addressView/toAddressViewLocalData';
 import { getCompanyView } from '../../../../companyView/selectorHelpers/getCompanyView';
 import { toSetupViewLocalData } from '../../../../spendManagement/commonSetup/epic/setup/updateSetupViewLocalStoreDataEpic';
-import { clearOnboardingCustomerViewDataInLocalStore, saveOnboardingCustomerViewDataInLocalStore, updateCurrentStep, updateOnboardingCustomerViewLocalStoreData, } from '../../onboardingCustomerViewReducer';
+import { clearOnboardingCustomerViewDataInLocalStore, saveOnboardingCustomerViewDataInLocalStore, updateCurrentStep, updateCurrentSubStep, updateOnboardingCustomerViewLocalStoreData, } from '../../onboardingCustomerViewReducer';
 import { onboardingStepsData } from '../../onboardingCustomerViewSelector';
 export const updateOnboardingCustomerViewLocalStoreDataEpic = (actions$, state$) => actions$.pipe(filter(updateOnboardingCustomerViewLocalStoreData.match), mergeMap((action) => {
     const { companyId, currentStep, reCalculateCurrentStep } = action.payload;
@@ -78,13 +78,16 @@ export const updateOnboardingCustomerViewLocalStoreDataEpic = (actions$, state$)
                 companyView?.company.company.companyOnboardingInfo
                     .subscriptionBillingAddressId != null) {
                 updatedCurrentStep = 'connect_ledger';
-                // After the ledger is connected we move straight to verification —
-                // company_officer / company_details are now sub-steps inside it,
-                // so the page handles which sub-step to land on. The optional
-                // connect_data_source step is opt-in from the sidebar, not from
-                // the recalc.
-                if (isValidConnection) {
-                    updatedCurrentStep = 'verification';
+                const isOnboardingAiActivationViewed = companyOnboardingInfo?.onboardingInfo
+                    ?.onboardingAiActivationInfo?.isOnboardingAiActivationViewed ??
+                    false;
+                // Past the ledger step we always sit on connect_data_source —
+                // it has many integrations, so we treat it as never auto-complete
+                // and only advance to verification on an explicit user dispatch.
+                // While the AI activation interstitial hasn't been viewed yet,
+                // stay on connect_ledger so the interstitial gets its chance.
+                if (isValidConnection && isOnboardingAiActivationViewed) {
+                    updatedCurrentStep = 'connect_data_source';
                 }
             }
         }
@@ -106,6 +109,14 @@ export const updateOnboardingCustomerViewLocalStoreDataEpic = (actions$, state$)
         }
         if (reCalculateCurrentStep === true) {
             fetchActions.push(updateCurrentStep({ step: updatedCurrentStep }));
+            // Whenever the recalc lands the user on a different step, reset
+            // the sub-step to the step's landing sub-state — otherwise a
+            // stale subStep (e.g. 'default' carried over from another step)
+            // leaves verification rendering an empty form.
+            if (updatedCurrentStep !== onboardingCustomerViewState.currentStep) {
+                const targetSubStep = updatedCurrentStep === 'verification' ? 'unlock-stack' : 'default';
+                fetchActions.push(updateCurrentSubStep({ subStep: targetSubStep }));
+            }
         }
     }
     if (companyView != null) {

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

@@ -1,6 +1,6 @@
 import { ActionsObservable, StateObservable } from 'redux-observable';
 import { RootState } from '../../../../../reducer';
 import { newAddressInLocalStore, resetNewAddressDataInLocalStore, resetNewAddressesInLocalStore } from '../../../../addressView/addressViewReducer';
-import { clearOnboardingCustomerViewDataInLocalStore, saveOnboardingCustomerViewDataInLocalStore, updateCurrentStep, updateOnboardingCustomerViewLocalStoreData } from '../../onboardingCustomerViewReducer';
-export type ActionType = ReturnType<typeof updateOnboardingCustomerViewLocalStoreData> | ReturnType<typeof saveOnboardingCustomerViewDataInLocalStore> | ReturnType<typeof clearOnboardingCustomerViewDataInLocalStore> | ReturnType<typeof resetNewAddressesInLocalStore> | ReturnType<typeof newAddressInLocalStore> | ReturnType<typeof resetNewAddressDataInLocalStore> | ReturnType<typeof updateCurrentStep>;
+import { clearOnboardingCustomerViewDataInLocalStore, saveOnboardingCustomerViewDataInLocalStore, updateCurrentStep, updateCurrentSubStep, updateOnboardingCustomerViewLocalStoreData } from '../../onboardingCustomerViewReducer';
+export type ActionType = ReturnType<typeof updateOnboardingCustomerViewLocalStoreData> | ReturnType<typeof saveOnboardingCustomerViewDataInLocalStore> | ReturnType<typeof clearOnboardingCustomerViewDataInLocalStore> | ReturnType<typeof resetNewAddressesInLocalStore> | ReturnType<typeof newAddressInLocalStore> | ReturnType<typeof resetNewAddressDataInLocalStore> | ReturnType<typeof updateCurrentStep> | ReturnType<typeof updateCurrentSubStep>;
 export declare const updateOnboardingCustomerViewLocalStoreDataEpic: (actions$: ActionsObservable<ActionType>, state$: StateObservable<RootState>) => import("rxjs").Observable<ActionType>;

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

@@ -84,13 +84,16 @@ const updateOnboardingCustomerViewLocalStoreDataEpic = (actions$, state$) => act
                 companyView?.company.company.companyOnboardingInfo
                     .subscriptionBillingAddressId != null) {
                 updatedCurrentStep = 'connect_ledger';
-                // After the ledger is connected we move straight to verification —
-                // company_officer / company_details are now sub-steps inside it,
-                // so the page handles which sub-step to land on. The optional
-                // connect_data_source step is opt-in from the sidebar, not from
-                // the recalc.
-                if (isValidConnection) {
-                    updatedCurrentStep = 'verification';
+                const isOnboardingAiActivationViewed = companyOnboardingInfo?.onboardingInfo
+                    ?.onboardingAiActivationInfo?.isOnboardingAiActivationViewed ??
+                    false;
+                // Past the ledger step we always sit on connect_data_source —
+                // it has many integrations, so we treat it as never auto-complete
+                // and only advance to verification on an explicit user dispatch.
+                // While the AI activation interstitial hasn't been viewed yet,
+                // stay on connect_ledger so the interstitial gets its chance.
+                if (isValidConnection && isOnboardingAiActivationViewed) {
+                    updatedCurrentStep = 'connect_data_source';
                 }
             }
         }
@@ -112,6 +115,14 @@ const updateOnboardingCustomerViewLocalStoreDataEpic = (actions$, state$) => act
         }
         if (reCalculateCurrentStep === true) {
             fetchActions.push((0, onboardingCustomerViewReducer_1.updateCurrentStep)({ step: updatedCurrentStep }));
+            // Whenever the recalc lands the user on a different step, reset
+            // the sub-step to the step's landing sub-state — otherwise a
+            // stale subStep (e.g. 'default' carried over from another step)
+            // leaves verification rendering an empty form.
+            if (updatedCurrentStep !== onboardingCustomerViewState.currentStep) {
+                const targetSubStep = updatedCurrentStep === 'verification' ? 'unlock-stack' : 'default';
+                fetchActions.push((0, onboardingCustomerViewReducer_1.updateCurrentSubStep)({ subStep: targetSubStep }));
+            }
         }
     }
     if (companyView != null) {

package/package.json

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