@tap-payments/auth-jsconnect 1.0.57 → 1.0.61

package/build/@types/form.d.ts

@@ -54,10 +54,10 @@ export declare type TaxFormValues = {
     vatId: string;
 };
 export declare type IndividualExtraFormValues = {
-    sourceIncome: SourceOfIncome;
+    sourceIncome: SourceOfIncome | undefined;
     monthlyIncome: string;
     employerName: string;
-    employerLocation: CountryCode;
+    employerLocation: CountryCode | undefined;
     isPEP: boolean | null;
     isInfluencer: boolean | null;
 };

package/build/api/entity.d.ts

@@ -10,14 +10,34 @@ export declare type EntityInfoCreateBody = {
     vat_id?: string;
     agree_chargeback?: boolean;
     agree_refund?: boolean;
+    employer_name?: string;
+    employer_city?: string | null;
+    source_income?: Array<string | undefined>;
+    actual_income?: string;
+    is_relative_PEP?: boolean | null;
+    is_influencer?: boolean | null;
     step_name: string;
     encryption_contract?: Array<string>;
 };
+export declare type EntityBankUpdateBody = {
+    wallet_id?: string;
+    entity_id: string;
+    bank_account: {
+        bank_name: string;
+        beneficiary_name: string;
+        bank_statement_file_id?: string;
+        iban: string;
+        swift_code?: string;
+        account_number?: string;
+    };
+    step_name: string;
+};
 export interface EntityInfoUpdateBody extends EntityInfoCreateBody {
     id: string;
 }
 declare const entityService: {
     createEntityInfo: (data: EntityInfoCreateBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
     updateEntityInfo: (data: EntityInfoUpdateBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
+    createBankAccount: (data: EntityBankUpdateBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
 };
 export { entityService };

package/build/api/entity.js

@@ -6,8 +6,12 @@ var createEntityInfo = function (data, config) {
 var updateEntityInfo = function (data, config) {
     return instance.put("".concat(ENDPOINT_PATHS.ENTITY), data, config);
 };
+var createBankAccount = function (data, config) {
+    return instance.post("".concat(ENDPOINT_PATHS.BANK), data, config);
+};
 var entityService = {
     createEntityInfo: createEntityInfo,
-    updateEntityInfo: updateEntityInfo
+    updateEntityInfo: updateEntityInfo,
+    createBankAccount: createBankAccount
 };
 export { entityService };

package/build/api/index.d.ts

@@ -3,7 +3,7 @@ import { ValidateOperatorBody } from './operator';
 import { CreateAuthBody, VerifyAuthBody } from './auth';
 import { UpdateLeadBody, LeadVerifyBody, CreateLeadBody, LeadOTPVerifyBody, LeadIdentityUpdateBody } from './lead';
 import { CheckEmailBody, CheckBrandBody } from './availabilityServices';
-import { EntityInfoUpdateBody, EntityInfoCreateBody } from './entity';
+import { EntityInfoUpdateBody, EntityInfoCreateBody, EntityBankUpdateBody } from './entity';
 import { CreateAccountBody } from './account';
 declare const API: {
     ipService: {
@@ -32,6 +32,7 @@ declare const API: {
     entityService: {
         createEntityInfo: (data: EntityInfoCreateBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
         updateEntityInfo: (data: EntityInfoUpdateBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
+        createBankAccount: (data: EntityBankUpdateBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
     };
     availabilityServices: {
         checkEmail: (data: CheckEmailBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
@@ -50,6 +51,6 @@ declare const API: {
         getExpectedCustomerSales: () => Promise<import("axios").AxiosResponse<any, any>>;
     };
 };
-export type { ValidateOperatorBody, CreateAuthBody, VerifyAuthBody, CreateLeadBody, UpdateLeadBody, LeadVerifyBody, LeadOTPVerifyBody, CheckEmailBody, CheckBrandBody, LeadIdentityUpdateBody, EntityInfoCreateBody, EntityInfoUpdateBody, CreateAccountBody };
+export type { ValidateOperatorBody, CreateAuthBody, VerifyAuthBody, CreateLeadBody, UpdateLeadBody, LeadVerifyBody, LeadOTPVerifyBody, CheckEmailBody, CheckBrandBody, LeadIdentityUpdateBody, EntityInfoCreateBody, EntityInfoUpdateBody, CreateAccountBody, EntityBankUpdateBody };
 export { setAxiosGlobalHeaders, removeAxiosGlobalHeaders };
 export default API;

package/build/assets/locales/ar.json

@@ -215,10 +215,22 @@
     "select_brand_label": "Brand List",
     "choose_brand": "Choose Brand",
     "confirm_enter_iban": "الايبان",
+    "open_gmail": "Gmail",
+    "open_outlook": "Outlook",
+    "open_apple": "Apple",
     "choose_any_license": "Choose Licene",
     "future_work": "Future Work",
     "add_other_fl": "Add Freelance",
     "add_other_cr": "Add CR",
     "cr_number": "CR Number",
-    "fl_number": "FL Number"
+    "fl_number": "FL Number",
+    "tax_flow_completed": "Tax",
+    "individual_flow_completed": "Individual",
+    "bank_flow_completed": "Bank",
+    "password_flow_completed": "Password",
+    "tax_flow_pending": "Tax",
+    "individual_flow_pending": "Individual",
+    "bank_flow_pending": "Bank",
+    "password_flow_pending": "Password",
+    "continue": "Continue"
 }

package/build/assets/locales/en.json

@@ -229,10 +229,22 @@
     "select_brand_label": "Brand List",
     "choose_brand": "Choose Brand",
     "confirm_enter_iban": "IBAN",
+    "open_gmail": "Gmail",
+    "open_outlook": "Outlook",
+    "open_apple": "Apple",
     "choose_any_license": "Choose Licene",
     "future_work": "Future Work",
     "add_other_fl": "Add Freelance",
     "add_other_cr": "Add CR",
     "cr_number": "CR Number",
-    "fl_number": "FL Number"
+    "fl_number": "FL Number",
+    "tax_flow_completed": "Tax",
+    "individual_flow_completed": "Individual",
+    "bank_flow_completed": "Bank",
+    "password_flow_completed": "Password",
+    "tax_flow_pending": "Tax",
+    "individual_flow_pending": "Individual",
+    "bank_flow_pending": "Bank",
+    "password_flow_pending": "Password",
+    "continue": "Continue"
 }

package/build/constants/api.d.ts

@@ -18,4 +18,5 @@ export declare const ENDPOINT_PATHS: {
     CUSTOMER_BASES: string;
     SALES: string;
     EXPECTED_CUSTOMERS: string;
+    BANK: string;
 };

package/build/constants/api.js

@@ -9,6 +9,7 @@ var LEAD_IDENTITY_PATH = '/lead/identity';
 var LEAD_IDENTITY_VERIFY_PATH = 'lead/identity/verify';
 var RETRIEVE_ENTITY_LIST_PATH = '/lead/entity/list';
 var ENTITY_PATH = '/entity';
+var BANK_PATH = '/entity/bankaccount';
 var CHECK_EMAIL = '/lead/identity/emailcheck';
 var CHECK_BRAND = 'lead/profile/profile_name';
 var CREATE_ACCOUNT_PATH = '/account/create';
@@ -36,5 +37,6 @@ export var ENDPOINT_PATHS = {
     CHANNEL: CHANNEL_PATH,
     CUSTOMER_BASES: CUSTOMER_BASES_PATH,
     SALES: SALES_PATH,
-    EXPECTED_CUSTOMERS: EXPECTED_CUSTOMERS_PATH
+    EXPECTED_CUSTOMERS: EXPECTED_CUSTOMERS_PATH,
+    BANK: BANK_PATH
 };

package/build/constants/app.js

@@ -63,18 +63,18 @@ export var BUSINESS_SCREENS_NAVIGATION = [
         prev: 'BUSINESS_VERIFY_NUMBER_STEP',
         order: 2
     },
-    {
-        name: 'BUSINESS_OTP_STEP',
-        next: 'BUSINESS_BUSINESS_TYPE_STEP',
-        prev: 'BUSINESS_IDBOD_STEP',
-        order: 3
-    },
     {
         name: 'BUSINESS_BUSINESS_TYPE_STEP',
         next: 'BUSINESS_ACTIVITIES_STEP',
         prev: 'BUSINESS_IDBOD_STEP',
         order: 2
     },
+    {
+        name: 'BUSINESS_OTP_STEP',
+        next: 'BUSINESS_BUSINESS_TYPE_STEP',
+        prev: 'BUSINESS_IDBOD_STEP',
+        order: 3
+    },
     {
         name: 'BUSINESS_CONFIRM_STEP',
         next: 'BUSINESS_ACTIVITIES_STEP',
@@ -95,35 +95,35 @@ export var BUSINESS_SCREENS_NAVIGATION = [
     },
     {
         name: 'BUSINESS_SUCCESS_STEP',
-        next: '',
+        next: 'BUSINESS_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
         prev: 'BUSINESS_CUSTOMERS_STEP',
         order: 6
+    },
+    {
+        name: 'BUSINESS_SUCCESS_FOUR_FLOWS_BUTTONS_STEP',
+        next: '',
+        prev: '',
+        order: 6
     }
 ];
 export var INDIVIDUAL_SCREENS_NAVIGATION = [
     {
         name: 'INDIVIDUAL_VERIFY_STEP',
-        next: 'INDIVIDUAL_SHOW_INDIVIDUAL_INFO_STEP',
+        next: ['INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP', 'INDIVIDUAL_SUCCESS_STEP'],
         prev: '',
         order: 1
     },
-    {
-        name: 'INDIVIDUAL_SHOW_INDIVIDUAL_INFO_STEP',
-        next: 'INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP',
-        prev: 'INDIVIDUAL_VERIFY_STEP',
-        order: 2
-    },
     {
         name: 'INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP',
         next: 'INDIVIDUAL_SUCCESS_STEP',
-        prev: 'INDIVIDUAL_SHOW_INDIVIDUAL_INFO_STEP',
-        order: 3
+        prev: 'INDIVIDUAL_VERIFY_STEP',
+        order: 2
     },
     {
         name: 'INDIVIDUAL_SUCCESS_STEP',
         next: '',
         prev: 'INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP',
-        order: 4
+        order: 3
     }
 ];
 export var PASSWORD_SCREENS_NAVIGATION = [
@@ -149,7 +149,7 @@ export var PASSWORD_SCREENS_NAVIGATION = [
 export var BANK_SCREENS_NAVIGATION = [
     {
         name: 'BANK_VERIFY_STEP',
-        next: 'BANK_BANK_DETAILS_STEP',
+        next: ['BANK_BANK_DETAILS_STEP', 'BANK_DETAILS_SUCCESS_STEP'],
         prev: '',
         order: 1
     },

package/build/constants/assets.d.ts

@@ -34,4 +34,11 @@ export declare const ICONS_NAMES: {
     ABSHER_LOGO: string;
     EMAIL_ICON: string;
     MOBILE_ICON: string;
+    GMAIL_ICON: string;
+    OUTLOOK_ICON: string;
+    APPLE_MAIL_ICON: string;
+    TAX_ICON: string;
+    BANK_ICON: string;
+    INDIVIDUAL_ICON: string;
+    PASSWORD_ICON: string;
 };

package/build/constants/assets.js

@@ -33,5 +33,12 @@ export var ICONS_NAMES = {
     SUCCESS: 'https://tap-connecet.b-cdn.net/imgs/success.svg',
     ABSHER_LOGO: 'https://dash.b-cdn.net/icons/menu/Absher.svg',
     EMAIL_ICON: 'https://dash.b-cdn.net/icons/menu/email.png',
-    MOBILE_ICON: 'https://dash.b-cdn.net/icons/menu/mobile.svg'
+    MOBILE_ICON: 'https://dash.b-cdn.net/icons/menu/mobile.svg',
+    GMAIL_ICON: 'https://dash.b-cdn.net/icons/menu/gmail-icon.svg',
+    OUTLOOK_ICON: 'https://dash.b-cdn.net/icons/menu/outlook-icon.svg',
+    APPLE_MAIL_ICON: 'https://dash.b-cdn.net/icons/menu/apple-icon.svg',
+    TAX_ICON: 'https://email-templates.b-cdn.net/file.png',
+    BANK_ICON: 'https://email-templates.b-cdn.net/dollar_square.png',
+    INDIVIDUAL_ICON: 'https://email-templates.b-cdn.net/user.png',
+    PASSWORD_ICON: 'https://email-templates.b-cdn.net/lock_square.png'
 };

package/build/features/Landing/Landing.js

@@ -13,15 +13,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { memo, useEffect } from 'react';
 import { useAppTheme, useAppDispatch, useAppSelector, useErrorListener, useAppConfig } from '../../hooks';
 import { settingsSelector } from '../../app/settings';
-import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
 import { getParameterByName, reactElement } from '../../utils';
-import { FeatureContainer } from '../shared/Containers';
 import { LANDING_SCREENS_NAVIGATION } from '../../constants';
 import { landingFeatureScreens } from '../featuresScreens';
-import CustomFooter from '../shared/Footer';
 import { verifyAuthToken } from '../app/landing/landingStore';
 var Landing = memo(function (props) {
     var open = React.useState(true)[0];
@@ -41,11 +38,11 @@ var Landing = memo(function (props) {
         if (!loading)
             verifyToken();
     }, [loading]);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: landingFeatureScreens.map(function (_a, index) {
-                    var Element = _a.element, name = _a.name;
-                    var isActive = activeScreen.name === name;
-                    return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));
-                }) }) })) })));
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: landingFeatureScreens.map(function (_a, index) {
+            var Element = _a.element, name = _a.name;
+            var isActive = activeScreen.name === name;
+            return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));
+        }) })));
 });
 export function LandingLib(props) {
     return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(Landing, __assign({}, props)) })));

