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

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

@@ -1,62 +0,0 @@
-export declare const walletStatementTableCellWidth: {
-    readonly id: {
-        readonly default: "225px";
-        readonly text: "225px";
-        readonly sheet: "225px";
-    };
-    readonly postdate: {
-        readonly default: "170px";
-        readonly text: "170px";
-        readonly sheet: "170px";
-    };
-    readonly date: {
-        readonly default: "110px";
-        readonly text: "110px";
-        readonly sheet: "110px";
-    };
-    readonly description: {
-        readonly default: "210px";
-        readonly text: "210px";
-        readonly sheet: "210px";
-    };
-    readonly receipt: {
-        readonly default: "80px";
-        readonly text: "150px";
-        readonly sheet: "150px";
-    };
-    readonly authenticate: {
-        readonly default: "70px";
-        readonly text: "100px";
-        readonly sheet: "100px";
-    };
-    readonly debit: {
-        readonly default: "400px";
-        readonly text: "400px";
-        readonly sheet: "400px";
-    };
-    readonly source: {
-        readonly default: "75px";
-        readonly text: "125px";
-        readonly sheet: "125px";
-    };
-    readonly actions: {
-        readonly default: "100px";
-        readonly text: "100px";
-        readonly sheet: "100px";
-    };
-    readonly amount: {
-        readonly default: "195px";
-        readonly text: "195px";
-        readonly sheet: "195px";
-    };
-    readonly reference: {
-        readonly default: "95px";
-        readonly text: "110px";
-        readonly sheet: "110px";
-    };
-    readonly card: {
-        readonly default: "120px";
-        readonly text: "120px";
-        readonly sheet: "120px";
-    };
-};

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

@@ -1,62 +0,0 @@
-export const walletStatementTableCellWidth = {
-    id: {
-        default: '225px',
-        text: '225px',
-        sheet: '225px',
-    },
-    postdate: {
-        default: '170px',
-        text: '170px',
-        sheet: '170px',
-    },
-    date: {
-        default: '110px',
-        text: '110px',
-        sheet: '110px',
-    },
-    description: {
-        default: '210px',
-        text: '210px',
-        sheet: '210px',
-    },
-    receipt: {
-        default: '80px',
-        text: '150px',
-        sheet: '150px',
-    },
-    authenticate: {
-        default: '70px',
-        text: '100px',
-        sheet: '100px',
-    },
-    debit: {
-        default: '400px',
-        text: '400px',
-        sheet: '400px',
-    },
-    source: {
-        default: '75px',
-        text: '125px',
-        sheet: '125px',
-    },
-    actions: {
-        default: '100px',
-        text: '100px',
-        sheet: '100px',
-    },
-    amount: {
-        default: '195px',
-        text: '195px',
-        sheet: '195px',
-    },
-    reference: {
-        default: '95px',
-        text: '110px',
-        sheet: '110px',
-    },
-    card: {
-        default: '120px',
-        text: '120px',
-        sheet: '120px',
-    },
-};

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

@@ -1,32 +0,0 @@
-export declare const walletTableCellWidth: {
-    readonly id: {
-        readonly default: "180px";
-        readonly text: "180px";
-        readonly sheet: "180px";
-    };
-    readonly type: {
-        readonly default: "150px";
-        readonly text: "250px";
-        readonly sheet: "250px";
-    };
-    readonly wallet: {
-        readonly default: "150px";
-        readonly text: "250px";
-        readonly sheet: "250px";
-    };
-    readonly source: {
-        readonly default: "75px";
-        readonly text: "125px";
-        readonly sheet: "125px";
-    };
-    readonly amount: {
-        readonly default: "195px";
-        readonly text: "195px";
-        readonly sheet: "195px";
-    };
-    readonly actions: {
-        readonly default: "100px";
-        readonly text: "100px";
-        readonly sheet: "100px";
-    };
-};

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

