@tap-payments/auth-jsconnect 1.0.87 → 1.0.88

package/build/features/connect/Connect.js

@@ -34,7 +34,7 @@ var Connect = memo(function (props) {
     useEffect(function () {
         dispatch(getCountries());
     }, []);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading }, { children: _jsx(AnimationFlow, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading, error: error, open: open, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: connectFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading }, { children: _jsx(AnimationFlow, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading, error: error, open: open, footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: connectFeatureScreens.map(function (_a, index) {
                         var Element = _a.element, name = _a.name;
                         var isActive = activeScreen.name === name;
                         return (_jsx(Collapse, __assign({ in: isActive, timeout: { enter: 1000, exit: 800 } }, { children: _jsx(Element, {}) }), index));

package/build/features/shared/Background/Background.js

@@ -14,7 +14,7 @@ import { memo } from 'react';
 import { styled } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import LogoBackground from './LogoBackground';
-var BackgroundStyled = styled(Box)(function (_a) {
+var BackgroundStyled = styled(Box, { shouldForwardProp: function (prop) { return prop !== 'isTapOrigin'; } })(function (_a) {
     var isTapOrigin = _a.isTapOrigin;
     return ({
         width: '100%',
@@ -24,6 +24,6 @@ var BackgroundStyled = styled(Box)(function (_a) {
 });
 var Background = function (_a) {
     var children = _a.children, isTapOrigin = _a.isTapOrigin, loading = _a.loading;
-    return (_jsxs(BackgroundStyled, __assign({ isTapOrigin: isTapOrigin }, { children: [_jsx(LogoBackground, { isTapOrigin: !loading && isTapOrigin }), children] })));
+    return (_jsxs(BackgroundStyled, __assign({ isTapOrigin: isTapOrigin }, { children: [_jsx(LogoBackground, { hide: loading || !isTapOrigin }), children] })));
 };
 export default memo(Background);

package/build/features/shared/Background/LogoBackground.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 declare type LogoBackgroundProps = {
-    isTapOrigin: boolean;
+    hide?: boolean;
 };
-declare const _default: React.MemoExoticComponent<({ isTapOrigin }: LogoBackgroundProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ hide }: LogoBackgroundProps) => JSX.Element>;
 export default _default;

package/build/features/shared/Background/LogoBackground.js

@@ -11,13 +11,12 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from 'react';
-import { styled } from '@mui/material/styles';
+import { styled, useTheme } from '@mui/material/styles';
 import Collapse from '@mui/material/Collapse';
 import Box from '@mui/material/Box';
 import Icon from '../../../components/Icon';
 import { ICONS_NAMES } from '../../../constants';
 import { useLanguage } from '../../../hooks';
-import Fade from '@mui/material/Fade';
 var BoxStyled = styled(Box)(function (_a) {
     var _b;
     var theme = _a.theme;
@@ -26,10 +25,11 @@ var BoxStyled = styled(Box)(function (_a) {
             flexDirection: 'column',
             justifyContent: 'center',
             alignItems: 'center',
-            paddingTop: theme.spacing(5)
+            paddingTop: theme.spacing(5),
+            paddingBottom: theme.spacing(2)
         },
         _b[theme.breakpoints.down('sm')] = {
-            paddingTop: theme.spacing(11.5)
+            paddingTop: theme.spacing(11)
         },
         _b);
 });
@@ -44,7 +44,7 @@ var LogoIconBoxStyled = styled(Box)(function (_a) {
     var _b;
     var theme = _a.theme;
     return (_b = {
-            paddingTop: theme.spacing(2.125),
+            paddingTop: theme.spacing(2.5),
             width: '100%',
             display: 'flex',
             justifyContent: 'center'
@@ -63,8 +63,11 @@ var LogoIconStyled = styled(Icon)(function (_a) {
     });
 });
 var LogoBackground = function (_a) {
-    var isTapOrigin = _a.isTapOrigin;
+    var hide = _a.hide;
     var isAr = useLanguage().isAr;
-    return (_jsx(Collapse, __assign({ in: isTapOrigin }, { children: _jsx(Fade, __assign({ in: isTapOrigin }, { children: _jsxs(BoxStyled, { children: [_jsx(LogoBadgeStyled, { src: ICONS_NAMES.TAP_LOGO_EN_ICON }), _jsx(LogoIconBoxStyled, { children: _jsx(LogoIconStyled, { src: isAr ? ICONS_NAMES.TAP_LOGO_TEXT_AR : ICONS_NAMES.TAP_LOGO_TEXT_EN, alt: 'tap logo' }) })] }) })) })));
+    var theme = useTheme();
+    var style = getComputedStyle(document.body);
+    console.log(style.getPropertyValue('--rsbs-overlay-h'));
+    return (_jsx(Collapse, __assign({ in: !hide }, { children: _jsxs(BoxStyled, { children: [_jsx(LogoBadgeStyled, { src: ICONS_NAMES.TAP_LOGO_EN_ICON }), _jsx(LogoIconBoxStyled, { children: _jsx(LogoIconStyled, { src: isAr ? ICONS_NAMES.TAP_LOGO_TEXT_AR : ICONS_NAMES.TAP_LOGO_TEXT_EN, alt: 'tap logo' }) })] }) })));
 };
 export default memo(LogoBackground);

package/build/utils/locale.js

@@ -2,7 +2,6 @@ import { initReactI18next } from 'react-i18next';
 import i18n from '../i18n';
 export var updateLocale = function (locale, country) {
     var data = locale[country] || locale['default'];
-    console.log('sssssssssssss', data);
     if (i18n.isInitialized) {
         i18n.removeResourceBundle('*', 'translation');
         i18n.addResourceBundle('en', 'translation', data.en.translation);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "1.0.87",
+	"version": "1.0.88",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",