@tap-payments/auth-jsconnect 2.10.1-development → 2.10.2-development

package/build/api/index.d.ts

@@ -168,7 +168,7 @@ declare const API: {
     terminalService: {
         retrieveTerminalDeviceList: (merchants: string[]) => Promise<any>;
         generateAuthenticationToLinkNewTerminal: (payload: GenerateAuthLinkNewTerminalProps) => Promise<any>;
-        unlinkTerminalDevice: (payload: UnlinkTerminalDeviceProps) => Promise<any>;
+        unlinkTerminalDevice: ({ deviceId, ...payload }: UnlinkTerminalDeviceProps) => Promise<any>;
         retrieveTerminalList: (merchantIds: string[]) => Promise<any>;
     };
 };

package/build/api/terminal.d.ts

@@ -7,7 +7,10 @@ export interface GenerateAuthLinkNewTerminalProps {
     };
 }
 export interface UnlinkTerminalDeviceProps {
-    id: string;
+    deviceId: string;
+    terminal: {
+        id: string;
+    };
     action: string;
 }
 export interface LinkTerminalDeviceProps {
@@ -17,7 +20,7 @@ export interface LinkTerminalDeviceProps {
 declare const terminalService: {
     retrieveTerminalDeviceList: (merchants: string[]) => Promise<any>;
     generateAuthenticationToLinkNewTerminal: (payload: GenerateAuthLinkNewTerminalProps) => Promise<any>;
-    unlinkTerminalDevice: (payload: UnlinkTerminalDeviceProps) => Promise<any>;
+    unlinkTerminalDevice: ({ deviceId, ...payload }: UnlinkTerminalDeviceProps) => Promise<any>;
     retrieveTerminalList: (merchantIds: string[]) => Promise<any>;
 };
 export { terminalService };

package/build/api/terminal.js

@@ -1,3 +1,14 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { ENDPOINT_PATHS } from '../constants';
 import { httpClient } from './axios';
 var retrieveTerminalDeviceList = function (merchants) {
@@ -29,25 +40,11 @@ var generateAuthenticationToLinkNewTerminal = function (payload) {
         data: payload
     });
 };
-var unlinkTerminalDevice = function (payload) {
-    return httpClient({
-        method: 'get',
-        url: 'https://dummyjson.com/c/15d1-eae7-43ad-9734'
-    });
+var unlinkTerminalDevice = function (_a) {
+    var deviceId = _a.deviceId, payload = __rest(_a, ["deviceId"]);
     return httpClient({
-        method: 'post',
-        url: "".concat(ENDPOINT_PATHS.TERMINAL, "/link"),
-        data: payload
-    });
-};
-var linkTerminalDevice = function (payload) {
-    return httpClient({
-        method: 'get',
-        url: 'https://dummyjson.com/c/7544-fa91-4a47-9612'
-    });
-    return httpClient({
-        method: 'post',
-        url: "".concat(ENDPOINT_PATHS.TERMINAL, "/link"),
+        method: 'put',
+        url: "".concat(ENDPOINT_PATHS.TERMINAL, "/device/").concat(deviceId),
         data: payload
     });
 };

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

@@ -154,6 +154,18 @@ export declare const retrieveBoardStatus: import("@reduxjs/toolkit").AsyncThunk<
     fulfilledMeta?: unknown;
     rejectedMeta?: unknown;
 }>;
+export declare const retrieveTerminalDeviceList: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+}, void, {
+    state?: unknown;
+    dispatch?: import("redux").Dispatch<import("redux").AnyAction> | undefined;
+    extra?: unknown;
+    rejectValue?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
 export declare const updateDeviceLinkedSuccess: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
     nextScreen: string;

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

@@ -245,19 +245,22 @@ export var pushNotificationLinkNewTerminal = createAsyncThunk('terminal/pushNoti
     });
 });
 export var unlinkTerminalDevice = createAsyncThunk('terminal/unlinkTerminalDevice', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
-    var terminal, id, payload, data;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
+    var terminal, _a, id, terminalInfo, payload, data;
+    return __generator(this, function (_b) {
+        switch (_b.label) {
             case 0:
                 terminal = thunkApi.getState().terminal;
-                id = terminal.data.terminalInfo.selectedTerminalDevice.id;
+                _a = terminal.data.terminalInfo.selectedTerminalDevice, id = _a.id, terminalInfo = _a.terminal;
                 payload = {
-                    id: id,
-                    action: 'unlink'
+                    deviceId: id,
+                    action: 'unlink',
+                    terminal: {
+                        id: (terminalInfo === null || terminalInfo === void 0 ? void 0 : terminalInfo.id) || ''
+                    }
                 };
                 return [4, API.terminalService.unlinkTerminalDevice(payload)];
             case 1:
-                data = _a.sent();
+                data = _b.sent();
                 return [2, { data: data, nextScreen: CONNECT_FLOWS.terminal.terminalUnlinkedSuccess }];
         }
     });
@@ -336,6 +339,21 @@ export var retrieveBoardStatus = createAsyncThunk('terminal/retrieveBoardStatus'
         });
     });
 });
