@tap-payments/auth-jsconnect 2.0.42 → 2.0.43

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

@@ -387,18 +387,11 @@ export var individualSlice = createSlice({
                 (sourceIncomeList === null || sourceIncomeList === void 0 ? void 0 : sourceIncomeList[0]);
             if (!!selectedSourceIncome)
                 state.data.individualData.sourceIncome = selectedSourceIncome;
-            var selectedMonthlyIncome = (monthlyIncomeList === null || monthlyIncomeList === void 0 ? void 0 : monthlyIncomeList.find(function (income) { return (income === null || income === void 0 ? void 0 : income.id) === (monthly_income === null || monthly_income === void 0 ? void 0 : monthly_income.id); })) ||
-                (monthlyIncomeList === null || monthlyIncomeList === void 0 ? void 0 : monthlyIncomeList[2]);
-            if (!!selectedMonthlyIncome)
-                state.data.individualData.monthlyIncome = selectedMonthlyIncome;
             var code = (user === null || user === void 0 ? void 0 : user.employer_country) || countryCode;
             if (!!code) {
                 var employerLocation = (countries || []).find(function (country) { return country.iso2 === code; });
                 state.data.individualData.employerLocation = employerLocation;
             }
-            var selectedOccupation = (occupationList === null || occupationList === void 0 ? void 0 : occupationList.find(function (o) { return (o === null || o === void 0 ? void 0 : o.id) === (occupation === null || occupation === void 0 ? void 0 : occupation.id); })) || (occupationList === null || occupationList === void 0 ? void 0 : occupationList[0]);
-            if (!!selectedOccupation)
-                state.data.individualData.occupation = selectedOccupation;
             state.data.individualData.isPEP = is_relative_PEP;
             state.data.individualData.isInfluencer = is_influencer;
         })
@@ -447,18 +440,11 @@ export var individualSlice = createSlice({
                 (sourceIncomeList === null || sourceIncomeList === void 0 ? void 0 : sourceIncomeList[0]);
             if (!!selectedSourceIncome)
                 state.data.individualData.sourceIncome = selectedSourceIncome;
-            var selectedMonthlyIncome = (monthlyIncomeList === null || monthlyIncomeList === void 0 ? void 0 : monthlyIncomeList.find(function (income) { return (income === null || income === void 0 ? void 0 : income.id) === (monthly_income === null || monthly_income === void 0 ? void 0 : monthly_income.id); })) ||
-                (monthlyIncomeList === null || monthlyIncomeList === void 0 ? void 0 : monthlyIncomeList[2]);
-            if (!!selectedMonthlyIncome)
-                state.data.individualData.monthlyIncome = selectedMonthlyIncome;
             var code = (user === null || user === void 0 ? void 0 : user.employer_country) || countryCode;
             if (!!code) {
                 var employerLocation = (countries || []).find(function (country) { return country.iso2 === code; });
                 state.data.individualData.employerLocation = employerLocation;
             }
-            var selectedOccupation = (occupationList === null || occupationList === void 0 ? void 0 : occupationList.find(function (o) { return (o === null || o === void 0 ? void 0 : o.id) === (occupation === null || occupation === void 0 ? void 0 : occupation.id); })) || (occupationList === null || occupationList === void 0 ? void 0 : occupationList[0]);
-            if (!!selectedOccupation)
-                state.data.individualData.occupation = selectedOccupation;
             state.data.individualData.isPEP = is_relative_PEP;
             state.data.individualData.isInfluencer = is_influencer;
         })

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

@@ -50,6 +50,8 @@ import axios from 'axios';
 import ClearIcon from '../../../shared/ClearIcon';
 import CheckIcon from '../../../shared/CheckIcon';
 import CircularProgress from '@mui/material/CircularProgress';
