@tap-payments/auth-jsconnect 1.0.41 → 1.0.45

package/build/features/app/business/businessStore.js

@@ -173,7 +173,7 @@ export var updateLeadIdentity = createAsyncThunk('updateLeadIdentity', function
         }
     });
 }); });
-export var retrieveCRInfos = createAsyncThunk('retrieveCRInfos', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+export var retrieveEntityList = createAsyncThunk('retrieveEntityList', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var business, leadId, data;
     var _a;
     return __generator(this, function (_b) {
@@ -181,22 +181,7 @@ export var retrieveCRInfos = createAsyncThunk('retrieveCRInfos', function (param
             case 0:
                 business = thunkApi.getState().business;
                 leadId = (_a = business.data.verify.responseBody) === null || _a === void 0 ? void 0 : _a.id;
-                return [4, API.leadService.retrieveCRInfos(leadId)];
-            case 1:
-                data = (_b.sent()).data;
-                return [2, { data: data }];
-        }
-    });
-}); });
-export var retrieveFLInfos = createAsyncThunk('retrieveFLInfos', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var business, leadId, data;
-    var _a;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
-            case 0:
-                business = thunkApi.getState().business;
-                leadId = (_a = business.data.verify.responseBody) === null || _a === void 0 ? void 0 : _a.id;
-                return [4, API.leadService.retrieveFLInfos(leadId)];
+                return [4, API.leadService.retrieveEntityList(leadId)];
             case 1:
                 data = (_b.sent()).data;
                 return [2, { data: data }];
@@ -290,6 +275,7 @@ export var updateActivitiesInfo = createAsyncThunk('updateActivitiesInfo', funct
             case 1:
                 data = (_f.sent()).data;
                 if (!data.errors) {
+                    thunkApi.dispatch(retrieveDataList());
                     thunkApi.dispatch(handleNextScreenStep());
                     (_e = (_d = settings.data.appConfig).onStepCompleted) === null || _e === void 0 ? void 0 : _e.call(_d, settings.data.activeScreen.name, requestBody);
                 }
@@ -297,28 +283,53 @@ export var updateActivitiesInfo = createAsyncThunk('updateActivitiesInfo', funct
         }
     });
 }); });
