@tap-payments/auth-jsconnect 1.0.13 → 1.0.14

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

@@ -23,6 +23,7 @@ import Input from '../../../shared/Input';
 import ClearIcon from '../../../shared/ClearIcon';
 import Tooltip from '../../../../components/Tooltip';
 import { removeAllOtherThanCharsNumbersAndSpace } from '../../../../utils';
+import CheckIcon from '../../../shared/CheckIcon';
 var LabelContainerStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -68,6 +69,7 @@ var BrandName = function (_a) {
         brandControl.field.onChange('');
     };
     var brandNameValue = brandControl.field.value;
-    return (_jsxs(ScreenContainer, __assign({ sx: { mt: 2.5, mb: 3 } }, { children: [_jsxs(LabelContainerStyled, { children: [_jsx(InputLabelStyled, { children: t('brand_name_label') }), _jsx(Tooltip, __assign({ title: t('brand_name_description'), onMouseOver: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, { children: isHovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] }), _jsx(Input, { onChange: handleBrandNameChange, value: brandNameValue, endAdornment: brandNameValue && _jsx(ClearIcon, { onClick: clearBrandName }), placeholder: t('brand_name_placeholder'), warningType: 'alert', warningMessage: (_b = brandControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message })] })));
+    var error = (_b = brandControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
+    return (_jsxs(ScreenContainer, __assign({ sx: { mt: 2.5, mb: 3 } }, { children: [_jsxs(LabelContainerStyled, { children: [_jsx(InputLabelStyled, { children: t('signup_brand_name_label') }), _jsx(Tooltip, __assign({ title: t('brand_name_hint'), onMouseOver: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, { children: isHovered ? _jsx(InfoIconStyled, {}) : _jsx(InfoOutlinedIconStyled, {}) }))] }), _jsx(Input, { onChange: handleBrandNameChange, value: brandNameValue, placeholder: t('signup_brand_name_placeholder'), warningType: 'alert', warningMessage: error && t(error), endAdornment: !error && brandNameValue ? _jsx(CheckIcon, {}) : brandNameValue && _jsx(ClearIcon, { onClick: clearBrandName }) })] })));
 };
 export default React.memo(BrandName);

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

@@ -21,6 +21,7 @@ import Text from '../../../../components/Text';
 import Collapse from '../../../../components/Collapse';
 import SocialMediaGroup from '../../../../components/SocialMediaGroup';
 import { ScreenContainer } from '../../../shared/Containers';
+import CheckIcon from '../../../shared/CheckIcon';
 var SocialMediaGroupStyled = styled(SocialMediaGroup)(function (_a) {
     var theme = _a.theme, defaultValue = _a.defaultValue;
     return ({
@@ -32,6 +33,7 @@ var InputStyled = styled(Input)(function (_a) {
     var theme = _a.theme;
     return ({
         padding: theme.spacing(0, 2, 0, 0),
+        paddingInlineEnd: theme.spacing(2),
         input: {
             paddingInlineStart: theme.spacing(0)
         }
@@ -72,8 +74,11 @@ var SocialMedia = function (_a) {
     var twitterValue = links.twitter || '';
     var instagramValue = links.instagram || '';
     var errors = linksControl.fieldState.error;
+    var websiteError = (_b = errors === null || errors === void 0 ? void 0 : errors.website) === null || _b === void 0 ? void 0 : _b.message;
+    var twitterError = (_c = errors === null || errors === void 0 ? void 0 : errors.twitter) === null || _c === void 0 ? void 0 : _c.message;
+    var instagramError = (_d = errors === null || errors === void 0 ? void 0 : errors.instagram) === null || _d === void 0 ? void 0 : _d.message;
     return (_jsxs(ScreenContainer, __assign({ sx: { mb: 3 } }, { children: [_jsx(SocialMediaGroupStyled, { defaultValue: socialMediaType, exclusive: true, onChange: function (e, value) {
                     setSocialMediaType(value);
-                } }), _jsx(Collapse, __assign({ in: socialMediaType === SocialMediaTypes.WEB, timeout: 300 }, { children: _jsx(InputStyled, { onChange: handleChange, value: websiteValue, startAdornment: _jsx(TextStyled, { children: "https://" }), endAdornment: websiteValue && _jsx(ClearIconStyled, { onClick: handleClear }), placeholder: t('website_placeholder'), warningType: 'alert', warningMessage: (_b = errors === null || errors === void 0 ? void 0 : errors.website) === null || _b === void 0 ? void 0 : _b.message }) })), _jsx(Collapse, __assign({ in: socialMediaType === SocialMediaTypes.TWITTER, timeout: 300 }, { children: _jsx(InputStyled, { onChange: handleChange, value: twitterValue, startAdornment: _jsx(TextStyled, { children: "@" }), endAdornment: twitterValue && _jsx(ClearIconStyled, { onClick: handleClear }), placeholder: t('twitter_placeholder'), warningType: 'alert', warningMessage: (_c = errors === null || errors === void 0 ? void 0 : errors.twitter) === null || _c === void 0 ? void 0 : _c.message }) })), _jsx(Collapse, __assign({ in: socialMediaType === SocialMediaTypes.INSTAGRAM, timeout: 300 }, { children: _jsx(InputStyled, { onChange: handleChange, value: instagramValue, startAdornment: _jsx(TextStyled, { children: "@" }), endAdornment: instagramValue && _jsx(ClearIconStyled, { onClick: handleClear }), placeholder: t('instagram_placeholder'), warningType: 'alert', warningMessage: (_d = errors === null || errors === void 0 ? void 0 : errors.instagram) === null || _d === void 0 ? void 0 : _d.message }) }))] })));
+                } }), _jsx(Collapse, __assign({ in: socialMediaType === SocialMediaTypes.WEB, timeout: 300 }, { children: _jsx(InputStyled, { onChange: handleChange, value: websiteValue, startAdornment: _jsx(TextStyled, { children: "https://" }), placeholder: t('signup_website_placeholder'), warningType: 'alert', warningMessage: websiteError && t(websiteError), endAdornment: !websiteError && websiteValue ? _jsx(CheckIcon, {}) : websiteValue && _jsx(ClearIconStyled, { onClick: handleClear }) }) })), _jsx(Collapse, __assign({ in: socialMediaType === SocialMediaTypes.TWITTER, timeout: 300 }, { children: _jsx(InputStyled, { onChange: handleChange, value: twitterValue, startAdornment: _jsx(TextStyled, { children: "@" }), placeholder: t('signup_twitter_placeholder'), warningType: 'alert', warningMessage: twitterError && t(twitterError), endAdornment: !twitterError && twitterValue ? _jsx(CheckIcon, {}) : twitterValue && _jsx(ClearIconStyled, { onClick: handleClear }) }) })), _jsx(Collapse, __assign({ in: socialMediaType === SocialMediaTypes.INSTAGRAM, timeout: 300 }, { children: _jsx(InputStyled, { onChange: handleChange, value: instagramValue, startAdornment: _jsx(TextStyled, { children: "@" }), placeholder: t('signup_instagram_placeholder'), warningType: 'alert', warningMessage: instagramError && t(instagramError), endAdornment: !instagramError && instagramValue ? (_jsx(CheckIcon, {})) : (instagramValue && _jsx(ClearIconStyled, { onClick: handleClear })) }) }))] })));
 };
 export default React.memo(SocialMedia);

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

@@ -74,6 +74,6 @@ var TAC = function (_a) {
     var handleTACCheckedChange = function (event, checked) {
         tacControl.field.onChange(checked);
     };
-    return (_jsxs(ScreenContainer, __assign({ sx: { mb: 5 } }, { children: [_jsxs(TACContainerStyled, { children: [_jsx(CheckboxStyled, { disableRipple: true, disableFocusRipple: true, focusRipple: false, checked: tacChecked, onChange: handleTACCheckedChange }), _jsxs(TextStyled, { children: [t('read_agree_terms_and_conditions_message'), _jsx(LinkStyled, __assign({ href: isAr ? EXTERNAL_LINKS.TOS_AR : EXTERNAL_LINKS.TOS_EN, target: '_blank', underline: 'always' }, { children: t('terms_and_conditions_link_title') }))] })] }), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: warningMessage })) }))] })));
+    return (_jsxs(ScreenContainer, __assign({ sx: { mb: 5 } }, { children: [_jsxs(TACContainerStyled, { children: [_jsx(CheckboxStyled, { disableRipple: true, disableFocusRipple: true, focusRipple: false, checked: tacChecked, onChange: handleTACCheckedChange }), _jsxs(TextStyled, { children: [t('read_agree_terms_and_conditions_message'), _jsx(LinkStyled, __assign({ href: isAr ? EXTERNAL_LINKS.TOS_AR : EXTERNAL_LINKS.TOS_EN, target: '_blank', underline: 'always' }, { children: t('terms_and_conditions_link_title') }))] })] }), _jsx(CollapseStyled, __assign({ in: !!warningMessage }, { children: _jsx(Warning, __assign({ warningType: 'alert' }, { children: warningMessage && t(warningMessage) })) }))] })));
 };
 export default React.memo(TAC);

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

