@tap-payments/os-micro-frontend-shared 0.1.301-test.4 → 0.1.302

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

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

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

@@ -1,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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/PaymentSourceFilter/PaymentMethods.js

@@ -16,10 +16,9 @@ import { rightArrow } from '../../constants/index.js';
 import PaymentMethod from './PaymentMethod';
 import { MenuItemStyled } from './style';
 export default function PaymentMethods({ paymentMethodsSource, filters, setFilters }) {
-    var _a, _b, _c;
+    var _a, _b;
     const [paymentMethodsEl, setPaymentMethodsEl] = useState(null);
     const filterPaymentMethods = (_a = filters === null || filters === void 0 ? void 0 : filters.payment_methods) !== null && _a !== void 0 ? _a : [];
-    const isDisabled = !((_b = paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.options) === null || _b === void 0 ? void 0 : _b.length);
     const onOpen = (e) => {
         setPaymentMethodsEl(e.currentTarget);
     };
@@ -28,13 +27,13 @@ export default function PaymentMethods({ paymentMethodsSource, filters, setFilte
     };
     const paymentMethodsAll = useMemo(() => {
         var _a, _b, _c;
-        return (_c = (_b = ((_a = paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.options) !== null && _a !== void 0 ? _a : [])) === null || _b === void 0 ? void 0 : _b.reduce((acc, method) => {
+        return (_c = (_b = ((_a = paymentMethodsSource.options) !== null && _a !== void 0 ? _a : [])) === null || _b === void 0 ? void 0 : _b.reduce((acc, method) => {
             var _a, _b, _c;
             acc.push(...((_c = (_b = ((_a = method.options) !== null && _a !== void 0 ? _a : [])) === null || _b === void 0 ? void 0 : _b.map((m) => m.type)) !== null && _c !== void 0 ? _c : []));
             return acc;
         }, [])) !== null && _c !== void 0 ? _c : [];
     }, []);
-    const isSelected = useMemo(() => (paymentMethodsAll === null || paymentMethodsAll === void 0 ? void 0 : paymentMethodsAll.length) === filterPaymentMethods.length && !isDisabled, [filterPaymentMethods.length, paymentMethodsAll === null || paymentMethodsAll === void 0 ? void 0 : paymentMethodsAll.length, isDisabled]);
+    const isSelected = useMemo(() => (paymentMethodsAll === null || paymentMethodsAll === void 0 ? void 0 : paymentMethodsAll.length) === filterPaymentMethods.length, [filterPaymentMethods.length, paymentMethodsAll === null || paymentMethodsAll === void 0 ? void 0 : paymentMethodsAll.length]);
     const isIndeterminate = useMemo(() => !isSelected && (paymentMethodsAll === null || paymentMethodsAll === void 0 ? void 0 : paymentMethodsAll.length) !== filterPaymentMethods.length && filterPaymentMethods.length > 0, [filterPaymentMethods.length, paymentMethodsAll === null || paymentMethodsAll === void 0 ? void 0 : paymentMethodsAll.length, isSelected]);
     const onClick = () => {
         if (isSelected) {
@@ -45,5 +44,5 @@ export default function PaymentMethods({ paymentMethodsSource, filters, setFilte
             setFilters(Object.assign(Object.assign({}, filters), { payment_methods: paymentMethodsAll }));
         }
     };
-    return (_jsxs(MenuItemStyled, Object.assign({ isSelected: isSelected, isIndeterminate: isIndeterminate, onMouseEnter: onOpen, onMouseLeave: onClose, onClick: onClick, sx: Object.assign({}, (isDisabled && { opacity: 0.5, pointerEvents: 'none' })) }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.name })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(Menu, Object.assign({ open: Boolean(paymentMethodsEl), anchorEl: paymentMethodsEl, placement: "right-start" }, { children: (_c = paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.options) === null || _c === void 0 ? void 0 : _c.map((paymentMethod) => (_jsx(PaymentMethod, Object.assign({}, paymentMethod, { filters: filters, setFilters: setFilters }), paymentMethod.type))) }))] })));
+    return (_jsxs(MenuItemStyled, Object.assign({ isSelected: isSelected, isIndeterminate: isIndeterminate, onMouseEnter: onOpen, onMouseLeave: onClose, onClick: onClick }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.name })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(Menu, Object.assign({ open: Boolean(paymentMethodsEl), anchorEl: paymentMethodsEl, placement: "right-start" }, { children: (_b = paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.options) === null || _b === void 0 ? void 0 : _b.map((paymentMethod) => (_jsx(PaymentMethod, Object.assign({}, paymentMethod, { filters: filters, setFilters: setFilters }), paymentMethod.type))) }))] })));
 }

