@tap-payments/os-micro-frontend-shared 0.0.180 → 0.0.183

package/build/playground/VTDemo.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Button, VirtualTable } from '../components/index.js';
-import { Box } from '@mui/material';
-export const VTDemo = () => {
-    const [isSheetView, setIsSheetView] = useState(false);
-    const toggleView = () => {
-        setIsSheetView((prev) => !prev);
-    };
-    return (_jsx(Box, Object.assign({ sx: {
-            width: '100%',
-            height: '100vh',
-            overflow: 'auto',
-            flexDirection: 'row',
-            display: 'flex',
-            justifyContent: 'center',
-            p: 3,
-            backgroundColor: 'gray',
-        } }, { children: _jsxs(Box, Object.assign({ "data-testid": "ChargesList", sx: {
-                position: 'relative',
-                display: 'flex',
-                flexDirection: 'column',
-                width: '80%',
-                height: '100%',
-            } }, { children: [_jsx(Button, Object.assign({ onClick: toggleView }, { children: "Toggle" })), _jsx(VirtualTable, { showHeader: true, showFooter: true, footerProps: {
-                        totalCount: 4,
-                        sandboxMode: false,
-                        maximized: false,
-                    }, loadMoreItems: () => Promise.resolve(), isLoading: false, isFetchingNextPage: false, rows: [
-                        { index: '1', date: 'date', order: 'order' },
-                        { index: '2', date: 'date', order: 'order' },
-                        { index: '3', date: 'date', order: 'order' },
-                    ], areAllRowsLoaded: true, columnsSorting: { id: 'asc' }, onColumnSort: () => { }, columns: [
-                        { id: 'index', header: '', width: '28px' },
-                        {
-                            id: 'date',
-                            header: 'Date',
-                            width: '170px',
-                        },
-                        {
-                            id: 'order',
-                            header: 'Order',
-                            width: '170px',
-                            filter: {
-                                onConfirm: undefined,
-                                onClear: () => { },
-                                type: 'inputs',
-                                options: [
-                                    {
-                                        placeholder: 'Order',
-                                        apiKey: 'orderID',
-                                    },
-                                ],
-                                data: {},
-                            },
-                        },
-                    ], error: null, triggerDataRefetch: () => Promise.resolve(), showBackgroundColor: false, tableTitle: "Acceptance-Charges", tableMode: 'sheet', dragControls: undefined, isSheetView: isSheetView })] })) })));
-};

package/build/playground/index.d.ts

@@ -1 +0,0 @@
-export { VTDemo } from './VTDemo';

package/build/playground/index.js

@@ -1 +0,0 @@
-export { VTDemo } from './VTDemo';

package/build/theme/components.d.ts

@@ -1,2 +0,0 @@
-import { type Components, type Theme } from '@mui/material/styles';
-export declare const components: Components<Theme> | undefined;

package/build/theme/components.js

@@ -1,22 +0,0 @@
-export const components = {
-    MuiSvgIcon: {
-        styleOverrides: {
-            root: {
-                width: '0.8em',
-                height: '0.8em',
-            },
-        },
-    },
-    MuiButtonBase: {
-        defaultProps: {
-            disableRipple: true,
-        },
-    },
-    MuiPopper: {
-        styleOverrides: {
-            root: {
-                zIndex: 1400,
-            },
-        },
-    },
-};

package/build/theme/index.d.ts

@@ -1,5 +0,0 @@
-export * from './theme';
-export * from './components';
-export * from './palette';
-export * from './typography';
-export * from './shadows';

package/build/theme/index.js

@@ -1,5 +0,0 @@
-export * from './theme';
-export * from './components';
-export * from './palette';
-export * from './typography';
-export * from './shadows';

package/build/theme/palette.d.ts

@@ -1,3 +0,0 @@
-import { type PaletteOptions } from '@mui/material/styles/createPalette';
-export declare const lightPalette: PaletteOptions;
-export declare const darkPalette: PaletteOptions;

package/build/theme/palette.js

@@ -1,106 +0,0 @@
-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',
-        A800: '#1F222A',
-    },
-    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

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

package/build/theme/shadows.js

@@ -1,27 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1,33 +0,0 @@
-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/account.d.ts

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

package/build/types/account.js

@@ -1,7 +0,0 @@
-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,31 +0,0 @@
-export interface AnalyticsDetails {
-    date?: string;
-    count: number;
-    hour?: 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

@@ -1,6 +0,0 @@
-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

@@ -1,21 +0,0 @@
-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

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

package/build/types/appConfig.d.ts

@@ -1,31 +0,0 @@
-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

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

package/build/types/apps.d.ts

@@ -1,66 +0,0 @@
-import { ColumnsView } from './column';
-import { TextAndLang } from './user';
-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];
-    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

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

package/build/types/authentication.d.ts

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

package/build/types/authentication.js

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

package/build/types/brand.d.ts

@@ -1,103 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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 = {}));