@tap-payments/os-micro-frontend-shared 0.0.1

package/build/theme/palette.js

@@ -0,0 +1,105 @@
+export const lightPalette = {
+    mode: 'light',
+    common: {
+        black: '#000',
+        white: '#fff',
+        blue: '#147DC5',
+        green: '#2ACE00',
+        purple: '#6D4BCB',
+        red: '#ff0000',
+        orange: '#DD702C',
+        lightOrange: '#FFF7F2',
+        lightPurple: '#4E1FD0',
+    },
+    text: {
+        primary: '#20232B',
+        textSecondary: '#9F9F9F',
+    },
+    grey: {
+        '50': '#FEFEFE',
+        '100': '#F2F2F2',
+        '200': '#002945',
+        '300': 'rgba(246, 248, 250, 0.8)',
+        '400': '#f9f9f9',
+        '500': '#8C9196',
+        '600': '#5C5C5C',
+        '700': '#8D8D94',
+        '800': '#E4E6E9',
+        '900': '#1D1B20',
+        A100: '#8d8d94',
+        A200: '#000014',
+        A400: '#C1C1C1',
+        A700: '#818181',
+    },
+    primary: {
+        light: '#FCFCFC',
+        main: '#1D1E21',
+        dark: '#1D1E21',
+    },
+    background: {
+        default: '#fff',
+        highlight: 'rgba(117, 122, 135, 0.1)',
+        gradient: {
+            blueGreen: 'linear-gradient(180deg, #b4d9eb 0%, #cae4c5 100%)',
+            greenYellow: 'linear-gradient(180deg, #cae4c5 0%, #fffcbb 100%)',
+            yellowOrange: 'linear-gradient(180deg, #fffcbb 0%, #ffdbb1 100%)',
+            orangeRed: 'linear-gradient(180deg, #ffdbb1 0%, #ffc9c9 100%)',
+            redPurple: 'linear-gradient(180deg, #ffc9c9 0%, #ceb9e8 100%)',
+            purpleBlue: 'linear-gradient(180deg, #CEB9E8 0%, #B4D9EB 100%)',
+            shadedBlue: 'linear-gradient(270deg, #147DC5 0.67%, #3DA6E1 98.91%)',
+            darkShadedBlue: 'linear-gradient(256deg, #147DC5 0%, #3DA6E1 100%)',
+            darkToLight: 'linear-gradient(254deg, #101010 0.51%, #343740 49.67%, #101010 100%)',
+            error: 'linear-gradient(0deg, rgba(255, 0, 0, 0.14) 0%, rgba(255, 0, 0, 0.14) 100%), #FFF',
+        },
+        transparent: ['rgba(249, 249, 249, 0.80)', 'rgba(32, 35, 43, 0.60)', 'rgba(242, 242, 242, 0.50)'],
+    },
+    warning: {
+        main: '#F4BE4F',
+        light: '#E9DB94',
+        dark: '#E37B00',
+    },
+    error: {
+        light: '#FF0000',
+        main: '#FF3D00',
+        dark: '#EA611C',
+    },
+    success: {
+        light: '#BFEBB4',
+        main: '#2ACE00',
+        dark: '#76BB40',
+    },
+    divider: '#F2F2F2',
+    info: {
+        light: '#F4F9FD',
+        main: '#29b6f6',
+        dark: '#1F88D0',
+    },
+    action: {
+        hover: '#f5f5f5',
+    },
+    secondary: {
+        main: '#6D4BCB',
+        light: '#DDDDDD',
+    },
+    custom: {
+        50: '#e7f4fc',
+        100: '#FFF0DE',
+        200: '#E4F0F8',
+        300: '#FFECE5',
+        400: '#efefef',
+        500: '#FF7A00',
+        600: '#FFF5F2',
+        700: '#128C7E',
+        800: '#0085FF',
+        900: '#3BC84F',
+    },
+};
+export const darkPalette = {
+    mode: 'dark',
+    text: {
+        primary: '#fff',
+    },
+    background: {
+        default: '#000',
+    },
+};

package/build/theme/shadows.d.ts

@@ -0,0 +1,2 @@
+import { type Shadows } from '@mui/material/styles/shadows';
+export declare const shadows: Shadows | undefined;

package/build/theme/shadows.js

