@tap-payments/os-micro-frontend-shared 0.1.96-test.18 → 0.1.96-test.19

package/build/components/AppWindowWrapper/headers/AccountHeader/components/AccountHeaderTitle/AccountHeaderTitle.d.ts

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

package/build/components/AppWindowWrapper/headers/AccountHeader/components/AccountHeaderTitle/AccountHeaderTitle.js

@@ -5,6 +5,6 @@ import { StyledHeaderWrapperStyled } from '../../../../../Toolbar/style';
 import { CloseIcon, ExpandButton, MaximizeIcon } from '../../../../../ToolbarIcon';
 import { teamWindowIcon } from '../../../../../../constants/index.js';
 function AccountHeaderTitle({ title, onClose, onMaximize, maximized = false, id, onRequestClick, isSidebarExpanded = false, isHovered = false, onMouseHover, onMouseLeave, showSectionsButton, }) {
-    return (_jsx(StyledHeaderWrapperStyled, Object.assign({ id: id, "data-testid": "UserTitleBar", maximized: maximized || false, sandboxMode: false }, { children: _jsx(Toolbar, { onMouseEnter: onMouseHover, onMouseLeave: onMouseLeave, isMaximized: maximized, isHovered: isHovered, title: title, icon: teamWindowIcon, leftActions: _jsxs(_Fragment, { children: [_jsx(CloseIcon, { onClick: onClose }), _jsx(MaximizeIcon, { isMaximized: maximized, onClick: onMaximize }), showSectionsButton && (_jsx(ExpandButton, Object.assign({ onClick: onRequestClick, isExpanded: isSidebarExpanded, isHovered: isHovered }, { children: "Sections" })))] }) }) })));
+    return (_jsx(StyledHeaderWrapperStyled, Object.assign({ id: id, "data-testid": "UserTitleBar", maximized: maximized || false }, { children: _jsx(Toolbar, { onMouseEnter: onMouseHover, onMouseLeave: onMouseLeave, isMaximized: maximized, isHovered: isHovered, title: title, icon: teamWindowIcon, leftActions: _jsxs(_Fragment, { children: [_jsx(CloseIcon, { onClick: onClose }), _jsx(MaximizeIcon, { isMaximized: maximized, onClick: onMaximize }), showSectionsButton && (_jsx(ExpandButton, Object.assign({ onClick: onRequestClick, isExpanded: isSidebarExpanded, isHovered: isHovered }, { children: "Sections" })))] }) }) })));
 }
 export default memo(AccountHeaderTitle);

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { AppWindowHeaderBaseProps } from './type';
-declare function AppWindowHeaderBase({ title, maximized, id, isHovered, onMouseHover, onMouseLeave, leftActions, sandboxMode, titleIconSrc, sx, ...rootProps }: AppWindowHeaderBaseProps): import("react/jsx-runtime").JSX.Element;
+declare function AppWindowHeaderBase({ title, maximized, id, isHovered, onMouseHover, onMouseLeave, leftActions, titleIconSrc, sx, ...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

@@ -14,7 +14,7 @@ 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, sx } = _a, rootProps = __rest(_a, ["title", "maximized", "id", "isHovered", "onMouseHover", "onMouseLeave", "leftActions", "sandboxMode", "titleIconSrc", "sx"]);
-    return (_jsx(StyledHeaderWrapperStyled, Object.assign({ className: "header-wrapper", id: id, maximized: maximized || false, sandboxMode: sandboxMode, sx: sx }, rootProps, { children: _jsx(Toolbar, { onMouseEnter: onMouseHover, onMouseLeave: onMouseLeave, isMaximized: maximized, isHovered: isHovered, title: title || '', icon: titleIconSrc, leftActions: leftActions }) })));
+    var { title, maximized = false, id, isHovered = false, onMouseHover, onMouseLeave, leftActions, titleIconSrc, sx } = _a, rootProps = __rest(_a, ["title", "maximized", "id", "isHovered", "onMouseHover", "onMouseLeave", "leftActions", "titleIconSrc", "sx"]);
+    return (_jsx(StyledHeaderWrapperStyled, Object.assign({ className: "header-wrapper", id: id, maximized: maximized || false, sx: sx }, 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/JSONViewer/components/JSONTitleBar/JSONTitleBar.d.ts

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

package/build/components/JSONViewer/components/JSONTitleBar/JSONTitleBar.js

@@ -4,6 +4,6 @@ import Toolbar, { StyledHeaderWrapperStyled } from '../../../Toolbar';
 import { CloseIcon, ExpandButton, MaximizeIcon } from '../../../ToolbarIcon';
 import { jsonIcon } from '../../../../constants/index.js';
 function JSONTitleBar({ title, onClose, onMaximize, maximized = false, id, onMouseHover, onMouseLeave, onRequestClick, isRequestExpanded = false, showRequestIcon = false, 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 }), showRequestIcon && (_jsx(ExpandButton, Object.assign({ onClick: onRequestClick, isExpanded: isRequestExpanded, isHovered: isHovered }, { children: "Request" })))] }) }) })));
