@tap-payments/os-micro-frontend-shared 0.1.111-test.7 → 0.1.111-test.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/ReceiptViewer/ReceiptViewerList.d.ts +2 -2
- package/build/components/ReceiptViewer/ReceiptViewerList.js +2 -2
- package/build/components/ReceiptViewer/context/Provider.js +3 -10
- package/build/components/ReceiptViewer/hooks/useReceiptViewerContext.d.ts +1 -1
- package/build/components/ReceiptViewer/type.d.ts +6 -6
- package/package.json +2 -2
|
@@ -4,7 +4,7 @@ export const ReceiptViewerList = ({ list, onClose, isWindowMinimized, windowOrde
|
|
|
4
4
|
if (!(list === null || list === void 0 ? void 0 : list.length)) {
|
|
5
5
|
return null;
|
|
6
6
|
}
|
|
7
|
-
return (_jsx(_Fragment, { children: list.map((item, index) => (_jsx(ReceiptViewer, { index: index,
|
|
7
|
+
return (_jsx(_Fragment, { children: list.map((item, index) => (_jsx(ReceiptViewer, { index: index, receiptId: item.receiptId, receiptContent: item.receiptContent, onClose: () => {
|
|
8
8
|
onClose(index);
|
|
9
|
-
}, isWindowMinimized: isWindowMinimized, windowOrder: windowOrder }, item.
|
|
9
|
+
}, isWindowMinimized: isWindowMinimized, windowOrder: windowOrder }, item.receiptId))) }));
|
|
10
10
|
};
|
|
@@ -6,22 +6,15 @@ export const ReceiptViewerDialogContextProvider = ({ children }) => {
|
|
|
6
6
|
const [receiptViewerList, seReceiptViewerList] = useState([]);
|
|
7
7
|
const [isWindowMinimized, setIsWindowMinimized] = useState(false);
|
|
8
8
|
const [windowOrder, setWindowOrder] = useState(1);
|
|
9
|
-
const handleReceiptViewerDialogOpen = useCallback((
|
|
9
|
+
const handleReceiptViewerDialogOpen = useCallback((receiptViewer) => {
|
|
10
10
|
if (receiptViewerList.length === 7) {
|
|
11
11
|
alert('Maximum allowed active Json Viewer is 7 per table.');
|
|
12
12
|
return;
|
|
13
13
|
}
|
|
14
|
-
if (receiptViewerList.some((item) => item.
|
|
14
|
+
if (receiptViewerList.some((item) => item.receiptId === receiptViewer.receiptId)) {
|
|
15
15
|
return;
|
|
16
16
|
}
|
|
17
|
-
|
|
18
|
-
const requestData = jsonCopy.request_body;
|
|
19
|
-
const jsonViewerPreservedRequest = {
|
|
20
|
-
json: jsonCopy,
|
|
21
|
-
requestJson: jsonViewer.requestJson || requestData || undefined,
|
|
22
|
-
};
|
|
23
|
-
delete jsonViewerPreservedRequest.json.request_body;
|
|
24
|
-
seReceiptViewerList((prev) => [...prev, jsonViewerPreservedRequest]);
|
|
17
|
+
seReceiptViewerList((prev) => [...prev, receiptViewer]);
|
|
25
18
|
}, [receiptViewerList]);
|
|
26
19
|
const handleJsonViewerDialogClose = (index) => {
|
|
27
20
|
seReceiptViewerList((prev) => prev.filter((_, idx) => index !== idx));
|
|
@@ -3,6 +3,6 @@ type Props = {
|
|
|
3
3
|
windowOrder: number;
|
|
4
4
|
};
|
|
5
5
|
export declare const useReceiptViewerContext: ({ isWindowMinimized, windowOrder }: Props) => {
|
|
6
|
-
handleReceiptViewerDialogOpen: (
|
|
6
|
+
handleReceiptViewerDialogOpen: (receiptViewer: import("..").ReceiptViewer) => void;
|
|
7
7
|
};
|
|
8
8
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
export type ReceiptViewerProps =
|
|
2
|
+
export type ReceiptViewerProps = ReceiptViewer & {
|
|
3
3
|
index: number;
|
|
4
4
|
onClose: () => void;
|
|
5
5
|
isWindowMinimized?: boolean;
|
|
@@ -10,13 +10,13 @@ export interface AnimatedButtonProps extends HTMLAttributes<HTMLButtonElement> {
|
|
|
10
10
|
icon?: string;
|
|
11
11
|
disableAnimation?: boolean;
|
|
12
12
|
}
|
|
13
|
-
export type
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
export type ReceiptViewer = {
|
|
14
|
+
receiptId: string;
|
|
15
|
+
receiptContent: string;
|
|
16
16
|
};
|
|
17
17
|
export type ReceiptViewerContext = {
|
|
18
|
-
receiptViewerList:
|
|
19
|
-
handleReceiptViewerDialogOpen: (
|
|
18
|
+
receiptViewerList: ReceiptViewer[];
|
|
19
|
+
handleReceiptViewerDialogOpen: (receiptViewer: ReceiptViewer) => void;
|
|
20
20
|
handleWindowMinimize: (value: boolean) => void;
|
|
21
21
|
handleWindowOrder: (value: number) => void;
|
|
22
22
|
};
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tap-payments/os-micro-frontend-shared",
|
|
3
3
|
"description": "Shared components and utilities for Tap Payments micro frontends",
|
|
4
|
-
"version": "0.1.111-test.
|
|
5
|
-
"testVersion":
|
|
4
|
+
"version": "0.1.111-test.8",
|
|
5
|
+
"testVersion": 8,
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "build/index.js",
|
|
8
8
|
"module": "build/index.js",
|