@@ -3,15 +3,15 @@ export declare const MerchantValidationSchema: yup.ObjectSchema<import("yup/lib/
     brandName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     termAndConditionChecked: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
     links: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-        website: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+        website: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
         instagram: yup.StringSchema<string | null | undefined, import("yup/lib/types").AnyObject, string | null | undefined>;
         twitter: yup.StringSchema<string | null | undefined, import("yup/lib/types").AnyObject, string | null | undefined>;
     }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-        website: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+        website: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
         instagram: yup.StringSchema<string | null | undefined, import("yup/lib/types").AnyObject, string | null | undefined>;
         twitter: yup.StringSchema<string | null | undefined, import("yup/lib/types").AnyObject, string | null | undefined>;
     }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-        website: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+        website: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
         instagram: yup.StringSchema<string | null | undefined, import("yup/lib/types").AnyObject, string | null | undefined>;
         twitter: yup.StringSchema<string | null | undefined, import("yup/lib/types").AnyObject, string | null | undefined>;
     }>>>;
@@ -19,15 +19,15 @@ export declare const MerchantValidationSchema: yup.ObjectSchema<import("yup/lib/
     brandName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     termAndConditionChecked: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
     links: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-        website: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+        website: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
         instagram: yup.StringSchema<string | null | undefined, import("yup/lib/types").AnyObject, string | null | undefined>;
         twitter: yup.StringSchema<string | null | undefined, import("yup/lib/types").AnyObject, string | null | undefined>;
     }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-        website: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+        website: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
         instagram: yup.StringSchema<string | null | undefined, import("yup/lib/types").AnyObject, string | null | undefined>;
         twitter: yup.StringSchema<string | null | undefined, import("yup/lib/types").AnyObject, string | null | undefined>;
     }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-        website: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+        website: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
         instagram: yup.StringSchema<string | null | undefined, import("yup/lib/types").AnyObject, string | null | undefined>;
         twitter: yup.StringSchema<string | null | undefined, import("yup/lib/types").AnyObject, string | null | undefined>;
     }>>>;
