@tap-payments/os-micro-frontend-shared 0.1.111-test.2 → 0.1.112-test.2

package/build/components/StatusIcons/AuthorizationAutoIcons/style.js

@@ -33,7 +33,7 @@ export const PercentageContainer = styled('div')(({ theme, percentage, isCapture
     gap: theme.spacing(0.5),
 }));
 export const PiePercentage = styled('div')(({ percentage, isCapture, theme }) => ({
-    background: `conic-gradient(${isCapture ? theme.palette.info.dark : '#656565'} ${percentage}.00%, transparent 0.00%)`,
+    background: `conic-gradient(${isCapture ? theme.palette.info.dark : '#656565'} ${percentage}%, transparent 0.00%)`,
     borderRadius: '50%',
     width: '8.333px',
     height: '8.333px',

package/build/components/TableCells/CustomCells/BalanceCell/style.js

@@ -31,7 +31,7 @@ export const PercentageContainer = styled('div')(({ theme, percentage }) => ({
     gap: theme.spacing(0.5),
 }));
 export const PiePercentage = styled('div')(({ percentage, isCapture, theme }) => ({
-    background: `conic-gradient(${isCapture ? theme.palette.info.dark : '#656565'} ${percentage}.00%, transparent 0.00%)`,
+    background: `conic-gradient(${isCapture ? theme.palette.info.dark : '#656565'} ${percentage}%, transparent 0.00%)`,
     borderRadius: '50%',
     width: '8.333px',
     height: '8.333px',

package/build/components/TableCells/CustomCells/ProductsCell/style.js

@@ -34,7 +34,7 @@ export const PercentageContainer = styled('div')(({ theme }) => ({
     lineHeight: 0,
 }));
 export const PiePercentage = styled('div')(({ percentage, isCapture, theme }) => ({
-    background: `conic-gradient(${isCapture ? theme.palette.info.dark : '#656565'} ${percentage}.00%, transparent 0.00%)`,
+    background: `conic-gradient(${isCapture ? theme.palette.info.dark : '#656565'} ${percentage}%, transparent 0.00%)`,
     borderRadius: '50%',
     width: '8.333px',
     height: '8.333px',

package/build/components/TableCells/CustomCells/RefundChargeCell/style.js

@@ -31,7 +31,7 @@ export const PercentageContainer = styled(motion.div)(({ theme, percentage }) =>
     minWidth: '44px',
 }));
 export const PiePercentage = styled('div')(({ percentage, isCapture, theme }) => ({
-    background: `conic-gradient(${isCapture ? theme.palette.info.dark : '#656565'} ${percentage}.00%, transparent 0.00%)`,
+    background: `conic-gradient(${isCapture ? theme.palette.info.dark : '#656565'} ${percentage}%, transparent 0.00%)`,
     borderRadius: '50%',
     width: '8.333px',
     height: '8.333px',

package/build/components/TableCells/CustomCells/RefundStatusCell/style.js

@@ -38,7 +38,7 @@ export const DateContainer = styled(DateCell)(({ theme }) => ({
     color: theme.palette.secondary.main,
 }));
 export const PiePercentage = styled('div')(({ percentage, isCapture, theme }) => ({
-    background: `conic-gradient(${isCapture ? theme.palette.info.dark : '#656565'} ${percentage}.00%, transparent 0.00%)`,
+    background: `conic-gradient(${isCapture ? theme.palette.info.dark : '#656565'} ${percentage}%, transparent 0.00%)`,
     borderRadius: '50%',
     width: '8.333px',
     height: '8.333px',

package/build/components/TableCells/CustomCells/style.js

@@ -136,7 +136,7 @@ export const StatusIcon = styled('img')(() => ({
     height: '16px',
 }));
 export const PiePercentage = styled('div')(({ percentage, isCapture, theme }) => ({
-    background: `conic-gradient(${isCapture ? theme.palette.info.dark : '#656565'} ${percentage}.00%, transparent 0.00%)`,
+    background: `conic-gradient(${isCapture ? theme.palette.info.dark : '#656565'} ${percentage}%, transparent 0.00%)`,
     borderRadius: '50%',
     width: '8.333px',
     height: '8.333px',

package/build/components/index.d.ts

@@ -108,4 +108,3 @@ export { default as LazyImage } from './LazyImage';
 export { default as AmountStatusChip, type AmountStatusChipProps } from './AmountStatusChip';
 export { default as AuthenticationTypeChip, type AuthenticationTypeChipProps } from './AuthenticationTypeChip';
 export * from './LazyImage';
-export { default as ReceiptViewer, type ReceiptTitleBarProps, type ReceiptViewerProps, ReceiptTitleBar, ReceiptViewerDialogContext, ReceiptViewerList, useReceiptViewerContext, ReceiptViewerDialogContextProvider, } from './ReceiptViewer';

package/build/components/index.js

@@ -108,4 +108,3 @@ export { default as LazyImage } from './LazyImage';
 export { default as AmountStatusChip } from './AmountStatusChip';
 export { default as AuthenticationTypeChip } from './AuthenticationTypeChip';
 export * from './LazyImage';
-export { default as ReceiptViewer, ReceiptTitleBar, ReceiptViewerDialogContext, ReceiptViewerList, useReceiptViewerContext, ReceiptViewerDialogContextProvider, } from './ReceiptViewer';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.111-test.2",
+  "version": "0.1.112-test.2",
   "testVersion": 2,
   "type": "module",
   "main": "build/index.js",

package/build/components/ReceiptViewer/ReceiptViewer.d.ts

@@ -1,2 +0,0 @@
-import { ReceiptViewerProps } from './type';
-export default function ReceiptViewer({ index, isWindowMinimized, windowOrder, onClose }: ReceiptViewerProps): import("react/jsx-runtime").JSX.Element;

package/build/components/ReceiptViewer/ReceiptViewer.js

@@ -1,122 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-import { Box, Dialog } from '@mui/material';
-import { motion, } from 'framer-motion';
-import { Resizable } from 're-resizable';
-import Draggable from 'react-draggable';
-import { APP_WINDOW_Z_INDEX } from '../../constants/index.js';
-import { useMouseState, useWindowDimensions } from '../../hooks/index.js';
-import { isSafariBrowser } from '../../utils/index.js';
-import JSONTitleBar from './components/ReceiptTitleBar';
-import { JSONContainer, TITLE_BAR_HEIGHT, VIEWER_HEIGHT, FOOTER_HEIGHT, } from './style';
-const VIEWER_WIDTH = 400;
-const animationDuration = 0.5;
-export default function ReceiptViewer({ index, isWindowMinimized, windowOrder, onClose }) {
-    var _a, _b, _c, _d;
-    const [isMaximized, setIsMaximized] = useState(false);
-    const [isResized, setIsResized] = useState(false);
-    const [newDimensions, setNewDimensions] = useState({ width: 0, height: 0 });
-    const [isToolbarAnimationDisabled, setIsToolbarAnimationDisabled] = useState(true);
-    const [viewerWidth, setViewerWidth] = useState(VIEWER_WIDTH);
-    const requestTimerRef = useRef();
-    const { onMouseEnter, onMouseLeave, isHovered } = useMouseState();
-    const { height, width } = useWindowDimensions();
-    const [position, setPosition] = useState({
-        x: width / 2 + VIEWER_WIDTH / 4 - index * 20,
-        y: height / 2 - VIEWER_HEIGHT / 2 + index * 30,
-    });
-    const resizableRef = useRef();
-    const isSafari = isSafariBrowser();
-    const currentRequestWidth = Number((_b = (_a = resizableRef.current) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.width) || VIEWER_WIDTH;
-    useEffect(() => {
-        if (requestTimerRef.current) {
-            clearTimeout(requestTimerRef.current);
-        }
-        setViewerWidth(currentRequestWidth);
-    }, [currentRequestWidth]);
-    return (_jsx(Draggable, Object.assign({ disabled: isMaximized, handle: "#draggable-dialog-title", cancel: '[class*="MuiDialogContent-root"]', defaultPosition: {
-            x: width / 2 - VIEWER_WIDTH / 4,
-            y: height / 2 - VIEWER_HEIGHT / 2,
-        }, position: {
-            x: width - position.x,
-            y: position.y,
-        }, onStop: (_, data) => {
-            setPosition({
-                x: width - data.x,
-                y: data.y,
-            });
-        }, bounds: {
-            top: 10,
-        } }, { children: _jsx(Dialog, Object.assign({ disableEnforceFocus: true, sx: Object.assign(Object.assign(Object.assign(Object.assign({ backgroundColor: 'transparent', zIndex: (windowOrder || 0) + APP_WINDOW_Z_INDEX + (isMaximized ? 1 : 0) }, (isWindowMinimized && {
-                display: 'none',
-            })), { transform: 'translate(180px, 14px)' }), (!isMaximized && {
-                width: isSafari ? (newDimensions === null || newDimensions === void 0 ? void 0 : newDimensions.width) || viewerWidth : 'fit-content',
-                height: isSafari ? (newDimensions === null || newDimensions === void 0 ? void 0 : newDimensions.height) || VIEWER_HEIGHT : 'fit-content',
-            })), (isMaximized && {
-                transform: 'none !important',
-            })), PaperProps: {
-                style: Object.assign(Object.assign({ margin: 0, maxHeight: '100%', maxWidth: 'none', background: 'transparent', width: !isResized ? viewerWidth : 'fit-content', height: !isResized ? VIEWER_HEIGHT : 'fit-content' }, (isMaximized && {
-                    width: '100%',
-                    height: '100%',
-                })), { position: 'relative' }),
-            }, onClose: () => {
-                setIsMaximized(false);
-                setIsToolbarAnimationDisabled(true);
-                setTimeout(() => {
-                    setIsToolbarAnimationDisabled(false);
-                }, animationDuration * 1000);
-            }, open: true, hideBackdrop: true, fullScreen: isMaximized, "aria-labelledby": "draggable-dialog-title" }, { children: _jsx(Resizable, Object.assign({ enable: {
-                    left: false,
-                    right: true,
-                    bottomRight: true,
-                    bottom: true,
-                }, maxHeight: height - 40, maxWidth: width, minWidth: isMaximized ? '100vw' : viewerWidth, minHeight: isMaximized ? '100vh' : '300px', ref: (c) => {
-                    resizableRef.current = c;
-                }, onResizeStart: () => {
-                    setIsToolbarAnimationDisabled(true);
-                }, onResizeStop: () => {
-                    setIsToolbarAnimationDisabled(false);
-                }, onResize: (_, __, element) => {
-                    setIsResized(true);
-                    setNewDimensions({
-                        width: element.offsetWidth,
-                        height: element.offsetHeight,
-                    });
-                }, defaultSize: {
-                    width: viewerWidth,
-                    height: VIEWER_HEIGHT,
-                }, style: Object.assign(Object.assign({ background: 'transparent' }, (isMaximized && {
-                    height: '100% !important',
-                    width: '100% !important',
-                    flex: 1,
-                })), (isMaximized && {
-                    position: 'relative',
-                })) }, { children: _jsxs(JSONContainer, { children: [_jsx(motion.div, Object.assign({ style: Object.assign({}, (isMaximized && {
-                                height: TITLE_BAR_HEIGHT,
-                                position: 'fixed',
-                                zIndex: 1000,
-                            })), animate: Object.assign(Object.assign({ width: currentRequestWidth }, (isMaximized && {
-                                width: '100vw',
-                            })), (!isMaximized && {
-                                transform: 'translateX(0)',
-                            })), transition: Object.assign({ duration: animationDuration }, (isToolbarAnimationDisabled && {
-                                duration: 0,
-                            })) }, { children: _jsx(JSONTitleBar, { title: "Receipt", onClose: () => onClose(), onMaximize: () => {
-                                    setIsMaximized((prev) => !prev);
-                                    setIsToolbarAnimationDisabled(true);
-                                    setTimeout(() => {
-                                        setIsToolbarAnimationDisabled(false);
-                                    }, animationDuration * 1000);
-                                }, isHovered: isHovered, onMouseHover: onMouseEnter, onMouseLeave: onMouseLeave, maximized: isMaximized, id: "draggable-dialog-title" }) })), _jsx(Box, Object.assign({ sx: {
-                                display: 'flex',
-                                flexDirection: 'row',
-                                justifyContent: 'space-between',
-                                alignItems: 'flex-start',
-                                height: isMaximized
-                                    ? `calc(100vh - ${FOOTER_HEIGHT}px)`
-                                    : (Number((_d = (_c = resizableRef.current) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.height) || VIEWER_HEIGHT) - FOOTER_HEIGHT + 5,
-                                background: 'transparent',
-                                position: 'fixed',
-                                width: '100%',
-                            } }, { children: _jsx(Box, Object.assign({ sx: (theme) => ({ background: theme.palette.common.white, width: '100%', height: '100%' }) }, { children: "Here new Content" })) }))] }) })) })) })));
-}

package/build/components/ReceiptViewer/ReceiptViewerList.d.ts

@@ -1,9 +0,0 @@
-import { JsonViewer } from './type';
-type Props = {
-    list: JsonViewer[];
-    onClose: (index: number) => void;
-    isWindowMinimized: boolean;
-    windowOrder: number;
-};
-export declare const ReceiptViewerList: ({ list, onClose, isWindowMinimized, windowOrder }: Props) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/build/components/ReceiptViewer/ReceiptViewerList.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import ReceiptViewer from './ReceiptViewer';
-export const ReceiptViewerList = ({ list, onClose, isWindowMinimized, windowOrder }) => {
-    if (!(list === null || list === void 0 ? void 0 : list.length)) {
-        return null;
-    }
-    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: () => {
-                onClose(index);
-            }, isWindowMinimized: isWindowMinimized, windowOrder: windowOrder }, item.json.id))) }));
-};

package/build/components/ReceiptViewer/components/FooterButton/FooterButton.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { AnimatedButtonProps } from '../../type';
-declare function FooterButton({ onClick, icon, label, disableAnimation, ...props }: AnimatedButtonProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof FooterButton>;
-export default _default;

package/build/components/ReceiptViewer/components/FooterButton/FooterButton.js

@@ -1,44 +0,0 @@
-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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { memo } from 'react';
-import Box from '@mui/material/Box';
-import { AnimatePresence, motion } from 'framer-motion';
-import { useTranslation } from 'react-i18next';
-import { greenCheckIcon } from '../../../../constants/index.js';
-import { StyledAnimatedButton } from '../../style';
-function FooterButton(_a) {
-    var { onClick, icon, label, disableAnimation } = _a, props = __rest(_a, ["onClick", "icon", "label", "disableAnimation"]);
-    const [isClicked, setIsClicked] = React.useState(false);
-    const { t } = useTranslation();
-    const handleClick = (e) => {
-        onClick === null || onClick === void 0 ? void 0 : onClick(e);
-        if (disableAnimation)
-            return;
-        setIsClicked(true);
-        setTimeout(() => {
-            setIsClicked(false);
-        }, 2000);
-    };
-    return (_jsxs(StyledAnimatedButton, Object.assign({}, props, { onClick: handleClick }, { children: [_jsxs(Box, Object.assign({ sx: {
-                    width: '16px',
-                    display: 'flex',
-                    overflow: 'hidden',
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                } }, { children: [_jsx(AnimatePresence, Object.assign({ mode: "wait" }, { children: isClicked && (_jsx(motion.img, { initial: { opacity: 0 }, animate: { opacity: 1, transition: { duration: 0.4 } }, exit: { opacity: 0, transition: { duration: 0.1 } }, transition: { duration: 0.4 }, src: greenCheckIcon, alt: "icon" }, "id-icon")) })), _jsx(AnimatePresence, Object.assign({ mode: "wait" }, { children: !isClicked && (_jsx(motion.img, { initial: { opacity: 0 }, animate: { opacity: 1, transition: { duration: 0.4 } }, exit: { opacity: 0, transition: { duration: 0.1 } }, transition: { duration: 0.4 }, src: icon, alt: "icon" }, "id-icon")) }))] })), label && (_jsxs(_Fragment, { children: [_jsx(AnimatePresence, { children: isClicked && (_jsx(motion.span, Object.assign({ initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0, position: 'absolute' }, transition: {
-                                duration: 0.4,
-                            } }, { children: t('copied') }))) }), _jsx(AnimatePresence, { children: !isClicked && (_jsx(motion.span, Object.assign({ initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0, position: 'absolute', width: '53px' }, transition: {
-                                duration: 0.4,
-                            } }, { children: label }))) })] }))] })));
-}
-export default memo(FooterButton);

package/build/components/ReceiptViewer/components/FooterButton/index.d.ts

@@ -1,2 +0,0 @@
-import FooterButton from './FooterButton';
-export default FooterButton;

package/build/components/ReceiptViewer/components/FooterButton/index.js

@@ -1,2 +0,0 @@
-import FooterButton from './FooterButton';
-export default FooterButton;

package/build/components/ReceiptViewer/components/ReceiptTitleBar/ReceiptTitleBar.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { ReceiptTitleBarProps } from './type';
-declare function ReceiptTitleBar({ title, onClose, onMaximize, maximized, id, onMouseHover, onMouseLeave, isHovered }: ReceiptTitleBarProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof ReceiptTitleBar>;
-export default _default;

package/build/components/ReceiptViewer/components/ReceiptTitleBar/ReceiptTitleBar.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import Toolbar, { StyledHeaderWrapperStyled } from '../../../Toolbar';
-import { CloseIcon, MaximizeIcon } from '../../../ToolbarIcon';
-import { jsonIcon } from '../../../../constants/index.js';
-function ReceiptTitleBar({ title, onClose, onMaximize, maximized = false, id, onMouseHover, onMouseLeave, isHovered = false }) {
-    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 })] }) }) })));
-}
-export default memo(ReceiptTitleBar);

