@tap-payments/auth-jsconnect 1.0.5 → 1.0.6

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

@@ -0,0 +1,54 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import Box from '@mui/material/Box/Box';
+import { styled } from '@mui/material/styles';
+import * as React from 'react';
+import Text from '../../../components/Text';
+import Button from '../../../components/Button';
+import Container from '../Containers/ScreenContainer';
+import { ICONS_NAMES } from '../../../constants';
+var ButtonStyled = styled(Button)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: theme.spacing(5),
+        height: theme.spacing(5),
+        minHeight: theme.spacing(5),
+        minWidth: theme.spacing(5),
+        background: theme.palette.primary.main,
+        margin: theme.spacing(2.5),
+        borderRadius: theme.spacing(5)
+    });
+});
+var TextContainerStyled = styled(Box)(function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (_b = {
+            background: theme.palette.common.white,
+            border: '1px solid',
+            borderColor: theme.palette.divider,
+            borderRadius: theme.spacing(0, 0, 1.25, 1.25)
+        },
+        _b[theme.breakpoints.up('sm')] = {
+            marginBottom: theme.spacing(6)
+        },
+        _b);
+});
+var TitleStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return (__assign({ fontWeight: theme.typography.fontWeightRegular, color: theme.palette.text.primary, marginBlock: theme.spacing(1.75), lineHeight: 1.75, padding: '0px 20px' }, theme.typography.subtitle2));
+});
+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' }) }))] })));
+};
+export default React.memo(ThankYou);

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

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

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

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

package/build/features/tax/Tax.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface TaxLibProps {
+}
+export declare function TaxLib(props: TaxLibProps): JSX.Element;
+export declare function renderTaxLib(config: TaxLibProps, elementId: string): void;
+export declare function unmountTaxLib(elementId: string): void;

package/build/features/tax/Tax.js

@@ -0,0 +1,50 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { memo, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useAppTheme, useAppDispatch, useAppSelector } from '../../hooks';
+import { handleActiveFlowScreens, settingsSelector } from '../../app/settings';
+import AnimationFlow from '../../components/AnimationFlow';
+import { store } from '../../app/store';
+import { ReduxProvider, ThemeProvider } from '../../components/Providers';
+import Collapse from '../../components/Collapse';
+import { reactElement } from '../../utils';
+import { TAX_SCREENS_NAVIGATION } from '../../constants';
+import { taxFeatureScreens } from '../featuresScreens';
+import CustomFooter from '../shared/Footer';
+import { FeatureContainer } from '../shared/Containers';
+var Tax = memo(function (props) {
+    var open = React.useState(true)[0];
+    var t = useTranslation().t;
+    var theme = useAppTheme().theme;
+    var dispatch = useAppDispatch();
+    var data = useAppSelector(settingsSelector).data;
+    var activeScreen = data.activeScreen;
+    useEffect(function () {
+        dispatch(handleActiveFlowScreens(TAX_SCREENS_NAVIGATION));
+    }, []);
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: taxFeatureScreens.map(function (_a, index) {
+                    var Element = _a.element, name = _a.name;
+                    var isActive = activeScreen.name === name;
+                    return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 300, appear: 300, exit: 400 } }, { children: _jsx(Element, {}) }), index));
+                }) }) })) })));
+});
+export function TaxLib(props) {
+    return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(Tax, __assign({}, props)) })));
+}
+export function renderTaxLib(config, elementId) {
+    reactElement(elementId).render(_jsx(TaxLib, __assign({}, config)));
+}
+export function unmountTaxLib(elementId) {
+    reactElement(elementId).unmount();
+}

package/build/features/tax/index.d.ts

@@ -0,0 +1 @@
+export * from './Tax';

package/build/features/tax/index.js

@@ -0,0 +1 @@
+export * from './Tax';

package/build/features/tax/screens/TaxDetails/TaxDetails.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface TaxDetailsProps {
+}
+declare const TaxDetails: () => JSX.Element;
+export default TaxDetails;

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

