@tap-payments/os-micro-frontend-shared 0.0.11 → 0.0.13

package/build/constants/assets.js

@@ -130,6 +130,8 @@ export const billingAppIcon = `${lightUrl}/other/billing.svg`;
 export const receiptBillIcon = `${lightUrl}/other/receiptBill.svg`;
 export const newReceiptIcon = `${lightUrl}/newReceiptIcon.svg`;
 export const acceptanceAppIcon = `${lightUrl}/other/acceptance.svg`;
+export const acceptanceAppDisabledIcon = `${lightUrl}/other/acceptanceAppIconDisabled.svg`;
+export const payoutAppDisabledIcon = `${lightUrl}/other/payoutsAppIconDisabled.svg`;
 export const authenticationAppIcon = `${lightUrl}/other/AuthenticationApp.svg`;
 export const walletAppIcon = `${lightUrl}/other/walletApp.svg`;
 export const payoutsAppIcon = `${lightUrl}/other/payouts.svg`;
@@ -457,3 +459,6 @@ export const socialLinksIcon = `${lightUrl}/socialLinksIcon.svg`;
 export const smallLeftArrowIcon = `${lightUrl}/smallLeftArrow.svg`;
 export const searchBlueIcon = `${lightUrl}/searchBlueIcon.svg`;
 export const rightLightArrowIcon = `${appBaseUrl}/rightLightArrow.svg`;
+export const segmentInstitutionIcon = `${lightUrl}/other/segmentInstitution.svg`;
+export const segmentTechnologyIcon = `${lightUrl}/other/segmentTechnology.svg`;
+export const segmentDevelopmentHouseIcon = `${lightUrl}/other/segmentDevelopmentHouse.svg`;

package/build/types/account.d.ts

@@ -0,0 +1,6 @@
+export declare enum ACCOUNT_SECTION {
+    BRAND = "brand",
+    ENTITY = "entity",
+    USERS = "users",
+    USER_ROLES = "userRoles"
+}

package/build/types/account.js

@@ -0,0 +1,7 @@
+export var ACCOUNT_SECTION;
+(function (ACCOUNT_SECTION) {
+    ACCOUNT_SECTION["BRAND"] = "brand";
+    ACCOUNT_SECTION["ENTITY"] = "entity";
+    ACCOUNT_SECTION["USERS"] = "users";
+    ACCOUNT_SECTION["USER_ROLES"] = "userRoles";
+})(ACCOUNT_SECTION || (ACCOUNT_SECTION = {}));

package/build/types/analytics.d.ts