+    return (_jsx(StyledHeaderWrapperStyled, Object.assign({ id: id, maximized: maximized || 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 }), showRequestIcon && (_jsx(ExpandButton, Object.assign({ onClick: onRequestClick, isExpanded: isRequestExpanded, isHovered: isHovered }, { children: "Request" })))] }) }) })));
 }
 export default memo(JSONTitleBar);

package/build/components/NestedDropdown/Dropdown.js

@@ -47,11 +47,11 @@ function Dropdown(_a) {
                 onSelect(changedChildren);
         }
     }, [selectedItem]);
-    return (_jsxs(DropdownStyled, Object.assign({ component: "article", className: `tap-dropdown  ${className || ''}` }, props, { children: [_jsx(HeaderWrapper, { children: title && _jsx(TitleStyled, Object.assign({ component: "p" }, { children: title })) }), _jsx(ListWrapper, { children: list === null || list === void 0 ? void 0 : list.map((item, idx) => (_jsx(MenuItem, Object.assign({ setSelected: ({ name, selected }) => {
+    return (_jsxs(DropdownStyled, Object.assign({ component: "article", className: `tap-dropdown  ${className || ''}` }, props, { children: [_jsx(HeaderWrapper, { children: title && _jsx(TitleStyled, Object.assign({ component: "p" }, { children: title })) }), _jsx(ListWrapper, { children: list === null || list === void 0 ? void 0 : list.map((item) => (_jsx(MenuItem, Object.assign({ setSelected: ({ name, selected }) => {
                         setSelected({ name, selected });
                     }, onSelect: (selectedChildren) => {
                         if (onSelect)
                             onSelect(selectedChildren);
-                    }, placement: placement }, item), `${item.name}-${idx}`))) }), footer && footer] })));
+                    }, placement: placement }, item), `${item.name}`))) }), footer && footer] })));
 }
 export default memo(Dropdown);

package/build/components/TableCells/SheetViewCells/index.d.ts

@@ -1,2 +1 @@
 export * from './PaymentAgreementCell';
-export * from './CustomerSheetCell';

package/build/components/TableCells/SheetViewCells/index.js

@@ -1,2 +1 @@
 export * from './PaymentAgreementCell';
-export * from './CustomerSheetCell';

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

@@ -9,14 +9,12 @@ 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 | undefined;
     maximized?: boolean | undefined;
     isDragging?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledAppHeaderWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     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> & {
-    sandboxMode?: boolean | undefined;
     isDragging?: boolean | undefined;
 }, {}, {}>;
 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"> & {
@@ -26,7 +24,6 @@ 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 | undefined;
     maximized?: boolean | undefined;
     isDragging?: boolean | undefined;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, {}, {}>;

package/build/components/Toolbar/style.js

