@tap-payments/auth-jsconnect 1.0.0 → 1.0.3

package/build/@types/app.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=app.js.map

package/build/@types/index.js

@@ -1,4 +1,3 @@
 export * from './theme';
 export * from './redux';
 export * from './app';
-//# sourceMappingURL=index.js.map

package/build/@types/redux.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=redux.js.map

package/build/@types/theme.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=theme.js.map

package/build/app/hooks.js

@@ -1,4 +1,3 @@
 import { useDispatch, useSelector } from 'react-redux';
 export var useAppDispatch = function () { return useDispatch(); };
 export var useAppSelector = useSelector;
-//# sourceMappingURL=hooks.js.map

package/build/app/rootReducer.js

@@ -5,4 +5,3 @@ var rootReducer = {
     mid: mid
 };
 export default rootReducer;
-//# sourceMappingURL=rootReducer.js.map

package/build/app/settings.js

@@ -30,4 +30,3 @@ export var settingsSlice = createSlice({
 export var handleSkin = (_a = settingsSlice.actions, _a.handleSkin), handleLanguage = _a.handleLanguage;
 export default settingsSlice.reducer;
 export var settingsSelector = function (state) { return state.settings; };
-//# sourceMappingURL=settings.js.map

package/build/app/store.js

@@ -9,4 +9,3 @@ export var store = configureStore({
         });
     }
 });
-//# sourceMappingURL=store.js.map

package/build/components/AnimationFlow/AnimationFlow.js

@@ -1,4 +1,15 @@
-import * as 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 { useTheme } from '@mui/material/styles';
 import useMediaQuery from '@mui/material/useMediaQuery';
 import Dialog from './Dialog';
@@ -8,11 +19,10 @@ export default function AnimationFlow(_a) {
     var theme = useTheme();
     var matches = useMediaQuery(theme.breakpoints.down(breakpoint || 'sm'));
     if (type === 'PUPOP') {
-        return (React.createElement(Dialog, { footer: footer, open: open }, children));
+        return (_jsx(Dialog, __assign({ footer: footer, open: open }, { children: children })));
     }
     if (type === 'BOTTOMSHEET') {
-        return React.createElement(BottomSheet, { open: open }, children);
+        return _jsx(BottomSheet, __assign({ open: open }, { children: children }));
     }
-    return matches ? (React.createElement(BottomSheet, { open: open }, children)) : (React.createElement(Dialog, { open: open, footer: footer }, children));
+    return matches ? (_jsx(BottomSheet, __assign({ open: open }, { children: children }))) : (_jsx(Dialog, __assign({ open: open, footer: footer }, { children: children })));
 }
-//# sourceMappingURL=AnimationFlow.js.map

package/build/components/AnimationFlow/BottomSheet.js

@@ -1,3 +1,15 @@
+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 * as React from 'react';
 import { BottomSheet } from 'react-spring-bottom-sheet';
 import { styled } from '@mui/material/styles';
@@ -12,10 +24,9 @@ var BottomSheetStyled = styled(BottomSheet)(function (_a) {
 });
 var BottomSheetComponent = function (_a) {
     var open = _a.open, children = _a.children;
-    return (React.createElement(BottomSheetStyled, { open: open, snapPoints: function (_a) {
+    return (_jsx(BottomSheetStyled, __assign({ open: open, snapPoints: function (_a) {
             var maxHeight = _a.maxHeight;
             return [maxHeight / 6, maxHeight * 0.9];
-        } }, children));
+        } }, { children: children })));
 };
 export default React.memo(BottomSheetComponent);
-//# sourceMappingURL=BottomSheet.js.map

package/build/components/AnimationFlow/Dialog.js

