@tap-payments/os-micro-frontend-shared 0.1.216 → 0.1.217-test.14

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import { GetSourceAnimationFunction } from './type';
 export declare const ChipStyled: import("@emotion/styled").StyledComponent<import("react").RefAttributes<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     variant?: import("./type").ChipVariant | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const AgreementImageWrapper: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DialogWrapper: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

package/build/components/ImageWrapper/ImageWrapper.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 declare const ImageWrapper: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const FOOTER_HEIGHT = 37;
 export declare const TITLE_BAR_HEIGHT = "32px";
 export declare const VIEWER_HEIGHT = 545;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import type { SxProps, Theme } from '@mui/material/styles';
 export declare const CHIP_GAP = 3;
 export declare const DEFAULT_CHIP_MIN_WIDTH = 24;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import type { SxProps, Theme } from '@mui/material/styles';
 export declare const CHIP_GAP = 3;
 export declare const CenterIconWrapper: import("@emotion/styled").StyledComponent<{

package/build/components/SearchButton/styles.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledInput: import("@emotion/styled").StyledComponent<{
     width?: string | number | undefined;
     height?: string | number | undefined;

package/build/components/StatusIcons/AuthIcons/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{

package/build/components/StatusIcons/AuthorizationAutoIcons/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const BalanceCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

package/build/components/StatusIcons/ChargeStatusIcon/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const ErrorCodeLabel: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

package/build/components/StatusIcons/SourceIcons/style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 import { TableMode } from '../../../../types/index.js';
 export declare const ActionCellContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     tableMode?: TableMode | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledAppsCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const AppsStatusContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const AuthIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const AuthCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const BalanceCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const Button: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const ProductCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const ReferenceSourcesContainer: import("@emotion/styled").StyledComponent<{

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const RefundChargeCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const RefundCellContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const SalesChannelsContainer: import("@emotion/styled").StyledComponent<{

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const ReferenceSourcesContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const MultiRefundIcon: import("@emotion/styled").StyledComponent<{
     width?: string | number | undefined;
     height?: string | number | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     id?: string | undefined;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 export declare const GeographyBox: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     variant?: "Global" | "Regional" | "Local" | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/build/components/VirtualTables/SheetViewVirtualTable/features/resize/hooks/useColumnResize.js

@@ -36,6 +36,8 @@ export const useColumnResize = ({ columns, onColumnResize, handleColumnClick, wi
     const isResizingRef = useRef(false);
     const initialCursorYRef = useRef(0);
     const clampedXRef = useRef(0);
+    const startXRef = useRef(0);
+    const startWidthRef = useRef(0);
     const mouseMoveRef = useRef();
     const mouseUpRef = useRef();
     useEffect(() => {
@@ -64,7 +66,7 @@ export const useColumnResize = ({ columns, onColumnResize, handleColumnClick, wi
         return createResizeEndHandler(windowId, serviceCode, onColumnResize, setResizeState, cleanupEventListeners, isResizingRef, clampedXRef)(columnId, currentWidth, startX);
     }, [windowId, serviceCode, onColumnResize, cleanupEventListeners]);
     const createMouseMoveHandlerCallback = useCallback((columnIndex, columnPinned) => {
-        return createMouseMoveHandler(setResizeState, setCursorPosition, initialCursorYRef, tableContainerRef, columnIndex, columnPinned, clampedXRef);
+        return createMouseMoveHandler(setResizeState, setCursorPosition, initialCursorYRef, tableContainerRef, columnIndex, columnPinned, clampedXRef, startXRef, startWidthRef);
     }, [tableContainerRef]);
     const startResize = useCallback((e, columnId) => {
         e.preventDefault();
@@ -89,6 +91,8 @@ export const useColumnResize = ({ columns, onColumnResize, handleColumnClick, wi
             setResizeState((prev) => (Object.assign(Object.assign({}, prev), { isResizing: true, resizingColumn: columnId, startX, startWidth: currentWidth, resizeIndicatorX: startX, resizingColumnIndex: columnIndex, resizingColumnPinned: columnPinned })));
             initialCursorYRef.current = iconY;
             clampedXRef.current = startX;
+            startXRef.current = startX;
+            startWidthRef.current = currentWidth;
             setCursorPosition({ x: startX, y: iconY });
             isResizingRef.current = true;
             // Create and store event handlers

package/build/components/VirtualTables/SheetViewVirtualTable/features/resize/hooks/useColumnResizeWithPinned.d.ts

@@ -22,7 +22,7 @@ export declare const useColumnResizeWithPinned: ({ pinnedStartColumnsData, pinne
         order?: number | undefined;
         pinned?: "start" | "end" | undefined;
         pinnable?: boolean | undefined;
-        cellStyle?: import("react").CSSProperties | undefined;
+        cellStyle?: import("@mui/system").SxProps | undefined;
         headerStyle?: import("react").CSSProperties | undefined;
         filter?: ({
             onConfirm?: ((filterValues: import("../../../../../../types/index.js").ColumnFilterValues) => void) | undefined;
@@ -48,7 +48,7 @@ export declare const useColumnResizeWithPinned: ({ pinnedStartColumnsData, pinne
         order?: number | undefined;
         pinned?: "start" | "end" | undefined;
         pinnable?: boolean | undefined;
-        cellStyle?: import("react").CSSProperties | undefined;
+        cellStyle?: import("@mui/system").SxProps | undefined;
         headerStyle?: import("react").CSSProperties | undefined;
         filter?: ({
             onConfirm?: ((filterValues: import("../../../../../../types/index.js").ColumnFilterValues) => void) | undefined;

package/build/components/VirtualTables/SheetViewVirtualTable/features/resize/styles.js

@@ -9,7 +9,7 @@ export const StyledResizeIcon = styled('div', {
     width: 20,
     height: '100%',
     backgroundColor: 'transparent',
-    zIndex: 100000,
+    zIndex: 100001,
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',

package/build/components/VirtualTables/SheetViewVirtualTable/features/resize/utils/resize.d.ts

@@ -13,6 +13,6 @@ export declare const createMouseUpHandler: (columnId: string, currentWidth: numb
 export declare const createMouseMoveHandler: (setResizeState: React.Dispatch<React.SetStateAction<ColumnResizeState>>, setCursorPosition: React.Dispatch<React.SetStateAction<{
     x: number;
     y: number;
-}>>, initialCursorYRef: React.MutableRefObject<number>, tableContainerRef?: React.RefObject<HTMLDivElement>, resizingColumnIndex?: number, resizingColumnPinned?: 'start' | 'end', clampedXRef?: React.MutableRefObject<number>) => (mouseEvent: MouseEvent) => void;
+}>>, initialCursorYRef: React.MutableRefObject<number>, tableContainerRef?: React.RefObject<HTMLDivElement>, resizingColumnIndex?: number, resizingColumnPinned?: 'start' | 'end', clampedXRef?: React.MutableRefObject<number>, startXRef?: React.MutableRefObject<number>, startWidthRef?: React.MutableRefObject<number>) => (mouseEvent: MouseEvent) => void;
 export declare const getColumnWidthFromState: (columnWidths: Record<string, number>, columnId: string) => number;
 export declare const createResizeEndHandler: (windowId: string | undefined, serviceCode: string | undefined, onColumnResize: ((columnId: string, width: number) => void) | undefined, setResizeState: React.Dispatch<React.SetStateAction<ColumnResizeState>>, cleanupFn: () => void, isResizingRef: React.MutableRefObject<boolean>, clampedXRef: React.MutableRefObject<number>) => (columnId: string, currentWidth: number, startX: number) => (event: MouseEvent) => void;

package/build/components/VirtualTables/SheetViewVirtualTable/features/resize/utils/resize.js

@@ -66,7 +66,7 @@ export const createMouseUpHandler = (columnId, currentWidth, startX, windowId, s
         }
     };
 };
-export const createMouseMoveHandler = (setResizeState, setCursorPosition, initialCursorYRef, tableContainerRef, resizingColumnIndex, resizingColumnPinned, clampedXRef) => {
+export const createMouseMoveHandler = (setResizeState, setCursorPosition, initialCursorYRef, tableContainerRef, resizingColumnIndex, resizingColumnPinned, clampedXRef, startXRef, startWidthRef) => {
     return (mouseEvent) => {
         try {
             let clampedX = mouseEvent.clientX;
@@ -85,9 +85,22 @@ export const createMouseMoveHandler = (setResizeState, setCursorPosition, initia
             if (clampedXRef) {
                 clampedXRef.current = clampedX;
             }
-            setResizeState((prev) => (Object.assign(Object.assign({}, prev), { resizeIndicatorX: clampedX })));
+            // Calculate the indicator position capped at minimum column width
+            let indicatorX = clampedX;
+            if (startXRef && startWidthRef) {
+                // Calculate the minimum position: start position minus how much we can shrink
+                // The left edge of the column is at (startX - startWidth)
+                // The minimum right edge position is at (leftEdge + MIN_WIDTH)
+                const minPositionX = startXRef.current - startWidthRef.current + COLUMN_WIDTH_CONSTRAINTS.MIN_WIDTH;
+                // Cap the indicator at the minimum position when dragging left past minimum
+                // This ensures smooth behavior: indicator only moves when cursor is to the right of minimum position
+                if (clampedX < minPositionX) {
+                    indicatorX = minPositionX;
+                }
+            }
+            setResizeState((prev) => (Object.assign(Object.assign({}, prev), { resizeIndicatorX: indicatorX })));
             setCursorPosition({
-                x: clampedX,
+                x: indicatorX,
                 y: initialCursorYRef.current,
             });
         }

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 interface TableWrapperProps {
     showNoDataView?: boolean;
 }

package/build/types/merchant.d.ts

@@ -11,6 +11,95 @@ export interface Merchant {
 }
 export type VerificationStatus = 'incomplete' | 'complete' | 'reviewed' | 'verified';
 export type MerchantStatus = 'completed' | 'all' | 'country';
+export interface MerchantDetails {
+    id: string;
+    status: MerchantStatus;
+    marketplace: boolean;
+    commerceplatform: {
+        id: string;
+        name: {
+            en: string;
+        };
+        logo: string;
+        operator_id: string;
+    };
+    platforms: Array<{
+        id: string;
+        segment: string;
+        brand: {
+            logo?: string;
+            name: Array<{
+                lang: string;
+                text: string;
+            }>;
+        };
+    }>;
+    wallet: {
+        id: string;
+        status: MerchantStatus;
+        bank_account: {
+            id: string;
+            status: MerchantStatus;
+            iban: string;
+        };
+        payout_status: string;
+        payout_status_control: string;
+    };
+    created: number;
+    country: string;
+    terminal: {
+        id: string;
+        authorizes: {
+            status: string;
+            status_message: string;
+        };
+        charges: {
+            status: string;
+            status_message: string;
+        };
+        refunds: {
+            status: string;
+            status_message: string;
+        };
+        virtual: boolean;
+        acceptance_status: string;
+        acceptance_status_control: string;
+    };
+    payout_status: 'enabled' | 'disabled';
+    acceptance_status: 'enabled' | 'disabled';
+    legacy_id: string;
+    base_currency: string;
+    payment_provider: {
+        technology_id: string;
+        settlement_by: string;
+    };
+    development_house: {
+        id: string;
+        name: {
+            ar: string | null;
+            en: string;
+        };
+        logo: string;
+    };
+    payment_provider_info: {
+        technology: {
+            id: string;
+            name: {
+                ar: string | null;
+                en: string;
+            };
+            logo: string;
+        };
+        settlement_by: {
+            id: string;
+            name: {
+                ar: string | null;
+                en: string;
+            };
+            logo: string;
+        };
+    };
+}
 export interface BusinessMerchant {
     id: string;
     status: MerchantStatus;
@@ -53,95 +142,8 @@ export interface BusinessMerchant {
             legal_name: {
                 en: string;
             };
-            merchant: {
-                id: string;
-                status: MerchantStatus;
-                marketplace: boolean;
-                commerceplatform: {
-                    id: string;
-                    name: {
-                        en: string;
-                    };
-                    logo: string;
-                    operator_id: string;
-                };
-                platforms: Array<{
-                    id: string;
-                    segment: string;
-                    brand: {
-                        logo?: string;
-                        name: Array<{
-                            lang: string;
-                            text: string;
-                        }>;
-                    };
-                }>;
-                wallet: {
-                    id: string;
-                    status: MerchantStatus;
-                    bank_account: {
-                        id: string;
-                        status: MerchantStatus;
-                        iban: string;
-                    };
-                    payout_status: string;
-                    payout_status_control: string;
-                };
-                created: number;
-                country: string;
-                terminal: {
-                    id: string;
-                    authorizes: {
-                        status: string;
-                        status_message: string;
-                    };
-                    charges: {
-                        status: string;
-                        status_message: string;
-                    };
-                    refunds: {
-                        status: string;
-                        status_message: string;
-                    };
-                    virtual: boolean;
-                    acceptance_status: string;
-                    acceptance_status_control: string;
-                };
-                payout_status: 'enabled' | 'disabled';
-                acceptance_status: 'enabled' | 'disabled';
-                legacy_id: string;
-                base_currency: string;
-                payment_provider: {
-                    technology_id: string;
-                    settlement_by: string;
-                };
-                development_house: {
-                    id: string;
-                    name: {
-                        ar: string | null;
-                        en: string;
-                    };
-                    logo: string;
-                };
-                payment_provider_info: {
-                    technology: {
-                        id: string;
-                        name: {
-                            ar: string | null;
-                            en: string;
-                        };
-                        logo: string;
-                    };
-                    settlement_by: {
-                        id: string;
-                        name: {
-                            ar: string | null;
-                            en: string;
-                        };
-                        logo: string;
-                    };
-                };
-            };
+            merchant: MerchantDetails;
+            retailer: MerchantDetails;
             country: string;
             license: {
                 number: string;

package/build/types/table.d.ts

@@ -34,7 +34,7 @@ export interface IColumnProps<R = any> {
     order?: number;
     pinned?: 'start' | 'end';
     pinnable?: boolean;
-    cellStyle?: React.CSSProperties;
+    cellStyle?: SxProps;
     headerStyle?: React.CSSProperties;
     filter?: IColumnFilter;
     isDefaultPinned?: boolean;

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.216",
-  "testVersion": 11,
+  "version": "0.1.217-test.14",
+  "testVersion": 14,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",
@@ -163,4 +163,4 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   }
-}
+}