@tap-payments/auth-jsconnect 2.6.27-test → 2.6.29-test

package/build/api/index.d.ts

@@ -53,7 +53,7 @@ declare const API: {
         retrieveLeadIdentity: (leadId: string) => Promise<any>;
         updateLeadExpress: ({ id, ...data }: UpdateLeadBody) => Promise<any>;
         verifyExpressLeadToken: (data: ExpressLeadVerifyBody) => Promise<any>;
-        createVerifyTokenByLeadId: (leadId: string) => Promise<any>;
+        createVerifyTokenByBoardId: (boardId: string) => Promise<any>;
     };
     entityService: {
         createEntityInfo: ({ id, ...data }: EntityInfoBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;

package/build/api/lead.d.ts

@@ -105,6 +105,6 @@ declare const leadService: {
     retrieveLeadIdentity: (leadId: string) => Promise<any>;
     updateLeadExpress: ({ id, ...data }: UpdateLeadBody) => Promise<any>;
     verifyExpressLeadToken: (data: ExpressLeadVerifyBody) => Promise<any>;
-    createVerifyTokenByLeadId: (leadId: string) => Promise<any>;
+    createVerifyTokenByBoardId: (boardId: string) => Promise<any>;
 };
 export { leadService };

package/build/api/lead.js

@@ -97,14 +97,14 @@ var retrieveLeadIdentity = function (leadId) {
         url: "".concat(ENDPOINT_PATHS.LEAD, "/").concat(leadId, "/identity")
     });
 };