@@ -35,15 +35,15 @@ export declare const MerchantValidationSchema: yup.ObjectSchema<import("yup/lib/
     brandName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     termAndConditionChecked: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
     links: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-        website: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+        website: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
         instagram: yup.StringSchema<string | null | undefined, import("yup/lib/types").AnyObject, string | null | undefined>;
         twitter: yup.StringSchema<string | null | undefined, import("yup/lib/types").AnyObject, string | null | undefined>;
     }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-        website: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+        website: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
         instagram: yup.StringSchema<string | null | undefined, import("yup/lib/types").AnyObject, string | null | undefined>;
         twitter: yup.StringSchema<string | null | undefined, import("yup/lib/types").AnyObject, string | null | undefined>;
     }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-        website: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+        website: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
         instagram: yup.StringSchema<string | null | undefined, import("yup/lib/types").AnyObject, string | null | undefined>;
         twitter: yup.StringSchema<string | null | undefined, import("yup/lib/types").AnyObject, string | null | undefined>;
     }>>>;

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

@@ -1,23 +1,54 @@
 import * as yup from 'yup';
 export var MerchantValidationSchema = yup.object().shape({
-    brandName: yup.string().min(3, 'Please enter valid brand name').required('Brand Name is required'),
-    termAndConditionChecked: yup.boolean().required().isTrue('Please accept the terms and conditions'),
+    brandName: yup.string().min(3, 'enter_brand_name_english_chars_numbers_space').required('enter_valid_brand_name'),
+    termAndConditionChecked: yup.boolean().required().isTrue('check_terms_cond'),
     links: yup.object().shape({
-        website: yup
-            .string()
-            .matches(/(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\.)+[a-z0-9][a-z0-9-]{0,61}[a-z0-9]/, 'Please enter valid url')
-            .required('Website is required'),
+        website: yup.string().when(['instagram', 'twitter'], function (instagram, twitter) {
+            if (!instagram && !twitter) {
+                return yup
+                    .string()
+                    .matches(/(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\.)+[a-z0-9][a-z0-9-]{0,61}[a-z0-9]/, 'ide_not_valid_url')
+                    .transform(function (value) { return (!!value ? value : null); })
+                    .nullable()
+                    .required('enter_at_least_one');
+            }
+            else {
+                return yup
+                    .string()
+                    .matches(/(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\.)+[a-z0-9][a-z0-9-]{0,61}[a-z0-9]/, 'ide_not_valid_url')
+                    .transform(function (value) { return (!!value ? value : null); })
+                    .nullable()
+                    .optional();
+            }
+        }),
         instagram: yup
             .string()
-            .notRequired()
             .nullable()
             .transform(function (value) { return (!!value ? value : null); })
-            .min(2, 'Invalid instagram username'),
+            .when(['twitter', 'website'], function (twitter, website) {
+            if (!website && !twitter) {
+                return yup.string().min(2, 'enter_at_least_one').required('enter_at_least_one');
+            }
+            else {
+                return yup.string().optional();
+            }
+        }),
         twitter: yup
             .string()
-            .notRequired()
             .nullable()
             .transform(function (value) { return (!!value ? value : null); })
-            .min(2, 'Invalid instagram username')
-    })
+            .min(2, 'enter_at_least_one')
+            .when(['website', 'instagram'], function (website, instagram) {
+            if (!website && !instagram) {
+                return yup.string().min(2, 'enter_at_least_one').required('enter_at_least_one');
+            }
+            else {
+                return yup.string().optional();
+            }
+        })
+    }, [
+        ['instagram', 'website'],
+        ['twitter', 'website'],
+        ['instagram', 'twitter']
+    ])
 });

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

@@ -34,12 +34,12 @@ var OTPTitleContainerStyled = styled(Box)(function (_a) {
         borderColor: theme.palette.divider,
         direction: theme.direction,
         borderRadius: theme.spacing(0, 0, 1.25, 1.25),
-        marginBottom: theme.spacing(4)
+        marginBottom: theme.spacing(5.75)
     });
 });
 var OTPTitleStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
-    return (__assign(__assign({}, theme.typography.subtitle1), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightLight, marginBlock: theme.spacing(1.75), marginInlineStart: theme.spacing(2.5) }));
+    return (__assign(__assign({}, theme.typography.body1), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightLight, marginBlock: theme.spacing(1.75), marginInlineStart: theme.spacing(2.5), lineHeight: 1.75 }));
 });
 var FormStyled = styled(Form)(function () { return ({
     display: 'flex',
@@ -63,7 +63,8 @@ var OTP = function (_a) {
             return dispatch(handleNextScreenStep('CONNECT_PASSWORD_STEP'));
         dispatch(handleNextScreenStep('CONNECT_INDIVIDUAL_STEP'));
     };
-    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [t('otp_sent_title'), " ", _jsx("span", __assign({ dir: 'ltr' }, { children: maskPhone(phone) }))] }) }), _jsx(OTPInput, {}), _jsx(Button, __assign({ disabled: !methods.formState.isValid, type: 'submit', isAr: isAr, loading: false }, { children: t('next') }))] })) })) }));
+    var loading = false;
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? t('ide_otp_waiting_title') : t('ide_opt_sent_title'), ' ', _jsx("span", __assign({ dir: 'ltr' }, { children: maskPhone(phone) }))] }) }), _jsx(OTPInput, {}), _jsx(Button, __assign({ disabled: !methods.formState.isValid, type: 'submit', isAr: isAr, loading: loading }, { children: t('next') }))] })) })) }));
 };
 OTP.defaultProps = {
     phone: '+996564656085'

package/build/features/connect/screens/OTP/OTPInput.js

@@ -33,6 +33,6 @@ var OTPInput = function (_a) {
         otpControl.field.onChange(otp);
     };
     var otpValue = otpControl.field.value;
-    return (_jsx(BoxStyled, __assign({ dir: 'ltr' }, { children: _jsx(OTPField, { timeEndLabel: t('resend_otp'), timerInSeconds: DEFAULT_TIMER_VALUE, onResetClick: function () { }, value: otpValue, onChange: function (number) { return handleOnOTPChange(number.toString()); } }) })));
+    return (_jsx(BoxStyled, __assign({ dir: 'ltr' }, { children: _jsx(OTPField, { timeEndLabel: t('ide_otp_resend_label'), timerInSeconds: DEFAULT_TIMER_VALUE, onResetClick: function () { }, value: otpValue, onChange: function (number) { return handleOnOTPChange(number.toString()); } }) })));
 };
 export default React.memo(OTPInput);

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

