@tap-payments/auth-jsconnect 1.0.84 → 1.0.87

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

@@ -25,6 +25,9 @@ var Container = styled(Box)(function (_a) {
             easing: theme.transitions.easing.easeInOut,
             property: 'all'
         },
+        _b[theme.breakpoints.down('sm')] = {
+            paddingTop: theme.spacing(5)
+        },
         _b);
 });
 var FeatureContainer = React.forwardRef(function (props, ref) {

package/build/features/shared/SuccessScreen/SuccessScreen.js

@@ -16,7 +16,7 @@ import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import Text from '../../../components/Text';
 import Container from '../Containers/ScreenContainer';
-import { EmailProvidersButton, Button } from '../../shared/Button';
+import { EmailProvidersButton, SuccessButton } from '../../shared/Button';
 import Icon from '../../../components/Icon';
 import { ICONS_NAMES } from '../../../constants';
 import { useLanguage } from '../../../hooks';
@@ -56,6 +56,6 @@ var ThankYou = function (_a) {
     var title = _a.title, description = _a.description, showEmailProviders = _a.showEmailProviders, onSuccess = _a.onSuccess, successTitle = _a.successTitle, loading = _a.loading, error = _a.error;
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
-    return (_jsxs(ContainerStyled, { children: [_jsx(IconStyled, { src: ICONS_NAMES.SUCCESS_GIF, alt: 'loading...' }), _jsxs(TitleStyled, { children: [title, " "] }), _jsx(DescriptionStyled, { children: description }), showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(EmailProvidersButton, { gmail: { title: t('gmail_btn_open_title'), href: 'https://mail.google.com/mail/u/0/#inbox' }, outlook: { title: t('outlook_btn_open_title'), href: 'https://outlook.live.com/mail/0/' }, apple: { title: t('apple_btn_open_title'), href: 'https://www.icloud.com/mail/' } }) })), onSuccess && !showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(Button, __assign({ onClick: onSuccess, disableBack: true, disableNextIcon: true, disabled: loading, isAr: isAr, loading: loading, error: t(error || '') }, { children: t(successTitle || '') })) }))] }));
+    return (_jsxs(ContainerStyled, { children: [_jsx(IconStyled, { src: ICONS_NAMES.SUCCESS_GIF, alt: 'loading...' }), _jsxs(TitleStyled, { children: [title, " "] }), _jsx(DescriptionStyled, { children: description }), showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(EmailProvidersButton, { gmail: { title: t('gmail_btn_open_title'), href: 'https://mail.google.com/mail/u/0/#inbox' }, outlook: { title: t('outlook_btn_open_title'), href: 'https://outlook.live.com/mail/0/' }, apple: { title: t('apple_btn_open_title'), href: 'https://www.icloud.com/mail/' } }) })), onSuccess && !showEmailProviders && (_jsx(MailBoxStyled, { children: _jsx(SuccessButton, __assign({ onClick: onSuccess, disableBack: true, disableNextIcon: true, disabled: loading, isAr: isAr, loading: loading, error: t(error || '') }, { children: t(successTitle || '') })) }))] }));
 };
 export default React.memo(ThankYou);

package/build/features/tax/Tax.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { memo, useEffect } from 'react';
+import { memo, useEffect } from 'react';
 import { useAppTheme, useAppDispatch, useAppSelector, useAppConfig, useErrorListener } from '../../hooks';
 import { settingsSelector } from '../../app/settings';
 import AnimationFlow from '../../components/AnimationFlow';
@@ -23,15 +23,15 @@ import { TAX_SCREENS_NAVIGATION } from '../../constants';
 import { taxFeatureScreens } from '../featuresScreens';
 import CustomFooter from '../shared/Footer';
 import { taxSelector, verifyLeadToken } from '../app/tax/taxStore';