@@ -9,6 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import MuiDialog from '@mui/material/Dialog';
@@ -21,7 +22,7 @@ import { ICONS_NAMES, LANGUAGE_MODE } from '../../constants';
 import LogoBadge from '../LogoBadge';
 import Icon from '../Icon';
 var Transition = React.forwardRef(function Transition(props, ref) {
-    return React.createElement(Slide, __assign({ direction: 'up', ref: ref }, props));
+    return _jsx(Slide, __assign({ direction: 'up', ref: ref }, props));
 });
 var PaperStyled = styled(Paper)(function (_a) {
     var theme = _a.theme;
@@ -72,19 +73,12 @@ var Dialog = function (_a) {
     var open = _a.open, children = _a.children, footer = _a.footer, transitionDuration = _a.transitionDuration;
     var i18n = useTranslation().i18n;
     var isAR = i18n.language === LANGUAGE_MODE.AR;
-    return (React.createElement(MuiDialog, { PaperProps: {
+    return (_jsxs(MuiDialog, __assign({ PaperProps: {
             elevation: 0
         }, sx: {
             '& .MuiDialog-paper': {
                 overflowY: 'visible'
             }
-        }, PaperComponent: PaperStyled, open: open, TransitionComponent: Transition, transitionDuration: transitionDuration || 500, keepMounted: true, "aria-describedby": 'dialog-slide-description' },
-        React.createElement(DialogContentStyled, null,
-            React.createElement(LogoBadge, { src: ICONS_NAMES.LOGO_ICON }),
-            React.createElement(LogoIconBoxStyled, null,
-                React.createElement(LogoIconStyled, { src: isAR ? ICONS_NAMES.TAP_AR : ICONS_NAMES.TAP_EN, alt: 'tap logo' })),
-            children),
-        footer));
+        }, PaperComponent: PaperStyled, open: open, TransitionComponent: Transition, transitionDuration: transitionDuration || 500, keepMounted: true, "aria-describedby": 'dialog-slide-description' }, { children: [_jsxs(DialogContentStyled, { children: [_jsx(LogoBadge, { src: ICONS_NAMES.LOGO_ICON }), _jsx(LogoIconBoxStyled, { children: _jsx(LogoIconStyled, { src: isAR ? ICONS_NAMES.TAP_AR : ICONS_NAMES.TAP_EN, alt: 'tap logo' }) }), children] }), footer] })));
 };
 export default React.memo(Dialog);
-//# sourceMappingURL=Dialog.js.map

package/build/components/AnimationFlow/index.js

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

package/build/components/Button/Button.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 Button from '@mui/material/Button';
 import { styled } from '@mui/material/styles';
@@ -38,7 +39,6 @@ var ButtonStyled = styled(Button)(function (_a) {
 });
 var ButtonComponent = function (_a) {
     var children = _a.children, rest = __rest(_a, ["children"]);
-    return React.createElement(ButtonStyled, __assign({}, rest), children);
+    return _jsx(ButtonStyled, __assign({}, rest, { children: children }));
 };
 export default React.memo(ButtonComponent);
-//# sourceMappingURL=Button.js.map

package/build/components/Button/index.js

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

package/build/components/CheckBox/CheckBox.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 Checkbox from '@mui/material/Checkbox/Checkbox';
@@ -33,7 +34,6 @@ var CheckBoxStyled = styled(Checkbox)(function (_a) {
 });
 var CheckBoxComponent = function (_a) {
     var rest = __rest(_a, []);
-    return React.createElement(CheckBoxStyled, __assign({}, rest));
+    return _jsx(CheckBoxStyled, __assign({}, rest));
 };
 export default React.memo(CheckBoxComponent);
-//# sourceMappingURL=CheckBox.js.map

package/build/components/CheckBox/index.js

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

package/build/components/DatePicker/DatePicker.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 React, { useEffect, useState, memo } from 'react';
 import Calendar from 'react-calendar';
 import 'react-calendar/dist/Calendar.css';
@@ -77,9 +78,9 @@ 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');
@@ -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, unmountOnExit: true, timeout: { enter: 500, exit: 500 } }, { 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.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 Input from '@mui/material/Input';
 import Collapse from '@mui/material/Collapse';
 import { alpha, styled } from '@mui/material/styles';
@@ -71,12 +72,10 @@ 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 (_jsx(Collapse, __assign({ in: !hide }, { children: _jsx(InputStyled, __assign({ onKeyPress: onKeyPress, endAdornment: endAdornment, startAdornment: startAdornment }, rest)) })));
 };
 InputField.defaultProps = {
     hide: false,
     placeholder: '500000000'
 };
 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.js

@@ -1,3 +1,15 @@
+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 React, { Fragment } from 'react';
 import { styled } from '@mui/material/styles';
 import Box from '@mui/material/Box';
@@ -37,15 +49,7 @@ 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' }))))))));
+    return (_jsx(DivStyled, { children: _jsx(LoaderContainerStyled, __assign({ style: style }, { children: _jsxs(SvgBoxLoaderStyled, __assign({ style: Object.assign(scaleStyle, svgStyle) }, { children: [_jsx("circle", __assign({ style: { stroke: outerColor }, cx: '50%', cy: '50%', r: '20', fill: 'none', strokeLinecap: 'round', strokeWidth: ' 3.6px', strokeDasharray: ' 125, 124' }, { children: runAnimation && (_jsxs(Fragment, { children: [_jsx("animateTransform", { attributeName: 'transform', type: 'rotate', from: '0 50 50', to: '360 50 50', dur: defaultDuration / 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: defaultDuration + 's', repeatCount: 'indefinite' })] })) })), _jsx("circle", __assign({ style: { stroke: innerColor }, cx: '50%', cy: '50%', r: '14', fill: 'none', strokeLinecap: 'round', strokeWidth: ' 3.6px', strokeDasharray: ' 88, 124' }, { children: runAnimation && (_jsxs(Fragment, { children: [_jsx("animateTransform", { attributeName: 'transform', type: 'rotate', from: '360 50 50', to: '0 50 50', dur: defaultDuration / 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: defaultDuration + 's', repeatCount: 'indefinite' })] })) }))] })) })) }));
 };
 Loader.defaultProps = {
     outerColor: '#423e3c',
@@ -55,4 +59,3 @@ Loader.defaultProps = {
     duration: 3.0
 };
 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.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';
@@ -45,13 +46,11 @@ var OTPTimerTextStyled = styled(Text)(function (_a) {
 var OTPTimerComponent = function (_a) {
     var time = _a.time, rest = __rest(_a, ["time"]);
     var defaultTime = time || 0;
-    return (React.createElement(OTPTimerStyled, __assign({}, rest),
-        React.createElement(OTPTimerTextStyled, { variant: 'h4', color: 'primary', sx: {
+    return (_jsx(OTPTimerStyled, __assign({}, rest, { children: _jsx(OTPTimerTextStyled, __assign({ variant: 'h4', color: 'primary', sx: {
                 cursor: time == 0 ? 'pointer' : 'auto'
-            } }, defaultTime > 0 ? (defaultTime > 9 ? "00:".concat(time) : "00:0".concat(time)) : 'RESEND OTP')));
+            } }, { children: defaultTime > 0 ? (defaultTime > 9 ? "00:".concat(time) : "00:0".concat(time)) : 'RESEND OTP' })) })));
 };
 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