@tap-payments/os-micro-frontend-shared 0.1.236 → 0.1.237-test.1

package/build/hooks/useAppsInfo.js

@@ -0,0 +1,21 @@
+import { useCallback } from 'react';
+export const useAppsInfo = (segmentApps) => {
+    const getAppInfo = useCallback((appCode) => segmentApps.find((app) => app.code.toLowerCase() === appCode.toLowerCase()), [segmentApps]);
+    const getServiceInfo = useCallback(({ appCode, serviceCode }) => {
+        var _a;
+        return (_a = getAppInfo(appCode)) === null || _a === void 0 ? void 0 : _a.app_services.find(({ code }) => code.toLowerCase() === serviceCode.toLowerCase());
+    }, [getAppInfo]);
+    const getServiceFunctions = useCallback(({ appCode, serviceCode }) => {
+        var _a, _b;
+        return (_b = (_a = getServiceInfo({ appCode, serviceCode })) === null || _a === void 0 ? void 0 : _a.functions) !== null && _b !== void 0 ? _b : [];
+    }, [getServiceInfo]);
+    const getFunctionInfo = useCallback(({ appCode, serviceCode, functionCode }) => {
+        return getServiceFunctions({ appCode, serviceCode }).find(({ code }) => code.toLowerCase() === functionCode.toLowerCase());
+    }, [getServiceFunctions]);
+    return {
+        getAppInfo,
+        getServiceInfo,
+        getServiceFunctions,
+        getFunctionInfo,
+    };
+};

package/build/types/appEvents.d.ts

@@ -0,0 +1,44 @@
+import { CalenderMode, NavigateFunction, TableMode, Timezone } from './index.js';
+import { DragControls } from 'framer-motion';
+export declare enum AppEvent {
+    OnClickTableAction = "on-click-table-action",
+    OnRightClickTableAction = "on-right-click-table-action",
+    OnToggleTableMode = "on-toggle-table-mode",
+    OnChangeTableMode = "on-change-table-mode",
+    OnChangeCalenderMode = "on-change-calender-mode",
+    OnChangeTimezone = "on-change-timezone",
+    OnNavigate = "on-navigate",
+    OnStartDrag = "on-start-drag",
+    OnModifyRemotePayload = "on-modify-remote-payload"
+}
+/**
+ * Map event names to their corresponding payload types.
+ */
+export type AppEventMap = {
+    [AppEvent.OnClickTableAction]: (params: {
+        targetApp: {
+            appCode: string;
+            serviceCode: string;
+            sandboxMode?: boolean;
+            payload?: object;
+        };
+    }) => void;
+    [AppEvent.OnRightClickTableAction]: (params: {
+        targetApp: {
+            appCode: string;
+            serviceCode: string;
+            sandboxMode?: boolean;
+            payload?: object;
+        };
+    }) => void;
+    [AppEvent.OnToggleTableMode]: () => void;
+    [AppEvent.OnChangeTableMode]: (tableMode: TableMode) => void;
+    [AppEvent.OnChangeCalenderMode]: (calenderMode: CalenderMode) => void;
+    [AppEvent.OnChangeTimezone]: (timezone: Timezone) => void;
+    [AppEvent.OnNavigate]: NavigateFunction;
+    [AppEvent.OnStartDrag]: (...args: Parameters<DragControls['start']>) => void;
+    [AppEvent.OnModifyRemotePayload]: (params: {
+        windowId: string;
+        payload: object;
+    }) => void;
+};

package/build/types/appEvents.js

@@ -0,0 +1,14 @@
+export var AppEvent;
+(function (AppEvent) {
+    // Host Events
+    AppEvent["OnClickTableAction"] = "on-click-table-action";
+    AppEvent["OnRightClickTableAction"] = "on-right-click-table-action";
+    AppEvent["OnToggleTableMode"] = "on-toggle-table-mode";
+    AppEvent["OnChangeTableMode"] = "on-change-table-mode";
+    AppEvent["OnChangeCalenderMode"] = "on-change-calender-mode";
+    AppEvent["OnChangeTimezone"] = "on-change-timezone";
+    AppEvent["OnNavigate"] = "on-navigate";
+    AppEvent["OnStartDrag"] = "on-start-drag";
+    // Remote Events
+    AppEvent["OnModifyRemotePayload"] = "on-modify-remote-payload";
+})(AppEvent || (AppEvent = {}));