@@ -1,4 +1,4 @@
 import * as yup from 'yup';
 export var OTPValidation = yup.object().shape({
-    otp: yup.string().min(6).required('OTP is required')
+    otp: yup.string().min(6).required('')
 });

package/build/features/connect/screens/Password/PasswordInput.js

@@ -33,6 +33,7 @@ var PasswordInput = function (_a) {
         setShowPassword(false);
     };
     var passwordValue = passwordControl.field.value;
-    return (_jsx(ScreenContainer, __assign({ sx: { mt: 2.5, mb: 5 } }, { children: _jsx(Input, { label: t('password_label'), inputProps: { autoComplete: 'off' }, onChange: handlePasswordChange, value: passwordValue, endAdornment: _jsx(PasswordIcon, { show: showPassword, onShow: handleShowPassword, onHide: handleHidePassword }), placeholder: t('password_placeholder'), type: showPassword ? 'text' : 'password', warningType: 'alert', warningMessage: (_b = passwordControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message }) })));
+    var error = (_b = passwordControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
+    return (_jsx(ScreenContainer, __assign({ sx: { mt: 2.5, mb: 5 } }, { children: _jsx(Input, { label: t('tap_js_password_description'), inputProps: { autoComplete: 'off' }, onChange: handlePasswordChange, value: passwordValue, endAdornment: _jsx(PasswordIcon, { show: showPassword, onShow: handleShowPassword, onHide: handleHidePassword }), placeholder: t('tap_js_password_placeholder'), type: showPassword ? 'text' : 'password', warningType: 'alert', warningMessage: error && t(error, { length: 5 }) }) })));
 };
 export default React.memo(PasswordInput);

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

@@ -1,4 +1,4 @@
 import * as yup from 'yup';
 export var PasswordValidationSchema = yup.object().shape({
-    password: yup.string().min(5).required('Password is required')
+    password: yup.string().min(5, 'enter_valid_password').required('password_required')
 });

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

@@ -8,8 +8,7 @@ var ThankYou = function (_a) {
         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>");
-        window.location.href = '/new/business';
     };
-    return _jsx(SuccessScreen, { title: t('thankyou_message'), onSuccess: onSuccess });
+    return _jsx(SuccessScreen, { title: t('ide_successfully_verified_message'), onSuccess: onSuccess });
 };
 export default React.memo(ThankYou);

package/build/features/featuresScreens.js

@@ -13,10 +13,14 @@ import ActivitiesPage from './business/screens/Activities';
 import SuccessPage from './business/screens/Success';
 import ConfirmPage from './business/screens/Confirm';
 import CreatePasswordPage from './password/screens/CreatePassword';
+import SuccessPasswordPage from './password/screens/Success';
 import ShowOwnerInfoPage from './owner/screens/ShowOwnerInfo';
 import AdditionalOwnerInfoPage from './owner/screens/AdditionalOwnerInfo';
+import SuccessOwnerPage from './owner/screens/Success';
 import BankDetailsPage from './bank/screens/BankDetails';
+import BankSuccessPage from './bank/screens/Success';
 import TaxDetailsPage from './tax/screens/TaxDetails';
