@tap-payments/os-micro-frontend-shared 0.0.245 → 0.0.246-test.2

package/build/components/AppWindowWrapper/headers/AppWindowHeader/AppWindowHeader.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AppWindowHeaderProps } from './type';
+declare function AppWindowHeader({ isMaximized, id, isToolbarAnimationDisabled, title, leftActions, onClose, onMaximize }: AppWindowHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof AppWindowHeader>;
+export default _default;

package/build/components/AppWindowWrapper/headers/AppWindowHeader/AppWindowHeader.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { motion } from 'framer-motion';
+import { useMouseState } from '../../../../hooks/index.js';
+import { animationDuration } from '../../AppWindow/constant';
+import AppWindowHeaderBase from './AppWindowHeaderBase';
+import { CloseIcon, MaximizeIcon } from '../../../ToolbarIcon';
+function AppWindowHeader({ isMaximized, id, isToolbarAnimationDisabled, title, leftActions, onClose, onMaximize }) {
+    const { isHovered, onMouseEnter, onMouseLeave } = useMouseState();
+    return (_jsx(motion.div, Object.assign({ style: Object.assign({}, (isMaximized && {
+            height: 0,
+            zIndex: 1000,
+            position: 'relative',
+        })), animate: Object.assign(Object.assign({}, (isMaximized && {
+            width: '100vw',
+        })), (!isMaximized && {
+            transform: 'translateX(0px)',
+            width: '100%',
+        })), transition: Object.assign({ duration: animationDuration }, (isToolbarAnimationDisabled && {
+            duration: 0,
+        })) }, { children: _jsx(AppWindowHeaderBase, { title: title, maximized: isMaximized, id: id || 'draggable-dialog-title', isHovered: isHovered, onMouseHover: onMouseEnter, onMouseLeave: onMouseLeave, leftActions: leftActions || (_jsxs(_Fragment, { children: [_jsx(CloseIcon, { onClick: onClose }), _jsx(MaximizeIcon, { isMaximized: isMaximized, onClick: () => onMaximize === null || onMaximize === void 0 ? void 0 : onMaximize(!isMaximized) })] })) }) })));
+}
+export default memo(AppWindowHeader);

package/build/components/AppWindowWrapper/headers/AppWindowHeader/AppWindowHeaderBase.d.ts

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

package/build/components/AppWindowWrapper/headers/AppWindowHeader/AppWindowHeaderBase.js

@@ -0,0 +1,20 @@
+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 } from "react/jsx-runtime";
+import { memo } from 'react';
+import Toolbar from '../../../Toolbar';
+import { StyledHeaderWrapperStyled } from '../../../Toolbar/style';
+function AppWindowHeaderBase(_a) {
+    var { title, maximized = false, id, isHovered = false, onMouseHover, onMouseLeave, leftActions, sandboxMode = false, titleIconSrc } = _a, rootProps = __rest(_a, ["title", "maximized", "id", "isHovered", "onMouseHover", "onMouseLeave", "leftActions", "sandboxMode", "titleIconSrc"]);
+    return (_jsx(StyledHeaderWrapperStyled, Object.assign({ id: id, "data-testid": "UserTitleBar", maximized: maximized || false, sandboxMode: sandboxMode }, rootProps, { children: _jsx(Toolbar, { onMouseEnter: onMouseHover, onMouseLeave: onMouseLeave, isMaximized: maximized, isHovered: isHovered, title: title || '', icon: titleIconSrc, leftActions: leftActions }) })));
+}
+export default memo(AppWindowHeaderBase);

package/build/components/AppWindowWrapper/headers/AppWindowHeader/index.d.ts

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

package/build/components/AppWindowWrapper/headers/AppWindowHeader/index.js

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

package/build/components/AppWindowWrapper/headers/AppWindowHeader/type.d.ts

@@ -0,0 +1,32 @@
+import { StyledHeaderWrapperStyled, ToolbarProps } from '../../../Toolbar';
+import { Dispatch, ReactNode, SetStateAction, SyntheticEvent } from 'react';
+export interface AccountHeaderProps {
+    isSidebarExpanded: boolean;
+    setIsSidebarExpanded: (value: boolean) => void;
+    isToolbarAnimationDisabled?: boolean;
+    setIsToolbarAnimationDisabled?: (value: boolean) => void;
+    isMaximized?: boolean;
+    setIsMaximized?: Dispatch<SetStateAction<boolean>>;
+    onClose?: () => void;
+    title?: string;
+    showSectionsButton?: boolean;
+}
+export type AppWindowHeaderBaseProps = React.ComponentProps<typeof StyledHeaderWrapperStyled> & {
+    title?: string;
+    maximized?: boolean;
+    id?: string;
+    isHovered?: boolean;
+    onMouseHover?: (e: SyntheticEvent) => void;
+    onMouseLeave?: (e: SyntheticEvent) => void;
+    leftActions?: ToolbarProps['leftActions'];
+    titleIconSrc?: ToolbarProps['icon'];
+};
+export type AppWindowHeaderProps = {
+    id?: string;
+    isToolbarAnimationDisabled?: boolean;
+    isMaximized?: boolean;
+    title?: string;
+    leftActions?: ReactNode;
+    onClose?: () => void;
+    onMaximize?: (isMaximized: boolean) => void;
+};

