@tap-payments/auth-jsconnect 1.0.2 → 1.0.5

package/build/components/DatePicker/DatePicker.js

@@ -20,13 +20,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useState, memo } from 'react';
 import Calendar from 'react-calendar';
 import 'react-calendar/dist/Calendar.css';
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
 import Divider from '@mui/material/Divider';
-import Collapse from '@mui/material/Collapse';
+import Collapse from '../Collapse';
 import CalendarTodayOutlined from '@mui/icons-material/CalendarTodayOutlined';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import ExpandLessIcon from '@mui/icons-material/ExpandLess';
@@ -77,14 +78,14 @@ var DatePicker = function (_a) {
         if (defaultValue)
             setDate(defaultValue);
     }, [defaultValue]);
-    var calenderIcon = React.createElement(ContainerIcon, null);
-    var expandMoreIcon = React.createElement(ExpandMore, null);
-    var expandLessIcon = React.createElement(ExpandLess, null);
+    var calenderIcon = _jsx(ContainerIcon, {});
+    var expandMoreIcon = _jsx(ExpandMore, {});
+    var expandLessIcon = _jsx(ExpandLess, {});
     var arrowIcon = anchor ? expandLessIcon : expandMoreIcon;
     var defaultMax = new Date();
     var defaultMin = new Date('1900-01-01');
     var toggleCalender = function (event) {
-        var elementId = 'connect-collapse-template';
+        var elementId = 'animation-flow-template-content';
         if (anchor) {
             setTimeout(function () { return scrollDown(elementId); }, 500);
             return setAnchor(null);
@@ -100,14 +101,9 @@ var DatePicker = function (_a) {
         onDateChange === null || onDateChange === void 0 ? void 0 : onDateChange(formattedDate(date));
         setAnchor(null);
     };
-    return (React.createElement(Container, { disabled: disabled, id: 'container-calendar' },
-        React.createElement(InputFieldStyled, { endAdornment: React.createElement(ArrowIcon, { disabled: disabled }, disabled ? '' : arrowIcon), value: date ? formattedDate(date) : '', placeholder: 'YYYY-MM-DD', onClick: function (e) {
-                if (!disabled)
-                    toggleCalender(e);
-            }, startAdornment: calenderIcon, disabled: !disabled, readOnly: readOnly, dir: dir }),
-        React.createElement(Collapse, { in: !!anchor, unmountOnExit: true, timeout: { enter: 500, exit: 500 } },
-            React.createElement(Calendar, __assign({}, rest, { value: date, calendarType: 'Hebrew', onChange: handleOnDateChange, locale: rest.locale, maxDate: rest.maxDate || defaultMax, minDate: rest.minDate || defaultMin })),
-            React.createElement(Divider, null))));
+    return (_jsxs(Container, __assign({ disabled: disabled, id: 'container-calendar' }, { children: [_jsx(InputFieldStyled, { endAdornment: _jsx(ArrowIcon, __assign({ disabled: disabled }, { children: disabled ? '' : arrowIcon })), value: date ? formattedDate(date) : '', placeholder: 'YYYY-MM-DD', onClick: function (e) {
+                    if (!disabled)
+                        toggleCalender(e);
+                }, startAdornment: calenderIcon, disabled: !disabled, readOnly: readOnly, dir: dir }), _jsxs(Collapse, __assign({ in: !!anchor }, { children: [_jsx(Calendar, __assign({}, rest, { value: date, calendarType: 'Hebrew', onChange: handleOnDateChange, locale: rest.locale, maxDate: rest.maxDate || defaultMax, minDate: rest.minDate || defaultMin })), _jsx(Divider, {})] }))] })));
 };
 export default memo(DatePicker);
-//# sourceMappingURL=DatePicker.js.map

package/build/components/DatePicker/index.js

@@ -1,3 +1,2 @@
 import DatePicker from './DatePicker';
 export default DatePicker;
-//# sourceMappingURL=index.js.map

package/build/components/Footer/Footer.js

@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import Text from '../Text';
@@ -90,25 +91,10 @@ var YouTubeIconStyled = styled(YouTubeIcon)(function (_a) {
 });
 var FooterComponent = function (_a) {
     var followUsTitle = _a.followUsTitle, language = _a.language, onSwitchLanguage = _a.onSwitchLanguage, rest = __rest(_a, ["followUsTitle", "language", "onSwitchLanguage"]);
-    return (React.createElement(FooterStyled, __assign({}, rest),
-        React.createElement(FollowUsStyled, null, followUsTitle),
-        React.createElement(IconsContainerStyled, null,
-            React.createElement(LinkStyled, { href: SOCIAL_MEDIA_LINKS.facebook, target: '_blank' },
-                React.createElement(FacebookIconStyled, { fontSize: 'small' })),
-            React.createElement(LinkStyled, { href: SOCIAL_MEDIA_LINKS.instagram, target: '_blank' },
-                React.createElement(InstagramIconStyled, { fontSize: 'small' })),
-            React.createElement(LinkStyled, { href: SOCIAL_MEDIA_LINKS.linkedin, target: '_blank' },
-                React.createElement(LinkedInIconStyled, { fontSize: 'small' })),
-            React.createElement(LinkStyled, { href: SOCIAL_MEDIA_LINKS.youtube, target: '_blank' },
-                React.createElement(YouTubeIconStyled, { fontSize: 'small' })),
-            React.createElement(LinkStyled, { href: SOCIAL_MEDIA_LINKS.twitter, target: '_blank' },
-                React.createElement(TwitterIconStyled, { fontSize: 'small' }))),
-        React.createElement(Text, null, '|'),
-        React.createElement(LanguageTextStyled, { onClick: onSwitchLanguage }, language)));
+    return (_jsxs(FooterStyled, __assign({}, rest, { children: [_jsx(FollowUsStyled, { children: followUsTitle }), _jsxs(IconsContainerStyled, { children: [_jsx(LinkStyled, __assign({ href: SOCIAL_MEDIA_LINKS.facebook, target: '_blank' }, { children: _jsx(FacebookIconStyled, { fontSize: 'small' }) })), _jsx(LinkStyled, __assign({ href: SOCIAL_MEDIA_LINKS.instagram, target: '_blank' }, { children: _jsx(InstagramIconStyled, { fontSize: 'small' }) })), _jsx(LinkStyled, __assign({ href: SOCIAL_MEDIA_LINKS.linkedin, target: '_blank' }, { children: _jsx(LinkedInIconStyled, { fontSize: 'small' }) })), _jsx(LinkStyled, __assign({ href: SOCIAL_MEDIA_LINKS.youtube, target: '_blank' }, { children: _jsx(YouTubeIconStyled, { fontSize: 'small' }) })), _jsx(LinkStyled, __assign({ href: SOCIAL_MEDIA_LINKS.twitter, target: '_blank' }, { children: _jsx(TwitterIconStyled, { fontSize: 'small' }) }))] }), _jsx(Text, { children: '|' }), _jsx(LanguageTextStyled, __assign({ onClick: onSwitchLanguage }, { children: language }))] })));
 };
 FooterComponent.defaultProps = {
     followUsTitle: 'follow_us',
     language: 'language'
 };
 export default React.memo(FooterComponent);
-//# sourceMappingURL=Footer.js.map

package/build/components/Footer/index.js

@@ -1,3 +1,2 @@
 import Footer from './Footer';
 export default Footer;
-//# sourceMappingURL=index.js.map

package/build/components/Form/Form.js

@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
@@ -29,10 +30,9 @@ var BoxStyled = styled(Box)(function (_a) {
 });
 var Form = function (_a) {
     var children = _a.children, rest = __rest(_a, ["children"]);
-    return (React.createElement(BoxStyled, __assign({ component: 'form' }, rest), children));
+    return (_jsx(BoxStyled, __assign({ component: 'form' }, rest, { children: children })));
 };
 Form.defaultProps = {
     onSubmit: function () { }
 };
 export default React.memo(Form);
-//# sourceMappingURL=Form.js.map

package/build/components/Form/index.js

@@ -1,3 +1,2 @@
 import Form from './Form';
 export default Form;
-//# sourceMappingURL=index.js.map

package/build/components/Icon/Icon.js

@@ -9,6 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import styled from '@mui/system/styled';
 var IconComponent = styled('img')(function (_a) {
@@ -20,7 +21,6 @@ var IconComponent = styled('img')(function (_a) {
     });
 });
 var Icon = React.forwardRef(function (props, ref) {
-    return React.createElement(IconComponent, __assign({}, props, { ref: ref }));
+    return _jsx(IconComponent, __assign({}, props, { ref: ref }));
 });
 export default React.memo(Icon);
-//# sourceMappingURL=Icon.js.map

package/build/components/Icon/index.js

@@ -1,3 +1,2 @@
 import Icon from './Icon';
 export default Icon;
-//# sourceMappingURL=index.js.map

package/build/components/Input/Input.d.ts

@@ -5,12 +5,15 @@ export interface InputFieldProps extends InputProps {
     hide?: boolean;
     startAdornment?: React.ReactNode;
     endAdornment?: React.ReactNode;
+    warningType?: 'alert' | 'error';
+    warningMessage?: string;
 }
 declare const _default: React.MemoExoticComponent<{
-    ({ onEnterPressed, hide, endAdornment, startAdornment, ...rest }: InputFieldProps): JSX.Element;
+    ({ onEnterPressed, hide, endAdornment, startAdornment, warningType, warningMessage, ...rest }: InputFieldProps): JSX.Element;
     defaultProps: {
         hide: boolean;
         placeholder: string;
+        warningType: string;
     };
 }>;
 export default _default;

package/build/components/Input/Input.js

@@ -20,9 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { memo } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
 import Input from '@mui/material/Input';
-import Collapse from '@mui/material/Collapse';
+import Collapse from '../Collapse';
+import Warning from '../Warning';
 import { alpha, styled } from '@mui/material/styles';
 var InputStyled = styled(Input)(function (_a) {
     var theme = _a.theme;
@@ -62,7 +64,7 @@ var InputStyled = styled(Input)(function (_a) {
     });
 });
 var InputField = function (_a) {
-    var onEnterPressed = _a.onEnterPressed, hide = _a.hide, endAdornment = _a.endAdornment, startAdornment = _a.startAdornment, rest = __rest(_a, ["onEnterPressed", "hide", "endAdornment", "startAdornment"]);
+    var onEnterPressed = _a.onEnterPressed, hide = _a.hide, endAdornment = _a.endAdornment, startAdornment = _a.startAdornment, warningType = _a.warningType, warningMessage = _a.warningMessage, rest = __rest(_a, ["onEnterPressed", "hide", "endAdornment", "startAdornment", "warningType", "warningMessage"]);
     var onKeyPress = function (e) {
         var _a;
         if (e.key === 'Enter')
@@ -71,12 +73,11 @@ var InputField = function (_a) {
     };
     if (!rest.defaultValue)
         delete rest.defaultValue;
-    return (React.createElement(Collapse, { in: !hide },
-        React.createElement(InputStyled, __assign({ onKeyPress: onKeyPress, endAdornment: endAdornment, startAdornment: startAdornment }, rest))));
+    return (_jsxs(Collapse, __assign({ in: !hide }, { children: [_jsx(InputStyled, __assign({ onKeyPress: onKeyPress, endAdornment: endAdornment, startAdornment: startAdornment }, rest)), _jsx(Collapse, __assign({ in: !!warningMessage, timeout: 400 }, { children: _jsx(Warning, __assign({ warningType: warningType }, { children: warningMessage })) }))] })));
 };
 InputField.defaultProps = {
     hide: false,
-    placeholder: '500000000'
+    placeholder: '500000000',
+    warningType: 'error'
 };
 export default memo(InputField);
-//# sourceMappingURL=Input.js.map

package/build/components/Input/index.js

@@ -1,3 +1,2 @@
 import Input from './Input';
 export default Input;
-//# sourceMappingURL=index.js.map

package/build/components/InputAdornment/InputAdornment.js

@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { memo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
 import InputAdornment from '@mui/material/InputAdornment';
 import { styled } from '@mui/material/styles';
 var InputAdornmentStyled = styled(InputAdornment)(function (_a) {
@@ -37,10 +38,9 @@ var InputAdornmentStyled = styled(InputAdornment)(function (_a) {
 });
 var InputFieldAdornment = function (_a) {
     var position = _a.position, children = _a.children, rest = __rest(_a, ["position", "children"]);
-    return (React.createElement(InputAdornmentStyled, __assign({ position: position || 'end' }, rest), children));
+    return (_jsx(InputAdornmentStyled, __assign({ position: position || 'end' }, rest, { children: children })));
 };
 InputFieldAdornment.defaultProps = {
     position: 'end'
 };
 export default memo(InputFieldAdornment);
-//# sourceMappingURL=InputAdornment.js.map

package/build/components/InputAdornment/index.js

@@ -1,3 +1,2 @@
 import InputAdornment from './InputAdornment';
 export default InputAdornment;
-//# sourceMappingURL=index.js.map

package/build/components/List/List.js

@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import List from '@mui/material/List';
@@ -46,9 +47,6 @@ var ListStyled = styled(List)(function (_a) {
 });
 var CustomList = function (_a) {
     var children = _a.children, rest = __rest(_a, ["children"]);
-    return React.createElement(ListStyled, __assign({}, rest),
-        children,
-        " ");
+    return _jsxs(ListStyled, __assign({}, rest, { children: [children, " "] }));
 };
 export default React.memo(CustomList);
-//# sourceMappingURL=List.js.map

package/build/components/List/index.js

@@ -1,3 +1,2 @@
 import List from './List';
 export default List;
-//# sourceMappingURL=index.js.map

package/build/components/ListItem/ListItem.js

@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import ListItem from '@mui/material/ListItem';
@@ -29,7 +30,6 @@ var ListItemStyled = styled(ListItem)(function (_a) {
 });
 var CustomListItem = function (_a) {
     var children = _a.children, rest = __rest(_a, ["children"]);
-    return (React.createElement(ListItemStyled, __assign({ disableGutters: true }, rest), children));
+    return (_jsx(ListItemStyled, __assign({ disableGutters: true }, rest, { children: children })));
 };
 export default React.memo(CustomListItem);
-//# sourceMappingURL=ListItem.js.map

package/build/components/ListItem/index.js

@@ -1,3 +1,2 @@
 import ListItem from './ListItem';
 export default ListItem;
-//# sourceMappingURL=index.js.map

package/build/components/Loader/Loader.d.ts

@@ -3,19 +3,21 @@ export interface LoaderProps {
     outerColor?: string;
     innerColor?: string;
     duration?: number;
-    runAnimation?: boolean;
+    toggleAnimation?: boolean;
     size?: number;
     style?: React.CSSProperties;
-    svgStyle?: React.CSSProperties;
+    className?: string;
 }
-declare const _default: React.MemoExoticComponent<{
-    ({ outerColor, innerColor, duration, runAnimation, style, svgStyle, size }: LoaderProps): JSX.Element;
-    defaultProps: {
+declare function Loader(props: LoaderProps): JSX.Element;
+declare namespace Loader {
+    var defaultProps: {
         outerColor: string;
         innerColor: string;
-        runAnimation: boolean;
-        size: number;
         duration: number;
+        toggleAnimation: boolean;
+        size: number;
+        style: null;
     };
-}>;
+}
+declare const _default: React.MemoExoticComponent<typeof Loader>;
 export default _default;

package/build/components/Loader/Loader.js

@@ -1,58 +1,40 @@
-import React, { Fragment } from 'react';
+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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { styled } from '@mui/material/styles';
-import Box from '@mui/material/Box';
-var DivStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: theme.spacing(12.5),
-        height: theme.spacing(12.5),
-        margin: 'auto',
-        display: 'block',
-        position: 'absolute'
-    });
-});
-var LoaderContainerStyled = styled(Box)(function (_a) {
+var RootStyled = styled('div')(function (_a) {
     var theme = _a.theme;
     return ({
-        width: theme.spacing(12.5),
-        height: theme.spacing(12.5),
+        width: '100px',
+        height: '100px',
         display: 'block',
         position: 'relative',
         margin: 'auto'
     });
 });
-var SvgBoxLoaderStyled = styled('svg')(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: '100%',
-        height: '100%',
-        position: 'absolute',
-        margin: '0',
-        left: '0',
-        right: '0',
-        top: theme.spacing(-0.18)
-    });
+var LoaderBoxStyled = styled('svg')(function (_a) {
+    var size = _a.size;
+    return (__assign({ width: '100%', height: '100%', position: 'absolute', margin: '0', left: '0', right: '0' }, (size && { transform: "scale(".concat(size / 40.0, ")") })));
 });
-var Loader = function (_a) {
-    var outerColor = _a.outerColor, innerColor = _a.innerColor, duration = _a.duration, runAnimation = _a.runAnimation, style = _a.style, svgStyle = _a.svgStyle, size = _a.size;
-    var defaultDuration = duration || 0;
-    var scaleStyle = size ? { transform: 'scale(' + size / 40.0 + ')' } : {};
-    return (React.createElement(DivStyled, null,
-        React.createElement(LoaderContainerStyled, { style: style },
-            React.createElement(SvgBoxLoaderStyled, { style: Object.assign(scaleStyle, svgStyle) },
-                React.createElement("circle", { style: { stroke: outerColor }, cx: '50%', cy: '50%', r: '20', fill: 'none', strokeLinecap: 'round', strokeWidth: ' 3.6px', strokeDasharray: ' 125, 124' }, runAnimation && (React.createElement(Fragment, null,
-                    React.createElement("animateTransform", { attributeName: 'transform', type: 'rotate', from: '0 50 50', to: '360 50 50', dur: defaultDuration / 3 + 's', repeatCount: 'indefinite' }),
-                    React.createElement("animate", { attributeName: 'stroke-dashoffset', values: '0; 122; 122; 0; 0', keyTimes: '0; 0.45; 0.55; 0.9; 1', dur: defaultDuration + 's', repeatCount: 'indefinite' })))),
-                React.createElement("circle", { style: { stroke: innerColor }, cx: '50%', cy: '50%', r: '14', fill: 'none', strokeLinecap: 'round', strokeWidth: ' 3.6px', strokeDasharray: ' 88, 124' }, runAnimation && (React.createElement(Fragment, null,
-                    React.createElement("animateTransform", { attributeName: 'transform', type: 'rotate', from: '360 50 50', to: '0 50 50', dur: defaultDuration / 3 + 's', repeatCount: 'indefinite' }),
-                    React.createElement("animate", { attributeName: 'stroke-dashoffset', values: '0; -85; -85; 0; 0', keyTimes: '0; 0.45; 0.55; 0.9; 1', dur: defaultDuration + 's', repeatCount: 'indefinite' }))))))));
-};
+function Loader(props) {
+    return (_jsx(RootStyled, __assign({ className: props.className, style: props.style }, { children: _jsxs(LoaderBoxStyled, __assign({ size: props.size, className: 'loader-box-container' }, { children: [_jsx("circle", __assign({ style: { stroke: props.outerColor }, cx: '50%', cy: '50%', r: '20', fill: 'none', strokeLinecap: 'round', strokeWidth: ' 3.6px', strokeDasharray: ' 125, 124' }, { children: props.toggleAnimation && (_jsxs(_Fragment, { children: [_jsx("animateTransform", { attributeName: 'transform', type: 'rotate', from: '0 50 50', to: '360 50 50', dur: "".concat(props.duration || 0 / 3, "s"), repeatCount: 'indefinite' }), _jsx("animate", { attributeName: 'stroke-dashoffset', values: '0; 122; 122; 0; 0', keyTimes: '0; 0.45; 0.55; 0.9; 1', dur: "".concat(props.duration, "s"), repeatCount: 'indefinite' })] })) })), _jsx("circle", __assign({ style: { stroke: props.innerColor }, cx: '50%', cy: '50%', r: '14', fill: 'none', strokeLinecap: 'round', strokeWidth: ' 3.6px', strokeDasharray: ' 88, 124' }, { children: props.toggleAnimation && (_jsxs(_Fragment, { children: [_jsx("animateTransform", { attributeName: 'transform', type: 'rotate', from: '360 50 50', to: '0 50 50', dur: "".concat(props.duration || 0 / 3, "s"), repeatCount: 'indefinite' }), _jsx("animate", { attributeName: 'stroke-dashoffset', values: '0; -85; -85; 0; 0', keyTimes: '0; 0.45; 0.55; 0.9; 1', dur: "".concat(props.duration, "s"), repeatCount: 'indefinite' })] })) }))] })) })));
+}
 Loader.defaultProps = {
     outerColor: '#423e3c',
     innerColor: '#423e3c',
-    runAnimation: false,
+    duration: 3,
+    toggleAnimation: false,
     size: 50,
-    duration: 3.0
+    style: null
 };
 export default React.memo(Loader);
-//# sourceMappingURL=Loader.js.map

package/build/components/Loader/index.js

@@ -1,3 +1,2 @@
 import Loader from './Loader';
 export default Loader;
-//# sourceMappingURL=index.js.map

package/build/components/LogoBadge/LogoBadge.js

@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { memo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
 import { styled } from '@mui/material/styles';
 import Avatar from '@mui/material/Avatar';
 import Badge from '@mui/material/Badge';
@@ -52,11 +53,9 @@ var AvatarStyled = styled(Avatar)(function (_a) {
 });
 var LogoBadge = function (_a) {
     var src = _a.src, rest = __rest(_a, ["src"]);
-    return (React.createElement(BadgeStyled, __assign({ invisible: !src }, rest, { badgeContent: rest.badgeContent || (React.createElement(Badge, { overlap: 'circular', anchorOrigin: {
+    return (_jsx(BadgeStyled, __assign({ invisible: !src }, rest, { badgeContent: rest.badgeContent || (_jsx(Badge, __assign({ overlap: 'circular', anchorOrigin: {
                 vertical: 'bottom',
                 horizontal: 'right'
-            } },
-            React.createElement(AvatarStyled, { src: src }))) })));
+            } }, { children: _jsx(AvatarStyled, { src: src }) }))) })));
 };
 export default memo(LogoBadge);
-//# sourceMappingURL=LogoBadge.js.map

package/build/components/LogoBadge/index.js

@@ -1,3 +1,2 @@
 import LogoBadge from './LogoBadge';
 export default LogoBadge;
-//# sourceMappingURL=index.js.map

package/build/components/OTPField/OTPField.js

@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import OTPInput from 'react-otp-input';
@@ -54,7 +55,7 @@ var OTPFieldStyled = styled(OTPInput)(function (_a) {
 });
 var OTPFieldComponent = function (_a) {
     var length = _a.length, value = _a.value, autoFocus = _a.autoFocus, isInputNum = _a.isInputNum, rest = __rest(_a, ["length", "value", "autoFocus", "isInputNum"]);
-    return (React.createElement(OTPFieldStyled, __assign({ value: value, inputStyle: { width: '46px' }, numInputs: length, shouldAutoFocus: autoFocus, isInputNum: isInputNum }, rest)));
+    return (_jsx(OTPFieldStyled, __assign({ value: value, inputStyle: { width: '46px' }, numInputs: length, shouldAutoFocus: autoFocus, isInputNum: isInputNum }, rest)));
 };
 OTPFieldComponent.defaultProps = {
     length: 6,
@@ -62,4 +63,3 @@ OTPFieldComponent.defaultProps = {
     isInputNum: true
 };
 export default React.memo(OTPFieldComponent);
-//# sourceMappingURL=OTPField.js.map

package/build/components/OTPField/index.js

@@ -1,3 +1,2 @@
 import OTPField from './OTPField';
 export default OTPField;
-//# sourceMappingURL=index.js.map

package/build/components/OTPTimer/OTPTimer.d.ts

@@ -2,9 +2,10 @@ import * as React from 'react';
 import { BoxProps } from '@mui/material/Box';
 export interface OTPTimerProps extends BoxProps {
     time?: number;
+    resendText: string;
 }
 declare const _default: React.MemoExoticComponent<{
-    ({ time, ...rest }: OTPTimerProps): JSX.Element;
+    ({ time, resendText, ...rest }: OTPTimerProps): JSX.Element;
     defaultProps: {
         time: number;
     };

package/build/components/OTPTimer/OTPTimer.js

@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import Text from '../Text';
@@ -29,7 +30,6 @@ var OTPTimerStyled = styled(Box)(function (_a) {
     return ({
         display: 'flex',
         paddingInline: theme.spacing(2.5),
-        paddingBlockStart: theme.spacing(6.25),
         justifyContent: 'end'
     });
 });
@@ -38,20 +38,18 @@ var OTPTimerTextStyled = styled(Text)(function (_a) {
     return ({
         width: 'fit-content',
         fontWeight: theme.typography.fontWeightBold,
-        fontSize: theme.spacing(1.75),
+        fontSize: theme.typography.fontSize,
         marginTop: theme.spacing(0.5)
     });
 });
 var OTPTimerComponent = function (_a) {
-    var time = _a.time, rest = __rest(_a, ["time"]);
+    var time = _a.time, resendText = _a.resendText, rest = __rest(_a, ["time", "resendText"]);
     var defaultTime = time || 0;
-    return (React.createElement(OTPTimerStyled, __assign({}, rest),
-        React.createElement(OTPTimerTextStyled, { variant: 'h4', color: 'primary', sx: {
-                cursor: time == 0 ? 'pointer' : 'auto'
-            } }, defaultTime > 0 ? (defaultTime > 9 ? "00:".concat(time) : "00:0".concat(time)) : 'RESEND OTP')));
+    return (_jsx(OTPTimerStyled, __assign({}, rest, { children: _jsx(OTPTimerTextStyled, __assign({ variant: 'h4', color: 'primary', sx: {
+                cursor: defaultTime <= 0 ? 'pointer' : 'default'
+            } }, { children: defaultTime > 0 ? (defaultTime > 9 ? "00:".concat(time) : "00:0".concat(time)) : resendText })) })));
 };
 OTPTimerComponent.defaultProps = {
     time: 59
 };
 export default React.memo(OTPTimerComponent);
-//# sourceMappingURL=OTPTimer.js.map

package/build/components/OTPTimer/index.js

@@ -1,3 +1,2 @@
 import OTPTimer from './OTPTimer';
 export default OTPTimer;
-//# sourceMappingURL=index.js.map

package/build/components/ProgressBar/ProgressBar.js

@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import LinearProgress from '@mui/material/LinearProgress';
@@ -39,8 +40,6 @@ var LinerProgressBarStyled = styled(LinearProgress)(function (_a) {
 });
 var ProgressBarComponent = function (_a) {
     var rest = __rest(_a, []);
-    return (React.createElement(ProgressBarStyled, __assign({}, rest),
-        React.createElement(LinerProgressBarStyled, { variant: 'determinate' })));
+    return (_jsx(ProgressBarStyled, __assign({}, rest, { children: _jsx(LinerProgressBarStyled, { variant: 'determinate' }) })));
 };
 export default React.memo(ProgressBarComponent);
-//# sourceMappingURL=ProgressBar.js.map

package/build/components/ProgressBar/index.js

@@ -1,3 +1,2 @@
 import ProgressBar from './ProgressBar';
 export default ProgressBar;
-//# sourceMappingURL=index.js.map

package/build/components/Providers/ReduxProvider.js

@@ -1,7 +1,17 @@
-import React from 'react';
+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 { Provider } from 'react-redux';
 export default function ReduxProvider(_a) {
     var store = _a.store, children = _a.children;
-    return React.createElement(Provider, { store: store }, children);
+    return _jsx(Provider, __assign({ store: store }, { children: children }));
 }
-//# sourceMappingURL=ReduxProvider.js.map

package/build/components/Providers/ThemeProvider.js

@@ -1,13 +1,21 @@
-import React, { useEffect } from 'react';
-import { createTheme, ThemeProvider as MUIThemeProvider } from '@mui/material/styles';
+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 { Fragment } from 'react';
+import { ThemeProvider as MUIThemeProvider } from '@mui/material/styles';
 export default function ThemeProvider(_a) {
     var children = _a.children, theme = _a.theme;
-    useEffect(function () {
-        if (!theme)
-            console.info('Now the application is using the default theme.');
-        if (theme)
-            console.info('Now the application is using the custom theme.');
-    }, [theme]);
-    return React.createElement(MUIThemeProvider, { theme: theme || createTheme() }, children);
+    if (!theme) {
+        return _jsx(Fragment, {});
+    }
+    return _jsx(MUIThemeProvider, __assign({ theme: theme }, { children: children }));
 }
-//# sourceMappingURL=ThemeProvider.js.map

package/build/components/Providers/index.js

@@ -1,4 +1,3 @@
 import ReduxProvider from './ReduxProvider';
 import ThemeProvider from './ThemeProvider';
 export { ReduxProvider, ThemeProvider };
-//# sourceMappingURL=index.js.map