@@ -0,0 +1,27 @@
+export const shadows = [
+    'none',
+    '0px 0px 1.4847px #FFFFFF',
+    '0px 0px 28px rgba(0, 0, 0, 0.04)',
+    '0px 0px 16px 0px rgba(0, 0, 0, 0.13)}',
+    '7px 0px 8px 0px #F2F2F2',
+    '0px 0px 28px 0px rgba(0, 0, 0, 0.04)',
+    '0px 0px 8px 0px rgba(0, 0, 0, 0.13)',
+    '0px 0px 4px 0px rgba(31, 136, 208, 0.50)',
+    '0px 0px 12px 0px rgba(0, 0, 0, 0.15)',
+    '0px 8px 30px 0px rgba(0, 0, 0, 0.16)',
+    '0px 0px 16px 0px rgba(0, 0, 0, 0.15)',
+    '0px 0px 16px 0px rgba(0 0, 0, 0.13)',
+    '-4px 0px 16px 0px rgba(0, 0, 0, 0.10)',
+    '0px 0px 32px 0px rgba(0, 0, 0, 0.11)',
+    '0px 4px 8px 0px rgba(0, 0, 0, 0.14)',
+    '0px 0px 36px 0px rgba(0, 0, 0, 0.05)',
+    '0px 0px 44px 0px rgba(0, 0, 0, 0.25)',
+    '0px 0px 6px 0px rgba(0, 0, 0, 0.11)',
+    '0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)',
+    '0px 8px 30px 0px rgba(0, 0, 0, 0.15)',
+    '0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)',
+    '0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)',
+    '0px 1px 1px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.09), 0px 5px 3px 0px rgba(0, 0, 0, 0.05), 0px 9px 4px 0px rgba(0, 0, 0, 0.01), 0px 14px 4px 0px rgba(0, 0, 0, 0.00)',
+    '0px 1px 16px 0px rgba(0, 0, 0, 0.07)',
+    '0px -1px 16px 0px rgba(0, 0, 0, 0.07)',
+];

package/build/theme/theme.d.ts

@@ -0,0 +1,10 @@
+import { type DirectionMode, type ThemeMode } from '../types/index.js';
+declare module '@mui/material/styles' {
+    interface Palette {
+        custom: Palette['grey'];
+    }
+    interface PaletteOptions {
+        custom?: PaletteOptions['grey'];
+    }
+}
+export declare const appTheme: (mode: ThemeMode, dir: DirectionMode) => import("@mui/material/styles").Theme;

package/build/theme/theme.js

@@ -0,0 +1,15 @@
+import { createTheme } from '@mui/material/styles';
+import { components } from './components';
+import { darkPalette, lightPalette } from './palette';
+import { shadows } from './shadows';
+import { typography } from './typography';
+export const appTheme = (mode, dir) => createTheme({
+    palette: mode === 'dark' ? darkPalette : lightPalette,
+    direction: dir,
+    typography: typography(dir),
+    components,
+    shape: {
+        borderRadius: 8,
+    },
+    shadows,
+});

package/build/theme/typography.d.ts

@@ -0,0 +1,3 @@
+import { type TypographyOptions } from '@mui/material/styles/createTypography';
+import { type DirectionMode } from '../types/index.js';
+export declare const typography: (dir?: DirectionMode) => TypographyOptions;

package/build/theme/typography.js

@@ -0,0 +1,33 @@
+const getFontsFamily = (dir) => (dir === 'ltr' ? ['Tap Sans', 'sans-serif'].join(', ') : ['Noto Sans Arabic', 'sans-serif'].join(', '));
+export const typography = (dir = 'ltr') => ({
+    htmlFontSize: 16,
+    fontFamily: getFontsFamily(dir),
+    fontSize: 14,
+    fontWeightLight: 300,
+    fontWeightRegular: 400,
+    fontWeightMedium: 500,
+    fontWeightBold: 600,
+    fontWeightBolder: 700,
+    allVariants: {
+        fontFamily: getFontsFamily(dir),
+        fontSize: '0.875rem',
+        lineHeight: 'normal',
+        fontStyle: 'normal',
+        fontWeight: 'normal',
+        fontStretch: 'normal',
+        letterSpacing: 'normal',
+    },
+    h1: { fontSize: '3.5rem' },
+    h2: { fontSize: '3rem' },
+    h3: { fontSize: '2.5rem' },
+    h4: { fontSize: '2rem' },
+    h5: { fontSize: '1.5rem' },
+    h6: { fontSize: '1.25rem' },
+    subtitle1: { fontSize: '0.6875rem', lineHeight: '15px', fontWeight: 400 },
+    subtitle2: { fontSize: '0.875rem' },
+    body1: { fontSize: '1rem' },
+    body2: { fontSize: '0.875rem' },
+    button: { fontSize: '0.875rem' },
+    caption: { fontSize: '0.75rem' },
+    overline: { fontSize: '0.75rem' },
+});

