@tap-payments/auth-jsconnect 1.0.13 → 1.0.14

package/build/features/shared/SuccessScreen/SuccessScreen.js

@@ -49,6 +49,6 @@ var TitleStyled = styled(Text)(function (_a) {
 });
 var ThankYou = function (_a) {
     var onSuccess = _a.onSuccess, title = _a.title;
-    return (_jsxs(Container, __assign({ sx: { alignItems: 'center' } }, { children: [title && (_jsx(TextContainerStyled, { children: _jsxs(TitleStyled, { children: [title, " "] }) })), _jsx(ButtonStyled, __assign({ onClick: onSuccess }, { children: _jsx("img", { src: ICONS_NAMES.SUCCESS, alt: 'success Icon' }) }))] })));
+    return (_jsxs(Container, { children: [title && (_jsx(TextContainerStyled, { children: _jsxs(TitleStyled, { children: [title, " "] }) })), _jsx(Container, __assign({ sx: { alignItems: 'center' } }, { children: _jsx(ButtonStyled, __assign({ onClick: onSuccess }, { children: _jsx("img", { src: ICONS_NAMES.SUCCESS, alt: 'success Icon' }) })) }))] }));
 };
 export default React.memo(ThankYou);

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

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

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

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

package/build/features/tax/screens/TaxDetails/VATId.js

@@ -6,22 +6,21 @@ import { useController, useFormContext } from 'react-hook-form';
 import { VAT_ID_LENGTH } from '../../../../constants';
 import ClearIcon from '../../../shared/ClearIcon';
 import CheckIcon from '../../../shared/CheckIcon';
-import { removeAllOtherThanCharsAndNumber } from '../../../../utils';
+import { removeAllCharsFromNumber } from '../../../../utils';
 var VATId = function () {
     var _a;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var vatControl = useController({ name: 'vatId', control: control });
     var handleOnChange = function (vat) {
-        var value = removeAllOtherThanCharsAndNumber(vat);
+        var value = removeAllCharsFromNumber(vat);
         vatControl.field.onChange(value);
     };
     var vatValue = vatControl.field.value;
     var vatError = (_a = vatControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
-    var hasError = !!vatError;
     var clearValue = function () {
         vatControl.field.onChange('');
     };
-    return (_jsx(FeatureContainer, { children: _jsx(Input, { label: t('vat_id_label'), inputProps: { maxLength: VAT_ID_LENGTH }, value: vatValue, onChange: function (event) { return handleOnChange(event.target.value); }, placeholder: '00000000000', warningType: 'alert', warningMessage: vatError, required: true, endAdornment: !hasError && vatValue ? _jsx(CheckIcon, {}) : vatValue && _jsx(ClearIcon, { onClick: clearValue }) }) }));
+    return (_jsx(FeatureContainer, { children: _jsx(Input, { label: t('vat_id'), inputProps: { maxLength: VAT_ID_LENGTH }, value: vatValue, onChange: function (event) { return handleOnChange(event.target.value); }, placeholder: '00000000000', warningType: 'alert', warningMessage: vatError && t(vatError), required: true, endAdornment: !vatError && vatValue ? _jsx(CheckIcon, {}) : vatValue && _jsx(ClearIcon, { onClick: clearValue }) }) }));
 };
 export default VATId;

package/build/features/tax/screens/TaxDetails/validation.js

@@ -1,4 +1,4 @@
 import * as yup from 'yup';
 export var Validation = yup.object().shape({
-    vatId: yup.string().min(9).max(15).required('VAT ID is required')
+    vatId: yup.string().min(9, 'alert_vat').max(15, 'alert_vat').required('alert_vat')
 });

package/build/utils/string.js

@@ -1,8 +1,8 @@
 export var string = '';
 export var maskPhone = function (str) {
     if (str === void 0) { str = ''; }
-    var first = str.substring(0, 5);
-    var lastTwo = str.substring(11, str.length);
+    var first = str.substring(0, 1);
+    var lastTwo = str.substring(str.length - 2, str.length);
     return first + '••••' + lastTwo;
 };
 export var maskID = function (str) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "1.0.13",
+	"version": "1.0.14",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",

package/build/features/business/screens/OTP/OTPTimer.d.ts

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

package/build/features/business/screens/OTP/OTPTimer.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import Box from '@mui/material/Box/Box';
-import { styled } from '@mui/material/styles';
-import { useTranslation } from 'react-i18next';
-import OTPTimer from '../../../../components/OTPTimer';
-import { DEFAULT_TIMER_VALUE } from '../../../../constants';
-var BoxStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        display: 'flex',
-        flexDirection: 'column',
-        padding: theme.spacing(2.5, 0, 6.5, 0)
-    });
-});
-var Timer = function (_a) {
-    var t = useTranslation().t;
-    return (_jsx(BoxStyled, { children: _jsx(OTPTimer, { timeEndLabel: t('resend_otp'), timeInSeconds: DEFAULT_TIMER_VALUE, onResetClick: function () { } }) }));
-};
-export default React.memo(Timer);

package/build/features/business/screens/VerifyNumber/OTPTimer.d.ts

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

package/build/features/business/screens/VerifyNumber/OTPTimer.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import Box from '@mui/material/Box/Box';
-import { styled } from '@mui/material/styles';
-import { useTranslation } from 'react-i18next';
-import OTPTimer from '../../../../components/OTPTimer';
-import { DEFAULT_TIMER_VALUE } from '../../../../constants';
-var BoxStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        display: 'flex',
-        flexDirection: 'column',
-        padding: theme.spacing(2.5, 0, 3.75, 0)
-    });
-});
-var Timer = function (_a) {
-    var t = useTranslation().t;
-    return (_jsx(BoxStyled, { children: _jsx(OTPTimer, { timeEndLabel: t('resend_otp'), timeInSeconds: DEFAULT_TIMER_VALUE, onResetClick: function () { } }) }));
-};
-export default React.memo(Timer);