@tap-payments/os-micro-frontend-shared 0.0.24 → 0.0.25

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 Tap Payments
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 Tap Payments
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,12 +1,12 @@
-# os-micro-frontend-shared
-
-## Publishing Workflow
-
-1. Update version in package.json
-2. Commit changes
-3. Create and push a tag:
-
-```bash
-npm version patch  # or minor, major
-git push origin main --tags
-```
+# os-micro-frontend-shared
+
+## Publishing Workflow
+
+1. Update version in package.json
+2. Commit changes
+3. Create and push a tag:
+
+```bash
+npm version patch  # or minor, major
+git push origin main --tags
+```

package/build/components/FlagDetails/FlagDetails.d.ts

@@ -0,0 +1,12 @@
+interface FlagDetailsProps {
+    flags?: Array<{
+        id: string;
+        status: 'OPEN' | 'CLEARED';
+        amount: number;
+        created: number;
+        note: string;
+        ishold: boolean;
+    }>;
+}
+declare function FlagDetails({ flags }: FlagDetailsProps): import("react/jsx-runtime").JSX.Element;
+export default FlagDetails;

package/build/components/FlagDetails/FlagDetails.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import dayjs from 'dayjs';
+import { RefundTooltipView } from '../TableCells';
+import { formatFlagDate, formatPayoutDate } from '../../utils/index.js';
+function FlagDetails({ flags }) {
+    const isAllFlagsClosed = flags === null || flags === void 0 ? void 0 : flags.every((flag) => flag.status === 'CLEARED');
+    const openedFlags = (flags === null || flags === void 0 ? void 0 : flags.filter((flag) => flag.status === 'OPEN')) || [];
+    const holdFlags = (openedFlags === null || openedFlags === void 0 ? void 0 : openedFlags.filter((flag) => flag.ishold)) || [];
+    const firstOpenFlag = openedFlags === null || openedFlags === void 0 ? void 0 : openedFlags[0];
+    const firstHoldFlag = holdFlags === null || holdFlags === void 0 ? void 0 : holdFlags[0];
+    const renderFlagTooltip = () => {
+        var _a;
+        if (isAllFlagsClosed) {
+            return _jsx("div", { children: "Previously Flagged & Closed" });
+        }
+        if (openedFlags.length === 1 && ((_a = openedFlags === null || openedFlags === void 0 ? void 0 : openedFlags[0]) === null || _a === void 0 ? void 0 : _a.ishold)) {
+            return _jsx("div", { children: `Flagged & Balance Held ${formatPayoutDate(firstHoldFlag === null || firstHoldFlag === void 0 ? void 0 : firstHoldFlag.created)}` });
+        }
+        if (openedFlags.length > 1 && (holdFlags === null || holdFlags === void 0 ? void 0 : holdFlags.length) > 0) {
+            const isTheSameFlag = (firstOpenFlag === null || firstOpenFlag === void 0 ? void 0 : firstOpenFlag.id) === (firstHoldFlag === null || firstHoldFlag === void 0 ? void 0 : firstHoldFlag.id);
+            const isSameDay = dayjs(firstOpenFlag === null || firstOpenFlag === void 0 ? void 0 : firstOpenFlag.created).isSame(firstHoldFlag === null || firstHoldFlag === void 0 ? void 0 : firstHoldFlag.created);
+            return isTheSameFlag ? (_jsx("div", { children: `Flagged & Balance Held ${formatFlagDate(firstHoldFlag === null || firstHoldFlag === void 0 ? void 0 : firstHoldFlag.created)}` })) : (_jsxs("div", { children: [_jsx("div", { children: `Flagged ${formatFlagDate(firstOpenFlag === null || firstOpenFlag === void 0 ? void 0 : firstOpenFlag.created)}` }), _jsxs("div", { children: ["& Balance Held ", formatFlagDate(firstHoldFlag === null || firstHoldFlag === void 0 ? void 0 : firstHoldFlag.created, isSameDay)] })] }));
+        }
+        if (!isAllFlagsClosed && openedFlags.length > 1) {
+            return (_jsxs("div", { children: [`Flagged ${formatFlagDate(firstOpenFlag === null || firstOpenFlag === void 0 ? void 0 : firstOpenFlag.created)}`, " - ", _jsx(RefundTooltipView, { children: "View" })] }));
+        }
+        return _jsx("div", { children: `Flagged ${formatFlagDate(firstOpenFlag === null || firstOpenFlag === void 0 ? void 0 : firstOpenFlag.created)}` });
+    };
+    return renderFlagTooltip();
+}
+export default FlagDetails;

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

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

