@tap-payments/auth-jsconnect 2.4.48-test → 2.4.51-test

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

@@ -577,18 +577,20 @@ export type IndividualDataVerification = {
     relation: string;
     status: string;
 };
-export type DataLayer = {
+export interface CommonDataLayer {
     event: string;
+}
+export interface DataLayer extends CommonDataLayer {
     event_category: string;
     event_action: string;
     event_label?: string;
     event_value?: number | string;
     event_noninteraction?: number;
-};
-export type CountryTrackingData = {
+}
+export interface CountryTrackingData extends CommonDataLayer {
     website_country?: string;
-};
-export type LeadIdentificationData = {
+}
+export interface LeadIdentificationData extends CommonDataLayer {
     lead_ID?: string;
-};
+}
 export {};

package/build/api/index.d.ts

@@ -1,7 +1,7 @@
 import axiosInstance, { setAxiosGlobalHeaders, removeAxiosGlobalHeaders, getAxiosHeaders } from './axios';
 import { ValidateOperatorBody } from './operator';
 import { CreateAuthBody, VerifyAuthBody, CreatePasswordBody, VerifyOperationAuthBody, ResetPasswordVerifyAuthBody, VerifyAuthExpressOTPBody } from './auth';
-import { UpdateLeadBody, LeadVerifyBody, CreateLeadBody, LeadOTPVerifyBody, LeadIdentityUpdateBody } from './lead';
+import { UpdateLeadBody, LeadVerifyBody, CreateLeadBody, LeadOTPVerifyBody, LeadIdentityUpdateBody, ExpressLeadVerifyBody } from './lead';
 import { CheckEmailBody, CheckBrandBody } from './availabilityServices';
 import { EntityInfoBody, EntityBankUpdateBody, BankDocumentInfo, UpdateEntityBody, UpdateEntityActivityBody, UpdateEntityCapitalBody, UpdateEntityAOAFileBody, RemoveEntityActivity } from './entity';
 import { CreateAccountBody, ExpressCreateAccountBody } from './account';