package/build/features/Landing/screens/VerifyAndRedirect/VerifyAndRedirect.js

@@ -4,32 +4,18 @@ import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
 import { settingsSelector } from '../../../../app/settings';
 import { landingSelector } from '../../../app/landing/landingStore';
-import BouncingDotsLoader from '../../../shared/BouncingDotsLoader';
 import { useAppSelector } from '../../../../hooks';
-import Text from '../../../../components/Text';
+import Loader from '../../../../components/AnimationFlow/Loader';
+import Error from '../../../../components/AnimationFlow/Error';
 import { getParameterByName } from '../../../../utils';
-var TextStyledWithThreeDots = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        fontWeight: theme.typography.fontWeightBold,
-        fontSize: theme.spacing(3),
-        color: theme.palette.text.primary,
-        marginBottom: '5px'
-    });
-});
 var ScreenContainerStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
         display: 'flex',
-        height: theme.spacing(23),
         justifyContent: 'center',
-        alignItems: 'center'
-    });
-});
-var ContainerStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        display: 'flex'
+        alignItems: 'center',
+        width: '100vw',
+        height: '100vh'
     });
 });
 var VerifyAndRedirect = function (_a) {
@@ -50,6 +36,6 @@ var VerifyAndRedirect = function (_a) {
             }, 300);
         }
     }, [data.verify.responseBody]);
