@tap-payments/auth-jsconnect 1.0.57 → 1.0.61

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

@@ -259,14 +259,18 @@ export var updateLeadIndividual = createAsyncThunk('updateLeadIndividual', funct
     });
 }); });
 export var updateLeadBrand = createAsyncThunk('updateLeadBrand', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connect, instagram, twitter, payload, data;
-    var _b, _c, _d, _e, _f, _g, _h, _j;
-    return __generator(this, function (_k) {
-        switch (_k.label) {
+    var _a, settings, connect, instagram, twitter, _b, mobileData, nidData, otpData, brandData, isAbsher, responseBody, isExistingUser, payload, data;
+    var _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    return __generator(this, function (_m) {
+        switch (_m.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, connect = _a.connect;
-                instagram = !!((_b = params.links) === null || _b === void 0 ? void 0 : _b.instagram) ? "".concat(INSTAGRAM_URL, "/").concat((_c = params.links) === null || _c === void 0 ? void 0 : _c.twitter) : '';
-                twitter = !!((_d = params.links) === null || _d === void 0 ? void 0 : _d.twitter) ? "".concat(TWITTER_URL, "/").concat((_e = params.links) === null || _e === void 0 ? void 0 : _e.twitter) : '';
+                instagram = !!((_c = params.links) === null || _c === void 0 ? void 0 : _c.instagram) ? "".concat(INSTAGRAM_URL, "/").concat((_d = params.links) === null || _d === void 0 ? void 0 : _d.twitter) : '';
+                twitter = !!((_e = params.links) === null || _e === void 0 ? void 0 : _e.twitter) ? "".concat(TWITTER_URL, "/").concat((_f = params.links) === null || _f === void 0 ? void 0 : _f.twitter) : '';
+                _b = connect.data, mobileData = _b.mobileData, nidData = _b.nidData, otpData = _b.otpData, brandData = _b.brandData;
+                isAbsher = otpData.isAbsher;
+                responseBody = (isAbsher ? nidData : mobileData).responseBody;
+                isExistingUser = (responseBody === null || responseBody === void 0 ? void 0 : responseBody.new_user) === false;
                 payload = {
                     brand: {
                         name: {
@@ -274,20 +278,20 @@ export var updateLeadBrand = createAsyncThunk('updateLeadBrand', function (param
                             ar: params.brandName,
                             zh: params.brandName
                         },
-                        website: (_f = params.links) === null || _f === void 0 ? void 0 : _f.website,
+                        website: (_g = params.links) === null || _g === void 0 ? void 0 : _g.website,
                         social: [twitter, instagram]
                     },
-                    id: ((_g = connect.data.otpData.responseBody) === null || _g === void 0 ? void 0 : _g.lead_id) || '',
+                    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', 'social[0]', 'social[1]']
                 };
                 return [4, API.leadService.updateLead(payload)];
             case 1:
-                data = (_k.sent()).data;
+                data = (_m.sent()).data;
                 if (!data.errors) {
                     thunkApi.dispatch(handleNextScreenStep());
-                    (_j = (_h = settings.data.appConfig).onStepCompleted) === null || _j === void 0 ? void 0 : _j.call(_h, settings.data.activeScreen.name, params);
+                    (_l = (_k = settings.data.appConfig).onStepCompleted) === null || _l === void 0 ? void 0 : _l.call(_k, settings.data.activeScreen.name, params);
                 }
                 return [2, { response: data, formData: params }];
         }
@@ -336,23 +340,27 @@ export var checkBrandNameAvailability = createAsyncThunk('checkBrandNameAvailabi
     });
 });
 export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connect, payload, data;
-    var _b, _c, _d, _e, _f;
-    return __generator(this, function (_g) {
-        switch (_g.label) {
+    var _a, settings, connect, _b, mobileData, nidData, otpData, brandData, isAbsher, responseBody, isExistingUser, payload, data;
+    var _c, _d, _e, _f, _g, _h;
+    return __generator(this, function (_j) {
+        switch (_j.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, connect = _a.connect;
+                _b = connect.data, mobileData = _b.mobileData, nidData = _b.nidData, otpData = _b.otpData, brandData = _b.brandData;
+                isAbsher = otpData.isAbsher;
+                responseBody = (isAbsher ? nidData : mobileData).responseBody;
+                isExistingUser = (responseBody === null || responseBody === void 0 ? void 0 : responseBody.new_user) === false;
                 payload = {
                     step_name: CONNECT_STEP_NAMES.CONNECT_SUCCESS,
                     email_url: getClientEmailUrl(),
-                    id: ((_b = connect.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.lead_id) || '',
+                    id: (isExistingUser ? (_c = brandData.responseBody) === null || _c === void 0 ? void 0 : _c.lead_id : (_d = otpData.responseBody) === null || _d === void 0 ? void 0 : _d.lead_id) || '',
                     encryption_contract: []
                 };
                 return [4, API.leadService.updateLead(payload)];
             case 1:
-                data = (_g.sent()).data;
-                (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, params);
-                (_f = (_e = settings.data.appConfig).onFlowCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, { data: data });
+                data = (_j.sent()).data;
+                (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, params);
+                (_h = (_g = settings.data.appConfig).onFlowCompleted) === null || _h === void 0 ? void 0 : _h.call(_g, { data: data });
                 return [2, { response: data, formData: params }];
         }
     });
@@ -608,7 +616,7 @@ export var connectSlice = createSlice({
             .addCase(checkBrandNameAvailability.fulfilled, function (state, action) {
             var _a;
             state.error = null;
-            state.data.brandData.responseBody = (_a = action.payload) === null || _a === void 0 ? void 0 : _a.response;
+            state.data.brandData.responseBody = __assign(__assign({}, state.data.brandData.responseBody), (_a = action.payload) === null || _a === void 0 ? void 0 : _a.response);
         })
             .addCase(checkBrandNameAvailability.pending, function (state) {
             state.error = null;

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

@@ -11,6 +11,10 @@ export declare const verifyLeadOTP: import("@reduxjs/toolkit").AsyncThunk<{
         otp: string;
     };
 }, OTPFormValues, {}>;
+export declare const updateIndividualInfo: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+    formData: IndividualExtraFormValues;
+}, IndividualExtraFormValues, {}>;
 export declare const updateLeadSuccess: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
     formData: void;

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

@@ -50,7 +50,7 @@ import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 import API from '../../../api';
 import { removeRequestHeaders } from '../../../utils';
 import { handleNextScreenStep } from '../../../app/settings';
-import { defaultCountry, INDIVIDUAl_STEP_NAMES, SOURCE_OF_INCOME } from '../../../constants';
+import { INDIVIDUAl_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) {
@@ -77,10 +77,10 @@ export var verifyLeadToken = createAsyncThunk('verifyLeadToken', function (token
     });
 }); });
 export var verifyLeadOTP = createAsyncThunk('verifyIndividualLeadOTP', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, individual, settings, responseBody, payload, data;
-    var _b, _c, _d;
-    return __generator(this, function (_e) {
-        switch (_e.label) {
+    var _a, individual, settings, responseBody, payload, data, steps, hasIndividualCompleted;
+    var _b, _c, _d, _e;
+    return __generator(this, function (_f) {
+        switch (_f.label) {
             case 0:
                 _a = thunkApi.getState(), individual = _a.individual, settings = _a.settings;
                 responseBody = individual.data.verify.responseBody;
@@ -93,33 +93,71 @@ export var verifyLeadOTP = createAsyncThunk('verifyIndividualLeadOTP', function
                 };
                 return [4, API.leadService.verifyLeadOTP(payload)];
             case 1:
-                data = (_e.sent()).data;
+                data = (_f.sent()).data;
                 if (!data.errors) {
                     (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, { otp: params.otp });
-                    thunkApi.dispatch(handleNextScreenStep());
+                    steps = (_e = individual.data.verify.responseBody) === null || _e === void 0 ? void 0 : _e.steps;
+                    hasIndividualCompleted = Object.keys(steps).find(function (key) { return key === INDIVIDUAl_STEP_NAMES.INDIVIDUAl_SUCCESS; });
+                    if (hasIndividualCompleted) {
+                        thunkApi.dispatch(handleNextScreenStep('INDIVIDUAL_SUCCESS_STEP'));
+                    }
+                    else {
+                        thunkApi.dispatch(handleNextScreenStep('INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP'));
+                    }
                 }
                 return [2, { data: data, formData: __assign({}, params) }];
         }
     });
 }); });
+export var updateIndividualInfo = createAsyncThunk('updateIndividualInfo', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, settings, individual, requestBody, data;
+    var _b, _c, _d, _e, _f, _g;
+    return __generator(this, function (_h) {
+        switch (_h.label) {
+            case 0:
+                _a = thunkApi.getState(), settings = _a.settings, individual = _a.individual;
+                requestBody = {
+                    id: (_c = (_b = individual.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.entity) === null || _c === void 0 ? void 0 : _c.id,
+                    employer_name: params.employerName,
+                    employer_city: (_d = params.employerLocation) === null || _d === void 0 ? void 0 : _d.iso2,
+                    source_income: [(_e = params.sourceIncome) === null || _e === void 0 ? void 0 : _e.title],
+                    actual_income: params.monthlyIncome,
+                    is_relative_PEP: params.isPEP,
+                    is_influencer: params.isInfluencer,
+                    step_name: INDIVIDUAl_STEP_NAMES.INDIVIDUAl_INFO
+                };
+                return [4, API.entityService.updateEntityInfo(requestBody)];
+            case 1:
+                data = (_h.sent()).data;
+                if (!data.errors) {
+                    thunkApi.dispatch(handleNextScreenStep());
+                    (_g = (_f = settings.data.appConfig).onStepCompleted) === null || _g === void 0 ? void 0 : _g.call(_f, settings.data.activeScreen.name, requestBody);
+                }
+                return [2, { data: data, formData: params }];
+        }
+    });
+}); });
 export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, individual, payload, data;
-    var _b, _c, _d, _e, _f;
-    return __generator(this, function (_g) {
-        switch (_g.label) {
+    var _a, settings, individual, response, payload;
+    var _b, _c, _d, _e, _f, _g;
+    return __generator(this, function (_h) {
+        switch (_h.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, individual = _a.individual;
+                response = undefined;
+                if (!!!((_b = individual.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.id)) return [3, 2];
                 payload = {
                     step_name: INDIVIDUAl_STEP_NAMES.INDIVIDUAl_SUCCESS,
-                    id: ((_b = individual.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.id) || '',
+                    id: ((_c = individual.data.otpData.responseBody) === null || _c === void 0 ? void 0 : _c.id) || '',
                     encryption_contract: []
                 };
                 return [4, API.leadService.updateLead(payload)];
             case 1:
-                data = (_g.sent()).data;
-                (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, params);
-                (_f = (_e = settings.data.appConfig).onFlowCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, { data: data });
-                return [2, { response: data, formData: params }];
+                response = _h.sent();
+                (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, params);
+                (_g = (_f = settings.data.appConfig).onFlowCompleted) === null || _g === void 0 ? void 0 : _g.call(_f, { data: response === null || response === void 0 ? void 0 : response.data });
+                _h.label = 2;
+            case 2: return [2, { response: response === null || response === void 0 ? void 0 : response.data, formData: params }];
         }
     });
 }); });
@@ -134,10 +172,10 @@ var initialState = {
             otp: ''
         },
         individualData: {
-            sourceIncome: SOURCE_OF_INCOME[0],
+            sourceIncome: undefined,
             monthlyIncome: '',
             employerName: '',
-            employerLocation: defaultCountry,
+            employerLocation: undefined,
             isPEP: null,
             isInfluencer: null
         }
@@ -159,6 +197,9 @@ export var individualSlice = createSlice({
     },
     extraReducers: function (builder) {
         builder
+            .addCase(verifyLeadToken.pending, function (state) {
+            state.error = null;
+        })
             .addCase(verifyLeadToken.fulfilled, function (state, action) {
             var _a;
             state.error = null;
@@ -194,6 +235,27 @@ export var individualSlice = createSlice({
             .addCase(verifyLeadOTP.rejected, function (state, action) {
             state.loading = false;
             state.error = action.error.message;
+        })
+            .addCase(updateIndividualInfo.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(updateIndividualInfo.fulfilled, function (state, action) {
+            var _a;
+            state.loading = false;
+            state.error = null;
+            var _b = action.payload, data = _b.data, formData = _b.formData;
+            var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
+            if (description) {
+                state.error = description;
+                return;
+            }
+            state.data.individualData = formData;
+            state.data.individualData.responseBody = data;
+        })
+            .addCase(updateIndividualInfo.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
         })
             .addCase(updateLeadSuccess.fulfilled, function (state, action) {
             var _a;

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

@@ -16,14 +16,15 @@ import IBAN from './IBAN';
 import BankName from './BankName';
 import Button from '../../../shared/Button';
 import { useAppDispatch } from '../../../../hooks';
-import { handleNextScreenStep } from '../../../../app/settings';
 import { BankValidation } from './validation';
 import { useTranslation } from 'react-i18next';
 import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { useLanguage } from '../../../../hooks';
 import { styled } from '@mui/material/styles';
+import { bankSelector, createBankAccount } from '../../../app/bank/bankStore';
 import Form from '../../../../components/Form';
+import { useSelector } from 'react-redux';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column',
@@ -37,20 +38,17 @@ var ButtonStyled = styled(Button)(function (_a) {
 });
 var BankDetails = function () {
     var dispatch = useAppDispatch();
+    var _a = useSelector(bankSelector), data = _a.data, loading = _a.loading, error = _a.error;
     var methods = useForm({
         resolver: yupResolver(BankValidation),
-        defaultValues: {
-            iban: '',
-            beneficiaryName: '',
-            bankName: 'National Bank'
-        },
+        defaultValues: data.bankData,
         mode: 'onChange'
     });
-    var onSubmit = function () {
-        dispatch(handleNextScreenStep());
+    var onSubmit = function (data) {
+        dispatch(createBankAccount(data));
     };
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(IBAN, {}), _jsx(Beneficiary, {}), _jsx(BankName, {}), _jsx(ButtonStyled, __assign({ disableBack: true, disabled: !methods.formState.isValid, isAr: isAr }, { children: t('confirm') }))] })) })) }));
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(IBAN, {}), _jsx(Beneficiary, {}), _jsx(BankName, {}), _jsx(ButtonStyled, __assign({ disableBack: true, disabled: !methods.formState.isValid, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('confirm') }))] })) })) }));
 };
 export default BankDetails;

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