package/build/components/ReceiptViewer/components/ReceiptTitleBar/index.d.ts

@@ -1,3 +0,0 @@
-import JSONTitleBar from './ReceiptTitleBar';
-export * from './type';
-export default JSONTitleBar;

package/build/components/ReceiptViewer/components/ReceiptTitleBar/index.js

@@ -1,3 +0,0 @@
-import JSONTitleBar from './ReceiptTitleBar';
-export * from './type';
-export default JSONTitleBar;

package/build/components/ReceiptViewer/components/ReceiptTitleBar/type.d.ts

@@ -1,11 +0,0 @@
-import { SyntheticEvent } from 'react';
-export interface ReceiptTitleBarProps {
-    title: string;
-    onClose?: (e: SyntheticEvent) => void;
-    onMaximize?: (e: SyntheticEvent) => void;
-    maximized?: boolean;
-    id?: string;
-    onMouseHover: (e: SyntheticEvent) => void;
-    onMouseLeave: (e: SyntheticEvent) => void;
-    isHovered?: boolean;
-}

package/build/components/ReceiptViewer/components/ReceiptTitleBar/type.js

@@ -1 +0,0 @@
-export {};

package/build/components/ReceiptViewer/components/index.d.ts

@@ -1,2 +0,0 @@
-export { default as FooterButton } from './FooterButton';
-export { default as ReceiptTitleBar, type ReceiptTitleBarProps } from './ReceiptTitleBar';