+import Background from '../shared/Background';
 var Tax = memo(function (props) {
-    var open = React.useState(true)[0];
     var theme = useAppTheme().theme;
     var dispatch = useAppDispatch();
     var _a = useAppSelector(settingsSelector), data = _a.data, error = _a.error, settingLoading = _a.loading;
     var customLoading = useAppSelector(taxSelector).customLoading;
     var loading = useAppConfig(__assign({ navigation: TAX_SCREENS_NAVIGATION }, props)).loading;
     useErrorListener();
-    var activeScreen = data.activeScreen;
+    var activeScreen = data.activeScreen, isTapOrigin = data.isTapOrigin, open = data.open;
     var verifyToken = function () {
         var token = getParameterByName('token');
         if (!token)
@@ -42,11 +42,11 @@ var Tax = memo(function (props) {
         if (!loading)
             verifyToken();
     }, [loading]);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(AnimationFlow, __assign({ open: open, error: error, loading: settingLoading || customLoading, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: taxFeatureScreens.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));
-                }) }) })) })));
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Background, __assign({ isTapOrigin: isTapOrigin, loading: settingLoading || customLoading }, { children: _jsx(AnimationFlow, __assign({ isTapOrigin: isTapOrigin, open: open, error: error, loading: settingLoading || customLoading, breakpoint: 'sm', footer: _jsx(CustomFooter, {}) }, { children: _jsx(FeatureContainer, { children: taxFeatureScreens.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));
+                    }) }) })) })) })));
 });
 export function TaxLib(props) {
     return (_jsx(ReduxProvider, __assign({ store: store }, { children: _jsx(Tax, __assign({}, props)) })));

package/build/features/tax/screens/SuccessWithFlowButtons/SuccessWithFlowButtons.js

@@ -16,7 +16,7 @@ import { styled } from '@mui/material/styles';
 import { FlowsButtons } from '../../../shared/Button';
 import { ICONS_NAMES } from '../../../../constants';
 import { useAppSelector, useLanguage } from '../../../../hooks';
-import { showLastFour } from '../../../../utils';
+import { allAreTruthy, showLastFour } from '../../../../utils';
 import { taxSelector } from '../../../app/tax/taxStore';
 import Box from '@mui/material/Box';
 import Text from '../../../../components/Text';
@@ -76,9 +76,6 @@ var SuccessWithFlowButtons = function () {
                 setIsAcceptance(true);
             var isCompleted = status === 'completed' && name !== 'password';
             var isIndividual = name === 'individual';
-            if (name !== 'password')
-                if (name !== 'password')
-                    statuses.push(isCompleted);
             var src = isCompleted ? "".concat(name, "_green_icon") : "".concat(name, "_filled_icon");
             var hoverSrc = "".concat(name, "_white_icon");
             return {
@@ -91,7 +88,7 @@ var SuccessWithFlowButtons = function () {
             };
         });
         setButtons(mappedFlows);
-        var isAllCompleted = statuses.filter(function (status) { return status; }).length === flows.length;
+        var isAllCompleted = allAreTruthy(flows, 'completed', 'status', 'password');
         if (isAllCompleted)
             setIsPayout(true);
     };

package/build/hooks/useAppConfig.js

@@ -57,11 +57,11 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { useEffect, useState } from 'react';
-import { handleActiveFlowScreens, settingsSelector, getClientIp, getLocale, getBrowserFingerPrint, getOperator, handleSetAppConfig, handleLanguage } from '../app/settings';
+import { handleActiveFlowScreens, settingsSelector, getClientIp, getLocale, getBrowserFingerPrint, getOperator, handleSetAppConfig, handleLanguage, handleOpen, handleIsTapOrigin } from '../app/settings';
 import { useAppDispatch } from './useAppDispatch';
 import { useAppSelector } from './useAppSelector';
 import { setAxiosGlobalHeaders } from '../api';
-import { getRequestHeaders, encryptString } from '../utils';
+import { getRequestHeaders, encryptString, isTapDomain } from '../utils';
 export var useAppConfig = function (_a) {
     var appInfo = _a.appInfo, navigation = _a.navigation, publicKey = _a.publicKey, rest = __rest(_a, ["appInfo", "navigation", "publicKey"]);
     var _b = useState(true), loading = _b[0], setLoading = _b[1];
@@ -79,10 +79,16 @@ export var useAppConfig = function (_a) {
             return [2];
         });
     }); };