@@ -1,6 +1,7 @@
 export interface AnalyticsDetails {
     date?: string;
     count: number;
+    hour?: number;
     count_percentage: string;
     amount: number;
     trx_amount?: number;

package/build/types/apps.d.ts

@@ -1,6 +1,12 @@
 import { ColumnsView } from './column';
 import { TextAndLang } from './user';
-export interface AppPayload {
+import { BusinessMerchant } from './merchant';
+export interface AccountAppPayload {
+    disabledAccountDataFetching?: boolean;
+    isAccountDetailsOpen: boolean;
+    selectedMerchant?: BusinessMerchant;
+}
+export interface AppPayload extends Partial<AccountAppPayload> {
     columnFilters?: Record<string, any>;
     filteredIds?: string[];
     dateRange?: [Date, Date];

package/build/types/index.d.ts

@@ -22,3 +22,4 @@ export * from './source';
 export * from './analytics';
 export * from './refund';
 export * from './destination';
+export * from './account';

package/build/types/index.js

@@ -22,3 +22,4 @@ export * from './source';
 export * from './analytics';
 export * from './refund';
 export * from './destination';
+export * from './account';

package/build/types/merchant.d.ts

@@ -8,3 +8,155 @@ export interface Merchant {
     status: string;
     display_name: string;
 }
+export type VerificationStatus = 'incomplete' | 'complete' | 'reviewed' | 'verified';
+export type MerchantStatus = 'completed' | 'all';
+export interface BusinessMerchant {
+    id: string;
+    status: MerchantStatus;
+    created: number;
+    object: string;
+    live_mode: boolean;
+    api_version: string;
+    comments_count: number;
+    reference_id: string;
+    control_by: string;
+    business: {
+        id: string;
+        status: MerchantStatus;
+        brand: {
+            id: string;
+            status: VerificationStatus;
+            name: {
+                textId: string;
+                ar: string;
+                en: string;
+            };
+            logo: string;
+        };
+        entity: {
+            id: string;
+            status: VerificationStatus;
+            merchant: {
+                id: string;
+                status: MerchantStatus;
+                commerceplatform: {
+                    id: string;
+                    name: {
+                        en: string;
+                    };
+                    logo: string;
+                    operator_id: string;
+                };
+                wallet: {
+                    id: string;
+                    status: MerchantStatus;
+                    bank_account: {
+                        id: string;
+                        status: MerchantStatus;
+                        iban: string;
+                    };
+                    payout_status: string;
+                    payout_status_control: string;
+                };
+                created: number;
+                country: string;
+                terminal: {
+                    id: string;
+                    authorizes: {
+                        status: string;
+                        status_message: string;
+                    };
+                    charges: {
+                        status: string;
+                        status_message: string;
+                    };
+                    refunds: {
+                        status: string;
+                        status_message: string;
+                    };
+                    virtual: boolean;
+                    acceptance_status: string;
+                    acceptance_status_control: string;
+                };
+                payout_status: 'enabled' | 'disabled';
+                acceptance_status: 'enabled' | 'disabled';
+                legacy_id: string;
+                base_currency: string;
+                payment_provider: {
+                    technology_id: string;
+                    settlement_by: string;
+                };
+                development_house: {
+                    id: string;
+                    name: {
+                        ar: string | null;
+                        en: string;
+                    };
+                    logo: string;
+                };
+                payment_provider_info: {
+                    technology: {
+                        id: string;
+                        name: {
+                            ar: string | null;
+                            en: string;
+                        };
+                        logo: string;
+                    };
+                    settlement_by: {
+                        id: string;
+                        name: {
+                            ar: string | null;
+                            en: string;
+                        };
+                        logo: string;
+                    };
+                };
+            };
+            country: string;
+            license: {
+                number: string;
+            };
+            tax_status: MerchantStatus;
+        };
+        user: {
+            id: string;
+            status: VerificationStatus;
+            names: {
+                ar: {
+                    first: string;
+                    middle: string;
+                    third: string;
+                };
+                en: {
+                    first: string;
+                    middle: string;
+                    last: string;
+                    third: string;
+                };
+            };
+            identification_id: string;
+        };
+        individuals: {
+            status: VerificationStatus;
+            count: number;
+        };
+        primary_contact: {
+            email: string;
+            phone: {
+                country_code: string;
+                number: string;
+            };
+        };
+    };
+    lead: {
+        id: string;
+        status: MerchantStatus;
+        created: number;
+    };
+    track: Array<{
+        id: string;
+        status: MerchantStatus;
+        created: number;
+    }>;
+}

package/build/types/user.d.ts

@@ -2,6 +2,8 @@ import { UserApp } from './apps';
 import { Brand } from './brand';
 import { Entity } from './entity';
 import { Merchant } from './merchant';
+import { ACCOUNT_SECTION } from './account';
+import { Country } from './appConfig';
 export interface TextAndLang {
     lang: string;
     text: string;
@@ -155,4 +157,57 @@ export interface SegmentRole {
     segment_id: string;
     role_id: string;
 }
+export interface UserSection {
+    id: ACCOUNT_SECTION;
+    title?: string;
+    icon?: string;
+}
+export interface UserSections {
+    sections: UserSection[];
+}
+export interface UserListItem {
+    id: string | number;
+    label: string | number;
+}
+export interface UserFormValues {
+    firstName: string;
+    lastName: string;
+    email: string;
+    nationality: Country;
+    country: Country;
+    phoneNumber: string;
+    identificationNumber?: string;
+    identificationType?: UserListItem;
+    expiryDay?: UserListItem;
+    expiryMonth?: UserListItem;
+    expiryYear?: UserListItem;
+    issuedCountry?: Country;
+    isAuthorized?: boolean;
+}
+export interface CreateUserFormValues extends UserFormValues {
+    userRole: UserListItem;
+}
+export interface UserFormI {
+    name: {
+        first: string;
+        last: string;
+    };
+    email: string;
+    user_role?: string;
+    phone: string;
+    nationality: string;
+    country: {
+        countryId: string;
+        idd_prefix: number;
+    };
+    expiry?: {
+        day?: number;
+        month?: number;
+        year?: number;
+    } | null;
+    id_number?: string;
+    issued_country?: string;
+    id_type?: string;
+    is_authorized?: boolean;
+}
 export {};

package/package.json

@@ -1,88 +1,88 @@
-{
-  "name": "@tap-payments/os-micro-frontend-shared",
-  "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.11",
-  "type": "module",
-  "main": "build/index.js",
-  "module": "build/index.js",
-  "types": "build/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",
-    "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.13",
+  "type": "module",
+  "main": "build/index.js",
+  "module": "build/index.js",
+  "types": "build/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",
+    "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"
+    ]
+  }
+}

package/build/components/TableCells/CustomCells/ApplicationStatusCell/constants.d.ts

@@ -1,6 +0,0 @@
-export declare const verificationIcon: {
-    readonly incomplete: string;
-    readonly complete: string;
-    readonly reviewed: string;
-    readonly verified: string;
-};

package/build/components/TableCells/CustomCells/ApplicationStatusCell/constants.js

@@ -1,7 +0,0 @@
-import { blueVerifyIcon, grayVerifyIcon, greenVerifyIcon } from '../../../../constants/index.js';
-export const verificationIcon = {
-    incomplete: grayVerifyIcon,
-    complete: blueVerifyIcon,
-    reviewed: blueVerifyIcon,
-    verified: greenVerifyIcon,
-};