+import { settingsSelector } from '../../../../app/settings';
+import { useAppSelector } from '../../../../hooks';
 var InputStyled = styled(Input)(function () { return ({
     input: {
         textTransform: 'uppercase'
@@ -60,6 +62,7 @@ var IBAN = function (_a) {
     var _b;
     var fetchingIban = _a.fetchingIban, ibanChecking = _a.ibanChecking;
     var dispatch = useAppDispatch();
+    var settingsData = useAppSelector(settingsSelector).data;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var ibanControl = useController({ name: 'iban', control: control });
@@ -92,6 +95,6 @@ var IBAN = function (_a) {
     var clearValue = function () {
         ibanControl.field.onChange('');
     };
-    return (_jsx(ScreenContainer, { children: _jsx(InputStyled, { 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: ibanChecking ? (_jsx(CircularProgress, { size: 25, thickness: 5, sx: { height: 'auto !important' } })) : !error && ibanValue ? (_jsx(CheckIcon, {})) : (ibanValue && _jsx(ClearIcon, { onClick: clearValue })) }) }));
+    return (_jsx(ScreenContainer, { children: _jsx(InputStyled, { label: t('enter_iban'), inputProps: { maxLength: MAX_IBAN_VALUE }, onChange: handleIbanChange, value: ibanValue, placeholder: t('iban_input_placeholder', { countrycode: settingsData.businessCountry.iso2.toUpperCase() }), warningType: 'alert', warningMessage: error && t(error), required: true, endAdornment: ibanChecking ? (_jsx(CircularProgress, { size: 25, thickness: 5, sx: { height: 'auto !important' } })) : !error && ibanValue ? (_jsx(CheckIcon, {})) : (ibanValue && _jsx(ClearIcon, { onClick: clearValue })) }) }));
 };
 export default IBAN;

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

@@ -16,7 +16,7 @@ import { styled } from '@mui/material/styles';
 import { FlowsButtons } from '../../../shared/Button';
 import { ICONS_NAMES, PASSWORD_OPERATION_TYPE } from '../../../../constants';
 import { useAppSelector, useLanguage } from '../../../../hooks';
-import { getResetFlowUrl, showLastFour, concatenateObjectValues } from '../../../../utils';
+import { getResetFlowUrl, showLastFour, concatenateObjectValues, shortenBankName } from '../../../../utils';
 import { bankSelector } from '../../../app/bank/bankStore';
 import Box from '@mui/material/Box';
 import Text from '../../../../components/Text';
@@ -55,7 +55,7 @@ var SuccessWithFlowButtons = function () {
         ? concatenateObjectValues(ar || en, ['first', 'last'])
         : concatenateObjectValues(en, ['first', 'last']);
     var licenseNumber = ((_a = entity === null || entity === void 0 ? void 0 : entity.license) === null || _a === void 0 ? void 0 : _a.number) || '';
-    var bankName = (bank === null || bank === void 0 ? void 0 : bank.name) || t('bank');
+    var bankName = shortenBankName(bank === null || bank === void 0 ? void 0 : bank.name) || t('bank');
     var iban = showLastFour((bank === null || bank === void 0 ? void 0 : bank.iban) || '');
     var taxID = (entity === null || entity === void 0 ? void 0 : entity.vat_id) || '';
     var brandName = (isAr ? (_b = brand === null || brand === void 0 ? void 0 : brand.name) === null || _b === void 0 ? void 0 : _b.ar : (_c = brand === null || brand === void 0 ? void 0 : brand.name) === null || _c === void 0 ? void 0 : _c.en) || '';

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

@@ -1,6 +1,9 @@
 import * as yup from 'yup';
 export var ActivitiesValidationSchema = yup.object().shape({
-    activities: yup.array().of(yup.object().shape({
+    activities: yup
+        .array()
+        .min(1, 'activities_list_alert')
+        .of(yup.object().shape({
         ar: yup.string(),
         en: yup.string()
     })),

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

@@ -17,7 +17,7 @@ import { FlowsButtons } from '../../../shared/Button';
 import { ICONS_NAMES, PASSWORD_OPERATION_TYPE } from '../../../../constants';
 import { useAppSelector, useLanguage } from '../../../../hooks';
 import { businessSelector } from '../../../app/business/businessStore';
-import { concatenateObjectValues, getResetFlowUrl, showLastFour } from '../../../../utils';
+import { concatenateObjectValues, getResetFlowUrl, shortenBankName, showLastFour } from '../../../../utils';
 import Box from '@mui/material/Box';
 import Text from '../../../../components/Text';
 import Container from '../../../shared/Containers/ScreenContainer';
@@ -55,7 +55,7 @@ var SuccessWithFlowButtons = function () {
         ? concatenateObjectValues(ar || en, ['first', 'last'])
         : concatenateObjectValues(en, ['first', 'last']);
     var licenseNumber = ((_a = entity === null || entity === void 0 ? void 0 : entity.license) === null || _a === void 0 ? void 0 : _a.number) || '';
-    var bankName = (bank === null || bank === void 0 ? void 0 : bank.bank_name) || t('bank');
+    var bankName = shortenBankName(bank === null || bank === void 0 ? void 0 : bank.bank_name) || t('bank');
     var iban = showLastFour((bank === null || bank === void 0 ? void 0 : bank.iban) || '');
     var taxID = (entity === null || entity === void 0 ? void 0 : entity.vat_id) || '';
     var brandName = (isAr ? (_b = brand === null || brand === void 0 ? void 0 : brand.name) === null || _b === void 0 ? void 0 : _b.ar : (_c = brand === null || brand === void 0 ? void 0 : brand.name) === null || _c === void 0 ? void 0 : _c.en) || '';

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

@@ -23,7 +23,7 @@ import Button from '../../../shared/Button';
 import { clearError, connectSelector, updateLeadBrand } from '../../../app/connect/connectStore';
 import { useLanguage } from '../../../../hooks';
 import { AuthForType } from '../../../../@types';
-import { isKW, mapSalesChannel } from '../../../../utils';
+import { findFirstId, isKW, mapSalesChannel } from '../../../../utils';
 import { MerchantValidationSchema } from './validation';
 import BrandName from './BrandName';
 import SocialMedia from './SocialMedia';
@@ -35,11 +35,12 @@ var Merchant = function (_a) {
     var _d = React.useState(false), brandNameChecking = _d[0], setBrandNameChecking = _d[1];
     var _e = React.useState(false), isBrandListOpen = _e[0], setIsBrandListOpen = _e[1];
     var _f = React.useState(false), isRequiredNewBrand = _f[0], setIsRequiredNewBrand = _f[1];
-    var _g = useAppSelector(connectSelector), data = _g.data, loading = _g.loading, error = _g.error;
+    var _g = React.useState(''), activeIconId = _g[0], setActiveIconId = _g[1];
+    var _h = useAppSelector(connectSelector), data = _h.data, loading = _h.loading, error = _h.error;
     var settingsData = useAppSelector(settingsSelector).data;
     var isNewIndividual = (_b = data.otpData.responseBody) === null || _b === void 0 ? void 0 : _b.is_new_individual;
     var startWithNID = data.otpData.authFor === AuthForType.NATIONAL_ID;
-    var _h = data.brandData, brandName = _h.brandName, selectedBrandItem = _h.selectedBrandItem, termAndConditionChecked = _h.termAndConditionChecked, responseBody = _h.responseBody, salesChannels = _h.salesChannels;
+    var _j = data.brandData, brandName = _j.brandName, selectedBrandItem = _j.selectedBrandItem, termAndConditionChecked = _j.termAndConditionChecked, responseBody = _j.responseBody, salesChannels = _j.salesChannels;
     var brandList = (responseBody || {}).brand_list;
     var methods = useForm({
         resolver: yupResolver(MerchantValidationSchema(isRequiredNewBrand)),
@@ -76,16 +77,21 @@ var Merchant = function (_a) {
         if ((responseBody === null || responseBody === void 0 ? void 0 : responseBody.response_code) === '5')
             methods.setError('brandName', { message: 'brand_name_already_exist' });
     }, [responseBody]);
+    var onSaleIconChange = function (id) {
+        setActiveIconId(id);
+    };
     React.useEffect(function () {
         if (selectedBrandItem.id) {
             methods.setValue('selectedBrandItem', selectedBrandItem);
             var sales = mapSalesChannel(selectedBrandItem.channel_services || []);
+            setActiveIconId(findFirstId(sales));
             methods.setValue('salesChannels', sales, { shouldValidate: true });
         }
     }, [selectedBrandItem]);
     React.useEffect(function () {
         if (salesChannels.length > 0) {
             var sales = mapSalesChannel(salesChannels);
+            setActiveIconId(findFirstId(sales));
             methods.setValue('salesChannels', sales, { shouldValidate: true });
         }
     }, [salesChannels]);
@@ -101,6 +107,6 @@ var Merchant = function (_a) {
     React.useEffect(function () {
         setIsRequiredNewBrand(isOtherBrand || isNewBrand);
     }, [isOtherBrand, isNewBrand]);
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(BrandList, { show: !(isOtherBrand || isNewBrand), list: brandList, onListOpen: function () { return setIsBrandListOpen(true); }, onListClose: function () { return setIsBrandListOpen(false); } }), _jsx(BrandName, { show: (isNewBrand || isOtherBrand) && !isBrandListOpen, brandNameChecking: brandNameChecking, fetchingBrandName: setBrandNameChecking }), _jsx(Collapse, __assign({ in: !isBrandListOpen }, { children: _jsx(SalesChannels, {}) })), _jsx(SocialMedia, { show: !isBrandListOpen }), _jsx(TAC, { show: (isNewBrand || isOtherBrand) && !isBrandListOpen }), _jsx(Collapse, __assign({ in: !isBrandListOpen, timeout: 500 }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, error: t(error || ''), loading: loading }, { children: t('next') })) }))] })) })) }));
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(Form, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(BrandList, { show: !(isOtherBrand || isNewBrand), list: brandList, onListOpen: function () { return setIsBrandListOpen(true); }, onListClose: function () { return setIsBrandListOpen(false); } }), _jsx(BrandName, { show: (isNewBrand || isOtherBrand) && !isBrandListOpen, brandNameChecking: brandNameChecking, fetchingBrandName: setBrandNameChecking }), _jsx(Collapse, __assign({ in: !isBrandListOpen }, { children: _jsx(SalesChannels, { onSaleIconChange: onSaleIconChange }) })), _jsx(SocialMedia, { show: !isBrandListOpen, activeIconId: activeIconId, onSaleIconChange: onSaleIconChange }), _jsx(TAC, { show: (isNewBrand || isOtherBrand) && !isBrandListOpen }), _jsx(Collapse, __assign({ in: !isBrandListOpen, timeout: 500 }, { children: _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, error: t(error || ''), loading: loading }, { children: t('next') })) }))] })) })) }));
 };
 export default React.memo(Merchant);

