@tap-payments/os-micro-frontend-shared 0.1.365-test.1 → 0.1.365-test.3

package/build/components/TableCells/CustomCells/BrandsCell/BrandsCell.js

@@ -11,12 +11,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Tooltip from '../../../Tooltip';
-import IconWithBadge from '../../../IconWithBadge';
 import TableCell from '../../TableCell';
-import { BrandsWrapper, BrandsWrapperContent, Label } from './style';
+import { BrandsWrapper, BrandsWrapperContent, Label, VerificationContainer, VerificationIcon } from './style';
 import { verificationIcon } from './constants';
 export default function BrandsCell(_a) {
     var { brand, verificationStatus, hideStatus, brandLogo } = _a, props = __rest(_a, ["brand", "verificationStatus", "hideStatus", "brandLogo"]);
     const icon = verificationIcon[verificationStatus !== null && verificationStatus !== void 0 ? verificationStatus : 'incomplete'];
-    return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(Tooltip, Object.assign({ title: brand.name }, { children: _jsx(BrandsWrapper, Object.assign({ hasClick: !!props.onClick }, { children: _jsxs(BrandsWrapperContent, { children: [brandLogo, _jsx(Label, Object.assign({ brandName: brand.name }, { children: brand.name || 'Not Available' })), !hideStatus && (_jsx(IconWithBadge, { mainIcon: icon, mainIconSize: 10, containerSize: 10, borderColor: "transparent", containerSx: { marginLeft: 'auto' } }))] }) })) })) })));
+    return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(Tooltip, Object.assign({ title: brand.name }, { children: _jsx(BrandsWrapper, Object.assign({ hasClick: !!props.onClick }, { children: _jsxs(BrandsWrapperContent, { children: [brandLogo, _jsx(Label, Object.assign({ brandName: brand.name }, { children: brand.name || 'Not Available' })), !hideStatus && (_jsx(VerificationContainer, { children: _jsx(VerificationIcon, { src: icon }) }))] }) })) })) })));
 }

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

@@ -5,8 +5,8 @@ export declare const BrandsWrapper: import("@emotion/styled").StyledComponent<im
 export declare const BrandsWrapperContent: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const BrandName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const VerificationIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const Label: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     brandName?: string | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const VerificationIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const VerificationContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/TableCells/CustomCells/BrandsCell/style.js

@@ -17,16 +17,15 @@ export const BrandsWrapperContent = styled(Box)(() => ({
     overflow: 'hidden',
     width: '100%',
 }));
-export const BrandName = styled('div')(({ theme }) => ({
-    fontSize: '14px',
-    fontWeight: 400,
-    color: theme.palette.text.primary,
-}));
-export const VerificationIcon = styled('img')(() => ({
-    width: '8px',
-    height: '8px',
-}));
 export const Label = styled('p', { shouldForwardProp: (props) => !['brandName'].includes(props) })(({ theme, brandName }) => (Object.assign({ fontSize: '14px', fontWeight: 400, color: theme.palette.text.primary, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', width: '74px', margin: '0' }, (!brandName && {
     color: '#B1B1B1',
     width: '84px',
 }))));
+export const VerificationIcon = styled('img')(() => ({
+    width: '10.5px',
+    height: '10.5px',
+}));
+export const VerificationContainer = styled('div')({
+    marginLeft: 'auto',
+    width: 'auto',
+});

package/build/constants/reports.d.ts

