@tap-payments/os-micro-frontend-shared 0.1.366 → 0.1.367-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/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/AgreementCell/style.d.ts

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

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/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/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/Toaster/Toaster.d.ts

@@ -0,0 +1 @@
+export default function Toaster(): import("react/jsx-runtime").JSX.Element;

package/build/components/Toaster/Toaster.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Box from '@mui/material/Box';
+import { Toaster as HotToaster, resolveValue } from 'react-hot-toast';
+import { actionSuccessIcon, warningInfoIcon } from '../../constants/index.js';
+import { Content } from './style';
+const icons = {
+    success: actionSuccessIcon,
+    error: warningInfoIcon,
+};
+export default function Toaster() {
+    return (_jsx(HotToaster, { children: (t) => (_jsxs(Content, { children: [icons[t.type] && _jsx(Box, { component: "img", src: icons[t.type], alt: t.type }), _jsx(Box, { children: resolveValue(t.message, t) })] })) }));
+}

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

@@ -0,0 +1,2 @@
+import Toaster from './Toaster';
+export default Toaster;

package/build/components/Toaster/index.js

@@ -0,0 +1,2 @@
+import Toaster from './Toaster';
+export default Toaster;

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

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

package/build/components/index.d.ts

@@ -50,7 +50,7 @@ export { default as MultiSelectDropdownButton, type ButtonWithDropdownProps } fr
 export { default as MultiSelectWithSearch, type MultiSelectWithSearchProps, ChildMenuItem, ParentMenuItem } from './MultiSelectWithSearch';
 export { default as NestedDropdown, type DropdownProps, type Selected, type Placement, Dropdown, NestedMenuItem } from './NestedDropdown';
 export { default as NoInternet } from './NoInternet';
-export { default as Notifications } from './Notifications';
+export { default as Toaster } from './Toaster';
 export { default as ProgressBar } from './ProgressBar';
 export { default as ProgressRing } from './ProgressRing';
 export * from './InputBase';

package/build/components/index.js

@@ -50,7 +50,7 @@ export { default as MultiSelectDropdownButton } from './MultiSelectDropdownButto
 export { default as MultiSelectWithSearch, ChildMenuItem, ParentMenuItem } from './MultiSelectWithSearch';
 export { default as NestedDropdown, Dropdown, NestedMenuItem } from './NestedDropdown';
 export { default as NoInternet } from './NoInternet';
-export { default as Notifications } from './Notifications';
+export { default as Toaster } from './Toaster';
 export { default as ProgressBar } from './ProgressBar';
 export { default as ProgressRing } from './ProgressRing';
 export * from './InputBase';

package/build/constants/reports.d.ts