package/build/components/ReceiptViewer/components/index.js

@@ -1,2 +0,0 @@
-export { default as FooterButton } from './FooterButton';
-export { default as ReceiptTitleBar } from './ReceiptTitleBar';

package/build/components/ReceiptViewer/context/Provider.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-type ReceiptViewerDialogProviderProps = {
-    children: ReactNode;
-};
-export declare const ReceiptViewerDialogContextProvider: ({ children }: ReceiptViewerDialogProviderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/build/components/ReceiptViewer/context/Provider.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo, useState } from 'react';
-import { ReceiptViewerList } from '../ReceiptViewerList';
-import { ReceiptViewerDialogContext } from './context';
-export const ReceiptViewerDialogContextProvider = ({ children }) => {
-    const [receiptViewerList, seReceiptViewerList] = useState([]);
-    const [isWindowMinimized, setIsWindowMinimized] = useState(false);
-    const [windowOrder, setWindowOrder] = useState(1);
-    const handleReceiptViewerDialogOpen = useCallback((jsonViewer) => {
-        if (receiptViewerList.length === 7) {
-            alert('Maximum allowed active Json Viewer is 7 per table.');
-            return;
-        }
-        if (receiptViewerList.some((item) => item.json.id === jsonViewer.json.id)) {
-            return;
-        }
-        const jsonCopy = structuredClone(jsonViewer.json);
-        const requestData = jsonCopy.request_body;
-        const jsonViewerPreservedRequest = {
-            json: jsonCopy,
-            requestJson: jsonViewer.requestJson || requestData || undefined,
-        };
-        delete jsonViewerPreservedRequest.json.request_body;
-        seReceiptViewerList((prev) => [...prev, jsonViewerPreservedRequest]);
-    }, [receiptViewerList]);
-    const handleJsonViewerDialogClose = (index) => {
-        seReceiptViewerList((prev) => prev.filter((_, idx) => index !== idx));
-    };
-    const handleWindowMinimize = (value) => {
-        setIsWindowMinimized(value);
-    };
-    const handleWindowOrder = (value) => {
-        setWindowOrder(value);
-    };
-    const contextValue = useMemo(() => ({
-        receiptViewerList,
-        handleReceiptViewerDialogOpen,
-        handleWindowMinimize,
-        handleWindowOrder,
-    }), [receiptViewerList, handleReceiptViewerDialogOpen]);
-    return (_jsxs(ReceiptViewerDialogContext.Provider, Object.assign({ value: contextValue }, { children: [children, _jsx(ReceiptViewerList, { list: receiptViewerList, onClose: handleJsonViewerDialogClose, isWindowMinimized: isWindowMinimized, windowOrder: windowOrder })] })));
-};

