@tap-payments/auth-jsconnect 1.0.68 → 1.0.69

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

@@ -80,9 +80,9 @@ export interface SalesChannel {
     title: string;
 }
 export interface SourceOfIncome {
-    id: number;
-    titleAr: string;
-    title: string;
+    id: string;
+    name_ar: string;
+    name_en: string;
 }
 export interface AppInfo {
     name: string;

package/build/api/data.d.ts

@@ -3,5 +3,6 @@ declare const dataService: {
     getCustomerBases: () => Promise<import("axios").AxiosResponse<any, any>>;
     getExpectedSales: () => Promise<import("axios").AxiosResponse<any, any>>;
     getExpectedCustomerSales: () => Promise<import("axios").AxiosResponse<any, any>>;
+    getSourceOfIncome: () => Promise<import("axios").AxiosResponse<any, any>>;
 };
 export { dataService };

package/build/api/data.js

@@ -12,10 +12,14 @@ var getExpectedSales = function () {
 var getExpectedCustomerSales = function () {
     return instance.get("".concat(ENDPOINT_PATHS.EXPECTED_CUSTOMERS));
 };
+var getSourceOfIncome = function () {
+    return instance.get("".concat(ENDPOINT_PATHS.SOURCE_INCOME));
+};
 var dataService = {
     getChannelsOfServices: getChannelsOfServices,
     getCustomerBases: getCustomerBases,
     getExpectedSales: getExpectedSales,
-    getExpectedCustomerSales: getExpectedCustomerSales
+    getExpectedCustomerSales: getExpectedCustomerSales,
+    getSourceOfIncome: getSourceOfIncome
 };
 export { dataService };

package/build/api/index.d.ts

@@ -50,6 +50,7 @@ declare const API: {
         getCustomerBases: () => Promise<import("axios").AxiosResponse<any, any>>;
         getExpectedSales: () => Promise<import("axios").AxiosResponse<any, any>>;
         getExpectedCustomerSales: () => Promise<import("axios").AxiosResponse<any, any>>;
+        getSourceOfIncome: () => Promise<import("axios").AxiosResponse<any, any>>;
     };
 };
 export type { ValidateOperatorBody, CreateAuthBody, VerifyAuthBody, CreateLeadBody, UpdateLeadBody, LeadVerifyBody, LeadOTPVerifyBody, CheckEmailBody, CheckBrandBody, LeadIdentityUpdateBody, EntityInfoBody, CreateAccountBody, EntityBankUpdateBody };

package/build/constants/api.d.ts

@@ -18,6 +18,7 @@ export declare const ENDPOINT_PATHS: {
     CUSTOMER_BASES: string;
     SALES: string;
     EXPECTED_CUSTOMERS: string;
+    SOURCE_INCOME: string;
     BANK: string;
     IBAN_BANK: string;
 };

package/build/constants/api.js

@@ -18,6 +18,7 @@ var CHANNEL_PATH = '/channel';
 var CUSTOMER_BASES_PATH = '/customerBases';
 var SALES_PATH = '/sales';
 var EXPECTED_CUSTOMERS_PATH = '/expectedCustomers';
+var SOURCE_INCOME_PATH = '/v2/sourceOfIncome';
 var FIREBASE_URL = 'https://goconnect-195cd-default-rtdb.asia-southeast1.firebasedatabase.app/sandbox/local.json';
 export var ENDPOINT_PATHS = {
     BASE_URL: API_BASE_URL,
@@ -39,6 +40,7 @@ export var ENDPOINT_PATHS = {
     CUSTOMER_BASES: CUSTOMER_BASES_PATH,
     SALES: SALES_PATH,
     EXPECTED_CUSTOMERS: EXPECTED_CUSTOMERS_PATH,
+    SOURCE_INCOME: SOURCE_INCOME_PATH,
     BANK: BANK_PATH,
     IBAN_BANK: IBAN_PATH
 };

package/build/constants/assets.d.ts

@@ -42,15 +42,21 @@ export declare const ICONS_NAMES: {
     Apple_Filled_ICON: string;
     apple_white_icon: string;
     tax_filled_icon: string;
+    tax_green_icon: string;
     tax_white_icon: string;
     bank_filled_icon: string;
+    bank_green_icon: string;
     bank_white_icon: string;
     individual_filled_icon: string;
+    individual_green_icon: string;
     individual_white_icon: string;
     password_filled_icon: string;
+    password_green_icon: string;
     password_white_icon: string;
     business_filled_icon: string;
+    business_green_icon: string;
     business_white_icon: string;
     Arrow_filled_right_icon: string;
+    Arrow_green_right_icon: string;
     Arrow_white_right_icon: string;
 };

package/build/constants/assets.js

@@ -41,16 +41,22 @@ export var ICONS_NAMES = {
     outlook_White_ICON: 'https://dash.b-cdn.net/icons/menu/Outlook-white.svg',
     Apple_Filled_ICON: 'https://dash.b-cdn.net/icons/menu/Apple-filled.svg',
     apple_white_icon: 'https://dash.b-cdn.net/icons/menu/Apple-white.svg',
-    tax_filled_icon: 'https://dash.b-cdn.net/icons/menu/tax-filled.svg',
+    tax_filled_icon: 'https://dash.b-cdn.net/icons/menu/tax-filled-blue.svg',
+    tax_green_icon: 'https://dash.b-cdn.net/icons/menu/tax-filled-green.svg',
     tax_white_icon: 'https://dash.b-cdn.net/icons/menu/tax-white.svg',
-    bank_filled_icon: 'https://dash.b-cdn.net/icons/menu/bank-filled.svg',
+    bank_filled_icon: 'https://dash.b-cdn.net/icons/menu/bank-filled-blue.svg',
+    bank_green_icon: 'https://dash.b-cdn.net/icons/menu/bank-filled-green.svg',
     bank_white_icon: 'https://dash.b-cdn.net/icons/menu/bank-white.svg',
-    individual_filled_icon: 'https://dash.b-cdn.net/icons/menu/user-filled.svg',
+    individual_filled_icon: 'https://dash.b-cdn.net/icons/menu/user-filled-blue.svg',
+    individual_green_icon: 'https://dash.b-cdn.net/icons/menu/user-filled-green.svg',
     individual_white_icon: 'https://dash.b-cdn.net/icons/menu/user-white.svg',
-    password_filled_icon: 'https://dash.b-cdn.net/icons/menu/password-filled.svg',
+    password_filled_icon: 'https://dash.b-cdn.net/icons/menu/password-filled-blue.svg',
+    password_green_icon: 'https://dash.b-cdn.net/icons/menu/password-filled-green.svg',
     password_white_icon: 'https://dash.b-cdn.net/icons/menu/password-white.svg',
-    business_filled_icon: 'https://dash.b-cdn.net/icons/menu/business-filled.svg',
+    business_filled_icon: 'https://dash.b-cdn.net/icons/menu/business-filled-blue.svg',
+    business_green_icon: 'https://dash.b-cdn.net/icons/menu/business-filled-green.svg',
     business_white_icon: 'https://dash.b-cdn.net/icons/menu/business-white.svg',
-    Arrow_filled_right_icon: 'https://dash.b-cdn.net/icons/menu/right-arrow-filled.svg',
+    Arrow_filled_right_icon: 'https://dash.b-cdn.net/icons/menu/right-arrow-filled-blue.svg',
+    Arrow_green_right_icon: 'https://dash.b-cdn.net/icons/menu/right-arrow-filled-green.svg',
     Arrow_white_right_icon: 'https://dash.b-cdn.net/icons/menu/right-arrow-white.svg'
 };

package/build/constants/dummy.d.ts

@@ -314,7 +314,7 @@ export declare const SALES_CHANNELS: {
     titleAr: string;
 }[];
 export declare const SOURCE_OF_INCOME: {
-    id: number;
+    id: string;
     titleAr: string;
     title: string;
 }[];

package/build/constants/dummy.js

@@ -6400,12 +6400,12 @@ export var SALES_CHANNELS = [
     { id: 5, title: 'Call Center', titleAr: 'مركز اتصال' }
 ];
 export var SOURCE_OF_INCOME = [
-    { id: 1, titleAr: 'راتب', title: 'Salary' },
-    { id: 2, titleAr: 'تمويل', title: 'Investment' },
-    { id: 3, titleAr: 'ورث', title: 'Inheritance / inherit' },
-    { id: 4, titleAr: 'اسهم', title: 'Stocks' },
-    { id: 5, titleAr: 'تجارة', title: 'Trading' },
-    { id: 6, titleAr: 'غير ذلك', title: 'Other' }
+    { id: '1', titleAr: 'راتب', title: 'Salary' },
+    { id: '2', titleAr: 'تمويل', title: 'Investment' },
+    { id: '3', titleAr: 'ورث', title: 'Inheritance / inherit' },
+    { id: '4', titleAr: 'اسهم', title: 'Stocks' },
+    { id: '5', titleAr: 'تجارة', title: 'Trading' },
+    { id: '6', titleAr: 'غير ذلك', title: 'Other' }
 ];
 export var BRAND_LIST = [
     {

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

@@ -265,7 +265,7 @@ export var updateLeadBrand = createAsyncThunk('updateLeadBrand', function (param
         switch (_m.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, connect = _a.connect;
-                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) : '';
+                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.instagram) : '';
                 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;

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

@@ -5,6 +5,7 @@ export declare const verifyLeadToken: import("@reduxjs/toolkit").AsyncThunk<{
     leadData: any;
     token: string;
 }, string, {}>;
+export declare const retrieveDataList: import("@reduxjs/toolkit").AsyncThunk<any, void, {}>;
 export declare const verifyLeadOTP: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
     formData: {

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

@@ -76,6 +76,17 @@ export var verifyLeadToken = createAsyncThunk('verifyLeadToken', function (token
         }
     });
 }); });
+export var retrieveDataList = createAsyncThunk('retrieveDataList', function () { return __awaiter(void 0, void 0, void 0, function () {
+    var sourceIncome;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4, API.dataService.getSourceOfIncome()];
+            case 1:
+                sourceIncome = (_a.sent()).data;
+                return [2, sourceIncome];
+        }
+    });
+}); });
 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;