+import TaxSuccessPage from './tax/screens/Success';
 export var connectFeatureScreens = [
     {
         name: 'CONNECT_MID_STEP',
@@ -78,6 +82,10 @@ export var passwordFeatureScreens = [
     {
         name: 'PASSWORD_CREATE_PASSWORD_STEP',
         element: CreatePasswordPage
+    },
+    {
+        name: 'PASSWORD_SUCCESS_STEP',
+        element: SuccessPasswordPage
     }
 ];
 export var ownerFeatureScreens = [
@@ -88,17 +96,29 @@ export var ownerFeatureScreens = [
     {
         name: 'OWNER_ADDITIONAL_OWNER_INFO_STEP',
         element: AdditionalOwnerInfoPage
+    },
+    {
+        name: 'OWNER_SUCCESS_STEP',
+        element: SuccessOwnerPage
     }
 ];
 export var bankFeatureScreens = [
     {
         name: 'BANK_BANK_DETAILS_STEP',
         element: BankDetailsPage
+    },
+    {
+        name: 'BANK_DETAILS_SUCCESS_STEP',
+        element: BankSuccessPage
     }
 ];
 export var taxFeatureScreens = [
     {
         name: 'TAX_TAX_DETAILS_STEP',
         element: TaxDetailsPage
+    },
+    {
+        name: 'TAX_DETAILS_SUCCESS_STEP',
+        element: TaxSuccessPage
     }
 ];

package/build/features/owner/screens/AdditionalOwnerInfo/AdditionalOwnerInfo.js

@@ -36,7 +36,7 @@ var InputsContainerStyled = styled(Box)(function (_a) {
     var theme = _a.theme, listActive = _a.listActive;
     return (_b = {
             paddingBottom: theme.spacing(listActive ? 0 : 5),
-            overflow: 'scroll',
+            overflow: 'hidden',
             maxHeight: 'calc(100vh - 250px)'
         },
         _b[theme.transitions.create(['padding-bottom'])] = {

package/build/features/owner/screens/AdditionalOwnerInfo/EmployerLocation.js

@@ -73,7 +73,7 @@ var EmployerLocation = React.forwardRef(function (_a, ref) {
         employerLocationControl.field.onChange(country);
     };
     var location = employerLocationControl.field.value;
-    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, __assign({ ref: ref, sx: { pt: 2.5 } }, { children: [_jsx(Input, { required: true, label: t('employer_location_label'), readOnly: true, onClick: !!anchorEl ? function () { return onCloseCountrySelect(); } : onOpenCountrySelect, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('employer_location_placeholder'), value: (isAr ? (_b = location === null || location === void 0 ? void 0 : location.name) === null || _b === void 0 ? void 0 : _b.arabic : (_c = location === null || location === void 0 ? void 0 : location.name) === null || _c === void 0 ? void 0 : _c.english) || '' }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.english', list: locationCountries, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, __assign({ ref: ref, sx: { pt: 2.5 } }, { children: [_jsx(Input, { required: true, label: t('tap_js_employer_address_city'), readOnly: true, onClick: !!anchorEl ? function () { return onCloseCountrySelect(); } : onOpenCountrySelect, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_employee_location'), value: (isAr ? (_b = location === null || location === void 0 ? void 0 : location.name) === null || _b === void 0 ? void 0 : _b.arabic : (_c = location === null || location === void 0 ? void 0 : location.name) === null || _c === void 0 ? void 0 : _c.english) || '' }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleList, { searchKeyPath: 'name.english', list: locationCountries, onSelectItem: onSelectItem, renderItem: function (item) {
                             return (_jsxs(_Fragment, { children: [_jsx(CountryItemContainer, { children: _jsx(CountryNameText, __assign({ isSelected: (item === null || item === void 0 ? void 0 : item.idd_prefix) === (location === null || location === void 0 ? void 0 : location.idd_prefix) }, { children: isAr ? item.name.arabic : item.name.english })) }), item.idd_prefix === (location === null || location === void 0 ? void 0 : location.idd_prefix) && _jsx(CheckIconStyled, {})] }));
                         } }) }))] })) })));
 });

package/build/features/owner/screens/AdditionalOwnerInfo/EmployerName.js

@@ -18,8 +18,9 @@ import { ScreenContainer } from '../../../shared/Containers';
 import Input from '../../../shared/Input';
 import CheckIcon from '../../../shared/CheckIcon';
 import Collapse from '../../../../components/Collapse';
+import ClearIcon from '../../../shared/ClearIcon';
 var EmployerName = function (_a) {
-    var _b;
+    var _b, _c;
     var show = _a.show;
     var t = useTranslation().t;
     var control = useFormContext().control;
@@ -30,6 +31,10 @@ var EmployerName = function (_a) {
         employerNameControl.field.onChange(value);
     };
     var employerNameValue = employerNameControl.field.value;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, __assign({ sx: { pt: 2.5 } }, { children: _jsx(Input, { required: true, label: t('employer_name_label'), onChange: handleEmployerNameChange, value: employerNameValue, endAdornment: employerNameValue && _jsx(CheckIcon, {}), placeholder: t('employer_name_placeholder'), warningType: 'alert', warningMessage: (_b = employerNameControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message }) })) })));
+    var error = (_b = employerNameControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
+    var clearValue = function () {
+        employerNameControl.field.onChange('');
+    };
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, __assign({ sx: { pt: 2.5 } }, { children: _jsx(Input, { required: true, label: t('tap_js_employer_name'), onChange: handleEmployerNameChange, value: employerNameValue, endAdornment: !error && employerNameValue ? _jsx(CheckIcon, {}) : employerNameValue && _jsx(ClearIcon, { onClick: clearValue }), placeholder: t('tap_js_enter_employer_name'), warningType: 'alert', warningMessage: (_c = employerNameControl.fieldState.error) === null || _c === void 0 ? void 0 : _c.message }) })) })));
 };
 export default React.memo(EmployerName);

package/build/features/owner/screens/AdditionalOwnerInfo/InfluencerSwitch.js

@@ -40,6 +40,6 @@ var InfluencerSwitch = function (_a) {
         influencerControl.field.onChange(target.value === 'yes');
     };
     var influencerValue = influencerControl.field.value;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pt: 2.5, pl: 2.5, pr: 2.5 } }, { children: [_jsxs(LabelTextStyled, { children: [t('are_you_an_influencer'), _jsx(Mandatory, {})] }), _jsxs(RadioGroupStyled, __assign({ value: influencerValue != null ? (influencerValue ? 'yes' : 'no') : false, onChange: handleOnChange }, { children: [_jsx(RadioLabel, { value: 'yes', label: t('yes') }), _jsx(RadioLabel, { value: 'no', label: t('no') })] }))] })) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pt: 2.5, pl: 2.5, pr: 2.5 } }, { children: [_jsxs(LabelTextStyled, { children: [t('tap_js_are_you_an_influencer'), _jsx(Mandatory, {})] }), _jsxs(RadioGroupStyled, __assign({ value: influencerValue != null ? (influencerValue ? 'yes' : 'no') : false, onChange: handleOnChange }, { children: [_jsx(RadioLabel, { value: 'yes', label: t('yes') }), _jsx(RadioLabel, { value: 'no', label: t('no') })] }))] })) })));
 };
 export default React.memo(InfluencerSwitch);