@@ -13,6 +13,14 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
         marginBlockEnd: theme.spacing(3)
     });
 });
+var InputStyled = styled(Input)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        input: {
+            textTransform: 'capitalize'
+        }
+    });
+});
 var Beneficiary = function () {
     var _a, _b;
     var t = useTranslation().t;
@@ -29,6 +37,6 @@ var Beneficiary = function () {
     var clearValue = function () {
         beneficiaryControl.field.onChange('');
     };
-    return (_jsx(FeatureStyled, { children: _jsx(Input, { label: t('beneficiary_name'), onChange: handleBeneficiaryChange, value: beneficiaryValue, placeholder: t('beneficiary_name'), warningType: 'alert', warningMessage: error && t(error), required: true, endAdornment: !hasError && beneficiaryValue ? _jsx(CheckIcon, {}) : beneficiaryValue && _jsx(ClearIcon, { onClick: clearValue }) }) }));
+    return (_jsx(FeatureStyled, { children: _jsx(InputStyled, { label: t('beneficiary_name'), onChange: handleBeneficiaryChange, value: beneficiaryValue, placeholder: t('beneficiary_name'), warningType: 'alert', warningMessage: error && t(error), required: true, endAdornment: !hasError && beneficiaryValue ? _jsx(CheckIcon, {}) : beneficiaryValue && _jsx(ClearIcon, { onClick: clearValue }) }) }));
 };
 export default Beneficiary;

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

@@ -2,8 +2,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import SuccessScreen from '../../../shared/SuccessScreen';
+import { useAppDispatch } from '../../../../hooks';
+import { updateLeadSuccess } from '../../../app/bank/bankStore';
 var Success = function (_a) {
     var t = useTranslation().t;
+    var dispatch = useAppDispatch();
+    React.useEffect(function () {
+        dispatch(updateLeadSuccess());
+    }, []);
     var onSuccess = function () {
         window.open('mailto:');
     };

package/build/features/business/screens/BusinessType/LicenseNumber.js

@@ -41,6 +41,6 @@ var LicenseNumber = function (_a) {
     var error = (_b = licenseNumberControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
     var length = isCR ? CR_NUMBER_LENGTH : FL_NUMBER_LENGTH;
     var label = isCR ? 'cr_number' : 'fl_number';
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { readOnly: readOnly, label: t(label), onChange: handleFLNumberChange, inputProps: { maxLength: length }, value: licenseNumberValue, endAdornment: (licenseNumberValue === null || licenseNumberValue === void 0 ? void 0 : licenseNumberValue.length) === length ? (_jsx(CheckIcon, {})) : (licenseNumberValue && _jsx(ClearIcon, { onClick: clearLicenseNumber })), placeholder: isCR ? '0123456789' : '12345678', warningType: 'alert', warningMessage: error && t(error, { length: length }) }) }) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { readOnly: readOnly, label: t(label), onChange: handleFLNumberChange, inputProps: { maxLength: length }, value: licenseNumberValue, endAdornment: (licenseNumberValue === null || licenseNumberValue === void 0 ? void 0 : licenseNumberValue.length) === length ? (_jsx(CheckIcon, {})) : (licenseNumberValue && _jsx(ClearIcon, { onClick: clearLicenseNumber })), placeholder: isCR ? '01f3c5x78n' : '1a3c5b78', warningType: 'alert', warningMessage: error && t(error, { length: length }) }) }) })));
 };
 export default React.memo(LicenseNumber);