@@ -38,7 +38,7 @@ export const StyledBox = styled(Box)(({ theme }) => ({
 }));
 export const StyledHeaderWrapper = styled('div', {
     shouldForwardProp: (prop) => prop !== 'sandboxMode' && prop !== 'maximized' && prop !== 'isDragging',
-})(({ theme, sandboxMode, maximized, isDragging }) => (Object.assign(Object.assign(Object.assign({ background: sandboxMode ? theme.palette.common.lightOrange : theme.palette.background.transparent[0], backdropFilter: 'blur(32px)' }, (!maximized && {
+})(({ maximized, isDragging }) => (Object.assign(Object.assign(Object.assign({}, (!maximized && {
     borderTopRightRadius: 12,
     borderTopLeftRadius: 12,
 })), (isDragging && {

package/build/components/VirtualTables/components/ColumnFilter/List/List.js

@@ -56,6 +56,6 @@ function List({ onCloseDropdown, filter, styles }) {
                 bottom: 0,
                 backgroundColor: 'white',
                 zIndex: 99999,
-            } }, { children: [_jsx(CancelButton, Object.assign({ onClick: onClickCancel }, { children: t('cancel') }), "nested-dropdown-cancel"), _jsx(OkayButton, Object.assign({ onClick: onClickOkay }, { children: t('okay') }), "nested-dropdown-ok")] })) }));
+            } }, { children: [_jsx(CancelButton, Object.assign({ onClick: onClickCancel }, { children: t('cancel') })), _jsx(OkayButton, Object.assign({ onClick: onClickOkay }, { children: t('okay') }))] })) }));
 }
 export default memo(List);

package/build/components/VirtualTables/components/virtualScroll/ListItemWrapper.d.ts

@@ -9,7 +9,6 @@ export declare const LastRowContent: React.MemoExoticComponent<({ isLoadingRow,
 }) => import("react/jsx-runtime").JSX.Element>;
 export declare const StyledItemWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     showShadowHighlight?: boolean | undefined;
-    isSheetView?: boolean | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare function ListItemWrapper({ index, style, data: { renderedScrollTopRef, rows, rowProps, columns, isLoading, scrollToIndex, newLoadedRowsEndIndex, isError, areAllRowsLoaded, isSheetView, isPinned, isLoadMoreLoading, ...restData }, }: Readonly<ListChildComponentProps>): import("react/jsx-runtime").JSX.Element;
 export default ListItemWrapper;

package/build/components/VirtualTables/components/virtualScroll/ListItemWrapper.js

@@ -46,8 +46,8 @@ const createRowClickHandler = (row, onRowClick) => (e) => {
 };
 export const StyledItemWrapper = styled('div', {
     shouldForwardProp: (props) => props !== 'showShadowHighlight' && props !== 'isSheetView',
-})(({ theme, isSheetView }) => ({
-    height: isSheetView ? SHEET_VIEW_TABLE_ROW_HEIGHT : '100%',
+})(({ theme }) => ({
+    height: '100%',
     backgroundColor: theme.palette.background.default,
 }));
 function ListItemWrapper(_a) {
@@ -105,6 +105,6 @@ function ListItemWrapper(_a) {
         renderSheetViewLoadingRow,
         isLoadMoreLoading,
     ]);
-    return (_jsx("div", Object.assign({ "data-testid": "ListItemWrapper", style: Object.assign(Object.assign({}, (!isSheetView && style)), { top: Number(style.top) - ((_b = renderedScrollTopRef === null || renderedScrollTopRef === void 0 ? void 0 : renderedScrollTopRef.current) !== null && _b !== void 0 ? _b : 0), willChange: 'top' }) }, { children: _jsx(StyledItemWrapper, Object.assign({ "data-testid": "ListItemWrapper_StyledItemWrapper", isSheetView: isSheetView }, { children: memoizedListItemComponent })) })));
+    return (_jsx("div", Object.assign({ "data-testid": "ListItemWrapper", style: Object.assign(Object.assign({}, style), { top: Number(style.top) - ((_b = renderedScrollTopRef === null || renderedScrollTopRef === void 0 ? void 0 : renderedScrollTopRef.current) !== null && _b !== void 0 ? _b : 0), willChange: 'top' }) }, { children: _jsx(StyledItemWrapper, Object.assign({ "data-testid": "ListItemWrapper_StyledItemWrapper" }, { children: memoizedListItemComponent })) })));
 }
 export default ListItemWrapper;

