@tap-payments/auth-jsconnect 1.0.13 → 1.0.14

package/build/components/DatePicker/DatePicker.js

@@ -37,15 +37,15 @@ import Text from '../Text';
 import './customStyle.css';
 var ContainerIcon = styled(CalendarTodayOutlined)(function (_a) {
     var theme = _a.theme;
-    return (__assign(__assign({ paddingInlineStart: theme.spacing(2.5) }, theme.typography.h6), { cursor: 'pointer' }));
+    return (__assign(__assign({ marginInlineStart: theme.spacing(2.5) }, theme.typography.h6), { cursor: 'pointer', width: theme.spacing(2.5), height: theme.spacing(2.5) }));
 });
 var ExpandMore = styled(ExpandMoreIcon)(function (_a) {
     var theme = _a.theme;
-    return (__assign(__assign({ paddingInlineEnd: theme.spacing(2) }, theme.typography.h6), { display: 'flex' }));
+    return (__assign(__assign({ marginInlineEnd: theme.spacing(2) }, theme.typography.h6), { display: 'flex', width: theme.spacing(2.5), height: theme.spacing(2.5) }));
 });
 var ExpandLess = styled(ExpandLessIcon)(function (_a) {
     var theme = _a.theme;
-    return (__assign(__assign({ paddingInlineEnd: theme.spacing(2) }, theme.typography.h6), { display: 'flex' }));
+    return (__assign(__assign({ marginInlineEnd: theme.spacing(2) }, theme.typography.h6), { display: 'flex', width: theme.spacing(2.5), height: theme.spacing(2.5) }));
 });
 var Container = styled(Box, { shouldForwardProp: function (prop) { return prop !== 'disabled'; } })(function (_a) {
     var theme = _a.theme, disabled = _a.disabled;

package/build/components/Loader/Loader.js

@@ -20,8 +20,8 @@ var RootStyled = styled('div')(function () { return ({
     },
     position: 'relative',
     margin: '0px auto',
-    width: '40px',
-    height: '40px'
+    width: '38px',
+    height: '38px'
 }); });
 var LoaderBoxStyled = styled('svg')(function (_a) {
     var size = _a.size;

package/build/constants/app.js

@@ -107,32 +107,56 @@ export var OWNER_SCREENS_NAVIGATION = [
     },
     {
         name: 'OWNER_ADDITIONAL_OWNER_INFO_STEP',
-        next: '',
+        next: 'OWNER_SUCCESS_STEP',
         prev: 'OWNER_SHOW_OWNER_INFO_STEP',
         order: 2
+    },
+    {
+        name: 'OWNER_SUCCESS_STEP',
+        next: '',
+        prev: 'OWNER_ADDITIONAL_OWNER_INFO_STEP',
+        order: 2
     }
 ];
 export var PASSWORD_SCREENS_NAVIGATION = [
     {
         name: 'PASSWORD_CREATE_PASSWORD_STEP',
-        next: '',
+        next: 'PASSWORD_SUCCESS_STEP',
         prev: '',
         order: 1
+    },
+    {
+        name: 'PASSWORD_SUCCESS_STEP',
+        next: '',
+        prev: 'PASSWORD_CREATE_PASSWORD_STEP',
+        order: 2
     }
 ];
 export var BANK_SCREENS_NAVIGATION = [
     {
         name: 'BANK_BANK_DETAILS_STEP',
-        next: '',
+        next: 'BANK_DETAILS_SUCCESS_STEP',
         prev: '',
         order: 1
+    },
+    {
+        name: 'BANK_DETAILS_SUCCESS_STEP',
+        next: '',
+        prev: 'BANK_BANK_DETAILS_STEP',
+        order: 2
     }
 ];
 export var TAX_SCREENS_NAVIGATION = [
     {
         name: 'TAX_TAX_DETAILS_STEP',
-        next: '',
+        next: 'TAX_DETAILS_SUCCESS_STEP',
         prev: '',
         order: 1
+    },
+    {
+        name: 'TAX_DETAILS_SUCCESS_STEP',
+        next: '',
+        prev: 'TAX_TAX_DETAILS_STEP',
+        order: 2
     }
 ];

package/build/features/bank/screens/BankDetails/BankName.js

@@ -22,6 +22,6 @@ var BankName = function () {
     var clearValue = function () {
         bankNameControl.field.onChange('');
     };
-    return (_jsx(FeatureStyled, { children: _jsx(Input, { label: t('bank_name_label'), placeholder: t('bank_name_label'), value: bankNameValue, required: true, endAdornment: !hasError && bankNameValue ? _jsx(CheckIcon, {}) : bankNameValue && _jsx(ClearIcon, { onClick: clearValue }) }) }));
+    return (_jsx(FeatureStyled, { children: _jsx(Input, { label: t('enter_bank_name'), placeholder: t('enter_bank_name_placeholder'), value: bankNameValue, required: true, endAdornment: !hasError && bankNameValue ? _jsx(CheckIcon, {}) : bankNameValue && _jsx(ClearIcon, { onClick: clearValue }) }) }));
 };
 export default BankName;

package/build/features/bank/screens/BankDetails/Beneficiary.js

@@ -14,13 +14,13 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
     });
 });
 var Beneficiary = function () {
-    var _a;
+    var _a, _b;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var beneficiaryControl = useController({ name: 'beneficiaryName', control: control });
     var beneficiaryValue = beneficiaryControl.field.value;
     var hasError = (_a = beneficiaryControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
-    var errorMessage = hasError ? t('beneficiary_error') : '';
+    var error = (_b = beneficiaryControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
     var handleBeneficiaryChange = function (_a) {
         var target = _a.target;
         var value = keepLettersAndSpace(target.value);
@@ -29,6 +29,6 @@ var Beneficiary = function () {
     var clearValue = function () {
         beneficiaryControl.field.onChange('');
     };
-    return (_jsx(FeatureStyled, { children: _jsx(Input, { label: t('beneficiary_name_label'), onChange: handleBeneficiaryChange, value: beneficiaryValue, placeholder: t('beneficiary_name_placeholder'), warningType: 'alert', warningMessage: errorMessage, required: true, endAdornment: !hasError && beneficiaryValue ? _jsx(CheckIcon, {}) : beneficiaryValue && _jsx(ClearIcon, { onClick: clearValue }) }) }));
+    return (_jsx(FeatureStyled, { children: _jsx(Input, { label: t('beneficiary_name'), onChange: handleBeneficiaryChange, value: beneficiaryValue, placeholder: t('beneficiary_name'), warningType: 'alert', warningMessage: error && t(error), required: true, endAdornment: !hasError && beneficiaryValue ? _jsx(CheckIcon, {}) : beneficiaryValue && _jsx(ClearIcon, { onClick: clearValue }) }) }));
 };
 export default Beneficiary;

package/build/features/bank/screens/BankDetails/IBAN.js

@@ -15,13 +15,13 @@ var FeatureStyled = styled(ScreenContainer)(function (_a) {
     });
 });
 var IBAN = function () {
-    var _a;
+    var _a, _b;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var ibanControl = useController({ name: 'iban', control: control });
     var ibanValue = ibanControl.field.value;
     var hasError = !!((_a = ibanControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message);
-    var errorMessage = hasError ? t('iban_error') : '';
+    var error = (_b = ibanControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
     var handleIbanChange = function (_a) {
         var target = _a.target;
         var value = removeAllOtherThanCharsAndNumber(target.value);
@@ -30,6 +30,6 @@ var IBAN = function () {
     var clearValue = function () {
         ibanControl.field.onChange('');
     };
-    return (_jsx(FeatureStyled, { children: _jsx(Input, { label: t('iban'), inputProps: { maxLength: MAX_IBAN_VALUE }, onChange: handleIbanChange, value: ibanValue, placeholder: 'SA44#########10', warningType: 'alert', warningMessage: errorMessage, required: true, endAdornment: !hasError && ibanValue ? _jsx(CheckIcon, {}) : ibanValue && _jsx(ClearIcon, { onClick: clearValue }) }) }));
+    return (_jsx(FeatureStyled, { children: _jsx(Input, { label: t('enter_iban'), inputProps: { maxLength: MAX_IBAN_VALUE }, onChange: handleIbanChange, value: ibanValue, placeholder: t('enter_iban_placeholder'), warningType: 'alert', warningMessage: error && t(error), required: true, endAdornment: !hasError && ibanValue ? _jsx(CheckIcon, {}) : ibanValue && _jsx(ClearIcon, { onClick: clearValue }) }) }));
 };
 export default IBAN;

package/build/features/bank/screens/BankDetails/validation.js

@@ -1,9 +1,14 @@
 import * as yup from 'yup';
 export var BankValidation = yup.object().shape({
-    iban: yup.string().min(16).max(34).required(''),
-    bankName: yup.string().required(),
+    iban: yup
+        .string()
+        .matches(/^[a-zA-Z]{2}\d{14,}$/g)
+        .min(16)
+        .max(34)
+        .required('alert_iban'),
+    bankName: yup.string().required('bank_name_required'),
     beneficiaryName: yup
         .string()
         .matches(/^([a-zA-Z0-9]+\s{1}[a-zA-Z0-9]{2,}|[a-zA-Z0-9]+\s{1}[a-zA-Z0-9]{1,}\s{1}[a-zA-Z0-9]{2,})$/g)
-        .required('')
+        .required('beneficiary_name_required')
 });

package/build/features/bank/screens/Success/Success.d.ts

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

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import SuccessScreen from '../../../shared/SuccessScreen';
+var Success = function (_a) {
+    var t = useTranslation().t;
+    var onSuccess = function () {
+        console.log('success');
+        alert('Account created successfully, please check your email');
+        alert("It's a fake message, plz wait us to integrate with the backend. <A.Sharkawy>");
+    };
+    return _jsx(SuccessScreen, { title: t('ide_successfully_updated_message'), onSuccess: onSuccess });
+};
+export default React.memo(Success);

package/build/features/bank/screens/Success/index.d.ts

@@ -0,0 +1,3 @@
+import Success, { SuccessProps } from './Success';
+export type { SuccessProps };
+export default Success;

package/build/features/bank/screens/Success/index.js

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

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

@@ -129,7 +129,7 @@ var ActivitiesList = function (_a) {
     var getSelectedActivityFlag = function (item) {
         return controlValue === null || controlValue === void 0 ? void 0 : controlValue.find(function (activity) { return activity.id === (item === null || item === void 0 ? void 0 : item.id); });
     };
-    return (_jsxs(BoxStyled, { children: [_jsxs(InputLabelStyled, { children: [t(isCR ? 'activities' : 'category'), " ", _jsx(MandatoryStyled, { children: "*" })] }), _jsxs(Box, { children: [_jsx(InputStyled, { readOnly: true, value: getSelectedActivities(), onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { children: _jsx(SimpleListStyled, { searchKeyPath: 'name', list: activitiesMenuList, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsxs(BoxStyled, { children: [_jsxs(InputLabelStyled, { children: [t(isCR ? 'activities' : 'category'), " ", _jsx(MandatoryStyled, { children: "*" })] }), _jsxs(Box, { children: [_jsx(InputStyled, { readOnly: true, value: getSelectedActivities(), placeholder: isCR ? t('choose_activities') : t('category_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: activitiesMenuList, 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) === getSelectedActivityFlag(item) }, { children: isAr ? item === null || item === void 0 ? void 0 : item.name : item === null || item === void 0 ? void 0 : item.nameEn })) })), getSelectedActivityFlag(item) && _jsx(CheckIconStyled, {})] }));
                             } }) }))] })] }));
 };

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

@@ -26,6 +26,6 @@ var OperationStartDate = function (_a) {
         oDateControl.field.onChange(data);
     };
     var dateValue = (_b = oDateControl === null || oDateControl === void 0 ? void 0 : oDateControl.field) === null || _b === void 0 ? void 0 : _b.value;
-    return (_jsxs(ScreenContainer, __assign({ sx: { mb: 5 } }, { children: [_jsxs(InputLabelStyled, { children: [t('operation_start_date'), _jsx(MandatoryStyled, { children: "*" })] }), _jsx(DatePicker, { readOnly: true, defaultValue: dateValue ? new Date(dateValue) : new Date(), dir: 'ltr', locale: 'en', onClick: function () { return onDateClicked === null || onDateClicked === void 0 ? void 0 : onDateClicked(true); }, onDatePicked: function () { return onDateClicked === null || onDateClicked === void 0 ? void 0 : onDateClicked(false); }, onDateChange: handleOperationStartDateChange })] })));
+    return (_jsxs(ScreenContainer, __assign({ sx: { mb: 5 } }, { children: [_jsxs(InputLabelStyled, { children: [t('business_start_date'), _jsx(MandatoryStyled, { children: "*" })] }), _jsx(DatePicker, { readOnly: true, defaultValue: dateValue ? new Date(dateValue) : new Date(), dir: 'ltr', locale: 'en', onClick: function () { return onDateClicked === null || onDateClicked === void 0 ? void 0 : onDateClicked(true); }, onDatePicked: function () { return onDateClicked === null || onDateClicked === void 0 ? void 0 : onDateClicked(false); }, onDateChange: handleOperationStartDateChange })] })));
 };
 export default OperationStartDate;

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

@@ -95,6 +95,6 @@ var SalesChannels = function () {
         if (channelsChecked)
             return !!(channelsChecked === null || channelsChecked === void 0 ? void 0 : channelsChecked.find(function (channel) { return channel.id === (item === null || item === void 0 ? void 0 : item.id); }));
     };
-    return (_jsxs(ScreenContainer, { children: [_jsxs(InputLabelStyled, { children: [t('channel_of_service_label'), " ", _jsx(MandatoryStyled, { children: "*" })] }), channelsMenuList.map(function (channel) { return (_jsxs(ContainerStyled, { children: [_jsx(CheckBoxStyled, { id: channel.id.toString(), disableRipple: true, disableFocusRipple: true, focusRipple: false, checked: getSelectedChannelsFlag(channel), onChange: handleSalesChannelChange }), _jsxs(TextStyled, { children: [isAr ? channel.name : channel.nameEn, " "] })] }, channel.id)); }), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: t(warningMessage) })) }))] }));
+    return (_jsxs(ScreenContainer, { children: [_jsxs(InputLabelStyled, { children: [t('channel_of_service'), " ", _jsx(MandatoryStyled, { children: "*" })] }), channelsMenuList.map(function (channel) { return (_jsxs(ContainerStyled, { children: [_jsx(CheckBoxStyled, { id: channel.id.toString(), disableRipple: true, disableFocusRipple: true, focusRipple: false, checked: getSelectedChannelsFlag(channel), onChange: handleSalesChannelChange }), _jsxs(TextStyled, { children: [isAr ? channel.name : channel.nameEn, " "] })] }, channel.id)); }), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: t(warningMessage) })) }))] }));
 };
 export default SalesChannels;

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

