@tap-payments/auth-jsconnect 2.12.9-development → 2.12.10-development

package/build/api/file.d.ts

@@ -10,5 +10,6 @@ declare const fileService: {
     uploadFile: (data: UploadFileBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any, {}>>;
     uploadFileInfo: (data: UploadFileBody, config?: AxiosRequestConfig) => Promise<any>;
     downloadFile: (id: string, name: string, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any, {}>>;
+    retrieveFileInfo: (fileId: string) => Promise<any>;
 };
 export { fileService };

package/build/api/file.js

@@ -29,9 +29,17 @@ var downloadFile = function (id, name, config) {
         return response;
     });
 };
+var retrieveFileInfo = function (fileId) {
+    return httpClient({
+        method: 'get',
+        url: "".concat(ENDPOINT_PATHS.FILES_PATH, "/content?fileId=").concat(fileId),
+        responseType: 'blob'
+    });
+};
 var fileService = {
     uploadFile: uploadFile,
     uploadFileInfo: uploadFileInfo,
-    downloadFile: downloadFile
+    downloadFile: downloadFile,
+    retrieveFileInfo: retrieveFileInfo
 };
 export { fileService };

package/build/api/index.d.ts

@@ -157,6 +157,7 @@ declare const API: {
         uploadFile: (data: UploadFileBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any, {}>>;
         uploadFileInfo: (data: UploadFileBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<any>;
         downloadFile: (id: string, name: string, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any, {}>>;
+        retrieveFileInfo: (fileId: string) => Promise<any>;
     };
     documentService: {
         updateDocumentInfo: (data: DocumentUpdateBody) => Promise<any>;

package/build/features/app/terminal/terminalStore.d.ts

@@ -40,6 +40,9 @@ export declare const linkNewTerminal: import("@reduxjs/toolkit").AsyncThunk<{
 export declare const retrievePOSDevices: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
 }, void, {}>;
+export declare const retrieveTerminalPlatformBrandLogo: import("@reduxjs/toolkit").AsyncThunk<{
+    logo: string;
+}, void, {}>;
 interface pushNotificationLinkNewTerminalParams {
     newTerminal: boolean;
     onSuccess: () => void;

package/build/features/app/terminal/terminalStore.js

@@ -51,7 +51,7 @@ import { handleCurrentActiveScreen, handlePublicKey, handleSetCountryByIso2, onC
 import { FlowsTypes } from '../../../@types';
 import { CONNECT_FLOWS, NAFATH_PACI_TIMEOUT_DURATION, SELECTED_POS_DEFAULT_INFO, SELECTED_TERMINAL_DEFAULT_INFO, TERMINAL_PUSH_NOTIFICATION_DURATION, TERMINAL_PUSH_NOTIFICATION_FAILED, TERMINAL_STEP_NAMES } from '../../../constants';
 import API, { setAuthSessionToGlobalHeaders } from '../../../api';
-import { isAuthenticationVerificationFailed, isNetworkError, isNoDataFoundError, isTimeoutError, retrieveIndividualData, sleep } from '../../../utils';
+import { createImageObjectURL, isAuthenticationVerificationFailed, isNetworkError, isNoDataFoundError, isTimeoutError, retrieveIndividualData, sleep } from '../../../utils';
 export var verifyToken = createAsyncThunk('terminal/verifyLeadToken', function (_a, thunkApi) {
     var token = _a.token, isInternally = _a.isInternally;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -262,6 +262,25 @@ export var retrievePOSDevices = createAsyncThunk('terminal/retrievePOSDevices',
         }
     });
 }); });
+export var retrieveTerminalPlatformBrandLogo = createAsyncThunk('terminal/retrieveTerminalPlatformBrandLogo', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var terminal, list, logoFileId, data, logo;
+    var _a, _b, _c, _d, _e, _f;
+    return __generator(this, function (_g) {
+        switch (_g.label) {
+            case 0:
+                terminal = thunkApi.getState().terminal;
+                list = (_c = (_b = (_a = terminal.data.responseData) === null || _a === void 0 ? void 0 : _a.terminalData) === null || _b === void 0 ? void 0 : _b.list) !== null && _c !== void 0 ? _c : [];
+                logoFileId = (_f = (_e = (_d = list === null || list === void 0 ? void 0 : list[0]) === null || _d === void 0 ? void 0 : _d.platform) === null || _e === void 0 ? void 0 : _e.brand) === null || _f === void 0 ? void 0 : _f.logo;
+                if (!logoFileId)
+                    return [2, { logo: '' }];
+                return [4, API.fileService.retrieveFileInfo(logoFileId)];
+            case 1:
+                data = _g.sent();
+                logo = createImageObjectURL(data);
+                return [2, { logo: logo }];
+        }
+    });
+}); });
 export var pushNotificationLinkNewTerminal = createAsyncThunk('terminal/pushNotificationLinkNewTerminal', function (_a, thunkApi) {
     var newTerminal = _a.newTerminal, onSuccess = _a.onSuccess, onFailure = _a.onFailure;
     return __awaiter(void 0, void 0, void 0, function () {
@@ -655,6 +674,20 @@ export var terminalSlice = createSlice({
             .addCase(retrievePOSDevices.pending, function (state) {
             state.posDevicesLoading = true;
             state.error = null;
+        })
+            .addCase(retrieveTerminalPlatformBrandLogo.pending, function (state) {
+            state.error = null;
+        })
+            .addCase(retrieveTerminalPlatformBrandLogo.fulfilled, function (state, action) {
+            var _a;
+            state.error = null;
+            var prevLogo = (_a = state.data.responseData) === null || _a === void 0 ? void 0 : _a.terminalPlatformBrandLogo;
+            if (prevLogo)
+                URL.revokeObjectURL(prevLogo);
+            state.data.responseData = __assign(__assign({}, state.data.responseData), { terminalPlatformBrandLogo: action.payload.logo });
+        })
+            .addCase(retrieveTerminalPlatformBrandLogo.rejected, function (state) {
+            state.error = null;
         })
             .addCase(retrieveTerminalList.pending, function (state) {
             state.error = null;

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

@@ -56,7 +56,7 @@ import Button from '../../../../components/Button';
 import Loader from '../../../../components/Loader';
 import Warning from '../../../../components/Warning';
 import Box from '@mui/material/Box';
-import { clearError, resetTerminalLinkResponse, retrieveBoardDetails, retrieveBoardStatus, retrievePOSDevices, storeSelectedTerminal, terminalSelector } from '../../../app/terminal/terminalStore';
+import { clearError, resetTerminalLinkResponse, retrieveBoardDetails, retrieveBoardStatus, retrievePOSDevices, retrieveTerminalPlatformBrandLogo, storeSelectedTerminal, terminalSelector } from '../../../app/terminal/terminalStore';
 import { Header, Container, TextTypography } from '../shared';
 import DeviceList from './DeviceList';
 var TerminalDeviceList = function () {
@@ -100,6 +100,7 @@ var TerminalDeviceList = function () {
                     _a.label = 1;
                 case 1:
                     _a.trys.push([1, 3, , 4]);
+                    dispatch(retrieveTerminalPlatformBrandLogo());
                     return [4, dispatch(retrievePOSDevices()).unwrap()];
                 case 2:
                     _a.sent();

package/build/features/terminal/screens/shared/POSDeviceList.js

@@ -9,14 +9,14 @@ import { useAppSelector } from '../../../../hooks';
 import { terminalSelector } from '../../../../features/app/terminal/terminalStore';
 import { useTheme } from '@mui/material/styles';
 var POSDeviceList = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    var posDevices = _a.posDevices, onClick = _a.onClick, selectedPOS = _a.selectedPOS, _m = _a.select, select = _m === void 0 ? true : _m, loading = _a.loading;
+    var _b, _c, _d, _e, _f, _g;
+    var posDevices = _a.posDevices, onClick = _a.onClick, selectedPOS = _a.selectedPOS, _h = _a.select, select = _h === void 0 ? true : _h, loading = _a.loading;
     var t = useTranslation().t;
     var typography = useTheme().typography;
     var responseData = useAppSelector(terminalSelector).data.responseData;
-    var terminalData = (responseData || {}).terminalData;
-    var platformImage = ((_e = (_d = (_c = (_b = terminalData === null || terminalData === void 0 ? void 0 : terminalData.list) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.platform) === null || _d === void 0 ? void 0 : _d.brand) === null || _e === void 0 ? void 0 : _e.logo) || ICONS_NAMES.platform_image;
-    var platformName = (_l = (_k = (_j = (_h = (_g = (_f = terminalData === null || terminalData === void 0 ? void 0 : terminalData.list) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.platform) === null || _h === void 0 ? void 0 : _h.brand) === null || _j === void 0 ? void 0 : _j.name) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.text;
+    var _j = responseData || {}, terminalData = _j.terminalData, terminalPlatformBrandLogo = _j.terminalPlatformBrandLogo;
+    var platformImage = terminalPlatformBrandLogo || ICONS_NAMES.platform_image;
+    var platformName = (_g = (_f = (_e = (_d = (_c = (_b = terminalData === null || terminalData === void 0 ? void 0 : terminalData.list) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.platform) === null || _d === void 0 ? void 0 : _d.brand) === null || _e === void 0 ? void 0 : _e.name) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.text;
     var getEndComponent = function (pos) {
         if (loading && (selectedPOS === null || selectedPOS === void 0 ? void 0 : selectedPOS.id) === (pos === null || pos === void 0 ? void 0 : pos.id))
             return _jsx(Loader, { innerColor: 'black', outerColor: 'black', size: 10, style: { height: 24, width: 24 }, toggleAnimation: !!loading });

package/build/utils/file.d.ts

@@ -0,0 +1 @@
+export declare const createImageObjectURL: (blob: Blob) => string;

package/build/utils/file.js

@@ -0,0 +1,6 @@
+export var createImageObjectURL = function (blob) {
+    var _a;
+    if (!(blob === null || blob === void 0 ? void 0 : blob.size) || !((_a = blob === null || blob === void 0 ? void 0 : blob.type) === null || _a === void 0 ? void 0 : _a.startsWith('image/')))
+        return '';
+    return URL.createObjectURL(blob);
+};

package/build/utils/index.d.ts

@@ -8,6 +8,7 @@ export * from './string';
 export * from './device';
 export * from './rsa';
 export * from './common';
+export * from './file';
 export * from './date';
 export * from './error';
 export * from './gtm';

package/build/utils/index.js

@@ -8,6 +8,7 @@ export * from './string';
 export * from './device';
 export * from './rsa';
 export * from './common';
+export * from './file';
 export * from './date';
 export * from './error';
 export * from './gtm';

package/package.json

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