@tap-payments/auth-jsconnect 1.0.59 → 1.0.62

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

@@ -259,14 +259,18 @@ export var updateLeadIndividual = createAsyncThunk('updateLeadIndividual', funct
     });
 }); });
 export var updateLeadBrand = createAsyncThunk('updateLeadBrand', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connect, instagram, twitter, payload, data;
-    var _b, _c, _d, _e, _f, _g, _h, _j;
-    return __generator(this, function (_k) {
-        switch (_k.label) {
+    var _a, settings, connect, instagram, twitter, _b, mobileData, nidData, otpData, brandData, isAbsher, responseBody, isExistingUser, payload, data;
+    var _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    return __generator(this, function (_m) {
+        switch (_m.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, connect = _a.connect;
-                instagram = !!((_b = params.links) === null || _b === void 0 ? void 0 : _b.instagram) ? "".concat(INSTAGRAM_URL, "/").concat((_c = params.links) === null || _c === void 0 ? void 0 : _c.twitter) : '';
-                twitter = !!((_d = params.links) === null || _d === void 0 ? void 0 : _d.twitter) ? "".concat(TWITTER_URL, "/").concat((_e = params.links) === null || _e === void 0 ? void 0 : _e.twitter) : '';
+                instagram = !!((_c = params.links) === null || _c === void 0 ? void 0 : _c.instagram) ? "".concat(INSTAGRAM_URL, "/").concat((_d = params.links) === null || _d === void 0 ? void 0 : _d.twitter) : '';
+                twitter = !!((_e = params.links) === null || _e === void 0 ? void 0 : _e.twitter) ? "".concat(TWITTER_URL, "/").concat((_f = params.links) === null || _f === void 0 ? void 0 : _f.twitter) : '';
+                _b = connect.data, mobileData = _b.mobileData, nidData = _b.nidData, otpData = _b.otpData, brandData = _b.brandData;
+                isAbsher = otpData.isAbsher;
+                responseBody = (isAbsher ? nidData : mobileData).responseBody;
+                isExistingUser = (responseBody === null || responseBody === void 0 ? void 0 : responseBody.new_user) === false;
                 payload = {
                     brand: {
                         name: {
@@ -274,20 +278,20 @@ export var updateLeadBrand = createAsyncThunk('updateLeadBrand', function (param
                             ar: params.brandName,
                             zh: params.brandName
                         },
-                        website: (_f = params.links) === null || _f === void 0 ? void 0 : _f.website,
+                        website: (_g = params.links) === null || _g === void 0 ? void 0 : _g.website,
                         social: [twitter, instagram]
                     },
-                    id: ((_g = connect.data.otpData.responseBody) === null || _g === void 0 ? void 0 : _g.lead_id) || '',
+                    id: (isExistingUser ? (_h = brandData.responseBody) === null || _h === void 0 ? void 0 : _h.lead_id : (_j = otpData.responseBody) === null || _j === void 0 ? void 0 : _j.lead_id) || '',
                     terms_conditions_accepted: params.termAndConditionChecked,
                     step_name: CONNECT_STEP_NAMES.UPDATE_LEAD_MERCHANT,
                     encryption_contract: ['brand.name.en', 'brand.name.ar', 'brand.name.zh', 'social[0]', 'social[1]']
                 };
                 return [4, API.leadService.updateLead(payload)];
             case 1:
-                data = (_k.sent()).data;
+                data = (_m.sent()).data;
                 if (!data.errors) {
                     thunkApi.dispatch(handleNextScreenStep());
-                    (_j = (_h = settings.data.appConfig).onStepCompleted) === null || _j === void 0 ? void 0 : _j.call(_h, settings.data.activeScreen.name, params);
+                    (_l = (_k = settings.data.appConfig).onStepCompleted) === null || _l === void 0 ? void 0 : _l.call(_k, settings.data.activeScreen.name, params);
                 }
                 return [2, { response: data, formData: params }];
         }
@@ -336,23 +340,27 @@ export var checkBrandNameAvailability = createAsyncThunk('checkBrandNameAvailabi
     });
 });
 export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, connect, payload, data;
-    var _b, _c, _d, _e, _f;
-    return __generator(this, function (_g) {
-        switch (_g.label) {
+    var _a, settings, connect, _b, mobileData, nidData, otpData, brandData, isAbsher, responseBody, isExistingUser, payload, data;
+    var _c, _d, _e, _f, _g, _h;
+    return __generator(this, function (_j) {
+        switch (_j.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, connect = _a.connect;
+                _b = connect.data, mobileData = _b.mobileData, nidData = _b.nidData, otpData = _b.otpData, brandData = _b.brandData;
+                isAbsher = otpData.isAbsher;
+                responseBody = (isAbsher ? nidData : mobileData).responseBody;
+                isExistingUser = (responseBody === null || responseBody === void 0 ? void 0 : responseBody.new_user) === false;
                 payload = {
                     step_name: CONNECT_STEP_NAMES.CONNECT_SUCCESS,
                     email_url: getClientEmailUrl(),
-                    id: ((_b = connect.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.lead_id) || '',
+                    id: (isExistingUser ? (_c = brandData.responseBody) === null || _c === void 0 ? void 0 : _c.lead_id : (_d = otpData.responseBody) === null || _d === void 0 ? void 0 : _d.lead_id) || '',
                     encryption_contract: []
                 };
                 return [4, API.leadService.updateLead(payload)];
             case 1:
-                data = (_g.sent()).data;
-                (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, params);
-                (_f = (_e = settings.data.appConfig).onFlowCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, { data: data });
+                data = (_j.sent()).data;
+                (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, params);
+                (_h = (_g = settings.data.appConfig).onFlowCompleted) === null || _h === void 0 ? void 0 : _h.call(_g, { data: data });
                 return [2, { response: data, formData: params }];
         }
     });
@@ -360,6 +368,7 @@ export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (p
 var initialState = {
     error: null,
     loading: false,
+    customLoading: false,
     data: {
         businessCountry: defaultCountry,
         countries: [],
@@ -424,6 +433,7 @@ export var connectSlice = createSlice({
         builder
             .addCase(getCountries.fulfilled, function (state, action) {
             state.error = null;
+            state.customLoading = false;
             var _a = action.payload, countries = _a.countries, businessCountry = _a.businessCountry;
             state.data.countries = countries;
             state.data.businessCountry = businessCountry || defaultCountry;
@@ -431,13 +441,16 @@ export var connectSlice = createSlice({
         })
             .addCase(getCountries.pending, function (state) {
             state.error = null;
+            state.customLoading = true;
         })
             .addCase(getCountries.rejected, function (state, action) {
             state.error = action.error.message;
+            state.customLoading = false;
         })
             .addCase(createMobileAuth.fulfilled, function (state, action) {
             var _a;
             state.loading = false;
+            state.customLoading = false;
             state.error = null;
             var _b = action.payload, formData = _b.formData, response = _b.response;
             var description = (((_a = response === null || response === void 0 ? void 0 : response.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
@@ -450,12 +463,15 @@ export var connectSlice = createSlice({
             state.data.otpData.isAbsher = false;
         })
             .addCase(createMobileAuth.pending, function (state, action) {
-            var _a;
-            state.loading = ((_a = action.meta.arg) === null || _a === void 0 ? void 0 : _a.isResend) ? false : true;
+            if (action.meta.arg.isResend)
+                state.customLoading = true;
+            if (!action.meta.arg.isResend)
+                state.loading = true;
             state.error = null;
         })
             .addCase(createMobileAuth.rejected, function (state, action) {
             state.loading = false;
+            state.customLoading = false;
             state.error = action.error.message;
         })
             .addCase(createNIDAuth.fulfilled, function (state, action) {
@@ -608,7 +624,7 @@ export var connectSlice = createSlice({
             .addCase(checkBrandNameAvailability.fulfilled, function (state, action) {
             var _a;
             state.error = null;
-            state.data.brandData.responseBody = (_a = action.payload) === null || _a === void 0 ? void 0 : _a.response;
+            state.data.brandData.responseBody = __assign(__assign({}, state.data.brandData.responseBody), (_a = action.payload) === null || _a === void 0 ? void 0 : _a.response);
         })
             .addCase(checkBrandNameAvailability.pending, function (state) {
             state.error = null;

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

@@ -164,6 +164,7 @@ export var updateLeadSuccess = createAsyncThunk('updateLeadSuccess', function (p
 var initialState = {
     error: null,
     loading: false,
+    customLoading: false,
     data: {
         verify: {
             token: ''
@@ -199,10 +200,12 @@ export var individualSlice = createSlice({
         builder
             .addCase(verifyLeadToken.pending, function (state) {
             state.error = null;
+            state.customLoading = true;
         })
             .addCase(verifyLeadToken.fulfilled, function (state, action) {
             var _a;
             state.error = null;
+            state.customLoading = false;
             var _b = action.payload, data = _b.data, token = _b.token, leadData = _b.leadData;
             var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
             if (description) {
@@ -214,6 +217,7 @@ export var individualSlice = createSlice({
         })
             .addCase(verifyLeadToken.rejected, function (state, action) {
             state.error = action.error.message;
+            state.customLoading = false;
         })
             .addCase(verifyLeadOTP.pending, function (state) {
             state.loading = true;

package/build/features/app/password/passwordStore.js

@@ -158,6 +158,7 @@ export var passwordSlice = createSlice({
             .addCase(verifyLeadToken.fulfilled, function (state, action) {
             var _a;
             state.error = null;
+            state.customLoading = false;
             var _b = action.payload, data = _b.data, token = _b.token, leadData = _b.leadData;
             var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
             if (description) {
@@ -166,9 +167,14 @@ export var passwordSlice = createSlice({
             }
             state.data.verify.responseBody = __assign(__assign({}, data), leadData);
             state.data.verify.token = token;
+        })
+            .addCase(verifyLeadToken.pending, function (state, action) {
+            state.customLoading = true;
+            state.error = null;
         })
             .addCase(verifyLeadToken.rejected, function (state, action) {
             state.error = action.error.message;
+            state.customLoading = false;
         })
             .addCase(verifyPasswordLeadOTP.pending, function (state) {
             state.loading = true;

package/build/features/app/tax/taxStore.js

@@ -190,6 +190,7 @@ export var taxSlice = createSlice({
             .addCase(verifyLeadToken.fulfilled, function (state, action) {
             var _a;
             state.error = null;
+            state.customLoading = false;
             var _b = action.payload, data = _b.data, token = _b.token, leadData = _b.leadData;
             var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
             if (description) {
@@ -198,9 +199,14 @@ export var taxSlice = createSlice({
             }
             state.data.verify.responseBody = __assign(__assign({}, data), leadData);
             state.data.verify.token = token;
+        })
+            .addCase(verifyLeadToken.pending, function (state, action) {
+            state.error = null;
+            state.customLoading = true;
         })
             .addCase(verifyLeadToken.rejected, function (state, action) {
             state.error = action.error.message;
+            state.customLoading = false;
         })
             .addCase(verifyTaxLeadOTP.pending, function (state) {
             state.loading = true;

package/build/features/business/Business.js

@@ -14,7 +14,7 @@ import React, { memo, useEffect } from 'react';
 import { useAppTheme, useAppDispatch, useAppSelector, useAppConfig, useErrorListener } from '../../hooks';
 import { settingsSelector } from '../../app/settings';
 import { FeatureContainer } from '../shared/Containers';
-import { getCountries, verifyLeadToken } from '../app/business/businessStore';
+import { businessSelector, getCountries, verifyLeadToken } from '../app/business/businessStore';
 import AnimationFlow from '../../components/AnimationFlow';
 import { store } from '../../app/store';
 import { ReduxProvider, ThemeProvider } from '../../components/Providers';
@@ -28,6 +28,7 @@ var Business = memo(function (props) {
     var theme = useAppTheme().theme;
     var dispatch = useAppDispatch();
     var _a = useAppSelector(settingsSelector), data = _a.data, error = _a.error, settingLoading = _a.loading;
+    var customLoading = useAppSelector(businessSelector).customLoading;
     var loading = useAppConfig(__assign({ navigation: BUSINESS_SCREENS_NAVIGATION }, props)).loading;
     useErrorListener();
     var activeScreen = data.activeScreen;
@@ -44,7 +45,7 @@ var Business = memo(function (props) {
     useEffect(function () {
         dispatch(getCountries());
     }, []);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ loading: settingLoading, error: error, open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: businessFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ loading: settingLoading || customLoading, error: error, open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: businessFeatureScreens.map(function (_a, index) {
                     var Element = _a.element, name = _a.name;
                     var isActive = activeScreen.name === name;
                     return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));

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

@@ -61,6 +61,10 @@ var Activities = function () {
         var activities = activitiesData.activities;
         methods.setValue('activities', activities);
     }, [activitiesData === null || activitiesData === void 0 ? void 0 : activitiesData.activities]);
+    React.useEffect(function () {
+        if (activitiesData.operationStartDate)
+            methods.setValue('operationStartDate', activitiesData.operationStartDate, { shouldValidate: true });
+    }, [activitiesData.operationStartDate]);
     React.useEffect(function () {
         if (error)
             dispatch(clearError());

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

@@ -83,19 +83,18 @@ var ActivitiesList = function (_a) {
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var control = useFormContext().control;
+    var data = useSelector(businessSelector).data;
     var activitiesControl = useController({ name: 'activities', control: control });
     var controlValue = activitiesControl.field.value;
-    var data = useSelector(businessSelector).data;
     var businessTypeData = data.businessTypeData;
-    var response = businessTypeData.responseBody;
+    var activities = (businessTypeData.responseBody || {}).activities;
     var businessType = (_b = businessTypeData.selectedLicense) === null || _b === void 0 ? void 0 : _b.type;
     var isCR = businessType === BusinessType.CR;
     React.useEffect(function () {
-        var _a;
-        if (((_a = response === null || response === void 0 ? void 0 : response.activities) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            setActivitiesMenuList(response === null || response === void 0 ? void 0 : response.activities);
+        if ((activities === null || activities === void 0 ? void 0 : activities.length) > 0) {
+            setActivitiesMenuList(activities);
         }
-    }, []);
+    }, [activities]);
     var onOpenList = function (event) {
         var _a;
         setAnchorEl(event.currentTarget);

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

@@ -84,13 +84,12 @@ var SalesChannels = function () {
     var channelsChecked = channelsControl.field.value;
     var warningMessage = (_a = channelsControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
     var data = useSelector(businessSelector).data;
-    var response = data.businessTypeData.responseBody;
+    var channelList = (data.businessTypeData.responseBody || {}).channelList;
     React.useEffect(function () {
-        var _a;
-        if (((_a = response === null || response === void 0 ? void 0 : response.channelList) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            setChannelsMenuList(response === null || response === void 0 ? void 0 : response.channelList);
+        if ((channelList === null || channelList === void 0 ? void 0 : channelList.length) > 0) {
+            setChannelsMenuList(channelList);
         }
-    }, [response === null || response === void 0 ? void 0 : response.channelList]);
+    }, [channelList]);
     var handleSalesChannelChange = function (event, checked) {
         var selected = channelsMenuList.find(function (channel) { return channel.id.toString() === event.target.id; });
         var isExists = channelsChecked === null || channelsChecked === void 0 ? void 0 : channelsChecked.find(function (channel) { return channel.id === (selected === null || selected === void 0 ? void 0 : selected.id); });

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

@@ -21,13 +21,12 @@ import Form from '../../../../components/Form';
 import Collapse from '../../../../components/Collapse';
 import { useLanguage } from '../../../../hooks';
 import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import { businessSelector, clearError, retrieveEntityList, updateLeadBusinessType } from '../../../app/business/businessStore';
+import { businessSelector, clearError, updateLeadBusinessType } from '../../../app/business/businessStore';
 import Button from '../../../shared/Button';
 import { LicenseValidationSchema } from './validation';
 import LicenseList from './LicenseList';
 var BusinessType = function (_a) {
     var _b = useSelector(businessSelector), data = _b.data, loading = _b.loading, error = _b.error;
-    var businessTypeData = data.businessTypeData;
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var dispatch = useAppDispatch();
@@ -37,10 +36,6 @@ var BusinessType = function (_a) {
         defaultValues: data.businessTypeData,
         mode: 'onChange'
     });
-    React.useEffect(function () {
-        if (!(businessTypeData === null || businessTypeData === void 0 ? void 0 : businessTypeData.responseBody))
-            dispatch(retrieveEntityList());
-    }, []);
     React.useEffect(function () {
         if (error)
             dispatch(clearError());

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

@@ -52,7 +52,7 @@ var LicenseContainer = styled(Box)(function () { return ({
 }); });
 var LicenseNameText = 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 }));
+    return (__assign(__assign({ display: 'flex', color: theme.palette.text.primary }, theme.typography.body2), { fontWeight: isSelected ? theme.typography.fontWeightMedium : theme.typography.fontWeightLight }));
 });
 var LicenseList = function (_a) {
     var rest = __rest(_a, []);
@@ -64,7 +64,7 @@ var LicenseList = function (_a) {
     var dispatch = useAppDispatch();
     var _d = useFormContext(), setValue = _d.setValue, control = _d.control;
     var selectedLicenseControl = useController({ control: control, name: 'selectedLicense' });
-    var responseBody = businessTypeData.responseBody, selectedLicense = businessTypeData.selectedLicense;
+    var responseBody = businessTypeData.responseBody, selectedLicense = businessTypeData.selectedLicense, licenseNumber = businessTypeData.licenseNumber;
     var licenseList = (responseBody || { licenseList: [] }).licenseList;
     var onOpenLicenseList = function (event) {
         var _a;
@@ -77,12 +77,14 @@ var LicenseList = function (_a) {
         (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
     };
     React.useEffect(function () {
-        var list = licenseList || [];
-        if (list.length > 0) {
-            setValue('licenseList', list);
+        if (licenseList.length > 0)
+            setValue('licenseList', licenseList);
+    }, [licenseList]);
+    React.useEffect(function () {
+        if (licenseList.length > 0) {
             if (!!selectedLicense) {
                 setValue('selectedLicense', selectedLicense, { shouldValidate: true });
-                setValue('licenseNumber', getLicenseNumber(selectedLicense), { shouldValidate: true });
+                setValue('licenseNumber', licenseNumber, { shouldValidate: true });
             }
         }
     }, [licenseList, selectedLicense]);
@@ -93,7 +95,7 @@ var LicenseList = function (_a) {
     var getLicenseName = function (item) {
         var _a, _b;
         if ((item === null || item === void 0 ? void 0 : item.type) === BusinessType.FL && !isOtherLicense(item))
-            return 'future_work';
+            return t('future_work');
         return (isAr ? (_a = item === null || item === void 0 ? void 0 : item.legal_name) === null || _a === void 0 ? void 0 : _a.ar : (_b = item === null || item === void 0 ? void 0 : item.legal_name) === null || _b === void 0 ? void 0 : _b.en) || '';
     };
     var isOtherLicense = function (item) {
@@ -110,15 +112,18 @@ var LicenseList = function (_a) {
             setValue('licenseNumber', getLicenseNumber(license), { shouldValidate: true });
         onCloseLicenseList();
     };
+    var getLicenseFullName = function (item) {
+        if (isAr)
+            return (_jsxs(_Fragment, { children: [_jsx("span", { children: getLicenseName(item) }), _jsx("span", { children: ' - ' }), _jsx("span", { children: getLicenseNumber(item) })] }));
+        return (_jsxs(_Fragment, { children: [_jsx("span", { children: getLicenseNumber(item) }), _jsx("span", { children: ' - ' }), _jsx("span", { children: getLicenseName(item) })] }));
+    };
     var showLicenseNumber = !anchorEl;
     var selected = selectedLicenseControl.field.value;
     var licenseReadonly = !isOtherLicense(selected);
     var isCR = (selected === null || selected === void 0 ? void 0 : selected.type) === BusinessType.CR;
-    var flValue = isOtherLicense(selected) ? t(getLicenseName(selected)) : t(getLicenseNumber(selected));
-    return (_jsxs(ScreenContainer, { children: [_jsx(InputStyled, { label: t('choose_any_license'), readOnly: true, 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))
-                                            : getLicenseNumber(item) + ' - ' + getLicenseName(item) })) }), getLicenseNumber(item) === getLicenseNumber(selected) && _jsx(CheckIcon, {})] }));
+    var flValue = isOtherLicense(selected) ? t(getLicenseName(selected)) : getLicenseNumber(selected);
+    return (_jsxs(ScreenContainer, { children: [_jsx(InputStyled, { label: t('choose_any_license'), readOnly: true, onClick: !!anchorEl ? function () { return onCloseLicenseList(); } : onOpenLicenseList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_license_cr'), value: isCR ? 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(LicenseNumber, { show: showLicenseNumber, readOnly: licenseReadonly })] }));
 };
 export default React.memo(LicenseList);

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

@@ -14,7 +14,7 @@ import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { CR_NUMBER_LENGTH, FL_NUMBER_LENGTH } from '../../../../constants';
-import { removeAllCharsFromNumber, removeAllOtherThanCharsAndNumber } from '../../../../utils';
+import { removeAllOtherThanCharsAndNumber } from '../../../../utils';
 import ScreenContainer from '../../../shared/Containers/ScreenContainer';
 import ClearIcon from '../../../shared/ClearIcon';
 import CheckIcon from '../../../shared/CheckIcon';
@@ -31,7 +31,7 @@ var LicenseNumber = function (_a) {
     var isCR = (selectedLicense === null || selectedLicense === void 0 ? void 0 : selectedLicense.type) === BusinessType.CR;
     var handleFLNumberChange = function (_a) {
         var target = _a.target;
-        var value = isCR ? removeAllCharsFromNumber(target.value) : removeAllOtherThanCharsAndNumber(target.value);
+        var value = removeAllOtherThanCharsAndNumber(target.value);
         licenseNumberControl.field.onChange(value);
     };
     var clearLicenseNumber = function () {
@@ -41,6 +41,6 @@ var LicenseNumber = function (_a) {
     var error = (_b = licenseNumberControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
     var length = isCR ? CR_NUMBER_LENGTH : FL_NUMBER_LENGTH;
     var label = isCR ? 'cr_number' : 'fl_number';
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { readOnly: readOnly, label: t(label), onChange: handleFLNumberChange, inputProps: { maxLength: length }, value: licenseNumberValue, endAdornment: (licenseNumberValue === null || licenseNumberValue === void 0 ? void 0 : licenseNumberValue.length) === length ? (_jsx(CheckIcon, {})) : (licenseNumberValue && _jsx(ClearIcon, { onClick: clearLicenseNumber })), placeholder: isCR ? '0123456789' : '12345678', warningType: 'alert', warningMessage: error && t(error, { length: length }) }) }) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { readOnly: readOnly, label: t(label), onChange: handleFLNumberChange, inputProps: { maxLength: length }, value: licenseNumberValue, endAdornment: (licenseNumberValue === null || licenseNumberValue === void 0 ? void 0 : licenseNumberValue.length) === length ? (_jsx(CheckIcon, {})) : (licenseNumberValue && _jsx(ClearIcon, { onClick: clearLicenseNumber })), placeholder: isCR ? '01f3c5x78n' : '1a3c5b78', warningType: 'alert', warningMessage: error && t(error, { length: length }) }) }) })));
 };
 export default React.memo(LicenseNumber);

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

@@ -52,7 +52,6 @@ var Customers = function (_a) {
         mode: 'onChange'
     });
     var onSubmit = function (data) {
-        console.log('data', data);
         dispatch(updateCustomersInfo(__assign({}, data)));
     };
     var onBack = function () {

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

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

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

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

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

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

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

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

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

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

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

@@ -59,7 +59,7 @@ var VerifyNumber = function (_a) {
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     React.useEffect(function () {
-        if (error)
+        if (error && methods.formState.isValid)
             dispatch(clearError());
         return function () {
             dispatch(resetOTPScreen());

package/build/features/featuresScreens.js

@@ -11,6 +11,7 @@ import BusinessOTPPage from './business/screens/OTP';
 import BusinessTypePage from './business/screens/BusinessType';
 import ActivitiesPage from './business/screens/Activities';
 import SuccessPage from './business/screens/Success';
+import SuccessWithFlowButtonsPage from './business/screens/SuccessWithFlowButtons';
 import PasswordVerifyPage from './password/screens/Verify';
 import CreatePasswordPage from './password/screens/CreatePassword';
 import SuccessPasswordPage from './password/screens/Success';
@@ -75,7 +76,8 @@ export var businessFeatureScreens = [
         name: 'BUSINESS_CUSTOMERS_STEP',
         element: CustomersPage
     },
-    { name: 'BUSINESS_SUCCESS_STEP', element: SuccessPage }
+    { name: 'BUSINESS_SUCCESS_STEP', element: SuccessPage },
+    { name: 'BUSINESS_SUCCESS_FOUR_FLOWS_BUTTONS_STEP', element: SuccessWithFlowButtonsPage }
 ];
 export var passwordFeatureScreens = [
     {

package/build/features/password/screens/CreatePassword/CreatePassword.js

@@ -43,7 +43,6 @@ var CreatePassword = function (_a) {
     var isAr = useLanguage().isAr;
     var dispatch = useAppDispatch();
     var onSubmit = function (data) {
-        console.log('data', data);
         dispatch(handleNextScreenStep());
     };
     return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(InputsContainerStyled, { children: _jsx(Password, {}) }), _jsx(Button, __assign({ disableBack: true, isAr: isAr, disabled: !methods.formState.isValid, loading: false }, { children: t('next') }))] })) })) }));

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

@@ -44,6 +44,7 @@ var ButtonStyled = styled(Button, { shouldForwardProp: function (prop) { return
     var theme = _a.theme, hideIcon = _a.hideIcon;
     return ({
         paddingInlineStart: theme.spacing(0.75),
+        textTransform: 'none',
         backgroundColor: theme.palette.common.white,
         border: "1px solid ".concat(hideIcon ? theme.palette.primary.main : theme.palette.primary.light),
         color: hideIcon ? theme.palette.primary.main : theme.palette.primary.light,

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

@@ -63,7 +63,7 @@ var ButtonStyled = styled(Button, {
     shouldForwardProp: function (prop) { return prop !== 'isBack' && prop !== 'isLoading'; }
 })(function (_a) {
     var theme = _a.theme, isBack = _a.isBack, isLoading = _a.isLoading;
-    return (__assign({ paddingInlineStart: theme.spacing(2.5), marginInlineStart: isBack ? theme.spacing(-5) : theme.spacing(0), paddingLeft: isLoading ? 8 : 'auto', paddingRight: isLoading ? 8 : 'auto', transition: theme.transitions.create(['width', 'padding'], {
+    return (__assign({ paddingInlineStart: theme.spacing(2.5), marginInlineStart: isBack ? theme.spacing(-5) : theme.spacing(0), paddingLeft: isLoading ? 8 : 'auto', paddingRight: isLoading ? 8 : 'auto', textTransform: 'none', transition: theme.transitions.create(['width', 'padding'], {
             easing: theme.transitions.easing.easeInOut,
             duration: theme.transitions.duration.complex * 2
         }) }, (isLoading && {