@@ -7,12 +7,12 @@ export var ActivitiesValidationSchema = yup.object().shape({
     })),
     salesChannels: yup
         .array()
-        .min(1, 'channel_of_service_error')
+        .min(1, 'choose_atleast_one_channel')
         .of(yup.object().shape({
         id: yup.number(),
         name: yup.string(),
         nameEn: yup.string()
     }))
-        .required('Is required'),
-    operationStartDate: yup.string().required('Date is required')
+        .required('choose_atleast_one_channel'),
+    operationStartDate: yup.string().required('choose_any_business_date')
 });

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

@@ -35,6 +35,6 @@ var CRNumber = function (_a) {
         crNumberControl.field.onChange('');
     };
     var crNumberValue = crNumberControl.field.value;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { label: t('cr_number_label'), onChange: handleFLNumberChange, inputProps: { maxLength: CR_NUMBER_LENGTH }, value: crNumberValue, endAdornment: (crNumberValue === null || crNumberValue === void 0 ? void 0 : crNumberValue.length) === CR_NUMBER_LENGTH ? (_jsx(CheckIcon, {})) : (crNumberValue && _jsx(ClearIcon, { onClick: clearCRNumber })), placeholder: '0123456789', warningType: 'alert', warningMessage: (_b = crNumberControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message }) }) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { label: t('enter_commercial_register_no'), onChange: handleFLNumberChange, inputProps: { maxLength: CR_NUMBER_LENGTH }, value: crNumberValue, endAdornment: (crNumberValue === null || crNumberValue === void 0 ? void 0 : crNumberValue.length) === CR_NUMBER_LENGTH ? (_jsx(CheckIcon, {})) : (crNumberValue && _jsx(ClearIcon, { onClick: clearCRNumber })), placeholder: '0123456789', warningType: 'alert', warningMessage: (_b = crNumberControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message }) }) })));
 };
 export default React.memo(CRNumber);

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