package/build/features/connect/screens/Merchant/SalesChannels.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 export declare const MandatoryStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const CollapseStyled: import("@emotion/styled").StyledComponent<import("../../../../components/Collapse").CollapseProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 interface SalesChannelsProps {
+    onSaleIconChange: (id: string) => void;
 }
-declare const SalesChannels: ({}: SalesChannelsProps) => JSX.Element;
+declare const SalesChannels: ({ onSaleIconChange }: SalesChannelsProps) => JSX.Element;
 export default SalesChannels;

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

@@ -29,6 +29,7 @@ import { connectSelector, clearError } from '../../../app/connect/connectStore';
 import CheckBox from '../../../../components/CheckBox';
 import Warning from '../../../../components/Warning';
 import Collapse from '../../../../components/Collapse';
+import { findFirstId } from '../../../../utils';
 var InputLabelStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
     return (__assign({ margin: theme.spacing(2.5, 2.5, 0.5, 2.5), color: alpha(theme.palette.text.primary, 0.4) }, theme.typography.caption));
@@ -74,6 +75,7 @@ export var CollapseStyled = styled(Collapse)(function (_a) {
 });
 var SalesChannels = function (_a) {
     var _b;
+    var onSaleIconChange = _a.onSaleIconChange;
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var _c = useFormContext(), control = _c.control, getValues = _c.getValues;
@@ -90,16 +92,12 @@ var SalesChannels = function (_a) {
             dispatch(clearError());
         if (isChecked(channel.id)) {
             var filterChannels = channelsControl.field.value.filter(function (item) { return item.id !== channel.id; });
+            onSaleIconChange(findFirstId([filterChannels.at(-1)]));
             channelsControl.field.onChange(filterChannels);
         }
         else {
-            var brandName = getValues('brandName');
+            onSaleIconChange(findFirstId([channel]));
             var newChannel = __assign({}, channel);
-            if (newChannel.code === 'website' && brandName) {
-                var brandValue = brandName.replaceAll(' ', '-').toLowerCase();
-                var address = (brandValue[brandValue.length - 1] === '-' ? brandValue.slice(0, -1) : brandValue) + '.com';
-                newChannel.address = 'www.' + address;
-            }
             channelsControl.field.onChange(__spreadArray(__spreadArray([], channelsControl.field.value, true), [newChannel], false));
         }
     };

package/build/features/connect/screens/Merchant/SocialMedia.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 interface SocialMediaProps {
     show: boolean;
+    activeIconId: string;
+    onSaleIconChange: (id: string) => void;
 }
-declare const _default: React.MemoExoticComponent<({ show }: SocialMediaProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ show, activeIconId, onSaleIconChange }: SocialMediaProps) => JSX.Element>;
 export default _default;

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

