npm - @tap-payments/auth-jsconnect - Versions diffs - 1.0.86 → 1.0.89-test - Mend

@tap-payments/auth-jsconnect 1.0.86 → 1.0.89-test

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

package/README.md +112 -0
package/build/@types/app.d.ts +9 -7
package/build/app/settings.js +1 -1
package/build/components/AnimationFlow/BottomSheet.js +3 -1
package/build/constants/api.js +1 -1
package/build/constants/app.d.ts +1 -4
package/build/constants/app.js +1 -4
package/build/features/app/bank/bankStore.js +35 -25
package/build/features/app/business/businessStore.js +13 -13
package/build/features/app/connect/connectStore.js +9 -2
package/build/features/app/individual/individualStore.d.ts +2 -1
package/build/features/app/individual/individualStore.js +52 -43
package/build/features/app/password/passwordStore.js +32 -22
package/build/features/app/tax/taxStore.js +24 -14
package/build/features/bank/Bank.js +5 -1
package/build/features/business/Business.js +5 -1
package/build/features/connect/Connect.js +1 -1
package/build/features/individual/Individual.js +5 -1
package/build/features/password/Password.js +5 -1
package/build/features/shared/Background/Background.js +2 -2
package/build/features/shared/Background/LogoBackground.d.ts +2 -2
package/build/features/shared/Background/LogoBackground.js +10 -7
package/build/features/shared/Containers/FeatureContainer.js +3 -0
package/build/features/shared/Footer/Footer.js +1 -1
package/build/features/tax/Tax.js +5 -1
package/build/utils/locale.d.ts +1 -1
package/build/utils/locale.js +4 -3
package/build/utils/object.d.ts +1 -0
package/build/utils/object.js +5 -0
package/build/utils/string.d.ts +1 -1
package/build/utils/string.js +2 -2
package/package.json +1 -1

package/README.md CHANGED Viewed