@@ -49,6 +49,7 @@ declare const API: {
         retrieveEntityList: (leadId: string) => Promise<import("axios").AxiosResponse<any, any>>;
         retrieveLeadIdentity: (leadId: string) => Promise<any>;
         updateLeadExpress: ({ id, ...data }: UpdateLeadBody) => Promise<any>;
+        verifyExpressLeadToken: (data: ExpressLeadVerifyBody) => Promise<any>;
     };
     entityService: {
         createEntityInfo: ({ id, ...data }: EntityInfoBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
@@ -152,6 +153,6 @@ declare const API: {
         getInitialData: (body: InitBody) => Promise<any>;
     };
 };
-export type { ValidateOperatorBody, CreateAuthBody, ExpressCreateAccountBody, VerifyAuthBody, CreateLeadBody, UpdateLeadBody, LeadVerifyBody, LeadOTPVerifyBody, CheckEmailBody, CheckBrandBody, LeadIdentityUpdateBody, EntityInfoBody, CreateAccountBody, EntityBankUpdateBody, CreatePasswordBody, BrandListBody, VerifyOperationAuthBody, ResetPasswordVerifyAuthBody, UpdateBoardBody, UpdateBrandBody, DataElementBody, UploadFileBody, UpdateEntityBody, DocumentUpdateBody, DocumentInfo, VerifyAuthExpressOTPBody, UpdateIndividualBody, UpdateEntityActivityBody, UpdateEntityCapitalBody, BankDocumentInfo, GetUserListBody, GetIndividualListBody, RequestEmailBody, DocumentBody, UpdateEntityAOAFileBody, InitBody, RemoveBrandActivity, RemoveEntityActivity, UpdateIndividualWithTypeBody, UpdateMultipleIndividualBody };
+export type { ValidateOperatorBody, CreateAuthBody, ExpressCreateAccountBody, VerifyAuthBody, CreateLeadBody, UpdateLeadBody, LeadVerifyBody, LeadOTPVerifyBody, CheckEmailBody, CheckBrandBody, LeadIdentityUpdateBody, EntityInfoBody, CreateAccountBody, EntityBankUpdateBody, CreatePasswordBody, BrandListBody, VerifyOperationAuthBody, ResetPasswordVerifyAuthBody, UpdateBoardBody, UpdateBrandBody, DataElementBody, UploadFileBody, UpdateEntityBody, DocumentUpdateBody, DocumentInfo, VerifyAuthExpressOTPBody, UpdateIndividualBody, UpdateEntityActivityBody, UpdateEntityCapitalBody, BankDocumentInfo, GetUserListBody, GetIndividualListBody, RequestEmailBody, DocumentBody, UpdateEntityAOAFileBody, InitBody, RemoveBrandActivity, RemoveEntityActivity, UpdateIndividualWithTypeBody, UpdateMultipleIndividualBody, ExpressLeadVerifyBody };
 export { setAxiosGlobalHeaders, removeAxiosGlobalHeaders, axiosInstance, getAxiosHeaders };
 export default API;

package/build/api/lead.d.ts

@@ -71,6 +71,9 @@ export type LeadVerifyBody = {
     verify_token: string;
     service_name: string;
 };
+export type ExpressLeadVerifyBody = {
+    token: string;
+};
 export interface LeadOTPVerifyBody extends LeadVerifyBody {
     data: string;
     step_name: string;
@@ -101,5 +104,6 @@ declare const leadService: {
     retrieveEntityList: (leadId: string) => Promise<import("axios").AxiosResponse<any, any>>;
     retrieveLeadIdentity: (leadId: string) => Promise<any>;
     updateLeadExpress: ({ id, ...data }: UpdateLeadBody) => Promise<any>;
+    verifyExpressLeadToken: (data: ExpressLeadVerifyBody) => Promise<any>;
 };
 export { leadService };

package/build/api/lead.js

@@ -42,6 +42,13 @@ var getLeadById = function (leadId) {
 var verifyLeadToken = function (data, config) {
     return instance.put("".concat(ENDPOINT_PATHS.TOKEN_VERIFY), data, config);
 };
+var verifyExpressLeadToken = function (data) {
+    return httpClient({
+        method: 'put',
+        url: "".concat(ENDPOINT_PATHS.CONNECT, "/verify"),
+        data: data
+    });
+};
 var verifyLeadOTP = function (data, config) {
     return instance.put("".concat(ENDPOINT_PATHS.TOKEN_VERIFY), data, config);
 };
@@ -63,6 +70,7 @@ var leadService = {
     verifyLeadOTP: verifyLeadOTP,
     retrieveEntityList: retrieveEntityList,
     retrieveLeadIdentity: retrieveLeadIdentity,
-    updateLeadExpress: updateLeadExpress
+    updateLeadExpress: updateLeadExpress,
+    verifyExpressLeadToken: verifyExpressLeadToken
 };
 export { leadService };

package/build/app/settings.d.ts

@@ -40,6 +40,7 @@ export declare const settingsSlice: import("@reduxjs/toolkit").Slice<SettingsSta
     handleOpen: (state: import("immer/dist/internal").WritableDraft<SettingsState>, action: ActionState<boolean>) => void;
     handleSkin: (state: SettingsState, action: ActionState<ThemeMode>) => void;
     handleLanguage: (state: SettingsState, action: ActionState<LanguageMode>) => void;
+    handlePublicKey: (state: SettingsState, action: ActionState<string>) => void;
     handleNextScreenStep: (state: SettingsState, action: ActionState<string | undefined>) => void;
     handleCurrentActiveScreen: (state: SettingsState, action: ActionState<string>) => void;
     handlePrevScreenStep: (state: SettingsState, action: ActionState<string | undefined>) => void;
@@ -47,7 +48,7 @@ export declare const settingsSlice: import("@reduxjs/toolkit").Slice<SettingsSta
     handleSetAppConfig: (state: SettingsState, action: ActionState<LibConfig>) => void;
     handleSetCountryByIso2: (state: SettingsState, action: ActionState<string>) => void;
 }, "settings">;
-export declare const handleSkin: import("@reduxjs/toolkit").ActionCreatorWithPayload<ThemeMode, "settings/handleSkin">, handleLanguage: import("@reduxjs/toolkit").ActionCreatorWithPayload<LanguageMode, "settings/handleLanguage">, handleActiveFlowScreens: import("@reduxjs/toolkit").ActionCreatorWithPayload<ScreenStepNavigation[], "settings/handleActiveFlowScreens">, handleNextScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, "settings/handleNextScreenStep">, handlePrevScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, "settings/handlePrevScreenStep">, handleCurrentActiveScreen: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "settings/handleCurrentActiveScreen">, handleSetAppConfig: import("@reduxjs/toolkit").ActionCreatorWithPayload<LibConfig, "settings/handleSetAppConfig">, handleOpen: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "settings/handleOpen">, handleSetCountryByIso2: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "settings/handleSetCountryByIso2">, handleIsTapOrigin: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "settings/handleIsTapOrigin">, handelBoardMaturity: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "settings/handelBoardMaturity">;
+export declare const handleSkin: import("@reduxjs/toolkit").ActionCreatorWithPayload<ThemeMode, "settings/handleSkin">, handleLanguage: import("@reduxjs/toolkit").ActionCreatorWithPayload<LanguageMode, "settings/handleLanguage">, handleActiveFlowScreens: import("@reduxjs/toolkit").ActionCreatorWithPayload<ScreenStepNavigation[], "settings/handleActiveFlowScreens">, handleNextScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, "settings/handleNextScreenStep">, handlePrevScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, "settings/handlePrevScreenStep">, handleCurrentActiveScreen: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "settings/handleCurrentActiveScreen">, handleSetAppConfig: import("@reduxjs/toolkit").ActionCreatorWithPayload<LibConfig, "settings/handleSetAppConfig">, handleOpen: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "settings/handleOpen">, handleSetCountryByIso2: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "settings/handleSetCountryByIso2">, handleIsTapOrigin: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "settings/handleIsTapOrigin">, handelBoardMaturity: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "settings/handelBoardMaturity">, handlePublicKey: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "settings/handlePublicKey">;
 declare const _default: import("redux").Reducer<SettingsState, import("redux").AnyAction>;
 export default _default;
 export declare const settingsSelector: (state: RootState) => SettingsState;

package/build/app/settings.js

@@ -175,6 +175,11 @@ export var settingsSlice = createSlice({
             i18n.changeLanguage(action.payload);
             storeData(LOCAL_STORAGE_KEYS.languageMode, action.payload);
         },
+        handlePublicKey: function (state, action) {
+            if (!action.payload)
+                return;
+            state.data.appConfig.publicKey = action.payload;
+        },
         handleNextScreenStep: function (state, action) {
             var next = state.data.activeScreen.next;
             var appConfig = state.data.appConfig;
@@ -276,6 +281,6 @@ export var settingsSlice = createSlice({
         });
     }
 });
-export var handleSkin = (_a = settingsSlice.actions, _a.handleSkin), handleLanguage = _a.handleLanguage, handleActiveFlowScreens = _a.handleActiveFlowScreens, handleNextScreenStep = _a.handleNextScreenStep, handlePrevScreenStep = _a.handlePrevScreenStep, handleCurrentActiveScreen = _a.handleCurrentActiveScreen, handleSetAppConfig = _a.handleSetAppConfig, handleOpen = _a.handleOpen, handleSetCountryByIso2 = _a.handleSetCountryByIso2, handleIsTapOrigin = _a.handleIsTapOrigin, handelBoardMaturity = _a.handelBoardMaturity;
+export var handleSkin = (_a = settingsSlice.actions, _a.handleSkin), handleLanguage = _a.handleLanguage, handleActiveFlowScreens = _a.handleActiveFlowScreens, handleNextScreenStep = _a.handleNextScreenStep, handlePrevScreenStep = _a.handlePrevScreenStep, handleCurrentActiveScreen = _a.handleCurrentActiveScreen, handleSetAppConfig = _a.handleSetAppConfig, handleOpen = _a.handleOpen, handleSetCountryByIso2 = _a.handleSetCountryByIso2, handleIsTapOrigin = _a.handleIsTapOrigin, handelBoardMaturity = _a.handelBoardMaturity, handlePublicKey = _a.handlePublicKey;
 export default settingsSlice.reducer;
 export var settingsSelector = function (state) { return state.settings; };

package/build/constants/api.d.ts

@@ -49,4 +49,5 @@ export declare const ENDPOINT_PATHS: {
     INIT: string;
     BUSINESS: string;
     RETRIEVE_ACTIVITIES_ISIC: string;
+    CONNECT: string;
 };

package/build/constants/api.js

@@ -99,5 +99,6 @@ export var ENDPOINT_PATHS = {
     CITIES: CITIES_PATH,
     INIT: INIT_PATH,
     BUSINESS: BUSINESS_PATH,
-    RETRIEVE_ACTIVITIES_ISIC: RETRIEVE_ACTIVITIES_ISIC_PATH
+    RETRIEVE_ACTIVITIES_ISIC: RETRIEVE_ACTIVITIES_ISIC_PATH,
+    CONNECT: CONNECT_PATH
 };

package/build/features/app/connectExpress/connectExpressStore.d.ts

@@ -1,6 +1,22 @@
 import { RootState } from '../../../app/store';
 import { MobileFormValues, NIDFormValues, CivilFormValues, OTPFormValues, IndividualFormValues, SharedState, FlowsTypes, ActionState, CountryCode, AuthForType, BusinessDataFormValues, AsyncThunkParams } from '../../../@types';
 import { CancelToken } from 'axios';
+interface VerifyLeadTokenProps {
+    token: string;
+}
+export declare const verifyLeadToken: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+    token: string;
+}, VerifyLeadTokenProps, {
+    state?: unknown;
+    dispatch?: import("redux").Dispatch<import("redux").AnyAction> | undefined;
+    extra?: unknown;
+    rejectValue?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
 export declare const retrieveLeadIdentityByIdAsync: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
     countryCode: CountryCode;

package/build/features/app/connectExpress/connectExpressStore.js

@@ -56,12 +56,45 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
-import { handleNextScreenStep, handleCurrentActiveScreen, handleOpen } from '../../../app/settings';
+import { handleNextScreenStep, handleCurrentActiveScreen, handleOpen, handlePublicKey } from '../../../app/settings';
 import { FlowsTypes, AuthForType, BusinessType, LicenseType } from '../../../@types';
 import API from '../../../api';
 import { CONNECT_EXPRESS_STEP_NAMES, IDENTIFICATION_TYPE, OTHER_CR_LICENSE, OTHER_FL_LICENSE } from '../../../constants';
 import { defaultCountry } from '../../../constants';
 import { getIndividualName, capitalizeTheFirstLetterOfEachWord, sleep, findCountryByIddPrefix, concatenateObjectValues, isSA } from '../../../utils';
+export var verifyLeadToken = createAsyncThunk('expressVerifyLeadToken', function (_a, thunkApi) {
+    var token = _a.token;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var payload, data, _b, lead_id, post, public_key;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    payload = {
+                        token: token
+                    };
+                    return [4, API.leadService.verifyExpressLeadToken(payload)];
+                case 1:
+                    data = _c.sent();
+                    _b = data || {}, lead_id = _b.lead_id, post = _b.post, public_key = _b.public_key;
+                    if (public_key)
+                        thunkApi.dispatch(handlePublicKey(public_key));
+                    if (post === null || post === void 0 ? void 0 : post.url)
+                        thunkApi.dispatch(setPostUrl(post.url));
+                    if (!lead_id) return [3, 3];
+                    thunkApi.dispatch(setIsLeadIdPassed(true));
+                    thunkApi.dispatch(setLeadId(lead_id));
+                    return [4, thunkApi.dispatch(retrieveLeadIdentityByIdAsync(lead_id))];
+                case 2:
+                    _c.sent();
+                    _c.label = 3;
+                case 3: return [2, {
+                        data: data,
+                        token: token
+                    }];
+            }
+        });
+    });
+});
 export var retrieveLeadIdentityByIdAsync = createAsyncThunk('expressConnect/retrieveLeadIdentityByIdAsync', function (leadId, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, settings, connectExpress, countryCode, showBoard, data, phone, status, board_id, board_info_id, isRegistered, _b, boardInfo, boardData, error_1;
     var _c, _d;
@@ -806,6 +839,17 @@ export var connectSlice = createSlice({
     },
     extraReducers: function (builder) {
         builder
+            .addCase(verifyLeadToken.pending, function (state) {
+            state.customLoading = true;
+            state.error = null;
+        })
+            .addCase(verifyLeadToken.fulfilled, function (state, action) {
+            state.customLoading = false;
+        })
+            .addCase(verifyLeadToken.rejected, function (state, action) {
+            state.customLoading = false;
+            state.error = action.error.message;
+        })
             .addCase(retrieveLeadIdentityByIdAsync.pending, function (state) {
             state.error = null;
             state.customLoading = true;

package/build/features/brand/screens/BrandActivities/ActivitiesList.js

@@ -36,7 +36,7 @@ import { alpha, styled } from '@mui/material/styles';
 import InfoIcon from '@mui/icons-material/Info';
 import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
 import Text from '../../../../components/Text';
-import Input from '../../../shared/Input';
+import InputSelect from '../../../shared/InputSelect';
 import Tooltip from '../../../../components/Tooltip';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
@@ -57,13 +57,10 @@ export var MandatoryStyled = styled('span')(function (_a) {
     var theme = _a.theme;
     return (__assign(__assign({ color: alpha(theme.palette.error.light, 0.4) }, theme.typography.h6), { fontWeight: theme.typography.fontWeightLight, verticalAlign: 'sub' }));
 });
-var InputStyled = styled(Input)(function (_a) {
-    var theme = _a.theme, readOnly = _a.readOnly;
+var InputStyled = styled(InputSelect)(function (_a) {
+    var theme = _a.theme;
     return ({
-        paddingInlineEnd: theme.spacing(2.5),
-        '& .MuiInputBase-input': {
-            cursor: readOnly ? 'default' : 'pointer'
-        }
+        paddingInlineEnd: theme.spacing(2.5)
     });
 });
 export var InfoOutlinedIconStyled = styled(InfoOutlinedIcon)(function (_a) {

package/build/features/brand/screens/BrandActivities/CustomerBase.js

@@ -31,7 +31,7 @@ import Text from '../../../../components/Text';
 import Collapse from '../../../../components/Collapse';
 import Tooltip from '../../../../components/Tooltip';
 import SimpleList from '../../../../components/SimpleList';
-import Input from '../../../shared/Input';
+import InputSelect from '../../../shared/InputSelect';
 import { ScreenContainer } from '../../../shared/Containers';
 import { brandSelector, clearError } from '../../../app/brand/brandStore';
 import Search from '../../../shared/Search';
@@ -46,13 +46,10 @@ export var BaseLabelStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
     return (__assign({ color: alpha(theme.palette.text.primary, 0.4) }, theme.typography.caption));
 });
-var InputStyled = styled(Input)(function (_a) {
-    var theme = _a.theme, readOnly = _a.readOnly;
+var InputStyled = styled(InputSelect)(function (_a) {
+    var theme = _a.theme;
     return ({
-        paddingInlineEnd: theme.spacing(2.5),
-        '& .MuiInputBase-input': {
-            cursor: readOnly ? 'default' : 'pointer'
-        }
+        paddingInlineEnd: theme.spacing(2.5)
     });
 });
 export var NameContainer = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isSelected'; } })(function (_a) {

package/build/features/brand/screens/BrandActivities/ExpectedCustomers.js

@@ -31,17 +31,14 @@ import SimpleList from '../../../../components/SimpleList';
 import Collapse from '../../../../components/Collapse';
 import { ScreenContainer } from '../../../shared/Containers';
 import { brandSelector, clearError } from '../../../app/brand/brandStore';
-import Input from '../../../shared/Input';
+import InputSelect from '../../../shared/InputSelect';
 import { EndAdornmentExpanded } from '../../../shared/EndAdornment';
 import CheckIcon from '../../../shared/CheckIcon';
 import { InputLabelStyled, NameContainer } from './CustomerBase';
-var InputStyled = styled(Input)(function (_a) {
-    var theme = _a.theme, readOnly = _a.readOnly;
+var InputStyled = styled(InputSelect)(function (_a) {
+    var theme = _a.theme;
     return ({
-        paddingInlineEnd: theme.spacing(2.5),
-        '& .MuiInputBase-input': {
-            cursor: readOnly ? 'default' : 'pointer'
-        }
+        paddingInlineEnd: theme.spacing(2.5)
     });
 });
 var ListItemContainer = styled(Box)(function (_a) {

package/build/features/brand/screens/BrandActivities/ExpectedSalesRange.js

@@ -24,17 +24,14 @@ import ExpandIcon from '../../../../components/ExpandIcon';
 import { brandSelector, clearError } from '../../../app/brand/brandStore';
 import { ScreenContainer } from '../../../shared/Containers';
 import Search from '../../../shared/Search';
-import Input from '../../../shared/Input';
+import InputSelect from '../../../shared/InputSelect';
 import { EndAdornmentExpanded } from '../../../shared/EndAdornment';
 import CheckIcon from '../../../shared/CheckIcon';
 import { InputLabelStyled, NameContainer } from './CustomerBase';
-var InputStyled = styled(Input)(function (_a) {
-    var theme = _a.theme, readOnly = _a.readOnly;
+var InputStyled = styled(InputSelect)(function (_a) {
+    var theme = _a.theme;
     return ({
-        paddingInlineEnd: theme.spacing(2.5),
-        '& .MuiInputBase-input': {
-            cursor: readOnly ? 'default' : 'pointer'
-        }
+        paddingInlineEnd: theme.spacing(2.5)
     });
 });
 var ListItem = styled(Box)(function (_a) {

package/build/features/brand/screens/BrandInfo/Segments.js

@@ -21,17 +21,9 @@ import Text from '../../../../components/Text';
 import Collapse from '../../../../components/Collapse';
 import { EndAdornmentExpanded } from '../../../shared/EndAdornment';
 import { ScreenContainer } from '../../../shared/Containers';
-import Input from '../../../shared/Input';
+import InputSelect from '../../../shared/InputSelect';
 import CheckIcon from '../../../shared/CheckIcon';
 import { brandSelector } from '../../../app/brand/brandStore';
-var InputStyled = styled(Input)(function (_a) {
-    var readOnly = _a.readOnly;
-    return ({
-        '& .MuiInputBase-input': {
-            cursor: readOnly ? 'default' : 'pointer'
-        }
-    });
-});
 var IncomeText = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isSelected'; } })(function (_a) {
     var theme = _a.theme, isSelected = _a.isSelected;
     return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight, paddingInlineStart: theme.spacing(1.25), textAlign: 'start' }));
@@ -69,7 +61,7 @@ var Segments = function (_a) {
         onCloseList();
         segmentControl.field.onChange(segment);
     };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.5, mb: 0 } }, { children: [_jsx(InputStyled, { required: true, label: t('segment_title'), readOnly: readOnly, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified }), placeholder: t('choose_any_segment'), value: (isAr ? (_c = segment === null || segment === void 0 ? void 0 : segment.name) === null || _c === void 0 ? void 0 : _c.ar : (_d = segment === null || segment === void 0 ? void 0 : segment.name) === null || _d === void 0 ? void 0 : _d.en) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.en', searchValuePath: ['name.ar', 'name.en'], list: segmentList, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.5, mb: 0 } }, { children: [_jsx(InputSelect, { required: true, label: t('segment_title'), readOnly: readOnly, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified }), placeholder: t('choose_any_segment'), value: (isAr ? (_c = segment === null || segment === void 0 ? void 0 : segment.name) === null || _c === void 0 ? void 0 : _c.ar : (_d = segment === null || segment === void 0 ? void 0 : segment.name) === null || _d === void 0 ? void 0 : _d.en) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.en', searchValuePath: ['name.ar', 'name.en'], list: segmentList, onSelectItem: onSelectItem, renderItem: function (item) {
                             var _a, _b;
                             return (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ display: 'flex' }, { children: _jsx(IncomeText, __assign({ isSelected: item.id === (segment === null || segment === void 0 ? void 0 : segment.id) }, { children: isAr ? (_a = item === null || item === void 0 ? void 0 : item.name) === null || _a === void 0 ? void 0 : _a.ar : (_b = item === null || item === void 0 ? void 0 : item.name) === null || _b === void 0 ? void 0 : _b.en })) })), item.id === (segment === null || segment === void 0 ? void 0 : segment.id) && _jsx(CheckIcon, { isVerified: isVerified })] }));
                         } }) }))] })) })));