package/build/components/PaymentSourceFilter/PaymentSchemes.d.ts

@@ -1,5 +1,5 @@
-import { SourceFilter } from '../../types/index.js';
 import { Filters } from './type';
+import { SourceFilter } from '../../types/index.js';
 interface PaymentSchemesProps extends Filters {
     paymentSchemesSource: SourceFilter;
 }

package/build/components/PaymentSourceFilter/PaymentSchemes.js

@@ -15,17 +15,16 @@ import { Menu } from '../index.js';
 import { rightArrow } from '../../constants/index.js';
 import { MenuItemStyled } from './style';
 export default function PaymentSchemes({ paymentSchemesSource, filters, setFilters }) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     const [anchorEl, setAnchorEl] = useState(null);
     const paymentScheme = (_a = filters === null || filters === void 0 ? void 0 : filters.payment_scheme) !== null && _a !== void 0 ? _a : [];
-    const isDisabled = !((_b = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _b === void 0 ? void 0 : _b.length);
     const onOpen = (e) => {
         setAnchorEl(e.currentTarget);
     };
     const onClose = () => {
         setAnchorEl(null);
     };
-    const isSelected = useMemo(() => { var _a; return paymentScheme.length === ((_a = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _a === void 0 ? void 0 : _a.length) && !isDisabled; }, [paymentScheme.length, (_c = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _c === void 0 ? void 0 : _c.length, isDisabled]);
+    const isSelected = useMemo(() => { var _a; return paymentScheme.length === ((_a = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _a === void 0 ? void 0 : _a.length); }, [paymentScheme.length, (_b = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _b === void 0 ? void 0 : _b.length]);
     const isIndeterminate = useMemo(() => !isSelected && paymentScheme.length > 0, [paymentScheme.length, isSelected]);
     const isSelectedPaymentScheme = useCallback((selectedPaymentScheme) => { var _a; return (_a = paymentScheme.includes(selectedPaymentScheme)) !== null && _a !== void 0 ? _a : false; }, [paymentScheme]);
     const onClick = () => {
@@ -48,5 +47,5 @@ export default function PaymentSchemes({ paymentSchemesSource, filters, setFilte
             setFilters(Object.assign(Object.assign({}, filters), { payment_scheme: [...((_b = filters === null || filters === void 0 ? void 0 : filters.payment_scheme) !== null && _b !== void 0 ? _b : []), selectedPaymentScheme] }));
         }
     };
-    return (_jsxs(MenuItemStyled, Object.assign({ isSelected: isSelected, isIndeterminate: isIndeterminate, onMouseEnter: onOpen, onMouseLeave: onClose, onClick: onClick, sx: Object.assign({}, (isDisabled && { opacity: 0.5, pointerEvents: 'none' })) }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.name })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(Menu, Object.assign({ open: Boolean(anchorEl), anchorEl: anchorEl, placement: "right-start" }, { children: (_d = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _d === void 0 ? void 0 : _d.map((scheme) => (_jsx(MenuItemStyled, Object.assign({ isSelected: isSelectedPaymentScheme(scheme.type), onClick: (e) => onClickPaymentScheme(e, scheme.type) }, { children: _jsx("img", { src: scheme.icon, alt: scheme === null || scheme === void 0 ? void 0 : scheme.name, style: { height: 24 } }) }), scheme.type))) }))] })));
+    return (_jsxs(MenuItemStyled, Object.assign({ isSelected: isSelected, isIndeterminate: isIndeterminate, onMouseEnter: onOpen, onMouseLeave: onClose, onClick: onClick }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.name })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(Menu, Object.assign({ open: Boolean(anchorEl), anchorEl: anchorEl, placement: "right-start" }, { children: (_c = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _c === void 0 ? void 0 : _c.map((scheme) => (_jsx(MenuItemStyled, Object.assign({ isSelected: isSelectedPaymentScheme(scheme.type), onClick: (e) => onClickPaymentScheme(e, scheme.type) }, { children: _jsx("img", { src: scheme.icon, alt: scheme === null || scheme === void 0 ? void 0 : scheme.name, style: { height: 24 } }) }), scheme.type))) }))] })));
 }

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

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

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