package/build/components/ReceiptViewer/context/context.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { ReceiptViewerContext } from '../type';
-export declare const ReceiptViewerDialogContext: import("react").Context<ReceiptViewerContext>;

package/build/components/ReceiptViewer/context/context.js

@@ -1,7 +0,0 @@
-import { createContext } from 'react';
-export const ReceiptViewerDialogContext = createContext({
-    receiptViewerList: [],
-    handleReceiptViewerDialogOpen: () => { },
-    handleWindowMinimize: () => { },
-    handleWindowOrder: () => { },
-});

package/build/components/ReceiptViewer/context/index.d.ts

@@ -1,2 +0,0 @@
-export * from './context';
-export { ReceiptViewerDialogContextProvider } from './Provider';

package/build/components/ReceiptViewer/context/index.js

@@ -1,2 +0,0 @@
-export * from './context';
-export { ReceiptViewerDialogContextProvider } from './Provider';

package/build/components/ReceiptViewer/hooks/index.d.ts

@@ -1 +0,0 @@
-export { useReceiptViewerContext } from './useReceiptViewerContext';

package/build/components/ReceiptViewer/hooks/index.js

@@ -1 +0,0 @@
-export { useReceiptViewerContext } from './useReceiptViewerContext';

package/build/components/ReceiptViewer/hooks/useReceiptViewerContext.d.ts