package/build/features/brand/screens/BrandInfo/TeamSize.js

@@ -21,17 +21,9 @@ import Collapse from '../../../../components/Collapse';
 import { useAppSelector, useLanguage } from '../../../../hooks';
 import { EndAdornmentExpanded } from '../../../shared/EndAdornment';
 import { ScreenContainer } from '../../../shared/Containers';
-import Input from '../../../shared/Input';
+import InputSelect from '../../../shared/InputSelect';
 import CheckIcon from '../../../shared/CheckIcon';
 import { brandSelector } from '../../../app/brand/brandStore';
-var InputStyled = styled(Input)(function (_a) {
-    var readOnly = _a.readOnly;
-    return ({
-        '& .MuiInputBase-input': {
-            cursor: readOnly ? 'default' : 'pointer'
-        }
-    });
-});
 var IncomeText = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isSelected'; } })(function (_a) {
     var theme = _a.theme, isSelected = _a.isSelected;
     return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight, paddingInlineStart: theme.spacing(1.25), textAlign: 'start' }));
@@ -69,7 +61,7 @@ var TeamSize = function (_a) {
         onCloseList();
         teamSizeControl.field.onChange(teamSize);
     };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.5, mb: 0 } }, { children: [_jsx(InputStyled, { required: true, label: t('team_size_title'), readOnly: readOnly, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified }), placeholder: t('choose_team_size'), value: (isAr ? (_c = teamSize === null || teamSize === void 0 ? void 0 : teamSize.name) === null || _c === void 0 ? void 0 : _c.ar : (_d = teamSize === null || teamSize === void 0 ? void 0 : teamSize.name) === null || _d === void 0 ? void 0 : _d.en) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.en', searchValuePath: ['name.ar', 'name.en'], list: teamSizeList, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.5, mb: 0 } }, { children: [_jsx(InputSelect, { required: true, label: t('team_size_title'), readOnly: readOnly, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified }), placeholder: t('choose_team_size'), value: (isAr ? (_c = teamSize === null || teamSize === void 0 ? void 0 : teamSize.name) === null || _c === void 0 ? void 0 : _c.ar : (_d = teamSize === null || teamSize === void 0 ? void 0 : teamSize.name) === null || _d === void 0 ? void 0 : _d.en) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.en', searchValuePath: ['name.ar', 'name.en'], list: teamSizeList, onSelectItem: onSelectItem, renderItem: function (item) {
                             var _a, _b;
                             return (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ display: 'flex' }, { children: _jsx(IncomeText, __assign({ isSelected: item.id === (teamSize === null || teamSize === void 0 ? void 0 : teamSize.id) }, { children: isAr ? (_a = item === null || item === void 0 ? void 0 : item.name) === null || _a === void 0 ? void 0 : _a.ar : (_b = item === null || item === void 0 ? void 0 : item.name) === null || _b === void 0 ? void 0 : _b.en })) })), item.id === (teamSize === null || teamSize === void 0 ? void 0 : teamSize.id) && _jsx(CheckIcon, { isVerified: isVerified })] }));
                         } }) }))] })) })));

