@tap-payments/auth-jsconnect 2.11.14-development → 2.11.14-sandbox

package/build/features/terminal/screens/POSDeviceListPage/POSDeviceListPage.js

@@ -18,13 +18,14 @@ import { handleNextScreenStep, handlePrevScreenStep } from '../../../../app/sett
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
 import Button from '../../../../components/Button';
 import Warning from '../../../../components/Warning';
+import { CONNECT_FLOWS } from '../../../../constants';
 import { clearError, linkNewTerminal, storeSelectedPOS, terminalSelector } from '../../../app/terminal/terminalStore';
 import { Header, Container, POSDeviceList } from '../shared';
 var POSDeviceListPage = function () {
     var t = useTranslation().t;
     var dispatch = useAppDispatch();
     var _a = useAppSelector(terminalSelector), _b = _a.data, selectedPOS = _b.terminalInfo.selectedPOS, responseData = _b.responseData, loading = _a.loading, error = _a.error;
-    var posDevices = (responseData || {}).posDevices;
+    var _c = responseData || {}, posDevices = _c.posDevices, terminalData = _c.terminalData;
     React.useEffect(function () {
         if (error)
             dispatch(clearError());
@@ -40,7 +41,9 @@ var POSDeviceListPage = function () {
             .catch(function () { });
     };
     var handleOnBack = function () {
-        dispatch(handlePrevScreenStep());
+        var _a;
+        var screen = ((_a = terminalData === null || terminalData === void 0 ? void 0 : terminalData.list) === null || _a === void 0 ? void 0 : _a.length) ? CONNECT_FLOWS.terminal.terminalDeviceList : CONNECT_FLOWS.terminal.noTerminalLinked;
+        dispatch(handlePrevScreenStep(screen));
     };
     return (_jsxs(ScreenContainer, __assign({ minHeight: 200, justifyContent: 'space-between' }, { children: [_jsxs(Container, __assign({ sx: { pl: 2.5, pr: 2.5 } }, { children: [_jsx(Header, { title: 'terminal_select_device', sx: { pb: 0 } }), _jsx(POSDeviceList, { select: false, loading: loading, selectedPOS: selectedPOS, posDevices: posDevices, onClick: handleOnSelectPOS })] })), error && _jsx(Warning, __assign({ sx: { mt: 2 } }, { children: t(error) })), _jsx(Box, __assign({ sx: { pl: 2.5, pr: 2.5 } }, { children: _jsx(Button, __assign({ sx: { mb: 1.5, mt: 1.5 }, onClick: function () { return handleOnBack(); }, variant: 'text' }, { children: t('back') })) }))] })));
 };

package/build/features/terminal/screens/Verify/Verify.js

@@ -18,7 +18,7 @@ import { yupResolver } from '@hookform/resolvers/yup';
 import Box from '@mui/material/Box/Box';
 import { styled } from '@mui/material/styles';
 import { handleNextScreenStep } from '../../../../app/settings';
-import { deepCopy, maskPhone } from '../../../../utils';
+import { deepCopy, isAuthenticationVerificationFailed, maskPhone } from '../../../../utils';
 import Form from '../../../../components/Form';
 import Text from '../../../../components/Text';
 import { ScreenContainer } from '../../../shared/Containers';
@@ -26,6 +26,7 @@ import { terminalSelector, clearError, resetOTPScreen, verifyTokenOTP } from '..
 import Button from '../../../shared/Button';
 import { OTPValidation } from './validation';
 import OTPInput from './OTPInput';
+import { CONNECT_FLOWS } from '../../../../constants';
 var OTPTitleContainerStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -77,7 +78,10 @@ var VerifyNumber = function (_a) {
             var nextScreen = _a.nextScreen;
             dispatch(handleNextScreenStep(nextScreen));
         })
-            .catch(function () { });
+            .catch(function (err) {
+            if (isAuthenticationVerificationFailed(err === null || err === void 0 ? void 0 : err.message))
+                dispatch(handleNextScreenStep(CONNECT_FLOWS.terminal.otpVerifySecurityError));
+        });
     };
     var disabled = !methods.formState.isValid || !phone || resendLoading;
     return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? st('ide_otp_waiting_title') : st('ide_opt_sent_title'), !loading && phone && _jsx("span", __assign({ dir: 'ltr' }, { children: "".concat(maskPhone(phone || '')) }))] }) }), _jsx(OTPInput, { loading: resendLoading, setLoading: setResendLoading }), _jsx(Button, __assign({ disableBack: true, disabled: disabled, isAr: isAr, loading: loading, error: st(error || '') }, { children: t('next') }))] })) })) }));

package/build/utils/common.js

@@ -1,5 +1,5 @@
 import { axiosInstance } from '../api';
-import { ENDPOINT_PATHS, CONNECT_DEV_URL, CONNECT_PROD_URL } from '../constants';
+import { ENDPOINT_PATHS, CONNECT_SANDBOX_URL, CONNECT_PROD_URL } from '../constants';
 import { objectHasValues } from './object';
 import { isDisasterRecoveryEnv, isSA } from './string';
 export var sleep = function (milliseconds) {
@@ -17,7 +17,7 @@ export var setBaseUrl = function (publicKey, region) {
     var isProd = publicKey.includes('pk_live');
     var _a = region.split('-'), country = _a[0], envType = _a[1];
     if (!isProd) {
-        axiosInstance.defaults.baseURL = ENDPOINT_PATHS.DEV_BASE_URL;
+        axiosInstance.defaults.baseURL = ENDPOINT_PATHS.SANDBOX_BASE_URL;
         return;
     }
     if (isSA(country)) {
@@ -44,7 +44,7 @@ export var updateLocationUrlWithCountry = function (countryIso2) {
     window.history.replaceState({}, '', newUrl);
 };
 export var openConnect = function (pk, countryCode) {
-    var newUrl = new URL(pk.includes('pk_live') ? CONNECT_PROD_URL : CONNECT_DEV_URL);
+    var newUrl = new URL(pk.includes('pk_live') ? CONNECT_PROD_URL : CONNECT_SANDBOX_URL);
     if (countryCode) {
         newUrl.pathname = "/".concat(countryCode.toLowerCase());
     }

package/build/utils/error.d.ts

@@ -2,3 +2,4 @@ export declare const isNetworkError: (error: string | null) => boolean;
 export declare const isTokenExpired: (error: string | null) => boolean;
 export declare const isTimeoutError: (error: string | null) => boolean;
 export declare const isInternalServerError: (error: string | null) => boolean;
+export declare const isAuthenticationVerificationFailed: (error: string | null) => boolean;

package/build/utils/error.js

@@ -10,3 +10,6 @@ export var isTimeoutError = function (error) {
 export var isInternalServerError = function (error) {
     return ['internal_server_error'].includes((error || '').trim().toLowerCase());
 };
+export var isAuthenticationVerificationFailed = function (error) {
+    return ['failed to verify the auth'].includes((error || '').trim().toLowerCase());
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.11.14-development",
+	"version": "2.11.14-sandbox",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",
@@ -21,7 +21,7 @@
 		"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",
-		"push": "npm publish --access public --tag development"
+		"push": "npm publish --access public --tag sandbox"
 	},
 	"keywords": [],
 	"author": {