@@ -1,32 +0,0 @@
-export const walletTableCellWidth = {
-    id: {
-        default: '180px',
-        text: '180px',
-        sheet: '180px',
-    },
-    type: {
-        default: '150px',
-        text: '250px',
-        sheet: '250px',
-    },
-    wallet: {
-        default: '150px',
-        text: '250px',
-        sheet: '250px',
-    },
-    source: {
-        default: '75px',
-        text: '125px',
-        sheet: '125px',
-    },
-    amount: {
-        default: '195px',
-        text: '195px',
-        sheet: '195px',
-    },
-    actions: {
-        default: '100px',
-        text: '100px',
-        sheet: '100px',
-    },
-};

package/build/constants/table.d.ts

@@ -1,6 +0,0 @@
-export declare const TABLE_LOADING_ROW_HEIGHT = 52;
-export declare const TABLE_CONTENT_ROW_HEIGHT = 70;
-export declare const TABLE_ROW_HEIGHT = 57;
-export declare const TABLE_THRESHOLD = 200;
-export declare const TABLE_LIST_OVER_SCAN = 5;
-export declare const SHEET_VIEW_TABLE_ROW_HEIGHT = 28;

package/build/constants/table.js

@@ -1,6 +0,0 @@
-export const TABLE_LOADING_ROW_HEIGHT = 52;
-export const TABLE_CONTENT_ROW_HEIGHT = 70;
-export const TABLE_ROW_HEIGHT = 57;
-export const TABLE_THRESHOLD = 200;
-export const TABLE_LIST_OVER_SCAN = 5;
-export const SHEET_VIEW_TABLE_ROW_HEIGHT = 28;

package/build/constants/timezones.d.ts

@@ -1,4 +0,0 @@
-import { Timezone } from '../types/index.js';
-export declare const TIMEZONES: Record<string, string>;
-export declare const ACCEPTANCE_TIMEZONE: string;
-export declare const COUNTRIES_TIMEZONES: Timezone[];

package/build/constants/timezones.js

@@ -1,45 +0,0 @@
-export const TIMEZONES = {
-    AE: 'UTC +04:00',
-    SA: 'UTC +03:00',
-    KW: 'UTC +03:00',
-    OM: 'UTC +04:00',
-    YM: 'UTC +03:00',
-    EG: 'UTC +03:00',
-    BH: 'UTC +03:00',
-    JO: 'UTC +03:00',
-    LB: 'UTC +03:00',
-    QA: 'UTC +03:00',
-    GB: 'UTC +01:00',
-    IE: 'UTC +01:00',
-    FR: 'UTC +02:00',
-    NL: 'UTC +02:00',
-    DE: 'UTC +02:00',
-    ES: 'UTC +02:00',
-    IT: 'UTC +02:00',
-    PK: 'UTC +05:00',
-    IN: 'UTC +05:00',
-    SG: 'UTC +08:00',
-    UTC: 'UTC +00:00',
-};
-export const ACCEPTANCE_TIMEZONE = TIMEZONES.UTC;
-export const COUNTRIES_TIMEZONES = [
-    { countryCode: 'SA', label: '(GMT:+0300) Saudi Arabia', timezone: 'Asia/Riyadh', offset: 3 },
-    { countryCode: 'BH', label: '(GMT:+0300) Bahrain', timezone: 'Asia/Bahrain', offset: 3 },
-    { countryCode: 'EG', label: '(GMT:+0200) Egypt', timezone: 'Africa/Cairo', offset: 2 },
-    { countryCode: 'LB', label: '(GMT:+0200) Lebanon', timezone: 'Asia/Beirut', offset: 2 },
-    { countryCode: 'JO', label: '(GMT:+0300) Jordan', timezone: 'Asia/Amman', offset: 3 },
-    { countryCode: 'KW', label: '(GMT:+0300) Kuwait', timezone: 'Asia/Kuwait', offset: 3 },
-    { countryCode: 'OM', label: '(GMT:+0400) Oman', timezone: 'Asia/Muscat', offset: 4 },
-    { countryCode: 'QA', label: '(GMT:+0300) Qatar', timezone: 'Asia/Qatar', offset: 3 },
-    { countryCode: 'AE', label: '(GMT:+0400) United Arab Emirates', timezone: 'Asia/Dubai', offset: 4 },
-    { countryCode: 'GB', label: '(GMT:+0000) United Kingdom', timezone: 'Europe/London', offset: 0 },
-    { countryCode: 'IE', label: '(GMT:+0000) Ireland', timezone: 'Europe/Dublin', offset: 0 },
-    { countryCode: 'FR', label: '(GMT:+0100) France', timezone: '	Europe/Paris', offset: 1 },
-    { countryCode: 'NL', label: '(GMT:+0100) Netherlands', timezone: 'Europe/Amsterdam', offset: 1 },
-    { countryCode: 'DE', label: '(GMT:+0100) Germany', timezone: 'Europe/Berlin', offset: 1 },
-    { countryCode: 'IT', label: '(GMT:+0100) Italy', timezone: 'Europe/Rome', offset: 1 },
-    { countryCode: 'ES', label: '(GMT:+0100) Spain', timezone: 'Europe/Madrid', offset: 1 },
-    { countryCode: 'PK', label: '(GMT:+0500) Pakistan', timezone: 'Asia/Karachi', offset: 5 },
-    { countryCode: 'IN', label: '(GMT:-0500) India', timezone: 'America/Indiana/Indianapolis', offset: -5 },
-    { countryCode: 'SG', label: '(GMT:+0800) Singapore', timezone: 'Asia/Singapore', offset: 8 },
-];

