@tap-payments/auth-jsconnect 1.0.72 → 1.0.75

package/build/features/shared/Button/EmailProvidersButtons.js

@@ -1,97 +1,97 @@
-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 from 'react';
-import Button from '../../../components/Button';
-import { alpha, styled } from '@mui/material/styles';
-import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
-import { ICONS_NAMES } from '../../../constants';
-var Image = styled('img')(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: theme.spacing(3),
-        height: theme.spacing(3),
-        fontSize: theme.spacing(3),
-        marginInlineStart: theme.spacing(1)
-    });
-});
-var ButtonBoxStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        margin: theme.spacing(0, 2.5, 2.5, 2.5)
-    });
-});
-var GMailButtonStyled = styled(Button)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: '100%',
-        textTransform: 'none',
-        paddingInlineStart: theme.spacing(0.75),
-        marginBottom: theme.spacing(1.875),
-        backgroundColor: theme.palette.common.white,
-        border: "1px solid ".concat(theme.palette.primary.main),
-        color: theme.palette.primary.main,
-        '&:hover': {
-            backgroundColor: theme.palette.primary.main,
-            color: theme.palette.common.white
-        },
-        '&:disabled': {
-            backgroundColor: theme.palette.common.white,
-            color: alpha(theme.palette.primary.main, 0.3)
-        }
-    });
-});
-var OutlookButtonStyled = styled(Button)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: '100%',
-        textTransform: 'none',
-        paddingInlineStart: theme.spacing(0.75),
-        backgroundColor: theme.palette.common.white,
-        border: "1px solid ".concat(theme.palette.primary.main),
-        color: theme.palette.primary.main,
-        '&:hover': {
-            backgroundColor: theme.palette.primary.main,
-            color: theme.palette.common.white
-        },
-        '&:disabled': {
-            backgroundColor: theme.palette.common.white,
-            color: alpha(theme.palette.primary.main, 0.3)
-        }
-    });
-});
-var AppleButtonStyled = styled(Button)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: '100%',
-        textTransform: 'none',
-        paddingInlineStart: theme.spacing(0.75),
-        backgroundColor: theme.palette.common.white,
-        border: "1px solid ".concat(theme.palette.primary.main),
-        marginBottom: theme.spacing(1.875),
-        color: theme.palette.primary.main,
-        '&:hover': {
-            backgroundColor: theme.palette.primary.main,
-            color: theme.palette.common.white
-        },
-        '&:disabled': {
-            backgroundColor: theme.palette.common.white,
-            color: alpha(theme.palette.primary.main, 0.3)
-        }
-    });
-});
-export default function EmailProvidersButtons(_a) {
-    var gmail = _a.gmail, outlook = _a.outlook, apple = _a.apple;
-    var _b = React.useState(), index = _b[0], setIndex = _b[1];
-    return (_jsxs(ButtonBoxStyled, { children: [_jsx(Link, __assign({ href: gmail.href, underline: 'none', target: '_blank', onMouseEnter: function () { return setIndex(0); }, onMouseLeave: function () { return setIndex(undefined); } }, { children: _jsx(GMailButtonStyled, __assign({ startIcon: _jsx(Image, { src: index === 0 ? ICONS_NAMES.GMAIL_White_ICON : ICONS_NAMES.GMAIL_Filled_ICON, alt: gmail.title }), type: 'button' }, { children: gmail.title })) })), _jsx(Link, __assign({ href: apple.href, underline: 'none', target: '_blank', onMouseEnter: function () { return setIndex(1); }, onMouseLeave: function () { return setIndex(undefined); } }, { children: _jsx(AppleButtonStyled, __assign({ startIcon: _jsx(Image, { src: index === 1 ? ICONS_NAMES.apple_white_icon : ICONS_NAMES.Apple_Filled_ICON, alt: apple.title }), type: 'button' }, { children: apple.title })) })), _jsx(Link, __assign({ href: outlook.href, underline: 'none', target: '_blank', onMouseEnter: function () { return setIndex(2); }, onMouseLeave: function () { return setIndex(undefined); } }, { children: _jsx(OutlookButtonStyled, __assign({ startIcon: _jsx(Image, { src: index === 2 ? ICONS_NAMES.outlook_White_ICON : ICONS_NAMES.outlook_Filled_ICON, alt: outlook.title }), type: 'button' }, { children: outlook.title })) }))] }));
-}
+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 from 'react';
+import Button from '../../../components/Button';
+import { alpha, styled } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+import Link from '@mui/material/Link';
+import { ICONS_NAMES } from '../../../constants';
+var Image = styled('img')(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: theme.spacing(3),
+        height: theme.spacing(3),
+        fontSize: theme.spacing(3),
+        marginInlineStart: theme.spacing(1)
+    });
+});
+var ButtonBoxStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        margin: theme.spacing(0, 2.5, 2.5, 2.5)
+    });
+});
+var GMailButtonStyled = styled(Button)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: '100%',
+        textTransform: 'none',
+        paddingInlineStart: theme.spacing(0.75),
+        marginBottom: theme.spacing(1.875),
+        backgroundColor: theme.palette.common.white,
+        border: "1px solid ".concat(theme.palette.primary.main),
+        color: theme.palette.primary.main,
+        '&:hover': {
+            backgroundColor: theme.palette.primary.main,
+            color: theme.palette.common.white
+        },
+        '&:disabled': {
+            backgroundColor: theme.palette.common.white,
+            color: alpha(theme.palette.primary.main, 0.3)
+        }
+    });
+});
+var OutlookButtonStyled = styled(Button)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: '100%',
+        textTransform: 'none',
+        paddingInlineStart: theme.spacing(0.75),
+        backgroundColor: theme.palette.common.white,
+        border: "1px solid ".concat(theme.palette.primary.main),
+        color: theme.palette.primary.main,
+        '&:hover': {
+            backgroundColor: theme.palette.primary.main,
+            color: theme.palette.common.white
+        },
+        '&:disabled': {
+            backgroundColor: theme.palette.common.white,
+            color: alpha(theme.palette.primary.main, 0.3)
+        }
+    });
+});
+var AppleButtonStyled = styled(Button)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: '100%',
+        textTransform: 'none',
+        paddingInlineStart: theme.spacing(0.75),
+        backgroundColor: theme.palette.common.white,
+        border: "1px solid ".concat(theme.palette.primary.main),
+        marginBottom: theme.spacing(1.875),
+        color: theme.palette.primary.main,
+        '&:hover': {
+            backgroundColor: theme.palette.primary.main,
+            color: theme.palette.common.white
+        },
+        '&:disabled': {
+            backgroundColor: theme.palette.common.white,
+            color: alpha(theme.palette.primary.main, 0.3)
+        }
+    });
+});
+export default function EmailProvidersButtons(_a) {
+    var gmail = _a.gmail, outlook = _a.outlook, apple = _a.apple;
+    var _b = React.useState(), index = _b[0], setIndex = _b[1];
+    return (_jsxs(ButtonBoxStyled, { children: [_jsx(Link, __assign({ href: gmail.href, underline: 'none', target: '_blank', onMouseEnter: function () { return setIndex(0); }, onMouseLeave: function () { return setIndex(undefined); } }, { children: _jsx(GMailButtonStyled, __assign({ startIcon: _jsx(Image, { src: index === 0 ? ICONS_NAMES.GMAIL_White_ICON : ICONS_NAMES.GMAIL_Filled_ICON, alt: gmail.title }), type: 'button' }, { children: gmail.title })) })), _jsx(Link, __assign({ href: apple.href, underline: 'none', target: '_blank', onMouseEnter: function () { return setIndex(1); }, onMouseLeave: function () { return setIndex(undefined); } }, { children: _jsx(AppleButtonStyled, __assign({ startIcon: _jsx(Image, { src: index === 1 ? ICONS_NAMES.apple_white_icon : ICONS_NAMES.Apple_Filled_ICON, alt: apple.title }), type: 'button' }, { children: apple.title })) })), _jsx(Link, __assign({ href: outlook.href, underline: 'none', target: '_blank', onMouseEnter: function () { return setIndex(2); }, onMouseLeave: function () { return setIndex(undefined); } }, { children: _jsx(OutlookButtonStyled, __assign({ startIcon: _jsx(Image, { src: index === 2 ? ICONS_NAMES.outlook_White_ICON : ICONS_NAMES.outlook_Filled_ICON, alt: outlook.title }), type: 'button' }, { children: outlook.title })) }))] }));
+}

