@tap-payments/os-micro-frontend-shared 0.1.111-test.5 → 0.1.111-test.7

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.
Files changed (6) hide show
  1. package/build/components/ReceiptViewer/ReceiptViewer.js +3 -3
  2. package/build/components/ReceiptViewer/components/ReceiptTitleBar/ReceiptTitleBar.js +1 -2
  3. package/build/components/ReceiptViewer/style.d.ts +1 -350
  4. package/build/components/ReceiptViewer/style.js +5 -94
  5. package/build/types/user.d.ts +1 -1
  6. package/package.json +2 -2
package/build/components/ReceiptViewer/ReceiptViewer.js CHANGED
@@ -8,7 +8,7 @@ import { APP_WINDOW_Z_INDEX } from '../../constants/index.js';
8
8
  import { useMouseState, useWindowDimensions } from '../../hooks/index.js';
9
9
  import { isSafariBrowser } from '../../utils/index.js';
10
10
  import JSONTitleBar from './components/ReceiptTitleBar';
11
- import { JSONContainer, TITLE_BAR_HEIGHT, VIEWER_HEIGHT, FOOTER_HEIGHT, } from './style';
11
+ import { Container, TITLE_BAR_HEIGHT, VIEWER_HEIGHT, FOOTER_HEIGHT } from './style';
12
12
  const VIEWER_WIDTH = 502;
13
13
  const animationDuration = 0.5;
