@tap-payments/os-micro-frontend-shared 0.1.111-test.6 → 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.
@@ -1,6 +1,6 @@
1
- import { JsonViewer } from './type';
1
+ import { ReceiptViewer as ReceiptViewerType } from './type';
2
2
  type Props = {
3
- list: JsonViewer[];
3
+ list: ReceiptViewerType[];
4
4
  onClose: (index: number) => void;
5
5
  isWindowMinimized: boolean;
6
6
  windowOrder: number;
@@ -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, json: item.json, requestJson: item === null || item === void 0 ? void 0 : item.requestJson, onClose: () => {
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.json.id))) }));
9
+ }, isWindowMinimized: isWindowMinimized, windowOrder: windowOrder }, item.receiptId))) }));
10
10
  };
@@ -2,8 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
2
2
  import { memo } from 'react';
3
3
  import Toolbar, { StyledHeaderWrapperStyled } from '../../../Toolbar';
4
4
  import { CloseIcon, MaximizeIcon } from '../../../ToolbarIcon';
5
- import { jsonIcon } from '../../../../constants/index.js';
6
5
  function ReceiptTitleBar({ title, onClose, onMaximize, maximized = false, id, onMouseHover, onMouseLeave, isHovered = false }) {
7
- return (_jsx(StyledHeaderWrapperStyled, Object.assign({ id: id, maximized: maximized || false, sandboxMode: false }, { children: _jsx(Toolbar, { isHovered: true, onMouseEnter: onMouseHover, onMouseLeave: onMouseLeave, isMaximized: maximized, title: title, icon: jsonIcon, leftActions: _jsxs(_Fragment, { children: [_jsx(CloseIcon, { onClick: onClose }), _jsx(MaximizeIcon, { isMaximized: maximized, onClick: onMaximize })] }) }) })));
6
+ return (_jsx(StyledHeaderWrapperStyled, Object.assign({ id: id, maximized: maximized || false, sandboxMode: false }, { children: _jsx(Toolbar, { isHovered: true, onMouseEnter: onMouseHover, onMouseLeave: onMouseLeave, isMaximized: maximized, title: title, leftActions: _jsxs(_Fragment, { children: [_jsx(CloseIcon, { onClick: onClose }), _jsx(MaximizeIcon, { isMaximized: maximized, onClick: onMaximize })] }) }) })));
8
7
  }
9
8
  export default memo(ReceiptTitleBar);
@@ -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((jsonViewer) => {
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.json.id === jsonViewer.json.id)) {
14
+ if (receiptViewerList.some((item) => item.receiptId === receiptViewer.receiptId)) {
15
15
  return;
16
16
  }
17
- const jsonCopy = structuredClone(jsonViewer.json);
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: (jsonViewer: import("..").JsonViewer) => void;
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 = JsonViewer & {
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 JsonViewer = {
14
- json: Record<string, any>;
15
- requestJson?: Record<string, any>;
13
+ export type ReceiptViewer = {
14
+ receiptId: string;
15
+ receiptContent: string;
16
16
  };
17
17
  export type ReceiptViewerContext = {
18
- receiptViewerList: JsonViewer[];
19
- handleReceiptViewerDialogOpen: (jsonViewer: JsonViewer) => void;
18
+ receiptViewerList: ReceiptViewer[];
19
+ handleReceiptViewerDialogOpen: (receiptViewer: ReceiptViewer) => void;
20
20
  handleWindowMinimize: (value: boolean) => void;
21
21
  handleWindowOrder: (value: number) => void;
22
22
  };
@@ -106,7 +106,7 @@ export interface SegmentUser {
106
106
  id: string;
107
107
  created: number;
108
108
  individual_id: string;
109
- names: Record<string, SegmentUserName>;
109
+ name: Record<string, SegmentUserName>;
110
110
  contact: {
111
111
  email: string;
112
112
  phone: {
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.6",
5
- "testVersion": 6,
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",