@tap-payments/auth-jsconnect 1.0.49 → 1.0.52

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

@@ -159,5 +159,6 @@ export declare type BrandInfo = {
         ar: string;
         en: string;
     };
+    website: string;
 };
 export {};

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

@@ -27,7 +27,7 @@ export declare type BrandFormValues = {
         instagram: string;
     };
     termAndConditionChecked: boolean;
-    brandList?: Array<BrandInfo>;
+    selectedBrandItem: BrandInfo;
 };
 export declare type BusinessTypeFormValues = {
     businessType: string;
@@ -51,3 +51,8 @@ export declare type CustomersFormValues = {
     refundPolicy: boolean;
     transactionPolicy: boolean;
 };
+export declare type BankFormValues = {
+    iban: string;
+    beneficiaryName: string;
+    bankName: string;
+};

package/build/app/rootReducer.d.ts

@@ -2,5 +2,6 @@ declare const rootReducer: {
     settings: import("redux").Reducer<import("./settings").SettingsState, import("redux").AnyAction>;
     connect: import("redux").Reducer<import("../features/app/connect/connectStore").ConnectState, import("redux").AnyAction>;
     business: import("redux").Reducer<import("../features/app/business/businessStore").BusinessState, import("redux").AnyAction>;
+    bank: import("redux").Reducer<import("../features/app/bank/bankStore").BankState, import("redux").AnyAction>;
 };
 export default rootReducer;

package/build/app/rootReducer.js

@@ -1,9 +1,11 @@
 import settings from './settings';
 import connect from '../features/app/connect/connectStore';
 import business from '../features/app/business/businessStore';
+import bank from '../features/app/bank/bankStore';
 var rootReducer = {
     settings: settings,
     connect: connect,
-    business: business
+    business: business,
+    bank: bank
 };
 export default rootReducer;

package/build/app/settings.js

@@ -154,7 +154,7 @@ export var settingsSlice = createSlice({
         },
         handleActiveFlowScreens: function (state, action) {
             state.data.featureScreensNavigation = action.payload;
-            state.data.activeScreen = action.payload[3];
+            state.data.activeScreen = action.payload[0];
         },
         handleSetAppConfig: function (state, action) {
             var _a = action.payload, appInfo = _a.appInfo, businessCountryCode = _a.businessCountryCode, language = _a.language, onError = _a.onError, onFlowCompleted = _a.onFlowCompleted, publicKey = _a.publicKey;

package/build/app/store.d.ts

@@ -3,10 +3,12 @@ export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     settings: import("./settings").SettingsState;
     connect: import("../features/app/connect/connectStore").ConnectState;
     business: import("../features/app/business/businessStore").BusinessState;
+    bank: import("../features/app/bank/bankStore").BankState;
 }, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
     settings: import("./settings").SettingsState;
     connect: import("../features/app/connect/connectStore").ConnectState;
     business: import("../features/app/business/businessStore").BusinessState;
+    bank: import("../features/app/bank/bankStore").BankState;
 }, import("redux").AnyAction, undefined>]>>;
 export declare type AppDispatch = typeof store.dispatch;
 export declare type RootState = ReturnType<typeof store.getState>;

package/build/assets/locales/ar.json

@@ -213,5 +213,6 @@
     "open_mail_box": "افتح البريد الإلكتروني",
     "mobile_button_label": "المتابعة عن طريق رقم الجوال",
     "select_brand_label": "Brand List",
-    "choose_brand": "Choose Brand"
+    "choose_brand": "Choose Brand",
+    "confirm_enter_iban": "الايبان"
 }

package/build/assets/locales/en.json

@@ -59,7 +59,7 @@
     "email_not_valid": "May you please verify the entered email address.",
     "enter_at_least_one": "May you please enter at least one social media",
     "enter_bank_name": "Bank name",
-    "enter_bank_name_placeholder": "- Please select -",
+    "enter_bank_name_placeholder": "bank name",
     "enter_birth_date": "Date of Birth",
     "enter_brand_name_english_chars_only": "Please write English letters only. with no spaces",
     "enter_commercial_register_no": "Commercial registration",
