@tap-payments/os-micro-frontend-shared 0.1.95 → 0.1.96-test.11

package/build/components/ToggleView/ToggleView.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cardViewButtonIcon, listViewButtonIcon } from '../../constants/index.js';
+import { ActiveOverlay, ViewButton } from './style';
+import { ToggleViews } from './types';
+import { useMemo } from 'react';
+import ToggleWrapper from './ToggleWrapper';
+const DEFAULT_TOGGLE_VIEWS = [
+    {
+        icon: _jsx("img", { src: cardViewButtonIcon, alt: "card" }),
+        value: ToggleViews.CARDS,
+    },
+    {
+        icon: _jsx("img", { src: listViewButtonIcon, alt: ToggleViews.LIST }),
+        value: ToggleViews.LIST,
+    },
+];
+const ToggleView = (props) => {
+    const { currentView, onToggleClick, getOverrideViews } = props;
+    const views = useMemo(() => {
+        if (getOverrideViews)
+            return getOverrideViews(DEFAULT_TOGGLE_VIEWS);
+        return DEFAULT_TOGGLE_VIEWS;
+    }, [getOverrideViews]);
+    const viewIndex = useMemo(() => views.findIndex((view) => view.value === currentView), [views, currentView]);
+    if (!onToggleClick)
+        return null;
+    return (_jsxs(ToggleWrapper, { children: [views.map((view) => (_jsx(ViewButton, Object.assign({ onClick: () => onToggleClick(view.value), sx: {
+                    height: '11.6px',
+                    width: '11.6px',
+                }, isActive: currentView === view.value }, { children: view.icon }), view.value))), _jsx(ActiveOverlay, { activeIndex: viewIndex })] }));
+};
+export default ToggleView;

package/build/components/ToggleView/ToggleWrapper.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+import { type BoxProps } from '@mui/material/Box';
+declare const ToggleWrapper: (props: PropsWithChildren<BoxProps>) => import("react/jsx-runtime").JSX.Element;
+export default ToggleWrapper;

package/build/components/ToggleView/ToggleWrapper.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { ToggleWrapperStyled } from './style';
+const ToggleWrapper = (props) => {
+    const viewTogglers = React.Children.count(props.children) - 1;
+    return _jsx(ToggleWrapperStyled, Object.assign({}, props, { sx: { width: viewTogglers * 30 + 2 } }));
+};
+export default ToggleWrapper;

package/build/components/ToggleView/index.d.ts

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

package/build/components/ToggleView/index.js

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

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare const ToggleWrapperStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ViewButton: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    isActive: boolean;
+}, {}, {}>;
+export declare const ActiveOverlay: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    activeIndex: number;
+}, {}, {}>;

package/build/components/ToggleView/style.js

@@ -0,0 +1,31 @@
+import { Box, styled } from '@mui/material';
+export const ToggleWrapperStyled = styled(Box)(({ theme }) => ({
+    height: '32px',
+    borderRadius: '4px',
+    backgroundColor: theme.palette.action.hover,
+    padding: '2px',
+    display: 'flex',
+    alignItems: 'center',
+    position: 'relative',
+    cursor: 'pointer'
+}));
+export const ViewButton = styled(Box, { shouldForwardProp: (props) => props !== 'isActive' })(({ isActive }) => ({
+    flex: 1,
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'relative',
+    zIndex: 2,
+    opacity: isActive ? 1 : 0.5
+}));
+export const ActiveOverlay = styled(Box, { shouldForwardProp: (props) => props !== 'activeIndex' })(({ theme, activeIndex }) => ({
+    position: 'absolute',
+    top: 2,
+    left: activeIndex * 30 + 2,
+    transition: 'all 0.25s ease-in-out',
+    width: '28px',
+    height: '28px',
+    backgroundColor: theme.palette.common.white,
+    borderRadius: '2px',
+    boxShadow: '0px 0px 4px 0px rgba(0, 0, 0, 0.20)'
+}));

package/build/components/ToggleView/types.d.ts

@@ -0,0 +1,6 @@
+export declare enum ToggleViews {
+    LIST = "LIST",
+    CARDS = "CARDS",
+    MAP = "MAP"
+}
+export type ToggleViewsValues = `${ToggleViews}` | (string & {});

