@tap-payments/auth-jsconnect 1.0.56 → 1.0.57

package/build/components/AnimationFlow/BottomSheet.js

@@ -1,65 +1,65 @@
-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 { BottomSheet } from 'react-spring-bottom-sheet';
-import { styled } from '@mui/material/styles';
-import 'react-spring-bottom-sheet/dist/style.css';
-var BottomSheetStyled = styled(BottomSheet)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        '[data-rsbs-header]:before': {
-            width: '75px',
-            height: '5px'
-        },
-        '[data-rsbs-overlay]': {
-            backgroundColor: theme.palette.background.paper
-        },
-        '[data-rsbs-scroll]': {
-            '&::-webkit-scrollbar': {
-                width: '0px'
-            },
-            '&::-webkit-scrollbar-track': {
-                boxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',
-                webkitBoxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)'
-            },
-            '&::-webkit-scrollbar-thumb': {
-                backgroundColor: 'rgba(0,0,0,.1)',
-                outline: '1px solid slategrey'
-            }
-        }
-    });
-});
-var BottomSheetComponent = function (_a) {
-    var open = _a.open, children = _a.children, rest = __rest(_a, ["open", "children"]);
-    var getMinHeight = function (maxHeight) {
-        var element = document.getElementById('main-feature-container');
-        var height = element ? element.clientHeight + 30 : 0;
-        return height || maxHeight * 0.7;
-    };
-    return (_jsx(BottomSheetStyled, __assign({ open: open, snapPoints: function (_a) {
-            var maxHeight = _a.maxHeight;
-            return [getMinHeight(maxHeight), maxHeight * 0.95];
-        } }, rest, { children: children })));
-};
-export default React.memo(BottomSheetComponent);
+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 { BottomSheet } from 'react-spring-bottom-sheet';
+import { styled } from '@mui/material/styles';
+import 'react-spring-bottom-sheet/dist/style.css';
+var BottomSheetStyled = styled(BottomSheet)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        '[data-rsbs-header]:before': {
+            width: '75px',
+            height: '5px'
+        },
+        '[data-rsbs-overlay]': {
+            backgroundColor: theme.palette.background.paper
+        },
+        '[data-rsbs-scroll]': {
+            '&::-webkit-scrollbar': {
+                width: '0px'
+            },
+            '&::-webkit-scrollbar-track': {
+                boxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',
+                webkitBoxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)'
+            },
+            '&::-webkit-scrollbar-thumb': {
+                backgroundColor: 'rgba(0,0,0,.1)',
+                outline: '1px solid slategrey'
+            }
+        }
+    });
+});
+var BottomSheetComponent = function (_a) {
+    var open = _a.open, children = _a.children, rest = __rest(_a, ["open", "children"]);
+    var getMinHeight = function (maxHeight) {
+        var element = document.getElementById('main-feature-container');
+        var height = element ? element.clientHeight + 30 : 0;
+        return height || maxHeight * 0.7;
+    };
+    return (_jsx(BottomSheetStyled, __assign({ open: open, snapPoints: function (_a) {
+            var maxHeight = _a.maxHeight;
+            return [getMinHeight(maxHeight), maxHeight * 0.95];
+        } }, rest, { children: children })));
+};
+export default React.memo(BottomSheetComponent);

package/build/components/AnimationFlow/Dialog.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { DialogProps as MUIDialogProps } from '@mui/material/Dialog';
-export interface DialogProps extends MUIDialogProps {
-    open: boolean;
-    children: React.ReactNode;
-    footer?: React.ReactNode;
-    transitionDuration?: number;
-}
-declare const _default: React.MemoExoticComponent<({ open, children, footer, transitionDuration, ...rest }: DialogProps) => JSX.Element>;
-export default _default;
+import * as React from 'react';
+import { DialogProps as MUIDialogProps } from '@mui/material/Dialog';
+export interface DialogProps extends MUIDialogProps {
+    open: boolean;
+    children: React.ReactNode;
+    footer?: React.ReactNode;
+    transitionDuration?: number;
+}
+declare const _default: React.MemoExoticComponent<({ open, children, footer, transitionDuration, ...rest }: DialogProps) => JSX.Element>;
+export default _default;