+export var retrieveTerminalDeviceList = createAsyncThunk('terminal/retrieveTerminalDeviceList', function (_, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var terminal, merchant_id, data;
+    var _a;
+    return __generator(this, function (_b) {
+        switch (_b.label) {
+            case 0:
+                terminal = thunkApi.getState().terminal;
+                merchant_id = (((_a = terminal.data.responseData) === null || _a === void 0 ? void 0 : _a.authData) || {}).merchant_id;
+                return [4, API.terminalService.retrieveTerminalDeviceList([merchant_id])];
+            case 1:
+                data = _b.sent();
+                return [2, { data: data }];
+        }
+    });
+}); });
 export var updateDeviceLinkedSuccess = createAsyncThunk('terminal/updateDeviceLinkedSuccess', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, settings, terminal, _b, showBoard, mode, _c, id, board_info_id, payload, data;
     var _d, _e, _f, _g, _h, _j, _k, _l, _m;
@@ -415,7 +433,7 @@ var initialState = {
     customLoading: false,
     terminalListLoading: false,
     data: {
-        flowName: FlowsTypes.CONNECT,
+        flowName: FlowsTypes.TERMINAL,
         verify: {
             token: ''
         },
@@ -521,6 +539,17 @@ export var terminalSlice = createSlice({
             .addCase(retrieveTerminalList.pending, function (state) {
             state.terminalListLoading = true;
             state.error = null;
+        })
+            .addCase(retrieveTerminalDeviceList.pending, function (state) {
+            state.error = null;
+        })
+            .addCase(retrieveTerminalDeviceList.fulfilled, function (state, action) {
+            state.error = null;
+            var data = action.payload.data;
+            state.data.responseData = __assign(__assign({}, state.data.responseData), { terminalData: data });
+        })
+            .addCase(retrieveTerminalDeviceList.rejected, function (state, action) {
+            state.error = action.error.message;
         })
             .addCase(pushNotificationLinkNewTerminal.pending, function (state) {
             state.error = null;

package/build/features/shared/Button/FlowsButtons.js

@@ -242,6 +242,6 @@ export default function FlowsButtons(_a) {
                             onResetPassword();
                         else
                             onRedirect({ title: title, href: href, src: src, hoverSrc: hoverSrc, isCompleted: isCompleted, name: name, status: status, token: token });
-                    } }, { children: _jsx(ButtonStyled, __assign({ variant: 'outlined', disabled: isResetPassword(name, status) && loading, isCompleted: isCompleted, hasUrl: !!href, sx: __assign({ mb: isLast ? 2.5 : 1.8 }, sx), endIcon: isResetPassword(name, status) && loading ? (_jsx(_Fragment, {})) : isCompleted ? (_jsx(CheckIconStyled, {})) : (_jsxs("div", __assign({ style: { display: 'flex', alignItems: 'center' } }, { children: [name !== 'password' && _jsx(Dot, { completed: ['complete', 'completed', 'reviewed'].includes(status === null || status === void 0 ? void 0 : status.toLowerCase()) }), _jsx(Image, { sx: { height: 15, transform: isAr ? 'scale(-1)' : 'scale(1)', marginInlineStart: 0 }, src: ICONS_NAMES.Arrow_filled_right_icon })] }))), startIcon: isResetPassword(name, status) && loading ? (_jsx(_Fragment, {})) : isBrand(name) ? (_jsx(_Fragment, { children: _jsx(BrandImage, { children: _jsx(BrandNameStyled, { children: brandName }) }) })) : (_jsx(Image, { src: src, alt: title })), type: 'button' }, { children: title })) }), idx));
+                    } }, { children: _jsx(ButtonStyled, __assign({ variant: 'outlined', disabled: isResetPassword(name, status) && loading, isCompleted: isCompleted, hasUrl: !!href, sx: __assign({ mb: isLast ? 2.5 : 1.8 }, sx), endIcon: isResetPassword(name, status) && loading ? (_jsx(_Fragment, {})) : isCompleted ? (_jsx(CheckIconStyled, {})) : (_jsxs("div", __assign({ style: { display: 'flex', alignItems: 'center' } }, { children: [name !== 'password' && name !== 'terminal' && (_jsx(Dot, { completed: ['complete', 'completed', 'reviewed'].includes(status === null || status === void 0 ? void 0 : status.toLowerCase()) })), _jsx(Image, { sx: { height: 15, transform: isAr ? 'scale(-1)' : 'scale(1)', marginInlineStart: 0 }, src: ICONS_NAMES.Arrow_filled_right_icon })] }))), startIcon: isResetPassword(name, status) && loading ? (_jsx(_Fragment, {})) : isBrand(name) ? (_jsx(_Fragment, { children: _jsx(BrandImage, { children: _jsx(BrandNameStyled, { children: brandName }) }) })) : (_jsx(Image, { src: src, alt: title })), type: 'button' }, { children: title })) }), idx));
             }), onClose && (_jsx(SharedButton, __assign({ sx: { mt: 2.5, ml: 0, mr: 0 }, isAr: isAr, disableBack: true, loading: storeLoading, onClick: onClose }, { children: t('close_and_complete_later') })))] }));
 }

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