package/build/constants/toggleOptions.d.ts

@@ -1,8 +0,0 @@
-export declare const DATA_KEY: {
-    COUNT: string;
-    AMOUNT: string;
-};
-export declare const DATA_KEY_LABEL: {
-    count: string;
-    amount: string;
-};

package/build/constants/toggleOptions.js

@@ -1,8 +0,0 @@
-export const DATA_KEY = {
-    COUNT: 'count',
-    AMOUNT: 'amount',
-};
-export const DATA_KEY_LABEL = {
-    count: 'transaction',
-    amount: 'amount',
-};

package/build/hooks/index.d.ts

@@ -1,11 +0,0 @@
-export * from './useWindowDimensions';
-export * from './useMouseState';
-export * from './useDelayToSetValue';
-export * from './useActionMenu';
-export * from './useBadgesCount';
-export * from './useCheckInternetConnection';
-export * from './useCheckUserLoggedIn';
-export * from './useIsParameterSelected';
-export * from './useStickyHeaderShadow';
-export * from './useThemeMode';
-export * from './useCountdown';

package/build/hooks/index.js

@@ -1,11 +0,0 @@
-export * from './useWindowDimensions';
-export * from './useMouseState';
-export * from './useDelayToSetValue';
-export * from './useActionMenu';
-export * from './useBadgesCount';
-export * from './useCheckInternetConnection';
-export * from './useCheckUserLoggedIn';
-export * from './useIsParameterSelected';
-export * from './useStickyHeaderShadow';
-export * from './useThemeMode';
-export * from './useCountdown';

package/build/hooks/useActionMenu.d.ts

@@ -1,20 +0,0 @@
-import { SyntheticEvent } from 'react';
-type ActionMenuOption = {
-    name: string;
-    value?: number;
-    currency?: string;
-};
-export declare const useActionMenu: () => {
-    actionMenuAnchor: HTMLElement | null;
-    actionMenuOptions: ActionMenuOption[] | undefined;
-    selectedActionMenuId: string | undefined;
-    isActionMenuCheckMarkHighlighted: boolean;
-    setActionMenuAnchor: import("react").Dispatch<import("react").SetStateAction<HTMLElement | null>>;
-    setActionMenuOptions: import("react").Dispatch<import("react").SetStateAction<ActionMenuOption[] | undefined>>;
-    setSelectedActionMenuId: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
-    setIsActionMenuCheckMarkHighlighted: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    handleCloseActionMenu: (e?: SyntheticEvent) => void;
-    hideDropdown: () => void;
-    showActionsDropdown: boolean;
-};
-export {};

package/build/hooks/useActionMenu.js