package/build/components/AnimationFlow/Dialog.js

@@ -1,103 +1,103 @@
-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 MuiDialog from '@mui/material/Dialog';
-import DialogContent from '@mui/material/DialogContent';
-import Paper from '@mui/material/Paper';
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import { ICONS_NAMES } from '../../constants';
-import { useLanguage } from '../../hooks';
-import Slide from '../Slide';
-import LogoBadge from '../LogoBadge';
-import Icon from '../Icon';
-var Transition = React.forwardRef(function Transition(props, ref) {
-    return _jsx(Slide, __assign({ direction: 'up', ref: ref }, props));
-});
-var PaperStyled = styled(Paper)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        boxShadow: theme.shadows[1],
-        borderRadius: theme.spacing(1.5),
-        backgroundColor: theme.palette.background.paper,
-        color: theme.palette.text.primary,
-        margin: "".concat(theme.spacing(5, 4, 4, 5), " !important"),
-        maxHeight: "calc(100% - ".concat(theme.spacing(10), ") !important"),
-        width: theme.spacing(46.875),
-        maxWidth: theme.spacing(46.875)
-    });
-});
-var DialogContentStyled = styled(DialogContent)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        padding: theme.spacing(0),
-        width: '100%',
-        '&::-webkit-scrollbar': {
-            width: '0px'
-        },
-        '&::-webkit-scrollbar-track': {
-            boxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',
-            webkitBoxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)'
-        },
-        '&::-webkit-scrollbar-thumb': {
-            backgroundColor: 'rgba(0,0,0,.1)',
-            outline: '1px solid slategrey'
-        }
-    });
-});
-var LogoIconBoxStyled = styled(Box)(function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = {
-            paddingTop: theme.spacing(6.875),
-            paddingBottom: theme.spacing(2.5),
-            width: '100%',
-            display: 'flex',
-            justifyContent: 'center'
-        },
-        _b[theme.transitions.create(['top'])] = {
-            duration: theme.transitions.duration.standard
-        },
-        _b);
-});
-var LogoIconStyled = styled(Icon)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: theme.spacing(5.875),
-        height: '10%',
-        padding: theme.spacing(0)
-    });
-});
-var Dialog = function (_a) {
-    var open = _a.open, children = _a.children, footer = _a.footer, transitionDuration = _a.transitionDuration, rest = __rest(_a, ["open", "children", "footer", "transitionDuration"]);
-    var isAr = useLanguage().isAr;
-    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' }, rest, { 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);
+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 MuiDialog from '@mui/material/Dialog';
+import DialogContent from '@mui/material/DialogContent';
+import Paper from '@mui/material/Paper';
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+import { ICONS_NAMES } from '../../constants';
+import { useLanguage } from '../../hooks';
+import Slide from '../Slide';
+import LogoBadge from '../LogoBadge';
+import Icon from '../Icon';
+var Transition = React.forwardRef(function Transition(props, ref) {
+    return _jsx(Slide, __assign({ direction: 'up', ref: ref }, props));
+});
+var PaperStyled = styled(Paper)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        boxShadow: theme.shadows[1],
+        borderRadius: theme.spacing(1.5),
+        backgroundColor: theme.palette.background.paper,
+        color: theme.palette.text.primary,
+        margin: "".concat(theme.spacing(5, 4, 4, 5), " !important"),
+        maxHeight: "calc(100% - ".concat(theme.spacing(10), ") !important"),
+        width: theme.spacing(46.875),
+        maxWidth: theme.spacing(46.875)
+    });
+});
+var DialogContentStyled = styled(DialogContent)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        padding: theme.spacing(0),
+        width: '100%',
+        '&::-webkit-scrollbar': {
+            width: '0px'
+        },
+        '&::-webkit-scrollbar-track': {
+            boxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',
+            webkitBoxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)'
+        },
+        '&::-webkit-scrollbar-thumb': {
+            backgroundColor: 'rgba(0,0,0,.1)',
+            outline: '1px solid slategrey'
+        }
+    });
+});
+var LogoIconBoxStyled = styled(Box)(function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (_b = {
+            paddingTop: theme.spacing(6.875),
+            paddingBottom: theme.spacing(2.5),
+            width: '100%',
+            display: 'flex',
+            justifyContent: 'center'
+        },
+        _b[theme.transitions.create(['top'])] = {
+            duration: theme.transitions.duration.standard
+        },
+        _b);
+});
+var LogoIconStyled = styled(Icon)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: theme.spacing(5.875),
+        height: '10%',
+        padding: theme.spacing(0)
+    });
+});
+var Dialog = function (_a) {
+    var open = _a.open, children = _a.children, footer = _a.footer, transitionDuration = _a.transitionDuration, rest = __rest(_a, ["open", "children", "footer", "transitionDuration"]);
+    var isAr = useLanguage().isAr;
+    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' }, rest, { 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);

package/build/components/AnimationFlow/Error.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-interface Props {
-    error: string;
-}
-export default function Error({ error }: Props): JSX.Element;
-export {};
+/// <reference types="react" />
+interface Props {
+    error: string;
+}
+export default function Error({ error }: Props): JSX.Element;
+export {};

package/build/components/AnimationFlow/Error.js

@@ -1,32 +1,32 @@
-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 } from '@mui/material/styles';
-import Box from '@mui/material/Box';
-import Text from '../Text';
-var BoxStyled = styled(Box)(function () { return ({
-    width: '100%',
-    height: '100%',
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: 'rgba(0,0,0,0.5)',
-    zIndex: 2
-}); });
-export default function Error(_a) {
-    var error = _a.error;
-    return (_jsx(BoxStyled, { children: _jsx(Text, __assign({ sx: {
-                fontSize: '17px',
-                color: '#fff',
-                textAlign: 'center'
-            } }, { children: error })) }));
-}
+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 } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+import Text from '../Text';
+var BoxStyled = styled(Box)(function () { return ({
+    width: '100%',
+    height: '100%',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'rgba(0,0,0,0.5)',
+    zIndex: 2
+}); });
+export default function Error(_a) {
+    var error = _a.error;
+    return (_jsx(BoxStyled, { children: _jsx(Text, __assign({ sx: {
+                fontSize: '17px',
+                color: '#fff',
+                textAlign: 'center'
+            } }, { children: error })) }));
+}

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

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