package/build/components/FlagDetails/index.js

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

package/build/components/TableCells/CustomCells/DestinationCell/index.d.ts

@@ -1 +1,2 @@
 export { default as DestinationCell } from './DestinationCell';
+export { generateDestinationTooltip } from './utils';

package/build/components/TableCells/CustomCells/DestinationCell/index.js

@@ -1 +1,2 @@
 export { default as DestinationCell } from './DestinationCell';
+export { generateDestinationTooltip } from './utils';

package/build/components/TableCells/CustomCells/PayoutStatusCell/index.d.ts

@@ -1,2 +1,3 @@
 export { default as PayoutStatusCell } from './PayoutStatusCell';
 export type { ChargeStatusType } from './type';
+export { RefundTooltipView } from './style';

package/build/components/TableCells/CustomCells/PayoutStatusCell/index.js

@@ -1 +1,2 @@
 export { default as PayoutStatusCell } from './PayoutStatusCell';
+export { RefundTooltipView } from './style';

package/build/components/TableCells/CustomCells/SegmentsCell/constant.d.ts

@@ -3,4 +3,5 @@ export declare const segmentsIcons: {
     institution: string;
     payment: string;
     developmentHouse: string;
+    platform: string;
 };

package/build/components/TableCells/CustomCells/SegmentsCell/constant.js

@@ -1,7 +1,8 @@
-import { segmentTechnologyIcon, segmentInstitutionIcon, segmentDevelopmentHouseIcon, transactionIcon } from '../../../../constants/index.js';
+import { segmentTechnologyIcon, segmentInstitutionIcon, segmentDevelopmentHouseIcon, transactionIcon, lightPlatformSegmentIcon } from '../../../../constants/index.js';
 export const segmentsIcons = {
     technology: segmentTechnologyIcon,
     institution: segmentInstitutionIcon,
     payment: transactionIcon,
     developmentHouse: segmentDevelopmentHouseIcon,
+    platform: lightPlatformSegmentIcon,
 };

package/build/components/TableCells/CustomCells/SegmentsCell/type.d.ts

@@ -6,5 +6,6 @@ export interface SegmentsCellProps extends TableCellProps {
     institution?: string;
     payment?: string;
     developmentHouse?: string;
+    platform?: string;
     isTextShown?: boolean;
 }

package/build/components/index.d.ts

@@ -81,3 +81,4 @@ export { default as ControlPanelContainer } from './ControlPanelContainer';
 export { default as CopyImage } from './CopyImage';
 export { default as AccountDropdown } from './AccountDropdown';
 export { default as OTPInput } from './OTPInput';
+export { default as FlagDetails } from './FlagDetails';

package/build/components/index.js

@@ -81,3 +81,4 @@ export { default as ControlPanelContainer } from './ControlPanelContainer';
 export { default as CopyImage } from './CopyImage';
 export { default as AccountDropdown } from './AccountDropdown';
 export { default as OTPInput } from './OTPInput';
+export { default as FlagDetails } from './FlagDetails';

package/build/constants/assets.d.ts

@@ -160,6 +160,7 @@ export declare const providerSegmentIcon: string;
 export declare const financialSegmentIcon: string;
 export declare const developmentSegmentIcon: string;
 export declare const platformSegmentIcon: string;
+export declare const lightPlatformSegmentIcon: string;
 export declare const grayBrandIcon: string;
 export declare const jsonIcon: string;
 export declare const jsonBlackIcon: string;