@@ -1,6 +1,23 @@
-export declare const filtersTypeMap: {
+/**
+ * Maps report **source codes** (app or service)
+ * to the corresponding **backend report filter types**.
+ *
+ * Used as a translation layer between UI report grouping
+ * and backend report filtering.
+ *
+ * - Key: App code or service code
+ * - Value: One or more backend filter types
+ */
+export declare const reportFilterTypesMap: {
     [x: string]: string[];
 };
+/**
+ * Reports apps
+ *
+ * Defines apps shown in the reports app, with each service linked
+ * to its backend filter type (REPORT_FILTER_TYPES).
+ *
+ */
 export declare const REPORTS_APPS: {
     code: string;
     name: string;

package/build/constants/reports.js

@@ -1,39 +1,89 @@
 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', 'RETAILER_PAYOUT', 'MERCHANT_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'],
-    [APP_CODES.payouts.services.merchantPayout.code]: ['MERCHANT_PAYOUT'],
-    [APP_CODES.payouts.services.retailerPayout.code]: ['RETAILER_PAYOUT'],
+/**
+ * Backend report filter types (used by reports APIs)
+ *
+ * Maps frontend report identifiers to the backend API filter types.
+ * Acts as the source of truth for all report types across apps/services
+ */
+const REPORT_FILTER_TYPES = {
+    // Acceptance
+    CHARGE: 'CHARGE',
+    AUTHORIZE: 'AUTHORIZE',
+    REFUND: 'REFUND',
+    CHARGEBACKS: 'CHARGEBACKS',
+    DESTINATIONS: 'DESTINATIONS',
+    // Wallet
+    STATEMENT: 'STATEMENT',
+    STATEMENT_SUMMARY: 'STATEMENT_SUMMARY',
+    // Billing
+    INVOICE: 'INVOICE',
+    // Payouts
+    PAYOUT: 'PAYOUT',
+    MERCHANT_PAYOUT: 'MERCHANT_PAYOUT',
+    RETAILER_PAYOUT: 'RETAILER_PAYOUT',
 };
+/**
+ * Maps report **source codes** (app or service)
+ * to the corresponding **backend report filter types**.
+ *
+ * Used as a translation layer between UI report grouping
+ * and backend report filtering.
+ *
+ * - Key: App code or service code
+ * - Value: One or more backend filter types
+ */
+export const reportFilterTypesMap = {
+    // Acceptance
+    [APP_CODES.acceptance.services.charges.code]: [REPORT_FILTER_TYPES.CHARGE],
+    [APP_CODES.acceptance.services.authorization.code]: [REPORT_FILTER_TYPES.AUTHORIZE],
+    [APP_CODES.acceptance.services.refunds.code]: [REPORT_FILTER_TYPES.REFUND],
+    [APP_CODES.acceptance.services.chargeback.code]: [REPORT_FILTER_TYPES.CHARGEBACKS],
+    [APP_CODES.acceptance.services.destinations.code]: [REPORT_FILTER_TYPES.DESTINATIONS],
+    [APP_CODES.acceptance.code]: [
+        REPORT_FILTER_TYPES.CHARGE,
+        REPORT_FILTER_TYPES.AUTHORIZE,
+        REPORT_FILTER_TYPES.REFUND,
+        REPORT_FILTER_TYPES.CHARGEBACKS,
+        REPORT_FILTER_TYPES.DESTINATIONS,
+    ],
+    // Wallet
+    [APP_CODES.wallet.services.merchants.functions.statement.code]: [REPORT_FILTER_TYPES.STATEMENT],
+    [APP_CODES.wallet.services.merchants.functions.summary.code]: [REPORT_FILTER_TYPES.STATEMENT_SUMMARY],
+    [APP_CODES.wallet.code]: [REPORT_FILTER_TYPES.STATEMENT, REPORT_FILTER_TYPES.STATEMENT_SUMMARY],
+    // Billing
+    [APP_CODES.billing.services.invoices.code]: [REPORT_FILTER_TYPES.INVOICE],
+    [APP_CODES.billing.code]: [REPORT_FILTER_TYPES.INVOICE],
+    // Payouts
+    [APP_CODES.payouts.services.payouts.code]: [REPORT_FILTER_TYPES.PAYOUT],
+    [APP_CODES.payouts.services.merchantPayout.code]: [REPORT_FILTER_TYPES.MERCHANT_PAYOUT],
+    [APP_CODES.payouts.services.retailerPayout.code]: [REPORT_FILTER_TYPES.RETAILER_PAYOUT],
+    [APP_CODES.payouts.code]: [REPORT_FILTER_TYPES.PAYOUT, REPORT_FILTER_TYPES.MERCHANT_PAYOUT, REPORT_FILTER_TYPES.RETAILER_PAYOUT],
+};
+/**
+ * Reports apps
+ *
+ * Defines apps shown in the reports app, with each service linked
+ * to its backend filter type (REPORT_FILTER_TYPES).
+ *
+ */
 export const REPORTS_APPS = [
     {
         code: APP_CODES.billing.code,
         name: 'Billing',
         icon: billingAppIcon,
-        services: [{ name: 'Invoices', code: 'INVOICE' }],
+        services: [{ name: 'Invoices', code: REPORT_FILTER_TYPES.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' },
+            { name: 'Authorisations', code: REPORT_FILTER_TYPES.AUTHORIZE },
+            { name: 'Charges', code: REPORT_FILTER_TYPES.CHARGE },
+            { name: 'Refunds', code: REPORT_FILTER_TYPES.REFUND },
+            { name: 'Chargebacks', code: REPORT_FILTER_TYPES.CHARGEBACKS },
+            { name: 'Destinations', code: REPORT_FILTER_TYPES.DESTINATIONS },
         ],
     },
     {
@@ -41,8 +91,8 @@ export const REPORTS_APPS = [
         name: 'Wallet',
         icon: walletAppIcon,
         services: [
-            { name: 'Aggregated Statement', code: 'STATEMENT_SUMMARY' },
-            { name: 'Detailed Statement', code: 'STATEMENT' },
+            { name: 'Aggregated Statement', code: REPORT_FILTER_TYPES.STATEMENT_SUMMARY },
+            { name: 'Detailed Statement', code: REPORT_FILTER_TYPES.STATEMENT },
         ],
     },
     {
@@ -50,9 +100,9 @@ export const REPORTS_APPS = [
         name: 'Payouts',
         icon: payoutsAppIcon,
         services: [
-            { name: 'Payouts', code: 'PAYOUT' },
-            { name: 'Merchant Payouts', code: 'MERCHANT_PAYOUT' },
-            { name: 'Retailer Payouts', code: 'RETAILER_PAYOUT' },
+            { name: 'Payouts', code: REPORT_FILTER_TYPES.PAYOUT },
+            { name: 'Merchant Payouts', code: REPORT_FILTER_TYPES.MERCHANT_PAYOUT },
+            { name: 'Retailer Payouts', code: REPORT_FILTER_TYPES.RETAILER_PAYOUT },
         ],
     },
 ];

package/build/hooks/index.d.ts

@@ -13,3 +13,4 @@ export * from './useAppsInfo';
 export * from './useAppEventPublisher';
 export * from './useAppEventListener';
 export * from './useSelectedMerchantDetails';
+export * from './useToast';

package/build/hooks/index.js

@@ -13,3 +13,4 @@ export * from './useAppsInfo';
 export * from './useAppEventPublisher';
 export * from './useAppEventListener';
 export * from './useSelectedMerchantDetails';
+export * from './useToast';

package/build/hooks/useToast.d.ts

@@ -0,0 +1,12 @@
+import { ToastMessage } from '../types/index.js';
+import type { ToastOptions } from 'react-hot-toast';
+export interface ToastFunction {
+    (message: ToastMessage, options?: ToastOptions): string;
+    success: (message: ToastMessage, options?: ToastOptions) => string;
+    error: (message: ToastMessage, options?: ToastOptions) => string;
+    loading: (message: ToastMessage, options?: ToastOptions) => string;
+    custom: (message: ToastMessage, options?: ToastOptions) => string;
+    dismiss: (toastId?: string) => void;
+    remove: (toastId?: string) => void;
+}
+export declare function useToast(): ToastFunction;

package/build/hooks/useToast.js

@@ -0,0 +1,43 @@
+import { useAppEventPublisher } from './index.js';
+import { AppEvent } from '../types/index.js';
+export function useToast() {
+    const publish = useAppEventPublisher(AppEvent.OnToast);
+    const generateToastId = () => crypto.randomUUID();
+    const base = ((message, options) => {
+        var _a;
+        const id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : generateToastId();
+        publish({ action: 'show', variant: 'default', message, options: Object.assign(Object.assign({}, options), { id }) });
+        return id;
+    });
+    base.success = (message, options) => {
+        var _a;
+        const id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : generateToastId();
+        publish({ action: 'show', variant: 'success', message, options: Object.assign(Object.assign({}, options), { id }) });
+        return id;
+    };
+    base.error = (message, options) => {
+        var _a;
+        const id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : generateToastId();
+        publish({ action: 'show', variant: 'error', message, options: Object.assign(Object.assign({}, options), { id }) });
+        return id;
+    };
+    base.loading = (message, options) => {
+        var _a;
+        const id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : generateToastId();
+        publish({ action: 'show', variant: 'loading', message, options: Object.assign(Object.assign({}, options), { id }) });
+        return id;
+    };
+    base.custom = (message, options) => {
+        var _a;
+        const id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : generateToastId();
+        publish({ action: 'show', variant: 'custom', message, options: Object.assign(Object.assign({}, options), { id }) });
+        return id;
+    };
+    base.dismiss = (toastId) => {
+        publish({ action: 'dismiss', variant: 'dismiss', toastId });
+    };
+    base.remove = (toastId) => {
+        publish({ action: 'remove', variant: 'remove', toastId });
+    };
+    return base;
+}

package/build/types/appEvents.d.ts

@@ -1,4 +1,4 @@
-import { CalenderMode, NavigateFunction, TableMode, Timezone } from './index.js';
+import { CalenderMode, NavigateFunction, TableMode, Timezone, ToastEventPayload } from './index.js';
 import { DragControls } from 'framer-motion';
 export declare enum AppEvent {
     OnClickTableAction = "on-click-table-action",
@@ -10,6 +10,7 @@ export declare enum AppEvent {
     OnNavigate = "on-navigate",
     OnStartDrag = "on-start-drag",
     OnChangeAppToolbar = "on-change-app-toolbar",
+    OnToast = "on-toast",
     OnModifyRemotePayload = "on-modify-remote-payload"
 }
 /**
@@ -46,4 +47,5 @@ export type AppEventMap = {
         windowId: string;
         payload: object;
     }) => void;
+    [AppEvent.OnToast]: (params: ToastEventPayload) => void;
 };

package/build/types/appEvents.js

@@ -10,6 +10,7 @@ export var AppEvent;
     AppEvent["OnNavigate"] = "on-navigate";
     AppEvent["OnStartDrag"] = "on-start-drag";
     AppEvent["OnChangeAppToolbar"] = "on-change-app-toolbar";
+    AppEvent["OnToast"] = "on-toast";
     // Remote Events
     AppEvent["OnModifyRemotePayload"] = "on-modify-remote-payload";
 })(AppEvent || (AppEvent = {}));

package/build/types/apps.d.ts

@@ -1,18 +1,17 @@
 import { ColumnsView } from './column';
 import { Segment, SegmentCountry, SegmentUser, SelectedBrand, SelectedCountry, User } from './user';
-import { BusinessMerchant } from './merchant';
 import type { i18n } from 'i18next';
 import { Theme } from '@mui/material';
 import { CalenderMode } from './theme';
 import { Timezone } from './appConfig';
 import { Brand, Entity, TableMode } from './index.js';
 import { TextAndLang } from './common';
-export interface AccountAppPayload {
-    disabledAccountDataFetching?: boolean;
-    isAccountDetailsOpen: boolean;
-    selectedMerchant?: BusinessMerchant;
-}
-export interface AppPayload extends Partial<AccountAppPayload> {
+export type AppPayload<TServiceCodes extends string = string> = {
+    services: {
+        [key in TServiceCodes]?: ServicePayload;
+    };
+};
+export interface ServicePayload {
     columnFilters?: Record<string, any>;
     filteredIds?: string[];
     dateRange?: [Date, Date];
@@ -21,6 +20,7 @@ export interface AppPayload extends Partial<AccountAppPayload> {
     isTextShown?: boolean;
     tableViews?: ColumnsView[];
     calendarTimezone?: number;
+    reportTypes?: string[];
 }
 export interface AppDetails {
     id: string;
@@ -43,7 +43,7 @@ export interface AppDetails {
         minWidth: number | string;
         minHeight: number | string;
     };
-    payload?: Record<string, any> & AppPayload;
+    payload?: Record<string, any> & ServicePayload;
     toolbarIconUrl?: string;
     hideMaximizedApp?: boolean;
     hideMinimizeApp?: boolean;
@@ -99,7 +99,7 @@ export type MFWidgetBaseProps = {
         hasHeader: boolean;
         sandboxMode: boolean;
         initialServiceCode?: string;
-        initialPayload?: Record<string, any> & AppPayload;
+        initialAppPayload?: AppPayload;
     };
     user: User;
     segment: {

package/build/types/index.d.ts

@@ -32,3 +32,4 @@ export * from './filter';
 export * from './utilities';
 export * from './reports';
 export * from './document';
+export * from './toast';

package/build/types/index.js

@@ -32,3 +32,4 @@ export * from './filter';
 export * from './utilities';
 export * from './reports';
 export * from './document';
+export * from './toast';

package/build/types/toast.d.ts

@@ -0,0 +1,16 @@
+import type { ToastOptions, ValueOrFunction, Renderable, Toast } from 'react-hot-toast';
+export type ToastMessage = ValueOrFunction<Renderable, Toast>;
+export type ToastEventPayload = {
+    action: 'show';
+    variant: 'default' | 'success' | 'error' | 'loading' | 'custom';
+    message: ToastMessage;
+    options?: ToastOptions;
+} | {
+    variant: 'dismiss';
+    action: 'dismiss';
+    toastId?: string;
+} | {
+    variant: 'remove';
+    action: 'remove';
+    toastId?: string;
+};

package/build/types/toast.js

@@ -0,0 +1 @@
+export {};

package/build/utils/navigation.d.ts

@@ -6,7 +6,7 @@ export declare const openNewAppAttrs: ({ appCode, serviceCode, sandboxMode, payl
     numberOfOpenedApps: number;
     segmentId: string;
 }) => {
-    payload?: (Record<string, any> & import("../types/index.js").AppPayload) | undefined;
+    payload?: (Record<string, any> & import("../types/index.js").ServicePayload) | undefined;
     segmentId: string;
     appCode: string;
     serviceCode: 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.366",
-  "testVersion": 0,
+  "version": "0.1.367-test.1",
+  "testVersion": 1,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",
@@ -164,4 +164,4 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   }
-}
+}

package/build/components/Notifications/Notifications.d.ts

@@ -1 +0,0 @@
-export default function Notifications(): import("react/jsx-runtime").JSX.Element;

package/build/components/Notifications/Notifications.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Box from '@mui/material/Box';
-import { Toaster, resolveValue } from 'react-hot-toast';
-import { actionSuccessIcon, warningInfoIcon } from '../../constants/index.js';
-import { Content } from './style';
-const icons = {
-    success: actionSuccessIcon,
-    error: warningInfoIcon,
-};
-export default function Notifications() {
-    return (_jsx(Toaster, { children: (t) => (_jsxs(Content, { children: [icons[t.type] && _jsx(Box, { component: "img", src: icons[t.type], alt: t.type }), _jsx(Box, { children: resolveValue(t.message, t) })] })) }));
-}

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

@@ -1,2 +0,0 @@
-import Notifications from './Notifications';
-export default Notifications;

package/build/components/Notifications/index.js

@@ -1,2 +0,0 @@
-import Notifications from './Notifications';
-export default Notifications;