package/build/components/ToggleView/types.js

@@ -0,0 +1,6 @@
+export var ToggleViews;
+(function (ToggleViews) {
+    ToggleViews["LIST"] = "LIST";
+    ToggleViews["CARDS"] = "CARDS";
+    ToggleViews["MAP"] = "MAP";
+})(ToggleViews || (ToggleViews = {}));

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

@@ -13,6 +13,12 @@ export declare const StyledHeaderWrapper: import("@emotion/styled").StyledCompon
     maximized?: boolean | undefined;
     isDragging?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledAppHeaderWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    sandboxMode?: boolean | undefined;
+    isDragging?: boolean | undefined;
+}, {}, {}>;
 export declare const ToolbarStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {

package/build/components/Toolbar/style.js

@@ -44,6 +44,11 @@ export const StyledHeaderWrapper = styled('div', {
 })), (isDragging && {
     cursor: 'move',
 })), { margin: 0 })));
+export const StyledAppHeaderWrapper = styled(Box, {
+    shouldForwardProp: (prop) => prop !== 'maximized' && prop !== 'isDragging',
+})(({ isDragging }) => (Object.assign(Object.assign({}, (isDragging && {
+    cursor: 'move',
+})), { margin: 0 })));
 export const ToolbarStyled = styled(Box, {
     shouldForwardProp: (props) => props !== 'maximized' && props !== 'isHovered',
 })(({ theme, maximized }) => (Object.assign(Object.assign({ height: 32, position: 'relative', display: 'flex', width: '100%', justifyContent: 'center', transition: 'all 0.5s ease-in-out', borderTopLeftRadius: '12px', borderTopRightRadius: '12px' }, (maximized && {

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { ISheetViewVirtualTable } from './types';
-declare function SheetViewVirtualTable({ columns, rows, threshold, showHeader, headerProps, rowProps, footerProps, rowHeight, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, areAllRowsLoaded, tableBodyStyles, tableTitle, dragControls, onColumnPin, clearBackdropVisibilityTimeout, isPinnable, tableMode, overscanCount, }: 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, areAllRowsLoaded, tableBodyStyles, tableTitle, onStartDrag, onColumnPin, clearBackdropVisibilityTimeout, isPinnable, tableMode, overscanCount, }: Readonly<ISheetViewVirtualTable>): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof SheetViewVirtualTable>;
 export default _default;

package/build/components/VirtualTables/SheetViewVirtualTable/SheetViewVirtualTable.js

@@ -6,7 +6,7 @@ import { SheetViewTableContainer } from '../components/style';
 import { SheetViewVirtualTableWrapper } from './style';
 import { usePinnedColumns, useSynchronizedScroll, useTableState, useTableData, useVirtualTableContainer, usePinnedColumnsWidths } from './hooks';
 import { PinnedColumn, MainTable, LoadingMainTable, NoDataView, VirtualTable } from './components';
-function SheetViewVirtualTable({ columns, rows, threshold = SHEET_VIEW_TABLE_THRESHOLD, showHeader, headerProps, rowProps, footerProps, rowHeight = 28, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, areAllRowsLoaded = false, tableBodyStyles, tableTitle, dragControls, onColumnPin, clearBackdropVisibilityTimeout = 100, isPinnable = false, tableMode, overscanCount, }) {
+function SheetViewVirtualTable({ columns, rows, threshold = SHEET_VIEW_TABLE_THRESHOLD, showHeader, headerProps, rowProps, footerProps, rowHeight = 28, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, areAllRowsLoaded = false, tableBodyStyles, tableTitle, onStartDrag, onColumnPin, clearBackdropVisibilityTimeout = 100, isPinnable = false, tableMode, overscanCount, }) {
     const { selectedCell, selectedColumn, selectedRow, showBackDrop, setShowBackdrop, handleCellClick, handleColumnClick, handleChipClick, selectedChip, } = useTableState();
     const { isError, tableLoading, tableError, tableEmpty, hasTimeoutError, showNoDataView, lastItemIndex, areTotalRowsNotFillingHeight, itemsCount, isDelayedFetchingNextPage, } = useTableData({
         rows,
@@ -35,7 +35,7 @@ function SheetViewVirtualTable({ columns, rows, threshold = SHEET_VIEW_TABLE_THR
         handleChipClick,
     });
     const onPointerDown = (e) => {
-        dragControls === null || dragControls === void 0 ? void 0 : dragControls.start(e);
+        onStartDrag === null || onStartDrag === void 0 ? void 0 : onStartDrag(e);
     };
     const createVirtualTableContainer = useCallback((columnsData, containerKey, isPinned = false, fixedWidth) => {
         const listRef = containerKey === 'pinnedStart' ? pinnedStartVirtualListRef : containerKey === 'pinnedEnd' ? pinnedEndVirtualListRef : scrollableVirtualListRef;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import type { IVirtualTable } from '../../../types/index.js';
-declare function VirtualTable({ columns, rows, threshold, showHeader, headerProps, rowProps, footerProps, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, areAllRowsLoaded, tableBodyStyles, tableMode, tableTitle, dragControls, isSheetView, isMinimized, }: Readonly<IVirtualTable>): import("react/jsx-runtime").JSX.Element;
+declare function VirtualTable({ columns, rows, threshold, showHeader, headerProps, rowProps, footerProps, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, areAllRowsLoaded, tableBodyStyles, tableMode, tableTitle, onStartDrag, isSheetView, isMinimized, }: Readonly<IVirtualTable>): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof VirtualTable>;
 export default _default;

package/build/components/VirtualTables/VirtualTable/VirtualTable.js

@@ -34,11 +34,11 @@ const createItemData = memoize((columns, isLoading, rows, rowProps, scrollToInde
     areAllRowsLoaded,
     isSheetView,
 }));
-function VirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, showHeader, headerProps, rowProps, footerProps, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, areAllRowsLoaded = false, tableBodyStyles, tableMode, tableTitle, dragControls, isSheetView = false, isMinimized, }) {
+function VirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, showHeader, headerProps, rowProps, footerProps, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, areAllRowsLoaded = false, tableBodyStyles, tableMode, tableTitle, onStartDrag, isSheetView = false, isMinimized, }) {
     var _a;
     const theme = useTheme();
     const onPointerDown = (e) => {
-        dragControls === null || dragControls === void 0 ? void 0 : dragControls.start(e);
+        onStartDrag === null || onStartDrag === void 0 ? void 0 : onStartDrag(e);
     };
     const isDelayedFetchingNextPage = useDelayToSetValue({
         value: isFetchingNextPage,

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

@@ -8,6 +8,6 @@ export interface VirtualTableWithCardProps extends Omit<IVirtualTable, 'showHead
     tableHeight: number;
     tableHeaderHeight?: number;
 }
-declare function VirtualTableWithCard({ rows, threshold, rowProps, footerProps, rowHeight, isLoading, error, tableHeader, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, areAllRowsLoaded, tableBodyStyles, tableMode, tableTitle, renderCardComponent, cardLoadingComponent, tableHeight, tableHeaderHeight, noDataComponent, dragControls, }: VirtualTableWithCardProps): import("react/jsx-runtime").JSX.Element;
+declare function VirtualTableWithCard({ rows, threshold, rowProps, footerProps, rowHeight, isLoading, error, tableHeader, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, areAllRowsLoaded, tableBodyStyles, tableMode, tableTitle, renderCardComponent, cardLoadingComponent, tableHeight, tableHeaderHeight, noDataComponent, onStartDrag, }: Readonly<VirtualTableWithCardProps>): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof VirtualTableWithCard>;
 export default _default;

package/build/components/VirtualTables/VirtualTableWithCard/VirtualTableWithCard.js

@@ -32,11 +32,11 @@ const createItemData = memoize((isLoading, rows, rowProps, scrollToIndex, lastIt
     areAllRowsLoaded,
     renderCardComponent,
 }));
-function VirtualTableWithCard({ rows, threshold = TABLE_THRESHOLD, rowProps, footerProps, rowHeight = TABLE_ROW_HEIGHT, isLoading, error, tableHeader, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, areAllRowsLoaded = false, tableBodyStyles, tableMode, tableTitle, renderCardComponent, cardLoadingComponent, tableHeight, tableHeaderHeight, noDataComponent, dragControls, }) {
+function VirtualTableWithCard({ rows, threshold = TABLE_THRESHOLD, rowProps, footerProps, rowHeight = TABLE_ROW_HEIGHT, isLoading, error, tableHeader, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, areAllRowsLoaded = false, tableBodyStyles, tableMode, tableTitle, renderCardComponent, cardLoadingComponent, tableHeight, tableHeaderHeight, noDataComponent, onStartDrag, }) {
     var _a;
     const theme = useTheme();
     const onPointerDown = (e) => {
-        dragControls === null || dragControls === void 0 ? void 0 : dragControls.start(e);
+        onStartDrag === null || onStartDrag === void 0 ? void 0 : onStartDrag(e);
     };
     const isDelayedFetchingNextPage = useDelayToSetValue({
         value: isFetchingNextPage,

package/build/components/index.d.ts

@@ -97,6 +97,10 @@ export { default as AppServices } from './AppServices';
 export { default as ScrollLoader } from './ScrollLoader';
 export * from './ScrollLoader';
 export * from './TooltipChip';
+export { default as ListLayout } from './ListLayout';
+export * from './ListLayout';
+export { default as ToggleView } from './ToggleView';
+export * from './ToggleView';
 export * from './RightLeftExpandingCenterChip';
 export { default as StatusChipWithCopy } from './StatusChipWithCopy';
 export * from './RadioButton';
@@ -106,3 +110,5 @@ export { default as ColorPicker } from './ColorPicker';
 export { default as WindowBackdrop } from './WindowBackdrop';
 export { default as LazyImage } from './LazyImage';
 export * from './LazyImage';
+export { default as AppServicesBar } from './AppServicesBar';
+export * from './AppServicesBar';

package/build/components/index.js

@@ -97,6 +97,10 @@ export { default as AppServices } from './AppServices';
 export { default as ScrollLoader } from './ScrollLoader';
 export * from './ScrollLoader';
 export * from './TooltipChip';
+export { default as ListLayout } from './ListLayout';
+export * from './ListLayout';
+export { default as ToggleView } from './ToggleView';
+export * from './ToggleView';
 export * from './RightLeftExpandingCenterChip';
 export { default as StatusChipWithCopy } from './StatusChipWithCopy';
 export * from './RadioButton';
@@ -106,3 +110,5 @@ export { default as ColorPicker } from './ColorPicker';
 export { default as WindowBackdrop } from './WindowBackdrop';
 export { default as LazyImage } from './LazyImage';
 export * from './LazyImage';
+export { default as AppServicesBar } from './AppServicesBar';
+export * from './AppServicesBar';

package/build/constants/apps.d.ts

@@ -719,3 +719,6 @@ export declare const APP_ICONS: {
     toolbarIconUrl: string;
 }[];
 export declare const excludedApps: string[];
+export declare const MF_APPS_MAPPER: Readonly<{
+    TERMINALS: "TERMINALS";
+}>;

package/build/constants/apps.js

@@ -359,3 +359,6 @@ export const APP_ICONS = [
     },
 ];
 export const excludedApps = ['login'];
+export const MF_APPS_MAPPER = Object.freeze({
+    TERMINALS: 'TERMINALS',
+});

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

@@ -27,7 +27,7 @@ export declare const authorizationTableCellWidth: {
     readonly date: {
         readonly default: "170px";
         readonly text: "170px";
-        readonly sheet: "170px";
+        readonly sheet: "130px";
     };
     readonly order: {
         readonly default: "80px";

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

@@ -27,7 +27,7 @@ export const authorizationTableCellWidth = {
     date: {
         default: '170px',
         text: '170px',
-        sheet: '170px',
+        sheet: '130px',
     },
     order: {
         default: '80px',

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

@@ -22,7 +22,7 @@ export declare const chargeTableCellWidth: {
     readonly date: {
         readonly default: "170px";
         readonly text: "170px";
-        readonly sheet: "129px";
+        readonly sheet: "130px";
     };
     readonly reference: {
         readonly default: "95px";

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

@@ -22,7 +22,7 @@ export const chargeTableCellWidth = {
     date: {
         default: '170px',
         text: '170px',
-        sheet: '129px',
+        sheet: '130px',
     },
     reference: {
         default: '95px',

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

@@ -12,12 +12,12 @@ export declare const destinationsTableCellWidth: {
     readonly created: {
         readonly default: "170px";
         readonly text: "170px";
-        readonly sheet: "170px";
+        readonly sheet: "130px";
     };
     readonly receipt: {
         readonly default: "85px";
         readonly text: "150px";
-        readonly sheet: "150px";
+        readonly sheet: "165px";
     };
     readonly reference: {
         readonly default: "95px";
@@ -47,7 +47,7 @@ export declare const destinationsTableCellWidth: {
     readonly device: {
         readonly default: "150px";
         readonly text: "250px";
-        readonly sheet: "250px";
+        readonly sheet: "235px";
     };
     readonly source: {
         readonly default: "114px";
@@ -62,7 +62,7 @@ export declare const destinationsTableCellWidth: {
     readonly payment_agreement: {
         readonly default: "50px";
         readonly text: "250px";
-        readonly sheet: "250px";
+        readonly sheet: "165px";
     };
     readonly amount: {
         readonly default: "195px";
@@ -81,13 +81,13 @@ export declare const destinationsTableCellWidth: {
     };
     readonly merchant: {
         readonly default: "100px";
-        readonly text: "180px";
-        readonly sheet: "180px";
+        readonly text: "150px";
+        readonly sheet: "215px";
     };
     readonly actions: {
         readonly default: "100px";
         readonly text: "100px";
-        readonly sheet: "100px";
+        readonly sheet: "85px";
     };
     readonly destination: {
         readonly default: "100px";
@@ -109,4 +109,64 @@ export declare const destinationsTableCellWidth: {
         readonly text: "116px";
         readonly sheet: "116px";
     };
+    readonly payment_initiated: {
+        readonly default: "150px";
+        readonly text: "150px";
+        readonly sheet: "150px";
+    };
+    readonly payment_issuers: {
+        readonly default: "150px";
+        readonly text: "150px";
+        readonly sheet: "350px";
+    };
+    readonly card_number: {
+        readonly default: "120px";
+        readonly text: "120px";
+        readonly sheet: "155px";
+    };
+    readonly card_no: {
+        readonly default: "120px";
+        readonly text: "120px";
+        readonly sheet: "200px";
+    };
+    readonly payment_type: {
+        readonly default: "150px";
+        readonly text: "150px";
+        readonly sheet: "120px";
+    };
+    readonly payment_method: {
+        readonly default: "150px";
+        readonly text: "150px";
+        readonly sheet: "145px";
+    };
+    readonly payment_scheme: {
+        readonly default: "150px";
+        readonly text: "150px";
+        readonly sheet: "145px";
+    };
+    readonly auth_status: {
+        readonly default: "150px";
+        readonly text: "150px";
+        readonly sheet: "165px";
+    };
+    readonly auth_type: {
+        readonly default: "150px";
+        readonly text: "150px";
+        readonly sheet: "155px";
+    };
+    readonly eci: {
+        readonly default: "150px";
+        readonly text: "150px";
+        readonly sheet: "100px";
+    };
+    readonly payout_status: {
+        readonly default: "120px";
+        readonly text: "120px";
+        readonly sheet: "120px";
+    };
+    readonly reference_transfer: {
+        readonly default: "350px";
+        readonly text: "350px";
+        readonly sheet: "350px";
+    };
 };

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

@@ -12,12 +12,12 @@ export const destinationsTableCellWidth = {
     created: {
         default: '170px',
         text: '170px',
-        sheet: '170px',
+        sheet: '130px',
     },
     receipt: {
         default: '85px',
         text: '150px',
-        sheet: '150px',
+        sheet: '165px',
     },
     reference: {
         default: '95px',
@@ -47,7 +47,7 @@ export const destinationsTableCellWidth = {
     device: {
         default: '150px',
         text: '250px',
-        sheet: '250px',
+        sheet: '235px',
     },
     source: {
         default: '114px',
@@ -62,7 +62,7 @@ export const destinationsTableCellWidth = {
     payment_agreement: {
         default: '50px',
         text: '250px',
-        sheet: '250px',
+        sheet: '165px',
     },
     amount: {
         default: '195px',
@@ -81,13 +81,13 @@ export const destinationsTableCellWidth = {
     },
     merchant: {
         default: '100px',
-        text: '180px',
-        sheet: '180px',
+        text: '150px',
+        sheet: '215px',
     },
     actions: {
         default: '100px',
         text: '100px',
-        sheet: '100px',
+        sheet: '85px',
     },
     destination: {
         default: '100px',
@@ -109,4 +109,64 @@ export const destinationsTableCellWidth = {
         text: '116px',
         sheet: '116px',
     },
+    payment_initiated: {
+        default: '150px',
+        text: '150px',
+        sheet: '150px',
+    },
+    payment_issuers: {
+        default: '150px',
+        text: '150px',
+        sheet: '350px',
+    },
+    card_number: {
+        default: '120px',
+        text: '120px',
+        sheet: '155px',
+    },
+    card_no: {
+        default: '120px',
+        text: '120px',
+        sheet: '200px',
+    },
+    payment_type: {
+        default: '150px',
+        text: '150px',
+        sheet: '120px',
+    },
+    payment_method: {
+        default: '150px',
+        text: '150px',
+        sheet: '145px',
+    },
+    payment_scheme: {
+        default: '150px',
+        text: '150px',
+        sheet: '145px',
+    },
+    auth_status: {
+        default: '150px',
+        text: '150px',
+        sheet: '165px',
+    },
+    auth_type: {
+        default: '150px',
+        text: '150px',
+        sheet: '155px',
+    },
+    eci: {
+        default: '150px',
+        text: '150px',
+        sheet: '100px',
+    },
+    payout_status: {
+        default: '120px',
+        text: '120px',
+        sheet: '120px',
+    },
+    reference_transfer: {
+        default: '350px',
+        text: '350px',
+        sheet: '350px',
+    },
 };

package/build/types/apps.d.ts

@@ -1,6 +1,11 @@
 import { ColumnsView } from './column';
-import { TextAndLang } from './user';
+import { Segment, SegmentCountry, TextAndLang } from './user';
 import { BusinessMerchant } from './merchant';
+import type { i18n } from 'i18next';
+import type { DragControls } from 'framer-motion';
+import { Theme } from '@mui/material';
+import { CalenderMode } from './theme';
+import { Timezone } from './appConfig';
 export interface AccountAppPayload {
     disabledAccountDataFetching?: boolean;
     isAccountDetailsOpen: boolean;
@@ -63,3 +68,49 @@ export interface UserApp {
     name: TextAndLang[];
     app_services: AppService[];
 }
+export type MFWidgetBaseProps = {
+    id: string;
+    i18n?: i18n;
+    app?: UserApp;
+    appWindow: {
+        isMinimized: boolean;
+        isMaximized: boolean;
+        order: number;
+        dimensions: Pick<AppDetails['dimensions'], 'width' | 'height'>;
+    };
+    features: {
+        hasReportsApp: boolean;
+        hasHeader: boolean;
+        sandboxMode: boolean;
+        initialServiceCode?: string;
+    };
+    segment: Pick<Segment, 'id' | 'brands' | 'countries'> & {
+        defaultCountry?: SegmentCountry;
+    };
+    ui: {
+        theme: Theme;
+        onStartDrag: DragControls['start'];
+    };
+    calendar: {
+        mode: CalenderMode;
+        onSwitch: (mode: CalenderMode) => void;
+    };
+    navigation: {
+        openAppService: (navigation: {
+            id?: string;
+            appId?: string;
+            appCode: string;
+            serviceCode: string;
+            state?: unknown;
+        }) => void;
+        openApp: (app: Pick<AppDetails, 'appCode' | 'serviceCode' | 'payload'> & {
+            sandboxMode?: boolean;
+        }) => void;
+    };
+    timezone: {
+        current?: Timezone | null;
+        default?: Timezone;
+        onChange: (timezone: Timezone) => void;
+        onChangeHistory: (timezone: Timezone) => void;
+    };
+};

package/build/types/table.d.ts

@@ -136,7 +136,7 @@ export interface IVirtualTable<R = any> {
         height: string | number;
         width: string | number;
     };
-    dragControls?: DragControls;
+    onStartDrag?: DragControls['start'];
     isSheetView?: boolean;
     isMinimized?: boolean;
 }