@@ -1,45 +0,0 @@
-import { useState } from 'react';
-export const useActionMenu = () => {
-    const [actionMenuAnchor, setActionMenuAnchor] = useState(null);
-    const [actionMenuOptions, setActionMenuOptions] = useState(undefined);
-    const [selectedActionMenuId, setSelectedActionMenuId] = useState(undefined);
-    const [isActionMenuCheckMarkHighlighted, setIsActionMenuCheckMarkHighlighted] = useState(false);
-    const [showActionsDropdown, setShowActionsDropdown] = useState(true);
-    const hideDropdown = () => {
-        setShowActionsDropdown(false);
-        setTimeout(() => {
-            setShowActionsDropdown(true);
-        }, 100);
-    };
-    const handleCloseActionMenu = (e) => {
-        if (e && (actionMenuAnchor === null || actionMenuAnchor === void 0 ? void 0 : actionMenuAnchor.getBoundingClientRect())) {
-            const { pageX, pageY } = e;
-            const boundingClient = actionMenuAnchor === null || actionMenuAnchor === void 0 ? void 0 : actionMenuAnchor.getBoundingClientRect();
-            const { left, right, bottom, top } = boundingClient;
-            const isAnchorDropdownClicked = pageX > left && pageX < right && pageY > top && pageY < bottom;
-            if (isAnchorDropdownClicked) {
-                setIsActionMenuCheckMarkHighlighted(true);
-                setTimeout(() => {
-                    setIsActionMenuCheckMarkHighlighted(false);
-                }, 2000);
-                return;
-            }
-        }
-        setActionMenuAnchor(null);
-        setActionMenuOptions(undefined);
-        setSelectedActionMenuId(undefined);
-    };
-    return {
-        actionMenuAnchor,
-        actionMenuOptions,
-        selectedActionMenuId,
-        isActionMenuCheckMarkHighlighted,
-        setActionMenuAnchor,
-        setActionMenuOptions,
-        setSelectedActionMenuId,
-        setIsActionMenuCheckMarkHighlighted,
-        handleCloseActionMenu,
-        hideDropdown,
-        showActionsDropdown,
-    };
-};

package/build/hooks/useBadgesCount.d.ts

@@ -1,3 +0,0 @@
-export declare function useBadgesCount(filterStatus?: string, count?: number): {
-    getBadgeCount: (status: string) => number | "";
-};

package/build/hooks/useBadgesCount.js

@@ -1,15 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-export function useBadgesCount(filterStatus, count) {
-    const [badgesCount, setBadgesCount] = useState({});
-    useEffect(() => {
-        if (filterStatus) {
-            setBadgesCount((statusesCounts) => (Object.assign(Object.assign({}, statusesCounts), { [filterStatus]: count || 0 })));
-        }
-    }, [count, filterStatus]);
-    const getBadgeCount = useCallback((status) => {
-        if (status)
-            return badgesCount[status];
-        return '';
-    }, [badgesCount]);
-    return { getBadgeCount };
-}

package/build/hooks/useCheckInternetConnection.d.ts

@@ -1 +0,0 @@
-export declare const useCheckInternetConnection: () => boolean;

package/build/hooks/useCheckInternetConnection.js

@@ -1,17 +0,0 @@
-import { useState, useEffect } from 'react';
-export const useCheckInternetConnection = () => {
-    const [isOnline, setIsOnline] = useState(navigator.onLine);
-    useEffect(() => {
-        const handleOnlineStatus = () => {
-            setIsOnline(navigator.onLine);
-        };
-        window.addEventListener('online', handleOnlineStatus);
-        window.addEventListener('offline', handleOnlineStatus);
-        return () => {
-            window.removeEventListener('online', handleOnlineStatus);
-            window.removeEventListener('offline', handleOnlineStatus);
-        };
-    }, []);
-    const isOffline = !isOnline;
-    return isOffline;
-};

package/build/hooks/useCheckUserLoggedIn.d.ts

@@ -1 +0,0 @@
-export declare const useCheckUserLoggedIn: () => void;

package/build/hooks/useCheckUserLoggedIn.js