package/build/features/business/screens/Success/Success.js

@@ -4,6 +4,7 @@ import { useAppDispatch } from '../../../../hooks';
 import { useTranslation } from 'react-i18next';
 import SuccessScreen from '../../../shared/SuccessScreen';
 import { updateLeadSuccess } from '../../../app/business/businessStore';
+import { handleNextScreenStep } from '../../../../app/settings';
 var Success = function (_a) {
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
@@ -11,8 +12,8 @@ var Success = function (_a) {
         dispatch(updateLeadSuccess());
     }, []);
     var onSuccess = function () {
-        window.open('mailto:');
+        dispatch(handleNextScreenStep());
     };
-    return _jsx(SuccessScreen, { title: t('ide_successfully_verified_message'), onSuccess: onSuccess });
+    return _jsx(SuccessScreen, { title: t('ide_successfully_verified_message'), onSuccess: onSuccess, successTitle: 'continue' });
 };
 export default React.memo(Success);

package/build/features/business/screens/{Confirm/Confirm.d.ts → SuccessWithFlowButtons/SuccessWithFlowButtons.d.ts}

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

package/build/features/business/screens/SuccessWithFlowButtons/SuccessWithFlowButtons.js

@@ -0,0 +1,79 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { styled } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+import Text from '../../../../components/Text';
+import Container from '../../../shared/Containers/ScreenContainer';
+import { FlowsButtons } from '../../../shared/Button';
+import { ICONS_NAMES } from '../../../../constants';
+var TextContainerStyled = styled(Box)(function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (_b = {
+            background: theme.palette.common.white,
+            border: '1px solid',
+            width: '100%',
+            borderColor: theme.palette.divider,
+            borderRadius: theme.spacing(0, 0, 1.25, 1.25)
+        },
+        _b[theme.breakpoints.up('sm')] = {
+            marginBottom: theme.spacing(7.5)
+        },
+        _b);
+});
+var TitleStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return (__assign({ fontWeight: theme.typography.fontWeightRegular, color: theme.palette.text.primary, marginBlock: theme.spacing(1.75), lineHeight: 1.75, padding: '0px 20px' }, theme.typography.subtitle2));
+});
+var ContainerStyled = styled(Container)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        justifyContent: 'space-between',
+        minHeight: theme.spacing(30),
+        alignItems: 'center'
+    });
+});
+var ButtonGroupStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: '100%'
+    });
+});
+var SuccessWithFlowButtons = function () {
+    var t = useTranslation().t;
+    return (_jsxs(ContainerStyled, { children: [_jsx(TextContainerStyled, { children: _jsxs(TitleStyled, { children: [t('ide_successfully_verified_message'), " "] }) }), _jsx(ButtonGroupStyled, { children: _jsx(FlowsButtons, { buttons: [
+                        {
+                            title: t('tax_flow_completed'),
+                            href: '#',
+                            src: ICONS_NAMES.TAX_ICON
+                        },
+                        {
+                            title: t('individual_flow_completed'),
+                            href: '#',
+                            src: ICONS_NAMES.INDIVIDUAL_ICON
+                        },
+                        {
+                            title: t('bank_flow_completed'),
+                            href: '#',
+                            src: ICONS_NAMES.BANK_ICON
+                        },
+                        {
+                            title: t('password_flow_completed'),
+                            href: '#',
+                            src: ICONS_NAMES.PASSWORD_ICON
+                        }
+                    ] }) })] }));
+};
+export default memo(SuccessWithFlowButtons);