package/build/features/business/screens/Activities/ActivitiesList.js

@@ -32,21 +32,24 @@ import Text from '../../../../components/Text';
 import { isExist, groupSectionWithSelectedActivitiesAtBeginning, hasVerifiedValue, filterActivitiesByName } from '../../../../utils';
 import { ScreenContainer } from '../../../shared/Containers';
 import Search from '../../../shared/Search';
+import InputSelect from '../../../shared/InputSelect';
 import Input from '../../../shared/Input';
 import { businessSelector } from '../../../app/business/businessStore';
 import CheckIcon from '../../../shared/CheckIcon';
-var InputStyled = styled(Input)(function (_a) {
-    var theme = _a.theme, readOnly = _a.readOnly;
+var InputStyled = styled(InputSelect)(function (_a) {
+    var theme = _a.theme;
     return ({
-        paddingInlineEnd: theme.spacing(2.5),
-        '& .MuiInputBase-input': {
-            cursor: readOnly ? 'default' : 'pointer'
-        }
+        paddingInlineEnd: theme.spacing(2.5)
     });
 });
-var SelectedInputStyled = styled(InputStyled, { shouldForwardProp: function (prop) { return prop !== 'anchorEl'; } })(function (_a) {
-    var anchorEl = _a.anchorEl;
+var SelectedInputStyled = styled(Input, { shouldForwardProp: function (prop) { return prop !== 'anchorEl'; } })(function (_a) {
+    var theme = _a.theme, anchorEl = _a.anchorEl, readOnly = _a.readOnly;
     return ({
+        paddingInlineEnd: theme.spacing(2.5),
+        '& .MuiInputBase-input': {
+            cursor: readOnly ? 'default' : 'pointer',
+            WebkitTextFillColor: 'inherit'
+        },
         '&.MuiInputBase-root': {
             '&.MuiInput-root': __assign({ borderTop: 'none' }, (!anchorEl && {
                 borderBottom: 'none'

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

@@ -29,7 +29,7 @@ import { styled } from '@mui/material/styles';
 import { useAppDispatch, useLanguage, useAppSelector } from '../../../../hooks';
 import { BusinessType } from '../../../../@types';
 import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import Input from '../../../shared/Input';
+import InputSelect from '../../../shared/InputSelect';
 import CheckIcon from '../../../shared/CheckIcon';
 import SimpleList from '../../../../components/SimpleList';
 import { businessSelector, clearError } from '../../../app/business/businessStore';
@@ -39,13 +39,10 @@ import Collapse from '../../../../components/Collapse';
 import { isKW, isOtherLicense } from '../../../../utils';
 import { settingsSelector } from '../../../../app/settings';
 import { OTHER_CR_LICENSE } from '../../../../constants';
-var InputStyled = styled(Input)(function (_a) {
+var InputStyled = styled(InputSelect)(function (_a) {
     var theme = _a.theme;
     return ({
-        marginBottom: theme.spacing(2.5),
-        '& .MuiInputBase-input': {
-            cursor: 'pointer'
-        }
+        marginBottom: theme.spacing(2.5)
     });
 });
 var LicenseContainer = styled(Box)(function () { return ({

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

@@ -29,7 +29,7 @@ import { styled } from '@mui/material/styles';
 import { useAppDispatch, useLanguage, useAppSelector } from '../../../../hooks';
 import { BusinessType } from '../../../../@types';
 import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import Input from '../../../shared/Input';
+import InputSelect from '../../../shared/InputSelect';
 import CheckIcon from '../../../shared/CheckIcon';
 import SimpleList from '../../../../components/SimpleList';
 import { businessSelector, clearError } from '../../../app/business/businessStore';
@@ -39,13 +39,10 @@ import Collapse from '../../../../components/Collapse';
 import { isOtherLicense, isSA } from '../../../../utils';
 import { OTHER_CR_LICENSE, OTHER_FL_LICENSE } from '../../../../constants';
 import { settingsSelector } from '../../../../app/settings';
-var InputStyled = styled(Input)(function (_a) {
+var InputStyled = styled(InputSelect)(function (_a) {
     var theme = _a.theme;
     return ({
-        marginBottom: theme.spacing(2.5),
-        '& .MuiInputBase-input': {
-            cursor: 'pointer'
-        }
+        marginBottom: theme.spacing(2.5)
     });
 });
 var LicenseContainer = styled(Box)(function () { return ({

package/build/features/business/screens/Customers/CustomerLocations.js

@@ -32,7 +32,7 @@ import Text from '../../../../components/Text';
 import Collapse from '../../../../components/Collapse';
 import CheckIcon from '../../../shared/CheckIcon';
 import ExpandIcon from '../../../../components/ExpandIcon';
-import Input from '../../../shared/Input';
+import InputSelect from '../../../shared/InputSelect';
 import Tooltip from '../../../../components/Tooltip';
 import SimpleList from '../../../../components/SimpleList';
 import { ScreenContainer } from '../../../shared/Containers';
@@ -73,13 +73,10 @@ export var BaseLabelStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
     return (__assign({ color: alpha(theme.palette.text.primary, 0.4) }, theme.typography.caption));
 });
-var InputStyled = styled(Input)(function (_a) {
-    var theme = _a.theme, readOnly = _a.readOnly;
+var InputStyled = styled(InputSelect)(function (_a) {
+    var theme = _a.theme;
     return ({
-        paddingInlineEnd: theme.spacing(2.5),
-        '& .MuiInputBase-input': {
-            cursor: readOnly ? 'default' : 'pointer'
-        }
+        paddingInlineEnd: theme.spacing(2.5)
     });
 });
 export var NameContainer = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isSelected'; } })(function (_a) {

package/build/features/business/screens/Customers/ExpectedCustomers.js

@@ -35,14 +35,11 @@ import { InputLabelStyled, NameContainer } from './CustomerLocations';
 import { businessSelector, clearError } from '../../../app/business/businessStore';
 import CheckIcon from '../../../shared/CheckIcon';
 import Search from '../../../shared/Search';
-import Input from '../../../shared/Input';
-var InputStyled = styled(Input)(function (_a) {
-    var theme = _a.theme, readOnly = _a.readOnly;
+import InputSelect from '../../../shared/InputSelect';
+var InputStyled = styled(InputSelect)(function (_a) {
+    var theme = _a.theme;
     return ({
-        paddingInlineEnd: theme.spacing(2.5),
-        '& .MuiInputBase-input': {
-            cursor: readOnly ? 'default' : 'pointer'
-        }
+        paddingInlineEnd: theme.spacing(2.5)
     });
 });
 var ListItemContainer = styled(Box)(function (_a) {

package/build/features/business/screens/Customers/ExpectedSalesRange.js

@@ -24,16 +24,13 @@ import { businessSelector, clearError } from '../../../app/business/businessStor
 import { findCurrencyByIso2, isExist } from '../../../../utils';
 import { ScreenContainer } from '../../../shared/Containers';
 import Search from '../../../shared/Search';
-import Input from '../../../shared/Input';
+import InputSelect from '../../../shared/InputSelect';
 import CheckIcon from '../../../shared/CheckIcon';
 import { InputLabelStyled, NameContainer } from './CustomerLocations';
-var InputStyled = styled(Input)(function (_a) {
-    var theme = _a.theme, readOnly = _a.readOnly;
+var InputStyled = styled(InputSelect)(function (_a) {
+    var theme = _a.theme;
     return ({
-        paddingInlineEnd: theme.spacing(2.5),
-        '& .MuiInputBase-input': {
-            cursor: readOnly ? 'default' : 'pointer'
-        }
+        paddingInlineEnd: theme.spacing(2.5)
     });
 });
 var ListItem = styled(Box)(function (_a) {

package/build/features/connect/Connect.js

@@ -58,6 +58,7 @@ var Connect = memo(function (props) {
                 event_value: (_b = data.businessCountry) === null || _b === void 0 ? void 0 : _b.iso2
             });
             sendCustomDimension({
+                event: 'PageView',
                 website_country: (_c = data.businessCountry) === null || _c === void 0 ? void 0 : _c.iso2
             });
         }

package/build/features/connect/screens/Merchant/BrandList.js

@@ -29,18 +29,13 @@ import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
 import { useAppSelector, useLanguage } from '../../../../hooks';
 import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import Input from '../../../shared/Input';
+import InputSelect from '../../../shared/InputSelect';
 import CheckIcon from '../../../shared/CheckIcon';
 import SimpleList from '../../../../components/SimpleList';
 import Text from '../../../../components/Text';
 import ExpandIcon from '../../../../components/ExpandIcon';
 import Collapse from '../../../../components/Collapse';
 import { mapSalesChannel } from '../../../../utils';
-var InputStyled = styled(Input)(function () { return ({
-    '& .MuiInputBase-input': {
-        cursor: 'pointer'
-    }
-}); });
 var BrandContainer = styled(Box)(function () { return ({
     display: 'flex'
 }); });
@@ -99,7 +94,7 @@ var BrandList = function (_a) {
         }), { shouldValidate: true });
         onCloseBrandList();
     };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputStyled, { label: t('select_brand_label'), onClick: !!anchorEl ? onCloseBrandList : onOpenBrandList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_brand'), value: t(getBrandName(selectedBrand)) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'id', space: 140, list: list, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputSelect, { label: t('select_brand_label'), onClick: !!anchorEl ? onCloseBrandList : onOpenBrandList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_brand'), value: t(getBrandName(selectedBrand)) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'id', space: 140, list: list, onSelectItem: onSelectItem, renderItem: function (item) {
                             return (_jsxs(_Fragment, { children: [_jsx(BrandContainer, { children: _jsx(BrandNameText, __assign({ isSelected: getBrandId(item) === getBrandId(selectedBrand) }, { children: isOtherBrand(item) ? t(getBrandName(item)) : getBrandName(item) })) }), getBrandId(item) === getBrandId(selectedBrand) && _jsx(CheckIcon, {})] }));
                         } }) }))] }) })));
 };

package/build/features/connect/screens/Merchant/Segments.js

@@ -13,7 +13,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { connectSelector } from '../../../app/connect/connectStore';
 import Collapse from '../../../../components/Collapse';
 import { ScreenContainer } from '../../../../features/shared/Containers';
-import Input from '../../../../features/shared/Input';
+import InputSelect from '../../../../features/shared/InputSelect';
 import { useAppSelector, useLanguage } from '../../../../hooks';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
@@ -24,11 +24,6 @@ import CheckIcon from '../../../shared/CheckIcon';
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
 import Text from '../../../../components/Text';
-var InputStyled = styled(Input)(function () { return ({
-    '& .MuiInputBase-input': {
-        cursor: 'pointer'
-    }
-}); });
 var IncomeText = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isSelected'; } })(function (_a) {
     var theme = _a.theme, isSelected = _a.isSelected;
     return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight, paddingInlineStart: theme.spacing(1.25), textAlign: 'start' }));
@@ -63,7 +58,7 @@ var Segments = function (_a) {
         onCloseList();
         segmentControl.field.onChange(segment);
     };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.5, mb: 0 } }, { children: [_jsx(InputStyled, { required: true, label: t('segment_title'), onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_any_segment'), value: (isAr ? (_d = segment === null || segment === void 0 ? void 0 : segment.name) === null || _d === void 0 ? void 0 : _d.ar : (_e = segment === null || segment === void 0 ? void 0 : segment.name) === null || _e === void 0 ? void 0 : _e.en) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.en', searchValuePath: ['name.ar', 'name.en'], list: segmentList, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.5, mb: 0 } }, { children: [_jsx(InputSelect, { required: true, label: t('segment_title'), onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_any_segment'), value: (isAr ? (_d = segment === null || segment === void 0 ? void 0 : segment.name) === null || _d === void 0 ? void 0 : _d.ar : (_e = segment === null || segment === void 0 ? void 0 : segment.name) === null || _e === void 0 ? void 0 : _e.en) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.en', searchValuePath: ['name.ar', 'name.en'], list: segmentList, onSelectItem: onSelectItem, renderItem: function (item) {
                             var _a, _b;
                             return (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ display: 'flex' }, { children: _jsx(IncomeText, __assign({ isSelected: item.id === (segment === null || segment === void 0 ? void 0 : segment.id) }, { children: isAr ? (_a = item === null || item === void 0 ? void 0 : item.name) === null || _a === void 0 ? void 0 : _a.ar : (_b = item === null || item === void 0 ? void 0 : item.name) === null || _b === void 0 ? void 0 : _b.en })) })), item.id === (segment === null || segment === void 0 ? void 0 : segment.id) && _jsx(CheckIcon, {})] }));
                         } }) }))] })) })));