@@ -0,0 +1,45 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ScreenContainer } from '../../../shared/Containers';
+import Button from '../../../shared/Button';
+import { useAppDispatch, useLanguage } from '../../../../hooks';
+import { useTranslation } from 'react-i18next';
+import { styled } from '@mui/material/styles';
+import { useForm, FormProvider } from 'react-hook-form';
+import Form from '../../../../components/Form';
+import { handleNextScreenStep } from '../../../../app/settings';
+import { Validation } from './validation';
+import { yupResolver } from '@hookform/resolvers/yup';
+import VATId from './VATId';
+var FormStyled = styled(Form)(function () { return ({
+    display: 'flex',
+    flexDirection: 'column'
+}); });
+var TaxDetails = function () {
+    var dispatch = useAppDispatch();
+    var methods = useForm({
+        resolver: yupResolver(Validation),
+        defaultValues: {
+            vatId: ''
+        },
+        mode: 'onChange'
+    });
+    var t = useTranslation().t;
+    var isAr = useLanguage().isAr;
+    var onSubmit = function (data) {
+        console.log('data', data);
+        dispatch(handleNextScreenStep());
+    };
+    return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(VATId, {}), _jsx(Button, __assign({ isAr: isAr, disabled: !methods.formState.isValid }, { children: t('next') }))] })) })) }));
+};
+export default TaxDetails;

package/build/features/tax/screens/TaxDetails/VATId.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const VATId: () => JSX.Element;
+export default VATId;

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FeatureContainer } from '../../../shared/Containers';
+import Input from '../../../shared/Input';
+import { useTranslation } from 'react-i18next';
+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';
+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);
+        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 }) }) }));
+};
+export default VATId;

package/build/features/tax/screens/TaxDetails/index.d.ts

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

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

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

package/build/features/tax/screens/TaxDetails/validation.d.ts

@@ -0,0 +1,8 @@
+import * as yup from 'yup';
+export declare const Validation: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    vatId: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+}>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    vatId: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+}>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    vatId: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+}>>>;

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

@@ -0,0 +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')
+});

package/build/hooks/index.d.ts

@@ -5,3 +5,4 @@ export * from './useAppSelector';
 export * from './useAppDispatch';
 export * from './useEventListener';
 export * from './useLanguage';
+export * from './useContainerDimensions';

package/build/hooks/index.js

@@ -5,3 +5,4 @@ export * from './useAppSelector';
 export * from './useAppDispatch';
 export * from './useEventListener';
 export * from './useLanguage';
+export * from './useContainerDimensions';

package/build/hooks/useContainerDimensions.d.ts

@@ -0,0 +1,4 @@
+export declare const useContainerDimensions: (ref: any) => {
+    width: number;
+    height: number;
+};

package/build/hooks/useContainerDimensions.js