@@ -98,7 +98,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('business_country_placeholder'), readOnly: true, onClick: !!anchorEl ? function () { return onCloseLicenseList(); } : onOpenLicenseList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('company_license_placeholder'), value: t(getLicenseName(selectedLicense)) }), _jsx(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { 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: 'crNumber', 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/FLNumber.js

@@ -35,6 +35,6 @@ var FLNumber = function (_a) {
         flNumberControl.field.onChange('');
     };
     var flNumberValue = flNumberControl.field.value;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { label: t('fl_number_label'), onChange: handleFLNumberChange, inputProps: { maxLength: FL_NUMBER_LENGTH }, value: flNumberValue, endAdornment: (flNumberValue === null || flNumberValue === void 0 ? void 0 : flNumberValue.length) === FL_NUMBER_LENGTH ? (_jsx(CheckIcon, {})) : (flNumberValue && _jsx(ClearIcon, { onClick: clearFLNumber })), placeholder: '12345678', warningType: 'alert', warningMessage: (_b = flNumberControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message }) }) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { label: t('enter_license_no'), onChange: handleFLNumberChange, inputProps: { maxLength: FL_NUMBER_LENGTH }, value: flNumberValue, endAdornment: (flNumberValue === null || flNumberValue === void 0 ? void 0 : flNumberValue.length) === FL_NUMBER_LENGTH ? (_jsx(CheckIcon, {})) : (flNumberValue && _jsx(ClearIcon, { onClick: clearFLNumber })), placeholder: '12345678', warningType: 'alert', warningMessage: (_b = flNumberControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message }) }) })));
 };
 export default React.memo(FLNumber);

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