package/build/features/connect/screens/Merchant/TeamSize.js

@@ -22,13 +22,8 @@ import Collapse from '../../../../components/Collapse';
 import Text from '../../../../components/Text';
 import { connectSelector } from '../../../app/connect/connectStore';
 import { ScreenContainer } from '../../../shared/Containers';
-import Input from '../../../shared/Input';
+import InputSelect from '../../../shared/InputSelect';
 import CheckIcon from '../../../shared/CheckIcon';
-var InputStyled = styled(Input)(function () { return ({
-    '& .MuiInputBase-input': {
-        cursor: 'pointer'
-    }
-}); });
 var IncomeText = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isSelected'; } })(function (_a) {
     var theme = _a.theme, isSelected = _a.isSelected;
     return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight, paddingInlineStart: theme.spacing(1.25), textAlign: 'start' }));
@@ -63,7 +58,7 @@ var TeamSize = function (_a) {
         onCloseList();
         teamSizeControl.field.onChange(teamSize);
     };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.5, mb: 0 } }, { children: [_jsx(InputStyled, { required: true, label: t('team_size_title'), onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_team_size'), value: (isAr ? (_d = teamSize === null || teamSize === void 0 ? void 0 : teamSize.name) === null || _d === void 0 ? void 0 : _d.ar : (_e = teamSize === null || teamSize === void 0 ? void 0 : teamSize.name) === null || _e === void 0 ? void 0 : _e.en) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.en', searchValuePath: ['name.en', 'name.ar'], list: teamSizeList, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { mt: 2.5, mb: 0 } }, { children: [_jsx(InputSelect, { required: true, label: t('team_size_title'), onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_team_size'), value: (isAr ? (_d = teamSize === null || teamSize === void 0 ? void 0 : teamSize.name) === null || _d === void 0 ? void 0 : _d.ar : (_e = teamSize === null || teamSize === void 0 ? void 0 : teamSize.name) === null || _e === void 0 ? void 0 : _e.en) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.en', searchValuePath: ['name.en', 'name.ar'], list: teamSizeList, onSelectItem: onSelectItem, renderItem: function (item) {
                             var _a, _b;
                             return (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ display: 'flex' }, { children: _jsx(IncomeText, __assign({ isSelected: item.id === (teamSize === null || teamSize === void 0 ? void 0 : teamSize.id) }, { children: isAr ? (_a = item === null || item === void 0 ? void 0 : item.name) === null || _a === void 0 ? void 0 : _a.ar : (_b = item === null || item === void 0 ? void 0 : item.name) === null || _b === void 0 ? void 0 : _b.en })) })), item.id === (teamSize === null || teamSize === void 0 ? void 0 : teamSize.id) && _jsx(CheckIcon, {})] }));
                         } }) }))] })) })));

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

@@ -22,6 +22,7 @@ var ThankYou = function (_a) {
             event_value: id
         });
         sendCustomDimension({
+            event: 'PageView',
             lead_ID: id
         });
     }, []);

package/build/features/connectExpress/ConnectExpress.js

@@ -25,13 +25,13 @@ import React, { memo } from 'react';
 import { createRoot } from 'react-dom/client';
 import { FeatureContainer } from '../shared/Containers';
 import { useAppTheme, useAppSelector, useAppConfig, useErrorListener, useStepStartedListener, useAppDispatch } from '../../hooks';
-import { handleCurrentActiveScreen, settingsSelector } from '../../app/settings';
+import { handleCurrentActiveScreen, handleLanguage, settingsSelector } from '../../app/settings';
 import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
-import { connectExpressSelector, setIsLeadIdPassed, setPostUrl, setLeadId, retrieveLeadIdentityByIdAsync, setShowBoard } from '../app/connectExpress/connectExpressStore';
+import { connectExpressSelector, setIsLeadIdPassed, setPostUrl, setLeadId, retrieveLeadIdentityByIdAsync, setShowBoard, verifyLeadToken } from '../app/connectExpress/connectExpressStore';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
-import { isKW, findOrCreateElementAndInject } from '../../utils';
+import { isKW, findOrCreateElementAndInject, getParameterByName } from '../../utils';
 import { CONNECT_EXPRESS_SCREENS_NAVIGATION } from '../../constants';
 import { connectExpressFeatureScreens } from '../featuresScreens';
 import Background from '../shared/Background';
