@tap-payments/os-micro-frontend-shared 0.0.129-sheetview-component-ui-v1 → 0.0.130

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

@@ -14,7 +14,7 @@ import { TableCell } from '../../../TableCells';
 import Tooltip from '../../../Tooltip';
 import { MAX_TOOLTIP_ITEM_LENGTH } from './constant';
 function OrderCell(_a) {
-    var { value, label, items, tableMode } = _a, props = __rest(_a, ["value", "label", "items", "tableMode"]);
+    var { value, label, items } = _a, props = __rest(_a, ["value", "label", "items"]);
     const orderDiscriminator = Number.isInteger(value) && Number(value) > 1 && label.charAt(label.length - 1) !== 's' ? `${label}s` : label;
     const orderLabel = `${value} ${orderDiscriminator}`;
     const orderTooltip = (_jsx(_Fragment, { children: items === null || items === void 0 ? void 0 : items.map((item) => {
@@ -22,9 +22,6 @@ function OrderCell(_a) {
             const truncatedItemContent = ((itemContent === null || itemContent === void 0 ? void 0 : itemContent.length) || 0) > MAX_TOOLTIP_ITEM_LENGTH ? `${itemContent === null || itemContent === void 0 ? void 0 : itemContent.slice(0, MAX_TOOLTIP_ITEM_LENGTH)}...` : itemContent;
             return _jsx("div", { children: truncatedItemContent }, item.id);
         }) }));
-    if (tableMode === 'sheet') {
-        return (_jsx(TableCell, Object.assign({}, props, { children: _jsx("span", { children: orderLabel }) })));
-    }
     return (_jsx(Tooltip, Object.assign({ title: (items || []).length > 1 ? orderTooltip : undefined }, { children: _jsx(TableCell, Object.assign({}, props, { children: _jsx("span", { children: orderLabel }) })) })));
 }
 export default OrderCell;

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

@@ -1,5 +1,4 @@
-export declare const ReceiptCell: ({ receiptId, isTextShown, tableMode, }: {
+export declare const ReceiptCell: ({ receiptId, isTextShown }: {
     receiptId: string;
     isTextShown?: boolean | undefined;
-    tableMode?: "text" | "sheet" | "default" | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,13 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TableCell } from '@mui/material';
 import { TextTableCell } from '..';
-import { StyledTextTableCell, TextLabel } from '../style';
+import { TextLabel } from '../style';
 import Tooltip from '../../../Tooltip';
 import { receiptBillIcon } from '../../../../constants/index.js';
-export const ReceiptCell = ({ receiptId, isTextShown, tableMode, }) => {
-    if (tableMode === 'sheet') {
-        return (_jsx(StyledTextTableCell, { children: _jsx("span", { children: receiptId }) }));
-    }
+export const ReceiptCell = ({ receiptId, isTextShown }) => {
     return isTextShown ? (_jsx(TextTableCell, { children: _jsx("span", { children: receiptId }) })) : (_jsx(TableCell, Object.assign({ component: "div" }, { children: _jsx(Tooltip, Object.assign({ title: `Receipt - ${receiptId}` }, { children: _jsx(TextLabel, Object.assign({ sx: {
                     padding: '3px 8px',
                     maxWidth: '50px',

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

@@ -1,3 +1,3 @@
 import type { ReferenceCellProps } from './type';
-declare function ReferenceCell({ isTextShown, tableMode, ...props }: ReferenceCellProps): import("react/jsx-runtime").JSX.Element;
+declare function ReferenceCell({ isTextShown, ...props }: ReferenceCellProps): import("react/jsx-runtime").JSX.Element;
 export default ReferenceCell;

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

@@ -16,12 +16,10 @@ import startCase from 'lodash/startCase';
 import Tooltip from '../../../Tooltip';
 import { ImageWrapper } from '../../../index.js';
 import { TableCell } from '../../../TableCells';
-import StatusChip from '../../../StatusChip';
 import { referenceIcons } from './constant';
-import { ReferenceTextLabel, ReferenceTextWrapper, ReferenceSourcesContainer, StyledSourceCell, StyledSourceImage, ReferenceSheetContainer, ReferenceEmptyPlaceholder, referenceSourceAnimation, } from './style';
-const REFERENCE_ORDER = ['order', 'payment', 'acquirer', 'generic', 'merchant', 'customer'];
+import { ReferenceTextLabel, ReferenceTextWrapper, ReferenceSourcesContainer, StyledSourceCell, StyledSourceImage, referenceSourceAnimation, } from './style';
 function ReferenceCell(_a) {
-    var { isTextShown, tableMode } = _a, props = __rest(_a, ["isTextShown", "tableMode"]);
+    var { isTextShown } = _a, props = __rest(_a, ["isTextShown"]);
     const [isTooltipOpen, setIsTooltipOpen] = useState(false);
     const theme = useTheme();
     const references = useMemo(() => Object.keys(referenceIcons).filter((key) => !!props[key]), [props]);
@@ -36,13 +34,6 @@ function ReferenceCell(_a) {
                 } }, { children: isTextShown ? (_jsx(ReferenceTextWrapper, { children: _jsx(ReferenceTextLabel, { children: startCase(reference) }) })) : (_jsx(StyledSourceImage, { src: referenceIcons[reference], alt: reference, sx: Object.assign({}, (reference === 'order' && { width: '11.82px' })) })) })) }), `${reference}-${index}`));
     }), [props, references, isTextShown, theme]);
     const referenceSourcesCount = (ReferenceSources === null || ReferenceSources === void 0 ? void 0 : ReferenceSources.length) || 0;
-    if (tableMode === 'sheet') {
-        return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(StyledSourceCell, { children: REFERENCE_ORDER.map((referenceKey) => {
-                    const referenceValue = props[referenceKey];
-                    const hasValue = !!referenceValue;
-                    return (_jsx(ReferenceSheetContainer, { children: hasValue ? _jsx(StatusChip, Object.assign({ width: '100%' }, { children: `${startCase(referenceKey)}: ${referenceValue}` })) : _jsx(ReferenceEmptyPlaceholder, {}) }, referenceKey));
-                }) }) })));
-    }
     return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(StyledSourceCell, { children: referenceSourcesCount > 0 ? (_jsx(ReferenceSourcesContainer, Object.assign({ layout: true, className: "reference-sources-container", whileHover: "animate", animate: isTooltipOpen ? 'animate' : 'start', sourcesCount: referenceSourcesCount, variants: { animate: { width: referenceSourcesCount * (6 + 32) } }, style: {
                     zIndex: 29,
                 } }, { children: ReferenceSources }))) : null }) })));

