@tap-payments/auth-jsconnect 2.1.61-test → 2.1.62-test

package/build/features/shared/GenericError/GenericError.js

@@ -0,0 +1,55 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import Box from '@mui/material/Box/Box';
+import { styled } from '@mui/material/styles';
+import { useTranslation } from 'react-i18next';
+import Text from '../../../components/Text';
+import Icon from '../../../components/Icon';
+import { ICONS_NAMES } from '../../../constants';
+import LottieFile, { LottieAnimationFiles } from '../../../components/Lottie';
+var ErrorTitleStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({}, theme.typography.body1), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightBold, marginBottom: theme.spacing(2.4), lineHeight: '19.2px', textAlign: 'center' }));
+});
+var ErrorSubTitleStyled = styled(Text)(function (_a) {
+    var theme = _a.theme;
+    return (__assign(__assign({}, theme.typography.body2), { color: theme.palette.text.primary, fontWeight: theme.typography.fontWeightMedium, lineHeight: '16.8px', textAlign: 'center' }));
+});
+var Container = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        position: 'relative',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        maxHeight: '300px',
+        height: '200px',
+        width: '100%',
+        marginBottom: theme.spacing(3.25)
+    });
+});
+var IconStyled = styled(Icon)(function () { return ({
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    transform: 'translate(-50%, -100%)',
+    width: 64,
+    height: 64
+}); });
+var GenericError = function (_a) {
+    var error = _a.error, errorTitle = _a.errorTitle;
+    var t = useTranslation().t;
+    return (_jsxs(Container, __assign({ sx: { flexDirection: 'column' } }, { children: [_jsxs(_Fragment, { children: [_jsx(LottieFile, { file: LottieAnimationFiles.error, loop: false, width: '60%', height: '60%' }), _jsx(IconStyled, { src: ICONS_NAMES.EXPRESS_ERROR_ICON })] }), _jsxs(_Fragment, { children: [_jsx(ErrorTitleStyled, { children: t(errorTitle) }), _jsx(ErrorSubTitleStyled, { children: t(error) })] })] })));
+};
+export default React.memo(GenericError);

package/build/features/shared/GenericError/index.d.ts

@@ -0,0 +1,2 @@
+import GenericError from './GenericError';
+export default GenericError;

package/build/features/shared/GenericError/index.js

@@ -0,0 +1,2 @@
+import GenericError from './GenericError';
+export default GenericError;

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

@@ -1,7 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from 'react';
+import { useAppSelector } from '../../../../hooks';
 import DataLoading from '../../../shared/DataLoading';
+import { taxSelector } from '../../../app/tax/taxStore';
 export var PrepareDataLoading = function () {
-    return _jsx(DataLoading, {});
+    var error = useAppSelector(taxSelector).error;
+    return _jsx(DataLoading, { error: error });
 };
 export default memo(PrepareDataLoading);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.1.61-test",
+	"version": "2.1.62-test",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",
@@ -17,7 +17,8 @@
 		"lint": "eslint src --color --ext .js,.jsx,.ts,.tsx,.json",
 		"lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
 		"start": "cross-env NODE_ENV=development webpack serve",
-		"build": "rm -rf build && cross-env NODE_ENV=production webpack",
+		"build": "rm -rf build-production build && cross-env NODE_ENV=production BUILD_ENV=production webpack",
+		"build:development": "rm -rf build-development build && cross-env NODE_ENV=production BUILD_ENV=development webpack",
 		"copy:files": "copyfiles -u 1 src/**/*.css build/",
 		"tsc:alias": "tsc-alias -p tsconfig.json",
 		"ts:build": "rm -rf build && tsc -p tsconfig.json && tsc-alias -p tsconfig.json && yarn copy:files",