@tap-payments/auth-jsconnect 2.13.10-beta → 2.14.0-beta

package/build/index.js

@@ -13,7 +13,8 @@ import { EntityElement, renderEntityLib } from './features/entity';
 import { BrandElement, renderBrandLib } from './features/brand';
 import { BoardElement, renderBoardLib } from './features/board';
 import { KYCElement, renderKYCLib } from './features/kyc';
-export { ConnectElement, ConnectExpressElement, AuthElement, BusinessElement, PasswordElement, IndividualElement, BankElement, TaxElement, EntityElement, BrandElement, SignInElement, BoardElement, KYCElement };
+import { TerminalElement, renderTerminalLib } from './features/terminal';
+export { ConnectElement, ConnectExpressElement, AuthElement, BusinessElement, PasswordElement, IndividualElement, BankElement, TaxElement, EntityElement, BrandElement, SignInElement, BoardElement, KYCElement, TerminalElement };
 window['TapAuth'] = {
     renderConnectLib: renderConnectLib,
     renderConnectExpressLib: renderConnectExpressLib,
@@ -27,6 +28,7 @@ window['TapAuth'] = {
     renderBrandLib: renderBrandLib,
     renderSignInLib: renderSignInLib,
     renderBoardLib: renderBoardLib,
-    renderKYCLib: renderKYCLib
+    renderKYCLib: renderKYCLib,
+    renderTerminalLib: renderTerminalLib
 };
 console.log("TapAuth version: ".concat(require('../package.json').version));

package/build/theme/palette.js

@@ -48,6 +48,18 @@ export var lightPalette = {
         main: '#808592',
         light: '#EAECEF',
         dark: '#3B4152'
+    },
+    components: {
+        deviceCard: {
+            title: '#20232B',
+            statusText: '#1F222A80',
+            statusBackground: ' #F0F0F0',
+            deviceInfoBackground: 'linear-gradient(127.37deg, rgba(255, 255, 255, 0.6) 59.07%, rgba(255, 255, 255, 0.444) 100.12%);',
+            border: '#e8ecf2'
+        },
+        toastDeviceSelectorDropdown: {
+            border: '#f2f2f2'
+        }
     }
 };
 export var darkPalette = {

package/build/theme/typography.js

@@ -5,6 +5,7 @@ export var typography = {
     fontWeightLight: 300,
     fontWeightRegular: 400,
     fontWeightMedium: 500,
+    fontWeightSemiBold: 600,
     fontWeightBold: 700,
     allVariants: {
         fontFamily: '"Lato", "Tajawal", "Roboto"',
@@ -19,6 +20,7 @@ export var typography = {
     h2: { fontSize: '3rem' },
     h3: { fontSize: '2.5rem' },
     h4: { fontSize: '2rem' },
+    h4_small: { fontSize: '1.625rem' },
     h5: { fontSize: '1.5rem' },
     h6: { fontSize: '1.25rem' },
     subtitle1: { fontSize: '1.125rem' },
@@ -26,6 +28,8 @@ export var typography = {
     body1: { fontSize: '1rem' },
     body2: { fontSize: '0.875rem' },
     button: { fontSize: '0.875rem' },
+    button_small: { fontSize: '0.813rem' },
     caption: { fontSize: '0.75rem' },
+    caption_small: { fontSize: '0.625rem' },
     overline: { fontSize: '0.5rem' }
 };

package/build/utils/error.d.ts

@@ -3,3 +3,4 @@ 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;
+export declare const isNoDataFoundError: (error: string | null) => boolean;

package/build/utils/error.js

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

package/build/utils/string.d.ts

@@ -43,7 +43,7 @@ export declare const getRequestHeaders: (deviceInfo: DeviceInfo) => {
 };
 export declare const removeRequestHeaders: () => void;
 export declare const getBaseUrl: () => string;
-export declare const getScreenNameBasedOnFlow: (flow: string, isAuthorizedUser?: boolean, isOtherThanSAOrKWCountry?: boolean) => "CONNECT_NID_STEP" | "" | "BUSINESS_BUSINESS_TYPE_STEP" | "INDIVIDUAL_PERSONAL_INDIVIDUAL_INFO_STEP" | "INDIVIDUAL_LIST_STEP" | "PASSWORD_CREATE_PASSWORD_STEP" | "BANK_BANK_DETAILS_STEP" | "TAX_TAX_DETAILS_STEP" | "ENTITY_NAME_STEP" | "BRAND_INFO_STEP";
+export declare const getScreenNameBasedOnFlow: (flow: string, isAuthorizedUser?: boolean, isOtherThanSAOrKWCountry?: boolean, terminalStepName?: string) => string;
 export declare const getEighteenYearsAgo: () => string;
 export declare const isKW: (flag: string) => boolean;
 export declare const isSA: (flag: string | undefined) => boolean;
@@ -78,4 +78,5 @@ 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;
 export declare const isDisasterRecoveryEnv: (type?: string) => boolean;

package/build/utils/string.js

@@ -1,7 +1,7 @@
 import { FlowsTypes } from '../@types';
 import { concatenateObjectValues, encryptString } from '.';
 import { removeAxiosGlobalHeaders } from '../api';
-import { COUNTRY_TO_CURRENCY, ENDPOINT_PATHS, ICONS_FULL_PATH, LANGUAGE_ABBREVIATIONS, TAP_WEBSITE } from '../constants';
+import { CONNECT_FLOWS, COUNTRY_TO_CURRENCY, ENDPOINT_PATHS, ICONS_FULL_PATH, LANGUAGE_ABBREVIATIONS, TAP_WEBSITE } from '../constants';
 import moment from 'moment';
 export var maskPhone = function (str) {
     if (str === void 0) { str = ''; }
@@ -179,7 +179,7 @@ export var getBaseUrl = function () {
     }
     return ENDPOINT_PATHS.PRODUCTION_BASE_URL;
 };
-export var getScreenNameBasedOnFlow = function (flow, isAuthorizedUser, isOtherThanSAOrKWCountry) {
+export var getScreenNameBasedOnFlow = function (flow, isAuthorizedUser, isOtherThanSAOrKWCountry, terminalStepName) {
     if (flow === FlowsTypes.BANK) {
         return 'BANK_BANK_DETAILS_STEP';
     }
@@ -204,6 +204,9 @@ export var getScreenNameBasedOnFlow = function (flow, isAuthorizedUser, isOtherT
     if (flow === FlowsTypes.PASSWORD) {
         return 'PASSWORD_CREATE_PASSWORD_STEP';
     }
+    if (flow === FlowsTypes.TERMINAL) {
+        return terminalStepName !== null && terminalStepName !== void 0 ? terminalStepName : CONNECT_FLOWS.terminal.terminalDeviceList;
+    }
     return '';
 };
 export var getEighteenYearsAgo = function () {
@@ -346,4 +349,10 @@ 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;
+}
 export var isDisasterRecoveryEnv = function (type) { return type === 'dr'; };

package/package.json

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