@tap-payments/auth-jsconnect 2.10.11-beta → 2.10.12-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
export declare const ICONS_BASE_URL = "https://dash.b-cdn.net";
|
|
2
2
|
export declare const ICONS_PATH = "/icons/menu";
|
|
3
|
+
export declare const ASSETS_BASE_URL = "https://tap-assets.b-cdn.net";
|
|
4
|
+
export declare const ASSETS_PATH = "/icons/connect";
|
|
3
5
|
export declare const ICONS_EXTENSION = ".svg";
|
|
4
6
|
export declare const ICONS_FULL_PATH: string;
|
|
7
|
+
export declare const ASSETS_FULL_PATH: string;
|
|
5
8
|
export declare const ICONS_NAMES: {
|
|
6
9
|
SIDE_MENU_CLOSE_ICON: string;
|
|
7
10
|
SIDE_MENU_CLOSE_ICON_DARK: string;
|
|
@@ -44,6 +47,7 @@ export declare const ICONS_NAMES: {
|
|
|
44
47
|
NAFATH_LOGO: string;
|
|
45
48
|
NAFATH_VERIFY_ICON: string;
|
|
46
49
|
EXPRESS_ERROR_ICON: string;
|
|
50
|
+
TAP_LOGO: string;
|
|
47
51
|
TAP_EN: string;
|
|
48
52
|
TAP_AR: string;
|
|
49
53
|
ID_IMAGE: string;
|
|
@@ -1,7 +1,13 @@
|
|
|
1
|
+
import { ThemeMode } from '../@types';
|
|
1
2
|
export var ICONS_BASE_URL = 'https://dash.b-cdn.net';
|
|
2
3
|
export var ICONS_PATH = '/icons/menu';
|
|
4
|
+
export var ASSETS_BASE_URL = 'https://tap-assets.b-cdn.net';
|
|
5
|
+
export var ASSETS_PATH = '/icons/connect';
|
|
3
6
|
export var ICONS_EXTENSION = '.svg';
|
|
4
7
|
export var ICONS_FULL_PATH = ICONS_BASE_URL + ICONS_PATH;
|
|
8
|
+
export var ASSETS_FULL_PATH = ASSETS_BASE_URL + ASSETS_PATH;
|
|
9
|
+
var generateAssetPath = function (name, theme) { return "".concat(ASSETS_BASE_URL).concat(ASSETS_PATH, "/").concat(theme, "/").concat(name).concat(ICONS_EXTENSION); };
|
|
10
|
+
var generateLightAssetPath = function (name) { return generateAssetPath(name, ThemeMode.LIGHT); };
|
|
5
11
|
export var ICONS_NAMES = {
|
|
6
12
|
SIDE_MENU_CLOSE_ICON: ICONS_FULL_PATH + '/side-menu-close' + ICONS_EXTENSION,
|
|
7
13
|
SIDE_MENU_CLOSE_ICON_DARK: ICONS_FULL_PATH + '/side-menu-close-dark' + ICONS_EXTENSION,
|
|
@@ -41,9 +47,10 @@ export var ICONS_NAMES = {
|
|
|
41
47
|
TAP_LOGO_TEXT_AR: ICONS_FULL_PATH + '/tap-white-text-ar' + ICONS_EXTENSION,
|
|
42
48
|
TAP_LOGO_TEXT_EN: ICONS_FULL_PATH + '/tap-white-text-en' + ICONS_EXTENSION,
|
|
43
49
|
PACI_VERIFY_ICON: ICONS_FULL_PATH + '/PACI_verify_icon' + '.png',
|
|
44
|
-
NAFATH_LOGO: '
|
|
45
|
-
NAFATH_VERIFY_ICON: '
|
|
50
|
+
NAFATH_LOGO: generateLightAssetPath('nafath_button_logo'),
|
|
51
|
+
NAFATH_VERIFY_ICON: generateLightAssetPath('nafath_logo'),
|
|
46
52
|
EXPRESS_ERROR_ICON: ICONS_FULL_PATH + '/EXPRESS_error_icon' + '.svg',
|
|
53
|
+
TAP_LOGO: generateLightAssetPath('tap-logo'),
|
|
47
54
|
TAP_EN: 'https://tap-connecet.b-cdn.net/imgs/tapEN' + ICONS_EXTENSION,
|
|
48
55
|
TAP_AR: 'https://tap-connecet.b-cdn.net/imgs/tapAR' + ICONS_EXTENSION,
|
|
49
56
|
ID_IMAGE: 'https://villageofwarwick.org/wp-content/uploads/2020/02/ICON99-512-1.png',
|
|
@@ -1,19 +1,16 @@
|
|
|
1
|
-
import { jsx as _jsx
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { memo } from 'react';
|
|
3
3
|
import { styled } from '@mui/material/styles';
|
|
4
4
|
import Box from '@mui/material/Box';
|
|
5
5
|
import Icon from '../../../components/Icon';
|
|
6
6
|
import { ICONS_NAMES } from '../../../constants';
|
|
7
|
-
import { useLanguage } from '../../../hooks';
|
|
8
7
|
var BoxStyled = styled(Box)(function (_a) {
|
|
9
8
|
var _b;
|
|
10
9
|
var theme = _a.theme;
|
|
11
10
|
return (_b = {
|
|
12
11
|
display: 'flex',
|
|
13
|
-
flexDirection: 'column',
|
|
14
12
|
justifyContent: 'center',
|
|
15
|
-
|
|
16
|
-
paddingTop: theme.spacing(5)
|
|
13
|
+
paddingTop: theme.spacing(15.75)
|
|
17
14
|
},
|
|
18
15
|
_b[theme.breakpoints.down('sm')] = {
|
|
19
16
|
paddingTop: theme.spacing(11)
|
|
@@ -23,20 +20,11 @@ var BoxStyled = styled(Box)(function (_a) {
|
|
|
23
20
|
var LogoBadgeStyled = styled(Icon)(function (_a) {
|
|
24
21
|
var theme = _a.theme;
|
|
25
22
|
return ({
|
|
26
|
-
height: theme.spacing(
|
|
27
|
-
width: theme.spacing(
|
|
28
|
-
});
|
|
29
|
-
});
|
|
30
|
-
var LogoIconStyled = styled(Icon)(function (_a) {
|
|
31
|
-
var theme = _a.theme;
|
|
32
|
-
return ({
|
|
33
|
-
width: theme.spacing(5.875),
|
|
34
|
-
height: theme.spacing(3.625),
|
|
35
|
-
marginTop: theme.spacing(2.5)
|
|
23
|
+
height: theme.spacing(9.5),
|
|
24
|
+
width: theme.spacing(19.322)
|
|
36
25
|
});
|
|
37
26
|
});
|
|
38
27
|
var LogoBackground = function () {
|
|
39
|
-
|
|
40
|
-
return (_jsxs(BoxStyled, { children: [_jsx(LogoBadgeStyled, { src: ICONS_NAMES.TAP_LOGO_EN_ICON }), _jsx(LogoIconStyled, { src: isAr ? ICONS_NAMES.TAP_LOGO_TEXT_AR : ICONS_NAMES.TAP_LOGO_TEXT_EN, alt: 'tap logo' })] }));
|
|
28
|
+
return (_jsx(BoxStyled, { children: _jsx(LogoBadgeStyled, { src: ICONS_NAMES.TAP_LOGO, alt: 'tap logo' }) }));
|
|
41
29
|
};
|
|
42
30
|
export default memo(LogoBackground);
|