@tap-payments/auth-jsconnect 1.0.10 → 1.0.14

package/build/features/shared/ExpandIcon/ExpandIcon.js

@@ -15,7 +15,7 @@ import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 var ExpandIcon = styled(ExpandMoreIcon, { shouldForwardProp: function (prop) { return prop !== 'anchorEl'; } })(function (_a) {
     var _b;
     var theme = _a.theme, anchorEl = _a.anchorEl;
-    return (__assign(__assign({}, theme.typography.h6), (_b = { display: 'flex', transform: !!anchorEl ? 'rotate(180deg)' : '' }, _b[theme.transitions.create(['transform'])] = {
+    return (__assign(__assign({}, theme.typography.h6), (_b = { display: 'flex', cursor: 'pointer', transform: !!anchorEl ? 'rotate(180deg)' : '' }, _b[theme.transitions.create(['transform'])] = {
         duration: theme.transitions.duration.standard
     }, _b)));
 });

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

@@ -13,7 +13,6 @@ export declare const InputLabelStyled: import("@emotion/styled").StyledComponent
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof React.HTMLAttributes<HTMLSpanElement>> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
 }, keyof import("@mui/material/OverridableComponent").CommonProps | ("border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "children" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-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 InputStyled: import("@emotion/styled").StyledComponent<Pick<InputProps, "type" | "className" | "style" | "classes" | "color" | "margin" | "translate" | "slot" | "title" | "ref" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sx" | "size" | "disabled" | "error" | "name" | "components" | "componentsProps" | "value" | "autoFocus" | "fullWidth" | "required" | "rows" | "inputProps" | "inputRef" | "readOnly" | "autoComplete" | "disableInjectingGlobalStyles" | "endAdornment" | "inputComponent" | "multiline" | "renderSuffix" | "maxRows" | "minRows" | "startAdornment" | "disableUnderline" | "onEnterPressed" | "warningMessage"> & {
     placeholder?: string | undefined;
     hide?: boolean | undefined;

package/build/features/shared/Input/Input.js

@@ -25,14 +25,11 @@ import { styled, alpha } from '@mui/material/styles';
 import Text from '../../../components/Text';
 import Box from '@mui/material/Box';
 import Input from '../../../components/Input';
+import Mandatory from '../Mandatory';
 export var InputLabelStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
     return (__assign(__assign({ color: alpha(theme.palette.text.primary, 0.6), fontWeight: theme.typography.fontWeightMedium }, theme.typography.caption), { lineHeight: theme.spacing(2.5) }));
 });
-export var MandatoryStyled = styled('span')(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({ color: alpha(theme.palette.error.light, 0.4) }, theme.typography.h6), { fontWeight: theme.typography.fontWeightLight, verticalAlign: 'sub' }));
-});
 export var InputStyled = styled(Input)(function (_a) {
     var theme = _a.theme, readOnly = _a.readOnly;
     return (__assign({ direction: theme.direction, '&.MuiInputBase-adornedEnd': {
@@ -55,5 +52,5 @@ var LabelContainerStyled = styled(Box)(function (_a) {
 });
 export default function CustomInput(_a) {
     var label = _a.label, required = _a.required, props = __rest(_a, ["label", "required"]);
-    return (_jsxs(_Fragment, { children: [label && (_jsxs(LabelContainerStyled, { children: [_jsx(InputLabelStyled, { children: label }), required && _jsx(MandatoryStyled, { children: "*" })] })), _jsx(InputStyled, __assign({}, props))] }));
+    return (_jsxs(_Fragment, { children: [label && (_jsxs(LabelContainerStyled, { children: [_jsx(InputLabelStyled, { children: label }), required && _jsx(Mandatory, {})] })), _jsx(InputStyled, __assign({}, props))] }));
 }

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function Mandatory(): JSX.Element;

package/build/features/shared/Mandatory/Mandatory.js

@@ -0,0 +1,20 @@
+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 { styled, alpha } from '@mui/material/styles';
+var SpanStyled = styled('span')(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({}, theme.typography.h6), { fontWeight: theme.typography.fontWeightLight, color: alpha(theme.palette.error.light, 0.4), lineHeight: theme.spacing(2.5), verticalAlign: 'sub' }));
+});
+export default function Mandatory() {
+    return _jsx(SpanStyled, { children: "*" });
+}

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

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

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

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

package/build/features/shared/OTP/OTP.js

@@ -31,11 +31,11 @@ var OTPStyled = styled(OTPField)(function (_a) {
     var _b;
     var theme = _a.theme, parentWidth = _a.parentWidth;
     var isSmall = parentWidth < 300;
-    var inputWidth = isSmall ? Math.ceil(parentWidth / 6) - 16 : Math.ceil(parentWidth / 6) - 24;
+    var inputWidth = isSmall ? Math.ceil(parentWidth / 6) - 12 : Math.ceil(parentWidth / 6) - 20;
     return {
         marginInlineStart: 0,
         input: (_b = {
-                width: "42px !important"
+                width: "45.5px !important"
             },
             _b[theme.breakpoints.down('sm')] = {
                 marginInlineStart: isSmall ? theme.spacing(1) : theme.spacing(2),

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/index.css

@@ -1,8 +1,14 @@
 @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=Roboto:wght@300&display=swap');
+@import url('https://fonts.googleapis.com/css?family=Tajawal&display=swap');
+
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
 
-/* reset all html elements */
 html,
 body,
 div,
@@ -10,7 +16,6 @@ span,
 applet,
 object,
 iframe,
-form,
 h1,
 h2,
 h3,
@@ -27,7 +32,104 @@ address,
 big,
 cite,
 code,
-body {
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
 	margin: 0;
 	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol,
+ul {
+	list-style: none;
+}
+blockquote,
+q {
+	quotes: none;
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
 }

package/build/theme/typography.js

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

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/build/utils/validation.d.ts

@@ -1,9 +1,11 @@
 export declare const isNumber: (value: string) => boolean;
 export declare const removeAllCharsFromNumber: (str: string) => string;
+export declare const removeOnlyNumbers: (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 const removeAllOtherThanCharsNumbersAndSpace: (str: string) => string;
 export declare function PasswordMatchLength(password: string): boolean;
 export declare function isPasswordHasUpperLetter(password: string): boolean;
 export declare function isPasswordHasLowerLetter(password: string): boolean;

package/build/utils/validation.js

@@ -4,6 +4,9 @@ export var isNumber = function (value) {
 export var removeAllCharsFromNumber = function (str) {
     return str.replace(/[^0-9]/g, '');
 };
+export var removeOnlyNumbers = function (str) {
+    return str.replace(/[^\D]/g, '');
+};
 export var removeAllOtherThanAlphabet = function (str) {
     return str.replace(/[^[A-Za-z]/g, '');
 };
@@ -16,6 +19,9 @@ export var keepEmailCharacters = function (str) {
 export var removeAllOtherThanCharsAndNumber = function (str) {
     return str.replace(/[^A-Za-z0-9]/g, '');
 };
+export var removeAllOtherThanCharsNumbersAndSpace = function (str) {
+    return str.replace(/[^A-Za-z0-9 ]/g, '');
+};
 export function PasswordMatchLength(password) {
     return password.length > 7;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "1.0.10",
+	"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);