+export var retrieveDataList = createAsyncThunk('retrieveDataList', function () { return __awaiter(void 0, void 0, void 0, function () {
+    var customerBases, expectedSales, expectedCustomerSales;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4, API.dataService.getCustomerBases()];
+            case 1:
+                customerBases = _a.sent();
+                return [4, API.dataService.getExpectedSales()];
+            case 2:
+                expectedSales = _a.sent();
+                return [4, API.dataService.getExpectedCutomerSales()];
+            case 3:
+                expectedCustomerSales = _a.sent();
+                return [2, {
+                        customerBasesData: customerBases === null || customerBases === void 0 ? void 0 : customerBases.data,
+                        expectedSalesData: expectedSales === null || expectedSales === void 0 ? void 0 : expectedSales.data,
+                        expectedCustomerSalesData: expectedCustomerSales === null || expectedCustomerSales === void 0 ? void 0 : expectedCustomerSales.data
+                    }];
+        }
+    });
+}); });
 export var updateCustomersInfo = createAsyncThunk('updateCustomersInfo', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, settings, business, requestBody, headers, data;
-    var _b, _c, _d;
-    return __generator(this, function (_e) {
-        switch (_e.label) {
+    var _a, settings, business, customerBase, requestBody, headers, data;
+    var _b, _c, _d, _e, _f;
+    return __generator(this, function (_g) {
+        switch (_g.label) {
             case 0:
                 _a = thunkApi.getState(), settings = _a.settings, business = _a.business;
+                customerBase = params.customerLocations.map(function (_a) {
+                    var value = _a.value;
+                    return value;
+                });
                 requestBody = {
-                    customers_base: params.customerLocations,
-                    customers_served_monthly: params.expectedCustomers,
-                    yearly_sales_range: params.expectedSalesRange,
+                    customers_base: customerBase,
+                    customers_served_monthly: ((_b = params.expectedCustomers) === null || _b === void 0 ? void 0 : _b.value) || '',
+                    yearly_sales_range: ((_c = params.expectedCustomers) === null || _c === void 0 ? void 0 : _c.value) || '',
                     agree_refund: params.refundPolicy,
                     agree_chargeback: params.transactionPolicy,
                     step_name: BUSINESS_STEP_NAMES.BUSINESS_CUSTOMERS
                 };
-                headers = { entity_id: (_b = business.data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.id };
+                headers = { entity_id: (_d = business.data.otpData.responseBody) === null || _d === void 0 ? void 0 : _d.id };
                 return [4, API.entityService.updateEntityInfo(requestBody, { headers: headers })];
             case 1:
-                data = (_e.sent()).data;
+                data = (_g.sent()).data;
                 if (!data.errors) {
                     thunkApi.dispatch(handleNextScreenStep());
-                    (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, requestBody);
+                    (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, requestBody);
                 }
                 return [2, { data: data, formData: __assign({}, params) }];
         }
@@ -484,43 +495,29 @@ export var businessSlice = createSlice({
             state.loading = false;
             state.error = action.error.message;
         })
-            .addCase(retrieveCRInfos.pending, function (state) {
+            .addCase(retrieveEntityList.pending, function (state) {
             state.loading = true;
             state.error = null;
         })
-            .addCase(retrieveCRInfos.fulfilled, function (state, action) {
+            .addCase(retrieveEntityList.fulfilled, function (state, action) {
             var _a;
             state.loading = false;
             state.error = null;
             var data = action.payload.data;
             var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
             if (!description) {
-                if (Array.isArray(data)) {
-                    state.data.crInfos = data;
+                var fl = data.fl, cr = data.cr;
+                if (Array.isArray(cr)) {
+                    state.data.crInfos = cr;
                     state.data.businessTypeData.businessType = BusinessType.CR;
                 }
+                if (Array.isArray(fl)) {
+                    state.data.flInfos = fl;
+                    state.data.businessTypeData.businessType = BusinessType.FL;
+                }
             }
         })
-            .addCase(retrieveCRInfos.rejected, function (state, action) {
-            state.loading = false;
-            state.error = action.error.message;
-        })
-            .addCase(retrieveFLInfos.pending, function (state) {
-            state.loading = true;
-            state.error = null;
-        })
-            .addCase(retrieveFLInfos.fulfilled, function (state, action) {
-            var _a;
-            state.loading = false;
-            state.error = null;
-            var data = action.payload.data;
-            var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
-            if (!description) {
-                state.data.flInfos = data === null || data === void 0 ? void 0 : data.licenses;
-                state.data.businessTypeData.businessType = BusinessType.FL;
-            }
-        })
-            .addCase(retrieveFLInfos.rejected, function (state, action) {
+            .addCase(retrieveEntityList.rejected, function (state, action) {
             state.loading = false;
             state.error = action.error.message;
         })
@@ -608,6 +605,39 @@ export var businessSlice = createSlice({
             .addCase(updateActivitiesInfo.rejected, function (state, action) {
             state.loading = false;
             state.error = action.error.message;
+        })
+            .addCase(retrieveDataList.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(retrieveDataList.fulfilled, function (state, action) {
+            var _a, _b, _c;
+            state.loading = false;
+            state.error = null;
+            var _d = action.payload, customerBasesData = _d.customerBasesData, expectedSalesData = _d.expectedSalesData, expectedCustomerSalesData = _d.expectedCustomerSalesData;
+            var description = (((_a = customerBasesData === null || customerBasesData === void 0 ? void 0 : customerBasesData.errors) === null || _a === void 0 ? void 0 : _a[0]) ||
+                ((_b = expectedSalesData === null || expectedSalesData === void 0 ? void 0 : expectedSalesData.errors) === null || _b === void 0 ? void 0 : _b[0]) ||
+                ((_c = expectedCustomerSalesData === null || expectedCustomerSalesData === void 0 ? void 0 : expectedCustomerSalesData.errors) === null || _c === void 0 ? void 0 : _c[0]) ||
+                {}).description;
+            if (description) {
+                state.error = description;
+                return;
+            }
+            var data = state.data.activitiesData.responseBody;
+            state.data.activitiesData.responseBody = __assign(__assign({}, data), { customerBases: customerBasesData || [], expectedSales: expectedSalesData.data || [], expectedCustomerSales: expectedCustomerSalesData.data || [] });
+            var selectedCustomerBase = customerBasesData === null || customerBasesData === void 0 ? void 0 : customerBasesData[0];
+            if (!!selectedCustomerBase)
+                state.data.customersData.customerLocations = [selectedCustomerBase];
+            var selectedExpectedSale = expectedSalesData === null || expectedSalesData === void 0 ? void 0 : expectedSalesData[(expectedSalesData === null || expectedSalesData === void 0 ? void 0 : expectedSalesData.length) - 1];
+            if (!!selectedExpectedSale)
+                state.data.customersData.expectedSalesRange = selectedExpectedSale;
+            var selectedExpectedCustomerSale = expectedCustomerSalesData === null || expectedCustomerSalesData === void 0 ? void 0 : expectedCustomerSalesData[(expectedCustomerSalesData === null || expectedCustomerSalesData === void 0 ? void 0 : expectedCustomerSalesData.length) - 1];
+            if (!!selectedExpectedCustomerSale)
+                state.data.customersData.expectedCustomers = selectedExpectedCustomerSale;
+        })
+            .addCase(retrieveDataList.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
         })
             .addCase(updateCustomersInfo.pending, function (state) {
             state.loading = true;

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

@@ -535,7 +535,7 @@ export var connectSlice = createSlice({
                 var firstName = (name_1 === null || name_1 === void 0 ? void 0 : name_1.first) + ' ';
                 var middleName = !!(name_1 === null || name_1 === void 0 ? void 0 : name_1.middle) ? (name_1 === null || name_1 === void 0 ? void 0 : name_1.middle) + ' ' : '';
                 var thirdName = !!(name_1 === null || name_1 === void 0 ? void 0 : name_1.third) ? (name_1 === null || name_1 === void 0 ? void 0 : name_1.third) + ' ' : '';
-                var lastName = !!(name_1 === null || name_1 === void 0 ? void 0 : name_1.last) ? name_1 === null || name_1 === void 0 ? void 0 : name_1.middle : '';
+                var lastName = !!(name_1 === null || name_1 === void 0 ? void 0 : name_1.last) ? name_1 === null || name_1 === void 0 ? void 0 : name_1.last : '';
                 if (!!name_1) {
                     var capitalizedName = capitalizeTheFirstLetterOfEachWord(firstName + middleName + thirdName + lastName);
                     state.data.individualData.name = capitalizedName;

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

@@ -40,9 +40,10 @@ var Activities = function () {
     var t = useTranslation().t;
     var _d = useSelector(businessSelector), data = _d.data, loading = _d.loading, error = _d.error;
     var businessTypeResponse = data.businessTypeData.responseBody;
+    var activitiesData = data.activitiesData;
     var methods = useForm({
         resolver: yupResolver(ActivitiesValidationSchema),
-        defaultValues: data.activitiesData,
+        defaultValues: activitiesData,
         mode: 'onChange'
     });
     var onSubmit = function (data) {
@@ -55,6 +56,10 @@ var Activities = function () {
     var onBack = function () {
         dispatch(handlePrevScreenStep());
     };
+    React.useEffect(function () {
+        var salesChannels = activitiesData.salesChannels;
+        methods.setValue('salesChannels', salesChannels);
+    }, [activitiesData.salesChannels]);
     React.useEffect(function () {
         if (error)
             dispatch(clearError());

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

@@ -21,7 +21,7 @@ import Form from '../../../../components/Form';
 import Collapse from '../../../../components/Collapse';
 import { useLanguage } from '../../../../hooks';
 import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import { businessSelector, clearError, retrieveCRInfos, retrieveFLInfos, updateLeadBusinessType } from '../../../app/business/businessStore';
+import { businessSelector, clearError, retrieveEntityList, updateLeadBusinessType } from '../../../app/business/businessStore';
 import { BusinessType as BusinessTypeEnum } from '../../../../@types';
 import Button from '../../../shared/Button';
 import { CRValidationSchema, FLValidationSchema } from './validation';
@@ -42,8 +42,7 @@ var BusinessType = function (_a) {
         mode: 'onChange'
     });
     React.useEffect(function () {
-        dispatch(retrieveFLInfos());
-        dispatch(retrieveCRInfos());
+        dispatch(retrieveEntityList());
     }, []);
     React.useEffect(function () {
         var businessType = businessTypeData.businessType;

package/build/features/business/screens/BusinessType/CompanyLicense.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { CRLicense } from '../../../../@types';
+import { License } from '../../../../@types';
 interface CompanyLicenseProps {
     show: boolean;
-    list: Array<CRLicense>;
+    list: Array<License>;
     onSelectLicense?: (number: string) => void;
     onListOpen?: () => void;
     onListClose?: () => void;

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

@@ -43,7 +43,7 @@ import SimpleList from '../../../../components/SimpleList';
 import Text from '../../../../components/Text';
 import ExpandIcon from '../../../../components/ExpandIcon';
 import Collapse from '../../../../components/Collapse';
-import { OTHER_CR_LICENSE } from '../../../../constants';
+import { OTHER_LICENSE } from '../../../../constants';
 import CRNumber from './CRNumber';
 var InputStyled = styled(Input)(function (_a) {
     var theme = _a.theme;
@@ -88,19 +88,22 @@ var CompanyLicense = function (_a) {
                 setSelectedLicense(first);
                 setValue('crNumber', getLicenseNumber(first), { shouldValidate: true });
                 if (!hasOther)
-                    array = __spreadArray(__spreadArray([], array, true), [OTHER_CR_LICENSE], false);
+                    array = __spreadArray(__spreadArray([], array, true), [OTHER_LICENSE], false);
                 setLicenseList(array);
             }
         }
     }, [show, list]);
     var getLicenseNumber = function (item) {
-        return (item === null || item === void 0 ? void 0 : item.crNumber) || '';
+        var _a;
+        return ((_a = item === null || item === void 0 ? void 0 : item.license) === null || _a === void 0 ? void 0 : _a.number) || '';
     };
     var getLicenseName = function (item) {
-        return (item === null || item === void 0 ? void 0 : item.crName) || '';
+        var _a, _b;
+        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) {
-        return (item === null || item === void 0 ? void 0 : item.crName) === 'other';
+        var _a;
+        return ((_a = item === null || item === void 0 ? void 0 : item.legal_name) === null || _a === void 0 ? void 0 : _a.en) === 'other';
     };
     var onSelectItem = function (license) {
         setSelectedLicense(license);
@@ -112,7 +115,7 @@ var CompanyLicense = function (_a) {
     };
     var hasList = (licenseList === null || licenseList === void 0 ? void 0 : licenseList.length) > 0;
     var showCRNumber = !anchorEl;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsxs(Collapse, __assign({ in: hasList }, { children: [_jsx(InputStyled, { label: t('enter_commercial_register_no'), readOnly: true, onClick: !!anchorEl ? function () { return onCloseLicenseList(); } : onOpenLicenseList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_license_cr'), value: t(getLicenseName(selectedLicense)) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'crNumber', list: licenseList, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsxs(Collapse, __assign({ in: hasList }, { children: [_jsx(InputStyled, { label: t('enter_commercial_register_no'), readOnly: true, onClick: !!anchorEl ? function () { return onCloseLicenseList(); } : onOpenLicenseList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_license_cr'), value: t(getLicenseName(selectedLicense)) }), _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(selectedLicense) }, { children: isOtherLicense(item)
                                                         ? t(getLicenseNumber(item))
                                                         : isAr

package/build/features/business/screens/BusinessType/FreelanceLicense.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { FLLicense } from '../../../../@types';
+import { License } from '../../../../@types';
 interface FreelanceLicenseProps {
     show: boolean;
-    list: Array<FLLicense>;
+    list: Array<License>;
     onSelectLicense?: (number: string) => void;
     onListOpen?: () => void;
     onListClose?: () => void;

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

@@ -42,7 +42,7 @@ import ScreenContainer from '../../../shared/Containers/ScreenContainer';
 import CheckIcon from '../../../shared/CheckIcon';
 import ExpandIcon from '../../../../components/ExpandIcon';
 import Input from '../../../shared/Input';
-import { OTHER_FL_LICENSE } from '../../../../constants';
+import { OTHER_LICENSE } from '../../../../constants';
 import SimpleList from '../../../../components/SimpleList';
 import FLNumber from './FLNumber';
 var InputStyled = styled(Input)(function (_a) {
@@ -88,22 +88,22 @@ var FreelanceLicense = function (_a) {
                 setSelectedLicense(first);
                 setValue('flNumber', getLicenseNumber(first), { shouldValidate: true });
                 if (!hasOther)
-                    array = __spreadArray(__spreadArray([], array, true), [OTHER_FL_LICENSE], false);
+                    array = __spreadArray(__spreadArray([], array, true), [OTHER_LICENSE], false);
                 setLicenseList(array);
             }
         }
     }, [show, list]);
     var getLicenseNumber = function (item) {
-        return (item === null || item === void 0 ? void 0 : item.number) || '';
+        var _a;
+        return ((_a = item === null || item === void 0 ? void 0 : item.license) === null || _a === void 0 ? void 0 : _a.number) || '';
     };
     var isOtherLicense = function (item) {
-        return (item === null || item === void 0 ? void 0 : item.number) === 'other';
+        var _a;
+        return ((_a = item === null || item === void 0 ? void 0 : item.license) === null || _a === void 0 ? void 0 : _a.number) === 'other';
     };
     var getLicenseName = function (item) {
-        var _a, _b, _c, _d, _e, _f;
-        return ((isAr
-            ? (_c = (_b = (_a = item === null || item === void 0 ? void 0 : item.license_specialities) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.speciality) === null || _c === void 0 ? void 0 : _c.name
-            : (_f = (_e = (_d = item === null || item === void 0 ? void 0 : item.license_specialities) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.speciality) === null || _f === void 0 ? void 0 : _f.name_en) || '');
+        var _a, _b;
+        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 onSelectItem = function (license) {
         setSelectedLicense(license);
@@ -115,7 +115,7 @@ var FreelanceLicense = function (_a) {
     };
     var hasList = (licenseList === null || licenseList === void 0 ? void 0 : licenseList.length) > 0;
     var showFLNumber = !anchorEl;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsxs(Collapse, __assign({ in: hasList }, { children: [_jsx(InputStyled, { label: t('enter_freelance_license'), readOnly: true, onClick: !!anchorEl ? function () { return onCloseLicenseList(); } : onOpenLicenseList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_license_fl'), value: t(getLicenseName(selectedLicense)) }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'license_specialities[0].speciality.name_en', list: licenseList, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsxs(Collapse, __assign({ in: hasList }, { children: [_jsx(InputStyled, { label: t('enter_freelance_license'), readOnly: true, onClick: !!anchorEl ? function () { return onCloseLicenseList(); } : onOpenLicenseList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_license_fl'), value: t(getLicenseName(selectedLicense)) }), _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(selectedLicense) }, { children: isOtherLicense(item)
                                                         ? t(getLicenseNumber(item))
                                                         : isAr

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

@@ -22,6 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
+import { useSelector } from 'react-redux';
 import Box from '@mui/material/Box';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
@@ -34,7 +35,7 @@ import Input from '../../../../components/Input';
 import SimpleList from '../../../../components/SimpleList';
 import { ScreenContainer } from '../../../shared/Containers';
 import { useLanguage } from '../../../../hooks';
-import { CUSTOMER_LOCATIONS } from '../../../../constants';
+import { businessSelector } from '../../../app/business/businessStore';
 export var InputLabelStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
     return (__assign({ margin: theme.spacing(2.5, 2.5, 1.5, 2.5), color: alpha(theme.palette.text.primary, 0.4) }, theme.typography.caption));
@@ -73,12 +74,15 @@ var SimpleListStyled = styled((SimpleList))(function () { return ({
 }); });
 var customerLocations = function (_a) {
     var rest = __rest(_a, []);
-    var customerLocationsList = React.useState(CUSTOMER_LOCATIONS)[0];
-    var _b = React.useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
+    var _b = React.useState([]), customerLocationsList = _b[0], setCustomerLocationsList = _b[1];
+    var _c = React.useState(null), anchorEl = _c[0], setAnchorEl = _c[1];
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var control = useFormContext().control;
     var customerLocationsControl = useController({ name: 'customerLocations', control: control });
+    var data = useSelector(businessSelector).data;
+    var activitiesData = data.activitiesData;
+    var response = activitiesData.responseBody;
     var onOpenList = function (event) {
         var _a;
         setAnchorEl(event.currentTarget);
@@ -89,6 +93,12 @@ var customerLocations = function (_a) {
         setAnchorEl(null);
         (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
     };
+    React.useEffect(function () {
+        var _a;
+        if (((_a = response === null || response === void 0 ? void 0 : response.customerBases) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            setCustomerLocationsList(response === null || response === void 0 ? void 0 : response.customerBases);
+        }
+    }, [response === null || response === void 0 ? void 0 : response.customerBases]);
     var checkRemainingCondition = function (item) {
         return !!customerLocationsValue.find(function (location) {
             return location.id === item.id;
@@ -102,7 +112,7 @@ var customerLocations = function (_a) {
     var customerLocationsValue = customerLocationsControl.field.value;
     var customerLocationSelected = customerLocationsValue[customerLocationsValue.length - 1];
     return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, { children: t('select_customer_base') }), _jsx(InputStyled, { readOnly: true, value: isAr ? customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.nameAR : customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.name, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: _jsx(SimpleListStyled, { searchKeyPath: 'name', list: customerLocationsList, placeholder: 'choose_customer_base', onSelectItem: onSelectItem, renderItem: function (item) {
-                            return (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ display: 'flex' }, { children: _jsx(NameContainer, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.id) === (customerLocationsValue === null || customerLocationsValue === void 0 ? void 0 : customerLocationsValue.id) }, { children: isAr ? item.nameAR : item.name })) })), item.id === (customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.id) && _jsx(CheckIconStyled, {}), checkRemainingCondition(item) && item.id != (customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.id) && _jsx(RemainingCheck, {})] }));
+                            return (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ display: 'flex' }, { children: _jsx(NameContainer, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.id) === (customerLocationsValue === null || customerLocationsValue === void 0 ? void 0 : customerLocationsValue.id) }, { children: isAr ? item.titleAr : item.title })) })), item.id === (customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.id) && _jsx(CheckIconStyled, {}), checkRemainingCondition(item) && item.id != (customerLocationSelected === null || customerLocationSelected === void 0 ? void 0 : customerLocationSelected.id) && _jsx(RemainingCheck, {})] }));
                         } }) }))] }) })));
 };
 export default React.memo(customerLocations);

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

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Box from '@mui/material/Box/Box';
+import { useSelector } from 'react-redux';
 import { styled } from '@mui/material/styles';
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
@@ -25,12 +26,11 @@ import { useLanguage } from '../../../../hooks';
 import CustomerLocations from './CustomerLocations';
 import ExpectedCustomers from './ExpectedCustomers';
 import ExpectedSales from './ExpectedSalesRange';
-import { CUSTOMER_LOCATIONS, EXPECTED_CUSTOMERS, EXPECTED_SALES_RANGE } from '../../../../constants';
 import RefundPolicy from './RefundPolicy';
 import TransactionPolicy from './TransactionPolicy';
 import { ScreenContainer } from '../../../shared/Containers';
 import Collapse from '../../../../components/Collapse';
-import { updateCustomersInfo } from '../../../app/business/businessStore';
+import { businessSelector, clearError, updateCustomersInfo } from '../../../app/business/businessStore';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column'
@@ -44,15 +44,11 @@ var ListType;
 var Customers = function (_a) {
     var _b = React.useState(), listActive = _b[0], setListActive = _b[1];
     var dispatch = useAppDispatch();
+    var _c = useSelector(businessSelector), data = _c.data, loading = _c.loading, error = _c.error;
+    var customerData = data.customersData;
     var methods = useForm({
         resolver: yupResolver(CustomerInfoValidation),
-        defaultValues: {
-            customerLocations: CUSTOMER_LOCATIONS,
-            expectedCustomers: EXPECTED_CUSTOMERS[EXPECTED_CUSTOMERS.length - 1],
-            expectedSalesRange: EXPECTED_SALES_RANGE[EXPECTED_SALES_RANGE.length - 1],
-            refundPolicy: false,
-            transactionPolicy: false
-        },
+        defaultValues: data.customersData,
         mode: 'onChange'
     });
     var onSubmit = function (data) {
@@ -67,6 +63,16 @@ var Customers = function (_a) {
     var handleMenuClick = function (flag) {
         setListActive(flag);
     };
+    React.useEffect(function () {
+        if (error)
+            dispatch(clearError());
+    }, [methods.formState.isValid]);
+    React.useEffect(function () {
+        var customerLocations = customerData.customerLocations, expectedCustomers = customerData.expectedCustomers, expectedSalesRange = customerData.expectedSalesRange;
+        methods.setValue('customerLocations', customerLocations);
+        methods.setValue('expectedCustomers', expectedCustomers);
+        methods.setValue('expectedSalesRange', expectedSalesRange);
+    }, [customerData.customerLocations, customerData.expectedCustomers, customerData.expectedSalesRange]);
     var isCustomerLocationsListActive = listActive === ListType.CustomerLocationsList;
     var isExpectedCustomersListActive = listActive === ListType.ExpectedCustomersList;
     var isExpectedSalesListActive = listActive === ListType.ExpectedSalesList;
@@ -74,6 +80,7 @@ var Customers = function (_a) {
     var whenNotSelectExpectedCustomers = !isCustomerLocationsListActive && !isExpectedSalesListActive;
     var whenNotSelectExpectedSales = !isCustomerLocationsListActive && !isExpectedCustomersListActive;
     var isAnyListSelected = !isExpectedCustomersListActive && !isCustomerLocationsListActive && !isExpectedSalesListActive;
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(CustomerLocations, { show: whenNotSelectCustomersLocation, onListOpen: function () { return handleMenuClick(ListType.CustomerLocationsList); }, onListClose: function () { return handleMenuClick(); } }), _jsx(ExpectedCustomers, { show: whenNotSelectExpectedCustomers, onListOpen: function () { return handleMenuClick(ListType.ExpectedCustomersList); }, onListClose: function () { return handleMenuClick(); } }), _jsx(ExpectedSales, { show: whenNotSelectExpectedSales, onListOpen: function () { return handleMenuClick(ListType.ExpectedSalesList); }, onListClose: function () { return handleMenuClick(); } }), _jsxs(Collapse, __assign({ in: isAnyListSelected }, { children: [_jsx(RefundPolicy, {}), _jsx(TransactionPolicy, {}), _jsx(Box, __assign({ sx: { mt: 2 } }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: !methods.formState.isValid, isAr: isAr }, { children: t('next') })) }))] }))] })) })) }));
+    var disabled = !methods.formState.isValid || !!error;
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(CustomerLocations, { show: whenNotSelectCustomersLocation, onListOpen: function () { return handleMenuClick(ListType.CustomerLocationsList); }, onListClose: function () { return handleMenuClick(); } }), _jsx(ExpectedCustomers, { show: whenNotSelectExpectedCustomers, onListOpen: function () { return handleMenuClick(ListType.ExpectedCustomersList); }, onListClose: function () { return handleMenuClick(); } }), _jsx(ExpectedSales, { show: whenNotSelectExpectedSales, onListOpen: function () { return handleMenuClick(ListType.ExpectedSalesList); }, onListClose: function () { return handleMenuClick(); } }), _jsxs(Collapse, __assign({ in: isAnyListSelected }, { children: [_jsx(RefundPolicy, {}), _jsx(TransactionPolicy, {}), _jsx(Box, __assign({ sx: { mt: 2 } }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, isAr: isAr, disabled: disabled, loading: loading, error: t(error || '') }, { children: t('next') })) }))] }))] })) })) }));
 };
 export default React.memo(Customers);

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