@@ -1,8 +0,0 @@
-type Props = {
-    isWindowMinimized: boolean;
-    windowOrder: number;
-};
-export declare const useReceiptViewerContext: ({ isWindowMinimized, windowOrder }: Props) => {
-    handleReceiptViewerDialogOpen: (jsonViewer: import("..").JsonViewer) => void;
-};
-export {};

package/build/components/ReceiptViewer/hooks/useReceiptViewerContext.js

@@ -1,18 +0,0 @@
-import { useContext, useEffect, useCallback } from 'react';
-import { ReceiptViewerDialogContext } from '../context';
-export const useReceiptViewerContext = ({ isWindowMinimized, windowOrder }) => {
-    const { handleReceiptViewerDialogOpen, handleWindowMinimize, handleWindowOrder } = useContext(ReceiptViewerDialogContext);
-    const onWindowMinimize = useCallback(() => {
-        handleWindowMinimize(isWindowMinimized);
-    }, [handleWindowMinimize, isWindowMinimized]);
-    const onWindowOrder = useCallback(() => {
-        handleWindowOrder(windowOrder);
-    }, [handleWindowOrder, windowOrder]);
-    useEffect(() => {
-        onWindowOrder();
-    }, [onWindowOrder]);
-    useEffect(() => {
-        onWindowMinimize();
-    }, [onWindowMinimize]);
-    return { handleReceiptViewerDialogOpen };
-};

package/build/components/ReceiptViewer/index.d.ts

@@ -1,7 +0,0 @@
-import JSONViewer from './ReceiptViewer';
-export * from './context';
-export * from './type';
-export * from './hooks';
-export * from './ReceiptViewerList';
-export * from './components';
-export default JSONViewer;

package/build/components/ReceiptViewer/index.js

@@ -1,7 +0,0 @@
-import JSONViewer from './ReceiptViewer';
-export * from './context';
-export * from './type';
-export * from './hooks';
-export * from './ReceiptViewerList';
-export * from './components';
-export default JSONViewer;