@tap-payments/auth-jsconnect 1.0.14 → 1.0.21

package/build/components/Footer/Footer.js

@@ -1,100 +1,100 @@
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    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';
-import Link from '@mui/material/Link';
-import InstagramIcon from '@mui/icons-material/Instagram';
-import FacebookIcon from '@mui/icons-material/Facebook';
-import LinkedInIcon from '@mui/icons-material/LinkedIn';
-import TwitterIcon from '@mui/icons-material/Twitter';
-import YouTubeIcon from '@mui/icons-material/YouTube';
-import Box from '@mui/material/Box';
-import { SOCIAL_MEDIA_LINKS } from '../../constants/dummy';
-var FooterStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({ direction: theme.direction, display: 'flex', margin: theme.spacing(1.5), color: theme.palette.background.paper }, theme.typography.caption), { alignItems: 'center', justifyContent: 'center', position: 'relative', bottom: 0, marginBottom: theme.spacing(-3.75) }));
-});
-var FollowUsStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign({}, theme.typography.caption));
-});
-var LanguageTextStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({}, theme.typography.caption), { paddingInlineStart: theme.spacing(0.625), cursor: 'pointer' }));
-});
-var IconsContainerStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        marginInlineStart: theme.spacing(1.25),
-        marginInlineEnd: theme.spacing(1.25)
-    });
-});
-var LinkStyled = styled(Link)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        color: theme.palette.background.paper,
-        verticalAlign: ''
-    });
-});
-var InstagramIconStyled = styled(InstagramIcon)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        verticalAlign: 'middle',
-        marginInlineEnd: theme.spacing(0.625)
-    });
-});
-var FacebookIconStyled = styled(FacebookIcon)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        verticalAlign: 'middle',
-        marginInlineEnd: theme.spacing(0.625)
-    });
-});
-var LinkedInIconStyled = styled(LinkedInIcon)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        verticalAlign: 'middle',
-        marginInlineEnd: theme.spacing(0.625)
-    });
-});
-var TwitterIconStyled = styled(TwitterIcon)(function () { return ({
-    verticalAlign: 'middle'
-}); });
-var YouTubeIconStyled = styled(YouTubeIcon)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        verticalAlign: 'middle',
-        marginInlineEnd: theme.spacing(0.625)
-    });
-});
-var FooterComponent = function (_a) {
-    var followUsTitle = _a.followUsTitle, language = _a.language, onSwitchLanguage = _a.onSwitchLanguage, rest = __rest(_a, ["followUsTitle", "language", "onSwitchLanguage"]);
-    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);
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    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';
+import Link from '@mui/material/Link';
+import InstagramIcon from '@mui/icons-material/Instagram';
+import FacebookIcon from '@mui/icons-material/Facebook';
+import LinkedInIcon from '@mui/icons-material/LinkedIn';
+import TwitterIcon from '@mui/icons-material/Twitter';
+import YouTubeIcon from '@mui/icons-material/YouTube';
+import Box from '@mui/material/Box';
+import { SOCIAL_MEDIA_LINKS } from '../../constants/dummy';
+var FooterStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({ direction: 'ltr', display: 'flex', margin: theme.spacing(1.5), color: theme.palette.background.paper }, theme.typography.caption), { alignItems: 'center', justifyContent: 'center', position: 'relative', bottom: 0, marginBottom: theme.spacing(-3.75) }));
+});
+var FollowUsStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return (__assign({}, theme.typography.caption));
+});
+var LanguageTextStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({}, theme.typography.caption), { paddingInlineStart: theme.spacing(0.625), cursor: 'pointer' }));
+});
+var IconsContainerStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        marginInlineStart: theme.spacing(1.25),
+        marginInlineEnd: theme.spacing(1.25)
+    });
+});
+var LinkStyled = styled(Link)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        color: theme.palette.background.paper,
+        verticalAlign: ''
+    });
+});
+var InstagramIconStyled = styled(InstagramIcon)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        verticalAlign: 'middle',
+        marginInlineEnd: theme.spacing(0.625)
+    });
+});
+var FacebookIconStyled = styled(FacebookIcon)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        verticalAlign: 'middle',
+        marginInlineEnd: theme.spacing(0.625)
+    });
+});
+var LinkedInIconStyled = styled(LinkedInIcon)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        verticalAlign: 'middle',
+        marginInlineEnd: theme.spacing(0.625)
+    });
+});
+var TwitterIconStyled = styled(TwitterIcon)(function () { return ({
+    verticalAlign: 'middle'
+}); });
+var YouTubeIconStyled = styled(YouTubeIcon)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        verticalAlign: 'middle',
+        marginInlineEnd: theme.spacing(0.625)
+    });
+});
+var FooterComponent = function (_a) {
+    var followUsTitle = _a.followUsTitle, language = _a.language, onSwitchLanguage = _a.onSwitchLanguage, rest = __rest(_a, ["followUsTitle", "language", "onSwitchLanguage"]);
+    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);

