@tap-payments/auth-jsconnect 2.4.52-test → 2.4.53-test

package/build/components/AnimationFlow/BottomSheet.js

@@ -41,15 +41,20 @@ var LanguageFooterStyled = styled(Box)(function (_a) {
         zIndex: 99999
     });
 });
-var BottomSheetStyled = styled(BottomSheet, { shouldForwardProp: function (prop) { return prop !== 'isMaturityExpress'; } })(function (_a) {
-    var theme = _a.theme, isMaturityExpress = _a.isMaturityExpress;
+var BottomSheetStyled = styled(BottomSheet, {
+    shouldForwardProp: function (prop) { return !['isMaturityExpress', 'languageBarHeight'].includes(prop.toString()); }
+})(function (_a) {
+    var theme = _a.theme, isMaturityExpress = _a.isMaturityExpress, languageBarHeight = _a.languageBarHeight;
     return ({
         '[data-rsbs-header]:before': __assign({ width: '75px', height: '5px' }, (isMaturityExpress && { width: '0px', height: '0px' })),
         '[data-rsbs-backdrop]': {
             backgroundColor: 'transparent'
         },
         '[data-rsbs-header]': __assign({ paddingBottom: theme.spacing(6), position: 'absolute', width: '100vw' }, (isMaturityExpress && { display: 'none' })),
-        '[data-rsbs-overlay]': __assign({ backgroundColor: theme.palette.background.paper, zIndex: 9999, maxHeight: 'calc(100vh - 110px)' }, (isMaturityExpress && { maxHeight: 'calc(100vh - 190px)', marginBottom: theme.spacing(5.625), paddingTop: theme.spacing(5) })),
+        '[data-rsbs-overlay]': __assign({ backgroundColor: theme.palette.background.paper, zIndex: 9999, maxHeight: "calc(100vh - ".concat(languageBarHeight, "px)") }, (isMaturityExpress && {
+            marginBottom: theme.spacing(5.625),
+            paddingTop: theme.spacing(5)
+        })),
         '[data-rsbs-scroll]': {
             '&::-webkit-scrollbar': {
                 width: '0px'
@@ -74,6 +79,11 @@ var BottomSheetComponent = function (_a) {
     var sheetRef = React.useRef(null);
     var isAr = useLanguage().isAr;
     var logo = (merchantInfo || {}).logo;
+    var getLanguageBarHeight = function () {
+        var viewportHeight = window.innerHeight;
+        var documentHeight = Math.max(document.body.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight, document.documentElement.scrollHeight, document.documentElement.offsetHeight);
+        return documentHeight - viewportHeight + (isMaturityExpress ? 150 : 70);
+    };
     var getMinHeight = function (maxHeight) {
         var el = document.getElementById('main-feature-container');
         var footer = document.getElementById('bottom-sheet-powered_by_footer');
@@ -92,7 +102,7 @@ var BottomSheetComponent = function (_a) {
             }, 500);
         }
     }, [screenId]);
-    return (_jsxs(BottomSheetStyled, __assign({ sibling: _jsx(LanguageFooterStyled, { children: _jsx(CustomFooter, {}) }), isMaturityExpress: isMaturityExpress, sx: { pointerEvents: pointerEvents }, ref: sheetRef, open: open, snapPoints: function (_a) {
+    return (_jsxs(BottomSheetStyled, __assign({ languageBarHeight: getLanguageBarHeight(), sibling: _jsx(LanguageFooterStyled, { children: _jsx(CustomFooter, {}) }), isMaturityExpress: isMaturityExpress, sx: { pointerEvents: pointerEvents }, ref: sheetRef, open: open, snapPoints: function (_a) {
             var maxHeight = _a.maxHeight;
             return [getMinHeight(maxHeight), maxHeight * 0.95];
         } }, rest, { children: [isMaturityExpress && _jsx(LogoBadge, { src: isMaturityExpress ? logo || ICONS_NAMES.LOGO_ICON : ICONS_NAMES.LOGO_ICON }), children, isMaturityExpress && (_jsx(FooterStyled, { children: _jsx(PoweredByFooter, { id: 'bottom-sheet-powered_by_footer', sx: { margin: '0px' }, textSx: { color: 'rgba(63, 66, 77, 0.6)' }, icon: isAr ? ICONS_NAMES.LOGO_WITH_NAME_DARK_AR_ICON : ICONS_NAMES.LOGO_WITH_NAME_DARK_EN_ICON }) }))] })));

package/build/features/connectExpress/ConnectExpress.js

@@ -41,6 +41,7 @@ var ConnectExpress = memo(function (_a) {
     var dispatch = useAppDispatch();
     var _b = useAppSelector(settingsSelector), data = _b.data, error = _b.error, settingLoading = _b.loading;
     var _c = useAppSelector(connectExpressSelector), connectExpressError = _c.error, loading = _c.loading, customLoading = _c.customLoading;
+    var token = getParameterByName('token');
     useAppConfig(__assign({ navigation: CONNECT_EXPRESS_SCREENS_NAVIGATION, maturity: 'express' }, props));
     useErrorListener(connectExpressError || error);
     useStepStartedListener();
@@ -49,6 +50,8 @@ var ConnectExpress = memo(function (_a) {
         if (!postURL)
             throw new Error('postURL is required and you ave to pass it in the lib configuration!');
         dispatch(setPostUrl(postURL));
+        if (token)
+            dispatch(setShowBoard(true));
         if (typeof showBoard === 'boolean')
             dispatch(setShowBoard(showBoard));
     }, []);

package/build/hooks/useVerifyToken.js

@@ -6,7 +6,7 @@ export var useVerifyToken = function (_a) {
     var verify = _a.verify, internalToken = _a.internalToken, navigation = _a.navigation, open = _a.open, settingLoading = _a.settingLoading, loadingScreenName = _a.loadingScreenName;
     var dispatch = useAppDispatch();
     var verifyTokenFun = function () {
-        var token = getParameterByName('token') || internalToken;
+        var token = internalToken ? internalToken : getParameterByName('token');
         var lang = getParameterByName('lang');
         if (lang)
             dispatch(handleLanguage(lang));

package/package.json

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