@@ -0,0 +1,112 @@
+# Auth-JsConnect
+Handling user authentication and identification
+## Install
+This is a [React](https://reactjs.org/) module available through the
+[npm registry](https://www.npmjs.com/). Installation is done using the
+[`npm install` command](https://docs.npmjs.com/getting-started/installing-npm-packages-locally):
+```console
+npm install @tap-payments/auth-jsconnect
+```
+---------------------------- OR -------------------------
+```console
+yarn add @tap-payments/auth-jsconnect
+```
+## Features
+- [Connect](#Connect)
+- [Business](#Business)
+- [Password](#Password)
+- [Individual](#Individual)
+- [Bank](#Bank)
+- [Tax](#Tax)
+## Examples
+### ES6
+```js
+import { ConnectLib } from '@tap-payments/auth-jsconnect'
+const App = () => {
+	return (
+		<ConnectLib
+			open={true}
+			merchantDomain={'https://www.example.com'}
+			publicKey={'pk_test_xxxxxx'}
+			appInfo={{
+				identifier: 'tap_connect_demo',
+				name: 'Tap Connect Demo',
+				version: 'V2.0.0'
+			}}
+			businessCountryCode='SA'
+			language='en'
+			onError={(error) => {
+				alert(JSON.stringify({ error }))
+			}}
+			onFlowCompleted={(data) => {
+				console.log(data)
+			}}
+			onReady={() => {
+				console.log('ready!')
+			}}
+			onStepCompleted={(name, data) => {
+				console.log(name, data)
+			}}
+			onStepError={(name, error) => {
+				console.log(name, error)
+			}}
+			onStepStarted={(name) => {
+				console.log(name)
+			}}
+			scope={[]}
+		/>
+	)
+}
+```
+### Vanilla JS
+```js
+coming soon
+```
+```
+## Connect
+## Business
+## Password
+## Individual
+## Bank
+## Tax
+```
+## Properties
+| name                           | functionality               |
+| ------------------------------ | --------------------------- |
+| open `required`                | BadRequest                  |
+| merchantDomain `required`      | Unauthorized                |
+| publicKey `required`           | PaymentRequired             |
+| appInfo `required`             | Forbidden                   |
+| businessCountryCode `required` | NotFound                    |
+| language `required`            | MethodNotAllowed            |
+| onError `required`             | NotAcceptable               |
+| onFlowCompleted `required`     | ProxyAuthenticationRequired |
+| onReady `required`             | RequestTimeout              |
+| onStepCompleted `required`     | Conflict                    |
+| onStepError `required`         | Gone                        |
+| onStepStarted `required`       | LengthRequired              |
+| scope `required`               | UnsupportedMediaType        |

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

@@ -152,14 +152,16 @@ export interface DeviceInfo {
     entry: Entry;
 }
 export interface LocalProps {
-    en: {
-        translation: {
-            [key: string]: any;
+    [country: string]: {
+        ar: {
+            translation: {
+                [key: string]: string;
+            };
         };
-    };
-    ar: {
-        translation: {
-            [key: string]: any;
+        en: {
+            translation: {
+                [key: string]: string;
+            };
         };
     };
 }

package/build/app/settings.js CHANGED Viewed

@@ -251,7 +251,7 @@ export var settingsSlice = createSlice({
             .addCase(getLocale.fulfilled, function (state, action) {
             state.loading = false;
             state.error = null;
-            updateLocale(action.payload);
+            updateLocale(action.payload, state.data.appConfig.businessCountryCode);
         })
             .addCase(getLocale.rejected, function (state, action) {
             state.loading = false;

package/build/components/AnimationFlow/BottomSheet.js CHANGED Viewed

@@ -36,7 +36,9 @@ var BottomSheetStyled = styled(BottomSheet)(function (_a) {
             backgroundColor: 'transparent'
         },
         '[data-rsbs-header]': {
-            paddingBottom: theme.spacing(3)
+            paddingBottom: theme.spacing(6),
+            position: 'absolute',
+            width: '100vw'
         },
         '[data-rsbs-overlay]': {
             backgroundColor: theme.palette.background.paper

package/build/constants/api.js CHANGED Viewed

@@ -22,7 +22,7 @@ var SIGNUP_PATH = '/signup';
 var SOURCE_INCOME_PATH = '/v2/sourceOfIncome';
 var MONTHLY_INCOME_PATH = '/v2/monthlyIncome';
 var BRAND_LIST_PATH = '/brand/list';
-var FIREBASE_URL = 'https://goconnect-195cd-default-rtdb.asia-southeast1.firebasedatabase.app/sandbox/local.json';
+var FIREBASE_URL = 'https://goconnect-195cd-default-rtdb.asia-southeast1.firebasedatabase.app/locale.json';
 export var ENDPOINT_PATHS = {
     BASE_URL: API_BASE_URL,
     BUSINESS_COUNTRIES: API_BUSINESS_COUNTRIES,

package/build/constants/app.d.ts CHANGED Viewed

@@ -92,25 +92,22 @@ export declare const BUSINESS_STEP_NAMES: {
 };
 export declare const BANK_STEP_NAMES: {
     PHONE_AUTH: string;
-    IDENTITY_AUTH: string;
     BANK_INFO: string;
     BANK_SUCCESS: string;
 };
 export declare const TAX_STEP_NAMES: {
     PHONE_AUTH: string;
-    IDENTITY_AUTH: string;
     TAX_INFO: string;
     TAX_SUCCESS: string;
 };
 export declare const INDIVIDUAl_STEP_NAMES: {
     PHONE_AUTH: string;
-    IDENTITY_AUTH: string;
     INDIVIDUAl_INFO: string;
     INDIVIDUAl_SUCCESS: string;
 };
 export declare const PASSWORD_STEP_NAMES: {
+    PASSWORD_INFO: string;
     PHONE_AUTH: string;
-    IDENTITY_AUTH: string;
     PASSWORD_CREATE: string;
     PASSWORD_SUCCESS: string;
 };

package/build/constants/app.js CHANGED Viewed

@@ -291,25 +291,22 @@ export var BUSINESS_STEP_NAMES = {
 };
 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 TAX_STEP_NAMES = {
     PHONE_AUTH: 'tax_phone_auth',
-    IDENTITY_AUTH: 'tax_identity_auth',
     TAX_INFO: 'tax_info',
     TAX_SUCCESS: 'tax_completed'
 };
 export var INDIVIDUAl_STEP_NAMES = {
     PHONE_AUTH: 'individual_phone_auth',
-    IDENTITY_AUTH: 'individual_identity_auth',
     INDIVIDUAl_INFO: 'individual_info',
     INDIVIDUAl_SUCCESS: 'individual_completed'
 };
 export var PASSWORD_STEP_NAMES = {
+    PASSWORD_INFO: 'password_info',
     PHONE_AUTH: 'password_phone_auth',
-    IDENTITY_AUTH: 'password_identity_auth',
     PASSWORD_CREATE: 'password_create',
     PASSWORD_SUCCESS: 'password_completed'
 };

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

@@ -48,13 +48,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import API from '../../../api';
-import { removeRequestHeaders } from '../../../utils';
+import { hasKey, 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) {
+    var payload, data, leadResponse, _a, steps, entity, hasCompleted;
+    return __generator(this, function (_b) {
+        switch (_b.label) {
             case 0:
                 payload = {
                     service_name: 'tap_email',
@@ -62,22 +62,31 @@ export var verifyLeadToken = createAsyncThunk('verifyLeadToken', function (token
                 };
                 return [4, API.leadService.verifyLeadToken(payload)];
             case 1:
-                data = (_a.sent()).data;
+                data = (_b.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];
+                if (!(!(data === null || data === void 0 ? void 0 : data.errors) && !(data === null || data === void 0 ? void 0 : data.mw_error))) return [3, 5];
                 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());
+                leadResponse = _b.sent();
+                _a = leadResponse.data, steps = _a.steps, entity = _a.entity;
+                hasCompleted = hasKey(steps, BANK_STEP_NAMES.BANK_SUCCESS);
+                if (!hasCompleted) return [3, 4];
+                return [4, thunkApi.dispatch(retrieveEntityInfo(entity === null || entity === void 0 ? void 0 : entity.id))];
+            case 3:
+                _b.sent();
+                thunkApi.dispatch(handleNextScreenStep('BANK_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
+                return [3, 5];
+            case 4:
+                if (data.step_name === BANK_STEP_NAMES.BANK_INFO) {
+                    thunkApi.dispatch(handleNextScreenStep('BANK_BANK_DETAILS_STEP'));
                 }
-                _a.label = 3;
-            case 3: return [2, { data: data, leadData: leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data, token: token }];
+                _b.label = 5;
+            case 5: return [2, { data: data, leadData: leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data, token: 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, steps, hasBankCompleted;
+    var _a, bank, settings, responseBody, payload, data, steps, hasCompleted;
     var _b, _c, _d, _e;
     return __generator(this, function (_f) {
         switch (_f.label) {
@@ -97,8 +106,8 @@ export var verifyBankLeadOTP = createAsyncThunk('verifyBankLeadOTP', function (p
                 if (!!data.errors) return [3, 4];
                 (_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;
-                hasBankCompleted = Object.keys(steps).find(function (key) { return key === BANK_STEP_NAMES.BANK_SUCCESS; });
-                if (!hasBankCompleted) return [3, 3];
+                hasCompleted = hasKey(steps, BANK_STEP_NAMES.BANK_SUCCESS);
+                if (!hasCompleted) return [3, 3];
                 return [4, thunkApi.dispatch(retrieveEntityInfo((_e = responseBody === null || responseBody === void 0 ? void 0 : responseBody.entity) === null || _e === void 0 ? void 0 : _e.id))];
             case 2:
                 _f.sent();
@@ -175,9 +184,9 @@ export var checkIbanBank = createAsyncThunk('checkIbanBank', function (_a) {
 });
 export var updateLeadSuccess = createAsyncThunk('updateLeadBankSuccess', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, settings, bank, id, payload, data;
-    var _b, _c, _d, _e, _f, _g;
-    return __generator(this, function (_h) {
-        switch (_h.label) {
+    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;
                 id = (bank.data.verify.responseBody || {}).id;
@@ -185,17 +194,17 @@ export var updateLeadSuccess = createAsyncThunk('updateLeadBankSuccess', functio
                     return [2];
                 payload = {
                     step_name: BANK_STEP_NAMES.BANK_SUCCESS,
-                    id: ((_b = bank.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.id) || '',
+                    id: id,
                     encryption_contract: []
                 };
                 return [4, API.leadService.updateLead(payload)];
             case 1:
-                data = (_h.sent()).data;
-                return [4, thunkApi.dispatch(retrieveEntityInfo((_c = data.entity) === null || _c === void 0 ? void 0 : _c.id))];
+                data = (_g.sent()).data;
+                return [4, thunkApi.dispatch(retrieveEntityInfo((_b = data.entity) === null || _b === void 0 ? void 0 : _b.id))];
             case 2:
-                _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: data });
+                _g.sent();
+                (_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 });
                 thunkApi.dispatch(handleNextScreenStep());
                 return [2, { response: data, formData: params }];
         }
@@ -249,7 +258,7 @@ export var bankSlice = createSlice({
                 state.error = description;
                 return;
             }
-            state.data.verify.responseBody = __assign(__assign({}, data), leadData);
+            state.data.verify.responseBody = __assign(__assign(__assign({}, data), leadData), state.data.verify.responseBody);
             state.data.verify.token = token;
         })
             .addCase(verifyLeadToken.rejected, function (state, action) {
@@ -307,7 +316,8 @@ export var bankSlice = createSlice({
                 state.error = description;
                 return;
             }
-            state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), response);
+            var flows = response.flows, steps = response.steps;
+            state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { flows: flows, steps: steps });
             removeRequestHeaders();
         })
             .addCase(updateLeadSuccess.pending, function (state) {

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

@@ -60,7 +60,7 @@ import moment from 'moment';
 import API from '../../../api';
 import { BusinessType } from '../../../@types';
 import { BUSINESS_STEP_NAMES, defaultCountry, IDENTIFICATION_TYPE, OTHER_CR_LICENSE, OTHER_FL_LICENSE } from '../../../constants';
-import { convertNumbers2English, getFlowUrl, removeRequestHeaders } from '../../../utils';
+import { convertNumbers2English, getFlowUrl, hasKey, removeRequestHeaders } from '../../../utils';
 import { handleNextScreenStep } from '../../../app/settings';
 export var getCountries = createAsyncThunk('getCountries', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var settings, countriesBody, businessCountry;
@@ -133,8 +133,8 @@ export var verifyLeadOTP = createAsyncThunk('verifyLeadOTP', function (params, t
             case 2:
                 _f.sent();
                 (_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; });
+                steps = responseBody === null || responseBody === void 0 ? void 0 : responseBody.steps;
+                hasBusinessCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_SUCCESS);
                 if (!isNID) return [3, 3];
                 thunkApi.dispatch(handleNextScreenStep());
                 return [3, 6];
@@ -294,7 +294,8 @@ export var updateActivitiesInfo = createAsyncThunk('updateActivitiesInfo', funct
                     activities: activities,
                     channel_services: channel,
                     business_operation_start_at: params.operationStartDate,
-                    step_name: stepName
+                    step_name: stepName,
+                    encryption_contract: ['business_operation_start_at']
                 };
                 return [4, API.entityService.createEntityInfo(requestBody)];
             case 1:
@@ -348,7 +349,8 @@ export var updateCustomersInfo = createAsyncThunk('updateCustomersInfo', functio
                     yearly_sales_range: ((_d = params.expectedSale) === null || _d === void 0 ? void 0 : _d.id) || '',
                     agree_refund: params.refundPolicy,
                     agree_chargeback: params.transactionPolicy,
-                    step_name: stepName
+                    step_name: stepName,
+                    encryption_contract: ['customers_base[0]', 'customers_served_monthly', 'yearly_sales_range']
                 };
                 return [4, API.entityService.updateEntityInfo(requestBody)];
             case 1:
@@ -379,19 +381,19 @@ export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (p
                     flows: [
                         {
                             name: 'tax',
-                            url: getFlowUrl('/tax')
+                            url: getFlowUrl('/tax', settings.data.language)
                         },
                         {
                             name: 'bank',
-                            url: getFlowUrl('/bank')
+                            url: getFlowUrl('/bank', settings.data.language)
                         },
                         {
                             name: 'individual',
-                            url: getFlowUrl('/individual')
+                            url: getFlowUrl('/individual', settings.data.language)
                         },
                         {
                             name: 'password',
-                            url: getFlowUrl('/password')
+                            url: getFlowUrl('/password', settings.data.language)
                         }
                     ],
                     encryption_contract: []
@@ -541,10 +543,8 @@ export var businessSlice = createSlice({
             state.error = action.error.message;
         })
             .addCase(updateLeadIdentity.pending, function (state, action) {
-            var _a, _b;
-            if ((_a = action.meta.arg) === null || _a === void 0 ? void 0 : _a.isResend)
-                state.customLoading = true;
-            if (!((_b = action.meta.arg) === null || _b === void 0 ? void 0 : _b.isResend))
+            var _a;
+            if (!((_a = action.meta.arg) === null || _a === void 0 ? void 0 : _a.isResend))
                 state.loading = true;
             state.error = null;
         })

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

@@ -290,7 +290,14 @@ export var updateLeadBrand = createAsyncThunk('updateLeadBrand', function (param
                     id: (isExistingUser ? (_h = brandData.responseBody) === null || _h === void 0 ? void 0 : _h.lead_id : (_j = otpData.responseBody) === null || _j === void 0 ? void 0 : _j.lead_id) || '',
                     terms_conditions_accepted: params.termAndConditionChecked,
                     step_name: CONNECT_STEP_NAMES.UPDATE_LEAD_MERCHANT,
-                    encryption_contract: ['brand.name.en', 'brand.name.ar', 'brand.name.zh']
+                    encryption_contract: [
+                        'brand.name.en',
+                        'brand.name.ar',
+                        'brand.name.zh',
+                        'brand.website',
+                        'brand.social[0]',
+                        'brand.social[1]'
+                    ]
                 };
                 return [4, API.leadService.updateLead(payload)];
             case 1:
@@ -362,7 +369,7 @@ export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (p
                     flows: [
                         {
                             name: 'business',
-                            url: getFlowUrl('/business')
+                            url: getFlowUrl('/business', settings.data.language)
                         }
                     ],
                     id: leadId,

package/build/features/app/individual/individualStore.d.ts CHANGED Viewed

@@ -12,7 +12,8 @@ export declare const verifyLeadToken: import("@reduxjs/toolkit").AsyncThunk<{
 export declare const retrieveDataList: import("@reduxjs/toolkit").AsyncThunk<{
     sourceIncome: any;
     monthlyIncome: any;
-}, void, {}>;
+    countryCode: string;
+}, string, {}>;
 export declare const retrieveEntityInfo: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
 }, string, {}>;

package/build/features/app/individual/individualStore.js CHANGED Viewed

@@ -48,7 +48,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import API from '../../../api';
-import { removeRequestHeaders } from '../../../utils';
+import { hasKey, removeRequestHeaders } from '../../../utils';
 import { handleNextScreenStep } from '../../../app/settings';
 import { defaultCountry, INDIVIDUAl_STEP_NAMES } from '../../../constants';
 export var getCountries = createAsyncThunk('getCountries', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
@@ -68,9 +68,10 @@ 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;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
+    var payload, data, leadResponse, _a, steps, entity, hasTaxCompleted;
+    var _b, _c;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
             case 0:
                 payload = {
                     service_name: 'tap_email',
@@ -78,37 +79,45 @@ export var verifyLeadToken = createAsyncThunk('verifyLeadToken', function (token
                 };
                 return [4, API.leadService.verifyLeadToken(payload)];
             case 1:
-                data = (_a.sent()).data;
+                data = (_d.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];
+                if (!(!(data === null || data === void 0 ? void 0 : data.errors) && !(data === null || data === void 0 ? void 0 : data.mw_error))) return [3, 6];
                 return [4, API.leadService.retrieveLead(data === null || data === void 0 ? void 0 : data.id)];
             case 2:
-                leadResponse = _a.sent();
-                if (data.step_name === INDIVIDUAl_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 }];
+                leadResponse = _d.sent();
+                _a = leadResponse.data, steps = _a.steps, entity = _a.entity;
+                hasTaxCompleted = hasKey(steps, INDIVIDUAl_STEP_NAMES.INDIVIDUAl_SUCCESS);
+                if (!hasTaxCompleted) return [3, 4];
+                return [4, thunkApi.dispatch(retrieveEntityInfo(entity === null || entity === void 0 ? void 0 : entity.id))];
+            case 3:
+                _d.sent();
+                thunkApi.dispatch(handleNextScreenStep('INDIVIDUAL_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
+                return [3, 6];
+            case 4:
+                if (!(data.step_name === INDIVIDUAl_STEP_NAMES.INDIVIDUAl_INFO)) return [3, 6];
+                return [4, thunkApi.dispatch(retrieveDataList((_c = (_b = leadResponse.data) === null || _b === void 0 ? void 0 : _b.entity) === null || _c === void 0 ? void 0 : _c.country))];
+            case 5:
+                _d.sent();
+                thunkApi.dispatch(handleNextScreenStep('INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP'));
+                _d.label = 6;
+            case 6: return [2, { data: data, leadData: leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data, token: token }];
         }
     });
 }); });
-export var retrieveDataList = createAsyncThunk('retrieveDataList', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var individual, code, _a, sourceIncome, monthlyIncome;
-    var _b, _c;
-    return __generator(this, function (_d) {
-        switch (_d.label) {
-            case 0:
-                individual = thunkApi.getState().individual;
-                code = (_c = (_b = individual.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.entity) === null || _c === void 0 ? void 0 : _c.country;
-                return [4, Promise.all([
-                        API.dataService.getSourceOfIncome(),
-                        API.dataService.getMonthlyIncome(code)
-                    ])];
+export var retrieveDataList = createAsyncThunk('retrieveDataList', function (countryCode, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, sourceIncome, monthlyIncome;
+    return __generator(this, function (_b) {
+        switch (_b.label) {
+            case 0: return [4, Promise.all([
+                    API.dataService.getSourceOfIncome(),
+                    API.dataService.getMonthlyIncome(countryCode)
+                ])];
             case 1:
-                _a = _d.sent(), sourceIncome = _a[0].data, monthlyIncome = _a[1].data;
+                _a = _b.sent(), sourceIncome = _a[0].data, monthlyIncome = _a[1].data;
                 return [2, {
                         sourceIncome: sourceIncome,
-                        monthlyIncome: monthlyIncome
+                        monthlyIncome: monthlyIncome,
+                        countryCode: countryCode
                     }];
         }
     });
@@ -126,9 +135,9 @@ export var retrieveEntityInfo = createAsyncThunk('retrieveIndividualEntityInfo',
 }); });
 export var verifyLeadOTP = createAsyncThunk('verifyIndividualLeadOTP', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, individual, settings, responseBody, payload, data, steps, hasIndividualCompleted;
-    var _b, _c, _d, _e;
-    return __generator(this, function (_f) {
-        switch (_f.label) {
+    var _b, _c, _d, _e, _f;
+    return __generator(this, function (_g) {
+        switch (_g.label) {
             case 0:
                 _a = thunkApi.getState(), individual = _a.individual, settings = _a.settings;
                 responseBody = individual.data.verify.responseBody;
@@ -141,22 +150,22 @@ export var verifyLeadOTP = createAsyncThunk('verifyIndividualLeadOTP', function
                 };
                 return [4, API.leadService.verifyLeadOTP(payload)];
             case 1:
-                data = (_f.sent()).data;
+                data = (_g.sent()).data;
                 if (!!data.errors) return [3, 5];
                 (_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;
-                hasIndividualCompleted = Object.keys(steps).find(function (key) { return key === INDIVIDUAl_STEP_NAMES.INDIVIDUAl_SUCCESS; });
+                hasIndividualCompleted = hasKey(steps, INDIVIDUAl_STEP_NAMES.INDIVIDUAl_SUCCESS);
                 if (!hasIndividualCompleted) return [3, 3];
                 return [4, thunkApi.dispatch(retrieveEntityInfo((_e = responseBody === null || responseBody === void 0 ? void 0 : responseBody.entity) === null || _e === void 0 ? void 0 : _e.id))];
             case 2:
-                _f.sent();
+                _g.sent();
                 thunkApi.dispatch(handleNextScreenStep('INDIVIDUAL_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
                 return [3, 5];
-            case 3: return [4, thunkApi.dispatch(retrieveDataList())];
+            case 3: return [4, thunkApi.dispatch(retrieveDataList((_f = responseBody === null || responseBody === void 0 ? void 0 : responseBody.entity) === null || _f === void 0 ? void 0 : _f.country))];
             case 4:
-                _f.sent();
+                _g.sent();
                 thunkApi.dispatch(handleNextScreenStep('INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP'));
-                _f.label = 5;
+                _g.label = 5;
             case 5: return [2, { data: data, formData: __assign({}, params) }];
         }
     });
@@ -176,7 +185,7 @@ export var updateIndividualInfo = createAsyncThunk('updateIndividualInfo', funct
                     actual_income: (_f = params.monthlyIncome) === null || _f === void 0 ? void 0 : _f.id,
                     is_relative_PEP: params.isPEP,
                     is_influencer: params.isInfluencer,
-                    encryption_contract: ['employer_name', 'employer_city', 'actual_income'],
+                    encryption_contract: ['employer_name', 'employer_city', 'actual_income', 'source_income[0]'],
                     step_name: INDIVIDUAl_STEP_NAMES.INDIVIDUAl_INFO
                 };
                 return [4, API.entityService.updateEntityInfo(requestBody)];
@@ -287,7 +296,7 @@ export var individualSlice = createSlice({
                 state.error = description;
                 return;
             }
-            state.data.verify.responseBody = __assign(__assign({}, data), leadData);
+            state.data.verify.responseBody = __assign(__assign(__assign({}, data), leadData), state.data.verify.responseBody);
             state.data.verify.token = token;
         })
             .addCase(verifyLeadToken.rejected, function (state, action) {
@@ -320,10 +329,9 @@ export var individualSlice = createSlice({
             state.error = null;
         })
             .addCase(retrieveDataList.fulfilled, function (state, action) {
-            var _a, _b;
             state.loading = false;
             state.error = null;
-            var _c = action.payload, sourceIncome = _c.sourceIncome, monthlyIncome = _c.monthlyIncome;
+            var _a = action.payload, sourceIncome = _a.sourceIncome, monthlyIncome = _a.monthlyIncome, countryCode = _a.countryCode;
             var data = state.data.individualData.responseBody;
             state.data.individualData.responseBody = __assign(__assign({}, data), { sourceIncomeList: sourceIncome || [], monthlyIncomeList: monthlyIncome || [] });
             var selectedSourceIncome = sourceIncome === null || sourceIncome === void 0 ? void 0 : sourceIncome[0];
@@ -332,9 +340,9 @@ export var individualSlice = createSlice({
             var selectedMonthlyIncome = monthlyIncome === null || monthlyIncome === void 0 ? void 0 : monthlyIncome[2];
             if (!!selectedMonthlyIncome)
                 state.data.individualData.monthlyIncome = selectedMonthlyIncome;
-            var location = (_b = (_a = state.data.verify.responseBody) === null || _a === void 0 ? void 0 : _a.entity) === null || _b === void 0 ? void 0 : _b.country;
-            if (!!location) {
-                state.data.individualData.employerLocation = state.data.countries.find(function (country) { return country.iso2 === location; });
+            if (!!countryCode) {
+                var employerLocation = state.data.countries.find(function (country) { return country.iso2 === countryCode; });
+                state.data.individualData.employerLocation = employerLocation;
             }
         })
             .addCase(retrieveDataList.rejected, function (state, action) {
@@ -392,7 +400,8 @@ export var individualSlice = createSlice({
                 state.error = description;
                 return;
             }
-            state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), response);
+            var flows = response.flows, steps = response.steps;
+            state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { flows: flows, steps: steps });
             removeRequestHeaders();
         })
             .addCase(updateLeadSuccess.pending, function (state) {

package/build/features/app/password/passwordStore.js CHANGED Viewed

@@ -48,13 +48,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import API from '../../../api';
-import { removeRequestHeaders } from '../../../utils';
+import { hasKey, removeRequestHeaders } from '../../../utils';
 import { handleNextScreenStep } from '../../../app/settings';
 import { PASSWORD_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) {
+    var payload, data, leadResponse, _a, steps, entity, hasCompleted;
+    return __generator(this, function (_b) {
+        switch (_b.label) {
             case 0:
                 payload = {
                     service_name: 'tap_email',
@@ -62,17 +62,26 @@ export var verifyLeadToken = createAsyncThunk('verifyLeadToken', function (token
                 };
                 return [4, API.leadService.verifyLeadToken(payload)];
             case 1:
-                data = (_a.sent()).data;
+                data = (_b.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];
+                if (!(!(data === null || data === void 0 ? void 0 : data.errors) && !(data === null || data === void 0 ? void 0 : data.mw_error))) return [3, 5];
                 return [4, API.leadService.retrieveLead(data === null || data === void 0 ? void 0 : data.id)];
             case 2:
-                leadResponse = _a.sent();
-                if (data.step_name === PASSWORD_STEP_NAMES.IDENTITY_AUTH) {
-                    thunkApi.dispatch(handleNextScreenStep());
+                leadResponse = _b.sent();
+                _a = leadResponse.data, steps = _a.steps, entity = _a.entity;
+                hasCompleted = hasKey(steps, PASSWORD_STEP_NAMES.PASSWORD_SUCCESS);
+                if (!hasCompleted) return [3, 4];
+                return [4, thunkApi.dispatch(retrieveEntityInfo(entity === null || entity === void 0 ? void 0 : entity.id))];
+            case 3:
+                _b.sent();
+                thunkApi.dispatch(handleNextScreenStep('PASSWORD_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
+                return [3, 5];
+            case 4:
+                if (data.step_name === PASSWORD_STEP_NAMES.PASSWORD_INFO) {
+                    thunkApi.dispatch(handleNextScreenStep('PASSWORD_CREATE_PASSWORD_STEP'));
                 }
-                _a.label = 3;
-            case 3: return [2, { data: data, leadData: leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data, token: token }];
+                _b.label = 5;
+            case 5: return [2, { data: data, leadData: leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data, token: token }];
         }
     });
 }); });
@@ -88,7 +97,7 @@ export var retrieveEntityInfo = createAsyncThunk('retrievePasswordEntityInfo', f
     });
 }); });
 export var verifyPasswordLeadOTP = createAsyncThunk('verifyPasswordLeadOTP', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, password, settings, responseBody, payload, data, steps, hasPasswordCompleted;
+    var _a, password, settings, responseBody, payload, data, steps, hasCompleted;
     var _b, _c, _d, _e;
     return __generator(this, function (_f) {
         switch (_f.label) {
@@ -108,8 +117,8 @@ export var verifyPasswordLeadOTP = createAsyncThunk('verifyPasswordLeadOTP', fun
                 if (!!data.errors) return [3, 4];
                 (_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;
-                hasPasswordCompleted = Object.keys(steps).find(function (key) { return key === PASSWORD_STEP_NAMES.PASSWORD_SUCCESS; });
-                if (!hasPasswordCompleted) return [3, 3];
+                hasCompleted = hasKey(steps, PASSWORD_STEP_NAMES.PASSWORD_SUCCESS);
+                if (!hasCompleted) return [3, 3];
                 return [4, thunkApi.dispatch(retrieveEntityInfo((_e = responseBody === null || responseBody === void 0 ? void 0 : responseBody.entity) === null || _e === void 0 ? void 0 : _e.id))];
             case 2:
                 _f.sent();
@@ -124,23 +133,23 @@ export var verifyPasswordLeadOTP = createAsyncThunk('verifyPasswordLeadOTP', fun
 }); });
 export var createPassword = createAsyncThunk('createPassword', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, settings, password, requestBody, data;
-    var _b, _c, _d;
-    return __generator(this, function (_e) {
-        switch (_e.label) {
+    var _b, _c, _d, _e;
+    return __generator(this, function (_f) {
+        switch (_f.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, password = _a.password;
                 requestBody = {
                     step_name: PASSWORD_STEP_NAMES.PASSWORD_CREATE,
-                    signup_token: (_b = password.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.signup_token,
+                    signup_token: ((_b = password.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.signup_token) || ((_c = password.data.otpData.responseBody) === null || _c === void 0 ? void 0 : _c.signup_token),
                     password: params.password,
                     encryption_contract: ['password']
                 };
                 return [4, API.authService.createPassword(requestBody)];
             case 1:
-                data = (_e.sent()).data;
+                data = (_f.sent()).data;
                 if (!data.errors) {
                     thunkApi.dispatch(handleNextScreenStep());
-                    (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, requestBody);
+                    (_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: params }];
         }
@@ -216,7 +225,7 @@ export var passwordSlice = createSlice({
                 state.error = description;
                 return;
             }
-            state.data.verify.responseBody = __assign(__assign({}, data), leadData);
+            state.data.verify.responseBody = __assign(__assign(__assign({}, data), leadData), state.data.verify.responseBody);
             state.data.verify.token = token;
         })
             .addCase(verifyLeadToken.pending, function (state, action) {
@@ -299,7 +308,8 @@ export var passwordSlice = createSlice({
                 state.error = description;
                 return;
             }
-            state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), response);
+            var flows = response.flows, steps = response.steps;
+            state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { flows: flows, steps: steps });
             removeRequestHeaders();
         })
             .addCase(updateLeadSuccess.pending, function (state) {

package/build/features/app/tax/taxStore.js CHANGED Viewed

@@ -48,13 +48,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import API from '../../../api';
-import { removeRequestHeaders } from '../../../utils';
+import { hasKey, removeRequestHeaders } from '../../../utils';
 import { handleNextScreenStep } from '../../../app/settings';
 import { TAX_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) {
+    var payload, data, leadResponse, _a, steps, entity, hasTaxCompleted;
+    return __generator(this, function (_b) {
+        switch (_b.label) {
             case 0:
                 payload = {
                     service_name: 'tap_email',
@@ -62,17 +62,26 @@ export var verifyLeadToken = createAsyncThunk('verifyLeadToken', function (token
                 };
                 return [4, API.leadService.verifyLeadToken(payload)];
             case 1:
-                data = (_a.sent()).data;
+                data = (_b.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];
+                if (!(!(data === null || data === void 0 ? void 0 : data.errors) && !(data === null || data === void 0 ? void 0 : data.mw_error))) return [3, 5];
                 return [4, API.leadService.retrieveLead(data === null || data === void 0 ? void 0 : data.id)];
             case 2:
-                leadResponse = _a.sent();
-                if (data.step_name === TAX_STEP_NAMES.IDENTITY_AUTH) {
-                    thunkApi.dispatch(handleNextScreenStep());
+                leadResponse = _b.sent();
+                _a = leadResponse.data, steps = _a.steps, entity = _a.entity;
+                hasTaxCompleted = hasKey(steps, TAX_STEP_NAMES.TAX_SUCCESS);
+                if (!hasTaxCompleted) return [3, 4];
+                return [4, thunkApi.dispatch(retrieveEntityInfo(entity === null || entity === void 0 ? void 0 : entity.id))];
+            case 3:
+                _b.sent();
+                thunkApi.dispatch(handleNextScreenStep('TAX_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
+                return [3, 5];
+            case 4:
+                if (data.step_name === TAX_STEP_NAMES.TAX_INFO) {
+                    thunkApi.dispatch(handleNextScreenStep('TAX_TAX_DETAILS_STEP'));
                 }
-                _a.label = 3;
-            case 3: return [2, { data: data, leadData: leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data, token: token }];
+                _b.label = 5;
+            case 5: return [2, { data: data, leadData: leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data, token: token }];
         }
     });
 }); });
@@ -108,7 +117,7 @@ export var verifyTaxLeadOTP = createAsyncThunk('verifyTaxLeadOTP', function (par
                 if (!!data.errors) return [3, 4];
                 (_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;
-                hasTaxCompleted = Object.keys(steps).find(function (key) { return key === TAX_STEP_NAMES.TAX_SUCCESS; });
+                hasTaxCompleted = hasKey(steps, TAX_STEP_NAMES.TAX_SUCCESS);
                 if (!hasTaxCompleted) return [3, 3];
                 return [4, thunkApi.dispatch(retrieveEntityInfo((_e = responseBody === null || responseBody === void 0 ? void 0 : responseBody.entity) === null || _e === void 0 ? void 0 : _e.id))];
             case 2:
@@ -214,7 +223,7 @@ export var taxSlice = createSlice({
                 state.error = description;
                 return;
             }
-            state.data.verify.responseBody = __assign(__assign({}, data), leadData);
+            state.data.verify.responseBody = __assign(__assign(__assign({}, data), leadData), state.data.verify.responseBody);
             state.data.verify.token = token;
         })
             .addCase(verifyLeadToken.pending, function (state, action) {
@@ -297,7 +306,8 @@ export var taxSlice = createSlice({
                 state.error = description;
                 return;
             }
-            state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), response);
+            var flows = response.flows, steps = response.steps;
+            state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { flows: flows, steps: steps });
             removeRequestHeaders();
         })
             .addCase(updateLeadSuccess.pending, function (state) {

package/build/features/bank/Bank.js CHANGED Viewed

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useEffect } from 'react';
 import { useAppTheme, useAppDispatch, useAppSelector, useErrorListener, useAppConfig } from '../../hooks';
-import { settingsSelector } from '../../app/settings';
+import { handleLanguage, settingsSelector } from '../../app/settings';
 import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
@@ -34,8 +34,12 @@ var Bank = memo(function (props) {
     var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open;
     var verifyToken = function () {
         var token = getParameterByName('token');
+        var lang = getParameterByName('lang');
         if (!token)
             throw new Error('Auth token is not found!');
+        if (!lang)
+            throw new Error('Language is not found!');
+        dispatch(handleLanguage(lang));
         dispatch(verifyLeadToken(token));
     };
     useEffect(function () {

package/build/features/business/Business.js CHANGED Viewed

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useEffect } from 'react';
 import { useAppTheme, useAppDispatch, useAppSelector, useAppConfig, useErrorListener } from '../../hooks';
-import { settingsSelector } from '../../app/settings';
+import { handleLanguage, settingsSelector } from '../../app/settings';
 import { FeatureContainer } from '../shared/Containers';
 import { businessSelector, getCountries, verifyLeadToken } from '../app/business/businessStore';
 import AnimationFlow from '../../components/AnimationFlow';
@@ -34,8 +34,12 @@ var Business = memo(function (props) {
     var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open;
     var verifyToken = function () {
         var token = getParameterByName('token');
+        var lang = getParameterByName('lang');
         if (!token)
             throw new Error('Auth token is not found!');
+        if (!lang)
+            throw new Error('Language is not found!');
+        dispatch(handleLanguage(lang));
         dispatch(verifyLeadToken(token));
     };
     useEffect(function () {

package/build/features/connect/Connect.js CHANGED Viewed

@@ -34,7 +34,7 @@ var Connect = memo(function (props) {
     useEffect(function () {
         dispatch(getCountries());
     }, []);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading }, { children: _jsx(AnimationFlow, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading, error: error, open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: connectFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading }, { children: _jsx(AnimationFlow, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading, error: error, open: open, footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: connectFeatureScreens.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));

package/build/features/individual/Individual.js CHANGED Viewed

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useEffect } from 'react';
 import { useAppTheme, useAppDispatch, useAppSelector, useAppConfig, useErrorListener } from '../../hooks';
-import { settingsSelector } from '../../app/settings';
+import { handleLanguage, settingsSelector } from '../../app/settings';
 import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
@@ -34,8 +34,12 @@ var Individual = memo(function (props) {
     var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open;
     var verifyToken = function () {
         var token = getParameterByName('token');
+        var lang = getParameterByName('lang');
         if (!token)
             throw new Error('Auth token is not found!');
+        if (!lang)
+            throw new Error('Language is not found!');
+        dispatch(handleLanguage(lang));
         dispatch(verifyLeadToken(token));
     };
     useEffect(function () {

package/build/features/password/Password.js CHANGED Viewed

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useEffect } from 'react';
 import { useAppTheme, useAppDispatch, useAppSelector, useAppConfig, useErrorListener } from '../../hooks';
-import { settingsSelector } from '../../app/settings';
+import { handleLanguage, settingsSelector } from '../../app/settings';
 import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
@@ -34,8 +34,12 @@ var Password = memo(function (props) {
     var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open;
     var verifyToken = function () {
         var token = getParameterByName('token');
+        var lang = getParameterByName('lang');
         if (!token)
             throw new Error('Auth token is not found!');
+        if (!lang)
+            throw new Error('Language is not found!');
+        dispatch(handleLanguage(lang));
         dispatch(verifyLeadToken(token));
     };
     useEffect(function () {

package/build/features/shared/Background/Background.js CHANGED Viewed

@@ -14,7 +14,7 @@ import { memo } from 'react';
 import { styled } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import LogoBackground from './LogoBackground';
-var BackgroundStyled = styled(Box)(function (_a) {
+var BackgroundStyled = styled(Box, { shouldForwardProp: function (prop) { return prop !== 'isTapOrigin'; } })(function (_a) {
     var isTapOrigin = _a.isTapOrigin;
     return ({
         width: '100%',
@@ -24,6 +24,6 @@ var BackgroundStyled = styled(Box)(function (_a) {
 });
 var Background = function (_a) {
     var children = _a.children, isTapOrigin = _a.isTapOrigin, loading = _a.loading;
-    return (_jsxs(BackgroundStyled, __assign({ isTapOrigin: isTapOrigin }, { children: [_jsx(LogoBackground, { isTapOrigin: !loading && isTapOrigin }), children] })));
+    return (_jsxs(BackgroundStyled, __assign({ isTapOrigin: isTapOrigin }, { children: [_jsx(LogoBackground, { hide: loading || !isTapOrigin }), children] })));
 };
 export default memo(Background);

package/build/features/shared/Background/LogoBackground.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react';
 declare type LogoBackgroundProps = {
-    isTapOrigin: boolean;
+    hide?: boolean;
 };
-declare const _default: React.MemoExoticComponent<({ isTapOrigin }: LogoBackgroundProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ hide }: LogoBackgroundProps) => JSX.Element>;
 export default _default;

package/build/features/shared/Background/LogoBackground.js CHANGED Viewed

@@ -11,13 +11,12 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from 'react';
-import { styled } from '@mui/material/styles';
+import { styled, useTheme } from '@mui/material/styles';
 import Collapse from '@mui/material/Collapse';
 import Box from '@mui/material/Box';
 import Icon from '../../../components/Icon';
 import { ICONS_NAMES } from '../../../constants';
 import { useLanguage } from '../../../hooks';
-import Fade from '@mui/material/Fade';
 var BoxStyled = styled(Box)(function (_a) {
     var _b;
     var theme = _a.theme;
@@ -26,10 +25,11 @@ var BoxStyled = styled(Box)(function (_a) {
             flexDirection: 'column',
             justifyContent: 'center',
             alignItems: 'center',
-            paddingTop: theme.spacing(5)
+            paddingTop: theme.spacing(5),
+            paddingBottom: theme.spacing(2)
         },
         _b[theme.breakpoints.down('sm')] = {
-            paddingTop: theme.spacing(11.5)
+            paddingTop: theme.spacing(11)
         },
         _b);
 });
@@ -44,7 +44,7 @@ var LogoIconBoxStyled = styled(Box)(function (_a) {
     var _b;
     var theme = _a.theme;
     return (_b = {
-            paddingTop: theme.spacing(2.125),
+            paddingTop: theme.spacing(2.5),
             width: '100%',
             display: 'flex',
             justifyContent: 'center'
@@ -63,8 +63,11 @@ var LogoIconStyled = styled(Icon)(function (_a) {
     });
 });
 var LogoBackground = function (_a) {
-    var isTapOrigin = _a.isTapOrigin;
+    var hide = _a.hide;
     var isAr = useLanguage().isAr;
-    return (_jsx(Collapse, __assign({ in: isTapOrigin }, { children: _jsx(Fade, __assign({ in: isTapOrigin }, { children: _jsxs(BoxStyled, { children: [_jsx(LogoBadgeStyled, { src: ICONS_NAMES.TAP_LOGO_EN_ICON }), _jsx(LogoIconBoxStyled, { children: _jsx(LogoIconStyled, { src: isAr ? ICONS_NAMES.TAP_LOGO_TEXT_AR : ICONS_NAMES.TAP_LOGO_TEXT_EN, alt: 'tap logo' }) })] }) })) })));
+    var theme = useTheme();
+    var style = getComputedStyle(document.body);
+    console.log(style.getPropertyValue('--rsbs-overlay-h'));
+    return (_jsx(Collapse, __assign({ in: !hide }, { children: _jsxs(BoxStyled, { children: [_jsx(LogoBadgeStyled, { src: ICONS_NAMES.TAP_LOGO_EN_ICON }), _jsx(LogoIconBoxStyled, { children: _jsx(LogoIconStyled, { src: isAr ? ICONS_NAMES.TAP_LOGO_TEXT_AR : ICONS_NAMES.TAP_LOGO_TEXT_EN, alt: 'tap logo' }) })] }) })));
 };
 export default memo(LogoBackground);

package/build/features/shared/Containers/FeatureContainer.js CHANGED Viewed

@@ -25,6 +25,9 @@ var Container = styled(Box)(function (_a) {
             easing: theme.transitions.easing.easeInOut,
             property: 'all'
         },
+        _b[theme.breakpoints.down('sm')] = {
+            paddingTop: theme.spacing(5)
+        },
         _b);
 });
 var FeatureContainer = React.forwardRef(function (props, ref) {

package/build/features/shared/Footer/Footer.js CHANGED Viewed

@@ -9,7 +9,7 @@ export default function CustomFooter() {
     var isEn = useLanguage().isEn;
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
-    var _a = useAppSelector(connectSelector), data = _a.data, loading = _a.loading, error = _a.error;
+    var data = useAppSelector(connectSelector).data;
     var handleChangeLanguage = function () {
         var language = isEn ? LanguageMode.AR : LanguageMode.EN;
         dispatch(handleLanguage(language));

package/build/features/tax/Tax.js CHANGED Viewed

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useEffect } from 'react';
 import { useAppTheme, useAppDispatch, useAppSelector, useAppConfig, useErrorListener } from '../../hooks';
-import { settingsSelector } from '../../app/settings';
+import { handleLanguage, settingsSelector } from '../../app/settings';
 import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
@@ -34,8 +34,12 @@ var Tax = memo(function (props) {
     var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open;
     var verifyToken = function () {
         var token = getParameterByName('token');
+        var lang = getParameterByName('lang');
         if (!token)
             throw new Error('Auth token is not found!');
+        if (!lang)
+            throw new Error('Language is not found!');
+        dispatch(handleLanguage(lang));
         dispatch(verifyLeadToken(token));
     };
     useEffect(function () {

package/build/utils/locale.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import { LocalProps } from '../@types';
-export declare const updateLocale: (locale: LocalProps) => void;
+export declare const updateLocale: (locale: LocalProps, country: string) => void;

package/build/utils/locale.js CHANGED Viewed

@@ -1,10 +1,11 @@
 import { initReactI18next } from 'react-i18next';
 import i18n from '../i18n';
-export var updateLocale = function (locale) {
+export var updateLocale = function (locale, country) {
+    var data = locale[country] || locale['default'];
     if (i18n.isInitialized) {
         i18n.removeResourceBundle('*', 'translation');
-        i18n.addResourceBundle('en', 'translation', locale.en.translation);
-        i18n.addResourceBundle('ar', 'translation', locale.ar.translation);
+        i18n.addResourceBundle('en', 'translation', data.en.translation);
+        i18n.addResourceBundle('ar', 'translation', data.ar.translation);
     }
     else {
         i18n.use(initReactI18next).init({

package/build/utils/object.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
 export declare const compareTwoObjects: (obj1: any, obj2: any) => boolean;
 export declare const encodeObjectBase64: (obj: any) => string;
 export declare const decodeObjectBase64: (str: string) => any;
+export declare const hasKey: (obj: any, key: string) => boolean;

package/build/utils/object.js CHANGED Viewed

@@ -16,3 +16,8 @@ export var decodeObjectBase64 = function (str) {
         throw new Error('Invalid base64 string or invalid json format. try to check [decodeObjectBase64]');
     }
 };
+export var hasKey = function (obj, key) {
+    if (!obj)
+        return false;
+    return Object.keys(obj).includes(key);
+};

package/build/utils/string.d.ts CHANGED Viewed

@@ -10,7 +10,7 @@ export declare const getIndividualName: (name: string) => {
 export declare const convertNumbers2English: (str: string) => string;
 export declare const getParameterByName: (name: string) => string | null;
 export declare const getClientEmailUrl: () => string;
-export declare const getFlowUrl: (path: string) => string;
+export declare const getFlowUrl: (path: string, lang: string) => string;
 export declare const capitalizeTheFirstLetterOfEachWord: (words: string) => string;
 export declare const getRequestHeaders: (deviceInfo: DeviceInfo) => {
     al: string;

package/build/utils/string.js CHANGED Viewed

@@ -56,9 +56,9 @@ export var getClientEmailUrl = function () {
     var origin = window.location.origin;
     return origin + '/?token=';
 };
-export var getFlowUrl = function (path) {
+export var getFlowUrl = function (path, lang) {
     var origin = window.location.origin;
-    return origin + path + '?token=';
+    return origin + path + "?lang=".concat(lang, "&token=");
 };
 export var capitalizeTheFirstLetterOfEachWord = function (words) {
     var separateWord = words.toLowerCase().split(' ');

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "1.0.86",
+	"version": "1.0.89-test",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",