@@ -79,16 +79,12 @@ var SocialMediaButtonStyled = styled(ToggleButton, {
 });
 var SocialMedia = function (_a) {
     var _b;
-    var show = _a.show;
-    var _c = React.useState(''), activeSocialId = _c[0], setActiveSocialId = _c[1];
+    var show = _a.show, activeIconId = _a.activeIconId, onSaleIconChange = _a.onSaleIconChange;
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    var _d = useFormContext(), setValue = _d.setValue, watch = _d.watch, getFieldState = _d.getFieldState;
+    var _c = useFormContext(), setValue = _c.setValue, watch = _c.watch, getFieldState = _c.getFieldState;
     var selectedChannels = watch('salesChannels');
     var salesChannelsState = getFieldState('salesChannels');
-    var onChangeIcons = function (id) {
-        setActiveSocialId(id);
-    };
     var onChangeInput = function (value, id) {
         if (selectedChannels.length <= 0)
             return;
@@ -123,28 +119,6 @@ var SocialMedia = function (_a) {
         });
         setValue('salesChannels', __spreadArray([], updatedChannels, true), { shouldValidate: true });
     };
-    var setDefaultActiveSocialId = React.useCallback(function () {
-        var _a;
-        var idExist = selectedChannels.find(function (channel) {
-            var _a;
-            if ((_a = channel.sub) === null || _a === void 0 ? void 0 : _a.length) {
-                return channel.sub.find(function (subChannel) { return subChannel.id === activeSocialId; });
-            }
-            return channel.id === activeSocialId;
-        });
-        if (selectedChannels.length >= 1 && !idExist) {
-            var firstChannel = selectedChannels[0];
-            if ((_a = firstChannel.sub) === null || _a === void 0 ? void 0 : _a.length) {
-                setActiveSocialId(firstChannel.sub[0].id);
-            }
-            else {
-                setActiveSocialId(firstChannel.id);
-            }
-        }
-    }, [selectedChannels]);
-    React.useEffect(function () {
-        setDefaultActiveSocialId();
-    }, [setDefaultActiveSocialId]);
     var getPlaceHolder = function (item) {
         var _a, _b;
         if (isAr)
@@ -158,19 +132,19 @@ var SocialMedia = function (_a) {
     }, [salesChannelsState]);
     var linksErrorMsg = (_b = salesChannelsState.error) === null || _b === void 0 ? void 0 : _b.message;
     return (_jsx(Box, { children: _jsx(Collapse, __assign({ in: show && selectedChannels.length > 0 }, { children: _jsxs(Box, __assign({ sx: { mb: 3, direction: 'ltr' } }, { children: [_jsx(SocialMediaGroupStyled, __assign({ exclusive: true, onChange: function (e, value) {
-                            onChangeIcons(value);
+                            onSaleIconChange(value);
                         } }, { children: selectedChannels.map(function (channel, index) {
                             var _a;
-                            var isActive = activeSocialId === channel.id;
+                            var isActive = activeIconId === channel.id;
                             return ((_a = channel.sub) === null || _a === void 0 ? void 0 : _a.length) ? (channel.sub.map(function (sub, subIndex) {
-                                var isSubActive = activeSocialId === sub.id;
+                                var isSubActive = activeIconId === sub.id;
                                 return (_jsx(SocialMediaButtonStyled, __assign({ isShow: true, isActive: isSubActive, value: sub.id }, { children: _jsx(ToggleIconStyled, { isActive: isSubActive, src: (sub === null || sub === void 0 ? void 0 : sub.logo) || '' }) }), "sub_".concat(subIndex)));
                             })) : (_jsx(SocialMediaButtonStyled, __assign({ isShow: true, isActive: isActive, value: channel.id || '' }, { children: _jsx(ToggleIconStyled, { isActive: isActive, src: (channel === null || channel === void 0 ? void 0 : channel.logo) || '' }) }), index));
                         }) })), selectedChannels.map(function (channel, index) {
                         var _a;
-                        var isActive = activeSocialId === channel.id;
+                        var isActive = activeIconId === channel.id;
                         return ((_a = channel.sub) === null || _a === void 0 ? void 0 : _a.length) ? (channel.sub.map(function (sub, subIndex) {
-                            var isSubActive = activeSocialId === sub.id;
+                            var isSubActive = activeIconId === sub.id;
                             return (_jsx(Collapse, __assign({ in: isSubActive, timeout: 300 }, { children: _jsx(InputStyled, { onChange: function (e) {
                                         onChangeInput(e.target.value, sub.id);
                                     }, value: sub.address || '', startAdornment: _jsx(TextStyled, __assign({ sx: __assign({}, (isTwitter(sub.code) && { fontSize: '20px' })) }, { children: isWebsite(sub.code) ? "https://" : isTwitter(sub.code) ? "@" : '' })), placeholder: t(getPlaceHolder(sub)) }) }), "sub_".concat(subIndex)));

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

@@ -7,7 +7,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { REGEX_WEBSITE, REGEX_BRAND_NAME, LINKEDIN_URL, SOCIAL_USERNAME, DIGITS_ONLY, REGEX_PHONE_APP_NAME } from '../../../../constants';
+import { REGEX_WEBSITE, REGEX_BRAND_NAME, LINKEDIN_URL, SOCIAL_USERNAME, DIGITS_ONLY, REGEX_ALPHANUMERIC } from '../../../../constants';
 import * as yup from 'yup';
 var validationSalesChannels = function (channels) {
     if (channels === void 0) { channels = []; }
@@ -37,8 +37,6 @@ var validationSalesChannels = function (channels) {
         if (atLestOne)
             return "enter_at_least_one_".concat(key);
     }
-    console.log('dic', dic);
-    console.log('typeDic', typeDic);
     for (var key in typeDic) {
         var value = typeDic[key];
         if (key === 'website' && value && !value.match(REGEX_WEBSITE)) {
@@ -59,10 +57,10 @@ var validationSalesChannels = function (channels) {
         if (key === 'physical_store' && value && value.length < 3) {
             return 'invalid_physical_store_location';
         }
-        if (key === 'ios' && value && !value.match(REGEX_PHONE_APP_NAME)) {
+        if (key === 'ios' && value && !value.match(REGEX_ALPHANUMERIC)) {
             return 'invalid_ios_app';
         }
-        if (key === 'android' && value && !value.match(REGEX_PHONE_APP_NAME)) {
+        if (key === 'android' && value && !value.match(REGEX_ALPHANUMERIC)) {
             return 'invalid_android_app';
         }
         if (key === 'call_center' && value && !value.match(DIGITS_ONLY)) {

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

@@ -1,9 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { useTranslation } from 'react-i18next';
+import { useTranslation, Trans } from 'react-i18next';
 import SuccessScreen from '../../../shared/SuccessScreen';
+import { connectSelector } from '../../../../features/app/connect/connectStore';
+import { useAppSelector } from '../../../../hooks';
+import { maskEmail } from '../../../../utils';
 var ThankYou = function (_a) {
+    var _b, _c;
     var t = useTranslation().t;
-    return (_jsx(SuccessScreen, { title: t("connect_completed_title"), description: t("connect_completed_description"), showEmailProviders: true }));
+    var data = useAppSelector(connectSelector).data;
+    var email = maskEmail((_c = (_b = data.individualData.responseBody) === null || _b === void 0 ? void 0 : _b.contact) === null || _c === void 0 ? void 0 : _c.email);
+    return (_jsx(SuccessScreen, { title: t("connect_completed_title"), description: _jsx(Trans, { i18nKey: 'connect_completed_description', values: { email: email } }), showEmailProviders: true }));
 };
 export default React.memo(ThankYou);

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

@@ -16,7 +16,7 @@ import { styled } from '@mui/material/styles';
 import { FlowsButtons } from '../../../shared/Button';
 import { ICONS_NAMES, PASSWORD_OPERATION_TYPE } from '../../../../constants';
 import { useAppSelector, useLanguage } from '../../../../hooks';
-import { getResetFlowUrl, showLastFour } from '../../../../utils';
+import { getResetFlowUrl, shortenBankName, showLastFour } from '../../../../utils';
 import { entitySelector } from '../../../app/entity/entityStore';
 import Box from '@mui/material/Box';
 import Text from '../../../../components/Text';
@@ -52,7 +52,7 @@ var SuccessWithFlowButtons = function () {
     var _f = useState([]), buttons = _f[0], setButtons = _f[1];
     var username = ((nameObj === null || nameObj === void 0 ? void 0 : nameObj.first) || '') + ' ' + ((nameObj === null || nameObj === void 0 ? void 0 : nameObj.last) || '');
     var licenseNumber = ((_a = entity === null || entity === void 0 ? void 0 : entity.license) === null || _a === void 0 ? void 0 : _a.number) || '';
-    var bankName = (bank === null || bank === void 0 ? void 0 : bank.bank_name) || t('bank');
+    var bankName = shortenBankName(bank === null || bank === void 0 ? void 0 : bank.bank_name) || t('bank');
     var iban = showLastFour((bank === null || bank === void 0 ? void 0 : bank.iban) || '');
     var taxID = vatID || '';
     var brandName = (isAr ? (_b = brand === null || brand === void 0 ? void 0 : brand.name) === null || _b === void 0 ? void 0 : _b.ar : (_c = brand === null || brand === void 0 ? void 0 : brand.name) === null || _c === void 0 ? void 0 : _c.en) || '';

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

@@ -16,7 +16,7 @@ import { styled } from '@mui/material/styles';
 import { FlowsButtons } from '../../../shared/Button';
 import { ICONS_NAMES, PASSWORD_OPERATION_TYPE } from '../../../../constants';
 import { useAppSelector, useLanguage } from '../../../../hooks';
-import { concatenateObjectValues, getResetFlowUrl, showLastFour } from '../../../../utils';
+import { concatenateObjectValues, getResetFlowUrl, shortenBankName, showLastFour } from '../../../../utils';
 import { individualSelector } from '../../../app/individual/individualStore';
 import Box from '@mui/material/Box';
 import Text from '../../../../components/Text';
@@ -55,7 +55,7 @@ var SuccessWithFlowButtons = function () {
         ? concatenateObjectValues(ar || en, ['first', 'last'])
         : concatenateObjectValues(en, ['first', 'last']);
     var licenseNumber = ((_a = entity === null || entity === void 0 ? void 0 : entity.license) === null || _a === void 0 ? void 0 : _a.number) || '';
-    var bankName = (bank === null || bank === void 0 ? void 0 : bank.bank_name) || t('bank');
+    var bankName = shortenBankName(bank === null || bank === void 0 ? void 0 : bank.bank_name) || t('bank');
     var iban = showLastFour((bank === null || bank === void 0 ? void 0 : bank.iban) || '');
     var taxID = (entity === null || entity === void 0 ? void 0 : entity.vat_id) || '';
     var brandName = (isAr ? (_b = brand === null || brand === void 0 ? void 0 : brand.name) === null || _b === void 0 ? void 0 : _b.ar : (_c = brand === null || brand === void 0 ? void 0 : brand.name) === null || _c === void 0 ? void 0 : _c.en) || '';

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

@@ -16,7 +16,7 @@ import { styled } from '@mui/material/styles';
 import { FlowsButtons } from '../../../shared/Button';
 import { ICONS_NAMES, PASSWORD_OPERATION_TYPE } from '../../../../constants';
 import { useAppSelector, useLanguage } from '../../../../hooks';
-import { getResetFlowUrl, showLastFour, concatenateObjectValues } from '../../../../utils';
+import { getResetFlowUrl, showLastFour, concatenateObjectValues, shortenBankName } from '../../../../utils';
 import { passwordSelector } from '../../../app/password/passwordStore';
 import Box from '@mui/material/Box';
 import Text from '../../../../components/Text';
@@ -55,7 +55,7 @@ var SuccessWithFlowButtons = function () {
         ? concatenateObjectValues(ar || en, ['first', 'last'])
         : concatenateObjectValues(en, ['first', 'last']);
     var licenseNumber = ((_a = entity === null || entity === void 0 ? void 0 : entity.license) === null || _a === void 0 ? void 0 : _a.number) || '';
-    var bankName = (bank === null || bank === void 0 ? void 0 : bank.bank_name) || t('bank');
+    var bankName = shortenBankName(bank === null || bank === void 0 ? void 0 : bank.bank_name) || t('bank');
     var iban = showLastFour((bank === null || bank === void 0 ? void 0 : bank.iban) || '');
     var taxID = (entity === null || entity === void 0 ? void 0 : entity.vat_id) || '';
     var brandName = (isAr ? (_b = brand === null || brand === void 0 ? void 0 : brand.name) === null || _b === void 0 ? void 0 : _b.ar : (_c = brand === null || brand === void 0 ? void 0 : brand.name) === null || _c === void 0 ? void 0 : _c.en) || '';

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

@@ -54,6 +54,7 @@ var ButtonBoxStyled = styled(Box)(function (_a) {
     return ({
         margin: theme.spacing(0, 2.5, 2.5, 2.5),
         marginBlockStart: theme.spacing(5),
+        maxHeight: theme.spacing(5.375),
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center'

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

@@ -6,7 +6,7 @@ export interface ThankYouProps {
     successTitle?: string;
     loading?: boolean;
     error?: string;
-    description?: string;
+    description?: string | React.ReactElement;
 }
 declare const _default: React.MemoExoticComponent<({ title, description, showEmailProviders, onSuccess, successTitle, loading, error }: ThankYouProps) => JSX.Element>;
 export default _default;

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

@@ -16,7 +16,7 @@ import { styled } from '@mui/material/styles';
 import { FlowsButtons } from '../../../shared/Button';
 import { ICONS_NAMES, PASSWORD_OPERATION_TYPE } from '../../../../constants';
 import { useAppSelector, useLanguage } from '../../../../hooks';
-import { getResetFlowUrl, showLastFour, concatenateObjectValues } from '../../../../utils';
+import { getResetFlowUrl, showLastFour, concatenateObjectValues, shortenBankName } from '../../../../utils';
 import { taxSelector } from '../../../app/tax/taxStore';
 import Box from '@mui/material/Box';
 import Text from '../../../../components/Text';
@@ -55,7 +55,7 @@ var SuccessWithFlowButtons = function () {
         ? concatenateObjectValues(ar || en, ['first', 'last'])
         : concatenateObjectValues(en, ['first', 'last']);
     var licenseNumber = ((_a = entity === null || entity === void 0 ? void 0 : entity.license) === null || _a === void 0 ? void 0 : _a.number) || '';
-    var bankName = (bank === null || bank === void 0 ? void 0 : bank.bank_name) || t('bank');
+    var bankName = shortenBankName(bank === null || bank === void 0 ? void 0 : bank.bank_name) || t('bank');
     var iban = showLastFour((bank === null || bank === void 0 ? void 0 : bank.iban) || '');
     var taxID = vatID || '';
     var brandName = (isAr ? (_b = brand === null || brand === void 0 ? void 0 : brand.name) === null || _b === void 0 ? void 0 : _b.ar : (_c = brand === null || brand === void 0 ? void 0 : brand.name) === null || _c === void 0 ? void 0 : _c.en) || '';

package/build/utils/array.d.ts

@@ -59,3 +59,4 @@ export declare const fixBrandList: (items: Array<{
 }>, salesChannel: Array<SaleChannel>) => {
     channel_services: any[];
 }[];
+export declare const findFirstId: (items: Array<SaleChannel>) => string;

package/build/utils/array.js

@@ -121,3 +121,11 @@ export var fixBrandList = function (items, salesChannel) {
         return __assign(__assign({}, item), { channel_services: removeDuplicationById(mapBrandSalesChannel(salesChannel, item.channel_services || [])) });
     });
 };
+export var findFirstId = function (items) {
+    var first = items[0];
+    if (!first)
+        return '';
+    if (first.sub && first.sub.length > 0)
+        return first.sub[0].id;
+    return first.id;
+};

package/build/utils/date.d.ts

@@ -0,0 +1 @@
+export declare const dateFormat: (date: Date, fmt?: string) => string;

package/build/utils/date.js

@@ -0,0 +1,5 @@
+import moment from 'moment';
+export var dateFormat = function (date, fmt) {
+    if (fmt === void 0) { fmt = 'YYYY-MM-DD'; }
+    return moment(date).format('YYYY-MM-DD');
+};

package/build/utils/index.d.ts

@@ -8,3 +8,4 @@ export * from './string';
 export * from './device';
 export * from './rsa';
 export * from './common';
+export * from './date';

package/build/utils/index.js

@@ -8,3 +8,4 @@ export * from './string';
 export * from './device';
 export * from './rsa';
 export * from './common';
+export * from './date';

package/build/utils/string.d.ts

@@ -1,5 +1,6 @@
 import { DeviceInfo } from '../@types';
 export declare const maskPhone: (str?: string) => string;
+export declare const shortenBankName: (str: string) => string;
 export declare const maskID: (str: string) => string;
 export declare const maskEmail: (str: string) => string;
 export declare const showLastFour: (str: string) => string;

package/build/utils/string.js

@@ -8,13 +8,25 @@ export var maskPhone = function (str) {
     var lastTwo = str.substring(str.length - 2, str.length);
     return ' ••••' + lastTwo;
 };
+export var shortenBankName = function (str) {
+    if (str)
+        return str.slice(0, 20);
+    return '';
+};
 export var maskID = function (str) {
     var lastTwo = str.substring(str.length - 2, str.length);
     return ' ••••' + lastTwo;
 };
 export var maskEmail = function (str) {
-    var lastTwo = str.substring(str.length - 2, str.length);
-    return ' ••••' + lastTwo;
+    if (str) {
+        var name_1 = str.split('@')[0];
+        var maskedName = name_1[0] + '*' + name_1[name_1.length - 1];
+        var domain = str.split('@')[1].split('.')[0];
+        var maskedDomain = '@' + domain[0] + '*' + domain[domain.length - 1];
+        var TLD = '.' + str.split('@')[1].split('.')[1];
+        return maskedName + maskedDomain + TLD;
+    }
+    return '';
 };
 export var showLastFour = function (str) {
     if (str && str.length >= 4) {