package/build/types/analytics.d.ts

@@ -0,0 +1,30 @@
+export interface AnalyticsDetails {
+    date?: string;
+    count: number;
+    count_percentage: string;
+    amount: number;
+    trx_amount?: number;
+    amount_percentage: string;
+    min: number;
+    max: number;
+    median: number;
+    average: {
+        general: number;
+        weighted: {
+            below_500_msec: string;
+            below_1_second: string;
+            below_1_5_second: string;
+            below_2_second: string;
+            below_2_5_second: string;
+            below_3_second: string;
+            below_3_5_second: string;
+            below_4_second: string;
+            above_4_second: string;
+        };
+    };
+}
+export declare enum ChargeBreakDownType {
+    PaymentMethod = "PAYMENT_METHOD",
+    PaymentCurrency = "PAYMENT_CURRENCY",
+    PaymentScheme = "PAYMENT_SCHEME"
+}

package/build/types/analytics.js

@@ -0,0 +1,6 @@
+export var ChargeBreakDownType;
+(function (ChargeBreakDownType) {
+    ChargeBreakDownType["PaymentMethod"] = "PAYMENT_METHOD";
+    ChargeBreakDownType["PaymentCurrency"] = "PAYMENT_CURRENCY";
+    ChargeBreakDownType["PaymentScheme"] = "PAYMENT_SCHEME";
+})(ChargeBreakDownType || (ChargeBreakDownType = {}));

package/build/types/api.d.ts

@@ -0,0 +1,21 @@
+export interface HttpMethodConfig {
+    signal?: AbortSignal;
+    sandboxMode?: boolean;
+    applicationId?: string;
+    serviceId?: string;
+    functionId?: string;
+}
+export interface HttpMethodFilters {
+    dateFrom: number;
+    dateTo: number;
+    limit: number;
+    order?: string;
+    order_by?: string;
+    filteredIds?: string[];
+    columnFilters?: Record<string, any>;
+    startAfter?: string;
+    keyword?: string;
+    merchants?: string[];
+}
+export interface QueryConfig extends Omit<HttpMethodConfig, 'signal'> {
+}

package/build/types/api.js

@@ -0,0 +1 @@
+export {};

package/build/types/appConfig.d.ts

@@ -0,0 +1,31 @@
+export interface Country {
+    created: number;
+    updated: number;
+    countryId: string;
+    name: Record<string, string>;
+    iso2: string;
+    iso3: string;
+    numeric: number;
+    continent: string;
+    capital: string;
+    geoNameId: string;
+    idd_prefix: number;
+    logo: string;
+    digits: number;
+    supported_by_tap: boolean;
+    min_digits: number;
+    max_digits: number;
+    currencies: string[];
+}
+export interface Timezone {
+    countryCode: string;
+    label: string;
+    timezone: string;
+    offset: number;
+}
+export interface SourceFilter {
+    name: string;
+    type: string;
+    icon?: string;
+    options?: SourceFilter[];
+}

package/build/types/appConfig.js

@@ -0,0 +1 @@
+export {};

package/build/types/apps.d.ts