package/build/features/business/screens/SuccessWithFlowButtons/index.d.ts

@@ -0,0 +1,2 @@
+import SuccessWithFlowButtons from './SuccessWithFlowButtons';
+export default SuccessWithFlowButtons;

package/build/features/business/screens/SuccessWithFlowButtons/index.js

@@ -0,0 +1,2 @@
+import SuccessWithFlowButtons from './SuccessWithFlowButtons';
+export default SuccessWithFlowButtons;

package/build/features/connect/screens/ThankYou/ThankYou.js

@@ -10,9 +10,6 @@ var ThankYou = function (_a) {
     React.useEffect(function () {
         dispatch(updateLeadSuccess());
     }, []);
-    var onSuccess = function () {
-        window.open('mailto:');
-    };
-    return _jsx(SuccessScreen, { title: t('ide_successfully_verified_message'), onSuccess: onSuccess });
+    return _jsx(SuccessScreen, { title: t('ide_successfully_verified_message'), showEmailProviders: true });
 };
 export default React.memo(ThankYou);

package/build/features/featuresScreens.js

@@ -11,11 +11,11 @@ import BusinessOTPPage from './business/screens/OTP';
 import BusinessTypePage from './business/screens/BusinessType';
 import ActivitiesPage from './business/screens/Activities';
 import SuccessPage from './business/screens/Success';