@@ -1,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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,4 +1,5 @@
 /// <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/DestinationStatusCell/style.d.ts

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

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

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

package/build/constants/index.d.ts

@@ -14,3 +14,4 @@ export * from './payment';
 export * from './segment';
 export * from './chips';
 export * from './rate';
+export * from './reports';

package/build/constants/index.js

@@ -14,3 +14,4 @@ export * from './payment';
 export * from './segment';
 export * from './chips';
 export * from './rate';
+export * from './reports';

package/build/constants/payment.d.ts

@@ -1,13 +1,8 @@
-export declare const PAYMENT_TYPES_ICONS: {
-    [key: string]: string;
-};
 export declare const PAYMENT_TYPES: {
     name: string;
     label: string;
     icon: string;
 }[];
-export declare const PAYMENT_INITIATED_CUSTOMER_KEY = "customer";
-export declare const PAYMENT_INITIATED_MERCHANT_KEY = "merchant";
 export declare const PAYMENT_INITIATED_OPTIONS: {
     key: string;
     value: string;

package/build/constants/payment.js

@@ -1,53 +1,42 @@
 import { lightUrl } from './assets';
-export const PAYMENT_TYPES_ICONS = {
-    DEVICE: `${lightUrl}/device.svg`,
-    CARD: `${lightUrl}/payment-method/card.svg`,
-    PASS_THRU_WALLET: `${lightUrl}/passThruWallet.svg`,
-    EXPRESS_CHECKOUT: `${lightUrl}/express_checkout.svg`,
-    STORED_VALUE_WALLET: `${lightUrl}/storedValueWallet.svg`,
-    CASH_WALLET: `${lightUrl}/cash.svg`,
-    BUY_NOW_PAY_LATER: `${lightUrl}/buyNowPayLater.svg`,
-};
 export const PAYMENT_TYPES = [
     {
         name: 'CARD',
         label: 'Card',
-        icon: PAYMENT_TYPES_ICONS.CARD,
+        icon: `${lightUrl}/payment-method/card.svg`,
     },
     {
         name: 'EXPRESS',
         label: 'Express Checkout',
-        icon: PAYMENT_TYPES_ICONS.EXPRESS_CHECKOUT,
+        icon: `${lightUrl}/express_checkout.svg`,
     },
     {
         name: 'DEVICE',
         label: 'Device',
-        icon: PAYMENT_TYPES_ICONS.DEVICE,
+        icon: `${lightUrl}/device.svg`,
     },
     {
         name: 'PT_WALLET',
         label: 'Pass-Thru Wallet',
-        icon: PAYMENT_TYPES_ICONS.PASS_THRU_WALLET,
+        icon: `${lightUrl}/passThruWallet.svg`,
     },
     {
         name: 'SV_WALLET',
         label: 'Stored Value Wallet',
-        icon: PAYMENT_TYPES_ICONS.STORED_VALUE_WALLET,
+        icon: `${lightUrl}/storedValueWallet.svg`,
     },
     {
         name: 'BNPL',
         label: 'Buy Now Pay Later',
-        icon: PAYMENT_TYPES_ICONS.BUY_NOW_PAY_LATER,
+        icon: `${lightUrl}/buyNowPayLater.svg`,
     },
     {
         name: 'CASH',
         label: 'Cash Wallet',
-        icon: PAYMENT_TYPES_ICONS.CASH_WALLET,
+        icon: `${lightUrl}/cash.svg`,
     },
 ];
-export const PAYMENT_INITIATED_CUSTOMER_KEY = 'customer';
-export const PAYMENT_INITIATED_MERCHANT_KEY = 'merchant';
 export const PAYMENT_INITIATED_OPTIONS = [
-    { key: PAYMENT_INITIATED_CUSTOMER_KEY, value: 'true', label: 'Customer' },
-    { key: PAYMENT_INITIATED_MERCHANT_KEY, value: 'false', label: 'Merchant' },
+    { key: 'customer', value: 'true', label: 'Customer' },
+    { key: 'merchant', value: 'false', label: 'Merchant' },
 ];

package/build/constants/reports.d.ts

@@ -0,0 +1,12 @@
+export declare const filtersTypeMap: {
+    [x: string]: string[];
+};
+export declare const REPORTS_APPS: {
+    code: string;
+    name: string;
+    icon: string;
+    services: {
+        name: string;
+        code: string;
+    }[];
+}[];

package/build/constants/reports.js

@@ -0,0 +1,52 @@
+import { APP_CODES } from './apps';
+import { acceptanceAppIcon, billingAppIcon, payoutsAppIcon, walletAppIcon } from './assets';
+export const filtersTypeMap = {
+    [APP_CODES.acceptance.services.charges.code]: ['CHARGE'],
+    [APP_CODES.acceptance.services.authorization.code]: ['AUTHORIZE'],
+    [APP_CODES.acceptance.services.refunds.code]: ['REFUND'],
+    [APP_CODES.acceptance.services.chargeback.code]: ['CHARGEBACKS'],
+    [APP_CODES.acceptance.services.destinations.code]: ['DESTINATIONS'],
+    [APP_CODES.acceptance.code]: ['CHARGE', 'AUTHORIZE', 'REFUND', 'CHARGEBACKS', 'DESTINATIONS'],
+    [APP_CODES.payouts.code]: ['PAYOUT'],
+    [APP_CODES.wallet.code]: ['STATEMENT', 'STATEMENT_SUMMARY'],
+    [APP_CODES.billing.code]: ['INVOICE'],
+    [APP_CODES.payouts.services.payouts.code]: ['PAYOUT'],
+    [APP_CODES.wallet.services.merchants.functions.statement.code]: ['STATEMENT'],
+    [APP_CODES.wallet.services.merchants.functions.summary.code]: ['STATEMENT_SUMMARY'],
+    [APP_CODES.billing.services.invoices.code]: ['INVOICE'],
+};
+export const REPORTS_APPS = [
+    {
+        code: APP_CODES.billing.code,
+        name: 'Billing',
+        icon: billingAppIcon,
+        services: [{ name: 'Invoices', code: 'INVOICE' }],
+    },
+    {
+        code: APP_CODES.acceptance.code,
+        name: 'Acceptance',
+        icon: acceptanceAppIcon,
+        services: [
+            { name: 'Authorisations', code: 'AUTHORIZE' },
+            { name: 'Charges', code: 'CHARGE' },
+            { name: 'Refunds', code: 'REFUND' },
+            { name: 'Chargebacks', code: 'CHARGEBACKS' },
+            { name: 'Destinations', code: 'DESTINATIONS' },
+        ],
+    },
+    {
+        code: APP_CODES.wallet.code,
+        name: 'Wallet',
+        icon: walletAppIcon,
+        services: [
+            { name: 'Aggregated Statement', code: 'STATEMENT_SUMMARY' },
+            { name: 'Detailed Statement', code: 'STATEMENT' },
+        ],
+    },
+    {
+        code: APP_CODES.payouts.code,
+        name: 'Payouts',
+        icon: payoutsAppIcon,
+        services: [{ name: 'Payouts', code: 'PAYOUT' }],
+    },
+];

package/build/types/index.d.ts

@@ -30,3 +30,4 @@ export * from './discount';
 export * from './receipt';
 export * from './filter';
 export * from './utilities';
+export * from './reports';

package/build/types/index.js

@@ -30,3 +30,4 @@ export * from './discount';
 export * from './receipt';
 export * from './filter';
 export * from './utilities';
+export * from './reports';

package/build/types/reports.d.ts

@@ -0,0 +1,6 @@
+export declare enum ReportStatusEnum {
+    COMPLETED = "COMPLETED",
+    FAILED = "FAILED",
+    PROCESSING = "PROCESSING",
+    INITIATED = "INITIATED"
+}

package/build/types/reports.js

@@ -0,0 +1,7 @@
+export var ReportStatusEnum;
+(function (ReportStatusEnum) {
+    ReportStatusEnum["COMPLETED"] = "COMPLETED";
+    ReportStatusEnum["FAILED"] = "FAILED";
+    ReportStatusEnum["PROCESSING"] = "PROCESSING";
+    ReportStatusEnum["INITIATED"] = "INITIATED";
+})(ReportStatusEnum || (ReportStatusEnum = {}));

package/build/types/segment.d.ts

@@ -4,12 +4,3 @@ export interface SegmentData extends Segment {
     defaultCountry?: SegmentCountry;
     defaultEntity?: Entity;
 }
-export declare enum SEGMENT_CODE {
-    BUSINESS = "BUSINESS",
-    PLATFORM = "PLATFORM",
-    DEVELOPMENT = "DEVELOPMENT",
-    PAYMENT_TECHNOLOGY = "PAYMENT_TECHNOLOGY",
-    PAYMENT_FACILITATOR = "PAYMENT_FACILITATOR",
-    PAYMENT_ACQUIRER = "PAYMENT_ACQUIRER",
-    PAYMENT_GATEWAY = "PAYMENT_GATEWAY"
-}

package/build/types/segment.js

@@ -1,10 +1 @@
-export var SEGMENT_CODE;
-(function (SEGMENT_CODE) {
-    SEGMENT_CODE["BUSINESS"] = "BUSINESS";
-    SEGMENT_CODE["PLATFORM"] = "PLATFORM";
-    SEGMENT_CODE["DEVELOPMENT"] = "DEVELOPMENT";
-    SEGMENT_CODE["PAYMENT_TECHNOLOGY"] = "PAYMENT_TECHNOLOGY";
-    SEGMENT_CODE["PAYMENT_FACILITATOR"] = "PAYMENT_FACILITATOR";
-    SEGMENT_CODE["PAYMENT_ACQUIRER"] = "PAYMENT_ACQUIRER";
-    SEGMENT_CODE["PAYMENT_GATEWAY"] = "PAYMENT_GATEWAY";
-})(SEGMENT_CODE || (SEGMENT_CODE = {}));
+export {};

package/build/utils/index.d.ts

@@ -44,4 +44,3 @@ export * from './style';
 export * from './boolean';
 export * from './columnResizeStorage';
 export * from './timezone';
-export * from './merchantSource';

package/build/utils/index.js

@@ -44,4 +44,3 @@ export * from './style';
 export * from './boolean';
 export * from './columnResizeStorage';
 export * from './timezone';
-export * from './merchantSource';

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

package/build/utils/merchantSource.d.ts

@@ -1,32 +0,0 @@
-import { TextAndLang } from '../types/index.js';
-interface Source {
-    code: string;
-    name: TextAndLang[];
-}
-interface PaymentMethod extends Source {
-    payment_methods: Source[];
-}
-export declare function transformPaymentMethodsData(data?: PaymentMethod[]): {
-    name: string;
-    type: string;
-    options: {
-        name: TextAndLang[];
-        type: string;
-        icon: string;
-        options: {
-            name: string | undefined;
-            type: string;
-            icon: string;
-        }[];
-    }[] | undefined;
-};
-export declare function transformPaymentSchemesData(data?: Source[]): {
-    name: string;
-    type: string;
-    options: {
-        name: string | undefined;
-        type: string;
-        icon: string;
-    }[];
-};
-export {};

package/build/utils/merchantSource.js

@@ -1,36 +0,0 @@
-import { lightUrl, PAYMENT_TYPES_ICONS } from '../constants/index.js';
-import { getNameText } from './language';
-export function transformPaymentMethodsData(data) {
-    return {
-        name: 'Payment Methods',
-        type: 'payment_methods',
-        options: data === null || data === void 0 ? void 0 : data.map((category) => {
-            var _a;
-            return {
-                name: category === null || category === void 0 ? void 0 : category.name,
-                type: category === null || category === void 0 ? void 0 : category.code,
-                icon: PAYMENT_TYPES_ICONS[category.code],
-                options: (_a = category.payment_methods) === null || _a === void 0 ? void 0 : _a.map((method) => ({
-                    name: getNameText(method.name),
-                    type: method.code,
-                    icon: `${lightUrl}/payment-method/${method.code}.svg`,
-                })),
-            };
-        }),
-    };
-}
-export function transformPaymentSchemesData(data = []) {
-    return {
-        name: 'Payment Schemes',
-        type: 'payment_scheme',
-        options: data
-            .filter((scheme) => scheme.code)
-            .map((scheme) => {
-            return {
-                name: getNameText(scheme === null || scheme === void 0 ? void 0 : scheme.name),
-                type: scheme === null || scheme === void 0 ? void 0 : scheme.code,
-                icon: `${lightUrl}/payment-method/${scheme.code}.svg`,
-            };
-        }),
-    };
-}