@tap-payments/os-micro-frontend-shared 0.1.96-test.21 → 0.1.96-test.23

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

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

package/build/components/Window/Window.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useMemo, useState, useRef, useEffect } from 'react';
+import { useTheme } from '@mui/material';
 import { motion } from 'framer-motion';
 import { Resizable } from 're-resizable';
 import { APP_WINDOW_Z_INDEX, FOOTER_HEIGHT, HEADER_HEIGHT } from '../../constants/index.js';
 import { contentStyle, ContentWrapper, initalStyle, resizableMainStyle, AppContainerWrapper, AppContainerContainer } from './style';
 function WindowWrapper({ children, id, onResize, isMaximized, isMinimized, dragControls, onClick, options: { width, height, minHeight, minWidth, maxHeight, maxWidth, order, openOrder = 1 }, sandboxMode = false, }) {
+    const theme = useTheme();
     const [isDrag, setIsDrag] = useState(true);
     const modalRef = useRef(null);
     const constraintsRef = useRef(null);
@@ -16,9 +18,9 @@ function WindowWrapper({ children, id, onResize, isMaximized, isMinimized, dragC
         onClick === null || onClick === void 0 ? void 0 : onClick();
         setIsDrag(false);
     };
-    const resizableStyle = useMemo(() => (Object.assign(Object.assign(Object.assign({}, resizableMainStyle), { maxWidth: width, borderRadius: !isMaximized ? 12 : '0 !important' }), (!isMaximized && {
+    const resizableStyle = useMemo(() => (Object.assign(Object.assign(Object.assign(Object.assign({}, resizableMainStyle), { maxWidth: width, borderRadius: !isMaximized ? 12 : '0 !important' }), (!isMaximized && {
         top: 0,
-    }))), [isMaximized, width]);
+    })), { background: sandboxMode ? theme.palette.common.lightOrange : theme.palette.background.transparent[0], backdropFilter: 'blur(32px)' })), [width, isMaximized, sandboxMode]);
     useEffect(() => {
         var _a;
         (_a = resizableRef.current) === null || _a === void 0 ? void 0 : _a.updateSize({
@@ -32,7 +34,7 @@ function WindowWrapper({ children, id, onResize, isMaximized, isMinimized, dragC
                         left: 48 * (openOrder - 1),
                     })), animate: Object.assign(Object.assign({ width }, (isMaximized && {
                         width: '100vw',
-                    })), { scale: Number(!isMinimized), top: isMaximized ? 0 : HEADER_HEIGHT + FOOTER_HEIGHT * (openOrder - 1), left: isMaximized ? 0 : 48 * (openOrder - 1) }), ref: modalRef, maximized: isMaximized, transition: { duration: isMaximized ? 0.3 : 0 }, sandboxMode: sandboxMode }, { children: _jsx(Resizable, Object.assign({ ref: (c) => {
+                    })), { scale: Number(!isMinimized), top: isMaximized ? 0 : HEADER_HEIGHT + FOOTER_HEIGHT * (openOrder - 1), left: isMaximized ? 0 : 48 * (openOrder - 1) }), ref: modalRef, maximized: isMaximized, transition: { duration: isMaximized ? 0.3 : 0 } }, { children: _jsx(Resizable, Object.assign({ ref: (c) => {
                             resizableRef.current = c;
                         }, style: resizableStyle, minHeight: minHeight, minWidth: minWidth, maxHeight: maxHeight, maxWidth: maxWidth, onResizeStart: onResizeStart, onResizeStop: onResizeStop, onResize: (_, __, element) => {
                             onResize === null || onResize === void 0 ? void 0 : onResize(element);

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

@@ -49,7 +49,7 @@ export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "off" | "on" | undefined;
-    inputMode?: "none" | "email" | "search" | "numeric" | "url" | "text" | "tel" | "decimal" | undefined;
+    inputMode?: "none" | "email" | "search" | "numeric" | "text" | "url" | "tel" | "decimal" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
@@ -265,7 +265,6 @@ export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     maximized?: boolean | undefined;
-    sandboxMode?: boolean | undefined;
 }, {}, {}>;
 export declare const AppContainerWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
@@ -317,7 +316,7 @@ export declare const AppContainerContainer: import("@emotion/styled").StyledComp
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "off" | "on" | undefined;
-    inputMode?: "none" | "email" | "search" | "numeric" | "url" | "text" | "tel" | "decimal" | undefined;
+    inputMode?: "none" | "email" | "search" | "numeric" | "text" | "url" | "tel" | "decimal" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;

package/build/components/Window/style.js

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

package/build/constants/apps.d.ts

@@ -517,6 +517,9 @@ export declare const APP_CODES: {
             retailerPayout: {
                 code: string;
             };
+            merchantPayout: {
+                code: string;
+            };
         };
     };
     protect: {

package/build/constants/apps.js

@@ -201,6 +201,7 @@ export const APP_CODES = {
             },
             reversePayout: { code: 'REVERSEPAYOUT' },
             retailerPayout: { code: 'RETAILER_PAYOUTS' },
+            merchantPayout: { code: 'MERCHANT_PAYOUTS' },
         },
     },
     protect: {

package/build/constants/assets.d.ts

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

package/build/constants/assets.js

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

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

@@ -7,7 +7,7 @@ export declare const authorizationTableCellWidth: {
     readonly id: {
         readonly default: "225px";
         readonly text: "225px";
-        readonly sheet: "250x";
+        readonly sheet: "250px";
     };
     readonly auto: {
         readonly default: "70px";
@@ -37,7 +37,27 @@ export declare const authorizationTableCellWidth: {
     readonly customer: {
         readonly default: "170px";
         readonly text: "180px";
-        readonly sheet: "180px";
+        readonly sheet: "600px";
+    };
+    readonly customer_id: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "270px";
+    };
+    readonly customer_name: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "155px";
+    };
+    readonly customer_email: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "200px";
+    };
+    readonly customer_phone: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "150px";
     };
     readonly reference: {
         readonly default: "95px";
@@ -147,7 +167,7 @@ export declare const authorizationTableCellWidth: {
     readonly transaction_id: {
         readonly default: "120px";
         readonly text: "120px";
-        readonly sheet: "120px";
+        readonly sheet: "315px";
     };
     readonly device: {
         readonly default: "60px";
@@ -159,6 +179,11 @@ export declare const authorizationTableCellWidth: {
         readonly text: "120px";
         readonly sheet: "140px";
     };
+    readonly name_on_card: {
+        readonly default: "120px";
+        readonly text: "120px";
+        readonly sheet: "270px";
+    };
     readonly brand: {
         readonly default: "116px";
         readonly text: "116px";
@@ -172,7 +197,12 @@ export declare const authorizationTableCellWidth: {
     readonly payment_issuers: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "350px";
+        readonly sheet: "430px";
+    };
+    readonly issuer_response: {
+        readonly default: "70px";
+        readonly text: "70px";
+        readonly sheet: "270px";
     };
     readonly card_number: {
         readonly default: "120px";
@@ -212,6 +242,6 @@ export declare const authorizationTableCellWidth: {
     readonly acquirer_response: {
         readonly default: "70px";
         readonly text: "70px";
-        readonly sheet: "225px";
+        readonly sheet: "253px";
     };
 };

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

@@ -7,7 +7,7 @@ export const authorizationTableCellWidth = {
     id: {
         default: '225px',
         text: '225px',
-        sheet: '250x',
+        sheet: '250px',
     },
     auto: {
         default: '70px',
@@ -37,7 +37,27 @@ export const authorizationTableCellWidth = {
     customer: {
         default: '170px',
         text: '180px',
-        sheet: '180px',
+        sheet: '600px',
+    },
+    customer_id: {
+        default: '180px',
+        text: '180px',
+        sheet: '270px',
+    },
+    customer_name: {
+        default: '180px',
+        text: '180px',
+        sheet: '155px',
+    },
+    customer_email: {
+        default: '180px',
+        text: '180px',
+        sheet: '200px',
+    },
+    customer_phone: {
+        default: '180px',
+        text: '180px',
+        sheet: '150px',
     },
     reference: {
         default: '95px',
@@ -147,7 +167,7 @@ export const authorizationTableCellWidth = {
     transaction_id: {
         default: '120px',
         text: '120px',
-        sheet: '120px',
+        sheet: '315px',
     },
     device: {
         default: '60px',
@@ -159,6 +179,11 @@ export const authorizationTableCellWidth = {
         text: '120px',
         sheet: '140px',
     },
+    name_on_card: {
+        default: '120px',
+        text: '120px',
+        sheet: '270px',
+    },
     brand: {
         default: '116px',
         text: '116px',
@@ -172,7 +197,12 @@ export const authorizationTableCellWidth = {
     payment_issuers: {
         default: '150px',
         text: '150px',
-        sheet: '350px',
+        sheet: '430px',
+    },
+    issuer_response: {
+        default: '70px',
+        text: '70px',
+        sheet: '270px',
     },
     card_number: {
         default: '120px',
@@ -212,6 +242,6 @@ export const authorizationTableCellWidth = {
     acquirer_response: {
         default: '70px',
         text: '70px',
-        sheet: '225px',
+        sheet: '253px',
     },
 };

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

@@ -12,7 +12,7 @@ export declare const chargeTableCellWidth: {
     readonly id: {
         readonly default: "225px";
         readonly text: "225px";
-        readonly sheet: "245px";
+        readonly sheet: "250px";
     };
     readonly product: {
         readonly default: "85px";
@@ -37,7 +37,27 @@ export declare const chargeTableCellWidth: {
     readonly customer: {
         readonly default: "180px";
         readonly text: "180px";
-        readonly sheet: "145px";
+        readonly sheet: "600px";
+    };
+    readonly customer_id: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "270px";
+    };
+    readonly customer_name: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "155px";
+    };
+    readonly customer_email: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "200px";
+    };
+    readonly customer_phone: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "150px";
     };
     readonly source: {
         readonly default: "114px";
@@ -62,7 +82,7 @@ export declare const chargeTableCellWidth: {
     readonly payment_issuers: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "350px";
+        readonly sheet: "430px";
     };
     readonly payment_method: {
         readonly default: "150px";
@@ -117,12 +137,12 @@ export declare const chargeTableCellWidth: {
     readonly issuer_response: {
         readonly default: "70px";
         readonly text: "70px";
-        readonly sheet: "175px";
+        readonly sheet: "270px";
     };
     readonly acquirer_response: {
         readonly default: "70px";
         readonly text: "70px";
-        readonly sheet: "225px";
+        readonly sheet: "253px";
     };
     readonly payout_status: {
         readonly default: "70px";
@@ -189,6 +209,11 @@ export declare const chargeTableCellWidth: {
         readonly text: "120px";
         readonly sheet: "155px";
     };
+    readonly name_on_card: {
+        readonly default: "120px";
+        readonly text: "120px";
+        readonly sheet: "270px";
+    };
     readonly auth_code: {
         readonly default: "80px";
         readonly text: "80px";

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

@@ -12,7 +12,7 @@ export const chargeTableCellWidth = {
     id: {
         default: '225px',
         text: '225px',
-        sheet: '245px',
+        sheet: '250px',
     },
     product: {
         default: '85px',
@@ -37,7 +37,27 @@ export const chargeTableCellWidth = {
     customer: {
         default: '180px',
         text: '180px',
-        sheet: '145px',
+        sheet: '600px',
+    },
+    customer_id: {
+        default: '180px',
+        text: '180px',
+        sheet: '270px',
+    },
+    customer_name: {
+        default: '180px',
+        text: '180px',
+        sheet: '155px',
+    },
+    customer_email: {
+        default: '180px',
+        text: '180px',
+        sheet: '200px',
+    },
+    customer_phone: {
+        default: '180px',
+        text: '180px',
+        sheet: '150px',
     },
     source: {
         default: '114px',
@@ -62,7 +82,7 @@ export const chargeTableCellWidth = {
     payment_issuers: {
         default: '150px',
         text: '150px',
-        sheet: '350px',
+        sheet: '430px',
     },
     payment_method: {
         default: '150px',
@@ -117,12 +137,12 @@ export const chargeTableCellWidth = {
     issuer_response: {
         default: '70px',
         text: '70px',
-        sheet: '175px',
+        sheet: '270px',
     },
     acquirer_response: {
         default: '70px',
         text: '70px',
-        sheet: '225px',
+        sheet: '253px',
     },
     payout_status: {
         default: '70px',
@@ -189,6 +209,11 @@ export const chargeTableCellWidth = {
         text: '120px',
         sheet: '155px',
     },
+    name_on_card: {
+        default: '120px',
+        text: '120px',
+        sheet: '270px',
+    },
     auth_code: {
         default: '80px',
         text: '80px',

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

@@ -32,7 +32,27 @@ export declare const destinationsTableCellWidth: {
     readonly customer: {
         readonly default: "180px";
         readonly text: "180px";
-        readonly sheet: "180px";
+        readonly sheet: "600px";
+    };
+    readonly customer_id: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "270px";
+    };
+    readonly customer_name: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "155px";
+    };
+    readonly customer_email: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "200px";
+    };
+    readonly customer_phone: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "150px";
     };
     readonly chargeId: {
         readonly default: "225px";
@@ -117,7 +137,7 @@ export declare const destinationsTableCellWidth: {
     readonly payment_issuers: {
         readonly default: "150px";
         readonly text: "150px";
-        readonly sheet: "350px";
+        readonly sheet: "430px";
     };
     readonly card_number: {
         readonly default: "120px";
@@ -129,6 +149,11 @@ export declare const destinationsTableCellWidth: {
         readonly text: "120px";
         readonly sheet: "200px";
     };
+    readonly name_on_card: {
+        readonly default: "120px";
+        readonly text: "120px";
+        readonly sheet: "270px";
+    };
     readonly payment_type: {
         readonly default: "150px";
         readonly text: "150px";

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

@@ -32,7 +32,27 @@ export const destinationsTableCellWidth = {
     customer: {
         default: '180px',
         text: '180px',
-        sheet: '180px',
+        sheet: '600px',
+    },
+    customer_id: {
+        default: '180px',
+        text: '180px',
+        sheet: '270px',
+    },
+    customer_name: {
+        default: '180px',
+        text: '180px',
+        sheet: '155px',
+    },
+    customer_email: {
+        default: '180px',
+        text: '180px',
+        sheet: '200px',
+    },
+    customer_phone: {
+        default: '180px',
+        text: '180px',
+        sheet: '150px',
     },
     chargeId: {
         default: '225px',
@@ -117,7 +137,7 @@ export const destinationsTableCellWidth = {
     payment_issuers: {
         default: '150px',
         text: '150px',
-        sheet: '350px',
+        sheet: '430px',
     },
     card_number: {
         default: '120px',
@@ -129,6 +149,11 @@ export const destinationsTableCellWidth = {
         text: '120px',
         sheet: '200px',
     },
+    name_on_card: {
+        default: '120px',
+        text: '120px',
+        sheet: '270px',
+    },
     payment_type: {
         default: '150px',
         text: '150px',

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

@@ -5,17 +5,17 @@ export declare const merchantsTableCellWidth: {
         readonly sheet: "225px";
     };
     readonly entity: {
-        readonly default: "146px";
+        readonly default: "137px";
         readonly text: "180px";
         readonly sheet: "180px";
     };
     readonly created: {
-        readonly default: "160px";
+        readonly default: "144px";
         readonly text: "170px";
         readonly sheet: "170px";
     };
     readonly brands: {
-        readonly default: "140px";
+        readonly default: "131px";
         readonly text: "140px";
         readonly sheet: "140px";
     };
@@ -25,7 +25,7 @@ export declare const merchantsTableCellWidth: {
         readonly sheet: "110px";
     };
     readonly individuals: {
-        readonly default: "185px";
+        readonly default: "147px";
         readonly text: "185px";
         readonly sheet: "185px";
     };
@@ -40,7 +40,7 @@ export declare const merchantsTableCellWidth: {
         readonly sheet: "180px";
     };
     readonly status: {
-        readonly default: "64px";
+        readonly default: "55px";
         readonly text: "100px";
         readonly sheet: "100px";
     };

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

@@ -5,17 +5,17 @@ export const merchantsTableCellWidth = {
         sheet: '225px',
     },
     entity: {
-        default: '146px',
+        default: '137px',
         text: '180px',
         sheet: '180px',
     },
     created: {
-        default: '160px',
+        default: '144px',
         text: '170px',
         sheet: '170px',
     },
     brands: {
-        default: '140px',
+        default: '131px',
         text: '140px',
         sheet: '140px',
     },
@@ -25,7 +25,7 @@ export const merchantsTableCellWidth = {
         sheet: '110px',
     },
     individuals: {
-        default: '185px',
+        default: '147px',
         text: '185px',
         sheet: '185px',
     },
@@ -40,7 +40,7 @@ export const merchantsTableCellWidth = {
         sheet: '180px',
     },
     status: {
-        default: '64px',
+        default: '55px',
         text: '100px',
         sheet: '100px',
     },