+import SuccessWithFlowButtonsPage from './business/screens/SuccessWithFlowButtons';
 import PasswordVerifyPage from './password/screens/Verify';
 import CreatePasswordPage from './password/screens/CreatePassword';
 import SuccessPasswordPage from './password/screens/Success';
 import IndividualVerifyPage from './individual/screens/Verify';
-import ShowIndividualInfoPage from './individual/screens/ShowIndividualInfo';
 import AdditionalIndividualInfoPage from './individual/screens/AdditionalIndividualInfo';
 import SuccessOwnerPage from './individual/screens/Success';
 import BankVerifyPage from './bank/screens/Verify';
@@ -76,7 +76,8 @@ export var businessFeatureScreens = [
         name: 'BUSINESS_CUSTOMERS_STEP',
         element: CustomersPage
     },
-    { name: 'BUSINESS_SUCCESS_STEP', element: SuccessPage }
+    { name: 'BUSINESS_SUCCESS_STEP', element: SuccessPage },
+    { name: 'BUSINESS_SUCCESS_FOUR_FLOWS_BUTTONS_STEP', element: SuccessWithFlowButtonsPage }
 ];
 export var passwordFeatureScreens = [
     {
@@ -97,10 +98,6 @@ export var individualFeatureScreens = [
         name: 'INDIVIDUAL_VERIFY_STEP',
         element: IndividualVerifyPage
     },
-    {
-        name: 'INDIVIDUAL_SHOW_INDIVIDUAL_INFO_STEP',
-        element: ShowIndividualInfoPage
-    },
     {
         name: 'INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP',
         element: AdditionalIndividualInfoPage

package/build/features/individual/screens/AdditionalIndividualInfo/AdditionalIndividualInfo.js

@@ -16,7 +16,7 @@ import { useForm, FormProvider } from 'react-hook-form';
 import Box from '@mui/material/Box';
 import { useTranslation } from 'react-i18next';
 import { useAppDispatch } from '../../../../hooks';
-import { handleNextScreenStep, handlePrevScreenStep } from '../../../../app/settings';
+import { handlePrevScreenStep } from '../../../../app/settings';
 import { styled } from '@mui/material/styles';
 import Form from '../../../../components/Form';
 import Collapse from '../../../../components/Collapse';
@@ -31,6 +31,8 @@ import EmployerName from './EmployerName';
 import EmployerLocation from './EmployerLocation';
 import SourceOfIncome from './SourceOfIncome';
 import { countriesCode, SOURCE_OF_INCOME } from '../../../../constants';
+import { useSelector } from 'react-redux';
+import { individualSelector, updateIndividualInfo } from '../../../app/individual/individualStore';
 var InputsContainerStyled = styled(Box)(function (_a) {
     var _b;
     var theme = _a.theme, listActive = _a.listActive;
@@ -47,25 +49,26 @@ var InputsContainerStyled = styled(Box)(function (_a) {
         },
         _b);
 });
+var ButtonStyled = styled(Button)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        marginBlockStart: theme.spacing(-5)
+    });
+});
 var AdditionalIndividualInfo = function (_a) {
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
+    var dispatch = useAppDispatch();
+    var _b = useSelector(individualSelector), data = _b.data, loading = _b.loading, error = _b.error;
     var methods = useForm({
         resolver: yupResolver(IndividualInfoValidationSchema),
-        defaultValues: {
-            monthlyIncome: '',
-            employerName: '',
-            isPEP: null,
-            isInfluencer: null
-        },
+        defaultValues: data.individualData,
         mode: 'onChange'
     });
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var dispatch = useAppDispatch();
-    var _b = React.useState(false), listActive = _b[0], setListActive = _b[1];
-    var _c = React.useState(false), employerFieldsActive = _c[0], setEmployerFieldsActive = _c[1];
+    var _c = React.useState(false), listActive = _c[0], setListActive = _c[1];
+    var _d = React.useState(false), employerFieldsActive = _d[0], setEmployerFieldsActive = _d[1];
     var onSubmit = function (data) {
-        console.log('data', data);
-        dispatch(handleNextScreenStep());
+        dispatch(updateIndividualInfo(data));
     };
     var handleSelectSource = function (country) {
         var _a;
@@ -78,7 +81,7 @@ var AdditionalIndividualInfo = function (_a) {
     var onBack = function () {
         dispatch(handlePrevScreenStep());
     };
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsxs(InputsContainerStyled, __assign({ listActive: listActive }, { children: [_jsx(SourceOfIncome, { show: !listActive, list: SOURCE_OF_INCOME, onSelectSource: handleSelectSource }), _jsx(MonthlyIncome, { show: !listActive }), _jsx(EmployerName, { show: !listActive && employerFieldsActive }), _jsx(EmployerLocation, { show: employerFieldsActive, countries: countriesCode, onListOpen: function () { return setListActive(true); }, onListClose: function () { return setListActive(false); } }), _jsx(PEPSwitch, { show: !listActive }), _jsx(InfluencerSwitch, { show: !listActive })] })), _jsx(Collapse, __assign({ in: !listActive, timeout: 500 }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: !methods.formState.isValid, loading: false }, { children: t('next') })) }))] })) })) }));
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsxs(InputsContainerStyled, __assign({ listActive: listActive }, { children: [_jsx(SourceOfIncome, { show: !listActive, list: SOURCE_OF_INCOME, onSelectSource: handleSelectSource }), _jsx(MonthlyIncome, { show: !listActive }), _jsx(EmployerName, { show: !listActive && employerFieldsActive }), _jsx(EmployerLocation, { show: employerFieldsActive, countries: countriesCode, onListOpen: function () { return setListActive(true); }, onListClose: function () { return setListActive(false); } }), _jsx(PEPSwitch, { show: !listActive }), _jsx(InfluencerSwitch, { show: !listActive })] })), _jsx(Collapse, __assign({ in: !listActive, timeout: 500 }, { children: _jsx(ButtonStyled, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: !methods.formState.isValid, loading: loading, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
 };
 export default React.memo(AdditionalIndividualInfo);
 AdditionalIndividualInfo.defaultProps = {};

package/build/features/individual/screens/AdditionalIndividualInfo/EmployerName.js

@@ -19,6 +19,15 @@ import Input from '../../../shared/Input';
 import CheckIcon from '../../../shared/CheckIcon';
 import Collapse from '../../../../components/Collapse';
 import ClearIcon from '../../../shared/ClearIcon';
+import { styled } from '@mui/material/styles';
+var InputStyled = styled(Input)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        input: {
+            textTransform: 'capitalize'
+        }
+    });
+});
 var EmployerName = function (_a) {
     var _b;
     var show = _a.show;
@@ -35,6 +44,6 @@ var EmployerName = function (_a) {
     var clearValue = function () {
         employerNameControl.field.onChange('');
     };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, __assign({ sx: { pt: 2.5 } }, { children: _jsx(Input, { required: true, label: t('tap_js_employer_name'), onChange: handleEmployerNameChange, value: employerNameValue, endAdornment: !error && employerNameValue ? _jsx(CheckIcon, {}) : employerNameValue && _jsx(ClearIcon, { onClick: clearValue }), placeholder: t('tap_js_enter_employer_name'), warningType: 'alert', warningMessage: error && t(error) }) })) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, __assign({ sx: { pt: 2.5 } }, { children: _jsx(InputStyled, { required: true, label: t('tap_js_employer_name'), onChange: handleEmployerNameChange, value: employerNameValue, endAdornment: !error && employerNameValue ? _jsx(CheckIcon, {}) : employerNameValue && _jsx(ClearIcon, { onClick: clearValue }), placeholder: t('tap_js_enter_employer_name'), warningType: 'alert', warningMessage: error && t(error) }) })) })));
 };
 export default React.memo(EmployerName);

