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

package/build/constants/table/cell/merchantsTableCellWidth.d.ts

@@ -16,7 +16,7 @@ export declare const merchantsTableCellWidth: {
         readonly text: "120px";
     };
     readonly marketplace: {
-        readonly default: "80px";
+        readonly default: "110px";
         readonly text: "110px";
     };
     readonly individuals: {
@@ -27,7 +27,7 @@ export declare const merchantsTableCellWidth: {
         readonly default: "95px";
         readonly text: "180px";
     };
-    readonly application_status: {
+    readonly status: {
         readonly default: "80px";
         readonly text: "100px";
     };
@@ -39,4 +39,8 @@ export declare const merchantsTableCellWidth: {
         readonly default: "40px";
         readonly text: "40px";
     };
+    readonly user_name: {
+        readonly default: "150px";
+        readonly text: "180px";
+    };
 };

package/build/constants/table/cell/merchantsTableCellWidth.js

@@ -16,7 +16,7 @@ export const merchantsTableCellWidth = {
         text: '120px',
     },
     marketplace: {
-        default: '80px',
+        default: '110px',
         text: '110px',
     },
     individuals: {
@@ -27,7 +27,7 @@ export const merchantsTableCellWidth = {
         default: '95px',
         text: '180px',
     },
-    application_status: {
+    status: {
         default: '80px',
         text: '100px',
     },
@@ -39,4 +39,8 @@ export const merchantsTableCellWidth = {
         default: '40px',
         text: '40px',
     },
+    user_name: {
+        default: '150px',
+        text: '180px',
+    },
 };

package/build/constants/table/cell/terminalsTableCellWidth.d.ts

@@ -0,0 +1,46 @@
+export declare const terminalsTableCellWidth: {
+    readonly device: {
+        readonly default: "200px";
+        readonly text: "200px";
+    };
+    readonly merchantId: {
+        readonly default: "120px";
+        readonly text: "120px";
+    };
+    readonly type: {
+        readonly default: "80px";
+        readonly text: "80px";
+    };
+    readonly platform: {
+        readonly default: "120px";
+        readonly text: "120px";
+    };
+    readonly branding: {
+        readonly default: "120px";
+        readonly text: "120px";
+    };
+    readonly features: {
+        readonly default: "120px";
+        readonly text: "120px";
+    };
+    readonly acceptance: {
+        readonly default: "120px";
+        readonly text: "120px";
+    };
+    readonly brand: {
+        readonly default: "120px";
+        readonly text: "120px";
+    };
+    readonly address: {
+        readonly default: "120px";
+        readonly text: "120px";
+    };
+    readonly status: {
+        readonly default: "80px";
+        readonly text: "80px";
+    };
+    readonly actions: {
+        readonly default: "40px";
+        readonly text: "40px";
+    };
+};

package/build/constants/table/cell/terminalsTableCellWidth.js

@@ -0,0 +1,46 @@
+export const terminalsTableCellWidth = {
+    device: {
+        default: '200px',
+        text: '200px',
+    },
+    merchantId: {
+        default: '120px',
+        text: '120px',
+    },
+    type: {
+        default: '80px',
+        text: '80px',
+    },
+    platform: {
+        default: '120px',
+        text: '120px',
+    },
+    branding: {
+        default: '120px',
+        text: '120px',
+    },
+    features: {
+        default: '120px',
+        text: '120px',
+    },
+    acceptance: {
+        default: '120px',
+        text: '120px',
+    },
+    brand: {
+        default: '120px',
+        text: '120px',
+    },
+    address: {
+        default: '120px',
+        text: '120px',
+    },
+    status: {
+        default: '80px',
+        text: '80px',
+    },
+    actions: {
+        default: '40px',
+        text: '40px',
+    },
+};

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/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,130 +1,130 @@
-{
-  "name": "@tap-payments/os-micro-frontend-shared",
-  "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.30",
-  "type": "module",
-  "main": "build/index.js",
-  "module": "build/index.js",
-  "types": "build/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./build/index.js",
-      "require": "./build/index.js",
-      "types": "./build/index.d.ts"
-    },
-    "./constants": {
-      "import": "./build/constants/index.js",
-      "require": "./build/constants/index.js",
-      "types": "./build/constants/index.d.ts"
-    },
-    "./components": {
-      "import": "./build/components/index.js",
-      "require": "./build/components/index.js",
-      "types": "./build/components/index.d.ts"
-    },
-    "./components/*": {
-      "import": "./build/components/*",
-      "require": "./build/components/*",
-      "types": "./build/components/*"
-    },
-    "./hooks": {
-      "import": "./build/hooks/index.js",
-      "require": "./build/hooks/index.js",
-      "types": "./build/hooks/index.d.ts"
-    },
-    "./utils": {
-      "import": "./build/utils/index.js",
-      "require": "./build/utils/index.js",
-      "types": "./build/utils/index.d.ts"
-    },
-    "./theme": {
-      "import": "./build/theme/index.js",
-      "require": "./build/theme/index.js",
-      "types": "./build/theme/index.d.ts"
-    },
-    "./types": {
-      "import": "./build/types/index.js",
-      "require": "./build/types/index.js",
-      "types": "./build/types/index.d.ts"
-    }
-  },
-  "license": "MIT",
-  "author": {
-    "name": "Ahmed Sharkawy",
-    "email": "a.elsharkawy@tap.company"
-  },
-  "files": [
-    "build",
-    "readme.md"
-  ],
-  "scripts": {
-    "ts:build": "rm -rf build && tsc -p tsconfig.npm.json && tsc-alias -p tsconfig.npm.json",
-    "push": "npm version patch --no-git-tag-version && npm run ts:build && npm publish --access public",
-    "dev": "vite",
-    "build": "tsc -b && vite build ",
-    "prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\"",
-    "prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\"",
-    "lint": "eslint . --color",
-    "lint:fix": "eslint src --fix --color",
-    "preview": "vite preview",
-    "prepare": "husky"
-  },
-  "dependencies": {
-    "@emotion/react": "^11.11.0",
-    "@emotion/styled": "^11.11.0",
-    "@hookform/resolvers": "^3.3.1",
-    "@mui/material": "^5.12.3",
-    "@uiw/react-json-view": "^2.0.0-alpha.16",
-    "axios": "^1.4.0",
-    "dayjs": "^1.11.8",
-    "framer-motion": "10.11.0",
-    "i18next": "^22.4.15",
-    "memoize-one": "^6.0.0",
-    "re-resizable": "^6.9.9",
-    "react": "^18.2.0",
-    "react-currency-input-field": "^3.6.11",
-    "react-dom": "^18.2.0",
-    "react-draggable": "^4.4.6",
-    "react-dropzone": "^14.2.3",
-    "react-hook-form": "^7.45.4",
-    "react-hot-toast": "^2.4.1",
-    "react-i18next": "^12.2.2",
-    "react-multi-date-picker": "^4.1.2",
-    "react-router-dom": "^6.14.2",
-    "react-virtualized-auto-sizer": "^1.0.20",
-    "react-window": "^1.8.9",
-    "react-window-infinite-loader": "^1.0.9",
-    "react18-input-otp": "^1.1.4",
-    "recharts": "^2.15.1"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.17.0",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@types/lodash": "^4.17.15",
-    "@types/react": "^18.2.6",
-    "@types/react-dom": "^18.3.5",
-    "@types/react-virtualized-auto-sizer": "^1.0.8",
-    "@types/react-window": "^1.8.5",
-    "@types/react-window-infinite-loader": "^1.0.6",
-    "@vitejs/plugin-react": "^4.3.4",
-    "eslint": "^9.17.0",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.16",
-    "globals": "^15.14.0",
-    "husky": "^8.0.3",
-    "lint-staged": "^13.2.2",
-    "prettier": "^2.8.8",
-    "tsc-alias": "^1.8.16",
-    "typescript": "5.0.2",
-    "typescript-eslint": "^8.18.2",
-    "vite": "6.0.5",
-    "vite-plugin-svgr": "^4.3.0",
-    "vite-tsconfig-paths": "^4.2.0"
-  },
-  "lint-staged": {
-    "src/**/*.{ts,tsx,json,js,jsx}": [
-      "yarn run prettier:fix",
-      "yarn run lint"
-    ]
-  }
-}
+{
+  "name": "@tap-payments/os-micro-frontend-shared",
+  "description": "Shared components and utilities for Tap Payments micro frontends",
+  "version": "0.0.31-dev-shared-migration-v1",
+  "type": "module",
+  "main": "build/index.js",
+  "module": "build/index.js",
+  "types": "build/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./build/index.js",
+      "require": "./build/index.js",
+      "types": "./build/index.d.ts"
+    },
+    "./constants": {
+      "import": "./build/constants/index.js",
+      "require": "./build/constants/index.js",
+      "types": "./build/constants/index.d.ts"
+    },
+    "./components": {
+      "import": "./build/components/index.js",
+      "require": "./build/components/index.js",
+      "types": "./build/components/index.d.ts"
+    },
+    "./components/*": {
+      "import": "./build/components/*/index.js",
+      "require": "./build/components/*/index.js",
+      "types": "./build/components/*/index.d.ts"
+    },
+    "./hooks": {
+      "import": "./build/hooks/index.js",
+      "require": "./build/hooks/index.js",
+      "types": "./build/hooks/index.d.ts"
+    },
+    "./utils": {
+      "import": "./build/utils/index.js",
+      "require": "./build/utils/index.js",
+      "types": "./build/utils/index.d.ts"
+    },
+    "./theme": {
+      "import": "./build/theme/index.js",
+      "require": "./build/theme/index.js",
+      "types": "./build/theme/index.d.ts"
+    },
+    "./types": {
+      "import": "./build/types/index.js",
+      "require": "./build/types/index.js",
+      "types": "./build/types/index.d.ts"
+    }
+  },
+  "license": "MIT",
+  "author": {
+    "name": "Ahmed Sharkawy",
+    "email": "a.elsharkawy@tap.company"
+  },
+  "files": [
+    "build",
+    "readme.md"
+  ],
+  "scripts": {
+    "ts:build": "rm -rf build && tsc -p tsconfig.npm.json && tsc-alias -p tsconfig.npm.json",
+    "push": "npm version patch --no-git-tag-version && npm run ts:build && npm publish --access public",
+    "dev": "vite",
+    "build": "tsc -b && vite build ",
+    "prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\"",
+    "prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\"",
+    "lint": "eslint . --color",
+    "lint:fix": "eslint src --fix --color",
+    "preview": "vite preview",
+    "prepare": "husky"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.0",
+    "@emotion/styled": "^11.11.0",
+    "@hookform/resolvers": "^3.3.1",
+    "@mui/material": "^5.12.3",
+    "@uiw/react-json-view": "^2.0.0-alpha.16",
+    "axios": "^1.4.0",
+    "dayjs": "^1.11.8",
+    "framer-motion": "10.11.0",
+    "i18next": "^22.4.15",
+    "memoize-one": "^6.0.0",
+    "re-resizable": "^6.9.9",
+    "react": "^18.2.0",
+    "react-currency-input-field": "^3.6.11",
+    "react-dom": "^18.2.0",
+    "react-draggable": "^4.4.6",
+    "react-dropzone": "^14.2.3",
+    "react-hook-form": "^7.45.4",
+    "react-hot-toast": "^2.4.1",
+    "react-i18next": "^12.2.2",
+    "react-multi-date-picker": "^4.1.2",
+    "react-router-dom": "^6.14.2",
+    "react-virtualized-auto-sizer": "^1.0.20",
+    "react-window": "^1.8.9",
+    "react-window-infinite-loader": "^1.0.9",
+    "react18-input-otp": "^1.1.4",
+    "recharts": "^2.15.1"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.17.0",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@types/lodash": "^4.17.15",
+    "@types/react": "^18.2.6",
+    "@types/react-dom": "^18.3.5",
+    "@types/react-virtualized-auto-sizer": "^1.0.8",
+    "@types/react-window": "^1.8.5",
+    "@types/react-window-infinite-loader": "^1.0.6",
+    "@vitejs/plugin-react": "^4.3.4",
+    "eslint": "^9.17.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "globals": "^15.14.0",
+    "husky": "^8.0.3",
+    "lint-staged": "^13.2.2",
+    "prettier": "^2.8.8",
+    "tsc-alias": "^1.8.16",
+    "typescript": "5.0.2",
+    "typescript-eslint": "^8.18.2",
+    "vite": "6.0.5",
+    "vite-plugin-svgr": "^4.3.0",
+    "vite-tsconfig-paths": "^4.2.0"
+  },
+  "lint-staged": {
+    "src/**/*.{ts,tsx,json,js,jsx}": [
+      "yarn run prettier:fix",
+      "yarn run lint"
+    ]
+  }
+}