@@ -101,7 +101,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('freelance_license_label'), readOnly: true, onClick: !!anchorEl ? function () { return onCloseLicenseList(); } : onOpenLicenseList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('freelance_license_placeholder'), value: t(getLicenseName(selectedLicense)) }), _jsx(Collapse, __assign({ in: !!anchorEl, timeout: 300 }, { 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: 'license_specialities[0].speciality.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/SelectType.js

@@ -101,6 +101,6 @@ var SelectType = function (_a) {
     var FLActive = type === BusinessType.FL;
     var CRActive = type === BusinessType.CR;
     var isAnyTypeActive = FLActive || CRActive;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsx(Collapse, __assign({ in: !isAnyTypeActive }, { children: _jsx(TitleStyled, { children: t('select_your_business_type') }) })), _jsxs(RadioGroupStyled, __assign({ "aria-labelledby": 'business-type', name: 'business-type' }, { children: [_jsx(BTypeSwitch, { value: BusinessType.FL, control: _jsx(RadioStyled, { color: 'primary', onClick: handleSwitchToFL }), label: _jsx(FLIconStyled, { src: FLActive ? ICONS_NAMES.FL_ACTIVE_ICON : ICONS_NAMES.FL_ICON }), active: FLActive }), _jsx(BTypeSwitch, { value: BusinessType.CR, control: _jsx(RadioStyled, { color: 'primary', onClick: handleSwitchToCR }), label: _jsx(CRIconStyled, { src: CRActive ? ICONS_NAMES.CR_ACTIVE_ICON : ICONS_NAMES.CR_ICON }), active: CRActive })] })), _jsx(Collapse, __assign({ in: !isAnyTypeActive }, { children: _jsxs(TextBoxStyled, { children: [_jsx(TextStyled, __assign({ onClick: handleSwitchToFL, active: FLActive }, { children: t('freelancer_reg') })), _jsx(TextStyled, __assign({ onClick: handleSwitchToCR, active: CRActive }, { children: t('commercial_reg') }))] }) }))] }) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsx(Collapse, __assign({ in: !isAnyTypeActive }, { children: _jsx(TitleStyled, { children: t('signup_business_type_label') }) })), _jsxs(RadioGroupStyled, __assign({ "aria-labelledby": 'business-type', name: 'business-type' }, { children: [_jsx(BTypeSwitch, { value: BusinessType.FL, control: _jsx(RadioStyled, { color: 'primary', onClick: handleSwitchToFL }), label: _jsx(FLIconStyled, { src: FLActive ? ICONS_NAMES.FL_ACTIVE_ICON : ICONS_NAMES.FL_ICON }), active: FLActive }), _jsx(BTypeSwitch, { value: BusinessType.CR, control: _jsx(RadioStyled, { color: 'primary', onClick: handleSwitchToCR }), label: _jsx(CRIconStyled, { src: CRActive ? ICONS_NAMES.CR_ACTIVE_ICON : ICONS_NAMES.CR_ICON }), active: CRActive })] })), _jsx(Collapse, __assign({ in: !isAnyTypeActive }, { children: _jsxs(TextBoxStyled, { children: [_jsx(TextStyled, __assign({ onClick: handleSwitchToFL, active: FLActive }, { children: t('freelancer_reg') })), _jsx(TextStyled, __assign({ onClick: handleSwitchToCR, active: CRActive }, { children: t('commercial_reg') }))] }) }))] }) })));
 };
 export default React.memo(SelectType);

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