@@ -15,7 +15,7 @@ import { useTranslation } from 'react-i18next';
 import Box from '@mui/material/Box';
 import { useAppDispatch, useAppSelector, useLanguage } from '../../../../hooks';
 import { handleNextScreenStep, handlePrevScreenStep } from '../../../../app/settings';
-import { retrieveBoardDetails, retrieveBoardStatus, terminalSelector } from '../../../app/terminal/terminalStore';
+import { retrieveBoardDetails, retrieveBoardStatus, retrieveTerminalDeviceList, terminalSelector } from '../../../app/terminal/terminalStore';
 import SuccessScreen from '../../../shared/SuccessScreen';
 import Button from '../../../shared/Button';
 import { getTerminalName, SuccessContainerStyled } from '../shared';
@@ -30,6 +30,7 @@ var LinkedSuccess = function () {
     var handleGoToBoard = function () {
         var board_id = (boardData || {}).id;
         var _a = (authData === null || authData === void 0 ? void 0 : authData.recipient) || {}, id = _a.id, type = _a.type;
+        dispatch(retrieveTerminalDeviceList());
         dispatch(retrieveBoardStatus({ boardId: board_id }))
             .unwrap()
             .then(function () {

package/build/features/terminal/screens/TerminalDeviceList/styles.d.ts

@@ -4,7 +4,7 @@ export declare const Container: import("@emotion/styled").StyledComponent<import
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const LinkButton: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "action" | "disabled" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+}, "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "action" | "size" | "disabled" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const AddIconContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

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

@@ -16,7 +16,7 @@ import Box from '@mui/material/Box';
 import { useAppDispatch, useAppSelector, useLanguage } from '../../../../hooks';
 import { CONNECT_FLOWS } from '../../../../constants';
 import { handleNextScreenStep, handlePrevScreenStep } from '../../../../app/settings';
-import { retrieveBoardDetails, retrieveBoardStatus, terminalSelector } from '../../../app/terminal/terminalStore';
+import { retrieveBoardDetails, retrieveBoardStatus, retrieveTerminalDeviceList, terminalSelector } from '../../../app/terminal/terminalStore';
 import SuccessScreen from '../../../shared/SuccessScreen';
 import Button from '../../../shared/Button';
 import { SuccessContainerStyled } from '../shared';
@@ -32,6 +32,7 @@ var UnlinkedSuccess = function () {
     var handleGoToBoard = function () {
         var board_id = (boardData || {}).id;
         var _a = (authData === null || authData === void 0 ? void 0 : authData.recipient) || {}, id = _a.id, type = _a.type;
+        dispatch(retrieveTerminalDeviceList());
         dispatch(retrieveBoardStatus({ boardId: board_id }))
             .unwrap()
             .then(function () {

package/package.json

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