@@ -22,17 +22,18 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
+import { useSelector } from 'react-redux';
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { useLanguage } from '../../../../hooks';
 import SimpleList from '../../../../components/SimpleList';
-import { EXPECTED_CUSTOMERS } from '../../../../constants';
 import Collapse from '../../../../components/Collapse';
 import ExpandIcon from '../../../../components/ExpandIcon';
 import { ScreenContainer } from '../../../shared/Containers';
 import { CheckIconStyled, InputLabelStyled, InputStyled, NameContainer } from './CustomerLocations';
+import { businessSelector } from '../../../app/business/businessStore';
 var ListItemContainer = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -45,12 +46,15 @@ var SimpleListStyled = styled((SimpleList))(function () { return ({
 }); });
 var ExpectedCustomers = function (_a) {
     var rest = __rest(_a, []);
-    var expectedCustomersList = React.useState(EXPECTED_CUSTOMERS)[0];
-    var _b = React.useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
+    var _b = React.useState([]), expectedCustomersList = _b[0], setExpectedCustomersList = _b[1];
+    var _c = React.useState(null), anchorEl = _c[0], setAnchorEl = _c[1];
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var control = useFormContext().control;
     var expectedCustomersControl = useController({ name: 'expectedCustomers', control: control });
+    var data = useSelector(businessSelector).data;
+    var activitiesData = data.activitiesData;
+    var response = activitiesData.responseBody;
     var onOpenList = function (event) {
         var _a;
         setAnchorEl(event.currentTarget);
@@ -61,6 +65,12 @@ var ExpectedCustomers = function (_a) {
         setAnchorEl(null);
         (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
     };
+    React.useEffect(function () {
+        var _a;
+        if (((_a = response === null || response === void 0 ? void 0 : response.expectedCustomerSales) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            setExpectedCustomersList(response === null || response === void 0 ? void 0 : response.expectedCustomerSales);
+        }
+    }, [response === null || response === void 0 ? void 0 : response.expectedCustomerSales]);
     var onSelectItem = function (expectedCustomers) {
         onCloseList();
         expectedCustomersControl.field.onChange(expectedCustomers);
@@ -68,7 +78,7 @@ var ExpectedCustomers = function (_a) {
     var expectedCustomersValue = expectedCustomersControl.field.value;
     var expectedCustomersSelected = expectedCustomersValue;
     return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, { children: t('expected_customers_to_serve') }), _jsx(InputStyled, { readOnly: true, value: isAr ? expectedCustomersSelected === null || expectedCustomersSelected === void 0 ? void 0 : expectedCustomersSelected.nameAR : expectedCustomersSelected === null || expectedCustomersSelected === void 0 ? void 0 : expectedCustomersSelected.name, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: _jsx(SimpleListStyled, { searchKeyPath: 'name', list: expectedCustomersList, onSelectItem: onSelectItem, renderItem: function (item) {
-                            return (_jsxs(_Fragment, { children: [_jsx(ListItemContainer, { children: _jsx(NameContainer, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.id) === (expectedCustomersValue === null || expectedCustomersValue === void 0 ? void 0 : expectedCustomersValue.id) }, { children: isAr ? item.nameAR : item.name })) }), item.id === (expectedCustomersSelected === null || expectedCustomersSelected === void 0 ? void 0 : expectedCustomersSelected.id) && _jsx(CheckIconStyled, {})] }));
+                            return (_jsxs(_Fragment, { children: [_jsx(ListItemContainer, { children: _jsx(NameContainer, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.id) === (expectedCustomersValue === null || expectedCustomersValue === void 0 ? void 0 : expectedCustomersValue.id) }, { children: isAr ? item.titleAr : item.title })) }), item.id === (expectedCustomersSelected === null || expectedCustomersSelected === void 0 ? void 0 : expectedCustomersSelected.id) && _jsx(CheckIconStyled, {})] }));
                         } }) }))] }) })));
 };
 export default ExpectedCustomers;

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