@@ -1,11 +0,0 @@
-import { useLayoutEffect } from 'react';
-import { useLocation } from 'react-router-dom';
-import { isUserLoggedInAndJwtTokenExistsAndNotExpired } from '../utils/index.js';
-export const useCheckUserLoggedIn = () => {
-    const { pathname } = useLocation();
-    useLayoutEffect(() => {
-        if (!isUserLoggedInAndJwtTokenExistsAndNotExpired()) {
-            window.location.href = '/login';
-        }
-    }, [pathname]);
-};

package/build/hooks/useCountdown.d.ts

@@ -1,7 +0,0 @@
-export declare function useCountdown(): {
-    timer: number;
-    formattedTime: string;
-    startTimer: (expiryTime: number) => void;
-    stopTimer: () => void;
-    resetTimer: () => void;
-};

package/build/hooks/useCountdown.js

@@ -1,46 +0,0 @@
-import { secondsToTimeString } from '../utils/index.js';
-import { useEffect, useRef, useState } from 'react';
-export function useCountdown() {
-    const [timer, setTimer] = useState(0);
-    const timerInterval = useRef(null);
-    const formattedTime = secondsToTimeString(timer);
-    const stopTimer = () => {
-        if (timerInterval.current) {
-            clearInterval(timerInterval.current);
-            timerInterval.current = null;
-        }
-    };
-    const resetTimer = () => {
-        stopTimer();
-        setTimer(0);
-    };
-    const startTimer = (expiryTime) => {
-        if (expiryTime <= 0)
-            return;
-        if (timerInterval.current) {
-            stopTimer();
-        }
-        setTimer(expiryTime);
-        timerInterval.current = setInterval(() => {
-            setTimer((prev) => {
-                const newTime = prev - 1;
-                if (newTime <= 0) {
-                    stopTimer();
-                }
-                return newTime;
-            });
-        }, 1000);
-    };
-    useEffect(() => {
-        return () => {
-            stopTimer();
-        };
-    }, []);
-    return {
-        timer,
-        formattedTime,
-        startTimer,
-        stopTimer,
-        resetTimer,
-    };
-}

package/build/hooks/useDelayToSetValue.d.ts

@@ -1,4 +0,0 @@
-export declare function useDelayToSetValue({ value, delay }: {
-    value?: boolean;
-    delay: number;
-}): boolean | undefined;

package/build/hooks/useDelayToSetValue.js

@@ -1,19 +0,0 @@
-import { useEffect, useState } from 'react';
-export function useDelayToSetValue({ value, delay }) {
-    const [delayedValue, setDelayedValue] = useState(value);
-    useEffect(() => {
-        let timeout;
-        if (value) {
-            setDelayedValue(value);
-        }
-        else {
-            timeout = setTimeout(() => {
-                setDelayedValue(value);
-            }, delay);
-        }
-        return () => {
-            clearTimeout(timeout);
-        };
-    }, [value]);
-    return delayedValue;
-}

package/build/hooks/useIsParameterSelected.d.ts

@@ -1,5 +0,0 @@
-import type { ColumnViewProps } from '../types/index.js';
-export declare function useTableViews(tableViews: ColumnViewProps[]): {
-    isParameterSelected: (columnId: string, parameters: string[]) => boolean[];
-    getColumnOrder: (columnId: string) => number;
-};

package/build/hooks/useIsParameterSelected.js

