@tap-payments/auth-jsconnect 2.10.9-development → 2.10.10-development

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

@@ -16,6 +16,7 @@ import Box from '@mui/material/Box';
 import { handleNextScreenStep, handlePrevScreenStep } from '../../../../app/settings';
 import Button from '../../../../components/Button';
 import { useAppDispatch, useAppSelector } from '../../../../hooks';
+import { formatCode } from '../../../../utils';
 import { CONNECT_FLOWS, TERMINAL_PUSH_NOTIFICATION_DURATION } from '../../../../constants';
 import { ScreenContainer } from '../../../shared/Containers';
 import PushNotification from '../../../shared/PushNotification';
@@ -63,6 +64,6 @@ var LinkNewTerminal = function () {
         var previousScreen = (terminal_devices === null || terminal_devices === void 0 ? void 0 : terminal_devices.length) ? CONNECT_FLOWS.terminal.terminalList : CONNECT_FLOWS.terminal.noTerminalLinked;
         dispatch(handlePrevScreenStep(previousScreen));
     };
-    return (_jsxs(ScreenContainer, __assign({ minHeight: 200, justifyContent: 'space-between' }, { children: [_jsx(PushNotification, __assign({ error: t('terminal_request_denied', { device: deviceName }), failed: failed, success: success, expiryInSeconds: expiry }, { children: _jsxs(LinkNewTerminalContainer, { children: [_jsx(LinkTerminalText, { children: t('terminal_link_terminal') }), _jsx(QRCodeDescription, { children: t('terminal_qr_code_description') }), _jsx(QRCodeImage, { src: qrCode }), code && (_jsxs(_Fragment, { children: [_jsx(LinkTerminalText, { children: t('terminal_or_use_code') }), _jsx(CodeDescription, { children: code })] }))] }) })), _jsx(Box, __assign({ sx: { ml: 2.5, mr: 2.5 } }, { children: _jsx(Button, __assign({ sx: { mb: 1.5, mt: 1.5 }, onClick: handleOnBack, variant: 'text' }, { children: t('back') })) }))] })));
+    return (_jsxs(ScreenContainer, __assign({ minHeight: 200, justifyContent: 'space-between' }, { children: [_jsx(PushNotification, __assign({ error: t('terminal_request_denied', { device: deviceName }), failed: failed, success: success, expiryInSeconds: expiry }, { children: _jsxs(LinkNewTerminalContainer, { children: [_jsx(LinkTerminalText, { children: t('terminal_link_terminal') }), _jsx(QRCodeDescription, { children: t('terminal_qr_code_description') }), _jsx(QRCodeImage, { src: qrCode }), code && (_jsxs(_Fragment, { children: [_jsx(LinkTerminalText, { children: t('terminal_or_use_code') }), _jsx(CodeDescription, { children: formatCode(code) })] }))] }) })), _jsx(Box, __assign({ sx: { ml: 2.5, mr: 2.5 } }, { children: _jsx(Button, __assign({ sx: { mb: 1.5, mt: 1.5 }, onClick: handleOnBack, variant: 'text' }, { children: t('back') })) }))] })));
 };
 export default React.memo(LinkNewTerminal);

package/build/utils/string.d.ts

@@ -78,3 +78,4 @@ export declare const formatNumberAsCurrency: (number: string) => string;
 export declare const getCurrencyByCountryIso2: (countryCode?: string) => string;
 export declare const getMobileNumberLen: (initialLen: number, number: string) => number;
 export declare const getWebsiteLink: (isAr: boolean, countryCode: string, path: string) => string;
+export declare function formatCode(code: string, chunkSize?: number, delimiter?: string): string;

package/build/utils/string.js

@@ -347,3 +347,9 @@ export var getWebsiteLink = function (isAr, countryCode, path) {
     var language = isAr ? LANGUAGE_ABBREVIATIONS.ARABIC : LANGUAGE_ABBREVIATIONS.ENGLISH;
     return TAP_WEBSITE + language + '-' + countryCode + path;
 };
+export function formatCode(code, chunkSize, delimiter) {
+    var _a;
+    if (chunkSize === void 0) { chunkSize = 3; }
+    if (delimiter === void 0) { delimiter = ' - '; }
+    return ((_a = code.match(new RegExp(".{1,".concat(chunkSize, "}"), 'g'))) === null || _a === void 0 ? void 0 : _a.join(delimiter)) || code;
+}

package/package.json

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