@@ -0,0 +1,60 @@
+import { ColumnsView } from './column';
+import { TextAndLang } from './user';
+export interface AppPayload {
+    columnFilters?: Record<string, any>;
+    filteredIds?: string[];
+    dateRange?: [Date, Date];
+    filterStatus?: string;
+    scrollToId?: string;
+    isTextShown?: boolean;
+    tableViews?: ColumnsView[];
+    calendarTimezone?: number;
+}
+export interface AppDetails {
+    id: string;
+    appCode: string;
+    appId: string;
+    segmentId: string;
+    serviceCode: string;
+    serviceId: string;
+    isMinimized: boolean;
+    isMaximized: boolean;
+    order: number;
+    openOrder?: number;
+    color: string;
+    sandboxMode: boolean;
+    showBackgroundColor: boolean;
+    dimensions: {
+        width: number | string;
+        height: number | string;
+        maxWidth: number | string;
+        maxHeight: number | string;
+        minWidth: number | string;
+        minHeight: number | string;
+    };
+    payload?: Record<string, any> & AppPayload;
+    toolbarIconUrl?: string;
+    hideMaximizedApp?: boolean;
+    hideMinimizeApp?: boolean;
+    hideSandboxApp?: boolean;
+    hideHeader?: boolean;
+}
+export interface ServiceFunction {
+    id: string;
+    code: string;
+    name: TextAndLang[];
+}
+export interface AppService {
+    id: string;
+    code: string;
+    name: TextAndLang[];
+    functions: ServiceFunction[];
+}
+export interface UserApp {
+    id: string;
+    code: string;
+    iconUrl: string;
+    toolbarIconUrl: string;
+    name: TextAndLang[];
+    app_services: AppService[];
+}

package/build/types/apps.js

@@ -0,0 +1 @@
+export {};

package/build/types/authentication.d.ts

@@ -0,0 +1 @@
+export type AuthenticationStatus = 'AUTHENTICATED' | 'FAILED' | 'REJECTED';

package/build/types/authentication.js

@@ -0,0 +1 @@
+export {};

package/build/types/brand.d.ts

@@ -0,0 +1,103 @@
+import { TextAndLang } from './user';
+import { Entity, EntityDetails } from './entity';
+export declare enum SalesChannelTypes {
+    MOBILE_APP = "mobile_app",
+    WEBSITE = "website",
+    CALL_CENTER = "call_center",
+    PHYSICAL_STORE = "physical_store",
+    SOCIAL_MEDIA = "social_media",
+    IOS = "ios",
+    ANDROID = "android",
+    LINKEDIN = "linkedin",
+    INSTAGRAM = "instagram",
+    TWITTER = "twitter"
+}
+export interface Channel {
+    id: string;
+    code: SalesChannelTypes;
+    name: Record<string, string>;
+    address?: string;
+    logo: string;
+    sub: Channel[];
+    parentId?: string;
+}
+export interface Brand {
+    id: string;
+    status: string;
+    created: number;
+    name: TextAndLang[];
+    logo: string;
+    entities: (EntityDetails & Entity)[];
+}
+export interface BrandDetails {
+    id: string;
+    data_state: 'reviewed' | 'verified' | 'rejected' | 'completed' | 'incomplete' | 'complete';
+    status: string;
+    created: number;
+    name: Record<string, string>;
+    logo: string;
+    activities: Array<{
+        id: string;
+        code: string;
+        name: Record<string, string>;
+        isic_code: string;
+        mcc_value: {
+            id: string;
+            mcc: string;
+            name: Record<string, string>;
+            description: string;
+            created: number;
+        };
+    }>;
+    operations: {
+        sales: {
+            id: string;
+            name: Record<string, string>;
+            period: string;
+            currency: string;
+            range: {
+                from: number;
+                to: number;
+            };
+            sub: [
+                {
+                    id: string;
+                    name: Record<string, string>;
+                    range: {
+                        from: number;
+                        to: number;
+                    };
+                }
+            ];
+        };
+        customer_base: {
+            id: string;
+            name: Record<string, string>;
+            locations: Array<{
+                id: string;
+                code: string;
+                name: Record<string, string>;
+            }>;
+        };
+    };
+    segment: {
+        team: {
+            id: string;
+            name: Record<string, string>;
+        };
+        location_type: {
+            id: string;
+            name: Record<string, string>;
+        };
+        profit_type: {
+            id: string;
+            name: Record<string, string>;
+        };
+        tech_type: {
+            id: string;
+            name: Record<string, string>;
+        };
+    };
+    business_id: string;
+    channel_services: Channel[];
+}

package/build/types/brand.js