14
14
  export default function ReceiptViewer({ index, isWindowMinimized, windowOrder, onClose }) {
@@ -91,7 +91,7 @@ export default function ReceiptViewer({ index, isWindowMinimized, windowOrder, o
91
91
  flex: 1,
92
92
  })), (isMaximized && {
93
93
  position: 'relative',
94
- })) }, { children: _jsxs(JSONContainer, { children: [_jsx(motion.div, Object.assign({ style: Object.assign({}, (isMaximized && {
94
+ })) }, { children: _jsxs(Container, { children: [_jsx(motion.div, Object.assign({ style: Object.assign({}, (isMaximized && {
95
95
  height: TITLE_BAR_HEIGHT,
96
96
  position: 'fixed',
97
97
  zIndex: 1000,
@@ -118,7 +118,7 @@ export default function ReceiptViewer({ index, isWindowMinimized, windowOrder, o
118
118
  background: 'transparent',
119
119
  position: 'fixed',
120
120
  width: '100%',
121
- } }, { children: _jsx(Box, Object.assign({ sx: (theme) => ({ background: theme.palette.common.white, width: '100%', height: '100%' }) }, { children: _jsx("div", { dangerouslySetInnerHTML: {
121
+ } }, { children: _jsx(Box, Object.assign({ sx: (theme) => ({ background: theme.palette.common.white, width: '100%', height: '100%' }) }, { children: _jsx(Box, { id: "receipt-content", dangerouslySetInnerHTML: {
122
122
  __html: `<!DOCTYPE html>
123
123
  <html lang="en">
124
124
  <head>
package/build/components/ReceiptViewer/components/ReceiptTitleBar/ReceiptTitleBar.js CHANGED
@@ -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);
package/build/components/ReceiptViewer/style.d.ts CHANGED
@@ -4,357 +4,8 @@ export declare const TITLE_BAR_HEIGHT = "32px";
4
4
  export declare const VIEWER_HEIGHT = 818;
5
5
  export declare const StyledPopover: import("@emotion/styled").StyledComponent<import("@mui/material").PopoverProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
6
6
  export declare const HEADER_HEIGHT = 44;
7
- export declare const jsonTheme: {
8
- '--w-rjv-color': string;
9
- '--w-rjv-key-string': string;
10
- '--w-rjv-background-color': string;
11
- '--w-rjv-line-color': string;
12
- '--w-rjv-arrow-color': string;
13
- '--w-rjv-edit-color': string;
14
- '--w-rjv-info-color': string;
15
- '--w-rjv-update-color': string;
16
- '--w-rjv-copied-color': string;
17
- '--w-rjv-copied-success-color': string;
18
- '--w-rjv-curlybraces-color': string;
19
- '--w-rjv-colon-color': string;
20
- '--w-rjv-brackets-color': string;
21
- '--w-rjv-quotes-color': string;
22
- '--w-rjv-quotes-string-color': string;
23
- '--w-rjv-type-string-color': string;
24
- '--w-rjv-type-int-color': string;
25
- '--w-rjv-type-float-color': string;
26
- '--w-rjv-type-bigint-color': string;
27
- '--w-rjv-type-boolean-color': string;
28
- '--w-rjv-type-date-color': string;
29
- '--w-rjv-type-url-color': string;
30
- '--w-rjv-type-null-color': string;
31
- '--w-rjv-type-nan-color': string;
32
- '--w-rjv-type-undefined-color': string;
33
- padding: string;
34
- height: string;
35
- overflow: string;
36
- };
37
- export declare const requestJsonTheme: {
38
- background: string;
39
- '--w-rjv-line-color': string;
40
- '--w-rjv-color': string;
41
- '--w-rjv-key-string': string;
42
- '--w-rjv-background-color': string;
43
- '--w-rjv-arrow-color': string;
44
- '--w-rjv-edit-color': string;
45
- '--w-rjv-info-color': string;
46
- '--w-rjv-update-color': string;
47
- '--w-rjv-copied-color': string;
48
- '--w-rjv-copied-success-color': string;
49
- '--w-rjv-curlybraces-color': string;
50
- '--w-rjv-colon-color': string;
51
- '--w-rjv-brackets-color': string;
52
- '--w-rjv-quotes-color': string;
53
- '--w-rjv-quotes-string-color': string;
54
- '--w-rjv-type-string-color': string;
55
- '--w-rjv-type-int-color': string;
56
- '--w-rjv-type-float-color': string;
57
- '--w-rjv-type-bigint-color': string;
58
- '--w-rjv-type-boolean-color': string;
59
- '--w-rjv-type-date-color': string;
60
- '--w-rjv-type-url-color': string;
61
- '--w-rjv-type-null-color': string;
62
- '--w-rjv-type-nan-color': string;
63
- '--w-rjv-type-undefined-color': string;
64
- padding: string;
65
- height: string;
66
- overflow: string;
67
- };
68
7
  export declare const StyledAnimatedButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
69
- export declare const StyledCopyButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
70
8
  export declare const StyledSearchInput: import("@emotion/styled").StyledComponent<import("@mui/material").InputProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
71
- export declare const StyledTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
72
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
73
- }, "width" | "minHeight" | "height" | "bottom" | "left" | "right" | "top" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "style" | "className" | "classes" | "children" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
74
- export declare const SectionWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
75
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
76
- }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
77
- isMaximized: boolean;
78
- isScrollingRequest: boolean;
79
- isRequestShown?: boolean | undefined;
80
- }, {}, {}>;
81
- export declare const FooterWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
82
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
83
- }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
84
- isMaximized?: boolean | undefined;
85
- isRequestShown?: boolean | undefined;
86
- }, {}, {}>;
87
- export declare const ButtonsWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
88
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
89
- }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
90
- export declare const StyledHeaderWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
91
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
92
- }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
93
- export declare const JSONViewerWrapper: import("@emotion/styled").StyledComponent<{
94
- hidden?: boolean | undefined;
95
- id?: string | undefined;
96
- color?: string | undefined;
97
- content?: string | undefined;
98
- translate?: "yes" | "no" | undefined;
99
- slot?: string | undefined;
100
- title?: string | undefined;
101
- className?: string | undefined;
102
- defaultChecked?: boolean | undefined;
103
- defaultValue?: string | number | readonly string[] | undefined;
104
- suppressContentEditableWarning?: boolean | undefined;
105
- suppressHydrationWarning?: boolean | undefined;
106
- accessKey?: string | undefined;
107
- autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
108
- autoFocus?: boolean | undefined;
109
- contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
110
- contextMenu?: string | undefined;
111
- dir?: string | undefined;
112
- draggable?: (boolean | "false" | "true") | undefined;
113
- enterKeyHint?: "search" | "done" | "next" | "enter" | "go" | "previous" | "send" | undefined;
114
- lang?: string | undefined;
115
- nonce?: string | undefined;
116
- spellCheck?: (boolean | "false" | "true") | undefined;
117
- tabIndex?: number | undefined;
118
- radioGroup?: string | undefined;
119
- role?: import("react").AriaRole | undefined;
120
- about?: string | undefined;
121
- datatype?: string | undefined;
122
- inlist?: any;
123
- prefix?: string | undefined;
124
- property?: string | undefined;
125
- rel?: string | undefined;
126
- resource?: string | undefined;
127
- rev?: string | undefined;
128
- typeof?: string | undefined;
129
- vocab?: string | undefined;
130
- autoCorrect?: string | undefined;
131
- autoSave?: string | undefined;
132
- itemProp?: string | undefined;
133
- itemScope?: boolean | undefined;
134
- itemType?: string | undefined;
135
- itemID?: string | undefined;
136
- itemRef?: string | undefined;
137
- results?: number | undefined;
138
- security?: string | undefined;
139
- unselectable?: "off" | "on" | undefined;
140
- inputMode?: "none" | "email" | "search" | "numeric" | "url" | "text" | "tel" | "decimal" | undefined;
141
- is?: string | undefined;
142
- exportparts?: string | undefined;
143
- part?: string | undefined;
144
- "aria-activedescendant"?: string | undefined;
145
- "aria-atomic"?: (boolean | "false" | "true") | undefined;
146
- "aria-autocomplete"?: "none" | "list" | "both" | "inline" | undefined;
147
- "aria-braillelabel"?: string | undefined;
148
- "aria-brailleroledescription"?: string | undefined;
149
- "aria-busy"?: (boolean | "false" | "true") | undefined;
150
- "aria-checked"?: boolean | "false" | "true" | "mixed" | undefined;
151
- "aria-colcount"?: number | undefined;
152
- "aria-colindex"?: number | undefined;
153
- "aria-colindextext"?: string | undefined;
154
- "aria-colspan"?: number | undefined;
155
- "aria-controls"?: string | undefined;
156
- "aria-current"?: boolean | "page" | "date" | "false" | "true" | "time" | "step" | "location" | undefined;
157
- "aria-describedby"?: string | undefined;
158
- "aria-description"?: string | undefined;
159
- "aria-details"?: string | undefined;
160
- "aria-disabled"?: (boolean | "false" | "true") | undefined;
161
- "aria-dropeffect"?: "none" | "copy" | "link" | "move" | "execute" | "popup" | undefined;
162
- "aria-errormessage"?: string | undefined;
163
- "aria-expanded"?: (boolean | "false" | "true") | undefined;
164
- "aria-flowto"?: string | undefined;
165
- "aria-grabbed"?: (boolean | "false" | "true") | undefined;
166
- "aria-haspopup"?: boolean | "grid" | "false" | "true" | "dialog" | "menu" | "listbox" | "tree" | undefined;
167
- "aria-hidden"?: (boolean | "false" | "true") | undefined;
168
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
169
- "aria-keyshortcuts"?: string | undefined;
170
- "aria-label"?: string | undefined;
171
- "aria-labelledby"?: string | undefined;
172
- "aria-level"?: number | undefined;
173
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
174
- "aria-modal"?: (boolean | "false" | "true") | undefined;
175
- "aria-multiline"?: (boolean | "false" | "true") | undefined;
176
- "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
177
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
178
- "aria-owns"?: string | undefined;
179
- "aria-placeholder"?: string | undefined;
180
- "aria-posinset"?: number | undefined;
181
- "aria-pressed"?: boolean | "false" | "true" | "mixed" | undefined;
182
- "aria-readonly"?: (boolean | "false" | "true") | undefined;
183
- "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
184
- "aria-required"?: (boolean | "false" | "true") | undefined;
185
- "aria-roledescription"?: string | undefined;
186
- "aria-rowcount"?: number | undefined;
187
- "aria-rowindex"?: number | undefined;
188
- "aria-rowindextext"?: string | undefined;
189
- "aria-rowspan"?: number | undefined;
190
- "aria-selected"?: (boolean | "false" | "true") | undefined;
191
- "aria-setsize"?: number | undefined;
192
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
193
- "aria-valuemax"?: number | undefined;
194
- "aria-valuemin"?: number | undefined;
195
- "aria-valuenow"?: number | undefined;
196
- "aria-valuetext"?: string | undefined;
197
- dangerouslySetInnerHTML?: {
198
- __html: string | TrustedHTML;
199
- } | undefined;
200
- onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
201
- onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
202
- onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
203
- onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
204
- onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
205
- onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
206
- onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
207
- onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
208
- onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
209
- onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
210
- onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
211
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
212
- onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
213
- onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
214
- onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
215
- onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
216
- onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
217
- onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
218
- onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
219
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
220
- onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
221
- onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
222
- onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
223
- onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
224
- onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
225
- onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
226
- onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
227
- onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
228
- onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
229
- onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
230
- onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
231
- onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
232
- onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
233
- onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
234
- onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
235
- onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
236
- onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
237
- onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
238
- onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
239
- onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
240
- onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
241
- onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
242
- onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
243
- onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
244
- onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
245
- onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
246
- onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
247
- onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
248
- onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
249
- onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
250
- onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
251
- onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
252
- onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
253
- onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
254
- onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
255
- onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
256
- onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
257
- onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
258
- onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
259
- onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
260
- onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
261
- onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
262
- onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
263
- onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
264
- onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
265
- onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
266
- onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
267
- onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
268
- onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
269
- onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
270
- onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
271
- onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
272
- onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
273
- onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
274
- onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
275
- onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
276
- onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
277
- onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
278
- onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
279
- onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
280
- onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
281
- onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
282
- onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
283
- onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
284
- onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
285
- onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
286
- onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
287
- onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
288
- onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
289
- onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
290
- onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
291
- onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
292
- onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
293
- onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
294
- onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
295
- onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
296
- onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
297
- onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
298
- onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
299
- onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
300
- onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
301
- onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
302
- onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
303
- onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
304
- onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
305
- onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
306
- onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
307
- onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
308
- onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
309
- onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
310
- onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
311
- onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
312
- onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
313
- onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
314
- onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
315
- onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
316
- onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
317
- onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
318
- onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
319
- onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
320
- onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
321
- onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
322
- onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
323
- onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
324
- onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
325
- onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
326
- onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
327
- onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
328
- onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
329
- onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
330
- onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
331
- onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
332
- onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
333
- onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
334
- onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
335
- onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
336
- onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
337
- onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
338
- onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
339
- onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
340
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
341
- onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
342
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
343
- onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
344
- onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
345
- onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
346
- onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
347
- onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
348
- onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
349
- onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
350
- onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
351
- onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
352
- onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
353
- onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
354
- } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
355
- isRequestShown: boolean;
356
- isMaximized: boolean;
357
- }, {}, {}>;
358
9
  export declare const JSONViewerWrapperRequest: import("@emotion/styled").StyledComponent<{
359
10
  hidden?: boolean | undefined;
360
11
  id?: string | undefined;
@@ -626,6 +277,6 @@ export declare const JSONViewerScreenContainer: import("@emotion/styled").Styled
626
277
  isMaximized: boolean;
627
278
  currentHeight: number;
628
279
  }, {}, {}>;
629
- export declare const JSONContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
280
+ export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
630
281
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
631
282
  }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
package/build/components/ReceiptViewer/style.js CHANGED
@@ -1,4 +1,4 @@
1
- import { Box, Input, Popover, Typography, styled } from '@mui/material';
1
+ import { Box, Input, Popover, styled } from '@mui/material';
2
2
  import { motion } from 'framer-motion';
3
3
  export const FOOTER_HEIGHT = 37;
4
4
  export const TITLE_BAR_HEIGHT = '32px';
@@ -11,37 +11,6 @@ export const StyledPopover = styled(Popover)(({ theme }) => ({
11
11
  },
12
12
  }));
13
13
  export const HEADER_HEIGHT = 44;
14
- export const jsonTheme = {
15
- '--w-rjv-color': '#9cdcfe',
16
- '--w-rjv-key-string': '#357fb9',
17
- '--w-rjv-background-color': '#ffffff',
18
- '--w-rjv-line-color': '#ffffff',
19
- '--w-rjv-arrow-color': '#116e6bed',
20
- '--w-rjv-edit-color': '#9cdcfe',
21
- '--w-rjv-info-color': '#9c9c9c7a',
22
- '--w-rjv-update-color': '#FFE20B',
23
- '--w-rjv-copied-color': '#9cdcfe',
24
- '--w-rjv-copied-success-color': '#28a745',
25
- '--w-rjv-curlybraces-color': '#000000',
26
- '--w-rjv-colon-color': '#000000',
27
- '--w-rjv-brackets-color': '#000000',
28
- '--w-rjv-quotes-color': '#9cdcfe',
29
- '--w-rjv-quotes-string-color': '#c27c46',
30
- '--w-rjv-type-string-color': '#c27c46',
31
- '--w-rjv-type-int-color': '#956ea5',
32
- '--w-rjv-type-float-color': '#956ea5',
33
- '--w-rjv-type-bigint-color': '#956ea5',
34
- '--w-rjv-type-boolean-color': '#956ea5',
35
- '--w-rjv-type-date-color': '#956ea5',
36
- '--w-rjv-type-url-color': '#3b89cf',
37
- '--w-rjv-type-null-color': '#956ea5',
38
- '--w-rjv-type-nan-color': '#956ea5',
39
- '--w-rjv-type-undefined-color': '#956ea5',
40
- padding: '1rem',
41
- height: `calc(100% - ${HEADER_HEIGHT + FOOTER_HEIGHT}px`,
42
- overflow: 'auto',
43
- };
44
- export const requestJsonTheme = Object.assign(Object.assign({}, jsonTheme), { background: 'transparent', '--w-rjv-line-color': 'transparent' });
45
14
  export const StyledAnimatedButton = styled('button')(({ theme }) => ({
46
15
  padding: '0rem',
47
16
  borderRadius: '0.25rem',
@@ -67,20 +36,6 @@ export const StyledAnimatedButton = styled('button')(({ theme }) => ({
67
36
  height: '24px',
68
37
  flexShrink: 0,
69
38
  }));
70
- export const StyledCopyButton = styled('button')(({ theme }) => ({
71
- outline: 'none',
72
- cursor: 'pointer',
73
- border: `1px solid transparent`,
74
- '&:hover': {
75
- boxShadow: theme.shadows[8],
76
- },
77
- borderRadius: '0.25rem',
78
- position: 'relative',
79
- backgroundColor: theme.palette.background.transparent,
80
- display: 'inline-flex',
81
- alignItems: 'center',
82
- justifyContent: 'center',
83
- }));
84
39
  export const StyledSearchInput = styled(Input)(({ theme }) => ({
85
40
  border: `1px solid ${theme.palette.grey[100]}`,
86
41
  borderRadius: '0.25rem',
@@ -95,53 +50,6 @@ export const StyledSearchInput = styled(Input)(({ theme }) => ({
95
50
  border: `1px solid ${theme.palette.info.dark}`,
96
51
  },
97
52
  }));
98
- export const StyledTitle = styled(Typography)(() => ({
99
- border: '1px solid rgba(242, 242, 242, 0.70);',
100
- display: 'inline-flex',
101
- height: '24px',
102
- padding: '0px 8px',
103
- justifyContent: 'center',
104
- alignItems: 'center',
105
- borderRadius: '37.5px',
106
- backgroundColor: '#fff',
107
- }));
108
- export const SectionWrapper = styled(Box, {
109
- shouldForwardProp: (prop) => !['isMaximized', 'isScrollingRequest', 'isRequestShown'].includes(prop),
110
- })(({ isScrollingRequest, isMaximized, isRequestShown, theme }) => (Object.assign(Object.assign({ display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: '4px', paddingBlock: '0px', paddingInlineStart: '12px', paddingInlineEnd: '12px', position: 'sticky', left: 0, right: 0, top: 0, background: '#fff', zIndex: 5 }, (isScrollingRequest && {
111
- boxShadow: theme.shadows[23],
112
- })), (isMaximized && Object.assign({ paddingTop: TITLE_BAR_HEIGHT, transition: 'padding 0.3s ease-in-out' }, (isRequestShown && {
113
- width: '50%',
114
- }))))));
115
- export const FooterWrapper = styled(Box, {
116
- shouldForwardProp: (prop) => !['isMaximized', 'isRequestShown'].includes(prop),
117
- })(({ isMaximized, isRequestShown }) => (Object.assign({ display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: '8px', height: FOOTER_HEIGHT, position: 'fixed', bottom: 0, right: 0, left: isMaximized ? '50vw' : 0 }, (!isRequestShown && {
118
- left: 0,
119
- }))));
120
- export const ButtonsWrapper = styled(Box)(() => ({
121
- display: 'flex',
122
- justifyContent: 'flex-end',
123
- alignItems: 'center',
124
- gap: '4px',
125
- paddingBlock: '10px',
126
- paddingInlineStart: '8px',
127
- paddingInlineEnd: '0px',
128
- }));
129
- export const StyledHeaderWrapper = styled(Box)(() => ({
130
- display: 'flex',
131
- justifyContent: 'flex-start',
132
- alignItems: 'center',
133
- gap: '4px',
134
- paddingBlock: '10px',
135
- paddingInlineStart: '0px',
136
- paddingInlineEnd: '12px',
137
- }));
138
- export const JSONViewerWrapper = styled(motion.div, {
139
- shouldForwardProp: (prop) => !['isRequestShown', 'isMaximized'].includes(prop),
140
- })(({ isRequestShown, isMaximized }) => (Object.assign({ width: '100%', height: '100%', overflowY: 'auto', background: '#fff', zIndex: 20, position: 'relative', display: 'flex', flexDirection: 'column', borderBottomRightRadius: '12px', borderBottomLeftRadius: isRequestShown ? 0 : '12px' }, (isMaximized && {
141
- borderBottomLeftRadius: 0,
142
- borderBottomRightRadius: 0,
143
- height: '100vh',
144
- }))));
145
53
  export const JSONViewerWrapperRequest = styled(motion.div, {
146
54
  shouldForwardProp: (prop) => !['isMaximized', 'currentRequestWidth'].includes(prop),
147
55
  })(({ isMaximized, currentRequestWidth }) => ({
@@ -168,9 +76,12 @@ export const JSONViewerScreenContainer = styled(Box, {
168
76
  position: 'fixed',
169
77
  width: '100%',
170
78
  }));
171
- export const JSONContainer = styled(Box)(() => ({
79
+ export const Container = styled(Box)(() => ({
172
80
  position: 'fixed',
173
81
  width: '100%',
174
82
  background: 'transparent',
175
83
  height: '100%',
84
+ '#receipt-content .app-container': {
85
+ transform: 'unset',
86
+ },
176
87
  }));
package/build/types/user.d.ts CHANGED
@@ -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.5",
5
- "testVersion": 5,
4
+ "version": "0.1.111-test.7",
5
+ "testVersion": 7,
6
6
  "type": "module",
7
7
  "main": "build/index.js",
8
8
  "module": "build/index.js",