+    var checkDomain = function () {
+        var isTap = isTapDomain(rest.merchantDomain);
+        dispatch(handleIsTapOrigin(isTap));
+    };
     var handleAppApiConfig = function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
-                case 0: return [4, dispatch(getLocale())];
+                case 0:
+                    checkDomain();
+                    return [4, dispatch(getLocale())];
                 case 1:
                     _a.sent();
                     return [4, dispatch(getClientIp())];
@@ -116,6 +122,9 @@ export var useAppConfig = function (_a) {
             }
         });
     }); };
+    useEffect(function () {
+        dispatch(handleOpen(rest.open));
+    }, [rest.open]);
     useEffect(function () {
         if (data.appConfig.language)
             dispatch(handleLanguage(data.appConfig.language));

package/build/theme/components.js

@@ -6,5 +6,14 @@ export var components = {
                 height: '0.8em'
             }
         }
+    },
+    MuiBackdrop: {
+        styleOverrides: {
+            root: {
+                '&.MuiDialog-backdrop': {
+                    backgroundColor: 'transparent'
+                }
+            }
+        }
     }
 };

package/build/utils/array.d.ts

@@ -7,3 +7,4 @@ export declare const splitString: (string: string, splitter?: string) => string[
 export declare const isInclude: (items: Array<string | number>, item: any) => boolean;
 export declare const findItem: (items: Array<string | number>, key: any) => string | number | undefined;
 export declare const isExist: (items: Array<any>, id: string) => any;
+export declare const allAreTruthy: (items: Array<any>, condition: boolean | string, key: string, exclude?: string) => boolean;

package/build/utils/array.js

@@ -38,7 +38,18 @@ export var findItem = function (items, key) {
 };
 export var isExist = function (items, id) {
     return items.find(function (_a) {
-        var sub = _a.sub;
-        return sub === null || sub === void 0 ? void 0 : sub.some(function (item) { return item.id === id; });
+        var sub = _a.sub, itemID = _a.id;
+        if (!sub)
+            return itemID === id;
+        return sub.some(function (item) {
+            return item.id === id;
+        });
+    });
+};
+export var allAreTruthy = function (items, condition, key, exclude) {
+    return items.every(function (item) {
+        if (exclude && item['name'] === exclude)
+            return true;
+        return item[key] === condition;
     });
 };

package/build/utils/locale.d.ts

@@ -1,2 +1,2 @@
 import { LocalProps } from '../@types';
-export declare const updateLocale: (locale: LocalProps) => void;
+export declare const updateLocale: (locale: LocalProps, country: string) => void;

package/build/utils/locale.js

@@ -1,10 +1,12 @@
 import { initReactI18next } from 'react-i18next';
 import i18n from '../i18n';
-export var updateLocale = function (locale) {
+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', locale.en.translation);
-        i18n.addResourceBundle('ar', 'translation', locale.ar.translation);
+        i18n.addResourceBundle('en', 'translation', data.en.translation);
+        i18n.addResourceBundle('ar', 'translation', data.ar.translation);
     }
     else {
         i18n.use(initReactI18next).init({

package/build/utils/validation.d.ts

@@ -12,3 +12,4 @@ export declare function isPasswordHasUpperLetter(password: string): boolean;
 export declare function isPasswordHasLowerLetter(password: string): boolean;
 export declare function isPasswordHasSpecialLetter(password: string): boolean;
 export declare const keepLettersAndSpace: (str: string) => string;
+export declare const isTapDomain: (domain: string) => boolean;

package/build/utils/validation.js

@@ -40,3 +40,6 @@ export function isPasswordHasSpecialLetter(password) {
 export var keepLettersAndSpace = function (str) {
     return str.replace(/[^a-zA-Z] /g, '');
 };
+export var isTapDomain = function (domain) {
+    return domain.includes('tap.company');
+};

package/package.json

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