@tap-payments/os-micro-frontend-shared 0.0.263 → 0.0.266

package/build/components/StatusIcons/ChargeStatusIcon/ChargeStatusIcon.js

@@ -5,13 +5,13 @@ import { useTranslation } from 'react-i18next';
 import Tooltip from '../../Tooltip';
 import { unCapturedStatuses } from '../../../constants/index.js';
 import { AcquirerContainerAnimationVariants, ErrorCodeLabel, ErrorCodeLabelAnimationVariants, ErrorCodeVariants, ErrorCodeWrapper, GateWayIcon, GatewayIconWrapper, GatewayIconWrapperAnimationTransition, GatewaysContainer, GatewaysContainerAnimationVariants, StatusTextLabel, UnCapturedBadge, UnCapturedContainer, errorCodeLabelAnimation, TextViewWrapper, } from './style';
-import { capturedStatusesStyles, unCapturedStatusesStyles, statusIcons, sheetViewChipStyles, } from '../../TableCells/CustomCells/StatusCell/constant';
+import { capturedStatusesStyles, unCapturedStatusesStyles, statusIcons, chargeSheetViewChipStyles, } from '../../TableCells/CustomCells/StatusCell/constant';
 import { StatusIcon, StatusIconWrapper, TextLabel } from '../../TableCells/CustomCells/style';
 import StatusChip from '../../StatusChip';
 export function ChargeStatusIcon({ chargeStatus, gatewayTooltip, acquirerTooltip, chargeTooltip, errorCode, isTextShown, gatewayCode, acquirerCode, unCapturedStyles, iconStyles, iconWrapperStyles, gatewayIconWrapperStyles, gatewayContainerStyles, gateWayIconStyles, tableMode, showBadge = true, }) {
     const unCapturedStatusStyle = chargeStatus ? unCapturedStatusesStyles[chargeStatus] : null;
     const captureStatusStyle = chargeStatus ? capturedStatusesStyles[chargeStatus] : null;
-    const sheetViewStatusStyle = chargeStatus ? sheetViewChipStyles[chargeStatus] : null;
+    const sheetViewStatusStyle = chargeStatus ? chargeSheetViewChipStyles[chargeStatus] : null;
     const theme = useTheme();
     const { t } = useTranslation();
     const chargeTooltipTitle = chargeTooltip && (_jsx(_Fragment, { children: _jsx("div", { children: chargeTooltip }) }));

package/build/components/StatusIcons/RefundIcon/RefundIcon.d.ts

@@ -1,11 +1,13 @@
 /// <reference types="react" />
 import { type RefundStatusType } from '../../TableCells';
+import { TableMode } from '../../../types/index.js';
 type RefundIconProps = {
     iconStyles?: React.CSSProperties;
     refundStatus?: RefundStatusType;
     refundTooltip?: React.ReactNode;
     refundCount?: number;
     isTextShown?: boolean;
+    tableMode?: TableMode;
 };
-declare const RefundIcon: ({ isTextShown, refundStatus, refundTooltip, refundCount, iconStyles }: RefundIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const RefundIcon: ({ isTextShown, refundStatus, refundTooltip, refundCount, iconStyles, tableMode }: RefundIconProps) => import("react/jsx-runtime").JSX.Element;
 export default RefundIcon;

package/build/components/StatusIcons/RefundIcon/RefundIcon.js

@@ -8,7 +8,8 @@ import { MultiRefundContainer, MultiRefundIcon, RefundsCountBadge } from '../../
 import { StatusIcon } from '../../TableCells/CustomCells/style';
 import { StatusTextLabel } from '../../TableCells/CustomCells/InvoiceStatusCell/style';
 import { refundStatusIcons, refundStyles } from '../../TableCells/CustomCells/StatusCell/constant';
-const RefundIcon = ({ isTextShown, refundStatus = 'PENDING', refundTooltip = '', refundCount, iconStyles }) => {
+import StatusChip from '../../StatusChip';
+const RefundIcon = ({ isTextShown, refundStatus = 'PENDING', refundTooltip = '', refundCount, iconStyles, tableMode }) => {
     const { t } = useTranslation();
     const theme = useTheme();
     const refundCountBadge = (_jsxs(RefundsCountBadge, Object.assign({ "data-testid": "StatusCell_RefundsCountBadge", initial: { width: 0, opacity: 0, padding: '0px' }, transition: {
@@ -32,6 +33,10 @@ const RefundIcon = ({ isTextShown, refundStatus = 'PENDING', refundTooltip = '',
             },
         } }, { children: [refundCount, "x"] })));
     const refundCountShown = (refundCount || 0) > 1;
+    if (tableMode === 'sheet') {
+        const { color, backgroundColor } = refundStyles[refundStatus];
+        return (_jsx(StatusChip, Object.assign({ textColor: color, bgColor: backgroundColor }, { children: t(camelCase(refundStatus)) })));
+    }
     return (_jsx(_Fragment, { children: isTextShown ? (_jsx(Tooltip, Object.assign({ title: _jsx("div", { children: _jsx("div", { children: refundTooltip }) }) }, { children: _jsx(StatusTextLabel, Object.assign({ "data-testid": "StatusCell_RefundStatusLabel", sx: {
                     color: refundStyles[refundStatus].color,
                     backgroundColor: refundStyles[refundStatus].backgroundColor,

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

@@ -22,17 +22,21 @@ function SegmentsCell(_a) {
     var { isTextShown } = _a, props = __rest(_a, ["isTextShown"]);
     const [isTooltipOpen, setIsTooltipOpen] = useState(false);
     const theme = useTheme();
-    const segments = useMemo(() => Object.keys(segmentsIcons).filter((key) => !!props[key]), [props]);
+    const segments = useMemo(() => Object.keys(segmentsIcons).filter((key) => { var _a; return !!((_a = props[key]) === null || _a === void 0 ? void 0 : _a.name); }), [props]);
     const ReferenceSources = useMemo(() => segments.map((segment, index) => {
         const prefixKey = ['technology', 'institution'].includes(segment) ? 'Payment' : '';
-        const sourceTooltip = `${prefixKey} ${startCase(segment)} - ${props[segment]}`;
+        const segmentData = props[segment];
+        const sourceTooltip = `${prefixKey} ${startCase(segment)} - ${segmentData === null || segmentData === void 0 ? void 0 : segmentData.name}`;
         return (_jsx(Tooltip, Object.assign({ onOpen: () => {
                 setIsTooltipOpen(true);
             }, onClose: () => {
                 setIsTooltipOpen(false);
             }, title: sourceTooltip }, { children: _jsx(ImageWrapper, Object.assign({ order: index, variants: referenceSourceAnimation(index, theme.shadows[4], isTextShown ? 83 : 0), sx: {
                     width: isTextShown ? '79px' : '24px',
-                } }, { children: isTextShown ? (_jsx(ReferenceTextWrapper, { children: _jsx(ReferenceTextLabel, { children: startCase(segment) }) })) : (_jsx(StyledSourceImage, { src: segmentsIcons[segment], alt: segment, sx: Object.assign({}, (segment === 'order' && { width: '11.82px' })) })) })) }), `${segment}-${index}`));
+                } }, { children: isTextShown ? (_jsx(ReferenceTextWrapper, { children: _jsx(ReferenceTextLabel, { children: startCase(segment) }) })) : (_jsx(StyledSourceImage, { src: (segmentData === null || segmentData === void 0 ? void 0 : segmentData.icon) || segmentsIcons[segment], alt: segment, sx: Object.assign(Object.assign({}, (segment === 'order' && { width: '11.82px' })), ((segmentData === null || segmentData === void 0 ? void 0 : segmentData.icon) && { borderRadius: '40px' })), onError: (e) => {
+                        e.currentTarget.src = segmentsIcons[segment];
+                        e.currentTarget.style.borderRadius = '0px';
+                    } })) })) }), `${segment}-${index}`));
     }), [props, segments, isTextShown, theme]);
     const referenceSourcesCount = (ReferenceSources === null || ReferenceSources === void 0 ? void 0 : ReferenceSources.length) || 0;
     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: {

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

@@ -1,11 +1,15 @@
 import { TableCellProps } from '@mui/material/TableCell';
 import { segmentsIcons } from './constant';
 export type SegmentsType = keyof typeof segmentsIcons;
+export interface SegmentInfo {
+    name?: string;
+    icon?: string;
+}
 export interface SegmentsCellProps extends TableCellProps {
-    technology?: string;
-    institution?: string;
-    payment?: string;
-    developmentHouse?: string;
-    platform?: string;
+    technology?: SegmentInfo;
+    institution?: SegmentInfo;
+    payment?: SegmentInfo;
+    developmentHouse?: SegmentInfo;
+    platform?: SegmentInfo;
     isTextShown?: boolean;
 }

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

@@ -13,7 +13,7 @@ export declare const statusIcons: {
     UNKNOWN: string;
     AUTHORIZED: string;
 };
-export declare const sheetViewChipStyles: {
+export declare const chargeSheetViewChipStyles: {
     CAPTURED: {
         color: string;
         background: string;

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

@@ -13,7 +13,7 @@ export const statusIcons = {
     UNKNOWN: unknownIcon,
     AUTHORIZED: authorizedIcon,
 };
-export const sheetViewChipStyles = {
+export const chargeSheetViewChipStyles = {
     CAPTURED: {
         color: '#1F88D0',
         background: '#1F88D01A',

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

@@ -18,6 +18,7 @@ import { isHeightNotFullyFilledByRows, isNotFoundError, isTimeoutError, hasError
 import TableFooter from '../components/TableFooter/TableFooter';
 import TableLastItem from '../components/TableLastItem';
 import TableNoData from '../components/TableNoData';
+import { SheetViewTableNoData } from './components';
 import ListItemWrapper from '../components/virtualScroll/ListItemWrapper';
 import { StyledBox, StyledTableBox, StyledVirtualList, TableContainer, TableWrapper } from '../style';
 import { SheetViewVirtualTableWrapper, PinnedStartColumnWrapper, PinnedEndColumnWrapper, MainTableWrapper, UnpinnedTableHeaderWrapper } from './style';
@@ -113,9 +114,12 @@ function SheetViewVirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, sho
         handleScroll,
         scrollToIndex,
         areTotalRowsNotFillingHeight,
-        selectedCell,
-        selectedColumn,
-        handleCellClick,
+        clearBackdropVisibilityTimeout,
+        lastItemIndex,
+        pinnedEndVirtualListRef,
+        pinnedStartVirtualListRef,
+        scrollableVirtualListRef,
+        theme.palette.background.default,
     ]);
     const showNoDataView = tableLoading || tableError || tableEmpty || hasTimeoutError;
     const pinnedStartColumnsWidth = useMemo(() => pinnedStartColumnsData.reduce((acc, col) => {
@@ -137,7 +141,21 @@ function SheetViewVirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, sho
                             overflowX: 'hidden',
                         } }, { children: _jsx(StyledBox, Object.assign({ "data-testid": "SheetViewVirtualTable_PinnedStyledBox", hidePadding: true, className: "list-wrapper" }, { children: createVirtualTableContainer(columnsData, containerKey, true, columnsWidth) })) }))] })) }));
     };
-    return (_jsxs(_Fragment, { children: [_jsxs(TableContainer, { children: [showNoDataView ? (_jsx(StyledTableBox, Object.assign({ as: "main", id: "sheet-table-box-container", "aria-labelledby": "sheet-table-box-container", "data-testid": "SheetViewVirtualTable_StyledTableBox", "data-title": tableTitle, "data-direction": theme.direction, "data-are-all-rows-loaded": !!areAllRowsLoaded, "data-is-fetching-next-page": !!isFetchingNextPage, "data-scroll-to-index": scrollToIndex, "data-is-loading": !!isLoading, "data-is-error": !!isError, "data-is-error-timeout": !!hasTimeoutError, "data-show-background-color": !!showBackgroundColor, "data-table-mode": tableMode, height: "100%", dir: theme.direction, showBackgroundColor: showBackgroundColor, showNoDataView: showNoDataView }, { children: _jsx(TableWrapper, Object.assign({ isSheetView: true, "data-testid": "SheetViewVirtualTable_TableWrapper", showNoDataView: showNoDataView, sx: tableBodyStyles }, { children: _jsx(TableNoData, { error: error, tableEmpty: tableEmpty, isTimeoutError: hasTimeoutError, tableError: tableError, tableLoading: tableLoading, orderedColumns: orderedColumns, triggerDataRefetch: triggerDataRefetch, footerProps: footerProps }) })) }))) : (_jsxs(SheetViewVirtualTableWrapper, { children: [renderPinnedColumn('start', pinnedStartColumnsData, pinnedStartColumnsWidth, pinnedStartColumns), _jsx(MainTableWrapper, Object.assign({ hasPinnedStart: pinnedStartColumnsData.length > 0, hasPinnedEnd: pinnedEndColumnsData.length > 0 }, { children: _jsx(StyledTableBox, Object.assign({ as: "main", id: "sheet-table-box-container", "aria-labelledby": "sheet-table-box-container", "data-testid": "SheetViewVirtualTable_StyledTableBox", "data-title": tableTitle, "data-direction": theme.direction, "data-are-all-rows-loaded": !!areAllRowsLoaded, "data-is-fetching-next-page": !!isFetchingNextPage, "data-scroll-to-index": scrollToIndex, "data-is-loading": !!isLoading, "data-is-error": !!isError, "data-is-error-timeout": !!hasTimeoutError, "data-show-background-color": !!showBackgroundColor, "data-table-mode": tableMode, height: "100%", dir: theme.direction, showBackgroundColor: showBackgroundColor, showNoDataView: showNoDataView, scrollable: true }, { children: _jsxs(TableWrapper, Object.assign({ "data-testid": "SheetViewVirtualTable_TableWrapper", showNoDataView: showNoDataView, sx: Object.assign(Object.assign({}, tableBodyStyles), { display: 'flex', flexDirection: 'column', height: '100%' }) }, { children: [showHeader && (_jsx(UnpinnedTableHeaderWrapper, { children: _jsx(SheetViewTableHeader, { "data-testid": "SheetViewVirtualTable_UnpinnedTableHeader", columnsSorting: columnsSorting, onColumnSort: onColumnSort, columns: unpinnedColumnsData, headerProps: headerProps, showBackDrop: showBackDrop, pinnedColumns: [...pinnedStartColumns, ...pinnedEndColumns], onColumnPin: handleColumnPin, isPinnable: isPinnable, lastColumnId: lastColumnId, selectedColumn: selectedColumn, onColumnClick: handleColumnClick }) })), _jsx(TableWrapper, Object.assign({ "data-testid": "VirtualTable_TableWrapper", sx: {
+    return (_jsxs(_Fragment, { children: [_jsxs(TableContainer, { children: [showNoDataView ? (tableLoading ? (_jsx(StyledTableBox, Object.assign({ as: "main", id: "sheet-table-box-container", "aria-labelledby": "sheet-table-box-container", "data-testid": "SheetViewVirtualTable_StyledTableBox_Loading", "data-title": tableTitle, "data-direction": theme.direction, "data-are-all-rows-loaded": !!areAllRowsLoaded, "data-is-fetching-next-page": !!isFetchingNextPage, "data-scroll-to-index": scrollToIndex, "data-is-loading": !!isLoading, "data-is-error": !!isError, "data-is-error-timeout": !!hasTimeoutError, "data-show-background-color": !!showBackgroundColor, "data-table-mode": tableMode, height: "100%", dir: theme.direction, showBackgroundColor: showBackgroundColor, showNoDataView: showNoDataView, scrollable: true, sx: {
+                            marginLeft: '28px',
+                            maxHeight: 'calc(100vh - 300px)',
+                            overflow: 'auto',
+                        } }, { children: _jsxs(TableWrapper, Object.assign({ "data-testid": "SheetViewVirtualTable_LoadingTableWrapper", showNoDataView: showNoDataView, sx: Object.assign(Object.assign({}, tableBodyStyles), { display: 'flex', flexDirection: 'column', height: 'auto' }) }, { children: [showHeader && (_jsx(UnpinnedTableHeaderWrapper, { children: _jsx(SheetViewTableHeader, { "data-testid": "SheetViewVirtualTable_LoadingTableHeader", columnsSorting: columnsSorting, onColumnSort: onColumnSort, columns: orderedColumns, headerProps: headerProps, showBackDrop: showBackDrop, pinnedColumns: [], onColumnPin: handleColumnPin, isPinnable: false, lastColumnId: lastColumnId, selectedColumn: selectedColumn, onColumnClick: handleColumnClick }) })), _jsx(TableWrapper, Object.assign({ "data-testid": "VirtualTable_LoadingTableWrapper", sx: {
+                                        width: '100%',
+                                        minWidth: 'fit-content',
+                                        height: 'auto',
+                                        display: 'flex',
+                                        flexDirection: 'column',
+                                    } }, { children: _jsx(StyledBox, Object.assign({ "data-testid": "SheetViewVirtualTable_LoadingStyledBox", hidePadding: true, className: "list-wrapper", sx: {
+                                            height: 'auto',
+                                            display: 'flex',
+                                            flexDirection: 'column',
+                                        } }, { children: _jsx(SheetViewTableNoData, { error: error, tableEmpty: tableEmpty, isTimeoutError: hasTimeoutError, tableError: tableError, tableLoading: tableLoading, orderedColumns: orderedColumns, triggerDataRefetch: triggerDataRefetch, footerProps: footerProps }) })) }))] })) }))) : (_jsx(StyledTableBox, Object.assign({ as: "main", id: "sheet-table-box-container", "aria-labelledby": "sheet-table-box-container", "data-testid": "SheetViewVirtualTable_StyledTableBox", "data-title": tableTitle, "data-direction": theme.direction, "data-are-all-rows-loaded": !!areAllRowsLoaded, "data-is-fetching-next-page": !!isFetchingNextPage, "data-scroll-to-index": scrollToIndex, "data-is-loading": !!isLoading, "data-is-error": !!isError, "data-is-error-timeout": !!hasTimeoutError, "data-show-background-color": !!showBackgroundColor, "data-table-mode": tableMode, height: "100%", dir: theme.direction, showBackgroundColor: showBackgroundColor, showNoDataView: showNoDataView }, { children: _jsx(TableWrapper, Object.assign({ isSheetView: true, "data-testid": "SheetViewVirtualTable_TableWrapper", showNoDataView: showNoDataView, sx: tableBodyStyles }, { children: _jsx(TableNoData, { error: error, tableEmpty: tableEmpty, isTimeoutError: hasTimeoutError, tableError: tableError, tableLoading: tableLoading, orderedColumns: orderedColumns, triggerDataRefetch: triggerDataRefetch, footerProps: footerProps }) })) })))) : (_jsxs(SheetViewVirtualTableWrapper, { children: [renderPinnedColumn('start', pinnedStartColumnsData, pinnedStartColumnsWidth, pinnedStartColumns), _jsx(MainTableWrapper, Object.assign({ hasPinnedStart: pinnedStartColumnsData.length > 0, hasPinnedEnd: pinnedEndColumnsData.length > 0 }, { children: _jsx(StyledTableBox, Object.assign({ as: "main", id: "sheet-table-box-container", "aria-labelledby": "sheet-table-box-container", "data-testid": "SheetViewVirtualTable_StyledTableBox", "data-title": tableTitle, "data-direction": theme.direction, "data-are-all-rows-loaded": !!areAllRowsLoaded, "data-is-fetching-next-page": !!isFetchingNextPage, "data-scroll-to-index": scrollToIndex, "data-is-loading": !!isLoading, "data-is-error": !!isError, "data-is-error-timeout": !!hasTimeoutError, "data-show-background-color": !!showBackgroundColor, "data-table-mode": tableMode, height: "100%", dir: theme.direction, showBackgroundColor: showBackgroundColor, showNoDataView: showNoDataView, scrollable: true }, { children: _jsxs(TableWrapper, Object.assign({ "data-testid": "SheetViewVirtualTable_TableWrapper", showNoDataView: showNoDataView, sx: Object.assign(Object.assign({}, tableBodyStyles), { display: 'flex', flexDirection: 'column', height: '100%' }) }, { children: [showHeader && (_jsx(UnpinnedTableHeaderWrapper, { children: _jsx(SheetViewTableHeader, { "data-testid": "SheetViewVirtualTable_UnpinnedTableHeader", columnsSorting: columnsSorting, onColumnSort: onColumnSort, columns: unpinnedColumnsData, headerProps: headerProps, showBackDrop: showBackDrop, pinnedColumns: [...pinnedStartColumns, ...pinnedEndColumns], onColumnPin: handleColumnPin, isPinnable: isPinnable, lastColumnId: lastColumnId, selectedColumn: selectedColumn, onColumnClick: handleColumnClick }) })), _jsx(TableWrapper, Object.assign({ "data-testid": "VirtualTable_TableWrapper", sx: {
                                                     width: '100%',
                                                     minWidth: 'fit-content',
                                                 } }, { children: _jsx(StyledBox, Object.assign({ "data-testid": "SheetViewVirtualTable_ScrollableStyledBox", hidePadding: true, className: "list-wrapper" }, { children: createVirtualTableContainer(unpinnedColumnsData, 'scrollable', false) })) }))] })) })) })), renderPinnedColumn('end', pinnedEndColumnsData, pinnedEndColumnsWidth, [...pinnedStartColumns, ...pinnedEndColumns])] })), !showNoDataView && areTotalRowsNotFillingHeight && !isFetchingNextPage && (_jsx(TableLastItem, { height: (itemsCount + 1) * TABLE_ROW_HEIGHT, sandboxMode: footerProps === null || footerProps === void 0 ? void 0 : footerProps.sandboxMode, "data-testid": "SheetViewVirtualTable_TableLastItem" }))] }), _jsx(TableFooter, Object.assign({ "data-testid": "SheetViewVirtualTable_TableFooter", showSeparator: true, showBackDrop: showBackDrop, onPointerDown: onPointerDown }, footerProps))] }));

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { AnimationType, IColumnProps } from '../../../../types/index.js';
+interface ISheetViewTableLoadingProps {
+    columns: IColumnProps[];
+    isLoaded?: boolean;
+    animationType?: AnimationType;
+    isLoading?: boolean;
+    rowsCount?: number;
+}
+declare function SheetViewTableLoading({ columns, isLoaded, animationType, isLoading, rowsCount }: ISheetViewTableLoadingProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof SheetViewTableLoading>;
+export default _default;

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { styled } from '@mui/material/styles';
+import uniqueId from 'lodash/uniqueId';
+import { calculateMaxAllowedRows } from '../../../../utils/index.js';
+import SheetViewTableRowLoading from './SheetViewTableRowLoading';
+const Wrapper = styled('section')(({ isLoaded = false }) => ({
+    overflow: 'hidden',
+    paddingInline: isLoaded ? '32px' : '0px',
+    backgroundColor: isLoaded ? 'rgba(255, 255, 255, 0.60)' : 'none',
+    filter: isLoaded ? 'blur(8px)' : 'none',
+    marginTop: isLoaded ? '1rem' : '0',
+    height: 'auto',
+}));
+function SheetViewTableLoading({ columns, isLoaded = false, animationType, isLoading = false, rowsCount }) {
+    let maxAllowedRows = rowsCount || calculateMaxAllowedRows(isLoaded, isLoading);
+    maxAllowedRows = rowsCount || Math.max(maxAllowedRows, 25);
+    return (_jsx(Wrapper, Object.assign({ isLoaded: isLoaded, "data-testid": "SheetViewTableLoading" }, { children: [...Array(maxAllowedRows)].map((_, index) => (_jsx(SheetViewTableRowLoading, { columns: columns, animationType: animationType, rowIndex: index }, `i-${uniqueId('SheetViewTableLoadingRow_')}`))) })));
+}
+export default memo(SheetViewTableLoading);

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { IColumnProps, IVirtualTable } from '../../../../types/index.js';
+interface SheetViewTableNoDataProps {
+    tableEmpty: boolean;
+    tableLoading: boolean;
+    isTimeoutError: boolean;
+    error: Error | null;
+    tableError: boolean;
+    orderedColumns: IColumnProps[];
+    triggerDataRefetch: () => Promise<unknown>;
+    footerProps: IVirtualTable['footerProps'];
+}
+declare function SheetViewTableNoData({ error, tableEmpty, isTimeoutError, tableError, tableLoading, orderedColumns, triggerDataRefetch, footerProps, }: SheetViewTableNoDataProps): JSX.Element;
+declare namespace SheetViewTableNoData {
+    var displayName: string;
+}
+declare const _default: import("react").MemoExoticComponent<typeof SheetViewTableNoData>;
+export default _default;

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

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { backendErrorHandler } from '../../../../utils/index.js';
+import EmptyList from '../../components/EmptyList/EmptyList';
+import ErrorList from '../../components/ErrorList/ErrorList';
+import SheetViewTableLoading from './SheetViewTableLoading';
+import { StyledSolidBackground } from '../../style';
+function SheetViewTableNoData({ error, tableEmpty, isTimeoutError, tableError, tableLoading, orderedColumns, triggerDataRefetch, footerProps, }) {
+    let content;
+    if (tableLoading) {
+        content = (_jsx(StyledSolidBackground, Object.assign({ "data-testid": "SheetViewVirtualTable_SolidBackground" }, { children: _jsx(SheetViewTableLoading, { "data-testid": "SheetViewVirtualTable_TableLoading", columns: orderedColumns, isLoading: true }) })));
+    }
+    else if (isTimeoutError) {
+        content = (_jsx(ErrorList, { "data-testid": "SheetViewVirtualTable_ErrorList_timeoutError", shouldMinimizeWidth: true, heading: "timeOut", message: "yourRequestOutPleaseTryAgain", triggerDataRefetch: triggerDataRefetch, sandboxMode: footerProps === null || footerProps === void 0 ? void 0 : footerProps.sandboxMode }));
+    }
+    else if (tableError) {
+        const axiosErr = error;
+        const { formatted } = backendErrorHandler({ error: axiosErr, fallbackMessage: 'connectionErrorMsg' });
+        content = (_jsx(ErrorList, { "data-testid": "SheetViewVirtualTable_ErrorList_tableError", heading: "somethingWentWrong", message: formatted, triggerDataRefetch: triggerDataRefetch, sandboxMode: footerProps === null || footerProps === void 0 ? void 0 : footerProps.sandboxMode }));
+    }
+    else if (tableEmpty) {
+        const axiosErr = error;
+        const { formatted } = backendErrorHandler({ error: axiosErr, fallbackMessage: 'tryAdjustingTheDateOrFilters' });
+        content = _jsx(EmptyList, { sandboxMode: footerProps === null || footerProps === void 0 ? void 0 : footerProps.sandboxMode, heading: "nothingFound", message: formatted });
+    }
+    else {
+        content = (_jsx(ErrorList, { "data-testid": "SheetViewVirtualTable_ErrorList_tableError", heading: "somethingWentWrong", message: "connectionErrorMsg", triggerDataRefetch: triggerDataRefetch, sandboxMode: footerProps === null || footerProps === void 0 ? void 0 : footerProps.sandboxMode }));
+    }
+    return content;
+}
+SheetViewTableNoData.displayName = 'SheetViewTableNoData';
+export default memo(SheetViewTableNoData);

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

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+import type { AnimationType, IColumnProps } from '../../../../types/index.js';
+interface ISheetViewTableRowLoadingProps {
+    columns: IColumnProps[];
+    index?: number;
+    animationType?: AnimationType;
+    style?: CSSProperties;
+    rowIndex?: number;
+}
+declare function SheetViewTableRowLoading({ columns, style, index, animationType, rowIndex }: ISheetViewTableRowLoadingProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof SheetViewTableRowLoading>;
+export default _default;

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

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import Skeleton from '@mui/material/Skeleton';
+import { styled } from '@mui/material/styles';
+import TableCell from '@mui/material/TableCell';
+import MUITableRow from '@mui/material/TableRow';
+import { areEqual } from 'react-window';
+const StyledSkeleton = styled(Skeleton)(() => ({
+    backgroundColor: '#F4F4F4',
+    borderRadius: '64px',
+    width: '100%',
+    minWidth: '20px',
+}));
+function SheetViewTableRowLoading({ columns, style, index, animationType, rowIndex = 0 }) {
+    return (_jsx(MUITableRow, Object.assign({ sx: Object.assign(Object.assign({}, style), { display: 'flex', borderBottom: '1px solid #F2F2F2', minHeight: '28px', height: '28px', alignItems: 'center', '&:hover': {
+                backgroundColor: 'transparent !important',
+            } }), component: "div", hover: true }, { children: columns.map((column, colIndex) => {
+            var _a;
+            const isLastColumn = colIndex === columns.length - 1;
+            const isFirstColumn = colIndex === 0;
+            const shouldShowActualData = isFirstColumn && column.render;
+            return (_jsx(TableCell, Object.assign({ sx: {
+                    width: column.width || `${100 / columns.length}%` || '20%',
+                    paddingBlock: '0',
+                    paddingInline: '8px !important',
+                    paddingLeft: isFirstColumn ? '8px !important' : '8px !important',
+                    paddingRight: isLastColumn ? '8px !important' : '8px !important',
+                    borderRight: isLastColumn ? 'none' : '1px solid #F2F2F2',
+                    borderLeft: isFirstColumn ? '1px solid #F2F2F2' : 'none',
+                    height: '100%',
+                    display: 'flex',
+                    alignItems: 'center',
+                    boxSizing: 'border-box',
+                    whiteSpace: 'nowrap',
+                    overflow: 'hidden',
+                }, component: "div" }, { children: shouldShowActualData ? ((_a = column.render) === null || _a === void 0 ? void 0 : _a.call(column, {
+                    index: rowIndex,
+                    row: {},
+                    column,
+                    value: rowIndex + 1,
+                })) : (_jsx(StyledSkeleton, { variant: "rectangular", animation: animationType, height: 16 })) }), `${column.id}-${colIndex}`));
+        }) }), index));
+}
+export default memo(SheetViewTableRowLoading, areEqual);

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

@@ -0,0 +1,3 @@
+export { default as SheetViewTableLoading } from './SheetViewTableLoading';
+export { default as SheetViewTableRowLoading } from './SheetViewTableRowLoading';
+export { default as SheetViewTableNoData } from './SheetViewTableNoData';

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

@@ -0,0 +1,3 @@
+export { default as SheetViewTableLoading } from './SheetViewTableLoading';
+export { default as SheetViewTableRowLoading } from './SheetViewTableRowLoading';
+export { default as SheetViewTableNoData } from './SheetViewTableNoData';

package/build/types/merchant.d.ts

@@ -68,6 +68,7 @@ export interface BusinessMerchant {
                 platforms: Array<{
                     id: string;
                     brand: {
+                        logo?: string;
                         name: Array<{
                             lang: string;
                             text: string;

package/build/utils/localStorage.js

@@ -76,7 +76,7 @@ export const getLoggedInUserSegment = () => {
     const userData = getLoggedInUserData();
     if (!userData)
         return null;
-    return getSegmentData(userData === null || userData === void 0 ? void 0 : userData.segments, userData === null || userData === void 0 ? void 0 : userData.active_segment_id, userData === null || userData === void 0 ? void 0 : userData.active_segments);
+    return getSegmentData(userData === null || userData === void 0 ? void 0 : userData.segments, userData === null || userData === void 0 ? void 0 : userData.active_segment_id);
 };
 export const getLoggedInUserActiveSegment = () => {
     const userData = getLoggedInUserData();

package/build/utils/segment.d.ts

@@ -1,2 +1,2 @@
 import { Segment, SegmentData } from '../types/index.js';
-export declare const getSegmentData: (segments: Segment[], activeSegmentId: string, activeSegments: Segment[]) => SegmentData;
+export declare const getSegmentData: (segments: Segment[], activeSegmentId: string) => SegmentData;

package/build/utils/segment.js

@@ -1,12 +1,9 @@
 import { getDefaultEntityCountry } from './entity';
-export const getSegmentData = (segments, activeSegmentId, activeSegments) => {
-    var _a, _b, _c;
+export const getSegmentData = (segments, activeSegmentId) => {
+    var _a, _b;
     const newSegment = (_a = segments.find((segment) => segment.id === activeSegmentId)) !== null && _a !== void 0 ? _a : {};
-    const activeSegment = (_b = activeSegments.find((segment) => segment.id === activeSegmentId)) !== null && _b !== void 0 ? _b : {};
-    const defaultCountry = activeSegment.countries.length === 1
-        ? newSegment.countries.find((country) => { var _a; return country.id === ((_a = activeSegment.countries) === null || _a === void 0 ? void 0 : _a[0].id); })
-        : getDefaultEntityCountry(newSegment === null || newSegment === void 0 ? void 0 : newSegment.countries);
-    const defaultEntity = (_c = defaultCountry === null || defaultCountry === void 0 ? void 0 : defaultCountry.entities) === null || _c === void 0 ? void 0 : _c.find((entity) => entity.default);
+    const defaultCountry = getDefaultEntityCountry(newSegment === null || newSegment === void 0 ? void 0 : newSegment.countries);
+    const defaultEntity = (_b = defaultCountry === null || defaultCountry === void 0 ? void 0 : defaultCountry.entities) === null || _b === void 0 ? void 0 : _b.find((entity) => entity.default);
     return Object.assign(Object.assign({}, newSegment), { defaultCountry,
         defaultEntity });
 };

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.263",
-  "testVersion": 2,
+  "version": "0.0.266",
+  "testVersion": 1,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",
@@ -60,7 +60,7 @@
   ],
   "scripts": {
     "ts:build": "rm -rf build && tsc -p tsconfig.npm.json && tsc-alias -p tsconfig.npm.json",
-    "push": "npm version patch --no-git-tag-version && npm run ts:build && npm publish --access public",
+    "push": "npm run ts:build && npm publish --access public",
     "push:test": "node scripts/increment-test-version.cjs && npm run ts:build && npm publish --access public --tag test && node scripts/restore-version.cjs",
     "dev": "vite",
     "build": "tsc -b && vite build ",