package/build/features/owner/screens/AdditionalOwnerInfo/MonthlyIncome.js

@@ -30,6 +30,6 @@ var MonthlyIncome = function (_a) {
         monthlyIncomeControl.field.onChange(value);
     };
     var monthlyIncomeValue = monthlyIncomeControl.field.value;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { label: t('monthly_income_label'), onChange: handleMonthlyIncomeChange, value: monthlyIncomeValue, endAdornment: monthlyIncomeValue && _jsx(CheckIcon, {}), placeholder: '0', warningType: 'alert', warningMessage: (_b = monthlyIncomeControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message }) }) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsx(ScreenContainer, { children: _jsx(Input, { label: t('please_enter_actual_income'), onChange: handleMonthlyIncomeChange, value: monthlyIncomeValue, endAdornment: monthlyIncomeValue && _jsx(CheckIcon, {}), placeholder: '0', warningType: 'alert', warningMessage: (_b = monthlyIncomeControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message }) }) })));
 };
 export default React.memo(MonthlyIncome);

package/build/features/owner/screens/AdditionalOwnerInfo/PEPSwitch.js

@@ -40,6 +40,6 @@ var PEPSwitch = function (_a) {
         pepControl.field.onChange(target.value === 'yes');
     };
     var pepValue = pepControl.field.value;
-    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pt: 2.5, pl: 2.5, pr: 2.5 } }, { children: [_jsxs(LabelTextStyled, { children: [t('is_close_relative_in_pep_label'), _jsx(Mandatory, {})] }), _jsxs(RadioGroupStyled, __assign({ value: pepValue != null ? (pepValue ? 'yes' : 'no') : false, onChange: handleOnChange }, { children: [_jsx(RadioLabel, { value: 'yes', label: t('yes') }), _jsx(RadioLabel, { value: 'no', label: t('no') })] }))] })) })));
+    return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pt: 2.5, pl: 2.5, pr: 2.5 } }, { children: [_jsxs(LabelTextStyled, { children: [t('tap_js_is_close_relative_in_pep'), _jsx(Mandatory, {})] }), _jsxs(RadioGroupStyled, __assign({ value: pepValue != null ? (pepValue ? 'yes' : 'no') : false, onChange: handleOnChange }, { children: [_jsx(RadioLabel, { value: 'yes', label: t('yes') }), _jsx(RadioLabel, { value: 'no', label: t('no') })] }))] })) })));
 };
 export default React.memo(PEPSwitch);

package/build/features/owner/screens/AdditionalOwnerInfo/SourceOfIncome.js

@@ -78,7 +78,7 @@ var SourceOfIncome = function (_a) {
         sourceIncomeControl.field.onChange(country);
     };
     var source = sourceIncomeControl.field.value;