package/build/features/shared/Button/FlowsButtons.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-import { ButtonProps } from '../../../components/Button';
-export declare type ButtonItemProps = {
-    title: string;
-    href: string;
-    src: string;
-    hoverSrc: string;
-    isCompleted: boolean;
-};
-export interface EmailProvidersButtonsProps extends ButtonProps {
-    buttons: ButtonItemProps[];
-}
-export default function FlowsButtons({ buttons }: EmailProvidersButtonsProps): JSX.Element;
+/// <reference types="react" />
+import { ButtonProps } from '../../../components/Button';
+export declare type ButtonItemProps = {
+    title: string;
+    href: string;
+    src: string;
+    hoverSrc: string;
+    isCompleted: boolean;
+};
+export interface EmailProvidersButtonsProps extends ButtonProps {
+    buttons: ButtonItemProps[];
+}
+export default function FlowsButtons({ buttons }: EmailProvidersButtonsProps): JSX.Element;

package/build/features/shared/Button/FlowsButtons.js

@@ -1,74 +1,74 @@
-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 { createElement as _createElement } from "react";
-import React from 'react';
-import Button from '../../../components/Button';
-import { alpha, styled } from '@mui/material/styles';
-import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
-import { ICONS_NAMES } from '../../../constants';
-import CheckIcon from '@mui/icons-material/Check';
-var Image = styled('img', { shouldForwardProp: function (prop) { return prop !== 'isAr'; } })(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: theme.spacing(3),
-        height: theme.spacing(3),
-        fontSize: theme.spacing(3),
-        marginInlineStart: theme.spacing(1),
-        transform: theme.direction === 'rtl' ? 'scaleX(-1)' : 'scaleX(1)'
-    });
-});
-var ButtonBoxStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        margin: theme.spacing(0, 2.5, 2.5, 2.5)
-    });
-});
-var ButtonStyled = styled(Button, { shouldForwardProp: function (prop) { return prop !== 'isCompleted'; } })(function (_a) {
-    var theme = _a.theme, isCompleted = _a.isCompleted;
-    return (__assign(__assign({ width: '100%', textTransform: 'none', paddingInlineStart: theme.spacing(0.75), backgroundColor: theme.palette.common.white, border: "1px solid ".concat(theme.palette.primary.main), color: theme.palette.primary.main }, (isCompleted && {
-        paddingInlineEnd: '13px',
-        color: theme.palette.success.main,
-        border: "1px solid ".concat(theme.palette.success.main)
-    })), { '&:hover': __assign({ backgroundColor: theme.palette.primary.main, color: theme.palette.common.white }, (isCompleted && {
-            backgroundColor: theme.palette.common.white,
-            border: "1px solid ".concat(theme.palette.success.main),
-            color: theme.palette.success.main,
-            cursor: 'initial'
-        })), '&:disabled': {
-            backgroundColor: theme.palette.common.white,
-            color: alpha(theme.palette.primary.main, 0.3)
-        } }));
-});
-var CheckIconStyled = styled(CheckIcon)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: theme.spacing(2.5),
-        height: theme.spacing(2.5),
-        color: theme.palette.success.main
-    });
-});
-export default function FlowsButtons(_a) {
-    var buttons = _a.buttons;
-    var _b = React.useState(), index = _b[0], setIndex = _b[1];
-    return (_jsx(ButtonBoxStyled, { children: buttons.map(function (_a, idx) {
-            var title = _a.title, href = _a.href, src = _a.src, hoverSrc = _a.hoverSrc, isCompleted = _a.isCompleted;
-            var isLast = idx === buttons.length - 1;
-            var linkProps = {
-                href: href,
-                target: '_blank'
-            };
-            return (_createElement(Link, __assign({}, (!isCompleted && linkProps), { underline: 'none', key: idx, onMouseEnter: function () { return !isCompleted && setIndex(idx); }, onMouseLeave: function () { return setIndex(undefined); } }),
-                _jsx(ButtonStyled, __assign({ isCompleted: isCompleted, sx: { mb: isLast ? 0 : 1.8 }, endIcon: isCompleted ? (_jsx(CheckIconStyled, {})) : (_jsx(Image, { sx: { height: 15 }, src: index === idx ? ICONS_NAMES.Arrow_white_right_icon : ICONS_NAMES.Arrow_filled_right_icon })), startIcon: _jsx(Image, { src: index === idx ? hoverSrc : src, alt: title }), type: 'button' }, { children: title }))));
-        }) }));
-}
+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 { createElement as _createElement } from "react";
+import React from 'react';
+import Button from '../../../components/Button';
+import { alpha, styled } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+import Link from '@mui/material/Link';
+import { ICONS_NAMES } from '../../../constants';
+import CheckIcon from '@mui/icons-material/Check';
+var Image = styled('img', { shouldForwardProp: function (prop) { return prop !== 'isAr'; } })(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: theme.spacing(3),
+        height: theme.spacing(3),
+        fontSize: theme.spacing(3),
+        marginInlineStart: theme.spacing(1),
+        transform: theme.direction === 'rtl' ? 'scaleX(-1)' : 'scaleX(1)'
+    });
+});
+var ButtonBoxStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        margin: theme.spacing(0, 2.5, 2.5, 2.5)
+    });
+});
+var ButtonStyled = styled(Button, { shouldForwardProp: function (prop) { return prop !== 'isCompleted'; } })(function (_a) {
+    var theme = _a.theme, isCompleted = _a.isCompleted;
+    return (__assign(__assign({ width: '100%', textTransform: 'none', paddingInlineStart: theme.spacing(0.75), backgroundColor: theme.palette.common.white, border: "1px solid ".concat(theme.palette.primary.main), color: theme.palette.primary.main }, (isCompleted && {
+        paddingInlineEnd: '13px',
+        color: theme.palette.success.main,
+        border: "1px solid ".concat(theme.palette.success.main)
+    })), { '&:hover': __assign({ backgroundColor: theme.palette.primary.main, color: theme.palette.common.white }, (isCompleted && {
+            backgroundColor: theme.palette.common.white,
+            border: "1px solid ".concat(theme.palette.success.main),
+            color: theme.palette.success.main,
+            cursor: 'initial'
+        })), '&:disabled': {
+            backgroundColor: theme.palette.common.white,
+            color: alpha(theme.palette.primary.main, 0.3)
+        } }));
+});
+var CheckIconStyled = styled(CheckIcon)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: theme.spacing(2.5),
+        height: theme.spacing(2.5),
+        color: theme.palette.success.main
+    });
+});
+export default function FlowsButtons(_a) {
+    var buttons = _a.buttons;
+    var _b = React.useState(), index = _b[0], setIndex = _b[1];
+    return (_jsx(ButtonBoxStyled, { children: buttons.map(function (_a, idx) {
+            var title = _a.title, href = _a.href, src = _a.src, hoverSrc = _a.hoverSrc, isCompleted = _a.isCompleted;
+            var isLast = idx === buttons.length - 1;
+            var linkProps = {
+                href: href,
+                target: '_blank'
+            };
+            return (_createElement(Link, __assign({}, (!isCompleted && linkProps), { underline: 'none', key: idx, onMouseEnter: function () { return !isCompleted && setIndex(idx); }, onMouseLeave: function () { return setIndex(undefined); } }),
+                _jsx(ButtonStyled, __assign({ isCompleted: isCompleted, sx: { mb: isLast ? 0 : 1.8 }, endIcon: isCompleted ? (_jsx(CheckIconStyled, {})) : (_jsx(Image, { sx: { height: 15 }, src: index === idx ? ICONS_NAMES.Arrow_white_right_icon : ICONS_NAMES.Arrow_filled_right_icon })), startIcon: _jsx(Image, { src: index === idx ? hoverSrc : src, alt: title }), type: 'button' }, { children: title }))));
+        }) }));
+}