package/build/constants/assets.js

@@ -161,6 +161,7 @@ export const providerSegmentIcon = `${lightUrl}/other/provider.svg`;
 export const financialSegmentIcon = `${lightUrl}/other/financial.svg`;
 export const developmentSegmentIcon = `${lightUrl}/other/development.svg`;
 export const platformSegmentIcon = `${lightUrl}/other/platform.svg`;
+export const lightPlatformSegmentIcon = `${lightUrl}/other/light_platform.svg`;
 export const grayBrandIcon = `${lightUrl}/other/brandGray.svg`;
 export const jsonIcon = `${lightUrl}/other/json.svg`;
 export const jsonBlackIcon = `${lightUrl}/other/jsonBlackIcon.svg`;

package/build/types/merchant.d.ts

@@ -36,9 +36,13 @@ export interface BusinessMerchant {
         entity: {
             id: string;
             status: VerificationStatus;
+            legal_name: {
+                en: string;
+            };
             merchant: {
                 id: string;
                 status: MerchantStatus;
+                marketplace: boolean;
                 commerceplatform: {
                     id: string;
                     name: {
@@ -47,6 +51,15 @@ export interface BusinessMerchant {
                     logo: string;
                     operator_id: string;
                 };
+                platforms: Array<{
+                    id: string;
+                    brand: {
+                        name: Array<{
+                            lang: string;
+                            text: string;
+                        }>;
+                    };
+                }>;
                 wallet: {
                     id: string;
                     status: MerchantStatus;

package/build/utils/flag.d.ts

@@ -0,0 +1,21 @@
+type FlagType = 'GRAY' | 'ORANGE' | 'RED';
+export declare function getFlagDetails(flags?: Array<{
+    id: string;
+    status: 'OPEN' | 'CLEARED';
+    amount: number;
+    created: number;
+    note: string;
+    ishold: boolean;
+}>): {
+    statusFlag: string;
+    holdFlag: FlagType;
+    openedFlags: {
+        id: string;
+        status: 'OPEN' | 'CLEARED';
+        amount: number;
+        created: number;
+        note: string;
+        ishold: boolean;
+    }[];
+};
+export {};

package/build/utils/flag.js

@@ -0,0 +1,13 @@
+export function getFlagDetails(flags) {
+    const isAllFlagsClosed = flags === null || flags === void 0 ? void 0 : flags.every((flag) => flag.status === 'CLEARED');
+    const openedFlags = (flags === null || flags === void 0 ? void 0 : flags.filter((flag) => flag.status === 'OPEN')) || [];
+    const holdFlags = (openedFlags === null || openedFlags === void 0 ? void 0 : openedFlags.filter((flag) => flag.ishold)) || [];
+    const hasAnyHoldFlag = (holdFlags === null || holdFlags === void 0 ? void 0 : holdFlags.length) > 0;
+    const statusFlag = isAllFlagsClosed ? 'GRAY' : 'ORANGE';
+    const holdFlag = hasAnyHoldFlag && !isAllFlagsClosed ? 'RED' : statusFlag;
+    return {
+        statusFlag,
+        holdFlag,
+        openedFlags,
+    };
+}

package/build/utils/index.d.ts

@@ -38,3 +38,4 @@ export * from './source';
 export * from './geography';
 export * from './billing';
 export * from './toggleOptions';
+export * from './flag';

package/build/utils/index.js

@@ -38,3 +38,4 @@ export * from './source';
 export * from './geography';
 export * from './billing';
 export * from './toggleOptions';
+export * from './flag';

package/package.json

@@ -1,121 +1,126 @@
-{
-  "name": "@tap-payments/os-micro-frontend-shared",
-  "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.24",
-  "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"
-    },
-    "./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"
-    }
-  },
-  "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 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-query": "^3.39.3",
-    "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.25",
+  "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"
+    },
+    "./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 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-query": "^3.39.3",
+    "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"
+    ]
+  }
+}