@@ -53,10 +53,20 @@ var ConnectExpress = memo(function (_a) {
             dispatch(setShowBoard(showBoard));
     }, []);
     React.useEffect(function () {
-        if (data.isValidOperator && props.open && !settingLoading && leadId) {
-            dispatch(setIsLeadIdPassed(true));
-            dispatch(setLeadId(leadId));
-            dispatch(retrieveLeadIdentityByIdAsync(leadId));
+        if (data.isValidOperator && props.open && !settingLoading) {
+            var token = getParameterByName('token');
+            if (token) {
+                var lang = getParameterByName('lang');
+                if (lang)
+                    dispatch(handleLanguage(lang));
+                dispatch(verifyLeadToken({ token: token }));
+                return;
+            }
+            if (leadId) {
+                dispatch(setIsLeadIdPassed(true));
+                dispatch(setLeadId(leadId));
+                dispatch(retrieveLeadIdentityByIdAsync(leadId));
+            }
         }
     }, [data.isValidOperator, settingLoading]);
     React.useEffect(function () {

package/build/features/connectExpress/screens/CollectBusinessInfo/LicenseList.js

@@ -36,18 +36,15 @@ import Text from '../../../../components/Text';
 import ExpandIcon from '../../../../components/ExpandIcon';
 import Collapse from '../../../../components/Collapse';
 import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import Input from '../../../shared/Input';
+import InputSelect from '../../../shared/InputSelect';
 import CheckIcon from '../../../shared/CheckIcon';
 import { connectExpressSelector, clearError } from '../../../app/connectExpress/connectExpressStore';
 import LicenseNumber from './LicenseNumber';
 import LicenseType from './LicenseType';
-var InputStyled = styled(Input)(function (_a) {
-    var theme = _a.theme, readOnly = _a.readOnly;
+var InputStyled = styled(InputSelect)(function (_a) {
+    var theme = _a.theme;
     return ({
-        marginBottom: theme.spacing(2.5),
-        '& .MuiInputBase-input': {
-            cursor: readOnly ? 'default' : 'pointer'
-        }
+        marginBottom: theme.spacing(2.5)
     });
 });
 var LicenseContainer = styled(Box)(function () { return ({

package/build/features/entity/screens/EntityCapital/ActivityList.js

@@ -33,20 +33,23 @@ import { isExist, groupSectionWithSelectedActivitiesAtBeginning, hasVerifiedValu
 import { ScreenContainer } from '../../../shared/Containers';
 import Search from '../../../shared/Search';
 import Input from '../../../shared/Input';
+import InputSelect from '../../../shared/InputSelect';
 import { entitySelector } from '../../../app/entity/entityStore';
 import CheckIcon from '../../../../features/shared/CheckIcon';
-var InputStyled = styled(Input)(function (_a) {
-    var theme = _a.theme, readOnly = _a.readOnly;
+var InputStyled = styled(InputSelect)(function (_a) {
+    var theme = _a.theme;
     return ({
-        paddingInlineEnd: theme.spacing(2.5),
-        '& .MuiInputBase-input': {
-            cursor: readOnly ? 'default' : 'pointer'
-        }
+        paddingInlineEnd: theme.spacing(2.5)
     });
 });
-var SelectedInputStyled = styled(InputStyled, { shouldForwardProp: function (prop) { return prop !== 'anchorEl'; } })(function (_a) {
-    var anchorEl = _a.anchorEl;
+var SelectedInputStyled = styled(Input, { shouldForwardProp: function (prop) { return prop !== 'anchorEl'; } })(function (_a) {
+    var theme = _a.theme, anchorEl = _a.anchorEl, readOnly = _a.readOnly;
     return ({
+        paddingInlineEnd: theme.spacing(2.5),
+        '& .MuiInputBase-input': {
+            cursor: readOnly ? 'default' : 'pointer',
+            WebkitTextFillColor: 'inherit'
+        },
         '&.MuiInputBase-root': {
             '&.MuiInput-root': __assign({ borderTop: 'none' }, (!anchorEl && {
                 borderBottom: 'none'

package/build/features/entity/screens/EntityName/EntityTypeList.js

@@ -22,7 +22,7 @@ import Text from '../../../../components/Text';
 import Collapse from '../../../../components/Collapse';
 import SimpleList from '../../../../components/SimpleList';
 import { hasVerifiedValue, removeAllOtherThanAlphabet } from '../../../../utils';
-import Input from '../../../shared/Input';
+import InputSelect from '../../../shared/InputSelect';
 import { ScreenContainer } from '../../../shared/Containers';
 import { clearError, entitySelector } from '../../../app/entity/entityStore';
 import Search from '../../../shared/Search';
@@ -33,13 +33,10 @@ export var InputLabelStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
     return (__assign({ color: alpha(theme.palette.text.primary, 0.6) }, theme.typography.caption));
 });
-var InputStyled = styled(Input)(function (_a) {
-    var theme = _a.theme, readOnly = _a.readOnly;
+var InputStyled = styled(InputSelect)(function (_a) {
+    var theme = _a.theme;
     return ({
-        paddingInlineEnd: theme.spacing(2.5),
-        '& .MuiInputBase-input': {
-            cursor: readOnly ? 'default' : 'pointer'
-        }
+        paddingInlineEnd: theme.spacing(2.5)
     });
 });
 export var InfoOutlinedIconStyled = styled(InfoOutlinedIcon)(function (_a) {

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

@@ -22,21 +22,13 @@ import Collapse from '../../../../components/Collapse';
 import Text from '../../../../components/Text';
 import SimpleList from '../../../../components/SimpleList';
 import { individualSelector, clearError } from '../../../app/individual/individualStore';
-import Input from '../../../shared/Input';
+import InputSelect from '../../../shared/InputSelect';
 import CheckIcon from '../../../shared/CheckIcon';
 import { ScreenContainer } from '../../../shared/Containers';
 import { EndAdornmentExpanded } from '../../../shared/EndAdornment';
 var Container = styled(Box)(function () { return ({
     display: 'flex'
 }); });
-var InputStyled = styled(Input)(function (_a) {
-    var readOnly = _a.readOnly;
-    return ({
-        '& .MuiInputBase-input': {
-            cursor: readOnly ? 'default' : 'pointer'
-        }
-    });
-});
 var IncomeText = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isSelected'; } })(function (_a) {
     var theme = _a.theme, isSelected = _a.isSelected;
     return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight, paddingInlineStart: theme.spacing(1.25) }));
@@ -88,7 +80,7 @@ var MonthlyIncome = function (props) {
     };
     var income = monthlyIncomeControl.field.value;
     var error = (_a = monthlyIncomeControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
-    return (_jsx(Collapse, __assign({ in: props.show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pb: 0 } }, { children: [_jsx(InputStyled, { label: t('please_enter_actual_income', {
+    return (_jsx(Collapse, __assign({ in: props.show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pb: 0 } }, { children: [_jsx(InputSelect, { label: t('please_enter_actual_income', {
                         currency: t(findCurrencyByIso2(countryCode.iso2))
                     }), readOnly: props.readOnly, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, placeholder: t('choose_any_source_of_income'), value: (isAr ? income === null || income === void 0 ? void 0 : income.range.ar : income === null || income === void 0 ? void 0 : income.range.en) || '', warningMessage: error && t(error), endAdornment: _jsx(EndAdornmentExpanded, { isVerified: isMonthlyIncomeVerified(income), anchorEl: anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'range.en', searchValuePath: ['range.en', 'range.ar'], list: incomeList, onSelectItem: onSelectItem, renderItem: function (item) {
                             return (_jsxs(_Fragment, { children: [_jsx(Container, { children: _jsx(IncomeText, __assign({ isSelected: item.id === (income === null || income === void 0 ? void 0 : income.id) }, { children: isAr ? item.range.ar : item === null || item === void 0 ? void 0 : item.range.en })) }), item.id === (income === null || income === void 0 ? void 0 : income.id) && _jsx(CheckIcon, { isVerified: isMonthlyIncomeVerified(item) })] }));

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

@@ -20,21 +20,13 @@ import Text from '../../../../components/Text';
 import SimpleList from '../../../../components/SimpleList';
 import Collapse from '../../../../components/Collapse';
 import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import Input from '../../../shared/Input';
+import InputSelect from '../../../shared/InputSelect';
 import { EndAdornmentExpanded } from '../../../shared/EndAdornment';
 import CheckIcon from '../../../shared/CheckIcon';
 import { individualSelector, clearError } from '../../../app/individual/individualStore';
 var Container = styled(Box)(function () { return ({
     display: 'flex'
 }); });
-var InputStyled = styled(Input)(function (_a) {
-    var readOnly = _a.readOnly;
-    return ({
-        '& .MuiInputBase-input': {
-            cursor: readOnly ? 'default' : 'pointer'
-        }
-    });
-});
 var IncomeText = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isSelected'; } })(function (_a) {
     var theme = _a.theme, isSelected = _a.isSelected;
     return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight, paddingInlineStart: theme.spacing(1.25) }));
@@ -75,7 +67,7 @@ var Occupation = function (props) {
     };
     var occupation = occupationControl.field.value;
     var error = (_b = occupationControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
-    return (_jsx(Collapse, __assign({ in: props.show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pb: 2.5 } }, { children: [_jsx(InputStyled, { required: true, label: t('occupation_title'), readOnly: props.readOnly, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(EndAdornmentExpanded, { isVerified: props.isVerified, anchorEl: anchorEl }), placeholder: t('choose_any_occupation'), value: (isAr ? occupation === null || occupation === void 0 ? void 0 : occupation.name.ar : occupation === null || occupation === void 0 ? void 0 : occupation.name.en) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.en', searchValuePath: ['name.en', 'name.ar'], list: occupationList, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: props.show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pb: 2.5 } }, { children: [_jsx(InputSelect, { required: true, label: t('occupation_title'), readOnly: props.readOnly, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(EndAdornmentExpanded, { isVerified: props.isVerified, anchorEl: anchorEl }), placeholder: t('choose_any_occupation'), value: (isAr ? occupation === null || occupation === void 0 ? void 0 : occupation.name.ar : occupation === null || occupation === void 0 ? void 0 : occupation.name.en) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.en', searchValuePath: ['name.en', 'name.ar'], list: occupationList, onSelectItem: onSelectItem, renderItem: function (item) {
                             var _a, _b;
                             return (_jsxs(_Fragment, { children: [_jsx(Container, { children: _jsx(IncomeText, __assign({ isSelected: item.id === (occupation === null || occupation === void 0 ? void 0 : occupation.id) }, { children: isAr ? (_a = item === null || item === void 0 ? void 0 : item.name) === null || _a === void 0 ? void 0 : _a.ar : (_b = item === null || item === void 0 ? void 0 : item.name) === null || _b === void 0 ? void 0 : _b.en })) }), item.id === (occupation === null || occupation === void 0 ? void 0 : occupation.id) && _jsx(CheckIcon, { isVerified: props.isVerified })] }));
                         } }) }))] })) })));

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

@@ -22,17 +22,9 @@ import Collapse from '../../../../components/Collapse';
 import SimpleList from '../../../../components/SimpleList';
 import CheckIcon from '../../../shared/CheckIcon';
 import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import Input from '../../../shared/Input';
+import InputSelect from '../../../shared/InputSelect';
 import { EndAdornmentExpanded } from '../../../shared/EndAdornment';
 import { individualSelector, clearError } from '../../../app/individual/individualStore';
-var InputStyled = styled(Input)(function (_a) {
-    var readOnly = _a.readOnly;
-    return ({
-        '& .MuiInputBase-input': {
-            cursor: readOnly ? 'default' : 'pointer'
-        }
-    });
-});
 var Container = styled(Box)(function () { return ({
     display: 'flex'
 }); });
@@ -82,7 +74,7 @@ var SourceOfIncome = function (props) {
     };
     var source = sourceIncomeControl.field.value;
     var error = (_b = sourceIncomeControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
-    return (_jsx(Collapse, __assign({ in: props.show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pb: 2.5 } }, { children: [_jsx(InputStyled, { required: true, label: t('tap_js_source_of_income'), readOnly: props.readOnly, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, 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), endAdornment: _jsx(EndAdornmentExpanded, { isVerified: isSourceIncomeVerified(source), anchorEl: anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.en', list: sourceList, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: props.show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pb: 2.5 } }, { children: [_jsx(InputSelect, { required: true, label: t('tap_js_source_of_income'), readOnly: props.readOnly, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, 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), endAdornment: _jsx(EndAdornmentExpanded, { isVerified: isSourceIncomeVerified(source), anchorEl: anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { 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(CheckIcon, { isVerified: isSourceIncomeVerified(item) })] }));
                         } }) }))] })) })));
 };

package/build/features/individual/screens/IndividualPersonalInfo/BirthCity.js

@@ -30,21 +30,13 @@ import Collapse from '../../../../components/Collapse';
 import Text from '../../../../components/Text';
 import SimpleList from '../../../../components/SimpleList';
 import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import Input from '../../../shared/Input';
+import InputSelect from '../../../shared/InputSelect';
 import { getCityList, individualSelector } from '../../../app/individual/individualStore';
 import { EndAdornmentExpanded } from '../../../shared/EndAdornment';
 import CheckIcon from '../../../shared/CheckIcon';
 var CountryItemContainer = styled(Box)(function () { return ({
     display: 'flex'
 }); });
-var InputStyled = styled(Input)(function (_a) {
-    var readOnly = _a.readOnly;
-    return ({
-        '& .MuiInputBase-input': {
-            cursor: readOnly ? 'default' : 'pointer'
-        }
-    });
-});
 var CountryNameText = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isSelected'; } })(function (_a) {
     var theme = _a.theme, isSelected = _a.isSelected;
     return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight, paddingInlineStart: theme.spacing(1.25) }));
@@ -104,7 +96,7 @@ var BirthCity = React.forwardRef(function (_a, ref) {
         var _a, _b;
         return isAr ? (_a = city === null || city === void 0 ? void 0 : city.name) === null || _a === void 0 ? void 0 : _a.ar : (_b = city === null || city === void 0 ? void 0 : city.name) === null || _b === void 0 ? void 0 : _b.en;
     };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ ref: ref, sx: { pt: 2.5 } }, { children: [_jsx(InputStyled, { label: t('place_birth_city_label'), readOnly: readOnly, placeholder: t('choose_place_birth_city'), value: getName(cityValue) || '', warningMessage: error && t(error), onClick: cityLoading ? undefined : !!anchorEl ? function () { return onCloseCitySelect(); } : onOpenCitySelect, endAdornment: cityLoading ? (_jsx(CircularProgress, { size: 25, thickness: 5, sx: { height: 'auto !important' } })) : (_jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified })) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.en', searchValuePath: ['name.en'], list: locationCities, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ ref: ref, sx: { pt: 2.5 } }, { children: [_jsx(InputSelect, { label: t('place_birth_city_label'), readOnly: readOnly, placeholder: t('choose_place_birth_city'), value: getName(cityValue) || '', warningMessage: error && t(error), onClick: cityLoading ? undefined : !!anchorEl ? function () { return onCloseCitySelect(); } : onOpenCitySelect, endAdornment: cityLoading ? (_jsx(CircularProgress, { size: 25, thickness: 5, sx: { height: 'auto !important' } })) : (_jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified })) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.en', searchValuePath: ['name.en'], list: locationCities, onSelectItem: onSelectItem, renderItem: function (item) {
                             return (_jsxs(_Fragment, { children: [_jsx(CountryItemContainer, { children: _jsx(CountryNameText, __assign({ isSelected: item.id === (cityValue === null || cityValue === void 0 ? void 0 : cityValue.id) }, { children: getName(item) })) }), item.id === (cityValue === null || cityValue === void 0 ? void 0 : cityValue.id) && _jsx(CheckIcon, { isVerified: isVerified })] }));
                         } }) }))] })) })));
 });

package/build/features/individual/screens/IndividualPersonalInfo/BirthCountry.js

@@ -31,20 +31,12 @@ import Collapse from '../../../../components/Collapse';
 import Text from '../../../../components/Text';
 import SimpleList from '../../../../components/SimpleList';
 import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import Input from '../../../shared/Input';
+import InputSelect from '../../../shared/InputSelect';
 import { EndAdornmentExpanded } from '../../../shared/EndAdornment';
 import CheckIcon from '../../../shared/CheckIcon';
 var CountryItemContainer = styled(Box)(function () { return ({
     display: 'flex'
 }); });
-var InputStyled = styled(Input)(function (_a) {
-    var readOnly = _a.readOnly;
-    return ({
-        '& .MuiInputBase-input': {
-            cursor: readOnly ? 'default' : 'pointer'
-        }
-    });
-});
 var CountryNameText = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isSelected'; } })(function (_a) {
     var theme = _a.theme, isSelected = _a.isSelected;
     return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight, paddingInlineStart: theme.spacing(1.25) }));
@@ -77,7 +69,7 @@ var BirthCountry = React.forwardRef(function (_a, ref) {
     };
     var location = placeOfBirthCountryControl.field.value;
     var error = (_b = placeOfBirthCountryControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
-    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, __assign({ ref: ref, sx: { pt: 2.5 } }, { children: [_jsx(InputStyled, { label: t('place_of_birth_country_label'), readOnly: readOnly, onClick: !!anchorEl ? function () { return onCloseCountrySelect(); } : onOpenCountrySelect, endAdornment: _jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified }), placeholder: t('choose_place_of_birth_country'), value: (isAr ? (_c = location === null || location === void 0 ? void 0 : location.name) === null || _c === void 0 ? void 0 : _c.arabic : (_d = location === null || location === void 0 ? void 0 : location.name) === null || _d === void 0 ? void 0 : _d.english) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.english', searchValuePath: ['name.arabic', 'name.english'], list: locationCountries, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, __assign({ ref: ref, sx: { pt: 2.5 } }, { children: [_jsx(InputSelect, { label: t('place_of_birth_country_label'), readOnly: readOnly, onClick: !!anchorEl ? function () { return onCloseCountrySelect(); } : onOpenCountrySelect, endAdornment: _jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified }), placeholder: t('choose_place_of_birth_country'), value: (isAr ? (_c = location === null || location === void 0 ? void 0 : location.name) === null || _c === void 0 ? void 0 : _c.arabic : (_d = location === null || location === void 0 ? void 0 : location.name) === null || _d === void 0 ? void 0 : _d.english) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.english', searchValuePath: ['name.arabic', 'name.english'], list: locationCountries, onSelectItem: onSelectItem, renderItem: function (item) {
                             return (_jsxs(_Fragment, { children: [_jsx(CountryItemContainer, { children: _jsx(CountryNameText, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.idd_prefix) === (location === null || location === void 0 ? void 0 : location.idd_prefix) }, { children: isAr ? item.name.arabic : item.name.english })) }), item.idd_prefix === (location === null || location === void 0 ? void 0 : location.idd_prefix) && _jsx(CheckIcon, { isVerified: isVerified })] }));
                         } }) }))] })) })));
 });

