@tap-payments/auth-jsconnect 2.9.7-development → 2.9.9-development

package/build/@types/app.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { PaymentProvider, SettingAsyncData } from './config';
+import { PaymentProvider, SDKNotification, SettingAsyncData } from './config';
 import { LanguageMode, DialogEdgeFormat } from './theme';
 export interface CountryCode {
     created: number;
@@ -242,6 +242,7 @@ export interface LibConfig extends LibCallbacks {
     redirectUrl?: string;
     data?: Array<string>;
     mode?: 'popup' | 'page' | 'content';
+    notification?: SDKNotification;
     boardMaturity?: boolean;
     settingData?: SettingAsyncData;
 }

package/build/@types/config.d.ts

@@ -18,6 +18,10 @@ export interface PaymentProvider {
 interface Redirect {
     url: string;
 }
+export interface SDKNotification {
+    email: boolean;
+    mobile?: boolean;
+}
 interface Interface {
     locale?: 'dynamic' | 'ar' | 'en';
     edges?: 'straight' | 'curved';

package/build/api/account.d.ts

@@ -1,4 +1,4 @@
-import { PaymentProvider } from '../@types';
+import { PaymentProvider, SDKNotification } from '../@types';
 export type CreateAccountBody = {
     lead_id: string;
     notify: {
@@ -14,6 +14,7 @@ export type ExpressCreateAccountBody = {
     lead_id: string;
     platforms?: string[];
     payment_provider?: PaymentProvider;
+    notification?: SDKNotification;
 };
 declare const accountService: {
     createAccount: (data: CreateAccountBody) => Promise<any>;

package/build/components/AnimationFlow/BottomSheet.js

@@ -44,19 +44,18 @@ var LanguageFooterStyled = styled(Box)(function (_a) {
     });
 });
 var BottomSheetStyled = styled(BottomSheet, {
-    shouldForwardProp: function (prop) { return !['isMaturityExpress', 'languageBarHeight', 'dialogEdgeFormat'].includes(prop.toString()); }
+    shouldForwardProp: function (prop) { return !['isMaturityExpress', 'languageBarHeight', 'dialogEdgeFormat', 'showPoweredBy'].includes(prop.toString()); }
 })(function (_a) {
-    var theme = _a.theme, isMaturityExpress = _a.isMaturityExpress, languageBarHeight = _a.languageBarHeight, dialogEdgeFormat = _a.dialogEdgeFormat;
+    var theme = _a.theme, isMaturityExpress = _a.isMaturityExpress, languageBarHeight = _a.languageBarHeight, dialogEdgeFormat = _a.dialogEdgeFormat, showPoweredBy = _a.showPoweredBy;
     return ({
         '[data-rsbs-header]:before': __assign({ width: '75px', height: '5px' }, (isMaturityExpress && { width: '0px', height: '0px' })),
         '[data-rsbs-backdrop]': {
             backgroundColor: 'transparent'
         },
         '[data-rsbs-header]': __assign({ position: 'absolute', width: '100vw' }, (isMaturityExpress && { display: 'none' })),
-        '[data-rsbs-overlay]': __assign(__assign({ backgroundColor: theme.palette.background.paper, zIndex: 9999, maxHeight: "calc(100vh - ".concat(languageBarHeight, "px)"), borderTopLeftRadius: theme.spacing(1.5), borderTopRightRadius: theme.spacing(1.5) }, (isMaturityExpress && {
-            marginBottom: theme.spacing(5.625),
-            paddingTop: theme.spacing(5)
-        })), (dialogEdgeFormat === DialogEdgeFormat.STRAIGHT && { borderTopLeftRadius: theme.spacing(0), borderTopRightRadius: theme.spacing(0) })),
+        '[data-rsbs-overlay]': __assign(__assign({ backgroundColor: theme.palette.background.paper, zIndex: 9999, maxHeight: "calc(100vh - ".concat(languageBarHeight, "px)"), borderTopLeftRadius: theme.spacing(1.5), borderTopRightRadius: theme.spacing(1.5) }, (isMaturityExpress && __assign(__assign({}, (showPoweredBy && {
+            marginBottom: theme.spacing(5.625)
+        })), { paddingTop: theme.spacing(5) }))), (dialogEdgeFormat === DialogEdgeFormat.STRAIGHT && { borderTopLeftRadius: theme.spacing(0), borderTopRightRadius: theme.spacing(0) })),
         '[data-rsbs-scroll]': {
             '&::-webkit-scrollbar': {
                 width: '0px'
@@ -95,7 +94,8 @@ var CloseBox = styled(Box)(function (_a) {
         position: 'absolute',
         right: 0,
         left: 0,
-        zIndex: 9999
+        zIndex: 9999,
+        top: 0
     });
 });
 var BottomSheetComponent = function (_a) {
@@ -113,7 +113,11 @@ var BottomSheetComponent = function (_a) {
         var el = document.getElementById('main-feature-container');
         var footer = document.getElementById('bottom-sheet-powered_by_footer');
         var height = el ? el.clientHeight : 0;
-        var footerHeight = footer ? footer.clientHeight + 20 : 0;
+        var footerHeight = 0;
+        if (footer)
+            footerHeight = footer.clientHeight + 20;
+        else if (hidePoweredBy && isMaturityExpress)
+            footerHeight = 40;
         return (height || maxHeight * 0.7) + footerHeight;
     };
     React.useEffect(function () {
@@ -127,7 +131,7 @@ var BottomSheetComponent = function (_a) {
             }, 500);
         }
     }, [screenId]);
-    return (_jsxs(BottomSheetStyled, __assign({ languageBarHeight: getLanguageBarHeight(), dialogEdgeFormat: dialogEdgeFormat, sibling: hideFooter ? (_jsx(_Fragment, {})) : (open && (_jsx(LanguageFooterStyled, { children: _jsx(CustomFooter, {}) }))), isMaturityExpress: isMaturityExpress, sx: { pointerEvents: pointerEvents }, ref: sheetRef, open: open, snapPoints: function (_a) {
+    return (_jsxs(BottomSheetStyled, __assign({ languageBarHeight: getLanguageBarHeight(), dialogEdgeFormat: dialogEdgeFormat, sibling: hideFooter ? (_jsx(_Fragment, {})) : (open && (_jsx(LanguageFooterStyled, { children: _jsx(CustomFooter, {}) }))), isMaturityExpress: isMaturityExpress, showPoweredBy: !hidePoweredBy, sx: { pointerEvents: pointerEvents }, ref: sheetRef, open: open, snapPoints: function (_a) {
             var maxHeight = _a.maxHeight;
             return [getMinHeight(maxHeight), maxHeight * 0.95];
         } }, rest, { children: [isMaturityExpress && !hideMerchantLogo && (_jsx(LogoBadge, { src: isMaturityExpress ? logo || ICONS_NAMES.LOGO_ICON : ICONS_NAMES.LOGO_ICON })), onClose && (_jsx(CloseBox, __assign({ id: 'close-container', onClick: handleOnCloseButton }, { children: _jsx(CloseIconStyled, { src: ICONS_NAMES.CLOSE_ICON }) }))), children, isMaturityExpress && !hidePoweredBy && (_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/components/AnimationFlow/Dialog.js

@@ -124,7 +124,9 @@ var Dialog = function (_a) {
     return (_jsxs(MuiDialog, __assign({ id: DIALOG_ID, PaperProps: {
             elevation: 0
         }, sx: __assign({ '& .MuiDialog-paper': __assign({ overflowY: 'visible' }, (dialogEdgeFormat === DialogEdgeFormat.STRAIGHT && { borderRadius: theme.spacing(0) })), '&.MuiDialog-root': {
-                marginBottom: isMaturityExpress ? '60px' : '0px'
+                marginBottom: isMaturityExpress && !hideLanguage ? '60px' : '0px'
+            }, '& .MuiDialog-container': {
+                outline: 'none !important'
             }, pointerEvents: pointerEvents }, sx), hideBackdrop: true, PaperComponent: PaperStyled, open: open, transitionDuration: transitionDuration || 500, keepMounted: true, "aria-describedby": 'dialog-slide-description' }, rest, animation, (animationDirection && { TransitionProps: { direction: animationDirection } }), { children: [_jsx(DialogContainer, __assign({ isTapOrigin: isTapOrigin, onClose: onClose, onConfirm: onConfirm }, { children: _jsxs(DialogContentStyled, __assign({ isTapOrigin: isTapOrigin }, { children: [_jsxs(Collapse, __assign({ in: !isTapOrigin }, { children: [!hideMerchantLogo && _jsx(LogoBadge, { src: isMaturityExpress ? logo || ICONS_NAMES.LOGO_ICON : ICONS_NAMES.LOGO_ICON }), !isMaturityExpress && !hideTextLogo && (_jsx(LogoIconBoxStyled, { children: _jsx(LogoIconStyled, { src: isAr ? ICONS_NAMES.TAP_AR : ICONS_NAMES.TAP_EN, alt: 'tap logo' }) }))] })), children] })) })), isMaturityExpress && !hidePoweredBy ? _jsx(PoweredByFooter, {}) : !isMaturityExpress && !hideLanguage && _jsx(CustomFooter, {}), !hideLanguage && (_jsx(LanguageFooterStyled, __assign({ showLanguage: showLanguage }, { children: _jsx(CustomFooter, {}) })))] })));
 };
 export default React.memo(Dialog);

package/build/features/app/connectExpress/connectExpressStore.js

@@ -840,14 +840,14 @@ export var checkBrandNameAvailabilityAsync = createAsyncThunk('connectExpress/ch
 export var createAccountAsync = createAsyncThunk('connectExpress/createAccountAsync', function (_a, thunkApi) {
     var isRetry = _a.isRetry;
     return __awaiter(void 0, void 0, void 0, function () {
-        var _b, connectExpress, settings, responseData, _c, postURL, scope, redirectUrl, mode, showBoard, platforms, payment_provider, leadId, authId, bi, leadData, accountData, data, body, data, urlQueryStart;
+        var _b, connectExpress, settings, responseData, _c, postURL, scope, redirectUrl, mode, showBoard, notification, platforms, payment_provider, leadId, authId, bi, leadData, accountData, data, body, data, urlQueryStart;
         var _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
         return __generator(this, function (_v) {
             switch (_v.label) {
                 case 0:
                     _b = thunkApi.getState(), connectExpress = _b.connectExpress, settings = _b.settings;
                     responseData = connectExpress.data.responseData;
-                    _c = settings.data.appConfig, postURL = _c.postURL, scope = _c.scope, redirectUrl = _c.redirectUrl, mode = _c.mode, showBoard = _c.showBoard;
+                    _c = settings.data.appConfig, postURL = _c.postURL, scope = _c.scope, redirectUrl = _c.redirectUrl, mode = _c.mode, showBoard = _c.showBoard, notification = _c.notification;
                     platforms = (_e = (_d = responseData === null || responseData === void 0 ? void 0 : responseData.leadData) === null || _d === void 0 ? void 0 : _d.platforms) !== null && _e !== void 0 ? _e : settings.data.appConfig.platforms;
                     payment_provider = (_g = (_f = responseData === null || responseData === void 0 ? void 0 : responseData.leadData) === null || _f === void 0 ? void 0 : _f.payment_provider) !== null && _g !== void 0 ? _g : settings.data.appConfig.paymentProvider;
                     leadId = (_h = responseData === null || responseData === void 0 ? void 0 : responseData.leadData) === null || _h === void 0 ? void 0 : _h.id;
@@ -868,7 +868,8 @@ export var createAccountAsync = createAsyncThunk('connectExpress/createAccountAs
                         lead_id: leadId,
                         post_url: scope === SCOPE_AUTH ? '' : postURL || '',
                         platforms: platforms,
-                        payment_provider: payment_provider
+                        payment_provider: payment_provider,
+                        notification: notification
                     };
                     if (!!(leadData === null || leadData === void 0 ? void 0 : leadData.board_id)) return [3, 4];
                     return [4, API.accountService.expressCreateAccount(body)];

package/build/features/connectExpress/ConnectExpress.js

@@ -156,7 +156,7 @@ var ConnectExpress = memo(function (_a) {
             (_a = props.unmount) === null || _a === void 0 ? void 0 : _a.call(props);
         }, 1100);
     };
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, animationDirection: animationDirection, onClose: ((_d = appConfig.features) === null || _d === void 0 ? void 0 : _d.closeButton) ? handleDialogClose : undefined, loading: settingLoading || customLoading, error: error, open: open, screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: !isTapOrigin, dialogEdgeFormat: appConfig.dialogEdgeFormat, features: __assign({ tapTextLogo: false, poweredBy: !isTapOrigin }, appConfig.features) }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: true }, { children: connectExpressFeatureScreens.map(function (_a, index) {
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ open: open, isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ pointerEvents: loading ? 'none' : 'auto', isTapOrigin: isTapOrigin, animationDirection: animationDirection, onClose: ((_d = appConfig.features) === null || _d === void 0 ? void 0 : _d.closeButton) ? handleDialogClose : undefined, loading: settingLoading || customLoading, error: error, open: open, screenId: activeScreen.name, merchantInfo: merchant, isMaturityExpress: !isTapOrigin, dialogEdgeFormat: appConfig.dialogEdgeFormat, features: __assign({ tapTextLogo: false, poweredBy: !isTapOrigin }, appConfig.features) }, { children: _jsx(FeatureContainer, __assign({ isMaturityExpress: true, isTapOrigin: isTapOrigin }, { children: connectExpressFeatureScreens.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/Button/FlowsButtons.js

@@ -129,6 +129,9 @@ var CheckIconStyled = styled(CheckIcon)(function (_a) {
         color: theme.palette.success.main
     });
 });
+var LinkStyled = styled(Link)(function () { return ({
+    display: 'flex'
+}); });
 var BrandImage = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -233,7 +236,7 @@ export default function FlowsButtons(_a) {
     return (_jsxs(ButtonBoxStyled, { children: [buttons.map(function (_a, idx) {
                 var title = _a.title, href = _a.href, src = _a.src, hoverSrc = _a.hoverSrc, isCompleted = _a.isCompleted, sx = _a.sx, name = _a.name, status = _a.status, token = _a.token;
                 var isLast = idx === buttons.length - 1;
-                return (_jsx(Link, __assign({ underline: 'none', onClick: function () {
+                return (_jsx(LinkStyled, __assign({ underline: 'none', onClick: function () {
                         if (isResetPassword(name, status))
                             onResetPassword();
                         else

package/build/features/shared/Containers/FeatureContainer.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { BoxProps } from '@mui/material/Box';
 interface FeatureContainerProps extends BoxProps {
     isMaturityExpress?: boolean;
+    isTapOrigin?: boolean;
     mode?: 'popup' | 'page' | 'content';
 }
 declare const FeatureContainer: React.ForwardRefExoticComponent<Omit<FeatureContainerProps, "ref"> & React.RefAttributes<unknown>>;

package/build/features/shared/Containers/FeatureContainer.js

@@ -13,9 +13,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { styled } from '@mui/material/styles';
 import Box from '@mui/material/Box';
-var Container = styled(Box, { shouldForwardProp: function (prop) { return !['isMaturityExpress', 'mode'].includes(prop); } })(function (_a) {
+var Container = styled(Box, {
+    shouldForwardProp: function (prop) { return !['isMaturityExpress', 'mode', 'isTapOrigin'].includes(prop); }
+})(function (_a) {
     var _b;
-    var theme = _a.theme, isMaturityExpress = _a.isMaturityExpress, mode = _a.mode;
+    var theme = _a.theme, isMaturityExpress = _a.isMaturityExpress, mode = _a.mode, isTapOrigin = _a.isTapOrigin;
     return (_b = {
             width: '100%',
             minHeight: theme.spacing(30),
@@ -27,7 +29,7 @@ var Container = styled(Box, { shouldForwardProp: function (prop) { return !['isM
             property: 'all'
         },
         _b[theme.breakpoints.down('sm')] = {
-            paddingTop: isMaturityExpress || mode === 'content' ? theme.spacing(0.625) : theme.spacing(6)
+            paddingTop: (isMaturityExpress && !isTapOrigin) || mode === 'content' ? theme.spacing(1.25) : theme.spacing(6)
         },
         _b);
 });

package/package.json

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