-    return (_jsxs(ScreenContainerStyled, { children: [isLoading && (_jsxs(ContainerStyled, { children: [_jsx(TextStyledWithThreeDots, { children: "Verifying" }), _jsx(BouncingDotsLoader, {})] })), errorMessage && _jsx(TextStyledWithThreeDots, { children: errorMessage }), !isLoading && !errorMessage && _jsx(TextStyledWithThreeDots, { children: "Verified" })] }));
+    return (_jsxs(ScreenContainerStyled, { children: [isLoading && _jsx(Loader, {}), errorMessage && _jsx(Error, { error: errorMessage }), !isLoading && !errorMessage && _jsx(Error, { error: 'verified' })] }));
 };
 export default React.memo(VerifyAndRedirect);

package/build/features/app/bank/bankStore.d.ts

@@ -7,10 +7,12 @@ export declare const verifyLeadToken: import("@reduxjs/toolkit").AsyncThunk<{
 }, string, {}>;
 export declare const verifyBankLeadOTP: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
-    formData: {
-        otp: string;
-    };
+    formData: OTPFormValues;
 }, OTPFormValues, {}>;
+export declare const createBankAccount: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+    formData: BankFormValues;
+}, BankFormValues, {}>;
 export declare const updateLeadSuccess: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
     formData: void;