package/build/features/individual/screens/IndividualPersonalInfo/IssuedCountry.js

@@ -31,20 +31,12 @@ import Collapse from '../../../../components/Collapse';
 import Text from '../../../../components/Text';
 import SimpleList from '../../../../components/SimpleList';
 import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import Input from '../../../shared/Input';
+import InputSelect from '../../../shared/InputSelect';
 import { EndAdornmentExpanded } from '../../../shared/EndAdornment';
 import CheckIcon from '../../../shared/CheckIcon';
 var CountryItemContainer = styled(Box)(function () { return ({
     display: 'flex'
 }); });
-var InputStyled = styled(Input)(function (_a) {
-    var readOnly = _a.readOnly;
-    return ({
-        '& .MuiInputBase-input': {
-            cursor: readOnly ? 'default' : 'pointer'
-        }
-    });
-});
 var CountryNameText = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isSelected'; } })(function (_a) {
     var theme = _a.theme, isSelected = _a.isSelected;
     return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight, paddingInlineStart: theme.spacing(1.25) }));
@@ -77,7 +69,7 @@ var IssuedCountry = React.forwardRef(function (_a, ref) {
     };
     var location = issuedCountryControl.field.value;
     var error = (_b = issuedCountryControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
-    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, __assign({ ref: ref, sx: { pt: 2.5 } }, { children: [_jsx(InputStyled, { label: t('issued_country_label'), readOnly: readOnly, onClick: !!anchorEl ? function () { return onCloseCountrySelect(); } : onOpenCountrySelect, endAdornment: _jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified }), placeholder: t('choose_issued_country'), value: (isAr ? (_c = location === null || location === void 0 ? void 0 : location.name) === null || _c === void 0 ? void 0 : _c.arabic : (_d = location === null || location === void 0 ? void 0 : location.name) === null || _d === void 0 ? void 0 : _d.english) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.english', searchValuePath: ['name.arabic', 'name.english'], list: locationCountries, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, __assign({ ref: ref, sx: { pt: 2.5 } }, { children: [_jsx(InputSelect, { label: t('issued_country_label'), readOnly: readOnly, onClick: !!anchorEl ? function () { return onCloseCountrySelect(); } : onOpenCountrySelect, endAdornment: _jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified }), placeholder: t('choose_issued_country'), value: (isAr ? (_c = location === null || location === void 0 ? void 0 : location.name) === null || _c === void 0 ? void 0 : _c.arabic : (_d = location === null || location === void 0 ? void 0 : location.name) === null || _d === void 0 ? void 0 : _d.english) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.english', searchValuePath: ['name.arabic', 'name.english'], list: locationCountries, onSelectItem: onSelectItem, renderItem: function (item) {
                             return (_jsxs(_Fragment, { children: [_jsx(CountryItemContainer, { children: _jsx(CountryNameText, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.idd_prefix) === (location === null || location === void 0 ? void 0 : location.idd_prefix) }, { children: isAr ? item.name.arabic : item.name.english })) }), item.idd_prefix === (location === null || location === void 0 ? void 0 : location.idd_prefix) && _jsx(CheckIcon, { isVerified: isVerified })] }));
                         } }) }))] })) })));
 });