package/build/components/AppWindowWrapper/headers/AppWindowHeader/type.js

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

package/build/components/TableCells/CustomCells/RefundStatusCell/RefundStatusCell.d.ts

@@ -1,3 +1,3 @@
 import { BalanceCellProps } from './type';
-declare function RefundStatusCell({ status, date, refundTooltip, isTextShown, gatewayTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, unCapturedTooltip, timezone, ...props }: BalanceCellProps): import("react/jsx-runtime").JSX.Element;
+declare function RefundStatusCell({ status, date, refundTooltip, isTextShown, gatewayTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, unCapturedTooltip, timezone, refundTooltipLabel, ...props }: BalanceCellProps): import("react/jsx-runtime").JSX.Element;
 export default RefundStatusCell;

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

@@ -21,12 +21,12 @@ import { useRefundStyles } from './hooks/useRefundStyles';
 import { TextLabel, StatusCellContainer } from '../style';
 import { IconWrapper } from './style';
 function RefundStatusCell(_a) {
-    var { status, date, refundTooltip, isTextShown, gatewayTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, unCapturedTooltip, timezone } = _a, props = __rest(_a, ["status", "date", "refundTooltip", "isTextShown", "gatewayTooltip", "acquirerTooltip", "errorCode", "acquirerCode", "gatewayCode", "unCapturedTooltip", "timezone"]);
+    var { status, date, refundTooltip, isTextShown, gatewayTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, unCapturedTooltip, timezone, refundTooltipLabel } = _a, props = __rest(_a, ["status", "date", "refundTooltip", "isTextShown", "gatewayTooltip", "acquirerTooltip", "errorCode", "acquirerCode", "gatewayCode", "unCapturedTooltip", "timezone", "refundTooltipLabel"]);
     const { t } = useTranslation();
     const refundStyles = useRefundStyles();
     const formatDate = useCallback((dateMs) => dayjs(dateMs).format('MMM D, YYYY'), []);
     return (_jsx(TableCell, Object.assign({}, props, { style: {
             overflow: 'visible',
-        } }, { children: _jsx(StatusCellContainer, { children: _jsx(IconWrapper, Object.assign({ width: isTextShown ? 'auto' : '36px' }, { children: isTextShown ? (_jsx(Tooltip, Object.assign({ title: date ? formatDate(date) : t(camelCase(status)) }, { children: _jsx(TextLabel, Object.assign({ sx: Object.assign({}, (refundStyles[status] ? refundStyles[status] : refundStyles.PENDING)) }, { children: t(camelCase(status)) })) }))) : (_jsx(RefundStatus, { status: status, refundTooltip: refundTooltip, date: date, gatewayTooltip: gatewayTooltip, unCapturedTooltip: unCapturedTooltip, acquirerTooltip: acquirerTooltip, errorCode: errorCode, acquirerCode: acquirerCode, gatewayCode: gatewayCode, timezone: timezone })) })) }) })));
+        } }, { children: _jsx(StatusCellContainer, { children: _jsx(IconWrapper, Object.assign({ width: isTextShown ? 'auto' : '36px' }, { children: isTextShown ? (_jsx(Tooltip, Object.assign({ title: date ? formatDate(date) : t(camelCase(status)) }, { children: _jsx(TextLabel, Object.assign({ sx: Object.assign({}, (refundStyles[status] ? refundStyles[status] : refundStyles.PENDING)) }, { children: t(camelCase(status)) })) }))) : (_jsx(RefundStatus, { status: status, refundTooltip: refundTooltip, date: date, gatewayTooltip: gatewayTooltip, unCapturedTooltip: unCapturedTooltip, acquirerTooltip: acquirerTooltip, errorCode: errorCode, acquirerCode: acquirerCode, gatewayCode: gatewayCode, timezone: timezone, refundTooltipLabel: refundTooltipLabel })) })) }) })));
 }
 export default RefundStatusCell;