package/build/features/app/bank/bankStore.js

@@ -77,10 +77,10 @@ export var verifyLeadToken = createAsyncThunk('verifyLeadToken', function (token
     });
 }); });
 export var verifyBankLeadOTP = createAsyncThunk('verifyBankLeadOTP', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, bank, settings, responseBody, payload, data;
-    var _b, _c, _d;
-    return __generator(this, function (_e) {
-        switch (_e.label) {
+    var _a, bank, settings, responseBody, payload, data, steps, hasBankCompleted;
+    var _b, _c, _d, _e;
+    return __generator(this, function (_f) {
+        switch (_f.label) {
             case 0:
                 _a = thunkApi.getState(), bank = _a.bank, settings = _a.settings;
                 responseBody = bank.data.verify.responseBody;
@@ -93,33 +93,73 @@ export var verifyBankLeadOTP = createAsyncThunk('verifyBankLeadOTP', function (p
                 };
                 return [4, API.leadService.verifyLeadOTP(payload)];
             case 1:
-                data = (_e.sent()).data;
+                data = (_f.sent()).data;
                 if (!data.errors) {
                     (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, { otp: params.otp });
+                    steps = (_e = bank.data.verify.responseBody) === null || _e === void 0 ? void 0 : _e.steps;
+                    hasBankCompleted = Object.keys(steps).find(function (key) { return key === BANK_STEP_NAMES.BANK_SUCCESS; });
+                    if (hasBankCompleted) {
+                        thunkApi.dispatch(handleNextScreenStep('BANK_DETAILS_SUCCESS_STEP'));
+                    }
+                    else {
+                        thunkApi.dispatch(handleNextScreenStep('BANK_BANK_DETAILS_STEP'));
+                    }
+                }
+                return [2, { data: data, formData: params }];
+        }
+    });
+}); });
+export var createBankAccount = createAsyncThunk('createBankAccount', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, settings, bank, iban, beneficiaryName, bank_name, requestBody, data;
+    var _b, _c, _d, _e;
+    return __generator(this, function (_f) {
+        switch (_f.label) {
+            case 0:
+                _a = thunkApi.getState(), settings = _a.settings, bank = _a.bank;
+                iban = params.iban;
+                beneficiaryName = params.beneficiaryName;
+                bank_name = params.bankName;
+                requestBody = {
+                    entity_id: (_c = (_b = bank.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.entity) === null || _c === void 0 ? void 0 : _c.id,
+                    bank_account: {
+                        iban: iban,
+                        beneficiary_name: beneficiaryName,
+                        bank_name: bank_name
+                    },
+                    step_name: BANK_STEP_NAMES.BANK_INFO
+                };
+                return [4, API.entityService.createBankAccount(requestBody)];
+            case 1:
+                data = (_f.sent()).data;
+                if (!data.errors) {
                     thunkApi.dispatch(handleNextScreenStep());
+                    (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, requestBody);
                 }
-                return [2, { data: data, formData: __assign({}, params) }];
+                return [2, { data: data, formData: params }];
         }
     });
 }); });
 export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, bank, payload, data;
