@tap-payments/os-micro-frontend-shared 0.0.28 → 0.0.31-dev-shared-migration-v1

package/build/hooks/index.js

@@ -7,6 +7,5 @@ export * from './useCheckInternetConnection';
 export * from './useCheckUserLoggedIn';
 export * from './useDelayedUpdate';
 export * from './useIsParameterSelected';
-export * from './useQueryCancel';
 export * from './useStickyHeaderShadow';
 export * from './useThemeMode';

package/build/theme/palette.js

@@ -30,6 +30,7 @@ export const lightPalette = {
         A200: '#000014',
         A400: '#C1C1C1',
         A700: '#818181',
+        A800: '#1F222A',
     },
     primary: {
         light: '#FCFCFC',

package/build/types/cell.d.ts

@@ -1,4 +1,4 @@
-import { authenticationsTableCellWidth, authorizationTableCellWidth, walletTableCellWidth, walletStatementTableCellWidth, walletDetailsTableCellWidth, topupsTableCellWidth, tokensTableCellWidth, refundTableCellWidth, protectChargesTableCellWidth, payoutsTableCellWidth, ordersTableCellWidth, invoicesTableCellWidth, leadsTableCellWidth, intentsTableCellWidth, chargeTableCellWidth, protectAuthorizationsTableCellWidth, destinationsTableCellWidth, merchantsTableCellWidth } from '../constants/index.js';
+import { authenticationsTableCellWidth, authorizationTableCellWidth, walletTableCellWidth, walletStatementTableCellWidth, walletDetailsTableCellWidth, topupsTableCellWidth, tokensTableCellWidth, refundTableCellWidth, protectChargesTableCellWidth, payoutsTableCellWidth, ordersTableCellWidth, invoicesTableCellWidth, leadsTableCellWidth, intentsTableCellWidth, chargeTableCellWidth, protectAuthorizationsTableCellWidth, destinationsTableCellWidth, merchantsTableCellWidth, terminalsTableCellWidth } from '../constants/index.js';
 import { IVirtualTable } from './index.js';
 export type AuthenticationsTableCellID = keyof typeof authenticationsTableCellWidth;
 export type AuthorizationTableCellID = keyof typeof authorizationTableCellWidth;
@@ -18,6 +18,7 @@ export type ChargeTableCellID = keyof typeof chargeTableCellWidth;
 export type ProtectAuthorizationsTableCellID = keyof typeof protectAuthorizationsTableCellWidth;
 export type DestinationsTableCellID = keyof typeof destinationsTableCellWidth;
 export type MerchantsTableCellID = keyof typeof merchantsTableCellWidth;
+export type TerminalsTableCellID = keyof typeof terminalsTableCellWidth;
 export type TableCellWidthProps = {
     tableMode: NonNullable<IVirtualTable['tableMode']>;
 } & ({
@@ -74,4 +75,7 @@ export type TableCellWidthProps = {
 } | {
     table: 'merchants';
     cellID: MerchantsTableCellID;
+} | {
+    table: 'terminals';
+    cellID: TerminalsTableCellID;
 });

package/build/types/table.d.ts

@@ -3,6 +3,7 @@ import { BoxProps } from '@mui/material/Box';
 import { TableHeadProps } from '@mui/material/TableHead';
 import { TableRowProps } from '@mui/material/TableRow';
 import { DragControls } from 'framer-motion';
+import { Country } from './appConfig';
 import { SortingOrder } from './sort';
 export interface TableFilters<T> {
     order: string;
@@ -71,10 +72,13 @@ export interface IColumnFilterOption {
         value: unknown;
         setValue: (value: unknown) => void;
         isDisabled?: boolean;
-        getInputValue: (key: string) => string;
-        isInputHasValue: boolean;
-        onClickReset: () => void;
+        getInputValue: (key: string, type?: string) => string;
+        isInputHasValue: (key: string, type?: string) => boolean;
+        onClickReset: (key: string, type?: string) => void;
     }) => React.ReactNode;
+    type?: 'text' | 'phone';
+    countries?: Country[];
+    isCountriesLoading?: boolean;
 }
 export type IColumnListFilterOption = Omit<IColumnFilterOption, 'apiKey' | 'options'> & {
     value: string;
@@ -88,6 +92,8 @@ export interface IColumnFilterList {
 export interface IColumnFilterInputs {
     type: 'inputs';
     options?: IColumnFilterOption[];
+    countries?: Country[];
+    isCountriesLoading?: boolean;
 }
 export interface IColumnFilterCustom {
     type: 'custom';
@@ -127,9 +133,13 @@ export interface IVirtualTable<R = any> {
     };
     dragControls?: DragControls;
 }
-export type IColumnFilter = {
-    onConfirm?: (filterValues: Record<string, string> | Record<string, string[]>) => void;
+export type ColumnFilterValues = Record<string, string | string[] | {
+    phone: string;
+    country: Country | undefined;
+}>;
+export type IColumnFilter = ({
+    onConfirm?: (filterValues: ColumnFilterValues) => void;
     onClear: (apiKeys: string[]) => void;
-    data?: Record<string, string> | Record<string, string[]>;
+    data?: ColumnFilterValues;
     isOnlyOneFilter?: boolean;
-} & (IColumnFilterList | IColumnFilterInputs | IColumnFilterCustom);
+} & (IColumnFilterList | IColumnFilterInputs | IColumnFilterCustom));

package/build/utils/index.d.ts

@@ -6,7 +6,6 @@ export * from './number';
 export * from './color';
 export * from './currency';
 export * from './conversion';
-export * from './reactQuery';
 export * from './country';
 export * from './payout';
 export * from './table';

package/build/utils/index.js

@@ -6,7 +6,6 @@ export * from './number';
 export * from './color';
 export * from './currency';
 export * from './conversion';
-export * from './reactQuery';
 export * from './country';
 export * from './payout';
 export * from './table';

package/build/utils/string.d.ts

@@ -6,3 +6,4 @@ export declare const generateUniqueUUID: () => `${string}-${string}-${string}-${
 export declare const copyText: (text: string) => void;
 export declare const capitalizeFirstLetter: (text: string) => string;
 export declare const percentageToNumber: (percentageStr: string) => number;
+export declare const maskValue: (value: string) => string;

package/build/utils/string.js

@@ -51,3 +51,4 @@ export const percentageToNumber = (percentageStr) => {
     const [number] = percentageStr.split('%');
     return parseFloat(number) || 0;
 };
+export const maskValue = (value) => `••• ${value.slice(-4)}`;

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, } 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, } from '../constants/index.js';
 export const getColumnWidthPercentage = (widthInPx, options) => {
     const { isFirst, isLast } = options || {};
     const paddingInPx = isFirst || isLast ? 0 : 0;
@@ -43,6 +43,8 @@ export const getCellWidth = ({ table, cellID, tableMode }) => {
             return walletStatementTableCellWidth[cellID][tableMode];
         case 'merchants':
             return merchantsTableCellWidth[cellID][tableMode];
+        case 'terminals':
+            return terminalsTableCellWidth[cellID][tableMode];
         default:
             return '100px';
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.28",
+  "version": "0.0.31-dev-shared-migration-v1",
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",
@@ -23,9 +23,9 @@
       "types": "./build/components/index.d.ts"
     },
     "./components/*": {
-      "import": "./build/components/*",
-      "require": "./build/components/*",
-      "types": "./build/components/*"
+      "import": "./build/components/*/index.js",
+      "require": "./build/components/*/index.js",
+      "types": "./build/components/*/index.d.ts"
     },
     "./hooks": {
       "import": "./build/hooks/index.js",
@@ -90,7 +90,6 @@
     "react-hot-toast": "^2.4.1",
     "react-i18next": "^12.2.2",
     "react-multi-date-picker": "^4.1.2",
-    "react-query": "^3.39.3",
     "react-router-dom": "^6.14.2",
     "react-virtualized-auto-sizer": "^1.0.20",
     "react-window": "^1.8.9",

package/build/hooks/useQueryCancel.d.ts

@@ -1,3 +0,0 @@
-export declare const useQueryCancel: (name: string, type?: 'query' | 'mutation') => {
-    cancel: () => void;
-};

package/build/hooks/useQueryCancel.js

@@ -1,15 +0,0 @@
-import { useCallback, useEffect } from 'react';
-import { queryClient } from '../utils/index.js';
-export const useQueryCancel = (name, type = 'query') => {
-    const cancel = useCallback(() => {
-        if (type === 'query') {
-            queryClient.cancelQueries(name);
-        }
-    }, [type, name]);
-    useEffect(() => {
-        return () => {
-            cancel();
-        };
-    }, [cancel]);
-    return { cancel };
-};

package/build/utils/reactQuery.d.ts

@@ -1,3 +0,0 @@
-import { QueryClient } from 'react-query';
-export declare const queryClient: QueryClient;
-export declare const removeQueries: (excludedKeys?: string[]) => void;

package/build/utils/reactQuery.js

@@ -1,18 +0,0 @@
-import { QueryClient } from 'react-query';
-export const queryClient = new QueryClient({
-    defaultOptions: {
-        queries: {
-            retry: false,
-            refetchOnWindowFocus: false,
-            staleTime: 1000 * 60 * 3,
-            cacheTime: 1000 * 60 * 3,
-        },
-    },
-});
-export const removeQueries = (excludedKeys) => {
-    queryClient.removeQueries({
-        predicate: (query) => {
-            return !(excludedKeys === null || excludedKeys === void 0 ? void 0 : excludedKeys.includes(query.queryKey[0]));
-        },
-    });
-};