@@ -94,18 +105,19 @@ export var verifyLeadOTP = createAsyncThunk('verifyIndividualLeadOTP', function
                 return [4, API.leadService.verifyLeadOTP(payload)];
             case 1:
                 data = (_f.sent()).data;
-                if (!data.errors) {
-                    (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, { otp: params.otp });
-                    steps = (_e = 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) }];
+                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 = (_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) return [3, 2];
+                thunkApi.dispatch(handleNextScreenStep('INDIVIDUAL_SUCCESS_STEP'));
+                return [3, 4];
+            case 2: return [4, thunkApi.dispatch(retrieveDataList())];
+            case 3:
+                _f.sent();
+                thunkApi.dispatch(handleNextScreenStep('INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP'));
+                _f.label = 4;
+            case 4: return [2, { data: data, formData: __assign({}, params) }];
         }
     });
 }); });
@@ -120,10 +132,11 @@ export var updateIndividualInfo = createAsyncThunk('updateIndividualInfo', funct
                     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],
+                    source_income: [(_e = params.sourceIncome) === null || _e === void 0 ? void 0 : _e.id],
                     actual_income: params.monthlyIncome,
                     is_relative_PEP: params.isPEP,
                     is_influencer: params.isInfluencer,
+                    encryption_contract: ['employer_name', 'employer_city', 'actual_income', 'is_relative_PEP', 'is_influencer'],
                     step_name: INDIVIDUAl_STEP_NAMES.INDIVIDUAl_INFO
                 };
                 return [4, API.entityService.updateEntityInfo(requestBody)];