package/build/components/AnimationFlow/Loader.js

@@ -1,16 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
-import Box from '@mui/material/Box';
-import Loader from '../Loader';
-var BoxStyled = styled(Box)(function () { return ({
-    width: '100%',
-    height: '100%',
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: 'rgba(0,0,0,0.5)',
-    zIndex: 2
-}); });
-export default function FlowLoading() {
-    return (_jsx(BoxStyled, { children: _jsx(Loader, { svgStyle: { width: 60, height: 60 }, innerColor: '#000', outerColor: '#000', toggleAnimation: true }) }));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+import Loader from '../Loader';
+var BoxStyled = styled(Box)(function () { return ({
+    width: '100%',
+    height: '100%',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'rgba(0,0,0,0.5)',
+    zIndex: 2
+}); });
+export default function FlowLoading() {
+    return (_jsx(BoxStyled, { children: _jsx(Loader, { svgStyle: { width: 60, height: 60 }, innerColor: '#000', outerColor: '#000', toggleAnimation: true }) }));
+}

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

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

package/build/components/AnimationFlow/index.js

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

package/build/components/Button/Button.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { ButtonProps as MUIButtonProps } from '@mui/material/Button';
-export interface ButtonProps extends MUIButtonProps {
-}
-declare const _default: React.MemoExoticComponent<{
-    ({ children, startIcon, endIcon, ...rest }: ButtonProps): JSX.Element;
-    defaultProps: {};
-}>;
-export default _default;
+import * as React from 'react';
+import { ButtonProps as MUIButtonProps } from '@mui/material/Button';
+export interface ButtonProps extends MUIButtonProps {
+}
+declare const _default: React.MemoExoticComponent<{
+    ({ children, startIcon, endIcon, ...rest }: ButtonProps): JSX.Element;
+    defaultProps: {};
+}>;
+export default _default;

package/build/components/Button/Button.js

@@ -1,63 +1,63 @@
-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 Button from '@mui/material/Button';
-import { styled, alpha } from '@mui/material/styles';
-var ButtonStyled = styled(Button)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        color: theme.palette.common.white,
-        backgroundColor: theme.palette.primary.main,
-        minHeight: theme.spacing(5.5),
-        maxHeight: theme.spacing(5.5),
-        borderRadius: theme.spacing(4.1),
-        fontWeight: 'bold',
-        lineHeight: 1.7,
-        display: 'flex',
-        justifyContent: 'space-between',
-        '&:hover': {
-            backgroundColor: theme.palette.primary.main
-        },
-        '&:active': {
-            backgroundColor: theme.palette.primary.main
-        },
-        ':disabled': {
-            backgroundColor: alpha(theme.palette.primary.main, 0.3),
-            borderColor: alpha(theme.palette.primary.main, 0.2),
-            color: theme.palette.common.white
-        },
-        '& .MuiButton-endIcon': {
-            margin: theme.spacing(0)
-        },
-        '& .MuiButton-startIcon': {
-            margin: theme.spacing(0)
-        }
-    });
-});
-var ButtonComponent = function (_a) {
-    var children = _a.children, startIcon = _a.startIcon, endIcon = _a.endIcon, rest = __rest(_a, ["children", "startIcon", "endIcon"]);
-    return (_jsx(ButtonStyled, __assign({ startIcon: startIcon || _jsx("span", {}), endIcon: endIcon || _jsx("span", {}), disableFocusRipple: true, disableElevation: true, disableRipple: true, disableTouchRipple: true, fullWidth: true }, rest, { children: children })));
-};
-ButtonComponent.defaultProps = {};
-export default React.memo(ButtonComponent);
+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 Button from '@mui/material/Button';
+import { styled, alpha } from '@mui/material/styles';
+var ButtonStyled = styled(Button)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        color: theme.palette.common.white,
+        backgroundColor: theme.palette.primary.main,
+        minHeight: theme.spacing(5.5),
+        maxHeight: theme.spacing(5.5),
+        borderRadius: theme.spacing(4.1),
+        fontWeight: 'bold',
+        lineHeight: 1.7,
+        display: 'flex',
+        justifyContent: 'space-between',
+        '&:hover': {
+            backgroundColor: theme.palette.primary.main
+        },
+        '&:active': {
+            backgroundColor: theme.palette.primary.main
+        },
+        ':disabled': {
+            backgroundColor: alpha(theme.palette.primary.main, 0.3),
+            borderColor: alpha(theme.palette.primary.main, 0.2),
+            color: theme.palette.common.white
+        },
+        '& .MuiButton-endIcon': {
+            margin: theme.spacing(0)
+        },
+        '& .MuiButton-startIcon': {
+            margin: theme.spacing(0)
+        }
+    });
+});
+var ButtonComponent = function (_a) {
+    var children = _a.children, startIcon = _a.startIcon, endIcon = _a.endIcon, rest = __rest(_a, ["children", "startIcon", "endIcon"]);
+    return (_jsx(ButtonStyled, __assign({ startIcon: startIcon || _jsx("span", {}), endIcon: endIcon || _jsx("span", {}), disableFocusRipple: true, disableElevation: true, disableRipple: true, disableTouchRipple: true, fullWidth: true }, rest, { children: children })));
+};
+ButtonComponent.defaultProps = {};
+export default React.memo(ButtonComponent);

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

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