-    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pb: 2.5 } }, { children: [_jsx(Input, { required: true, label: t('source_of_income_label'), readOnly: true, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('source_of_income_placeholder'), value: (isAr ? source === null || source === void 0 ? void 0 : source.name : source === null || source === void 0 ? void 0 : source.nameEn) || '' }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleListStyled, { searchKeyPath: 'nameEn', list: sourceList, onSelectItem: onSelectItem, renderItem: function (item) {
+    return (_jsx(Collapse, __assign({ in: rest.show }, { children: _jsxs(ScreenContainer, __assign({ sx: { pb: 2.5 } }, { children: [_jsx(Input, { required: true, label: t('tap_js_source_of_income'), readOnly: true, onClick: !!anchorEl ? function () { return onCloseList(); } : onOpenList, endAdornment: _jsx(ExpandIcon, { anchorEl: !!anchorEl }), placeholder: t('choose_any_source_of_income'), value: (isAr ? source === null || source === void 0 ? void 0 : source.name : source === null || source === void 0 ? void 0 : source.nameEn) || '' }), _jsx(Collapse, __assign({ in: !!anchorEl }, { children: _jsx(SimpleListStyled, { searchKeyPath: 'nameEn', list: sourceList, onSelectItem: onSelectItem, renderItem: function (item) {
                             return (_jsxs(_Fragment, { children: [_jsx(Container, { children: _jsx(IncomeText, __assign({ isSelected: item.id === (source === null || source === void 0 ? void 0 : source.id) }, { children: isAr ? item.name : item === null || item === void 0 ? void 0 : item.nameEn })) }), item.id === (source === null || source === void 0 ? void 0 : source.id) && _jsx(CheckIconStyled, {})] }));
                         } }) }))] })) })));
 };

package/build/features/owner/screens/AdditionalOwnerInfo/validation.js

@@ -5,7 +5,10 @@ export var OwnerInfoValidationSchema = yup.object().shape({
     employerName: yup.string().when('sourceIncome', function (sourceIncomeValue) {
         var _a;
         if (((_a = sourceIncomeValue === null || sourceIncomeValue === void 0 ? void 0 : sourceIncomeValue.nameEn) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'salary') {
-            return yup.string().required('Employer name is required');
+            return 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, 'Employer name is required')
+                .required('Employer name is required');
         }
         else {
             return yup.string().optional();
@@ -27,6 +30,6 @@ export var OwnerInfoValidationSchema = yup.object().shape({
             return yup.string().optional();
         }
     }),
-    isPEP: yup.boolean().required(),
-    isInfluencer: yup.boolean().required()
+    isPEP: yup.boolean().required('please_choose_relative_pep'),
+    isInfluencer: yup.boolean().required('please_choose_are_you_influncer')
 });

package/build/features/owner/screens/ShowOwnerInfo/ShowOwnerInfo.js

@@ -40,7 +40,7 @@ var ShowOwnerInfo = function (_a) {
     var handleClickNext = function () {
         dispatch(handleNextScreenStep());
     };
-    return (_jsxs(ScreenContainer, { children: [_jsxs(InputsContainerStyled, { children: [_jsx(Collapse, __assign({ in: !!citizenship }, { children: _jsx(Info, { label: 'citizenship', value: citizenship }) })), _jsx(Collapse, __assign({ in: !!nationalAddr }, { children: _jsx(Info, { label: 'national_address', value: nationalAddr }) })), _jsx(Info, { label: 'birth_date', value: birthDate }), _jsx(Info, { label: 'place_of_birth', value: placeOfBirth }), _jsx(Collapse, __assign({ in: !!maritalStatus }, { children: _jsx(Info, { label: 'marital_status', value: maritalStatus }) }))] }), _jsx(Button, __assign({ isAr: isAr, disabled: false, loading: false, onClick: handleClickNext }, { children: t('next') }))] }));
+    return (_jsxs(ScreenContainer, { children: [_jsxs(InputsContainerStyled, { children: [_jsx(Collapse, __assign({ in: !!citizenship }, { children: _jsx(Info, { label: 'citizenship', value: citizenship }) })), _jsx(Collapse, __assign({ in: !!nationalAddr }, { children: _jsx(Info, { label: 'national_address', value: nationalAddr }) })), _jsx(Info, { label: t('birthdate'), value: birthDate }), _jsx(Info, { label: 'place_of_birth', value: placeOfBirth }), _jsx(Collapse, __assign({ in: !!maritalStatus }, { children: _jsx(Info, { label: 'marital_status', value: maritalStatus }) }))] }), _jsx(Button, __assign({ isAr: isAr, disabled: false, loading: false, onClick: handleClickNext }, { children: t('next') }))] }));
 };
 export default React.memo(ShowOwnerInfo);
 ShowOwnerInfo.defaultProps = {

package/build/features/owner/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/owner/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/owner/screens/Success/index.d.ts

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

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

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

package/build/features/password/Password.js

@@ -20,7 +20,7 @@ import { ReduxProvider, ThemeProvider } from '../../components/Providers';
 import Collapse from '../../components/Collapse';
 import { reactElement } from '../../utils';
 import { PASSWORD_SCREENS_NAVIGATION } from '../../constants';
-import { connectFeatureScreens } from '../featuresScreens';
+import { passwordFeatureScreens } from '../featuresScreens';
 import CustomFooter from '../shared/Footer';
 import { FeatureContainer } from '../shared/Containers';
 var Password = memo(function (props) {
@@ -33,7 +33,7 @@ var Password = memo(function (props) {
     useEffect(function () {
         dispatch(handleActiveFlowScreens(PASSWORD_SCREENS_NAVIGATION));
     }, []);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: connectFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: passwordFeatureScreens.map(function (_a, index) {
                     var Element = _a.element, name = _a.name;
                     var isActive = activeScreen.name === name;
                     return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));

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

@@ -22,6 +22,7 @@ var ConfirmPassword = function (_a) {
         setShowPassword(false);
     };
     var passwordValue = passwordControl.field.value;
-    return (_jsx(ScreenContainer, { children: _jsx(Input, { onChange: handlePasswordChange, value: passwordValue, endAdornment: _jsx(PasswordIcon, { show: showPassword, onShow: handleShowPassword, onHide: handleHidePassword }), placeholder: t('confirm_password_placeholder'), warningType: 'alert', type: showPassword ? 'text' : 'password', warningMessage: (_b = passwordControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message }) }));
+    var error = (_b = passwordControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
+    return (_jsx(ScreenContainer, { children: _jsx(Input, { onChange: handlePasswordChange, value: passwordValue, autoComplete: 'confirm-password', endAdornment: _jsx(PasswordIcon, { show: showPassword, onShow: handleShowPassword, onHide: handleHidePassword }), placeholder: t('tap_js_confirm_password_description'), warningType: 'alert', type: showPassword ? 'text' : 'password', warningMessage: error && t(error) }) }));
 };
 export default React.memo(ConfirmPassword);

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

@@ -70,6 +70,7 @@ var Password = function (_a) {
         isPasswordHasLowerLetter(passwordValue),
         isPasswordHasSpecialLetter(passwordValue)
     ];
-    return (_jsxs(ScreenContainer, { children: [_jsx(Input, { label: t('new_password_label'), onChange: handlePasswordChange, value: passwordValue, endAdornment: _jsx(PasswordIcon, { show: showPassword, onShow: handleShowPassword, onHide: handleHidePassword }), placeholder: t('new_password_placeholder'), warningType: 'alert', type: showPassword ? 'text' : 'password', warningMessage: (_b = passwordControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message }), _jsxs(BarBoxStyled, { children: [_jsx(PasswordBar, { active: passwordConditions.filter(Boolean).length >= 1 }), _jsx(PasswordBar, { active: passwordConditions.filter(Boolean).length >= 2 }), _jsx(PasswordBar, { active: passwordConditions.filter(Boolean).length >= 3 }), _jsx(PasswordBar, { active: passwordConditions.filter(Boolean).length >= 4, sx: { marginInlineEnd: 0 } })] }), _jsx(Collapse, __assign({ in: !(passwordConditions.filter(Boolean).length >= 4), timeout: { enter: 1000, exit: 800 } }, { children: _jsxs(ListStyled, { children: [_jsx(ConditionText, { active: isPasswordMatchLength, text: '- ' + t('password_length') }), _jsx(ConditionText, { active: isPasswordHasUpper, text: '- ' + t('password_upper') }), _jsx(ConditionText, { active: isPasswordHasLower, text: '- ' + t('password_lower') }), _jsx(ConditionText, { active: isPasswordHasSpecial, text: '- ' + t('password_special') })] }) })), _jsxs(Collapse, __assign({ in: passwordConditions.filter(Boolean).length === 4, timeout: { enter: 800, exit: 1000 } }, { children: [_jsx(TextStyled, { children: t('notify_strong_password') }), _jsx(ConfirmPassword, {})] }))] }));
+    var error = (_b = passwordControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
+    return (_jsxs(ScreenContainer, { children: [_jsx(Input, { label: t('tap_js_password_description'), onChange: handlePasswordChange, value: passwordValue, autoComplete: 'new-password', endAdornment: _jsx(PasswordIcon, { show: showPassword, onShow: handleShowPassword, onHide: handleHidePassword }), placeholder: t('tap_js_password_placeholder'), warningType: 'alert', type: showPassword ? 'text' : 'password', warningMessage: error && t(error) }), _jsxs(BarBoxStyled, { children: [_jsx(PasswordBar, { active: passwordConditions.filter(Boolean).length >= 1 }), _jsx(PasswordBar, { active: passwordConditions.filter(Boolean).length >= 2 }), _jsx(PasswordBar, { active: passwordConditions.filter(Boolean).length >= 3 }), _jsx(PasswordBar, { active: passwordConditions.filter(Boolean).length >= 4, sx: { marginInlineEnd: 0 } })] }), _jsx(Collapse, __assign({ in: !(passwordConditions.filter(Boolean).length >= 4), timeout: { enter: 1000, exit: 800 } }, { children: _jsxs(ListStyled, { children: [_jsx(ConditionText, { active: isPasswordMatchLength, text: '- ' + t('password_length') }), _jsx(ConditionText, { active: isPasswordHasUpper, text: '- ' + t('password_upper') }), _jsx(ConditionText, { active: isPasswordHasLower, text: '- ' + t('password_lower') }), _jsx(ConditionText, { active: isPasswordHasSpecial, text: '- ' + t('password_special') })] }) })), _jsxs(Collapse, __assign({ in: passwordConditions.filter(Boolean).length === 4, timeout: { enter: 800, exit: 1000 } }, { children: [_jsx(TextStyled, { children: t('notify_strong_password') }), _jsx(ConfirmPassword, {})] }))] }));
 };
 export default React.memo(Password);

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

@@ -1,8 +1,8 @@
 import * as yup from 'yup';
 export var PasswordValidation = yup.object().shape({
-    password: yup.string().required('Password is required'),
+    password: yup.string().required('password_required'),
     confirmPassword: yup
         .string()
-        .oneOf([yup.ref('password'), 'Passwords are not the same'])
-        .required('Password confirmation is required')
+        .oneOf([yup.ref('password'), 'confirmPassword'], 'password_not_match')
+        .required('password_not_match')
 });

package/build/features/password/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/password/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/password/screens/Success/index.d.ts

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

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

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

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

@@ -41,7 +41,13 @@ var ButtonBoxStyled = styled(Box)(function (_a) {
         margin: theme.spacing(0, 2.5, 2.5, 2.5)
     });
 });
+var ButtonStyled = styled(Button)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        paddingInlineStart: theme.spacing(0.75)
+    });
+});
 export default function CustomButton(_a) {
     var children = _a.children, disabled = _a.disabled, isAr = _a.isAr, loading = _a.loading, props = __rest(_a, ["children", "disabled", "isAr", "loading"]);
-    return (_jsx(ButtonBoxStyled, { children: _jsx(Button, __assign({ disabled: disabled, type: 'submit', startIcon: _jsx(Loader, { innerColor: 'white', outerColor: 'white', size: 30, toggleAnimation: !!loading }), endIcon: _jsx(IconStyled, { isAr: isAr, src: ICONS_NAMES.WHITE_ARROW }) }, props, { children: children })) }));
+    return (_jsx(ButtonBoxStyled, { children: _jsx(ButtonStyled, __assign({ disabled: disabled, type: 'submit', startIcon: _jsx(Loader, { innerColor: 'white', outerColor: 'white', size: 30, toggleAnimation: !!loading }), endIcon: _jsx(IconStyled, { isAr: isAr, src: ICONS_NAMES.WHITE_ARROW }) }, props, { children: children })) }));
 }

package/build/features/shared/Footer/Footer.js

@@ -12,5 +12,5 @@ export default function CustomFooter() {
         var language = isEn ? LanguageMode.AR : LanguageMode.EN;
         dispatch(handleLanguage(language));
     };
-    return (_jsx(Footer, { onSwitchLanguage: handleChangeLanguage, followUsTitle: t('follow_us'), language: t('switch_language_label') }));
+    return _jsx(Footer, { onSwitchLanguage: handleChangeLanguage, followUsTitle: t('follow_us'), language: t('language') });
 }