@@ -27,12 +27,13 @@ import { styled } from '@mui/material/styles';
 import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { useLanguage } from '../../../../hooks';
-import { EXPECTED_SALES_RANGE } from '../../../../constants';
 import SimpleList from '../../../../components/SimpleList';
 import Collapse from '../../../../components/Collapse';
 import ExpandIcon from '../../../../components/ExpandIcon';
 import { ScreenContainer } from '../../../shared/Containers';
 import { InputLabelStyled, CheckIconStyled, InputStyled, NameContainer } from './CustomerLocations';
+import { useSelector } from 'react-redux';
+import { businessSelector } from '../../../../features/app/business/businessStore';
 var ListItemContainer = styled(Box)(function () { return ({
     display: 'flex'
 }); });
@@ -41,12 +42,15 @@ var SimpleListStyled = styled((SimpleList))(function () { return ({
 }); });
 var ExpectedSalesRange = function (_a) {
     var rest = __rest(_a, []);
-    var expectedSalesRangeList = React.useState(EXPECTED_SALES_RANGE)[0];
-    var _b = React.useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
+    var _b = React.useState([]), expectedSalesRangeList = _b[0], setExpectedSalesRangeList = _b[1];
+    var _c = React.useState(null), anchorEl = _c[0], setAnchorEl = _c[1];
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var control = useFormContext().control;
     var expectedSalesRangeControl = useController({ name: 'expectedSalesRange', control: control });
+    var data = useSelector(businessSelector).data;
+    var activitiesData = data.activitiesData;
+    var response = activitiesData.responseBody;
     var onOpenList = function (event) {
         var _a;
         setAnchorEl(event.currentTarget);
@@ -57,6 +61,12 @@ var ExpectedSalesRange = function (_a) {
         setAnchorEl(null);
         (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
     };
+    React.useEffect(function () {
+        var _a;
+        if (((_a = response === null || response === void 0 ? void 0 : response.expectedSales) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            setExpectedSalesRangeList(response === null || response === void 0 ? void 0 : response.expectedSales);
+        }
+    }, [response === null || response === void 0 ? void 0 : response.expectedSales]);
     var checkRemainingCondition = function (item) {
         return !!expectedSalesRangeValue.find(function (expectedSale) {
             return expectedSale.id === item.id;
@@ -69,7 +79,7 @@ var ExpectedSalesRange = function (_a) {
     var expectedSalesRangeValue = expectedSalesRangeControl.field.value || expectedSalesRangeList;
     var expectedSalesRangeSelected = expectedSalesRangeValue;
     return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, { children: [_jsx(InputLabelStyled, { children: t('expected_sales_yearly') }), _jsx(InputStyled, { readOnly: true, value: isAr ? expectedSalesRangeSelected === null || expectedSalesRangeSelected === void 0 ? void 0 : expectedSalesRangeSelected.nameAR : expectedSalesRangeSelected === null || expectedSalesRangeSelected === void 0 ? void 0 : expectedSalesRangeSelected.name, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, placeholder: t('choose_expected_sales'), endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: _jsx(SimpleListStyled, { searchKeyPath: 'name', list: expectedSalesRangeList, onSelectItem: onSelectItem, renderItem: function (item) {
-                            return (_jsxs(_Fragment, { children: [_jsx(ListItemContainer, { children: _jsx(NameContainer, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.id) === (expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.id) }, { children: isAr ? item.nameAR : item.name })) }), item.id === (expectedSalesRangeSelected === null || expectedSalesRangeSelected === void 0 ? void 0 : expectedSalesRangeSelected.id) && _jsx(CheckIconStyled, {})] }));
+                            return (_jsxs(_Fragment, { children: [_jsx(ListItemContainer, { children: _jsx(NameContainer, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.id) === (expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.id) }, { children: isAr ? item.titleAr : item.title })) }), item.id === (expectedSalesRangeSelected === null || expectedSalesRangeSelected === void 0 ? void 0 : expectedSalesRangeSelected.id) && _jsx(CheckIconStyled, {})] }));
                         } }) }))] }) })));
 };
 export default ExpectedSalesRange;

package/build/features/connect/screens/Individual/Email.js

@@ -54,6 +54,6 @@ var Email = function (_a) {
     var clearNumber = function () {
         emailControl.field.onChange('');
     };
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(InputStyled, { label: t('signup_email_lable'), value: emailValue, onChange: handleEmailChange, type: 'email', placeholder: t('signup_email_placeholder'), warningType: 'alert', warningMessage: error && t(error), endAdornment: !error && emailValue ? _jsx(CheckIcon, {}) : emailValue && _jsx(ClearIcon, { onClick: clearNumber }) }) }) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(InputStyled, { label: t('signup_email_lable'), value: emailValue, onEnterPressed: function (e) { return e.preventDefault(); }, onChange: handleEmailChange, type: 'email', placeholder: t('signup_email_placeholder'), warningType: 'alert', warningMessage: error && t(error), endAdornment: !error && emailValue ? _jsx(CheckIcon, {}) : emailValue && _jsx(ClearIcon, { onClick: clearNumber }) }) }) })));
 };
 export default React.memo(Email);