-var createVerifyTokenByLeadId = function (leadId) { return __awaiter(void 0, void 0, void 0, function () {
+var createVerifyTokenByBoardId = function (boardId) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         return [2, httpClient({
                 method: 'post',
                 url: "".concat(ENDPOINT_PATHS.CREATE_TOKEN_PATH),
                 data: {
                     service_name: 'tap_email',
-                    lead_id: leadId
+                    board_id: boardId
                 }
             })];
     });
@@ -120,6 +120,6 @@ var leadService = {
     retrieveLeadIdentity: retrieveLeadIdentity,
     updateLeadExpress: updateLeadExpress,
     verifyExpressLeadToken: verifyExpressLeadToken,
-    createVerifyTokenByLeadId: createVerifyTokenByLeadId
+    createVerifyTokenByBoardId: createVerifyTokenByBoardId
 };
 export { leadService };

package/build/features/app/board/boardStore.js

@@ -52,39 +52,39 @@ import { FlowsTypes } from '../../../@types';
 import { handleCurrentActiveScreen, handleNextScreenStep } from '../../../app/settings';
 import { BOARD_STEP_STEPS } from '../../../constants';
 import { sleep } from '../../../utils';
-export var createVerifyTokenBy = createAsyncThunk('board/createTokenByLeadId', function (leadId, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+export var createVerifyTokenBy = createAsyncThunk('board/createVerifyTokenByBoardId', function (boardId, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var settings, data, step_name;
     var _a, _b;
     return __generator(this, function (_c) {
         switch (_c.label) {
             case 0:
                 settings = thunkApi.getState().settings;
-                return [4, API.leadService.createVerifyTokenByLeadId(leadId)];
+                return [4, API.leadService.createVerifyTokenByBoardId(boardId)];
             case 1:
                 data = _c.sent();
                 step_name = data.step_name;
                 if (step_name == BOARD_STEP_STEPS.PHONE_AUTH) {
                     sleep(0).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('BOARD_VERIFY_STEP')); });
-                    return [2, __assign(__assign({}, data), { lead_id: leadId })];
+                    return [2, __assign({}, data)];
                 }
                 return [4, thunkApi.dispatch(retrieveBoardDetails(data.id))];
             case 2:
                 _c.sent();
-                (_b = (_a = settings.data.appConfig).onFlowCompleted) === null || _b === void 0 ? void 0 : _b.call(_a, { boardId: data.id, boardInfoId: data.board_info_id, leadId: leadId });
+                (_b = (_a = settings.data.appConfig).onFlowCompleted) === null || _b === void 0 ? void 0 : _b.call(_a, { boardId: data.id, boardInfoId: data.board_info_id });
                 sleep(100).then(function () { return thunkApi.dispatch(handleCurrentActiveScreen('BOARD_SUCCESS_FLOWS_BUTTONS_STEP')); });
-                return [2, __assign(__assign({}, data), { lead_id: leadId })];
+                return [2, __assign({}, data)];
         }
     });
 }); });
 export var resendOTP = createAsyncThunk('board/resendOTP', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var board, leadId, data;
+    var board, boardId, data;
     var _a, _b;
     return __generator(this, function (_c) {
         switch (_c.label) {
             case 0:
                 board = thunkApi.getState().board;
-                leadId = (_b = (_a = board.data.verify.responseBody) === null || _a === void 0 ? void 0 : _a.lead_id) !== null && _b !== void 0 ? _b : '';
-                return [4, API.leadService.createVerifyTokenByLeadId(leadId)];
+                boardId = (_b = (_a = board.data.verify.responseBody) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : '';
+                return [4, API.leadService.createVerifyTokenByBoardId(boardId)];
             case 1:
                 data = _c.sent();
                 return [2, { data: data }];
@@ -115,7 +115,7 @@ export var verifyBoardLeadOTP = createAsyncThunk('board/verifyBoardLeadOTP', fun
             case 2:
                 _g.sent();
                 (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, { otp: params.otp });
-                (_f = (_e = settings.data.appConfig).onFlowCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, { boardId: responseBody === null || responseBody === void 0 ? void 0 : responseBody.id, boardInfoId: responseBody === null || responseBody === void 0 ? void 0 : responseBody.board_info_id, leadId: responseBody === null || responseBody === void 0 ? void 0 : responseBody.lead_id });
+                (_f = (_e = settings.data.appConfig).onFlowCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, { boardId: responseBody === null || responseBody === void 0 ? void 0 : responseBody.id, boardInfoId: responseBody === null || responseBody === void 0 ? void 0 : responseBody.board_info_id });
                 sleep(100).then(function () { return thunkApi.dispatch(handleNextScreenStep('BOARD_SUCCESS_FLOWS_BUTTONS_STEP')); });
                 return [2, { data: data, formData: params }];
         }

package/build/features/board/Board.d.ts

@@ -2,6 +2,7 @@
 import { LibConfig } from '../../@types';
 export interface BoardLibProps extends LibConfig {
     configToken: string;
+    boardId: string;
 }
 export declare function BoardElement(props: BoardLibProps): JSX.Element;
 export declare function renderBoardLib(config: BoardLibProps, elementId: string): {

package/build/features/board/Board.js

@@ -36,7 +36,7 @@ import { boardFeatureScreens } from '../featuresScreens';
 import { createVerifyTokenBy, boardSelector } from '../../features/app/board/boardStore';
 import Background from '../shared/Background';
 var Board = memo(function (_a) {
-    var configToken = _a.configToken, props = __rest(_a, ["configToken"]);
+    var configToken = _a.configToken, boardId = _a.boardId, props = __rest(_a, ["configToken", "boardId"]);
     var theme = useAppTheme().theme;
     var _b = useAppSelector(settingsSelector), data = _b.data, error = _b.error, settingLoading = _b.loading;
     var _c = useAppSelector(boardSelector), customLoading = _c.customLoading, loading = _c.loading, bankError = _c.error;
@@ -53,7 +53,7 @@ var Board = memo(function (_a) {
     React.useEffect(function () {
         if (data.isValidOperator && props.open && !settingLoading) {
             console.log('data', data);
-            dispatch(createVerifyTokenBy(data.appConfig.leadId));
+            dispatch(createVerifyTokenBy(boardId));
         }
     }, [data.isValidOperator, settingLoading]);
     var initialLoading = settingLoading || customLoading;

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

@@ -24,8 +24,11 @@ var SuccessWithFlowButtons = function () {
     var _b = data.verify.responseBody || {}, flows = _b.flows, entity = _b.entity, brand = _b.brand, bank = _b.bank_account, merchant = _b.merchant, user = _b.user, business = _b.business, board_id = _b.board_id, board_info_id = _b.board_info_id, name = _b.name, individuals = _b.individuals;
     var onClose = function () {
         var url = settingsData.appConfig.redirectUrl;
-        if (url)
-            window.open(url, '_self', '_blank');
+        if (!url)
+            return;
+        var newUrl = new URL(url);
+        newUrl.searchParams.append('action', 'close');
+        window.open("".concat(newUrl), '_self', '_blank');
     };
     return (_jsx(SuccessFlowButtons, { flowName: data.flowName, loading: loading, bank: bank, brand: brand, entity: entity, merchant: merchant, user: __assign({ names: { en: name } }, user), business: business, boardId: board_id, boardInfoId: board_info_id, individuals: individuals, flows: flows || [], onClose: onClose }));
 };

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

@@ -1,3 +1,14 @@
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -34,41 +45,50 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { useAppSelector, useAppDispatch } from '../../../../hooks';
+import { useTranslation } from 'react-i18next';
+import { useAppSelector, useAppDispatch, useLanguage } from '../../../../hooks';
 import { ScreenContainer } from '../../../shared/Containers';
 import BusinessCountry from '../../../shared/BusinessCountry';
+import Button from '../../../shared/Button';
 import { findCountryByIso2, isKW, isOtherThanKWOrSA } from '../../../../utils';
+import Collapse from '../../../../components/Collapse';
 import { handleNextScreenStep, handleSetCountryByIso2, settingsSelector } from '../../../../app/settings';
-import { connectSelector, setDefaultCountryCode, updateBusinessCountry, storeIsStartFromBusinessCountry } from '../../../app/connect/connectStore';
+import { connectSelector, setDefaultCountryCode, updateBusinessCountry, storeIsStartFromBusinessCountry, clearError } from '../../../app/connect/connectStore';
 var BusinessCountryScreen = function (_a) {
     var dispatch = useAppDispatch();
+    var isAr = useLanguage().isAr;
+    var t = useTranslation().t;
+    var _b = React.useState(false), isListOpen = _b[0], setListOpen = _b[1];
     var settingsData = useAppSelector(settingsSelector).data;
-    var _b = useAppSelector(connectSelector), data = _b.data, loading = _b.loading;
+    var _c = useAppSelector(connectSelector), data = _c.data, loading = _c.loading, error = _c.error;
     React.useEffect(function () {
+        dispatch(clearError());
         dispatch(storeIsStartFromBusinessCountry(true));
     }, []);
     var defaultValue = React.useMemo(function () {
         var _a, _b;
-        return ((_a = settingsData.businessCountry) === null || _a === void 0 ? void 0 : _a.iso2) || ((_b = settingsData.ipCountry) === null || _b === void 0 ? void 0 : _b.iso2);
+        var value = ((_a = settingsData.businessCountry) === null || _a === void 0 ? void 0 : _a.iso2) || ((_b = settingsData.ipCountry) === null || _b === void 0 ? void 0 : _b.iso2);
+        setListOpen(!!value);
+        return value;
     }, [settingsData.businessCountry, settingsData.ipCountry]);
-    var onSelectCountry = function (item) { return __awaiter(void 0, void 0, void 0, function () {
+    var onSelectCountry = function (iso2) { return __awaiter(void 0, void 0, void 0, function () {
         var countryCode;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    countryCode = findCountryByIso2(settingsData.countries, item.country.iso2);
-                    dispatch(handleSetCountryByIso2(item.country.iso2));
+                    countryCode = findCountryByIso2(settingsData.countries, iso2);
+                    dispatch(handleSetCountryByIso2(iso2));
                     if (!data.leadId) return [3, 2];
-                    return [4, dispatch(updateBusinessCountry(item.country.iso2))];
+                    return [4, dispatch(updateBusinessCountry(iso2))];
                 case 1:
                     _a.sent();
                     _a.label = 2;
                 case 2:
                     if (countryCode)
                         dispatch(setDefaultCountryCode(countryCode));
-                    if (isOtherThanKWOrSA(item.country.iso2) || isKW(item.country.iso2)) {
+                    if (isOtherThanKWOrSA(iso2) || isKW(iso2)) {
                         dispatch(handleNextScreenStep('CONNECT_MOBILE_STEP'));
                         return [2];
                     }
@@ -77,6 +97,8 @@ var BusinessCountryScreen = function (_a) {
             }
         });
     }); };
-    return (_jsx(ScreenContainer, { children: _jsx(BusinessCountry, { countries: settingsData.businessCountries, loading: loading, defaultCountryIso2: defaultValue, onSelectCountry: onSelectCountry }) }));
+    return (_jsxs(ScreenContainer, { children: [_jsx(BusinessCountry, { sx: { mb: 2.5 }, countries: settingsData.businessCountries, loading: loading, defaultCountryIso2: defaultValue, onSelectCountry: onSelectCountry, onListOpen: function () { return setListOpen(true); }, onListClose: function () { return setListOpen(false); } }), _jsx(Collapse, __assign({ in: !isListOpen }, { children: _jsx(Button, __assign({ onClick: function () {
+                        onSelectCountry(defaultValue);
+                    }, loading: loading, isAr: isAr, disableBack: true, disabled: !defaultValue, error: t(error || '') }, { children: t('next') })) }))] }));
 };
 export default React.memo(BusinessCountryScreen);

package/build/features/connectExpress/screens/BusinessCountry/BusinessCountry.js

@@ -1,3 +1,14 @@
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -34,41 +45,52 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { useAppSelector, useAppDispatch } from '../../../../hooks';
+import { useTranslation } from 'react-i18next';
+import { useAppSelector, useAppDispatch, useLanguage } from '../../../../hooks';
 import { ScreenContainer } from '../../../shared/Containers';
 import BusinessCountry from '../../../shared/BusinessCountry';
+import Button from '../../../shared/Button';
+import Collapse from '../../../../components/Collapse';
 import { findCountryByIso2, isKW, isOtherThanKWOrSA } from '../../../../utils';
 import { handleNextScreenStep, handleSetCountryByIso2, settingsSelector } from '../../../../app/settings';
-import { connectExpressSelector, setDefaultCountryCode, storeIsStartFromBusinessCountry, updateBusinessCountryAsync } from '../../../app/connectExpress/connectExpressStore';
+import { clearError, connectExpressSelector, setDefaultCountryCode, storeIsStartFromBusinessCountry, updateBusinessCountryAsync } from '../../../app/connectExpress/connectExpressStore';
 var BusinessCountryScreen = function (_a) {
     var dispatch = useAppDispatch();
+    var isAr = useLanguage().isAr;
+    var t = useTranslation().t;
+    var _b = React.useState(false), isListOpen = _b[0], setListOpen = _b[1];
     var settingsData = useAppSelector(settingsSelector).data;
-    var _b = useAppSelector(connectExpressSelector), data = _b.data, loading = _b.loading;
+    var _c = useAppSelector(connectExpressSelector), data = _c.data, loading = _c.loading, error = _c.error;
     React.useEffect(function () {
+        dispatch(clearError());
         dispatch(storeIsStartFromBusinessCountry(true));
     }, []);
     var defaultValue = React.useMemo(function () {
         var _a, _b;
-        return ((_a = settingsData.businessCountry) === null || _a === void 0 ? void 0 : _a.iso2) || ((_b = settingsData.ipCountry) === null || _b === void 0 ? void 0 : _b.iso2);
+        var value = ((_a = settingsData.businessCountry) === null || _a === void 0 ? void 0 : _a.iso2) || ((_b = settingsData.ipCountry) === null || _b === void 0 ? void 0 : _b.iso2);
+        setListOpen(!!value);
+        return value;
     }, [settingsData.businessCountry, settingsData.ipCountry]);
-    var onSelectCountry = function (item) { return __awaiter(void 0, void 0, void 0, function () {
+    var onSelectCountry = function (iso2) { return __awaiter(void 0, void 0, void 0, function () {
         var countryCode;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    countryCode = findCountryByIso2(settingsData.countries, item.country.iso2);
-                    dispatch(handleSetCountryByIso2(item.country.iso2));
+                    if (!iso2)
+                        return [2];
+                    countryCode = findCountryByIso2(settingsData.countries, iso2);
+                    dispatch(handleSetCountryByIso2(iso2));
                     if (!data.leadId) return [3, 2];
-                    return [4, dispatch(updateBusinessCountryAsync(item.country.iso2))];
+                    return [4, dispatch(updateBusinessCountryAsync(iso2))];
                 case 1:
                     _a.sent();
                     _a.label = 2;
                 case 2:
                     if (countryCode)
                         dispatch(setDefaultCountryCode(countryCode));
-                    if (isOtherThanKWOrSA(item.country.iso2) || isKW(item.country.iso2)) {
+                    if (isOtherThanKWOrSA(iso2) || isKW(iso2)) {
                         dispatch(handleNextScreenStep('CONNECT_EXPRESS_MOBILE_STEP'));
                         return [2];
                     }
@@ -77,6 +99,8 @@ var BusinessCountryScreen = function (_a) {
             }
         });
     }); };
-    return (_jsx(ScreenContainer, { children: _jsx(BusinessCountry, { countries: settingsData.businessCountries, loading: loading, defaultCountryIso2: defaultValue, onSelectCountry: onSelectCountry }) }));
+    return (_jsxs(ScreenContainer, { children: [_jsx(BusinessCountry, { sx: { mb: 2.5 }, countries: settingsData.businessCountries, loading: loading, defaultCountryIso2: defaultValue, onSelectCountry: onSelectCountry, onListOpen: function () { return setListOpen(true); }, onListClose: function () { return setListOpen(false); } }), _jsx(Collapse, __assign({ in: !isListOpen }, { children: _jsx(Button, __assign({ onClick: function () {
+                        onSelectCountry(defaultValue);
+                    }, loading: loading, isAr: isAr, disableBack: true, disabled: !defaultValue, error: t(error || '') }, { children: t('next') })) }))] }));
 };
 export default React.memo(BusinessCountryScreen);

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

@@ -28,7 +28,7 @@ import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
 import { useAppDispatch, useLanguage, useAppSelector } from '../../../../hooks';
 import { BusinessType } from '../../../../@types';
-import { isKW, isOtherLicense, isSA } from '../../../../utils';
+import { isKW, isOtherLicense, isOtherThanKWOrSA, isSA } from '../../../../utils';
 import { settingsSelector } from '../../../../app/settings';
 import { OTHER_CR_LICENSE, OTHER_FL_LICENSE } from '../../../../constants';
 import SimpleList from '../../../../components/SimpleList';
@@ -80,8 +80,9 @@ var LicenseList = function (_a) {
         setAnchorEl(null);
         (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
     };
-    var isSACountry = React.useMemo(function () { return isSA(country_code); }, [country_code]);
+    var isOtherThanKWOrSACountry = React.useMemo(function () { return isOtherThanKWOrSA(country_code); }, [country_code]);
     var isKWCountry = React.useMemo(function () { return isKW(country_code); }, [country_code]);
+    var isSACountry = React.useMemo(function () { return isSA(country_code); }, [country_code]);
     React.useEffect(function () {
         if ((licenseList || []).length > 0)
             setValue('licenseList', licenseList);
@@ -132,8 +133,8 @@ var LicenseList = function (_a) {
     var licenseReadonly = !isOtherLicense(selected);
     var isCR = (selected === null || selected === void 0 ? void 0 : selected.type) === BusinessType.CR;
     var flValue = isOtherLicense(selected) ? t(getLicenseName(selected)) : getLicenseNumber(selected);
-    return (_jsxs(ScreenContainer, { children: [_jsx(InputStyled, { label: t('choose_any_license'), readOnly: readOnly, onClick: !!anchorEl ? function () { return onCloseLicenseList(); } : onOpenLicenseList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_license_cr'), value: isCR ? t(getLicenseName(selected)) : flValue }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'legal_name?.en', list: licenseList || [], onSelectItem: onSelectItem, renderItem: function (item) {
-                        return (_jsxs(_Fragment, { children: [_jsx(LicenseContainer, { children: _jsx(LicenseNameText, __assign({ isSelected: getLicenseNumber(item) === getLicenseNumber(selected) }, { children: isOtherLicense(item) ? t(getLicenseName(item)) : getLicenseFullName(item) })) }), getLicenseNumber(item) === getLicenseNumber(selected) && _jsx(CheckIcon, {})] }));
-                    } }) })), _jsx(LicenseType, { show: show && isKWCountry, readOnly: readOnly }), _jsx(LicenseNumber, { show: isKWCountry ? isCR : show, readOnly: licenseReadonly })] }));
+    return (_jsxs(ScreenContainer, { children: [_jsxs(Collapse, __assign({ in: isSACountry || isOtherThanKWOrSACountry }, { children: [_jsx(InputStyled, { label: t('choose_any_license'), readOnly: readOnly, onClick: !!anchorEl ? function () { return onCloseLicenseList(); } : onOpenLicenseList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_license_cr'), value: isCR ? t(getLicenseName(selected)) : flValue }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'legal_name?.en', list: licenseList || [], onSelectItem: onSelectItem, renderItem: function (item) {
+                                return (_jsxs(_Fragment, { children: [_jsx(LicenseContainer, { children: _jsx(LicenseNameText, __assign({ isSelected: getLicenseNumber(item) === getLicenseNumber(selected) }, { children: isOtherLicense(item) ? t(getLicenseName(item)) : getLicenseFullName(item) })) }), getLicenseNumber(item) === getLicenseNumber(selected) && _jsx(CheckIcon, {})] }));
+                            } }) }))] })), _jsx(LicenseType, { show: show && isKWCountry, readOnly: readOnly }), _jsx(LicenseNumber, { show: isKWCountry ? isCR : show, readOnly: licenseReadonly })] }));
 };
 export default React.memo(LicenseList);

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

@@ -1,10 +1,14 @@
 /// <reference types="react" />
-import { BusinessCountryInfo, CountryInfo } from '../../../@types';
+import { SxProps, Theme } from '@mui/material/styles';
+import { BusinessCountryInfo } from '../../../@types';
 interface BusinessCountryProps {
+    onListOpen?: () => void;
+    onListClose?: () => void;
     countries: Array<BusinessCountryInfo>;
     loading: boolean;
     defaultCountryIso2: string;
-    onSelectCountry: (country: CountryInfo) => void;
+    onSelectCountry: (iso2: string) => void;
+    sx?: SxProps<Theme>;
 }
-declare const BusinessCountry: ({ countries, loading, defaultCountryIso2, onSelectCountry }: BusinessCountryProps) => JSX.Element;
+declare const BusinessCountry: ({ sx, onListOpen, onListClose, countries, loading, defaultCountryIso2, onSelectCountry }: BusinessCountryProps) => JSX.Element;
 export default BusinessCountry;

package/build/features/shared/BusinessCountry/BusinessCountry.js

@@ -96,9 +96,9 @@ var CountryListStyled = styled((SimpleList))(function () { return ({
 }); });
 var BusinessCountry = function (_a) {
     var _b, _c;
-    var countries = _a.countries, loading = _a.loading, defaultCountryIso2 = _a.defaultCountryIso2, onSelectCountry = _a.onSelectCountry;
+    var sx = _a.sx, onListOpen = _a.onListOpen, onListClose = _a.onListClose, countries = _a.countries, loading = _a.loading, defaultCountryIso2 = _a.defaultCountryIso2, onSelectCountry = _a.onSelectCountry;
     var _d = React.useState(countries || []), countryList = _d[0], setCountryList = _d[1];
-    var _e = React.useState(true), open = _e[0], setOpen = _e[1];
+    var _e = React.useState(!!defaultCountryIso2), open = _e[0], setOpen = _e[1];
     var _f = React.useState(''), subIndex = _f[0], setSubIndex = _f[1];
     var _g = React.useState(), selectedCountry = _g[0], setSelectedCountry = _g[1];
     var t = useTranslation().t;
@@ -107,17 +107,19 @@ var BusinessCountry = function (_a) {
     var onSelectItem = function (item) { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             setSelectedCountry(item);
-            onSelectCountry(item);
+            onSelectCountry(item.country.iso2);
             return [2];
         });
     }); };
     var handleCloseMainMenu = function () {
         setOpen(false);
         handleSearch('');
+        onListClose === null || onListClose === void 0 ? void 0 : onListClose();
     };
     var handleOpenMainMenu = function () {
         setCountryList(countries);
         setOpen(true);
+        onListOpen === null || onListOpen === void 0 ? void 0 : onListOpen();
     };
     var handleOpenSubMenu = function (index) {
         if (subIndex === index)
@@ -150,7 +152,7 @@ var BusinessCountry = function (_a) {
         });
         setCountryList(filteredList);
     };
-    return (_jsxs(ScreenContainer, __assign({ sx: { pb: 2.5 } }, { children: [_jsx(InputSelect, { required: true, label: t('country_list_title'), value: (isAr ? (_b = countryValue === null || countryValue === void 0 ? void 0 : countryValue.country) === null || _b === void 0 ? void 0 : _b.name_ar : (_c = countryValue === null || countryValue === void 0 ? void 0 : countryValue.country) === null || _c === void 0 ? void 0 : _c.name_en) || '', onClick: open ? handleCloseMainMenu : handleOpenMainMenu, placeholder: t('choose_any_country'), endAdornment: _jsx(ExpandIcon, { anchorEl: open }) }), _jsxs(Collapse, __assign({ in: open }, { children: [_jsx(Search, { onSearchValue: handleSearch }), _jsx(SimpleListStyled, { sx: { maxHeight: '350px', paddingTop: 0 }, list: countryList, listItemProps: { sx: { padding: 0 } }, onSelectItem: function (item, e) {
+    return (_jsxs(ScreenContainer, __assign({ sx: __assign({ pb: 2.5 }, sx) }, { children: [_jsx(InputSelect, { required: true, label: t('country_list_title'), value: (isAr ? (_b = countryValue === null || countryValue === void 0 ? void 0 : countryValue.country) === null || _b === void 0 ? void 0 : _b.name_ar : (_c = countryValue === null || countryValue === void 0 ? void 0 : countryValue.country) === null || _c === void 0 ? void 0 : _c.name_en) || '', onClick: open ? handleCloseMainMenu : handleOpenMainMenu, placeholder: t('choose_any_country'), endAdornment: _jsx(ExpandIcon, { anchorEl: open }) }), _jsxs(Collapse, __assign({ in: open }, { children: [_jsx(Search, { onSearchValue: handleSearch }), _jsx(SimpleListStyled, { sx: { maxHeight: '350px', paddingTop: 0 }, list: countryList, listItemProps: { sx: { padding: 0 } }, onSelectItem: function (item, e) {
                             e.stopPropagation();
                             handleOpenSubMenu(item.id.toString());
                         }, renderItem: function (item) {

package/package.json

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