@@ -0,0 +1,13 @@
+export var SalesChannelTypes;
+(function (SalesChannelTypes) {
+    SalesChannelTypes["MOBILE_APP"] = "mobile_app";
+    SalesChannelTypes["WEBSITE"] = "website";
+    SalesChannelTypes["CALL_CENTER"] = "call_center";
+    SalesChannelTypes["PHYSICAL_STORE"] = "physical_store";
+    SalesChannelTypes["SOCIAL_MEDIA"] = "social_media";
+    SalesChannelTypes["IOS"] = "ios";
+    SalesChannelTypes["ANDROID"] = "android";
+    SalesChannelTypes["LINKEDIN"] = "linkedin";
+    SalesChannelTypes["INSTAGRAM"] = "instagram";
+    SalesChannelTypes["TWITTER"] = "twitter";
+})(SalesChannelTypes || (SalesChannelTypes = {}));

package/build/types/cell.d.ts

@@ -0,0 +1,77 @@
+import { authenticationsTableCellWidth, authorizationTableCellWidth, walletTableCellWidth, walletStatementTableCellWidth, walletDetailsTableCellWidth, topupsTableCellWidth, tokensTableCellWidth, refundTableCellWidth, protectChargesTableCellWidth, payoutsTableCellWidth, ordersTableCellWidth, invoicesTableCellWidth, leadsTableCellWidth, intentsTableCellWidth, chargeTableCellWidth, protectAuthorizationsTableCellWidth, destinationsTableCellWidth, merchantsTableCellWidth } from '../constants/index.js';
+import { IVirtualTable } from './index.js';
+export type AuthenticationsTableCellID = keyof typeof authenticationsTableCellWidth;
+export type AuthorizationTableCellID = keyof typeof authorizationTableCellWidth;
+export type WalletTableCellID = keyof typeof walletTableCellWidth;
+export type WalletStatementTableCellID = keyof typeof walletStatementTableCellWidth;
+export type WalletDetailsTableCellID = keyof typeof walletDetailsTableCellWidth;
+export type TopupsTableCellID = keyof typeof topupsTableCellWidth;
+export type TokensTableCellID = keyof typeof tokensTableCellWidth;
+export type RefundTableCellID = keyof typeof refundTableCellWidth;
+export type ProtectChargesTableCellID = keyof typeof protectChargesTableCellWidth;
+export type PayoutsTableCellID = keyof typeof payoutsTableCellWidth;
+export type OrdersTableCellID = keyof typeof ordersTableCellWidth;
+export type InvoicesTableCellID = keyof typeof invoicesTableCellWidth;
+export type LeadsTableCellID = keyof typeof leadsTableCellWidth;
+export type IntentsTableCellID = keyof typeof intentsTableCellWidth;
+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 TableCellWidthProps = {
+    tableMode: NonNullable<IVirtualTable['tableMode']>;
+} & ({
+    table: 'charge';
+    cellID: ChargeTableCellID;
+} | {
+    table: 'refund';
+    cellID: RefundTableCellID;
+} | {
+    table: 'authorization';
+    cellID: AuthorizationTableCellID;
+} | {
+    table: 'intents';
+    cellID: IntentsTableCellID;
+} | {
+    table: 'topups';
+    cellID: TopupsTableCellID;
+} | {
+    table: 'destinations';
+    cellID: DestinationsTableCellID;
+} | {
+    table: 'leads';
+    cellID: LeadsTableCellID;
+} | {
+    table: 'orders';
+    cellID: OrdersTableCellID;
+} | {
+    table: 'tokens';
+    cellID: TokensTableCellID;
+} | {
+    table: 'payouts';
+    cellID: PayoutsTableCellID;
+} | {
+    table: 'protectCharges';
+    cellID: ProtectChargesTableCellID;
+} | {
+    table: 'protectAuthorizations';
+    cellID: ProtectAuthorizationsTableCellID;
+} | {
+    table: 'wallet';
+    cellID: WalletTableCellID;
+} | {
+    table: 'invoices';
+    cellID: InvoicesTableCellID;
+} | {
+    table: 'authentications';
+    cellID: AuthenticationsTableCellID;
+} | {
+    table: 'walletDetails';
+    cellID: WalletDetailsTableCellID;
+} | {
+    table: 'walletStatement';
+    cellID: WalletStatementTableCellID;
+} | {
+    table: 'merchants';
+    cellID: MerchantsTableCellID;
+});

package/build/types/cell.js

@@ -0,0 +1 @@
+export {};