@@ -239,6 +252,24 @@ export var individualSlice = createSlice({
             .addCase(verifyLeadOTP.rejected, function (state, action) {
             state.loading = false;
             state.error = action.error.message;
+        })
+            .addCase(retrieveDataList.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(retrieveDataList.fulfilled, function (state, action) {
+            state.loading = false;
+            state.error = null;
+            var sourceIncome = action.payload;
+            var data = state.data.individualData.responseBody;
+            state.data.individualData.responseBody = __assign(__assign({}, data), { sourceIncomeList: sourceIncome || [] });
+            var selectedSourceIncome = sourceIncome === null || sourceIncome === void 0 ? void 0 : sourceIncome[0];
+            if (!!selectedSourceIncome)
+                state.data.individualData.sourceIncome = selectedSourceIncome;
+        })
+            .addCase(retrieveDataList.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
         })
             .addCase(updateIndividualInfo.pending, function (state) {
             state.loading = true;

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

@@ -63,9 +63,9 @@ var SuccessWithFlowButtons = function () {
             var name = _a.name, url = _a.url, status = _a.status;
             var type = status === 'initiated' ? 'pending' : 'completed';
             var title = t("".concat(name, "_flow_").concat(type), { individual_name: username });
-            var src = "".concat(name, "_filled_icon");
-            var hoverSrc = "".concat(name, "_white_icon");
             var isCompleted = status === 'completed' && name !== 'password';
+            var src = isCompleted ? "".concat(name, "_green_icon") : "".concat(name, "_filled_icon");
+            var hoverSrc = "".concat(name, "_white_icon");
             return {
                 title: title,
                 href: url,

package/build/features/individual/Individual.js

@@ -21,13 +21,14 @@ import { getParameterByName, reactElement } from '../../utils';
 import { FeatureContainer } from '../shared/Containers';
 import { INDIVIDUAL_SCREENS_NAVIGATION } from '../../constants';
 import { individualFeatureScreens } from '../featuresScreens';
-import { verifyLeadToken } from '../app/individual/individualStore';
+import { individualSelector, verifyLeadToken } from '../app/individual/individualStore';
 import CustomFooter from '../shared/Footer';
 var Individual = memo(function (props) {
     var open = React.useState(true)[0];
     var theme = useAppTheme().theme;
     var dispatch = useAppDispatch();
     var _a = useAppSelector(settingsSelector), data = _a.data, error = _a.error, settingLoading = _a.loading;
+    var customLoading = useAppSelector(individualSelector).customLoading;
     var loading = useAppConfig(__assign({ navigation: INDIVIDUAL_SCREENS_NAVIGATION }, props)).loading;
     useErrorListener();
     var activeScreen = data.activeScreen;
@@ -41,7 +42,7 @@ var Individual = memo(function (props) {
         if (!loading)
             verifyToken();
     }, [loading]);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ loading: settingLoading, error: error, open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: individualFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ loading: settingLoading || customLoading, error: error, open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: individualFeatureScreens.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/screens/AdditionalIndividualInfo/AdditionalIndividualInfo.js

@@ -30,7 +30,7 @@ import MonthlyIncome from './MonthlyIncome';
 import EmployerName from './EmployerName';
 import EmployerLocation from './EmployerLocation';
 import SourceOfIncome from './SourceOfIncome';
-import { countriesCode, SOURCE_OF_INCOME } from '../../../../constants';
+import { countriesCode } from '../../../../constants';
 import { useSelector } from 'react-redux';
 import { individualSelector, updateIndividualInfo } from '../../../app/individual/individualStore';
 var InputsContainerStyled = styled(Box)(function (_a) {
@@ -67,21 +67,21 @@ var AdditionalIndividualInfo = function (_a) {
     });
     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) {
-        dispatch(updateIndividualInfo(data));
-    };
-    var handleSelectSource = function (country) {
-        var _a;
-        if (((_a = country.title) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'salary')
+    React.useEffect(function () {
+        var _a, _b;
+        if (((_b = (_a = methods.getValues('sourceIncome')) === null || _a === void 0 ? void 0 : _a.name_en) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'salary')
             setEmployerFieldsActive(true);
         else {
             setEmployerFieldsActive(false);
         }
+    }, [methods.watch('sourceIncome')]);
+    var onSubmit = function (data) {
+        dispatch(updateIndividualInfo(data));
     };
     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(ButtonStyled, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: !methods.formState.isValid, loading: loading, error: t(error || '') }, { 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 }), _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({ disableBack: true, 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/SourceOfIncome.d.ts

@@ -1,9 +1,8 @@
 import * as React from 'react';
 import { SourceOfIncome as SourceOfIncomeType } from '../../../../@types';
 interface SourceOfIncomeProps {
-    list: Array<SourceOfIncomeType>;
     show: boolean;
     onSelectSource?: (country: SourceOfIncomeType) => void;
 }
-declare const _default: React.MemoExoticComponent<({ list, ...rest }: SourceOfIncomeProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ ...rest }: SourceOfIncomeProps) => JSX.Element>;
 export default _default;

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

@@ -26,6 +26,8 @@ import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
+import { useAppSelector, useLanguage } from '../../../../hooks';
+import { individualSelector } from '../../../app/individual/individualStore';
 import Text from '../../../../components/Text';
 import Collapse from '../../../../components/Collapse';
 import CheckIcon from '@mui/icons-material/Check';
@@ -33,7 +35,6 @@ import ScreenContainer from '../../../shared/Containers/ScreenContainer';
 import Input from '../../../shared/Input';
 import ExpandIcon from '../../../../components/ExpandIcon';
 import SimpleList from '../../../../components/SimpleList';
-import { useLanguage } from '../../../../hooks';
 var Container = styled(Box)(function () { return ({
     display: 'flex'
 }); });
@@ -58,30 +59,35 @@ var CheckIconStyled = styled(CheckIcon)(function (_a) {
     });
 });
 var SourceOfIncome = function (_a) {
-    var _b;
-    var list = _a.list, rest = __rest(_a, ["list"]);
-    var sourceList = React.useState(list)[0];
-    var _c = React.useState(null), anchorEl = _c[0], setAnchorEl = _c[1];
+    var _b, _c;
+    var rest = __rest(_a, []);
+    var _d = React.useState([]), sourceList = _d[0], setSourceList = _d[1];
+    var _e = React.useState(null), anchorEl = _e[0], setAnchorEl = _e[1];
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
+    var data = useAppSelector(individualSelector).data;
     var control = useFormContext().control;
+    var sourceIncomeList = ((_b = data.individualData.responseBody) === null || _b === void 0 ? void 0 : _b.sourceIncomeList) || [];
     var sourceIncomeControl = useController({ control: control, name: 'sourceIncome' });
+    React.useEffect(function () {
+        if ((sourceIncomeList === null || sourceIncomeList === void 0 ? void 0 : sourceIncomeList.length) > 0) {
+            setSourceList(sourceIncomeList);
+        }
+    }, [sourceIncomeList === null || sourceIncomeList === void 0 ? void 0 : sourceIncomeList.sourceIncome]);
     var onOpenList = function (event) {
         setAnchorEl(event.currentTarget);
     };
     var onCloseList = function () {
         setAnchorEl(null);
     };
-    var onSelectItem = function (country) {
-        var _a;
+    var onSelectItem = function (source) {
         onCloseList();
-        (_a = rest.onSelectSource) === null || _a === void 0 ? void 0 : _a.call(rest, country);
-        sourceIncomeControl.field.onChange(country);
+        sourceIncomeControl.field.onChange(source);
     };
     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.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, {})] }));
+    var error = (_c = sourceIncomeControl.fieldState.error) === null || _c === void 0 ? void 0 : _c.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_ar : source === null || source === void 0 ? void 0 : source.name_en) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleListStyled, { searchKeyPath: 'name_en', 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.name_ar : item === null || item === void 0 ? void 0 : item.name_en })) }), item.id === (source === null || source === void 0 ? void 0 : source.id) && _jsx(CheckIconStyled, {})] }));
                         } }) }))] })) })));
 };
 export default React.memo(SourceOfIncome);