@@ -227,5 +227,6 @@
     "next": "next",
     "open_mail_box": "Open Mailbox",
     "select_brand_label": "Brand List",
-    "choose_brand": "Choose Brand"
+    "choose_brand": "Choose Brand",
+    "confirm_enter_iban": "IBAN"
 }

package/build/components/SimpleList/SimpleList.js

@@ -34,6 +34,7 @@ var ListStyled = styled(List)(function (_a) {
     return (_b = {
             overflowY: 'auto',
             listStyle: 'none',
+            display: 'unset',
             paddingTop: theme.spacing(2.125),
             height: theme.spacing(40)
         },

package/build/constants/app.d.ts

@@ -89,6 +89,12 @@ export declare const BUSINESS_STEP_NAMES: {
     BUSINESS_CUSTOMERS: string;
     BUSINESS_SUCCESS: string;
 };
+export declare const BANK_STEP_NAMES: {
+    PHONE_AUTH: string;
+    IDENTITY_AUTH: string;
+    BANK_INFO: string;
+    BANK_SUCCESS: string;
+};
 export declare const RSA_FRONTEND_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCgC9kH1SQvjbXAUXd0PbrDUG8P\nLhRig9pJNBmdQBZjihuaxfkzYu6ToMbIMAfmYgVgQw338/y7aQ8X3m03CXNIlkxo\nOwxKCA8ymKsZQptXJn9IxlPO7yjoFgTFBrpmTgvcC4XO1uoUYTAPq3szK8kj4zgT\nucWG1hSKsOdRU7sl/wIDAQAB\n-----END PUBLIC KEY-----";
 export declare const ENCRYPTION_FLAG = "encryption_contract";
 export declare const BACKEND_ENCRYPTION_FLAG = "backend_encryption_contract";

package/build/constants/app.js

@@ -36,12 +36,6 @@ export var CONNECT_SCREENS_NAVIGATION = [
         prev: ['CONNECT_MOBILE_STEP', 'CONNECT_NID_STEP'],
         order: 3
     },
-    {
-        name: 'CONNECT_PASSWORD_STEP',
-        next: 'CONNECT_MERCHANT_INFO_STEP',
-        prev: ['CONNECT_MOBILE_STEP', 'CONNECT_NID_STEP'],
-        order: 3
-    },
     {
         name: 'CONNECT_MERCHANT_INFO_STEP',
         next: 'CONNECT_THANK_YOU_STEP',
@@ -140,17 +134,23 @@ export var PASSWORD_SCREENS_NAVIGATION = [
     }
 ];
 export var BANK_SCREENS_NAVIGATION = [
+    {
+        name: 'BANK_VERIFY_STEP',
+        next: 'BANK_BANK_DETAILS_STEP',
+        prev: '',
+        order: 1
+    },
     {
         name: 'BANK_BANK_DETAILS_STEP',
         next: 'BANK_DETAILS_SUCCESS_STEP',
         prev: '',
-        order: 1
+        order: 2
     },
     {
         name: 'BANK_DETAILS_SUCCESS_STEP',
         next: '',
         prev: 'BANK_BANK_DETAILS_STEP',
-        order: 2
+        order: 3
     }
 ];
 export var TAX_SCREENS_NAVIGATION = [
@@ -238,6 +238,12 @@ export var BUSINESS_STEP_NAMES = {
     BUSINESS_CUSTOMERS: 'business_customers',
     BUSINESS_SUCCESS: 'business_completed'
 };
+export var BANK_STEP_NAMES = {
+    PHONE_AUTH: 'bank_phone_auth',
+    IDENTITY_AUTH: 'bank_identity_auth',
+    BANK_INFO: 'bank_info',
+    BANK_SUCCESS: 'bank_completed'
+};
 export var RSA_FRONTEND_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCgC9kH1SQvjbXAUXd0PbrDUG8P\nLhRig9pJNBmdQBZjihuaxfkzYu6ToMbIMAfmYgVgQw338/y7aQ8X3m03CXNIlkxo\nOwxKCA8ymKsZQptXJn9IxlPO7yjoFgTFBrpmTgvcC4XO1uoUYTAPq3szK8kj4zgT\nucWG1hSKsOdRU7sl/wIDAQAB\n-----END PUBLIC KEY-----";
 export var ENCRYPTION_FLAG = 'encryption_contract';
 export var BACKEND_ENCRYPTION_FLAG = 'backend_encryption_contract';

package/build/constants/dummy.d.ts

@@ -13,6 +13,7 @@ export declare const OTHER_BRAND: {
         ar: string;
         en: string;
     };
+    website: string;
 };
 export declare const defaultCountry: {
     created: number;
@@ -332,4 +333,5 @@ export declare const BRAND_LIST: {
         ar: string;
         en: string;
     };
+    website: string;
 }[];

package/build/constants/dummy.js

@@ -12,7 +12,8 @@ export var OTHER_BRAND = {
     name: {
         ar: 'other',
         en: 'other'
-    }
+    },
+    website: 'other.com'
 };
 export var defaultCountry = {
     created: 1577690965000,
@@ -6418,22 +6419,27 @@ export var SOURCE_OF_INCOME = [
 export var BRAND_LIST = [
     {
         id: '477222',
-        name: { ar: 'brand test user1', en: 'brand test user1' }
+        name: { ar: 'brand test user1', en: 'brand test user1' },
+        website: 'test1.com'
     },
     {
         id: '477223',
-        name: { ar: 'brand test user2', en: 'brand test user2' }
+        name: { ar: 'brand test user2', en: 'brand test user2' },
+        website: 'www.test2.com'
     },
     {
         id: '477224',
-        name: { ar: 'brand test user3', en: 'brand test user' }
+        name: { ar: 'brand test user3', en: 'brand test user' },
+        website: 'www.test3.com'
     },
     {
         id: '477225',
-        name: { ar: 'brand test user4', en: 'brand test user4' }
+        name: { ar: 'brand test user4', en: 'brand test user4' },
+        website: 'www.test4.com'
     },
     {
         id: '477226',
-        name: { ar: 'brand test user5', en: 'brand test user5' }
+        name: { ar: 'brand test user5', en: 'brand test user5' },
+        website: 'www.test5.com'
     }
 ];

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

@@ -0,0 +1,36 @@
+import { RootState } from '../../../app/store';
+import { BankFormValues, OTPFormValues, ResponseData, SharedState } from '../../../@types';
+export declare const verifyLeadToken: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+    leadData: any;
+    token: string;
+}, string, {}>;
+export declare const verifyLeadOTP: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+    formData: {
+        otp: string;
+    };
+}, OTPFormValues, {}>;
+export declare const updateLeadSuccess: import("@reduxjs/toolkit").AsyncThunk<{
+    response: any;
+    formData: void;
+}, void, {}>;
+declare type VerifyData = {
+    token: string;
+};
+export interface BankData {
+    verify: ResponseData & VerifyData;
+    otpData: OTPFormValues & ResponseData;
+    bankData: BankFormValues & ResponseData;
+}
+export interface BankState extends SharedState<BankData> {
+}
+export declare const bankSlice: import("@reduxjs/toolkit").Slice<BankState, {
+    clearError: (state: BankState) => void;
+    stopLoader: (state: BankState) => void;
+    resetOTPScreen: (state: BankState) => void;
+}, "bank/store">;
+export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetOTPScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+declare const _default: import("redux").Reducer<BankState, import("redux").AnyAction>;
+export default _default;
+export declare const bankSelector: (state: RootState) => BankState;

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

@@ -0,0 +1,219 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var _a;
+import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
+import API from '../../../api';
+import { removeRequestHeaders } from '../../../utils';
+import { handleNextScreenStep } from '../../../app/settings';
+import { BANK_STEP_NAMES } from '../../../constants';
+export var verifyLeadToken = createAsyncThunk('verifyLeadToken', function (token, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var payload, data, leadResponse;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                payload = {
+                    service_name: 'tap_email',
+                    verify_token: token
+                };
+                return [4, API.leadService.verifyLeadToken(payload)];
+            case 1:
+                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 = _a.sent();
+                if (data.step_name === BANK_STEP_NAMES.IDENTITY_AUTH) {
+                    thunkApi.dispatch(handleNextScreenStep());
+                }
+                _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, bank, settings, responseBody, payload, data;
+    var _b, _c, _d;
+    return __generator(this, function (_e) {
+        switch (_e.label) {
+            case 0:
+                _a = thunkApi.getState(), bank = _a.bank, settings = _a.settings;
+                responseBody = bank.data.verify.responseBody;
+                payload = {
+                    data: params.otp,
+                    service_name: (_b = responseBody === null || responseBody === void 0 ? void 0 : responseBody.verification_by) === null || _b === void 0 ? void 0 : _b.service_name,
+                    verify_token: responseBody === null || responseBody === void 0 ? void 0 : responseBody.verify_token,
+                    step_name: BANK_STEP_NAMES.PHONE_AUTH,
+                    encryption_contract: ['data']
+                };
+                return [4, API.leadService.verifyLeadOTP(payload)];
+            case 1:
+                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 });
+                    thunkApi.dispatch(handleNextScreenStep());
+                }
+                return [2, { data: data, formData: __assign({}, 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) {
+            case 0:
+                _a = thunkApi.getState(), settings = _a.settings, bank = _a.bank;
+                payload = {
+                    step_name: BANK_STEP_NAMES.BANK_SUCCESS,
+                    lead_id: ((_b = bank.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.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 }];
+        }
+    });
+}); });
+var initialState = {
+    error: null,
+    loading: false,
+    data: {
+        verify: {
+            token: ''
+        },
+        otpData: {
+            otp: ''
+        },
+        bankData: {
+            iban: '',
+            beneficiaryName: '',
+            bankName: ''
+        }
+    }
+};
+export var bankSlice = createSlice({
+    name: 'bank/store',
+    initialState: initialState,
+    reducers: {
+        clearError: function (state) {
+            state.error = null;
+        },
+        stopLoader: function (state) {
+            state.loading = false;
+        },
+        resetOTPScreen: function (state) {
+            state.data.otpData.otp = '';
+        }
+    },
+    extraReducers: function (builder) {
+        builder
+            .addCase(verifyLeadToken.fulfilled, function (state, action) {
+            var _a;
+            state.error = null;
+            var _b = action.payload, data = _b.data, token = _b.token, leadData = _b.leadData;
+            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.verify.responseBody = __assign(__assign({}, data), leadData);
+            state.data.verify.token = token;
+        })
+            .addCase(verifyLeadToken.rejected, function (state, action) {
+            state.error = action.error.message;
+        })
+            .addCase(verifyLeadOTP.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(verifyLeadOTP.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.otpData = formData;
+            state.data.otpData.responseBody = data;
+        })
+            .addCase(verifyLeadOTP.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
+        })
+            .addCase(updateLeadSuccess.fulfilled, function (state, action) {
+            var _a;
+            state.loading = false;
+            state.error = null;
+            var response = action.payload.response;
+            var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
+            if (description) {
+                state.error = description;
+                return;
+            }
+            removeRequestHeaders();
+        })
+            .addCase(updateLeadSuccess.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(updateLeadSuccess.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
+        });
+    }
+});
+export var clearError = (_a = bankSlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetOTPScreen = _a.resetOTPScreen;
+export default bankSlice.reducer;
+export var bankSelector = function (state) { return state.bank; };

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

@@ -511,10 +511,10 @@ export var businessSlice = createSlice({
             state.error = null;
         })
             .addCase(updateLeadBusinessType.fulfilled, function (state, action) {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
             state.loading = false;
             state.error = null;
-            var _t = action.payload, data = _t.data, formData = _t.formData;
+            var _v = action.payload, data = _v.data, formData = _v.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;
@@ -523,20 +523,20 @@ export var businessSlice = createSlice({
             state.data.businessTypeData = formData;
             var isAr = i18n.dir() === 'rtl';
             state.data.businessInfo.brandName = isAr ? (_c = (_b = data === null || data === void 0 ? void 0 : data.brand) === null || _b === void 0 ? void 0 : _b.name) === null || _c === void 0 ? void 0 : _c.ar : (_e = (_d = data === null || data === void 0 ? void 0 : data.brand) === null || _d === void 0 ? void 0 : _d.name) === null || _e === void 0 ? void 0 : _e.en;
-            state.data.businessInfo.licenseNumber = (data === null || data === void 0 ? void 0 : data.license_number) || '';
-            state.data.businessInfo.legalName = isAr ? (_g = (_f = data === null || data === void 0 ? void 0 : data.entity) === null || _f === void 0 ? void 0 : _f.legal_name) === null || _g === void 0 ? void 0 : _g.ar : (_j = (_h = data === null || data === void 0 ? void 0 : data.entity) === null || _h === void 0 ? void 0 : _h.legal_name) === null || _j === void 0 ? void 0 : _j.en;
-            if (!!((_l = (_k = data === null || data === void 0 ? void 0 : data.entity) === null || _k === void 0 ? void 0 : _k.license) === null || _l === void 0 ? void 0 : _l.issuing_date)) {
-                state.data.activitiesData.operationStartDate = convertNumbers2English(moment((_o = (_m = data === null || data === void 0 ? void 0 : data.entity) === null || _m === void 0 ? void 0 : _m.license) === null || _o === void 0 ? void 0 : _o.issuing_date).format('YYYY-MM-DD'));
+            state.data.businessInfo.licenseNumber = ((_g = (_f = data === null || data === void 0 ? void 0 : data.entity) === null || _f === void 0 ? void 0 : _f.license) === null || _g === void 0 ? void 0 : _g.number) || '';
+            state.data.businessInfo.legalName = isAr ? (_j = (_h = data === null || data === void 0 ? void 0 : data.entity) === null || _h === void 0 ? void 0 : _h.legal_name) === null || _j === void 0 ? void 0 : _j.ar : (_l = (_k = data === null || data === void 0 ? void 0 : data.entity) === null || _k === void 0 ? void 0 : _k.legal_name) === null || _l === void 0 ? void 0 : _l.en;
+            if (!!((_o = (_m = data === null || data === void 0 ? void 0 : data.entity) === null || _m === void 0 ? void 0 : _m.license) === null || _o === void 0 ? void 0 : _o.issuing_date)) {
+                state.data.activitiesData.operationStartDate = convertNumbers2English(moment((_q = (_p = data === null || data === void 0 ? void 0 : data.entity) === null || _p === void 0 ? void 0 : _p.license) === null || _q === void 0 ? void 0 : _q.issuing_date).format('YYYY-MM-DD'));
             }
             if (formData.businessType === BusinessType.CR) {
-                var activities = ((_q = (_p = data === null || data === void 0 ? void 0 : data.license) === null || _p === void 0 ? void 0 : _p.activities) === null || _q === void 0 ? void 0 : _q.isic) || [];
+                var activities = ((_s = (_r = data === null || data === void 0 ? void 0 : data.license) === null || _r === void 0 ? void 0 : _r.activities) === null || _s === void 0 ? void 0 : _s.isic) || [];
                 var selectedActivity = activities === null || activities === void 0 ? void 0 : activities[0];
                 if (!!selectedActivity)
                     state.data.activitiesData.activities = [selectedActivity];
                 state.data.businessTypeData.responseBody = __assign(__assign({}, data), { activities: activities });
                 return;
             }
-            var category = (_s = (_r = data === null || data === void 0 ? void 0 : data.license) === null || _r === void 0 ? void 0 : _r.License) === null || _s === void 0 ? void 0 : _s.Category;
+            var category = (_u = (_t = data === null || data === void 0 ? void 0 : data.license) === null || _t === void 0 ? void 0 : _t.License) === null || _u === void 0 ? void 0 : _u.Category;
             if (!!category)
                 state.data.activitiesData.activities = [category];
             state.data.businessTypeData.responseBody = __assign(__assign({}, data), { activities: !!category ? [category] : [] });

package/build/features/app/connect/connectStore.js

@@ -45,11 +45,20 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import { handleNextScreenStep } from '../../../app/settings';
 import API from '../../../api';
-import { BRAND_LIST, CONNECT_STEP_NAMES, IDENTIFICATION_TYPE, INSTAGRAM_URL, TWITTER_URL } from '../../../constants';
+import { BRAND_LIST, CONNECT_STEP_NAMES, IDENTIFICATION_TYPE, INSTAGRAM_URL, OTHER_BRAND, TWITTER_URL } from '../../../constants';
 import { defaultCountry } from '../../../constants';
 import { getIndividualName, getClientEmailUrl, capitalizeTheFirstLetterOfEachWord, removeRequestHeaders } from '../../../utils';
 export var getCountries = createAsyncThunk('getCountries', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
@@ -392,6 +401,10 @@ var initialState = {
                 website: '',
                 twitter: '',
                 instagram: ''
+            },
+            selectedBrandItem: BRAND_LIST[0],
+            responseBody: {
+                brands: []
             }
         }
     }
@@ -537,7 +550,8 @@ export var connectSlice = createSlice({
             var response = action.payload.response;
             var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
             if (!!response && !description) {
-                state.data.brandData.brandList = BRAND_LIST;
+                state.data.brandData.selectedBrandItem = BRAND_LIST[0];
+                state.data.brandData.responseBody = { brands: __spreadArray(__spreadArray([], BRAND_LIST, true), [OTHER_BRAND], false) };
                 state.data.otpData.responseBody = response;
             }
         })

package/build/features/bank/Bank.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-export interface BankLibProps {
+import { LibConfig } from '../../@types';
+export interface BankLibProps extends LibConfig {
 }
 export declare function BankLib(props: BankLibProps): JSX.Element;
 export declare function renderBankLib(config: BankLibProps, elementId: string): void;

package/build/features/bank/Bank.js

@@ -11,26 +11,36 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { memo, useEffect } from 'react';
-import { useAppTheme, useAppDispatch, useAppSelector } from '../../hooks';
-import { handleActiveFlowScreens, settingsSelector } from '../../app/settings';
+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 { reactElement } from '../../utils';
+import { getParameterByName, reactElement } from '../../utils';
 import { FeatureContainer } from '../shared/Containers';
 import { BANK_SCREENS_NAVIGATION } from '../../constants';
 import { bankFeatureScreens } from '../featuresScreens';
 import CustomFooter from '../shared/Footer';
+import { verifyLeadToken } from '../../features/app/business/businessStore';
 var Bank = memo(function (props) {
     var open = React.useState(true)[0];
     var theme = useAppTheme().theme;
     var dispatch = useAppDispatch();
     var data = useAppSelector(settingsSelector).data;
+    var loading = useAppConfig(__assign({ navigation: BANK_SCREENS_NAVIGATION }, props)).loading;
+    useErrorListener();
     var activeScreen = data.activeScreen;
+    var verifyToken = function () {
+        var token = getParameterByName('token');
+        if (!token)
+            throw new Error('Auth token is not found!');
+        dispatch(verifyLeadToken(token));
+    };
     useEffect(function () {
-        dispatch(handleActiveFlowScreens(BANK_SCREENS_NAVIGATION));
-    }, []);
+        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: bankFeatureScreens.map(function (_a, index) {
                     var Element = _a.element, name = _a.name;
                     var isActive = activeScreen.name === name;

package/build/features/bank/screens/BankDetails/BankDetails.js

@@ -46,8 +46,7 @@ var BankDetails = function () {
         },
         mode: 'onChange'
     });
-    var onSubmit = function (data) {
-        console.log('data', data);
+    var onSubmit = function () {
         dispatch(handleNextScreenStep());
     };
     var t = useTranslation().t;

package/build/features/bank/screens/Verify/OTPInput.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface OTPProps {
+}
+declare const _default: React.MemoExoticComponent<({}: OTPProps) => JSX.Element>;
+export default _default;