package/build/features/individual/screens/AdditionalIndividualInfo/SourceOfIncome.js

@@ -80,7 +80,7 @@ var SourceOfIncome = function (_a) {
     };
     var source = sourceIncomeControl.field.value;
     var error = (_b = sourceIncomeControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
-    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pb: 2.5 } }, { children: [_jsx(Input, { required: true, label: t('tap_js_source_of_income'), readOnly: true, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_any_source_of_income'), value: (isAr ? source === null || source === void 0 ? void 0 : source.name : source === null || source === void 0 ? void 0 : source.nameEn) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleListStyled, { searchKeyPath: 'nameEn', list: sourceList, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pb: 2.5 } }, { children: [_jsx(Input, { required: true, label: t('tap_js_source_of_income'), readOnly: true, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_any_source_of_income'), value: (isAr ? source === null || source === void 0 ? void 0 : source.titleAr : source === null || source === void 0 ? void 0 : source.title) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleListStyled, { searchKeyPath: 'nameEn', list: sourceList, onSelectItem: onSelectItem, renderItem: function (item) {
                             return (_jsxs(_Fragment, { children: [_jsx(Container, { children: _jsx(IncomeText, __assign({ isSelected: item.id === (source === null || source === void 0 ? void 0 : source.id) }, { children: isAr ? item.titleAr : item === null || item === void 0 ? void 0 : item.title })) }), item.id === (source === null || source === void 0 ? void 0 : source.id) && _jsx(CheckIconStyled, {})] }));
                         } }) }))] })) })));
 };