-    var _b, _c, _d, _e, _f;
-    return __generator(this, function (_g) {
-        switch (_g.label) {
+    var _a, settings, bank, response, payload;
+    var _b, _c, _d, _e, _f, _g;
+    return __generator(this, function (_h) {
+        switch (_h.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, bank = _a.bank;
+                response = undefined;
+                if (!!!((_b = bank.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.id)) return [3, 2];
                 payload = {
                     step_name: BANK_STEP_NAMES.BANK_SUCCESS,
-                    id: ((_b = bank.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.id) || '',
+                    id: ((_c = bank.data.otpData.responseBody) === null || _c === void 0 ? void 0 : _c.id) || '',
                     encryption_contract: []
                 };
                 return [4, API.leadService.updateLead(payload)];
             case 1:
-                data = (_g.sent()).data;
-                (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, params);
-                (_f = (_e = settings.data.appConfig).onFlowCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, { data: data });
-                return [2, { response: data, formData: params }];
+                response = _h.sent();
+                (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, params);
+                (_g = (_f = settings.data.appConfig).onFlowCompleted) === null || _g === void 0 ? void 0 : _g.call(_f, { data: response === null || response === void 0 ? void 0 : response.data });
+                _h.label = 2;
+            case 2: return [2, { response: response === null || response === void 0 ? void 0 : response.data, formData: params }];
         }
     });
 }); });
@@ -136,7 +176,7 @@ var initialState = {
         bankData: {
             iban: '',
             beneficiaryName: '',
-            bankName: ''
+            bankName: 'Global Bank'
         }
     }
 };