package/build/components/Footer/index.d.ts

@@ -1,4 +1,4 @@
-import Footer from './Footer';
-import { FooterProps } from './Footer';
-export type { FooterProps };
-export default Footer;
+import Footer from './Footer';
+import { FooterProps } from './Footer';
+export type { FooterProps };
+export default Footer;

package/build/components/Footer/index.js

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

package/build/components/Form/Form.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { BoxProps } from '@mui/material/Box';
-export interface FormProps extends BoxProps {
-}
-declare const _default: React.MemoExoticComponent<{
-    ({ children, ...rest }: FormProps): JSX.Element;
-    defaultProps: {
-        onSubmit: () => void;
-    };
-}>;
-export default _default;
+import * as React from 'react';
+import { BoxProps } from '@mui/material/Box';
+export interface FormProps extends BoxProps {
+}
+declare const _default: React.MemoExoticComponent<{
+    ({ children, ...rest }: FormProps): JSX.Element;
+    defaultProps: {
+        onSubmit: () => void;
+    };
+}>;
+export default _default;

package/build/components/Form/Form.js

@@ -1,38 +1,38 @@
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    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';
-var BoxStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return (__assign({}, theme.typography.body1));
-});
-var Form = function (_a) {
-    var children = _a.children, rest = __rest(_a, ["children"]);
-    return (_jsx(BoxStyled, __assign({ component: 'form' }, rest, { children: children })));
-};
-Form.defaultProps = {
-    onSubmit: function () { }
-};
-export default React.memo(Form);
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    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';
+var BoxStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return (__assign({}, theme.typography.body1));
+});
+var Form = function (_a) {
+    var children = _a.children, rest = __rest(_a, ["children"]);
+    return (_jsx(BoxStyled, __assign({ component: 'form' }, rest, { children: children })));
+};
+Form.defaultProps = {
+    onSubmit: function () { }
+};
+export default React.memo(Form);

package/build/components/Form/index.d.ts

@@ -1,3 +1,3 @@
-import Form, { FormProps } from './Form';
-export type { FormProps };
-export default Form;
+import Form, { FormProps } from './Form';
+export type { FormProps };
+export default Form;

package/build/components/Form/index.js

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

package/build/components/Icon/Icon.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { SxProps } from '@mui/material/styles';
-import { Theme } from '@mui/system';
-export interface IconProps {
-    src: string;
-    onClick?: () => void;
-    sx?: SxProps<Theme>;
-    alt?: string;
-}
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLImageElement>>>;
-export default _default;
+import * as React from 'react';
+import { SxProps } from '@mui/material/styles';
+import { Theme } from '@mui/system';
+export interface IconProps {
+    src: string;
+    onClick?: () => void;
+    sx?: SxProps<Theme>;
+    alt?: string;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLImageElement>>>;
+export default _default;

package/build/components/Icon/Icon.js

@@ -1,26 +1,26 @@
-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 styled from '@mui/system/styled';
-var IconComponent = styled('img')(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: theme.spacing(2.75),
-        height: theme.spacing(2),
-        verticalAlign: 'middle'
-    });
-});
-var Icon = React.forwardRef(function (props, ref) {
-    return _jsx(IconComponent, __assign({}, props, { ref: ref }));
-});
-export default React.memo(Icon);
+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 styled from '@mui/system/styled';
+var IconComponent = styled('img')(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: theme.spacing(2.75),
+        height: theme.spacing(2),
+        verticalAlign: 'middle'
+    });
+});
+var Icon = React.forwardRef(function (props, ref) {
+    return _jsx(IconComponent, __assign({}, props, { ref: ref }));
+});
+export default React.memo(Icon);

package/build/components/Icon/index.d.ts

@@ -1,3 +1,3 @@
-import Icon, { IconProps } from './Icon';
-export type { IconProps };
-export default Icon;
+import Icon, { IconProps } from './Icon';
+export type { IconProps };
+export default Icon;

package/build/components/Icon/index.js

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

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