@@ -0,0 +1,21 @@
+import { useEffect, useState } from 'react';
+export var useContainerDimensions = function (ref) {
+    var getDimensions = function () { return ({
+        width: ref.current.offsetWidth,
+        height: ref.current.offsetHeight
+    }); };
+    var _a = useState({ width: 0, height: 0 }), dimensions = _a[0], setDimensions = _a[1];
+    useEffect(function () {
+        var handleResize = function () {
+            setDimensions(getDimensions());
+        };
+        if (ref.current) {
+            setDimensions(getDimensions());
+        }
+        window.addEventListener('resize', handleResize);
+        return function () {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, [ref]);
+    return dimensions;
+};

package/build/index.css

@@ -1,6 +1,6 @@
+@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');
 @import url('https://fonts.googleapis.com/icon?family=Material+Icons');
-@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
 
 body {
 	margin: 0;

package/build/index.d.ts

@@ -1,5 +1,10 @@
 import './index.css';
 import './i18n';
 import { ConnectLib, renderConnectLib, ConnectLibProps, unmountConnectLib } from './features/connect';
-export type { ConnectLibProps };
-export { ConnectLib, renderConnectLib, unmountConnectLib };
+import { BusinessLib, renderBusinessLib, BusinessLibProps, unmountBusinessLib } from './features/business';
+import { PasswordLib, renderPasswordLib, PasswordLibProps, unmountPasswordLib } from './features/password';
+import { OwnerLib, renderOwnerLib, OwnerLibProps, unmountOwnerLib } from './features/owner';
+import { BankLib, renderBankLib, BankLibProps, unmountBankLib } from './features/bank';
+import { TaxLib, renderTaxLib, TaxLibProps, unmountTaxLib } from './features/tax';
+export type { ConnectLibProps, BusinessLibProps, PasswordLibProps, OwnerLibProps, BankLibProps, TaxLibProps };
+export { ConnectLib, renderConnectLib, unmountConnectLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, OwnerLib, renderOwnerLib, unmountOwnerLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib };

package/build/index.js

@@ -1,8 +1,23 @@
 import './index.css';
 import './i18n';
 import { ConnectLib, renderConnectLib, unmountConnectLib } from './features/connect';
-export { ConnectLib, renderConnectLib, unmountConnectLib };
+import { BusinessLib, renderBusinessLib, unmountBusinessLib } from './features/business';
+import { PasswordLib, renderPasswordLib, unmountPasswordLib } from './features/password';
+import { OwnerLib, renderOwnerLib, unmountOwnerLib } from './features/owner';
+import { BankLib, renderBankLib, unmountBankLib } from './features/bank';
+import { TaxLib, renderTaxLib, unmountTaxLib } from './features/tax';
+export { ConnectLib, renderConnectLib, unmountConnectLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, OwnerLib, renderOwnerLib, unmountOwnerLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib };
 window['TapAuth'] = {
     renderConnectLib: renderConnectLib,
-    unmountConnectLib: unmountConnectLib
+    unmountConnectLib: unmountConnectLib,
+    renderBusinessLib: renderBusinessLib,
+    unmountBusinessLib: unmountBusinessLib,
+    renderPasswordLib: renderPasswordLib,
+    unmountPasswordLib: unmountPasswordLib,
+    renderOwnerLib: renderOwnerLib,
+    unmountOwnerLib: unmountOwnerLib,
+    renderBankLib: renderBankLib,
+    unmountBankLib: unmountBankLib,
+    renderTaxLib: renderTaxLib,
+    unmountTaxLib: unmountTaxLib
 };

package/build/theme/palette.js

@@ -2,10 +2,13 @@ export var lightPalette = {
     mode: 'light',
     divider: '#e3e8ee',
     primary: {
-        main: '#007aff'
+        main: '#007aff',
+        dark: '#9CA0A94D'
     },
     success: {
-        main: '#1ECB40'
+        light: '#2CCE01',
+        main: '#1ECB40',
+        dark: '#3A4155'
     },
     common: {
         black: '#000',
@@ -16,7 +19,9 @@ export var lightPalette = {
         default: '#ffffff'
     },
     text: {
-        primary: '#3A4154'
+        primary: '#3f424d',
+        secondary: '#ABAEB6',
+        disabled: '#3A4154B3'
     },
     action: {
         selected: 'rgba(0, 0, 0, 0.08)',
@@ -24,7 +29,8 @@ export var lightPalette = {
     },
     secondary: {
         light: '#FAFBFC',
-        main: '#CECECE'
+        main: '#c2c6cc',
+        dark: '#ABAEB6'
     },
     error: {
         main: '#EB3746',

package/build/theme/typography.js

@@ -1,13 +1,13 @@
 export var typography = {
     htmlFontSize: 16,
-    fontFamily: '"Lato", "Roboto"',
+    fontFamily: '"Lato", "Roboto", "Tajawal"',
     fontSize: 14,
     fontWeightLight: 300,
     fontWeightRegular: 400,
     fontWeightMedium: 500,
     fontWeightBold: 700,
     allVariants: {
-        fontFamily: '"Lato", "Roboto"',
+        fontFamily: '"Lato", "Roboto", "Tajawal"',
         fontSize: '0.875rem',
         lineHeight: 'normal',
         fontStyle: 'normal',

package/build/utils/array.d.ts

@@ -1,6 +1,8 @@
-export declare const isArray: (items?: Array<any>) => boolean;
+export declare const isArray: (value: any) => value is any[];
 export declare const joinArray: (items: Array<any>, joiner?: string) => string;
 export declare const replaceStringArrayItems: (items: Array<string>, include: string, withThis: string) => string[];
 export declare const uniqueArray: (items: Array<string>) => string[];
 export declare const removeArrayItem: (items: Array<string>, item: string) => string[];
 export declare const splitString: (string: string, splitter?: string) => string[];
+export declare const isInclude: (items: Array<string | number>, item: any) => boolean;
+export declare const findItem: (items: Array<string | number>, key: any) => string | number | undefined;

package/build/utils/array.js

@@ -1,6 +1,4 @@
-export var isArray = function (items) {
-    return Array.isArray(items);
-};
+export var isArray = function (value) { return Array.isArray(value); };
 export var joinArray = function (items, joiner) {
     if (joiner === void 0) { joiner = '__'; }
     if (!items)
@@ -32,3 +30,9 @@ export var splitString = function (string, splitter) {
         return [];
     return string.split(splitter);
 };
+export var isInclude = function (items, item) {
+    return items.includes(item);
+};
+export var findItem = function (items, key) {
+    return items.find(function (item) { return item === key; });
+};

package/build/utils/string.d.ts

@@ -1 +1,3 @@
 export declare const string = "";
+export declare const maskPhone: (str?: string) => string;
+export declare const maskID: (str: string) => string;

package/build/utils/string.js

@@ -1 +1,12 @@
 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);
+    return first + '••••' + lastTwo;
+};
+export var maskID = function (str) {
+    var first = str.substring(0, 1);
+    var lastTwo = str.substring(str.length - 2, str.length);
+    return first + '••••••' + lastTwo;
+};

package/build/utils/validation.d.ts

@@ -3,3 +3,9 @@ export declare const removeAllCharsFromNumber: (str: string) => string;
 export declare const removeAllOtherThanAlphabet: (str: string) => string;
 export declare const removeAllNumberFromChars: (str: string) => string;
 export declare const keepEmailCharacters: (str: string) => string;
+export declare const removeAllOtherThanCharsAndNumber: (str: string) => string;
+export declare function PasswordMatchLength(password: string): boolean;
+export declare function isPasswordHasUpperLetter(password: string): boolean;
+export declare function isPasswordHasLowerLetter(password: string): boolean;
+export declare function isPasswordHasSpecialLetter(password: string): boolean;
+export declare const keepLettersAndSpace: (str: string) => string;

package/build/utils/validation.js

@@ -8,8 +8,26 @@ export var removeAllOtherThanAlphabet = function (str) {
     return str.replace(/[^[A-Za-z]/g, '');
 };
 export var removeAllNumberFromChars = function (str) {
-    return str.replace(/[^a-zA-Z ]/g, '');
+    return str.replace(/[^a-zA-Z]/g, '');
 };
 export var keepEmailCharacters = function (str) {
     return str.replace(/[^a-zA-Z@.]/g, '');
 };
+export var removeAllOtherThanCharsAndNumber = function (str) {
+    return str.replace(/[^A-Za-z0-9]/g, '');
+};
+export function PasswordMatchLength(password) {
+    return password.length > 7;
+}
+export function isPasswordHasUpperLetter(password) {
+    return /[A-Z]/.test(password);
+}
+export function isPasswordHasLowerLetter(password) {
+    return /[a-z]/.test(password);
+}
+export function isPasswordHasSpecialLetter(password) {
+    return /[ `!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/.test(password);
+}
+export var keepLettersAndSpace = function (str) {
+    return str.replace(/[^a-zA-Z] /g, '');
+};

package/package.json

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

package/build/features/connect/Footer.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export interface FooterProps {
-}
-export default function Footer(): JSX.Element;

package/build/features/connect/Footer.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
-import { useTranslation } from 'react-i18next';
-import FooterComponent from '../../components/Footer';
-var FooterStyled = styled(FooterComponent)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        position: 'relative',
-        bottom: 0,
-        marginBottom: theme.spacing(-3.75)
-    });
-});
-export default function Footer() {
-    var t = useTranslation().t;
-    return _jsx(FooterStyled, { onSwitchLanguage: function () { }, followUsTitle: t('follow_us'), language: t('language') });
-}

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

@@ -1,35 +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 _b = React.useState(DEFAULT_TIMER_VALUE), timeValue = _b[0], seTimeValue = _b[1];
-    var t = useTranslation().t;
-    React.useEffect(function () {
-        if (timeValue <= 0)
-            return;
-        var interval = setInterval(function () {
-            seTimeValue(timeValue - 1);
-        }, 1000);
-        return function () { return clearInterval(interval); };
-    }, [timeValue]);
-    var resetTimer = function () {
-        seTimeValue(DEFAULT_TIMER_VALUE);
-    };
-    return (_jsx(BoxStyled, { children: _jsx(OTPTimer, { time: timeValue, onClick: function () {
-                if (timeValue <= 0)
-                    resetTimer();
-            }, resendText: t('resend_otp') }) }));
-};
-export default React.memo(Timer);