package/build/features/shared/Button/SuccessButton.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ButtonProps } from '../../../components/Button';
+interface SuccessButtonProps extends ButtonProps {
+    isAr: boolean;
+    loading?: boolean;
+    hideIcon?: boolean;
+}
+export default function SuccessButton({ children, isAr, hideIcon, disabled, ...props }: SuccessButtonProps): JSX.Element;
+export {};

package/build/features/shared/Button/SuccessButton.js

@@ -0,0 +1,71 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import Button from '../../../components/Button';
+import Icon from '../../../components/Icon';
+import { alpha, styled } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+import { ICONS_NAMES } from '../../../constants';
+var IconStyled = styled(Icon, { shouldForwardProp: function (prop) { return prop !== 'disabled'; } })(function (_a) {
+    var theme = _a.theme, disabled = _a.disabled;
+    return (__assign({ width: theme.spacing(3), height: theme.spacing(3), marginInlineStart: theme.spacing(0.75) }, (disabled && {
+        opacity: 0.3
+    })));
+});
+var ButtonBoxStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        margin: theme.spacing(0, 2.5, 2.5, 2.5)
+    });
+});
+var ButtonStyled = styled(Button)(function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (_b = {
+            paddingInlineStart: theme.spacing(0.75),
+            textTransform: 'none',
+            backgroundColor: theme.palette.common.white,
+            border: "1px solid ".concat(theme.palette.primary.main),
+            color: theme.palette.primary.main,
+            '&:hover': {
+                backgroundColor: theme.palette.common.white,
+                color: theme.palette.primary.main
+            },
+            '&:disabled': {
+                backgroundColor: theme.palette.common.white,
+                color: alpha(theme.palette.primary.main, 0.3)
+            }
+        },
+        _b[theme.breakpoints.down('sm')] = {
+            '&:hover': {
+                backgroundColor: theme.palette.common.white,
+                border: "1px solid ".concat(theme.palette.primary.main),
+                color: theme.palette.primary.main
+            }
+        },
+        _b);
+});
+export default function SuccessButton(_a) {
+    var children = _a.children, isAr = _a.isAr, hideIcon = _a.hideIcon, disabled = _a.disabled, props = __rest(_a, ["children", "isAr", "hideIcon", "disabled"]);
+    return (_jsx(ButtonBoxStyled, { children: _jsx(ButtonStyled, __assign({ disabled: disabled, type: 'button', startIcon: !hideIcon && _jsx(IconStyled, { disabled: disabled, src: ICONS_NAMES.MOBILE_ICON }) }, props, { children: children })) }));
+}

