@tap-payments/auth-jsconnect 1.0.86 → 1.0.89

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

@@ -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

@@ -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

@@ -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/connect/Connect.js

@@ -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/shared/Background/Background.js

@@ -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

@@ -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

@@ -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

@@ -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/utils/locale.d.ts

@@ -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

@@ -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

@@ -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

@@ -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);
+};