@@ -156,6 +196,9 @@ export var bankSlice = createSlice({
     },
     extraReducers: function (builder) {
         builder
+            .addCase(verifyLeadToken.pending, function (state) {
+            state.error = null;
+        })
             .addCase(verifyLeadToken.fulfilled, function (state, action) {
             var _a;
             state.error = null;
@@ -186,6 +229,7 @@ export var bankSlice = createSlice({
                 return;
             }
             state.data.otpData = formData;
+            state.data.otpData.responseBody = data;
         })
             .addCase(verifyBankLeadOTP.rejected, function (state, action) {
             state.loading = false;
@@ -210,6 +254,27 @@ export var bankSlice = createSlice({
             .addCase(updateLeadSuccess.rejected, function (state, action) {
             state.loading = false;
             state.error = action.error.message;
+        })
+            .addCase(createBankAccount.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(createBankAccount.fulfilled, function (state, action) {
+            var _a;
+            state.loading = false;
+            state.error = null;
+            var _b = action.payload, data = _b.data, formData = _b.formData;
+            var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
+            if (description) {
+                state.error = description;
+                return;
+            }
+            state.data.bankData = formData;
+            state.data.bankData.responseBody = data;
+        })
+            .addCase(createBankAccount.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
         });
     }
 });

package/build/features/app/business/businessStore.js

@@ -79,10 +79,9 @@ export var getCountries = createAsyncThunk('getCountries', function (_, thunkApi
     });
 }); });
 export var verifyLeadToken = createAsyncThunk('verifyLeadToken', function (token, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var payload, data, leadResponse, steps, hasBusinessCompleted;
-    var _a;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
+    var payload, data, leadResponse;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
             case 0:
                 payload = {
                     service_name: 'tap_email',
@@ -90,31 +89,25 @@ export var verifyLeadToken = createAsyncThunk('verifyLeadToken', function (token
                 };
                 return [4, API.leadService.verifyLeadToken(payload)];
             case 1:
-                data = (_b.sent()).data;
+                data = (_a.sent()).data;
                 leadResponse = undefined;
                 if (!(!(data === null || data === void 0 ? void 0 : data.errors) && !(data === null || data === void 0 ? void 0 : data.mw_error))) return [3, 3];
                 return [4, API.leadService.retrieveLead(data === null || data === void 0 ? void 0 : data.id)];
             case 2:
-                leadResponse = _b.sent();
-                steps = (_a = leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data) === null || _a === void 0 ? void 0 : _a.steps;
-                hasBusinessCompleted = Object.keys(steps).find(function (key) { return key === BUSINESS_STEP_NAMES.BUSINESS_SUCCESS; });
-                if (hasBusinessCompleted) {
-                    thunkApi.dispatch(handleCurrentActiveScreen('BUSINESS_SUCCESS_STEP'));
-                    return [2, { data: data, leadData: leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data, token: token }];
-                }
+                leadResponse = _a.sent();
                 if (data.step_name === BUSINESS_STEP_NAMES.IDENTITY_AUTH) {
-                    thunkApi.dispatch(handleCurrentActiveScreen('BUSINESS_IDBOD_STEP'));
+                    thunkApi.dispatch(handleNextScreenStep('BUSINESS_IDBOD_STEP'));
                 }
                 if (data.step_name === 'business_info') {
-                    thunkApi.dispatch(handleCurrentActiveScreen('BUSINESS_BUSINESS_TYPE_STEP'));
+                    thunkApi.dispatch(handleNextScreenStep('BUSINESS_BUSINESS_TYPE_STEP'));
                 }
-                _b.label = 3;
+                _a.label = 3;
             case 3: return [2, { data: data, leadData: leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data, token: token }];
         }
     });
 }); });
 export var verifyLeadOTP = createAsyncThunk('verifyLeadOTP', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, business, settings, isNID, responseBody, payload, data;
+    var _a, business, settings, isNID, responseBody, payload, data, steps, hasBusinessCompleted;
     var _b, _c, _d;
     return __generator(this, function (_e) {
         switch (_e.label) {
@@ -134,11 +127,16 @@ export var verifyLeadOTP = createAsyncThunk('verifyLeadOTP', function (params, t
                 data = (_e.sent()).data;
                 if (!data.errors) {
                     (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, { otp: params.otp });
+                    steps = (responseBody === null || responseBody === void 0 ? void 0 : responseBody.steps) || [];
+                    hasBusinessCompleted = Object.keys(steps).find(function (key) { return key === BUSINESS_STEP_NAMES.BUSINESS_SUCCESS; });
                     if (isNID) {
                         thunkApi.dispatch(handleNextScreenStep());
                     }
                     else {
-                        if (data.step_name === BUSINESS_STEP_NAMES.IDENTITY_AUTH) {
+                        if (hasBusinessCompleted) {
+                            thunkApi.dispatch(handleCurrentActiveScreen('BUSINESS_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
+                        }
+                        else if (data.step_name === BUSINESS_STEP_NAMES.IDENTITY_AUTH) {
                             thunkApi.dispatch(handleNextScreenStep('BUSINESS_IDBOD_STEP'));
                         }
                         else {