package/build/features/shared/Button/index.d.ts

@@ -3,5 +3,6 @@ import AbsherButton from './AbsherButton';
 import MobileButton from './MobileButton';
 import EmailProvidersButton from './EmailProvidersButtons';
 import FlowsButtons from './FlowsButtons';
-export { AbsherButton, MobileButton, EmailProvidersButton, FlowsButtons };
+import SuccessButton from './SuccessButton';
+export { AbsherButton, MobileButton, EmailProvidersButton, FlowsButtons, SuccessButton };
 export default Button;

package/build/features/shared/Button/index.js

@@ -3,5 +3,6 @@ import AbsherButton from './AbsherButton';
 import MobileButton from './MobileButton';
 import EmailProvidersButton from './EmailProvidersButtons';
 import FlowsButtons from './FlowsButtons';
-export { AbsherButton, MobileButton, EmailProvidersButton, FlowsButtons };
+import SuccessButton from './SuccessButton';
+export { AbsherButton, MobileButton, EmailProvidersButton, FlowsButtons, SuccessButton };
 export default Button;

package/build/features/shared/SuccessScreen/SuccessScreen.js

@@ -16,7 +16,7 @@ import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import Text from '../../../components/Text';
 import Container from '../Containers/ScreenContainer';
-import { AbsherButton, EmailProvidersButton } from '../../shared/Button';
+import { EmailProvidersButton, SuccessButton } from '../../shared/Button';
 import Icon from '../../../components/Icon';
 import { ICONS_NAMES } from '../../../constants';
 import { useLanguage } from '../../../hooks';