package/build/types/apps.d.ts

@@ -1,11 +1,11 @@
 import { ColumnsView } from './column';
-import { Segment, SegmentCountry, TextAndLang } from './user';
+import { SegmentCountry, SelectedBrand, SelectedCountry, TextAndLang } from './user';
 import { BusinessMerchant } from './merchant';
 import type { i18n } from 'i18next';
-import type { DragControls } from 'framer-motion';
 import { Theme } from '@mui/material';
 import { CalenderMode } from './theme';
 import { Timezone } from './appConfig';
+import { Brand, Entity, TableMode } from './index.js';
 export interface AccountAppPayload {
     disabledAccountDataFetching?: boolean;
     isAccountDetailsOpen: boolean;
@@ -69,16 +69,16 @@ export interface UserApp {
     app_services: AppService[];
 }
 export type NavigateFunction = (params: {
-    instanceId?: string;
-    appId?: string;
+    windowId?: string;
     appCode: string;
     serviceCode: string;
+    sandboxMode?: boolean;
     state?: any;
 }) => void;
 export type MFWidgetBaseProps = {
-    instanceId: string;
+    windowId: string;
     i18n?: i18n;
-    app?: UserApp;
+    app: UserApp;
     appWindow: {
         isMinimized: boolean;
         isMaximized: boolean;
@@ -86,29 +86,36 @@ export type MFWidgetBaseProps = {
         dimensions: Pick<AppDetails['dimensions'], 'width' | 'height'>;
     };
     features: {
+        calendarMode: CalenderMode;
+        tableMode: TableMode;
         hasReportsApp: boolean;
         hasHeader: boolean;
         sandboxMode: boolean;
         initialServiceCode?: string;
+        initialPayload?: Record<string, any> & AppPayload;
     };
-    segment: Pick<Segment, 'id' | 'brands' | 'countries'> & {
-        defaultCountry?: SegmentCountry;
+    segment: {
+        code: string;
+        type: string;
+        brands: Brand[];
+        countries: SegmentCountry[];
+        defaultCountry: SegmentCountry;
+        defaultEntity: Entity;
+        apps: UserApp[];
+        isBusinessSegment: boolean;
+        isAnyMerchantHasMarketplace: boolean;
+        isSegmentHasMoreThanOneMerchant: boolean;
+    };
+    selectedSegment: {
+        id: string;
+        selectedBrands: SelectedBrand[];
+        selectedCountries: SelectedCountry[];
     };
     ui: {
         theme: Theme;
-        onStartDrag: DragControls['start'];
-    };
-    calendar: {
-        mode: CalenderMode;
-        onSwitch: (mode: CalenderMode) => void;
-    };
-    navigation: {
-        navigate: NavigateFunction;
     };
     timezone: {
         current?: Timezone | null;
         default?: Timezone;
-        onChange: (timezone: Timezone) => void;
-        onChangeHistory: (timezone: Timezone) => void;
     };
 };

package/build/types/index.d.ts

@@ -24,3 +24,4 @@ export * from './destination';
 export * from './account';
 export * from './day';
 export * from './tsUtils';
+export * from './appEvents';

package/build/types/index.js

@@ -24,3 +24,4 @@ export * from './destination';
 export * from './account';
 export * from './day';
 export * from './tsUtils';
+export * from './appEvents';

package/build/utils/table.d.ts

@@ -1,4 +1,4 @@
-import { TableCellWidthProps, TableMode } from '../types/index.js';
+import { TableCellWidthProps, TableMode, TableNavigation } from '../types/index.js';
 export declare const getColumnWidthPercentage: (widthInPx: number, options?: {
     isFirst?: boolean;
     isLast?: boolean;
@@ -9,3 +9,14 @@ export declare const isHeightNotFullyFilledByRows: (totalRows: number) => boolea
 export declare const isTableDefaultMode: (tableMode: TableMode) => boolean;
 export declare const isTableSheetMode: (tableMode: TableMode) => boolean;
 export declare const isTableTextMode: (tableMode: TableMode) => boolean;
+interface ActionNavigationView<T> {
+    prefixes: string[];
+    keys?: string[];
+    label: string;
+    appCode: string;
+    serviceCode: string;
+    icon: TableNavigation['icon'];
+    accessor?: (rowData: T) => string[];
+}
+export declare const getPossibleActionNavigationView: <T>() => Record<string, ActionNavigationView<T>>;
+export {};

package/build/utils/table.js

@@ -1,4 +1,4 @@
-import { walletDetailsTableCellWidth, authenticationsTableCellWidth, authorizationTableCellWidth, chargeTableCellWidth, destinationsTableCellWidth, intentsTableCellWidth, invoicesTableCellWidth, leadsTableCellWidth, ordersTableCellWidth, payoutsTableCellWidth, protectChargesTableCellWidth, protectAuthorizationsTableCellWidth, refundTableCellWidth, tokensTableCellWidth, walletStatementTableCellWidth, topupsTableCellWidth, walletTableCellWidth, TABLE_CONTENT_ROW_HEIGHT, TABLE_LOADING_ROW_HEIGHT, TABLE_ROW_HEIGHT, merchantsTableCellWidth, terminalsTableCellWidth, } from '../constants/index.js';
+import { walletDetailsTableCellWidth, authenticationsTableCellWidth, authorizationTableCellWidth, chargeTableCellWidth, destinationsTableCellWidth, intentsTableCellWidth, invoicesTableCellWidth, leadsTableCellWidth, ordersTableCellWidth, payoutsTableCellWidth, protectChargesTableCellWidth, protectAuthorizationsTableCellWidth, refundTableCellWidth, tokensTableCellWidth, walletStatementTableCellWidth, topupsTableCellWidth, walletTableCellWidth, TABLE_CONTENT_ROW_HEIGHT, TABLE_LOADING_ROW_HEIGHT, TABLE_ROW_HEIGHT, merchantsTableCellWidth, terminalsTableCellWidth, APP_CODES, } from '../constants/index.js';
 export const getColumnWidthPercentage = (widthInPx, options) => {
     const { isFirst, isLast } = options || {};
     const paddingInPx = isFirst || isLast ? 0 : 0;
@@ -82,3 +82,149 @@ export const isTableSheetMode = (tableMode) => {
 export const isTableTextMode = (tableMode) => {
     return tableMode === 'text';
 };
+export const getPossibleActionNavigationView = () => {
+    return {
+        charge: {
+            prefixes: ['chg_', 'payout_', 'settlement_', 'terminal_'],
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            accessor: (rowData) => {
+                var _a, _b, _c, _d;
+                return [
+                    rowData.id,
+                    (_b = (_a = rowData.capture) === null || _a === void 0 ? void 0 : _a.charge) === null || _b === void 0 ? void 0 : _b.map((charge) => charge.id),
+                    (_c = rowData.charge) === null || _c === void 0 ? void 0 : _c.id,
+                    (_d = rowData.transactions) === null || _d === void 0 ? void 0 : _d.map((transaction) => transaction.id),
+                    rowData.charge_id,
+                ];
+            },
+            label: 'Charge',
+            appCode: APP_CODES.acceptance.code,
+            serviceCode: APP_CODES.acceptance.services.charges.code,
+            icon: 'capture',
+        },
+        authorize: {
+            prefixes: ['auth_'],
+            keys: ['id', 'authorize.id', 'source.id'],
+            label: 'Authorization',
+            appCode: APP_CODES.acceptance.code,
+            serviceCode: APP_CODES.acceptance.services.authorization.code,
+            icon: 'capture',
+        },
+        intents: {
+            prefixes: ['intent_'],
+            keys: [],
+            label: 'Intents',
+            appCode: APP_CODES.acceptance.code,
+            serviceCode: APP_CODES.acceptance.services.intents.code,
+            icon: 'capture',
+        },
+        refunds: {
+            prefixes: ['re_', 'payout_'],
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            accessor: (rowData) => {
+                var _a, _b, _c, _d;
+                return [
+                    (_b = (_a = rowData === null || rowData === void 0 ? void 0 : rowData.refunds) === null || _a === void 0 ? void 0 : _a.refund) === null || _b === void 0 ? void 0 : _b.map((refund) => refund.id),
+                    rowData === null || rowData === void 0 ? void 0 : rowData.id,
+                    ...(((_c = rowData === null || rowData === void 0 ? void 0 : rowData.refunds) === null || _c === void 0 ? void 0 : _c.length) ? [(_d = rowData === null || rowData === void 0 ? void 0 : rowData.refunds) === null || _d === void 0 ? void 0 : _d.map((refund) => refund.id)] : []),
+                ];
+            },
+            label: 'Refunds',
+            appCode: APP_CODES.acceptance.code,
+            serviceCode: APP_CODES.acceptance.services.refunds.code,
+            icon: 'refund',
+        },
+        authentication: {
+            prefixes: ['auth_payer_'],
+            keys: ['authentication.id'],
+            label: 'Authentication',
+            appCode: APP_CODES.authentication.code,
+            serviceCode: APP_CODES.authentication.services.authentication.code,
+            icon: 'capture',
+        },
+        order: {
+            prefixes: ['order_', 'ord_'],
+            keys: ['order.id'],
+            label: 'Order',
+            appCode: APP_CODES.order.code,
+            serviceCode: APP_CODES.order.services.orders.code,
+            icon: 'capture',
+        },
+        chargeFlags: {
+            prefixes: ['flag_'],
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            accessor: (rowData) => {
+                var _a, _b;
+                return (_b = (_a = rowData === null || rowData === void 0 ? void 0 : rowData.flags) === null || _a === void 0 ? void 0 : _a.flag) === null || _b === void 0 ? void 0 : _b.map((flag) => flag.id);
+            },
+            label: 'Flags',
+            appCode: APP_CODES.protect.code,
+            serviceCode: APP_CODES.protect.services.chargesFlags.code,
+            icon: 'flag',
+        },
+        authorizationFlags: {
+            prefixes: ['flag_'],
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            accessor: (rowData) => {
+                var _a, _b;
+                return (_b = (_a = rowData === null || rowData === void 0 ? void 0 : rowData.flags) === null || _a === void 0 ? void 0 : _a.flag) === null || _b === void 0 ? void 0 : _b.map((flag) => flag.id);
+            },
+            label: 'Flags',
+            appCode: APP_CODES.protect.code,
+            serviceCode: APP_CODES.protect.services.authorizationsFlags.code,
+            icon: 'flag',
+        },
+        token: {
+            prefixes: ['tok_'],
+            keys: ['source.id'],
+            label: 'Token',
+            appCode: APP_CODES.tokens.code,
+            serviceCode: APP_CODES.tokens.services.tokens.code,
+            icon: 'capture',
+        },
+        destination: {
+            prefixes: ['trf_', 'payout_'],
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            accessor: (rowData) => {
+                var _a, _b;
+                return [(_b = (_a = rowData === null || rowData === void 0 ? void 0 : rowData.destinations) === null || _a === void 0 ? void 0 : _a.destination) === null || _b === void 0 ? void 0 : _b.map((destination) => { var _a; return (_a = destination === null || destination === void 0 ? void 0 : destination.transfer) === null || _a === void 0 ? void 0 : _a.id; }), rowData === null || rowData === void 0 ? void 0 : rowData.id];
+            },
+            label: 'Destination',
+            appCode: APP_CODES.acceptance.code,
+            serviceCode: APP_CODES.acceptance.services.destinations.code,
+            icon: 'destination',
+        },
+        payout: {
+            prefixes: ['payout_'],
+            keys: ['balance.payout.id'],
+            label: 'Payout',
+            appCode: APP_CODES.payouts.code,
+            serviceCode: APP_CODES.payouts.services.payouts.code,
+            icon: 'capture',
+        },
+        settlement: {
+            prefixes: ['settlement_'],
+            keys: ['settlement.id'],
+            label: 'Settlement',
+            appCode: APP_CODES.acceptance.code,
+            serviceCode: APP_CODES.acceptance.services.settlements.code,
+            icon: 'capture',
+        },
+        intent: {
+            prefixes: ['intent_'],
+            keys: ['intent.id'],
+            label: 'Intent',
+            appCode: APP_CODES.acceptance.code,
+            serviceCode: APP_CODES.acceptance.services.intents.code,
+            icon: 'capture',
+        },
+        topup: {
+            prefixes: ['topup_'],
+            keys: ['topup.id'],
+            label: 'Topup',
+            appCode: APP_CODES.acceptance.code,
+            serviceCode: APP_CODES.acceptance.services.topups.code,
+            icon: 'capture',
+        },
+    };
+};

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