package/build/components/TableCells/CustomCells/RefundStatusCell/components/RefundStatus.d.ts

@@ -1,2 +1,2 @@
 import { BalanceCellProps } from '../type';
-export default function RefundStatus({ status, refundTooltip, date, gatewayTooltip, unCapturedTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, timezone, }: Partial<BalanceCellProps>): import("react/jsx-runtime").JSX.Element;
+export default function RefundStatus({ status, refundTooltip, refundTooltipLabel, date, gatewayTooltip, unCapturedTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, timezone, }: Partial<BalanceCellProps>): import("react/jsx-runtime").JSX.Element;

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

@@ -8,7 +8,7 @@ import { changeDateTimezone } from '../../../../../utils/index.js';
 import { RefundStateIcon } from './RefundStateIcon';
 import { refundStatusLabels } from '../constant';
 import { RefundCellContainer, PartialIcon, PercentageContainer, DateContainer } from '../style';
-export default function RefundStatus({ status, refundTooltip, date, gatewayTooltip, unCapturedTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, timezone, }) {
+export default function RefundStatus({ status, refundTooltip, refundTooltipLabel, date, gatewayTooltip, unCapturedTooltip, acquirerTooltip, errorCode, acquirerCode, gatewayCode, timezone, }) {
     const theme = useTheme();
     const { t } = useTranslation();
     const formattedDate = changeDateTimezone(new Date(Number(date)), {
@@ -18,7 +18,7 @@ export default function RefundStatus({ status, refundTooltip, date, gatewayToolt
     if (!['REFUNDED', 'PAID_OUT'].includes(status !== null && status !== void 0 ? status : '')) {
         return (_jsx(RefundStateIcon, { status: status, refundTooltip: refundTooltip, gatewayTooltip: gatewayTooltip, unCapturedTooltip: unCapturedTooltip, acquirerTooltip: acquirerTooltip, errorCode: errorCode, acquirerCode: acquirerCode, gatewayCode: gatewayCode }));
     }
-    return (_jsx(Tooltip, Object.assign({ title: _jsxs("div", { children: [_jsx("div", { children: t(refundStatusLabels.REFUNDED) }), refundTooltip] }) }, { children: _jsxs(RefundCellContainer, Object.assign({ whileHover: ['animate', 'fadeIn'], animate: 'start', variants: Object.assign({}, (date && {
+    return (_jsx(Tooltip, Object.assign({ title: _jsxs("div", { children: [_jsx("div", { children: refundTooltipLabel !== null && refundTooltipLabel !== void 0 ? refundTooltipLabel : t(refundStatusLabels.REFUNDED) }), refundTooltip] }) }, { children: _jsxs(RefundCellContainer, Object.assign({ whileHover: ['animate', 'fadeIn'], animate: 'start', variants: Object.assign({}, (date && {
                 animate: {
                     boxShadow: theme.shadows[4],
                 },

package/build/components/TableCells/CustomCells/RefundStatusCell/type.d.ts

@@ -14,4 +14,5 @@ export interface BalanceCellProps extends TableCellProps {
     gatewayCode?: string;
     unCapturedTooltip?: string;
     timezone: Timezone | null;
+    refundTooltipLabel?: string;
 }

package/build/components/Toolbar/style.d.ts

@@ -9,8 +9,8 @@ export declare const StyledBox: import("@emotion/styled").StyledComponent<import
     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>, {}, {}>;
 export declare const StyledHeaderWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    sandboxMode: boolean;
-    maximized: boolean;
+    sandboxMode?: boolean | undefined;
+    maximized?: boolean | undefined;
     isDragging?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ToolbarStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
@@ -20,7 +20,7 @@ export declare const ToolbarStyled: import("@emotion/styled").StyledComponent<im
     isHovered?: boolean | undefined;
 }, {}, {}>;
 export declare const StyledHeaderWrapperStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    sandboxMode: boolean;
-    maximized: boolean;
+    sandboxMode?: boolean | undefined;
+    maximized?: boolean | undefined;
     isDragging?: boolean | undefined;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, {}, {}>;

package/build/components/ToolbarIcon/MaximizeIcon/MaximizeIcon.d.ts

@@ -1,6 +1,6 @@
 import { BoxProps } from '@mui/material/Box';
 interface MaximizeIconProps extends BoxProps {
-    isMaximized: boolean;
+    isMaximized?: boolean;
 }
 export declare function MaximizeIcon({ isMaximized, ...props }: MaximizeIconProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.245",
-  "testVersion": 1,
+  "version": "0.0.246-test.2",
+  "testVersion": 2,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",
@@ -131,4 +131,4 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   }
-}
+}