@@ -1,13 +0,0 @@
-import { isParameterSelected } from '../utils/index.js';
-export function useTableViews(tableViews) {
-    const isSelected = (columnId, parameters) => {
-        return parameters === null || parameters === void 0 ? void 0 : parameters.map((param) => {
-            return isParameterSelected(tableViews, columnId, param);
-        });
-    };
-    const getColumnOrder = (columnId) => {
-        const columnIndex = tableViews.findIndex((col) => { var _a; return ((_a = col.name) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === (columnId === null || columnId === void 0 ? void 0 : columnId.toLowerCase()); });
-        return columnIndex === -1 ? 100 : columnIndex;
-    };
-    return { isParameterSelected: isSelected, getColumnOrder };
-}

package/build/hooks/useMouseState.d.ts

@@ -1,8 +0,0 @@
-export declare const useMouseState: () => {
-    onMouseContentEnter: () => void;
-    onMouseContentLeave: () => void;
-    isHovered: boolean;
-    isContentHovered: boolean;
-    onMouseEnter: () => void;
-    onMouseLeave: () => void;
-};

package/build/hooks/useMouseState.js

@@ -1,25 +0,0 @@
-import { useState } from 'react';
-export const useMouseState = () => {
-    const [isHovered, setIsHovered] = useState(false);
-    const [isContentHovered, setIsContentHovered] = useState(false);
-    const onMouseEnter = () => {
-        setIsHovered(true);
-    };
-    const onMouseLeave = () => {
-        setIsHovered(false);
-    };
-    const onMouseContentEnter = () => {
-        setIsContentHovered(true);
-    };
-    const onMouseContentLeave = () => {
-        setIsContentHovered(false);
-    };
-    return {
-        onMouseContentEnter,
-        onMouseContentLeave,
-        isHovered,
-        isContentHovered,
-        onMouseEnter,
-        onMouseLeave,
-    };
-};

package/build/hooks/useStickyHeaderShadow.d.ts

@@ -1,4 +0,0 @@
-import { RefObject } from 'react';
-export declare const useStickyHeaderShadow: (interceptRef: RefObject<HTMLElement>) => {
-    showShadow: boolean;
-};

package/build/hooks/useStickyHeaderShadow.js

@@ -1,14 +0,0 @@
-import { useEffect, useState } from 'react';
-export const useStickyHeaderShadow = (interceptRef) => {
-    const [showShadow, setShowShadow] = useState(false);
-    useEffect(() => {
-        const observer = new IntersectionObserver(([entry]) => {
-            setShowShadow(!entry.isIntersecting);
-        });
-        if (interceptRef === null || interceptRef === void 0 ? void 0 : interceptRef.current)
-            observer.observe(interceptRef.current);
-    });
-    return {
-        showShadow,
-    };
-};

package/build/hooks/useThemeMode.d.ts

@@ -1,4 +0,0 @@
-export declare const useThemeMode: () => {
-    isDark: boolean;
-    isLight: boolean;
-};

package/build/hooks/useThemeMode.js

@@ -1,8 +0,0 @@
-import { useTheme } from '@mui/material/styles';
-import { ThemeMode } from '../types/index.js';
-export const useThemeMode = () => {
-    const theme = useTheme();
-    const isDark = theme.palette.mode === ThemeMode.DARK;
-    const isLight = theme.palette.mode === ThemeMode.LIGHT;
-    return { isDark, isLight };
-};

package/build/hooks/useWindowDimensions.d.ts

@@ -1,4 +0,0 @@
-export declare function useWindowDimensions(): {
-    width: number;
-    height: number;
-};

package/build/hooks/useWindowDimensions.js

@@ -1,21 +0,0 @@
-import { useState, useEffect } from 'react';
-function getWindowDimensions() {
-    const { innerWidth: width, innerHeight: height } = window;
-    return {
-        width,
-        height,
-    };
-}
-export function useWindowDimensions() {
-    const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());
-    useEffect(() => {
-        function handleResize() {
-            setWindowDimensions(getWindowDimensions());
-        }
-        window.addEventListener('resize', handleResize);
-        return () => {
-            window.removeEventListener('resize', handleResize);
-        };
-    }, []);
-    return windowDimensions;
-}

package/build/index.d.ts

@@ -1,6 +0,0 @@
-export * from './constants';
-export * from './hooks';
-export * from './components';
-export * from './utils';
-export * from './types';
-export * from './theme';

package/build/index.js

@@ -1,6 +0,0 @@
-export * from './constants';
-export * from './hooks';
-export * from './components';
-export * from './utils';
-export * from './types';
-export * from './theme';

package/build/playground/VTDemo.d.ts

@@ -1 +0,0 @@
-export declare const VTDemo: () => import("react/jsx-runtime").JSX.Element;