package/build/components/TableCells/CustomCells/ReferenceCell/style.d.ts

@@ -267,8 +267,6 @@ export declare const ReferenceSourcesContainer: import("@emotion/styled").Styled
 }, {}, {}>;
 export declare const ReferenceTextLabel: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const ReferenceTextWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ReferenceSheetContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ReferenceEmptyPlaceholder: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const referenceSourceAnimation: (index: number, shadow: string, xDelta?: number) => {
     start: {
         x: number;

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

@@ -34,13 +34,6 @@ export const ReferenceTextWrapper = styled('div')(() => ({
     justifyContent: 'center',
     paddingInline: '4px',
 }));
-export const ReferenceSheetContainer = styled('div')(() => ({
-    minWidth: '200px',
-    maxWidth: '250px',
-}));
-export const ReferenceEmptyPlaceholder = styled('div')(() => ({
-    height: '18px',
-}));
 export const referenceSourceAnimation = (index, shadow, xDelta) => ({
     start: {
         x: index * 6,

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

@@ -2,12 +2,9 @@ import { TableCellProps } from '@mui/material/TableCell';
 import { referenceIcons } from './constant';
 export type ReferenceType = keyof typeof referenceIcons;
 export interface ReferenceCellProps extends TableCellProps {
-    order?: string;
-    merchant?: string;
-    customer?: string;
-    acquirer?: string;
     generic?: string;
+    acquirer?: string;
+    order?: string;
     payment?: string;
     isTextShown?: boolean;
-    tableMode?: 'default' | 'text' | 'sheet';
 }

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

@@ -1,3 +1,3 @@
 import { SourceMergedCellProps } from './type';
-declare function SourceMergedCell({ icons, isTextShown, centerIconKey, collapsedViewIcon, isReversed, tableMode, ...props }: Readonly<SourceMergedCellProps>): import("react/jsx-runtime").JSX.Element;
+declare function SourceMergedCell({ icons, isTextShown, centerIconKey, collapsedViewIcon, isReversed, ...props }: Readonly<SourceMergedCellProps>): import("react/jsx-runtime").JSX.Element;
 export default SourceMergedCell;

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

@@ -12,20 +12,17 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useEffect, useState, useMemo } from 'react';
 import { TableCell } from '../../../TableCells';
-import { StatusContainer, StatusWrapper, StatusIcon, SheetModeContainer, SheetModeStatusWrapper, SheetModeIconContainer } from './style';
+import { StatusContainer, StatusWrapper, StatusIcon } from './style';
 import { getIconXTranslation } from './utils';
 import CollapsedViewIcon from './CollapsedViewIcon';
 function SourceMergedCell(_a) {
-    var { icons, isTextShown, centerIconKey, collapsedViewIcon, isReversed = false, tableMode } = _a, props = __rest(_a, ["icons", "isTextShown", "centerIconKey", "collapsedViewIcon", "isReversed", "tableMode"]);
+    var { icons, isTextShown, centerIconKey, collapsedViewIcon, isReversed = false } = _a, props = __rest(_a, ["icons", "isTextShown", "centerIconKey", "collapsedViewIcon", "isReversed"]);
     const iconsList = useMemo(() => icons.filter((icon) => Boolean(icon.icon)), [icons]);
     const [isHovering, setIsHovering] = useState(false);
     const centerIconIndex = Math.max(centerIconKey ? iconsList.findIndex((icon) => icon.key === centerIconKey) : 0, 0);
     const iconRefs = useRef([]);
     const [iconMeasurements, setIconMeasurements] = useState(new Map());
-    const isSheetMode = tableMode === 'sheet';
     useEffect(() => {
-        if (isSheetMode)
-            return;
         setTimeout(() => {
             const tableMode = isTextShown ? 'text' : 'default';
             const newMeasurements = new Map();
@@ -38,16 +35,9 @@ function SourceMergedCell(_a) {
             });
             setIconMeasurements(new Map([...iconMeasurements, ...newMeasurements]));
         }, 50);
-    }, [iconsList, isTextShown, isHovering, isSheetMode]);
+    }, [iconsList, isTextShown, isHovering]);
     const hasPreviousIcon = (isReversed && iconsList.length > 1) || centerIconIndex > 0;
     const hasNextIcon = !isReversed && centerIconIndex < iconsList.length - 1;
-    if (isSheetMode) {
-        return (_jsx(TableCell, Object.assign({}, props, { "data-testid": "StatusCell", sx: {
-                position: 'relative',
-                overflow: 'visible',
-                zIndex: 101,
-            } }, { children: _jsx(SheetModeContainer, { children: iconsList === null || iconsList === void 0 ? void 0 : iconsList.map((icon, index) => (_jsx(SheetModeStatusWrapper, Object.assign({ "data-testid": `StatusWrapper-${icon.key}` }, { children: _jsx(SheetModeIconContainer, { children: icon.icon }) }), `StatusWrapper-${icon.key}-${index}`))) }) })));
-    }
     return (_jsx(TableCell, Object.assign({}, props, { "data-testid": "StatusCell", sx: {
             position: 'relative',
             overflow: 'visible',

package/build/components/TableCells/CustomCells/SourceMergedCell/style.d.ts

@@ -1617,6 +1617,3 @@ export declare const StatusContainer: import("@emotion/styled").StyledComponent<
 } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     isReversed?: boolean | undefined;
 }, {}, {}>;
-export declare const SheetModeContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SheetModeStatusWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SheetModeIconContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -74,22 +74,3 @@ export const StatusContainer = styled(motion.div)(({ isReversed }) => ({
     position: 'relative',
     overflow: 'visible',
 }));
-export const SheetModeContainer = styled('div')(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    gap: '4px',
-    height: '18px',
-}));
-export const SheetModeStatusWrapper = styled('div')(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    opacity: 1,
-    border: '1px solid #F2F2F2',
-    borderRadius: '24px',
-    padding: '0px 8px',
-}));
-export const SheetModeIconContainer = styled('div')(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    opacity: 1,
-}));

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

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { TableCellProps } from '@mui/material/TableCell';
-import { SourceMergedCellIcons, TableMode } from '../../../../types/index.js';
+import { SourceMergedCellIcons } from '../../../../types/index.js';
 import type { SxProps } from '@mui/material';
 export interface SourceMergedCellProps extends TableCellProps {
     icons: {
@@ -15,5 +15,4 @@ export interface SourceMergedCellProps extends TableCellProps {
     };
     isReversed?: boolean;
     sx?: SxProps;
-    tableMode?: TableMode;
 }

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

@@ -1,5 +1,5 @@
 import type { StatusCellProps } from './type';
-declare function StatusCell({ statuses, isTextShown, centerIconKey, xGap, tableMode, ...props }: Readonly<StatusCellProps & {
+declare function StatusCell({ statuses, isTextShown, centerIconKey, xGap, ...props }: Readonly<StatusCellProps & {
     isChargesService?: boolean;
     isAuthorizationsService?: boolean;
 }>): import("react/jsx-runtime").JSX.Element;

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

@@ -11,16 +11,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TableCell } from '../../../TableCells';
-import StatusChip from '../../../StatusChip';
 import { StatusIcon, StatusContainer, StatusWrapper } from './style';
 import { getStatusesFilteredObject } from './utils';
 function StatusCell(_a) {
-    var { statuses, isTextShown, centerIconKey, xGap, tableMode } = _a, props = __rest(_a, ["statuses", "isTextShown", "centerIconKey", "xGap", "tableMode"]);
-    const statusesFilteredObject = statuses ? getStatusesFilteredObject(statuses) : {};
+    var { statuses, isTextShown, centerIconKey, xGap } = _a, props = __rest(_a, ["statuses", "isTextShown", "centerIconKey", "xGap"]);
+    const statusesFilteredObject = getStatusesFilteredObject(statuses);
     const statusesList = Object.values(statusesFilteredObject).filter(Boolean);
-    if (tableMode === 'sheet') {
-        return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(StatusContainer, { children: statusesList.map((status, index) => (_jsx(StatusChip, Object.assign({ borderColor: "transparent", padding: '0px' }, { children: status }), index))) }) })));
-    }
     const xGapValue = isTextShown ? xGap || 120 : 40;
     const centerIconIndex = centerIconKey ? Object.entries(statusesFilteredObject).findIndex(([key]) => key === centerIconKey) : 0;
     return (_jsx(TableCell, Object.assign({}, props, { "data-testid": "StatusCell", sx: {

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

@@ -58,7 +58,6 @@ export const StatusWrapper = styled(motion.div)(({ statusesCount }) => ({
 }));
 export const StatusContainer = styled(motion.div)(() => ({
     display: 'flex',
-    gap: '4px',
     justifyContent: 'flex-start',
     alignItems: 'center',
     position: 'relative',

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

@@ -9,5 +9,4 @@ export interface StatusCellProps extends TableCellProps {
     isTextShown?: boolean;
     centerIconKey?: string;
     xGap?: number;
-    tableMode?: 'default' | 'text' | 'sheet';
 }

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

@@ -42,7 +42,6 @@ export * from './ApplicationStatusCell';
 export * from './SegmentsCell';
 export * from './MarketPlaceCell';
 export * from './IndividualsCell';
-export * from './SheetViewIDButton';
 export * from './BrandsCell';
 export * from './type';
 export * from './style';

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

@@ -42,7 +42,6 @@ export * from './ApplicationStatusCell';
 export * from './SegmentsCell';
 export * from './MarketPlaceCell';
 export * from './IndividualsCell';
-export * from './SheetViewIDButton';
 export * from './BrandsCell';
 export * from './type';
 export * from './style';

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { TableMode } from '../../../types/index.js';
 export declare const GeographyBox: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     variant?: "Local" | "Global" | "Regional" | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
@@ -272,9 +271,7 @@ export declare const StarBadgeWrapper: import("@emotion/styled").StyledComponent
     isShown?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const CountBadge: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const IdButtonContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    tableMode?: TableMode | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IdButtonContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const AvatarStyled: import("@emotion/styled").StyledComponent<import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "className" | "style" | "classes" | "children" | "sx" | "src" | "alt" | "variant" | "slots" | "slotProps" | "sizes" | "srcSet" | "imgProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -63,12 +63,15 @@ export const CountBadge = styled('span')(({ theme }) => ({
     fontSize: '9.782px',
     fontWeight: 600,
 }));
-export const IdButtonContainer = styled('div', {
-    shouldForwardProp: (props) => props !== 'tableMode',
-})(({ tableMode }) => (Object.assign({ display: 'flex', width: '24px', height: tableMode === 'sheet' ? '18px' : '24px', alignItems: 'center', justifyContent: 'center', borderRadius: '64px;', border: '1px solid #F2F2F2;' }, (tableMode === 'sheet' && {
-    width: '100%',
-    padding: '5px 8px',
-}))));
+export const IdButtonContainer = styled('div')({
+    display: 'flex',
+    width: '24px',
+    height: '24px',
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: '64px;',
+    border: '1px solid #F2F2F2;',
+});
 export const AvatarStyled = styled(Avatar)(({ theme }) => ({
     width: 24,
     height: 24,

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

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { TableCellProps } from '@mui/material';
-import type { Charge, TableMode } from '../../../types/index.js';
+import type { Charge } from '../../../types/index.js';
 import type { ActionType, FlagType } from './ActionCell';
 import { getGeographyBoxColor } from '../../../utils/index.js';
 export type GeographyBoxVariant = keyof ReturnType<typeof getGeographyBoxColor>;
@@ -10,7 +10,6 @@ export interface DateCellProps extends TableCellProps {
     format?: object;
     flagIcon?: string;
     hasFlag?: boolean;
-    tableMode?: TableMode;
 }
 export interface OrderCellProps extends TableCellProps {
     label: string;
@@ -20,7 +19,6 @@ export interface OrderCellProps extends TableCellProps {
         description?: string;
         name?: string;
     }>;
-    tableMode?: TableMode;
 }
 export interface CustomerCellProps extends TableCellProps {
     customerInitiated?: boolean;
@@ -34,7 +32,6 @@ export interface CustomerCellProps extends TableCellProps {
     email?: string;
     phone?: string;
     id?: string;
-    tableMode?: TableMode;
 }
 export interface SourceCellProps extends TableCellProps {
     geographyVariant?: 'G' | 'L' | 'R';
@@ -54,7 +51,6 @@ export interface AmountCellProps extends TableCellProps {
     tooltipLabel?: React.ReactNode;
     amountTooltipLabel?: React.ReactNode;
     isTextShown?: boolean;
-    tableMode?: TableMode;
 }
 export interface DestinationCellProps extends TableCellProps {
     destinationsCount?: number;
@@ -84,7 +80,6 @@ export interface DestinationCellProps extends TableCellProps {
         }>;
     };
     iconDirection?: 'left' | 'right';
-    tableMode?: TableMode;
 }
 export interface ActionCellProps extends TableCellProps {
     row?: unknown;

package/build/components/VirtualTable/SheetView/SheetViewVirtualTable.d.ts

@@ -5,6 +5,6 @@ interface ISheetViewVirtualTable extends Omit<IVirtualTable, 'isSheetView'> {
     isPinnable?: boolean;
     clearBackdropVisibilityTimeout?: number;
 }
-declare function SheetViewVirtualTable({ columns, rows, threshold, showHeader, headerProps, rowProps, footerProps, rowHeight, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, showBackgroundColor, areAllRowsLoaded, tableBodyStyles, tableTitle, dragControls, onColumnPin, clearBackdropVisibilityTimeout, isPinnable, tableMode, }: Readonly<ISheetViewVirtualTable>): import("react/jsx-runtime").JSX.Element;
+declare function SheetViewVirtualTable({ columns, rows, threshold, showHeader, headerProps, rowProps, footerProps, rowHeight, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, showBackgroundColor, areAllRowsLoaded, tableBodyStyles, tableMode, tableTitle, dragControls, onColumnPin, clearBackdropVisibilityTimeout, isPinnable, }: Readonly<ISheetViewVirtualTable>): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof SheetViewVirtualTable>;
 export default _default;

package/build/components/VirtualTable/SheetView/SheetViewVirtualTable.js

@@ -40,7 +40,7 @@ const createItemData = memoize((columns, isLoading, rows, rowProps, scrollToInde
     isSheetView: true,
     isPinned,
 }));
-function SheetViewVirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, showHeader, headerProps, rowProps, footerProps, rowHeight = 28, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, showBackgroundColor, areAllRowsLoaded = false, tableBodyStyles, tableTitle, dragControls, onColumnPin, clearBackdropVisibilityTimeout = 100, isPinnable = false, tableMode, }) {
+function SheetViewVirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, showHeader, headerProps, rowProps, footerProps, rowHeight = 28, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, showBackgroundColor, areAllRowsLoaded = false, tableBodyStyles, tableMode, tableTitle, dragControls, onColumnPin, clearBackdropVisibilityTimeout = 100, isPinnable = false, }) {
     var _a, _b, _c;
     const theme = useTheme();
     const { pinnedStartColumns, pinnedEndColumns, handleColumnPin, pinnedStartColumnsData, pinnedEndColumnsData, unpinnedColumnsData, orderedColumns, lastColumnId, } = usePinnedColumns(columns, isPinnable, onColumnPin);

package/build/components/VirtualTable/components/TableRowLoading.js

@@ -8,7 +8,6 @@ import { areEqual } from 'react-window';
 const StyledSkeleton = styled(Skeleton)(({ theme }) => ({
     backgroundColor: theme.palette.grey[100],
     borderRadius: '64px',
-    minWidth: '20px',
 }));
 function TableRowLoading({ columns, style, index, animationType }) {
     return (_jsx(MUITableRow, Object.assign({ sx: Object.assign(Object.assign({}, style), { display: 'flex', borderBottom: '1px solid #e3e8ee', '&:hover': {

package/build/components/VirtualTable/style.js

@@ -32,9 +32,9 @@ export const StyledCell = styled(TableCell, {
     shouldForwardProp: (prop) => !['isLast', 'isFirst', 'isSheetView'].includes(prop),
 })(({ theme, isLast, isFirst, isSheetView }) => (Object.assign({ paddingBlock: '0', paddingInline: '0.3875rem !important', paddingLeft: isFirst ? '0 !important' : '0.3875rem !important', paddingRight: isLast ? '0 !important' : '0.3875rem !important', color: theme.palette.grey[700], fontSize: theme.typography.caption.fontSize, height: '100%', fontWeight: theme.typography.fontWeightRegular, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', display: 'flex', alignItems: 'center' }, (isSheetView && {
     borderRight: isLast ? 'none' : `1px solid ${theme.palette.divider}`,
-    paddingInline: '8px !important',
-    paddingLeft: '8px !important',
-    paddingRight: '8px !important',
+    paddingInline: '0.375rem !important',
+    paddingLeft: '0.375rem !important',
+    paddingRight: '0.375rem !important',
 }))));
 export const StyledVirtualList = styled(VirtualScrollList, {
     shouldForwardProp: (prop) => !['areTotalRowsNotFillingHeight', 'isSheetView'].includes(prop),

package/build/components/index.d.ts

@@ -17,7 +17,6 @@ export { default as SheetViewVirtualTable } from './VirtualTable/SheetView/Sheet
 export { default as Widget, ListItem, WidgetHeader, WidgetList } from './Widget';
 export { default as TapLogo } from './TapLogo';
 export { default as StatusButton, ChevronIcon, type ChevronIconProps, type StatusButtonIcon, type StatusButtonProps } from './StatusButton';
-export { default as StatusChip } from './StatusChip';
 export { default as SimpleDialog, type SimpleDialogProps } from './SimpleDialog';
 export { default as SearchButton } from './SearchButton';
 export { default as Loaders } from './Loaders';
@@ -45,7 +44,6 @@ export { default as ResizableHeightInput } from './ResizableHeightInput';
 export { default as MainContainer } from './MainContainer';
 export { default as Menu } from './Menu';
 export { default as MenuItem } from './MenuItem';
-export { default as MaskedText } from './MaskedText';
 export { default as MultiSelectDropdownButton, type ButtonWithDropdownProps } from './MultiSelectDropdownButton';
 export { default as MultiSelectWithSearch, type MultiSelectWithSearchProps, ChildMenuItem, ParentMenuItem } from './MultiSelectWithSearch';
 export { default as NestedDropdown, type DropdownProps, type Selected, type Placement, Dropdown, NestedMenuItem } from './NestedDropdown';

package/build/components/index.js

@@ -17,7 +17,6 @@ export { default as SheetViewVirtualTable } from './VirtualTable/SheetView/Sheet
 export { default as Widget, ListItem, WidgetHeader, WidgetList } from './Widget';
 export { default as TapLogo } from './TapLogo';
 export { default as StatusButton, ChevronIcon } from './StatusButton';
-export { default as StatusChip } from './StatusChip';
 export { default as SimpleDialog } from './SimpleDialog';
 export { default as SearchButton } from './SearchButton';
 export { default as Loaders } from './Loaders';
@@ -45,7 +44,6 @@ export { default as ResizableHeightInput } from './ResizableHeightInput';
 export { default as MainContainer } from './MainContainer';
 export { default as Menu } from './Menu';
 export { default as MenuItem } from './MenuItem';
-export { default as MaskedText } from './MaskedText';
 export { default as MultiSelectDropdownButton } from './MultiSelectDropdownButton';
 export { default as MultiSelectWithSearch, ChildMenuItem, ParentMenuItem } from './MultiSelectWithSearch';
 export { default as NestedDropdown, Dropdown, NestedMenuItem } from './NestedDropdown';

package/build/constants/assets.d.ts

@@ -232,7 +232,6 @@ export declare const leadTitleIcon: string;
 export declare const orderAppIcon: string;
 export declare const orderWindowIcon: string;
 export declare const dottedLine: string;
-export declare const passwordDotsIcon: string;
 export declare const dollarSignIcon: string;
 export declare const reloadIcon: string;
 export declare const deletedStatusIcon: string;

package/build/constants/assets.js

@@ -233,7 +233,6 @@ export const leadTitleIcon = `${lightUrl}/window/leadTitleIcon.svg`;
 export const orderAppIcon = `${appBaseUrl}/OrderApp.svg`;
 export const orderWindowIcon = `${appBaseUrl}/OrderTitleIcon.svg`;
 export const dottedLine = `${lightUrl}/dottedLine.svg`;
-export const passwordDotsIcon = `${lightUrl}/passwordDots.svg`;
 export const dollarSignIcon = `${lightUrl}/dollarSign.svg`;
 export const reloadIcon = `${lightUrl}/reload.svg`;
 export const deletedStatusIcon = `${appBaseUrl}/deletedStatus1.svg`;

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

@@ -12,7 +12,7 @@ export declare const chargeTableCellWidth: {
     readonly id: {
         readonly default: "225px";
         readonly text: "225px";
-        readonly sheet: "215px";
+        readonly sheet: "225px";
     };
     readonly product: {
         readonly default: "85px";
@@ -22,12 +22,12 @@ export declare const chargeTableCellWidth: {
     readonly date: {
         readonly default: "170px";
         readonly text: "170px";
-        readonly sheet: "129px";
+        readonly sheet: "170px";
     };
     readonly reference: {
         readonly default: "95px";
         readonly text: "180px";
-        readonly sheet: "550px";
+        readonly sheet: "180px";
     };
     readonly order: {
         readonly default: "80px";
@@ -37,12 +37,12 @@ export declare const chargeTableCellWidth: {
     readonly customer: {
         readonly default: "180px";
         readonly text: "180px";
-        readonly sheet: "115px";
+        readonly sheet: "180px";
     };
     readonly source: {
         readonly default: "114px";
         readonly text: "125px";
-        readonly sheet: "450px";
+        readonly sheet: "125px";
     };
     readonly authenticate: {
         readonly default: "55px";
@@ -57,7 +57,7 @@ export declare const chargeTableCellWidth: {
     readonly amount: {
         readonly default: "170px";
         readonly text: "195px";
-        readonly sheet: "141px";
+        readonly sheet: "195px";
     };
     readonly destinations: {
         readonly default: "70px";
@@ -72,12 +72,12 @@ export declare const chargeTableCellWidth: {
     readonly status: {
         readonly default: "70px";
         readonly text: "300px";
-        readonly sheet: "400px";
+        readonly sheet: "300px";
     };
     readonly merchant: {
         readonly default: "100px";
         readonly text: "150px";
-        readonly sheet: "115px";
+        readonly sheet: "150px";
     };
     readonly charge: {
         readonly default: "150px";
@@ -97,7 +97,7 @@ export declare const chargeTableCellWidth: {
     readonly receipt: {
         readonly default: "85px";
         readonly text: "150px";
-        readonly sheet: "131px";
+        readonly sheet: "150px";
     };
     readonly fees: {
         readonly default: "150px";
@@ -107,7 +107,7 @@ export declare const chargeTableCellWidth: {
     readonly metadata: {
         readonly default: "180px";
         readonly text: "180px";
-        readonly sheet: "235px";
+        readonly sheet: "180px";
     };
     readonly settlement: {
         readonly default: "200px";
@@ -122,7 +122,7 @@ export declare const chargeTableCellWidth: {
     readonly actions: {
         readonly default: "100px";
         readonly text: "100px";
-        readonly sheet: "315px";
+        readonly sheet: "100px";
     };
     readonly payment_id: {
         readonly default: "150px";
@@ -132,7 +132,7 @@ export declare const chargeTableCellWidth: {
     readonly card_number: {
         readonly default: "120px";
         readonly text: "120px";
-        readonly sheet: "190px";
+        readonly sheet: "120px";
     };
     readonly auth_code: {
         readonly default: "80px";
@@ -142,7 +142,7 @@ export declare const chargeTableCellWidth: {
     readonly rrn: {
         readonly default: "100px";
         readonly text: "100px";
-        readonly sheet: "83px";
+        readonly sheet: "100px";
     };
     readonly device: {
         readonly default: "70px";
@@ -152,7 +152,7 @@ export declare const chargeTableCellWidth: {
     readonly card_no: {
         readonly default: "120px";
         readonly text: "120px";
-        readonly sheet: "190px";
+        readonly sheet: "120px";
     };
     readonly meta: {
         readonly default: "52px";