package/build/features/individual/screens/IndividualPersonalInfo/Nationality.js

@@ -31,20 +31,12 @@ import Collapse from '../../../../components/Collapse';
 import Text from '../../../../components/Text';
 import SimpleList from '../../../../components/SimpleList';
 import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import Input from '../../../shared/Input';
+import InputSelect from '../../../shared/InputSelect';
 import { EndAdornmentExpanded } from '../../../shared/EndAdornment';
 import CheckIcon from '../../../shared/CheckIcon';
 var CountryItemContainer = styled(Box)(function () { return ({
     display: 'flex'
 }); });
-var InputStyled = styled(Input)(function (_a) {
-    var readOnly = _a.readOnly;
-    return ({
-        '& .MuiInputBase-input': {
-            cursor: readOnly ? 'default' : 'pointer'
-        }
-    });
-});
 var CountryNameText = styled(Text, { shouldForwardProp: function (prop) { return prop !== 'isSelected'; } })(function (_a) {
     var theme = _a.theme, isSelected = _a.isSelected;
     return (__assign(__assign({ color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight, paddingInlineStart: theme.spacing(1.25) }));
@@ -77,7 +69,7 @@ var Nationality = React.forwardRef(function (_a, ref) {
     };
     var location = nationalityControl.field.value;
     var error = (_b = nationalityControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
-    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, __assign({ ref: ref, sx: { pt: 2.5 } }, { children: [_jsx(InputStyled, { label: t('nationality_label'), readOnly: readOnly, onClick: !!anchorEl ? function () { return onCloseCountrySelect(); } : onOpenCountrySelect, endAdornment: _jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified }), placeholder: t('choose_nationality'), value: (isAr ? (_c = location === null || location === void 0 ? void 0 : location.name) === null || _c === void 0 ? void 0 : _c.arabic : (_d = location === null || location === void 0 ? void 0 : location.name) === null || _d === void 0 ? void 0 : _d.english) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.english', searchValuePath: ['name.arabic', 'name.english'], list: locationCountries, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, __assign({ ref: ref, sx: { pt: 2.5 } }, { children: [_jsx(InputSelect, { label: t('nationality_label'), readOnly: readOnly, onClick: !!anchorEl ? function () { return onCloseCountrySelect(); } : onOpenCountrySelect, endAdornment: _jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified }), placeholder: t('choose_nationality'), value: (isAr ? (_c = location === null || location === void 0 ? void 0 : location.name) === null || _c === void 0 ? void 0 : _c.arabic : (_d = location === null || location === void 0 ? void 0 : location.name) === null || _d === void 0 ? void 0 : _d.english) || '', warningMessage: error && t(error) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.english', searchValuePath: ['name.arabic', 'name.english'], list: locationCountries, onSelectItem: onSelectItem, renderItem: function (item) {
                             return (_jsxs(_Fragment, { children: [_jsx(CountryItemContainer, { children: _jsx(CountryNameText, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.idd_prefix) === (location === null || location === void 0 ? void 0 : location.idd_prefix) }, { children: isAr ? item.name.arabic : item.name.english })) }), item.idd_prefix === (location === null || location === void 0 ? void 0 : location.idd_prefix) && _jsx(CheckIcon, { isVerified: isVerified })] }));
                         } }) }))] })) })));
 });

package/build/features/shared/Input/Input.d.ts

@@ -19,10 +19,9 @@ export declare const InputStyled: import("@emotion/styled").StyledComponent<Pick
     hide?: boolean | undefined;
     warningType?: "alert" | "error" | "hint" | undefined;
 } & {} & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
-interface CustomButtonProps extends InputProps {
+export interface CustomInputProps extends InputProps {
     label?: string;
     required?: boolean;
     labelSx?: SxProps<Theme>;
 }
-export default function CustomInput({ label, required, placeholder, labelSx, ...props }: CustomButtonProps): JSX.Element;
-export {};
+export default function CustomInput({ label, required, placeholder, labelSx, ...props }: CustomInputProps): JSX.Element;

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

@@ -1,2 +1,3 @@
-import Input from './Input';
+import Input, { CustomInputProps } from './Input';
+export type { CustomInputProps };
 export default Input;

package/build/features/shared/InputSelect/InputSelect.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { CustomInputProps } from '../Input';
+export declare const InputStyled: import("@emotion/styled").StyledComponent<CustomInputProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export default function InputSelect(props: CustomInputProps): JSX.Element;

package/build/features/shared/InputSelect/InputSelect.js

@@ -0,0 +1,27 @@
+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 { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from '@mui/material/styles';
+import Input from '../Input';
+2;
+export var InputStyled = styled(Input)(function (_a) {
+    var readOnly = _a.readOnly;
+    return ({
+        '& .MuiInputBase-input': {
+            cursor: readOnly ? 'default' : 'pointer',
+            WebkitTextFillColor: 'inherit'
+        }
+    });
+});
+export default function InputSelect(props) {
+    return _jsx(InputStyled, __assign({ disabled: true }, props));
+}

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

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

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

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

package/package.json

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