package/build/components/Window/Window.d.ts

@@ -18,7 +18,8 @@ interface WindowWrapperProps {
         order?: number;
         openOrder?: number;
     };
+    sandboxMode?: boolean;
 }
-declare function WindowWrapper({ children, id, onResize, isMaximized, isMinimized, dragControls, onClick, options: { width, height, minHeight, minWidth, maxHeight, maxWidth, order, openOrder }, }: WindowWrapperProps): import("react/jsx-runtime").JSX.Element;
+declare function WindowWrapper({ children, id, onResize, isMaximized, isMinimized, dragControls, onClick, options: { width, height, minHeight, minWidth, maxHeight, maxWidth, order, openOrder }, sandboxMode, }: Readonly<WindowWrapperProps>): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof WindowWrapper>;
 export default _default;

package/build/components/Window/Window.js

@@ -4,7 +4,7 @@ import { motion } from 'framer-motion';
 import { Resizable } from 're-resizable';
 import { APP_WINDOW_Z_INDEX, FOOTER_HEIGHT, HEADER_HEIGHT } from '../../constants/index.js';
 import { contentStyle, ContentWrapper, initalStyle, resizableMainStyle, AppContainerWrapper, AppContainerContainer } from './style';
-function WindowWrapper({ children, id, onResize, isMaximized, isMinimized, dragControls, onClick, options: { width, height, minHeight, minWidth, maxHeight, maxWidth, order, openOrder = 1 }, }) {
+function WindowWrapper({ children, id, onResize, isMaximized, isMinimized, dragControls, onClick, options: { width, height, minHeight, minWidth, maxHeight, maxWidth, order, openOrder = 1 }, sandboxMode = false, }) {
     const [isDrag, setIsDrag] = useState(true);
     const modalRef = useRef(null);
     const constraintsRef = useRef(null);
@@ -32,7 +32,7 @@ function WindowWrapper({ children, id, onResize, isMaximized, isMinimized, dragC
                         left: 48 * (openOrder - 1),
                     })), animate: Object.assign(Object.assign({ width }, (isMaximized && {
                         width: '100vw',
-                    })), { scale: Number(!isMinimized), top: isMaximized ? 0 : HEADER_HEIGHT + FOOTER_HEIGHT * (openOrder - 1), left: isMaximized ? 0 : 48 * (openOrder - 1) }), ref: modalRef, maximized: isMaximized, transition: { duration: isMaximized ? 0.3 : 0 } }, { children: _jsx(Resizable, Object.assign({ ref: (c) => {
+                    })), { scale: Number(!isMinimized), top: isMaximized ? 0 : HEADER_HEIGHT + FOOTER_HEIGHT * (openOrder - 1), left: isMaximized ? 0 : 48 * (openOrder - 1) }), ref: modalRef, maximized: isMaximized, transition: { duration: isMaximized ? 0.3 : 0 }, sandboxMode: sandboxMode }, { children: _jsx(Resizable, Object.assign({ ref: (c) => {
                             resizableRef.current = c;
                         }, style: resizableStyle, minHeight: minHeight, minWidth: minWidth, maxHeight: maxHeight, maxWidth: maxWidth, onResizeStart: onResizeStart, onResizeStop: onResizeStop, onResize: (_, __, element) => {
                             onResize === null || onResize === void 0 ? void 0 : onResize(element);

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

@@ -265,6 +265,7 @@ export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     maximized?: boolean | undefined;
+    sandboxMode?: boolean | undefined;
 }, {}, {}>;
 export declare const AppContainerWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;

package/build/components/Window/style.js

@@ -30,7 +30,7 @@ export const initalStyle = {
 };
 export const ContentWrapper = styled(motion.div, {
     shouldForwardProp: (props) => props !== 'maximized',
-})(({ maximized }) => (Object.assign({ overflow: 'hidden', display: 'flex', flexDirection: 'column', width: '100%', height: '100%', zIndex: 1, borderRadius: '12px' }, (maximized && {
+})(({ maximized, sandboxMode, theme }) => (Object.assign({ background: sandboxMode ? theme.palette.common.lightOrange : theme.palette.background.transparent[0], backdropFilter: 'blur(32px)', overflow: 'hidden', display: 'flex', flexDirection: 'column', width: '100%', height: '100%', zIndex: 1, borderRadius: '12px' }, (maximized && {
     transform: 'translate(0,0) !important',
 }))));
 export const AppContainerWrapper = styled(Box)(() => ({

package/build/constants/assets.d.ts

@@ -544,6 +544,3 @@ export declare const deemaWithLabel: string;
 export declare const blackUnLinkIcon: string;
 export declare const sortDescArrowIcon: string;
 export declare const sortAscArrowIcon: string;
-export declare const closedOutlinedYellowCircle: string;
-export declare const deactivatedOrangeCircle: string;
-export declare const exclamationOutlinedOrangeCircle: string;

package/build/constants/assets.js

@@ -548,6 +548,3 @@ export const deemaWithLabel = `${lightUrl}/deemaWithLabel.svg`;
 export const blackUnLinkIcon = `${lightUrl}/blackUnLinkIcon.svg`;
 export const sortDescArrowIcon = `${lightUrl}/sortDescArrowIcon.svg`;
 export const sortAscArrowIcon = `${lightUrl}/sortAscArrowIcon.svg`;
-export const closedOutlinedYellowCircle = `${lightUrl}/closedOutlinedYellowCircle.svg`;
-export const deactivatedOrangeCircle = `${lightUrl}/deactivatedOrangeCircle.svg`;
-export const exclamationOutlinedOrangeCircle = `${lightUrl}/exclamationOutlinedOrangeCircle.svg`;

package/build/constants/table/cell/authorizationTableCellWidth.d.ts

@@ -37,7 +37,7 @@ export declare const authorizationTableCellWidth: {
     readonly customer: {
         readonly default: "170px";
         readonly text: "180px";
-        readonly sheet: "600px";
+        readonly sheet: "180px";
     };
     readonly reference: {
         readonly default: "95px";
@@ -172,12 +172,7 @@ export declare const authorizationTableCellWidth: {
     readonly payment_issuers: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "404px";
-    };
-    readonly issuer_response: {
-        readonly default: "70px";
-        readonly text: "70px";
-        readonly sheet: "270px";
+        readonly sheet: "350px";
     };
     readonly card_number: {
         readonly default: "120px";

package/build/constants/table/cell/authorizationTableCellWidth.js

@@ -37,7 +37,7 @@ export const authorizationTableCellWidth = {
     customer: {
         default: '170px',
         text: '180px',
-        sheet: '600px',
+        sheet: '180px',
     },
     reference: {
         default: '95px',
@@ -172,12 +172,7 @@ export const authorizationTableCellWidth = {
     payment_issuers: {
         default: '150px',
         text: '150px',
-        sheet: '404px',
-    },
-    issuer_response: {
-        default: '70px',
-        text: '70px',
-        sheet: '270px',
+        sheet: '350px',
     },
     card_number: {
         default: '120px',

package/build/constants/table/cell/chargeTableCellWidth.d.ts

@@ -37,7 +37,7 @@ export declare const chargeTableCellWidth: {
     readonly customer: {
         readonly default: "180px";
         readonly text: "180px";
-        readonly sheet: "600px";
+        readonly sheet: "145px";
     };
     readonly source: {
         readonly default: "114px";
@@ -62,7 +62,7 @@ export declare const chargeTableCellWidth: {
     readonly payment_issuers: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "404px";
+        readonly sheet: "350px";
     };
     readonly payment_method: {
         readonly default: "150px";
@@ -117,7 +117,7 @@ export declare const chargeTableCellWidth: {
     readonly issuer_response: {
         readonly default: "70px";
         readonly text: "70px";
-        readonly sheet: "270px";
+        readonly sheet: "175px";
     };
     readonly acquirer_response: {
         readonly default: "70px";

package/build/constants/table/cell/chargeTableCellWidth.js

@@ -37,7 +37,7 @@ export const chargeTableCellWidth = {
     customer: {
         default: '180px',
         text: '180px',
-        sheet: '600px',
+        sheet: '145px',
     },
     source: {
         default: '114px',
@@ -62,7 +62,7 @@ export const chargeTableCellWidth = {
     payment_issuers: {
         default: '150px',
         text: '150px',
-        sheet: '404px',
+        sheet: '350px',
     },
     payment_method: {
         default: '150px',
@@ -117,7 +117,7 @@ export const chargeTableCellWidth = {
     issuer_response: {
         default: '70px',
         text: '70px',
-        sheet: '270px',
+        sheet: '175px',
     },
     acquirer_response: {
         default: '70px',

package/build/constants/table/cell/destinationsTableCellWidth.d.ts

@@ -32,7 +32,7 @@ export declare const destinationsTableCellWidth: {
     readonly customer: {
         readonly default: "180px";
         readonly text: "180px";
-        readonly sheet: "600px";
+        readonly sheet: "180px";
     };
     readonly chargeId: {
         readonly default: "225px";
@@ -117,7 +117,7 @@ export declare const destinationsTableCellWidth: {
     readonly payment_issuers: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "404px";
+        readonly sheet: "350px";
     };
     readonly card_number: {
         readonly default: "120px";

package/build/constants/table/cell/destinationsTableCellWidth.js

@@ -32,7 +32,7 @@ export const destinationsTableCellWidth = {
     customer: {
         default: '180px',
         text: '180px',
-        sheet: '600px',
+        sheet: '180px',
     },
     chargeId: {
         default: '225px',
@@ -117,7 +117,7 @@ export const destinationsTableCellWidth = {
     payment_issuers: {
         default: '150px',
         text: '150px',
-        sheet: '404px',
+        sheet: '350px',
     },
     card_number: {
         default: '120px',

package/build/constants/table/cell/refundTableCellWidth.d.ts

@@ -27,7 +27,7 @@ export declare const refundTableCellWidth: {
     readonly customer: {
         readonly default: "180px";
         readonly text: "180px";
-        readonly sheet: "600px";
+        readonly sheet: "145px";
     };
     readonly device: {
         readonly default: "100px";
@@ -57,7 +57,7 @@ export declare const refundTableCellWidth: {
     readonly payment_issuers: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "404px";
+        readonly sheet: "350px";
     };
     readonly payment_method: {
         readonly default: "150px";

package/build/constants/table/cell/refundTableCellWidth.js

@@ -27,7 +27,7 @@ export const refundTableCellWidth = {
     customer: {
         default: '180px',
         text: '180px',
-        sheet: '600px',
+        sheet: '145px',
     },
     device: {
         default: '100px',
@@ -57,7 +57,7 @@ export const refundTableCellWidth = {
     payment_issuers: {
         default: '150px',
         text: '150px',
-        sheet: '404px',
+        sheet: '350px',
     },
     payment_method: {
         default: '150px',

package/build/types/apps.d.ts

@@ -68,6 +68,13 @@ export interface UserApp {
     name: TextAndLang[];
     app_services: AppService[];
 }
+export type NavigateFunction = (params: {
+    id?: string;
+    appId?: string;
+    appCode: string;
+    serviceCode: string;
+    state?: any;
+}) => void;
 export type MFWidgetBaseProps = {
     id: string;
     i18n?: i18n;
@@ -96,19 +103,7 @@ export type MFWidgetBaseProps = {
         onSwitch: (mode: CalenderMode) => void;
     };
     navigation: {
-        openAppService: (navigation: {
-            id?: string;
-            appId?: string;
-            appCode: string;
-            serviceCode: string;
-            state?: any;
-        }) => void;
-        openApp: (app: {
-            appCode: string;
-            serviceCode: string;
-            payload?: AppDetails['payload'];
-            sandboxMode?: boolean;
-        }) => void;
+        navigate: NavigateFunction;
     };
     timezone: {
         current?: Timezone | null;

package/build/utils/navigation.d.ts

@@ -1,7 +1,7 @@
 import { AppDetails, UserApp } from '../types/index.js';
 export declare const getApp: (apps: UserApp[], appCode: string) => UserApp | undefined;
 export declare const getService: (services: UserApp['app_services'], serviceCode: string) => import("../types/index.js").AppService | undefined;
-export declare const openNewAppAttrs: ({ appCode, serviceCode, sandboxMode, payload, segmentId, numberOfOpenedApps, }: Pick<AppDetails, "payload" | "appCode" | "serviceCode"> & {
+export declare const openNewAppAttrs: ({ appCode, serviceCode, sandboxMode, payload, segmentId, numberOfOpenedApps, }: Pick<AppDetails, "appCode" | "serviceCode" | "payload"> & {
     sandboxMode?: boolean | undefined;
     numberOfOpenedApps: number;
     segmentId: string;

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.1.96-test.18",
-  "testVersion": 18,
+  "version": "0.1.96-test.19",
+  "testVersion": 19,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",

package/build/components/TableCells/SheetViewCells/CustomerSheetCell/CustomerSheetCell.d.ts

@@ -1,14 +0,0 @@
-import { StatusChipWithCopyProps } from '../../../StatusChipWithCopy';
-interface CustomerSheetCellProps extends Pick<StatusChipWithCopyProps, 'selectionProps'> {
-    id?: string;
-    name?: string;
-    email?: string;
-    phone?: string;
-    isFirstNameShown?: boolean;
-    isLastNameShown?: boolean;
-    isEmailShown?: boolean;
-    isPhoneShown?: boolean;
-    isIdShown?: boolean;
-}
-declare function CustomerSheetCell({ id, name, email, phone, isFirstNameShown, isLastNameShown, isEmailShown, isPhoneShown, isIdShown, ...props }: CustomerSheetCellProps): import("react/jsx-runtime").JSX.Element;
-export default CustomerSheetCell;

package/build/components/TableCells/SheetViewCells/CustomerSheetCell/CustomerSheetCell.js

@@ -1,21 +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 } from "react/jsx-runtime";
-import { Box } from '@mui/material';
-import { StatusChipWithCopy } from '../../../index.js';
-import { isArabic } from '../../../../utils/index.js';
-function CustomerSheetCell(_a) {
-    var { id, name, email, phone, isFirstNameShown = true, isLastNameShown = true, isEmailShown = true, isPhoneShown = true, isIdShown = true } = _a, props = __rest(_a, ["id", "name", "email", "phone", "isFirstNameShown", "isLastNameShown", "isEmailShown", "isPhoneShown", "isIdShown"]);
-    const isArabicname = isArabic(name);
-    return (_jsxs(Box, Object.assign({ sx: { display: 'flex', flexDirection: 'row', gap: '4px' } }, { children: [name && (isFirstNameShown || isLastNameShown) && (_jsx(StatusChipWithCopy, Object.assign({ disableAnimation: true, copyText: name, chipIndex: 0 }, props, { children: _jsx("span", Object.assign({ "data-is-arabic": isArabicname }, { children: name })) }))), isEmailShown && email && (_jsx(StatusChipWithCopy, Object.assign({ copyText: email, chipIndex: 1 }, props, { children: email }))), isPhoneShown && phone && (_jsx(StatusChipWithCopy, Object.assign({ copyText: phone, chipIndex: 2 }, props, { children: phone }))), isIdShown && id && (_jsx(StatusChipWithCopy, Object.assign({ copyText: id, chipIndex: 3 }, props, { children: id })))] })));
-}
-export default CustomerSheetCell;

package/build/components/TableCells/SheetViewCells/CustomerSheetCell/index.d.ts

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

package/build/components/TableCells/SheetViewCells/CustomerSheetCell/index.js

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