@@ -1,23 +1,6 @@
-/**
- * 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: {
+export declare const filtersTypeMap: {
     [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,89 +1,39 @@
 import { APP_CODES } from './apps';
 import { acceptanceAppIcon, billingAppIcon, payoutsAppIcon, walletAppIcon } from './assets';
-/**
- * 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',
+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'],
 };
-/**
- * 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: REPORT_FILTER_TYPES.INVOICE }],
+        services: [{ name: 'Invoices', code: 'INVOICE' }],
     },
     {
         code: APP_CODES.acceptance.code,
         name: 'Acceptance',
         icon: acceptanceAppIcon,
         services: [
-            { 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 },
+            { name: 'Authorisations', code: 'AUTHORIZE' },
+            { name: 'Charges', code: 'CHARGE' },
+            { name: 'Refunds', code: 'REFUND' },
+            { name: 'Chargebacks', code: 'CHARGEBACKS' },
+            { name: 'Destinations', code: 'DESTINATIONS' },
         ],
     },
     {
@@ -91,8 +41,8 @@ export const REPORTS_APPS = [
         name: 'Wallet',
         icon: walletAppIcon,
         services: [
-            { name: 'Aggregated Statement', code: REPORT_FILTER_TYPES.STATEMENT_SUMMARY },
-            { name: 'Detailed Statement', code: REPORT_FILTER_TYPES.STATEMENT },
+            { name: 'Aggregated Statement', code: 'STATEMENT_SUMMARY' },
+            { name: 'Detailed Statement', code: 'STATEMENT' },
         ],
     },
     {
@@ -100,9 +50,9 @@ export const REPORTS_APPS = [
         name: 'Payouts',
         icon: payoutsAppIcon,
         services: [
-            { 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 },
+            { name: 'Payouts', code: 'PAYOUT' },
+            { name: 'Merchant Payouts', code: 'MERCHANT_PAYOUT' },
+            { name: 'Retailer Payouts', code: 'RETAILER_PAYOUT' },
         ],
     },
 ];

package/build/types/apps.d.ts

@@ -1,16 +1,18 @@
 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 AppPayload {
-    selectedService: string;
-    services: Record<string, ServicePayload>;
+export interface AccountAppPayload {
+    disabledAccountDataFetching?: boolean;
+    isAccountDetailsOpen: boolean;
+    selectedMerchant?: BusinessMerchant;
 }
-export interface ServicePayload {
+export interface AppPayload extends Partial<AccountAppPayload> {
     columnFilters?: Record<string, any>;
     filteredIds?: string[];
     dateRange?: [Date, Date];
@@ -19,7 +21,6 @@ export interface ServicePayload {
     isTextShown?: boolean;
     tableViews?: ColumnsView[];
     calendarTimezone?: number;
-    reportTypes?: string[];
 }
 export interface AppDetails {
     id: string;
@@ -42,7 +43,7 @@ export interface AppDetails {
         minWidth: number | string;
         minHeight: number | string;
     };
-    payload?: Record<string, any> & ServicePayload;
+    payload?: Record<string, any> & AppPayload;
     toolbarIconUrl?: string;
     hideMaximizedApp?: boolean;
     hideMinimizeApp?: boolean;
@@ -98,7 +99,7 @@ export type MFWidgetBaseProps = {
         hasHeader: boolean;
         sandboxMode: boolean;
         initialServiceCode?: string;
-        initialPayload?: Record<string, any> & ServicePayload;
+        initialPayload?: Record<string, any> & AppPayload;
     };
     user: User;
     segment: {

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").ServicePayload) | undefined;
+    payload?: (Record<string, any> & import("../types/index.js").AppPayload) | 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.365-test.1",
-  "testVersion": 1,
+  "version": "0.1.365-test.3",
+  "testVersion": 3,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",
@@ -63,7 +63,7 @@
     "ts:build": "rm -rf build && tsc -p tsconfig.npm.json && tsc-alias -p tsconfig.npm.json",
     "push:local": "yarn ts:build && yalc publish --push",
     "push": "npm run ts:build && npm publish --access public",
-    "push:test": " npm publish --access public --tag test && node scripts/restore-version.cjs",
+    "push:test": "node scripts/increment-test-version.cjs && npm run ts:build && npm publish --access public --tag test && node scripts/restore-version.cjs",
     "dev": "vite",
     "build": "tsc -b && vite build ",
     "prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\"",
@@ -164,4 +164,4 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   }
-}
+}