@tap-payments/os-micro-frontend-shared 0.1.321 → 0.1.323-test.1

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 type AnimatedSpinnerIconProps = {
     width?: string;
     height?: string;

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;
     color?: 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;
     color?: 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;
     color?: 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;
     color?: 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/StatusChip/StatusChip.d.ts

@@ -1,3 +1,3 @@
 import { ChipProps } from './type';
-declare const StatusChip: ({ children, unknownText, copyText, expandDirection, chipStyles, containerStyles, ...props }: ChipProps) => import("react/jsx-runtime").JSX.Element;
+declare const StatusChip: ({ children, unknownText, copyText, expandDirection, chipStyles, containerStyles, fullWidth, ...props }: ChipProps) => import("react/jsx-runtime").JSX.Element;
 export default StatusChip;

package/build/components/StatusChip/StatusChip.js

@@ -18,7 +18,7 @@ import { copyIcon, greenCheckIcon } from '../../constants/index.js';
 import { ChipStyled, Wrapper, CopyWrapper } from './style';
 import { emptyStatusChipColors } from '../../constants/index.js';
 const StatusChip = (_a) => {
-    var { children, unknownText, copyText, expandDirection = 'right', chipStyles, containerStyles } = _a, props = __rest(_a, ["children", "unknownText", "copyText", "expandDirection", "chipStyles", "containerStyles"]);
+    var { children, unknownText, copyText, expandDirection = 'right', chipStyles, containerStyles, fullWidth = false } = _a, props = __rest(_a, ["children", "unknownText", "copyText", "expandDirection", "chipStyles", "containerStyles", "fullWidth"]);
     const [showCopy, setShowCopy] = useState(false);
     const { t } = useTranslation();
     const isSelected = props.isSelected;
@@ -39,9 +39,9 @@ const StatusChip = (_a) => {
         }
     };
     const isCopyActive = isSelected && copyText;
-    return (_jsxs(motion.div, Object.assign({ style: Object.assign({ position: 'relative' }, containerStyles), animate: { zIndex: isSelected ? 3 : 0 } }, { children: [_jsx(ChipStyled, Object.assign({}, props, { sx: { visibility: 'hidden', pointerEvents: 'none' } }, { children: _jsx(Wrapper, { children: children }) })), _jsx(motion.div, Object.assign({ style: { position: 'absolute', top: 0, zIndex: isSelected ? 3 : 0 }, animate: {
+    return (_jsxs(motion.div, Object.assign({ style: Object.assign(Object.assign({ position: 'relative' }, containerStyles), { width: fullWidth ? '100%' : 'auto' }), animate: { zIndex: isSelected ? 3 : 0 } }, { children: [_jsx(ChipStyled, Object.assign({}, props, { sx: { visibility: 'hidden', pointerEvents: 'none', width: fullWidth ? '100%' : 'auto' } }, { children: _jsx(Wrapper, { children: children }) })), _jsx(motion.div, Object.assign({ style: { position: 'absolute', top: 0, zIndex: isSelected ? 3 : 0, width: fullWidth ? '100%' : 'auto' }, animate: {
                     left: isCopyActive && expandDirection === 'left' ? -12 : 0,
-                }, transition: { delay: isSelected ? 0 : 0.3, duration: 0.2 } }, { children: _jsx(ChipStyled, Object.assign({}, props, { isSelected: isSelected }, chipStyles, { children: _jsxs(motion.div, Object.assign({ layout: "size", style: { display: 'flex', gap: '4px' }, animate: {
+                }, transition: { delay: isSelected ? 0 : 0.3, duration: 0.2 } }, { children: _jsx(ChipStyled, Object.assign({}, props, { isSelected: isSelected, sx: { width: fullWidth ? '100%' : 'auto' } }, chipStyles, { children: _jsxs(motion.div, Object.assign({ layout: "size", style: { display: 'flex', gap: '4px', maxWidth: fullWidth ? '100%' : 'auto' }, animate: {
                             paddingRight: isCopyActive ? 12 : 0,
                         }, transition: { delay: isSelected ? 0 : 0.3, duration: 0.2 } }, { children: [_jsx(Wrapper, Object.assign({ "data-is-arabic": typeof children === 'string' && isArabic(children) }, { children: children })), _jsx(AnimatePresence, { children: isCopyActive && (_jsx(CopyWrapper, { children: _jsx(motion.img, { initial: { opacity: 0, x: -5 }, animate: { opacity: 1, x: 0 }, exit: { opacity: 0, x: -2 }, transition: { duration: 0.1 }, onClick: handleCopy, src: showCopy ? greenCheckIcon : copyIcon, style: {
                                             height: 12,

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

@@ -16,6 +16,7 @@ export declare const ChipStyled: import("@emotion/styled").StyledComponent<impor
     chipStyles?: object | undefined;
     disableAnimation?: boolean | undefined;
     containerStyles?: object | undefined;
+    fullWidth?: boolean | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & {

package/build/components/StatusChip/style.js

@@ -17,11 +17,13 @@ export const ChipStyled = styled(Box, {
     }));
 });
 export const Wrapper = styled(Box)(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
     gap: '4px',
     textAlign: 'center',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    minWidth: 0,
+    flex: 1,
 }));
 export const CopyWrapper = styled(Box)(() => ({
     position: 'absolute',

package/build/components/StatusChip/type.d.ts

@@ -15,4 +15,5 @@ export type ChipProps = PropsWithChildren<{
     chipStyles?: object;
     disableAnimation?: boolean;
     containerStyles?: object;
+    fullWidth?: boolean;
 } & BoxProps>;

package/build/components/StatusChipWithCopy/StatusChipWithCopy.d.ts

@@ -6,6 +6,7 @@ export interface StatusChipWithCopyProps extends StatusChipProps {
     chipIndex: number;
     selectionProps: SelectionProps;
     chipStyles?: object;
+    fullWidth?: boolean;
 }
 declare function StatusChipWithCopy({ children, copyText, chipIndex, selectionProps: { onClick, rowIndex, colIndex, selectedId }, ...rest }: StatusChipWithCopyProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof StatusChipWithCopy>;

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;
     color?: 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;
     color?: 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;
     color?: 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;
     color?: 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;
     color?: 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;
     color?: string | undefined;

package/build/components/TableCells/CustomCells/DestinationCell/DestinationCellSheet.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import Box from '@mui/material/Box';
 import { formatAmount } from '../../../../utils/index.js';
 import { CurrencySymbol, StatusGroupChips } from '../../../index.js';
@@ -20,7 +20,7 @@ function DestinationCellSheet(_a) {
         const formattedDestAmount = formatAmount((dest === null || dest === void 0 ? void 0 : dest.amount) || 0);
         return {
             key: `destination-${(dest === null || dest === void 0 ? void 0 : dest.id) || index}`,
-            content: (_jsxs(_Fragment, { children: [_jsxs("div", { children: [dest === null || dest === void 0 ? void 0 : dest.id, " |"] }), _jsx(CurrencySymbol, { currency: dest === null || dest === void 0 ? void 0 : dest.currency }), _jsxs("span", { children: [formattedDestAmount.integerAmount, ".", formattedDestAmount.decimalAmount] })] })),
+            content: (_jsxs(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center', gap: '4px' } }, { children: [_jsxs("div", { children: [dest === null || dest === void 0 ? void 0 : dest.id, " |"] }), _jsx(CurrencySymbol, { currency: dest === null || dest === void 0 ? void 0 : dest.currency }), _jsxs("span", { children: [formattedDestAmount.integerAmount, ".", formattedDestAmount.decimalAmount] })] }))),
             chipIndex: index,
             selectionProps: selectionProps !== null && selectionProps !== void 0 ? selectionProps : {},
             copyText: `${formattedDestAmount.integerAmount}.${formattedDestAmount.decimalAmount}`,

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;
     color?: 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;
     color?: 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;
     color?: 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;
     color?: 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;
     color?: string | undefined;

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

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

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;
     color?: 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;
     color?: 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;
     color?: 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;
     color?: 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;
     color?: 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/TableReports/components/DownloadButton/style.d.ts

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

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 type ExportButtonProps = {
     notificationState?: {
         success: boolean;

package/build/components/VirtualTables/components/TableRow.js

@@ -71,7 +71,7 @@ function TableRow({ row, columns, index, rowProps, isSheetView, selectedCell = n
                     })
                     : {};
                 const isIndexColumn = column.pinned === 'start' && effectiveFirst;
-                return (_jsx(StyledCell, Object.assign({ component: "div", "data-testid": "TableRow_TableCell", "data-column-id": column.id, "data-column-width": column.width, "data-column-width-used": column.width, "data-column-align": column.align, "data-column-order": column.order, "data-column-header": typeof column.header === 'string' ? column.header : 'component', "data-column-sortable": !!column.sortable, "data-column-filterable": !!column.filter, isFirst: effectiveFirst, isLast: effectiveLast, onClick: handleCellClick(colIndex, column.pinned), sx: Object.assign(Object.assign(Object.assign({ width: column.width, minWidth: column.width, textAlign: column.align, justifyContent: isIndexColumn ? 'center' : column.align === 'right' ? 'flex-end' : 'flex-start', cursor: onCellClick ? 'pointer' : 'default' }, selectionStyles), rowSelectionBorderStyles), column.cellStyle), isSheetView: isSheetView, isSelected: isCellSelected }, { children: isSheetView ? (_jsx(Box, Object.assign({ sx: { position: 'relative', zIndex: 1 } }, { children: renderCell(column, index, colIndex) }))) : (_jsx(_Fragment, { children: renderCell(column, index, colIndex) })) }), `${column.id}-${colIndex}`));
+                return (_jsx(StyledCell, Object.assign({ component: "div", "data-testid": "TableRow_TableCell", "data-column-id": column.id, "data-column-width": column.width, "data-column-width-used": column.width, "data-column-align": column.align, "data-column-order": column.order, "data-column-header": typeof column.header === 'string' ? column.header : 'component', "data-column-sortable": !!column.sortable, "data-column-filterable": !!column.filter, isFirst: effectiveFirst, isLast: effectiveLast, onClick: handleCellClick(colIndex, column.pinned), sx: Object.assign(Object.assign(Object.assign({ width: column.width, minWidth: column.width, textAlign: column.align, justifyContent: isIndexColumn ? 'center' : column.align === 'right' ? 'flex-end' : 'flex-start', cursor: onCellClick ? 'pointer' : 'default' }, selectionStyles), rowSelectionBorderStyles), column.cellStyle), isSheetView: isSheetView, isSelected: isCellSelected }, { children: isSheetView ? (_jsx(Box, Object.assign({ sx: { position: 'relative', zIndex: 1, width: '100%' } }, { children: renderCell(column, index, colIndex) }))) : (_jsx(_Fragment, { children: renderCell(column, index, colIndex) })) }), `${column.id}-${colIndex}`));
             }) }));
     }, [
         columns,

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

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

package/build/constants/apps.d.ts

@@ -997,9 +997,4 @@ export declare const APP_ICONS: {
     toolbarIconUrl: string;
 }[];
 export declare const excludedApps: string[];
-export declare const MF_APPS_MAPPER: Readonly<{
-    TERMINALS: "TERMINALS";
-    BILLING: "BILLING";
-    ACCOUNT: "ACCOUNT";
-    BUSINESS: "BUSINESS";
-}>;
+export declare const MF_APPS_MAPPER: ReadonlySet<string>;

package/build/constants/apps.js

@@ -481,9 +481,10 @@ export const APP_ICONS = [
     },
 ];
 export const excludedApps = ['login'];
-export const MF_APPS_MAPPER = Object.freeze({
-    TERMINALS: 'TERMINALS',
-    BILLING: 'BILLING',
-    ACCOUNT: 'ACCOUNT',
-    BUSINESS: 'BUSINESS',
-});
+export const MF_APPS_MAPPER = new Set([
+    APP_CODES.terminals.code,
+    APP_CODES.billing.code,
+    APP_CODES.account.code,
+    APP_CODES.business.code,
+    APP_CODES.payouts.code,
+]);

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

@@ -17,7 +17,7 @@ export declare const invoicesTableCellWidth: {
     readonly order: {
         readonly default: "80px";
         readonly text: "80px";
-        readonly sheet: "90px";
+        readonly sheet: "260px";
     };
     readonly customer: {
         readonly default: "180px";

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

@@ -17,7 +17,7 @@ export const invoicesTableCellWidth = {
     order: {
         default: '80px',
         text: '80px',
-        sheet: '90px',
+        sheet: '260px',
     },
     customer: {
         default: '180px',

package/build/types/refund.d.ts

@@ -1,5 +1,445 @@
+import { AuthenticationStatus } from './index.js';
 export type RefundOptions = Array<{
     name: string;
     value?: number;
     currency?: string;
 }>;
+export interface Refund {
+    id: string;
+    object: string;
+    live_mode: boolean;
+    customer_initiated: boolean;
+    api_version: string;
+    method: string;
+    created: number;
+    date: number;
+    status: 'REFUNDED' | 'PENDING' | 'IN_PROGRESS' | 'CANCELLED' | 'FAILED' | 'DECLINED' | 'RESTRICTED' | 'TIMEDOUT' | 'UNKNOWN' | 'ACCEPTED';
+    amount: number;
+    currency: string;
+    threeDSecure: boolean;
+    card_threeDSecure: boolean;
+    save_card: boolean;
+    merchant_id: string;
+    product: string;
+    statement_descriptor: string;
+    description: string;
+    metadata: Record<string, string>;
+    transaction: {
+        authorization_id: string;
+        timezone: string;
+        date: {
+            created: number;
+            completed: number;
+        };
+    };
+    reference: {
+        id: string;
+        track: string;
+        payment: string;
+        gateway: string;
+        acquirer: string;
+        transaction: string;
+        order: string;
+        invoice?: string;
+        trace_id?: string;
+    };
+    response: {
+        code: string;
+        message: string;
+    };
+    receipt: {
+        id: string;
+        email: boolean;
+        sms: boolean;
+    };
+    acquirer: {
+        id: string;
+        response: {
+            code: string;
+            message: string;
+        };
+        name: string;
+        mid: string;
+    };
+    gateway: {
+        id: string;
+        name: string;
+        response: {
+            code: string;
+            message: string;
+        };
+    };
+    redirect: {
+        status: string;
+        url: string;
+    };
+    post: {
+        status: string;
+    };
+    payouts: {
+        amount: number;
+        currency: string;
+        count: number;
+        payout: Array<{
+            date: number;
+            by: string;
+            reference_id: string;
+            id: string;
+            amount: number;
+            created: number;
+        }>;
+    };
+    net: {
+        transaction_currency: string;
+        transaction_amount: number;
+        currency: string;
+        currency_rate: number;
+        fee: number;
+        amount: number;
+    };
+    fees: {
+        amount: number;
+        currency: string;
+        count: number;
+        fee: Array<{
+            id: string;
+            type: string;
+            by: string;
+            on: string;
+            amount: number;
+            currency: string;
+        }>;
+    };
+    auto_reversed: boolean;
+    security: {
+        threeDSecure: {
+            id: string;
+            status: string;
+        };
+    };
+    destinations: {
+        reverse_destinations: boolean;
+        amount: number;
+        currency: string;
+        count: number;
+        destination: Array<{
+            id: string;
+            amount: number;
+            currency: string;
+            reverse_transfer: {
+                id: string;
+                amount: number;
+                currency: string;
+            };
+        }>;
+    };
+    refunds: {
+        refund: Array<{
+            id: string;
+            amount: number;
+            currency: string;
+            created: number;
+            date: number;
+            status: 'REFUNDED' | 'PENDING';
+        }>;
+    };
+    topup: {
+        id: string;
+        amount: number;
+        currency: string;
+    };
+    authenticate: {
+        id: string;
+        object: string;
+        type: string;
+        value: string;
+        by: string;
+        status: string;
+        created: string;
+        authenticated: string;
+        count: number;
+        retry_attempt: number;
+        message: string;
+    };
+    summary?: {
+        charge_amount: number;
+        refund_amount: number;
+        refunded_count: number;
+        remaing_amount: number;
+        remaing_percentage: number;
+    };
+    balance: {
+        status?: 'PAID_OUT' | 'SETTLED' | 'PENDING';
+        payout: {
+            id: string;
+            scheduled: number;
+            activities: [
+                {
+                    object: string;
+                    status: 'PAID_OUT' | 'PENDING';
+                    date: number;
+                }
+            ];
+        };
+        settlement: {
+            id: string;
+            scheduled: number;
+            activities: [
+                {
+                    object: string;
+                    status: 'SETTLED' | 'PENDING';
+                    date: number;
+                }
+            ];
+        };
+    };
+    charge: {
+        id: string;
+        refunds: {
+            refund: Array<{
+                id: string;
+                amount: number;
+                currency: string;
+                created: number;
+                date: number;
+                status: 'REFUNDED' | 'PENDING';
+            }>;
+        };
+        authentication: {
+            acsEci: string;
+            status: AuthenticationStatus;
+            data: {
+                asc_eci: string;
+                type: string;
+            };
+        };
+        metadata: Record<string, string>;
+        receipt: {
+            id: string;
+        };
+        merchant: {
+            id: string;
+            legacy_id: string;
+            country: string;
+            name: string;
+        };
+        reference: {
+            id: string;
+            track: string;
+            payment: string;
+            gateway: string;
+            acquirer: string;
+            transaction: string;
+            order: string;
+            invoice?: string;
+            trace_id?: string;
+        };
+        flags: {
+            flag: Array<{
+                id: string;
+                status: 'OPEN' | 'CLEARED';
+                amount: number;
+                created: number;
+                note: string;
+                ishold: boolean;
+            }>;
+        };
+        amount: number;
+        currency: string;
+        customer_initiated: boolean;
+        source: {
+            object: string;
+            type: string;
+            payment_type: string;
+            payment_method: 'MASTERCARD' | 'VISA' | 'APPLE_PAY';
+            channel: string;
+            id: string;
+            region: 'Local' | 'Global' | 'Regional';
+        };
+        issuer?: {
+            id: string;
+            name: string;
+            country: string;
+            region: 'G' | 'L' | 'R';
+            issuer_region: {
+                code: string;
+                name: string;
+            };
+        };
+        device?: {
+            type: 'DESKTOP' | 'PHONE' | 'TABLET';
+            id: string;
+            timezone: string;
+            location: {
+                ip: string;
+                country: string;
+                region: {
+                    code: 'G' | 'L' | 'R';
+                    name: 'Global' | 'Local' | 'Regional';
+                };
+            };
+        };
+        exchange?: {
+            capture?: {
+                amount: number;
+                currency: string;
+            };
+            settlement?: {
+                amount: number;
+                currency: string;
+                rate: number;
+            };
+        };
+        balance: {
+            status?: 'PAID_OUT' | 'SETTLED' | 'PENDING';
+            payout: {
+                id: string;
+                scheduled: number;
+                activities: [
+                    {
+                        object: string;
+                        status: 'PAID_OUT' | 'PENDING';
+                        date: number;
+                    }
+                ];
+            };
+            settlement: {
+                id: string;
+                scheduled: number;
+                activities: [
+                    {
+                        object: string;
+                        status: 'SETTLED' | 'PENDING';
+                        date: number;
+                    }
+                ];
+            };
+        };
+        order: {
+            id: string;
+            currency: string;
+            amount: number;
+            items_count?: number;
+            items?: object[];
+        };
+        customer: {
+            country: {
+                code: string;
+                name: string;
+            };
+            id: string;
+            first_name: string;
+            last_name: string;
+            email: string;
+            phone: {
+                country_code: string;
+                number: string;
+            };
+            region: {
+                name: 'Local' | 'Global' | 'Regional';
+                code: 'R' | 'G' | 'L';
+            };
+            timezone: string;
+        };
+        payment_agreement?: {
+            id: string;
+            type: 'UNSCHEDULED' | 'SCHEDULED_INSTALLMENT' | 'SCHEDULED_SUBSCRIPTION' | 'SCHEDULED_BILLING';
+            contract?: {
+                id: string;
+                type: 'ORDER' | 'SAVED_CARD' | 'SUBSCRIPTION' | 'INSTALLMENT';
+                period: {
+                    start_date: number;
+                    end_date: number;
+                    auto_renewal: boolean;
+                };
+            };
+            variable_amount?: {
+                id: string;
+                maximum_amount: number;
+            };
+            scheduled_payments?: {
+                id: string;
+                count: number;
+                frequency: {
+                    period: 'MINUTES' | 'HOURS' | 'DAYS' | 'MONTHS';
+                    count: number;
+                };
+            };
+            total_payments_count?: number;
+        };
+        payment: {
+            type: string;
+            account: string;
+            method: string;
+            scheme: string;
+            authentication?: '3DS' | 'Non-3DS';
+            card: string;
+            wallet: string;
+        };
+        card: {
+            object: string;
+            first_six: string;
+            first_eight: string;
+            scheme: string;
+            brand: string;
+            last_four: string;
+            name: string;
+            expiry: {
+                month: string;
+                year: string;
+            };
+            registered: boolean;
+        };
+        transaction: {
+            authorization_id: string;
+            timezone: string;
+            created: string | number;
+            expiry: {
+                period: number;
+                type: string;
+            };
+            asynchronous: boolean;
+            amount: number;
+            currency: string;
+            order: {
+                reference: string;
+                store_url: string;
+            };
+        };
+    };
+    merchant: {
+        id: string;
+        legacy_id: string;
+        retailer: {
+            id: string;
+        };
+    };
+    reason: string;
+    device?: {
+        type: 'DESKTOP' | 'PHONE' | 'TABLET';
+        id: string;
+        timezone: string;
+        location: {
+            ip: string;
+            country: string;
+            region: {
+                code: 'G' | 'L' | 'R';
+                name: 'Global' | 'Local' | 'Regional';
+            };
+        };
+    };
+    card: {
+        object: string;
+        first_six: string;
+        first_eight: string;
+        scheme: string;
+        brand: string;
+        last_four: string;
+    };
+    request_body?: Record<string, unknown>;
+    user?: {
+        id: string;
+        name: string;
+        channel: string;
+    };
+}

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.321",
-  "testVersion": 0,
+  "version": "0.1.323-test.1",
+  "testVersion": 1,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",
@@ -164,4 +164,4 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   }
-}
+}