@@ -48,6 +48,6 @@ var Confirm = function () {
         defaultValues: defaultValues,
         mode: 'onChange'
     });
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(InputStyled, { label: t(isCR ? 'confirm_business_cr_label' : 'confirm_business_fl_label'), value: defaultValues.licenseNumber, disabled: true }), _jsx(InputStyled, { label: t('confirm_brand_name_label'), value: defaultValues.brandName, disabled: true }), _jsx(InputStyled, { label: t('confirm_legal_name_label'), value: defaultValues.legalName, disabled: true }), _jsx(Button, __assign({ isAr: isAr }, { children: t('confirm') }))] })) })) }));
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(InputStyled, { label: t(isCR ? 'signup_business_cr_info_title' : 'signup_business_fl_info_title'), value: defaultValues.licenseNumber, disabled: true }), _jsx(InputStyled, { label: t('signup_brand_name_label'), value: defaultValues.brandName, disabled: true }), _jsx(InputStyled, { label: t('signup_legal_name_label'), value: defaultValues.legalName, disabled: true }), _jsx(Button, __assign({ isAr: isAr }, { children: t('confirm') }))] })) })) }));
 };
 export default React.memo(Confirm);

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

@@ -115,7 +115,7 @@ var customerLocations = function (_a) {
     };
     var customerLocationsValue = customerLocationsControl.field.value;
     var customerLocationSelected = customerLocationsValue[customerLocationsValue.length - 1];