@@ -67,6 +67,6 @@ var ThankYou = function (_a) {
     var title = _a.title, showEmailProviders = _a.showEmailProviders, onSuccess = _a.onSuccess, successTitle = _a.successTitle, disabledSuccessButton = _a.disabledSuccessButton;
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    return (_jsxs(ContainerStyled, { children: [title && (_jsx(TextContainerStyled, { children: _jsxs(TitleStyled, { children: [title, " "] }) })), _jsx(IconStyled, { src: ICONS_NAMES.EMAIL_ICON, alt: 'loading...' }), showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(EmailProvidersButton, { gmail: { title: t('gmail_btn_open_title'), href: 'https://mail.google.com/mail/u/0/#inbox' }, outlook: { title: t('outlook_btn_open_title'), href: 'https://outlook.live.com/mail/0/' }, apple: { title: t('apple_btn_open_title'), href: 'https://www.icloud.com/mail/' } }) })), onSuccess && !showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(AbsherButton, __assign({ disabled: disabledSuccessButton, hideIcon: true, isAr: isAr, onClick: onSuccess }, { children: t(successTitle || 'open_mail_box') })) }))] }));
+    return (_jsxs(ContainerStyled, { children: [title && (_jsx(TextContainerStyled, { children: _jsxs(TitleStyled, { children: [title, " "] }) })), _jsx(IconStyled, { src: ICONS_NAMES.EMAIL_ICON, alt: 'loading...' }), showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(EmailProvidersButton, { gmail: { title: t('gmail_btn_open_title'), href: 'https://mail.google.com/mail/u/0/#inbox' }, outlook: { title: t('outlook_btn_open_title'), href: 'https://outlook.live.com/mail/0/' }, apple: { title: t('apple_btn_open_title'), href: 'https://www.icloud.com/mail/' } }) })), onSuccess && !showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(SuccessButton, __assign({ disabled: disabledSuccessButton, hideIcon: true, isAr: isAr, onClick: onSuccess }, { children: t(successTitle || 'open_mail_box') })) }))] }));
 };
 export default React.memo(ThankYou);

package/package.json

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