@@ -1,19 +1,19 @@
-import React from 'react';
-import { InputProps } from '@mui/material/Input';
-export interface InputFieldProps extends InputProps {
-    onEnterPressed?: React.KeyboardEventHandler<HTMLDivElement>;
-    hide?: boolean;
-    startAdornment?: React.ReactNode;
-    endAdornment?: React.ReactNode;
-    warningType?: 'alert' | 'error';
-    warningMessage?: string;
-}
-declare const _default: React.MemoExoticComponent<{
-    ({ onEnterPressed, hide, endAdornment, startAdornment, warningType, warningMessage, ...rest }: InputFieldProps): JSX.Element;
-    defaultProps: {
-        hide: boolean;
-        placeholder: string;
-        warningType: string;
-    };
-}>;
-export default _default;
+import React from 'react';
+import { InputProps } from '@mui/material/Input';
+export interface InputFieldProps extends InputProps {
+    onEnterPressed?: React.KeyboardEventHandler<HTMLDivElement>;
+    hide?: boolean;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+    warningType?: 'alert' | 'error';
+    warningMessage?: string;
+}
+declare const _default: React.MemoExoticComponent<{
+    ({ 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

@@ -1,83 +1,83 @@
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import Input from '@mui/material/Input';
-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;
-    return ({
-        '&.MuiInputBase-root': {
-            '&.MuiInput-root': {
-                backgroundColor: theme.palette.background.default,
-                '& input::-webkit-clear-button, & input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button': {
-                    display: 'none'
-                },
-                width: '100%',
-                borderTop: "1px solid ".concat(alpha(theme.palette.divider, 0.8)),
-                borderBottom: "1px solid ".concat(alpha(theme.palette.divider, 0.8))
-            }
-        },
-        '&.MuiInput-underline': {
-            '&::before': {
-                borderWidth: '0px'
-            },
-            '&::after': {
-                borderWidth: '0px'
-            },
-            '&:hover': {
-                '&::before': {
-                    borderWidth: '0px'
-                }
-            }
-        },
-        '&.MuiInputAdornment-root': {
-            height: '100%',
-            width: '100%'
-        },
-        input: __assign(__assign({}, theme.typography.subtitle2), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightRegular, background: theme.palette.background.default, padding: theme.spacing(1.5, 2.5, 1.5), '&::placeholder': {
-                color: alpha(theme.palette.text.primary, 0.8),
-                fontWeight: theme.typography.fontWeightLight
-            } })
-    });
-});
-var InputField = function (_a) {
-    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')
-            onEnterPressed === null || onEnterPressed === void 0 ? void 0 : onEnterPressed(e);
-        (_a = rest.onKeyPress) === null || _a === void 0 ? void 0 : _a.call(rest, e);
-    };
-    if (!rest.defaultValue)
-        delete rest.defaultValue;
-    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',
-    warningType: 'error'
-};
-export default memo(InputField);
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import Input from '@mui/material/Input';
+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;
+    return ({
+        '&.MuiInputBase-root': {
+            '&.MuiInput-root': {
+                backgroundColor: theme.palette.background.default,
+                '& input::-webkit-clear-button, & input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button': {
+                    display: 'none'
+                },
+                width: '100%',
+                borderTop: "1px solid ".concat(alpha(theme.palette.divider, 0.8)),
+                borderBottom: "1px solid ".concat(alpha(theme.palette.divider, 0.8))
+            }
+        },
+        '&.MuiInput-underline': {
+            '&::before': {
+                borderWidth: '0px'
+            },
+            '&::after': {
+                borderWidth: '0px'
+            },
+            '&:hover': {
+                '&::before': {
+                    borderWidth: '0px'
+                }
+            }
+        },
+        '&.MuiInputAdornment-root': {
+            height: '100%',
+            width: '100%'
+        },
+        input: __assign(__assign({}, theme.typography.subtitle2), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightRegular, background: theme.palette.background.default, padding: theme.spacing(1.5, 2.5, 1.5), '&::placeholder': {
+                color: alpha(theme.palette.text.primary, 0.8),
+                fontWeight: theme.typography.fontWeightLight
+            } })
+    });
+});
+var InputField = function (_a) {
+    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')
+            onEnterPressed === null || onEnterPressed === void 0 ? void 0 : onEnterPressed(e);
+        (_a = rest.onKeyPress) === null || _a === void 0 ? void 0 : _a.call(rest, e);
+    };
+    if (!rest.defaultValue)
+        delete rest.defaultValue;
+    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',
+    warningType: 'error'
+};
+export default memo(InputField);

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

@@ -1,3 +1,3 @@
-import Input, { InputFieldProps as InputProps } from './Input';
-export type { InputProps };
-export default Input;
+import Input, { InputFieldProps as InputProps } from './Input';
+export type { InputProps };
+export default Input;

package/build/components/Input/index.js

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