-    return (_jsxs(BoxStyled, { children: [_jsx(InputLabelStyled, { children: t('select_customer_locations') }), _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, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsxs(BoxStyled, { 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, {})] }));
                     } }) }))] }));
 };

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

@@ -10,20 +10,16 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useForm, FormProvider } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
-import Icon from '../../../../components/Icon';
 import { useAppDispatch } from '../../../../hooks';
 import { handleNextScreenStep } from '../../../../app/settings';
 import { CustomerInfoValidation } from './validation';
 import Form from '../../../../components/Form';
-import Button from '../../../../components/Button';
-import { ICONS_NAMES } from '../../../../constants/assets';
-import Loader from '../../../../components/Loader';
+import Button from '../../../shared/Button';
 import { useLanguage } from '../../../../hooks';
 import CustomerLocations from './CustomerLocations';
 import ExpectedCustomers from './ExpectedCustomers';
@@ -31,51 +27,19 @@ import ExpectedSales from './ExpectedSalesRange';
 import { CUSTOMER_LOCATIONS, EXPECTED_CUSTOMERS, EXPECTED_SALES_RANGE } from '../../../../constants';
 import RefundPolicy from './RefundPolicy';
 import TransactionPolicy from './TransactionPolicy';
-var BoxStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        padding: theme.spacing(2.5, 0, 2.5, 0),
-        overflow: 'hidden',
-        direction: theme.direction
-    });
-});
+import { ScreenContainer } from '../../../shared/Containers';
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
     flexDirection: 'column'
 }); });
-var ButtonContainer = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        margin: theme.spacing(2.5, 2.5, 0, 2.5)
-    });
-});
-var IconStyled = styled(Icon, { shouldForwardProp: function (prop) { return prop !== 'isAr'; } })(function (_a) {
-    var theme = _a.theme, isAr = _a.isAr;
-    return ({
-        width: theme.spacing(3),
-        height: theme.spacing(3),
-        paddingInlineStart: theme.spacing(1.5),
-        paddingInlineEnd: theme.spacing(0.5),
-        transform: isAr ? 'scaleX(-1)' : 'scaleX(1)'
-    });
-});
-var LoaderStyled = styled(Loader)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        marginInlineStart: theme.spacing(-6.25),
-        '& .loader-box-container': {
-            marginInlineStart: theme.spacing(2.5)
-        }
-    });
-});
 var Customers = function (_a) {
     var dispatch = useAppDispatch();
     var methods = useForm({
         resolver: yupResolver(CustomerInfoValidation),
         defaultValues: {
             customerLocations: CUSTOMER_LOCATIONS,
-            expectedCustomers: EXPECTED_CUSTOMERS,
-            expectedSalesRange: EXPECTED_SALES_RANGE,
+            expectedCustomers: EXPECTED_CUSTOMERS[EXPECTED_CUSTOMERS.length - 1],
+            expectedSalesRange: EXPECTED_SALES_RANGE[EXPECTED_SALES_RANGE.length - 1],
             refundPolicy: false,
             transactionPolicy: false
         },
@@ -87,6 +51,6 @@ var Customers = function (_a) {
     };
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    return (_jsx(BoxStyled, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(CustomerLocations, {}), _jsx(ExpectedCustomers, {}), _jsx(ExpectedSales, {}), _jsx(RefundPolicy, {}), _jsx(TransactionPolicy, {}), _jsx(ButtonContainer, { children: _jsx(Button, __assign({ disabled: !methods.formState.isValid, type: 'submit', startIcon: _jsx(LoaderStyled, { innerColor: 'white', outerColor: 'white', size: 30, toggleAnimation: false }), endIcon: _jsx(IconStyled, { isAr: isAr, src: ICONS_NAMES.WHITE_ARROW }) }, { children: t('next') })) })] })) })) }));
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(CustomerLocations, {}), _jsx(ExpectedCustomers, {}), _jsx(ExpectedSales, {}), _jsx(RefundPolicy, {}), _jsx(TransactionPolicy, {}), _jsx(Button, __assign({ sx: { mt: 2 }, disabled: !methods.formState.isValid, isAr: isAr }, { children: t('next') }))] })) })) }));
 };
 export default React.memo(Customers);

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

@@ -30,7 +30,7 @@ import { useLanguage } from '../../../../hooks';
 import SimpleList from '../../../../components/SimpleList';
 import { EXPECTED_CUSTOMERS } from '../../../../constants';
 import Collapse from '../../../../components/Collapse';