package/build/features/shared/Button/MobileButton.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { ButtonProps } from '../../../components/Button';
-interface MobileButtonProps extends ButtonProps {
-    isAr: boolean;
-    loading?: boolean;
-    hideIcon?: boolean;
-}
-export default function MobileButton({ children, isAr, hideIcon, disabled, ...props }: MobileButtonProps): JSX.Element;
-export {};
+/// <reference types="react" />
+import { ButtonProps } from '../../../components/Button';
+interface MobileButtonProps extends ButtonProps {
+    isAr: boolean;
+    loading?: boolean;
+    hideIcon?: boolean;
+}
+export default function MobileButton({ children, isAr, hideIcon, disabled, ...props }: MobileButtonProps): JSX.Element;
+export {};

package/build/features/shared/Button/MobileButton.js

@@ -1,70 +1,70 @@
-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 React from 'react';
-import Button from '../../../components/Button';
-import Icon from '../../../components/Icon';
-import { alpha, styled } from '@mui/material/styles';
-import Box from '@mui/material/Box';
-import { ICONS_NAMES } from '../../../constants';
-var IconStyled = styled(Icon, { shouldForwardProp: function (prop) { return prop !== 'disabled'; } })(function (_a) {
-    var theme = _a.theme, disabled = _a.disabled;
-    return (__assign({ width: theme.spacing(3), height: theme.spacing(3), marginInlineStart: theme.spacing(0.75) }, (disabled && {
-        opacity: 0.3
-    })));
-});
-var ButtonBoxStyled = styled(Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        margin: theme.spacing(0, 2.5, 2.5, 2.5)
-    });
-});
-var ButtonStyled = styled(Button, { shouldForwardProp: function (prop) { return prop !== 'touched'; } })(function (_a) {
-    var theme = _a.theme, touched = _a.touched;
-    return ({
-        paddingInlineStart: theme.spacing(0.75),
-        textTransform: 'none',
-        backgroundColor: touched ? theme.palette.primary.main : theme.palette.common.white,
-        border: "1px solid ".concat(theme.palette.primary.main),
-        color: touched ? theme.palette.common.white : theme.palette.primary.main,
-        '&:hover': {
-            backgroundColor: touched ? theme.palette.primary.main : theme.palette.common.white,
-            color: touched ? theme.palette.common.white : theme.palette.primary.main,
-            img: {
-                filter: touched ? 'brightness(0) invert(1)' : ''
-            }
-        },
-        '&:disabled': {
-            backgroundColor: theme.palette.common.white,
-            color: alpha(theme.palette.primary.main, 0.3)
-        }
-    });
-});
-export default function MobileButton(_a) {
-    var children = _a.children, isAr = _a.isAr, hideIcon = _a.hideIcon, disabled = _a.disabled, props = __rest(_a, ["children", "isAr", "hideIcon", "disabled"]);
-    var _b = React.useState(false), touched = _b[0], setTouched = _b[1];
-    var handleTouch = function () {
-        setTouched(true);
-    };
-    return (_jsx(ButtonBoxStyled, { children: _jsx(ButtonStyled, __assign({ onTouchStart: handleTouch, touched: touched, disabled: disabled, type: 'button', startIcon: !hideIcon && _jsx(IconStyled, { disabled: disabled, src: ICONS_NAMES.MOBILE_ICON }) }, props, { children: children })) }));
-}
+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 React from 'react';
+import Button from '../../../components/Button';
+import Icon from '../../../components/Icon';
+import { alpha, styled } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+import { ICONS_NAMES } from '../../../constants';
+var IconStyled = styled(Icon, { shouldForwardProp: function (prop) { return prop !== 'disabled'; } })(function (_a) {
+    var theme = _a.theme, disabled = _a.disabled;
+    return (__assign({ width: theme.spacing(3), height: theme.spacing(3), marginInlineStart: theme.spacing(0.75) }, (disabled && {
+        opacity: 0.3
+    })));
+});
+var ButtonBoxStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        margin: theme.spacing(0, 2.5, 2.5, 2.5)
+    });
+});
+var ButtonStyled = styled(Button, { shouldForwardProp: function (prop) { return prop !== 'touched'; } })(function (_a) {
+    var theme = _a.theme, touched = _a.touched;
+    return ({
+        paddingInlineStart: theme.spacing(0.75),
+        textTransform: 'none',
+        backgroundColor: touched ? theme.palette.primary.main : theme.palette.common.white,
+        border: "1px solid ".concat(theme.palette.primary.main),
+        color: touched ? theme.palette.common.white : theme.palette.primary.main,
+        '&:hover': {
+            backgroundColor: touched ? theme.palette.primary.main : theme.palette.common.white,
+            color: touched ? theme.palette.common.white : theme.palette.primary.main,
+            img: {
+                filter: touched ? 'brightness(0) invert(1)' : ''
+            }
+        },
+        '&:disabled': {
+            backgroundColor: theme.palette.common.white,
+            color: alpha(theme.palette.primary.main, 0.3)
+        }
+    });
+});
+export default function MobileButton(_a) {
+    var children = _a.children, isAr = _a.isAr, hideIcon = _a.hideIcon, disabled = _a.disabled, props = __rest(_a, ["children", "isAr", "hideIcon", "disabled"]);
+    var _b = React.useState(false), touched = _b[0], setTouched = _b[1];
+    var handleTouch = function () {
+        setTouched(true);
+    };
+    return (_jsx(ButtonBoxStyled, { children: _jsx(ButtonStyled, __assign({ onTouchStart: handleTouch, touched: touched, disabled: disabled, type: 'button', startIcon: !hideIcon && _jsx(IconStyled, { disabled: disabled, src: ICONS_NAMES.MOBILE_ICON }) }, props, { children: children })) }));
+}

package/build/features/shared/Button/SuccessButton.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { ButtonProps } from '../../../components/Button';
-interface SuccessButtonProps extends ButtonProps {
-    isAr: boolean;
-    loading?: boolean;
-    hideIcon?: boolean;
-}
-export default function SuccessButton({ children, isAr, hideIcon, disabled, ...props }: SuccessButtonProps): JSX.Element;
-export {};
+/// <reference types="react" />
+import { ButtonProps } from '../../../components/Button';
+interface SuccessButtonProps extends ButtonProps {
+    isAr: boolean;
+    loading?: boolean;
+    hideIcon?: boolean;
+}
+export default function SuccessButton({ children, isAr, hideIcon, disabled, ...props }: SuccessButtonProps): JSX.Element;
+export {};