-import { BoxStyled, CheckIconStyled, ExpandIcon, InputLabelStyled, InputStyled, NameContainer, RemainingCheck } from './CustomerLocations';
+import { BoxStyled, CheckIconStyled, ExpandIcon, InputLabelStyled, InputStyled, NameContainer } from './CustomerLocations';
 var ListItemContainer = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -59,20 +59,14 @@ var ExpectedCustomers = function (_a) {
         setAnchorEl(null);
         (_a = rest.onListClose) === null || _a === void 0 ? void 0 : _a.call(rest);
     };
-    var checkRemainingCondition = function (item) {
-        return !!expectedCustomersValue.find(function (expectedCustomer) {
-            return expectedCustomer.id === item.id;
-        });
-    };
     var onSelectItem = function (expectedCustomers) {
         onCloseList();
-        var remaining = expectedCustomersList.filter(function (customers) { return customers.id <= expectedCustomers.id; });
-        expectedCustomersControl.field.onChange(remaining);
+        expectedCustomersControl.field.onChange(expectedCustomers);
     };
     var expectedCustomersValue = expectedCustomersControl.field.value;
-    var expectedCustomersSelected = expectedCustomersValue[expectedCustomersValue.length - 1];
+    var expectedCustomersSelected = expectedCustomersValue;
     return (_jsxs(BoxStyled, { 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, {}), checkRemainingCondition(item) && item.id != (expectedCustomersSelected === null || expectedCustomersSelected === void 0 ? void 0 : expectedCustomersSelected.id) && _jsx(RemainingCheck, {})] }));
+                        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, {})] }));
                     } }) }))] }));
 };
 export default ExpectedCustomers;

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

@@ -30,7 +30,7 @@ import { useLanguage } from '../../../../hooks';
 import { EXPECTED_SALES_RANGE } from '../../../../constants';
 import SimpleList from '../../../../components/SimpleList';
 import Collapse from '../../../../components/Collapse';
-import { InputLabelStyled, BoxStyled, CheckIconStyled, ExpandIcon, RemainingCheck, InputStyled, NameContainer } from './CustomerLocations';
+import { InputLabelStyled, BoxStyled, CheckIconStyled, ExpandIcon, InputStyled, NameContainer } from './CustomerLocations';
 var ListItemContainer = styled(Box)(function () { return ({
     display: 'flex'
 }); });
@@ -62,13 +62,12 @@ var ExpectedSalesRange = function (_a) {
     };
     var onSelectItem = function (expectedSalesRange) {
         onCloseList();
-        var remaining = expectedSalesRangeList.filter(function (saleRange) { return saleRange.id <= expectedSalesRange.id; });
-        expectedSalesRangeControl.field.onChange(remaining);
+        expectedSalesRangeControl.field.onChange(expectedSalesRange);
     };
     var expectedSalesRangeValue = expectedSalesRangeControl.field.value || expectedSalesRangeList;
-    var expectedSalesRangeSelected = expectedSalesRangeValue[expectedSalesRangeValue.length - 1];
-    return (_jsxs(BoxStyled, { children: [_jsx(InputLabelStyled, { children: t('expected_sales_range') }), _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, endAdornment: _jsx(ExpandIcon, { anchorEl: anchorEl }) }), _jsx(Collapse, __assign({ in: !!anchorEl, timeout: 100 }, { 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, {}), checkRemainingCondition(item) && item.id != (expectedSalesRangeSelected === null || expectedSalesRangeSelected === void 0 ? void 0 : expectedSalesRangeSelected.id) && _jsx(RemainingCheck, {})] }));
+    var expectedSalesRangeSelected = expectedSalesRangeValue;
+    return (_jsxs(BoxStyled, { 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, {})] }));
                     } }) }))] }));
 };
 export default ExpectedSalesRange;

package/build/features/business/screens/Customers/RefundPolicy.d.ts

@@ -1,12 +1,4 @@
 import * as React from 'react';
-export declare const BoxStyled: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
-    children?: React.ReactNode;
-    component?: React.ElementType<any> | undefined;
-    ref?: React.Ref<unknown> | undefined;
-    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | ("border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "ref" | "children" | "component" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const ContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
     children?: React.ReactNode;
     component?: React.ElementType<any> | undefined;

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

@@ -21,15 +21,7 @@ import Text from '../../../../components/Text';
 import Link from '@mui/material/Link';
 import Warning from '../../../../components/Warning';
 import { EXTERNAL_LINKS } from '../../../../constants';
-export var BoxStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        direction: theme.direction,
-        display: 'flex',
-        flexDirection: 'column',
-        marginBlockStart: theme.spacing(2.75)
-    });
-});
+import { ScreenContainer } from '../../../shared/Containers';
 export var ContainerStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -81,6 +73,6 @@ var RefundPolicy = function () {
     var handleRefundCheckedChange = function (event, checked) {
         refundControl.field.onChange(checked);
     };
-    return (_jsxs(BoxStyled, { children: [_jsxs(ContainerStyled, { children: [_jsx(CheckboxStyled, { disableRipple: true, disableFocusRipple: true, focusRipple: false, checked: refundChecked, onChange: handleRefundCheckedChange }), _jsxs(TextStyled, { children: [t('agree_on_refund_policy'), _jsx(LinkStyled, __assign({ href: isAr ? EXTERNAL_LINKS.REFUND_AR : EXTERNAL_LINKS.REFUND_EN, target: '_blank', underline: 'always' }, { children: t('refund_policy_compliance') }))] })] }), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: warningMessage })) }))] }));
+    return (_jsxs(ScreenContainer, __assign({ sx: { mt: 2.75 } }, { children: [_jsxs(ContainerStyled, { children: [_jsx(CheckboxStyled, { disableRipple: true, disableFocusRipple: true, focusRipple: false, checked: refundChecked, onChange: handleRefundCheckedChange }), _jsxs(TextStyled, { children: [t('agree_on_refund_policy'), _jsx(LinkStyled, __assign({ href: isAr ? EXTERNAL_LINKS.REFUND_AR : EXTERNAL_LINKS.REFUND_EN, target: '_blank', underline: 'always' }, { children: t('refund_policy_compliance') }))] })] }), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: warningMessage && t(warningMessage) })) }))] })));
 };
 export default RefundPolicy;

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

@@ -17,7 +17,8 @@ import { useLanguage } from '../../../../hooks';
 import { useController, useFormContext } from 'react-hook-form';
 import Warning from '../../../../components/Warning';
 import { EXTERNAL_LINKS } from '../../../../constants';
-import { BoxStyled, ContainerStyled, CheckboxStyled, TextStyled, LinkStyled } from './RefundPolicy';
+import { ContainerStyled, CheckboxStyled, TextStyled, LinkStyled } from './RefundPolicy';
+import { ScreenContainer } from '../../../shared/Containers';
 var CollapseStyled = styled(Collapse)(function () { return ({
     width: '100%'
 }); });
@@ -32,6 +33,6 @@ var TransactionPolicy = function () {
     var handleTransactionCheckedChange = function (event, checked) {
         transactionControl.field.onChange(checked);
     };
-    return (_jsxs(BoxStyled, { children: [_jsxs(ContainerStyled, { children: [_jsx(CheckboxStyled, { disableRipple: true, disableFocusRipple: true, focusRipple: false, checked: transactionChecked, onChange: handleTransactionCheckedChange }), _jsxs(TextStyled, { children: [t('agree_on_transaction_policy'), _jsx(LinkStyled, __assign({ href: isAr ? EXTERNAL_LINKS.TRANSACTION_AR : EXTERNAL_LINKS.TRANSACTION_EN, target: '_blank', underline: 'always' }, { children: t('transaction_policy') }))] })] }), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: warningMessage })) }))] }));
+    return (_jsxs(ScreenContainer, { children: [_jsxs(ContainerStyled, { children: [_jsx(CheckboxStyled, { disableRipple: true, disableFocusRipple: true, focusRipple: false, checked: transactionChecked, onChange: handleTransactionCheckedChange }), _jsxs(TextStyled, { children: [t('agree_on_chargeback_policy'), _jsx(LinkStyled, __assign({ href: isAr ? EXTERNAL_LINKS.TRANSACTION_AR : EXTERNAL_LINKS.TRANSACTION_EN, target: '_blank', underline: 'always' }, { children: t('chargeback_policy') }))] })] }), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: warningMessage && t(warningMessage) })) }))] }));
 };
 export default TransactionPolicy;

package/build/features/business/screens/Customers/validation.d.ts

@@ -1,20 +1,20 @@
 import * as yup from 'yup';
 export declare const CustomerInfoValidation: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     customerLocations: import("yup/lib/array").RequiredArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined>;
-    expectedCustomers: import("yup/lib/array").RequiredArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined>;
-    expectedSalesRange: import("yup/lib/array").RequiredArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined>;
+    expectedCustomers: any;
+    expectedSalesRange: any;
     refundPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
     transactionPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     customerLocations: import("yup/lib/array").RequiredArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined>;
-    expectedCustomers: import("yup/lib/array").RequiredArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined>;
-    expectedSalesRange: import("yup/lib/array").RequiredArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined>;
+    expectedCustomers: any;
+    expectedSalesRange: any;
     refundPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
     transactionPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
     customerLocations: import("yup/lib/array").RequiredArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined>;
-    expectedCustomers: import("yup/lib/array").RequiredArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined>;
-    expectedSalesRange: import("yup/lib/array").RequiredArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined>;
+    expectedCustomers: any;
+    expectedSalesRange: any;
     refundPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
     transactionPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
 }>>>;