@tap-payments/os-micro-frontend-shared 0.1.440 → 0.1.441

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

@@ -1,47 +0,0 @@
-export const tokensTableCellWidth = {
-    id: {
-        default: '180px',
-        text: '180px',
-        sheet: '180px',
-    },
-    payouts: {
-        default: '150px',
-        text: '250px',
-        sheet: '250px',
-    },
-    reference: {
-        default: '150px',
-        text: '250px',
-        sheet: '250px',
-    },
-    customer: {
-        default: '180px',
-        text: '180px',
-        sheet: '100px',
-    },
-    device: {
-        default: '150px',
-        text: '250px',
-        sheet: '250px',
-    },
-    source: {
-        default: '70px',
-        text: '125px',
-        sheet: '125px',
-    },
-    purpose: {
-        default: '150px',
-        text: '250px',
-        sheet: '250px',
-    },
-    status: {
-        default: '150px',
-        text: '250px',
-        sheet: '250px',
-    },
-    actions: {
-        default: '100px',
-        text: '100px',
-        sheet: '100px',
-    },
-};

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

@@ -1,57 +0,0 @@
-export const topupsTableCellWidth = {
-    id: {
-        default: '180px',
-        text: '180px',
-        sheet: '180px',
-    },
-    created: {
-        default: '170px',
-        text: '170px',
-        sheet: '170px',
-    },
-    charge_order: {
-        default: '150px',
-        text: '250px',
-        sheet: '250px',
-    },
-    customer: {
-        default: '180px',
-        text: '180px',
-        sheet: '180px',
-    },
-    device: {
-        default: '150px',
-        text: '250px',
-        sheet: '250px',
-    },
-    amount: {
-        default: '195px',
-        text: '195px',
-        sheet: '195px',
-    },
-    source: {
-        default: '94px',
-        text: '125px',
-        sheet: '125px',
-    },
-    authenticate: {
-        default: '18px',
-        text: '250px',
-        sheet: '250px',
-    },
-    payment_agreement: {
-        default: '50px',
-        text: '250px',
-        sheet: '250px',
-    },
-    status: {
-        default: '150px',
-        text: '250px',
-        sheet: '250px',
-    },
-    actions: {
-        default: '100px',
-        text: '100px',
-        sheet: '100px',
-    },
-};

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

@@ -1,32 +0,0 @@
-export const walletDetailsTableCellWidth = {
-    id: {
-        default: '180px',
-        text: '180px',
-        sheet: '180px',
-    },
-    amount: {
-        default: '220px',
-        text: '220px',
-        sheet: '220px',
-    },
-    actions: {
-        default: '70px',
-        text: '70px',
-        sheet: '70px',
-    },
-    date: {
-        default: '130px',
-        text: '130px',
-        sheet: '130px',
-    },
-    description: {
-        default: '210px',
-        text: '210px',
-        sheet: '210px',
-    },
-    transactions: {
-        default: '90px',
-        text: '90px',
-        sheet: '90px',
-    },
-};

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.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: '92px',
-        text: '125px',
-        sheet: '125px',
-    },
-    amount: {
-        default: '195px',
-        text: '195px',
-        sheet: '195px',
-    },
-    actions: {
-        default: '100px',
-        text: '100px',
-        sheet: '100px',
-    },
-};

package/build/constants/table.js

@@ -1,8 +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_LIST_OVER_SCAN = 40;
-export const SHEET_VIEW_TABLE_THRESHOLD = 20;
-export const SHEET_VIEW_TABLE_ROW_HEIGHT = 28;

package/build/constants/timezones.js

@@ -1,47 +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',
-    US: 'UTC -05: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:+0300) Egypt', timezone: 'Africa/Cairo', offset: 3 },
-    { 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 },
-    { countryCode: 'US', label: '(GMT:-0500) Eastern Time (US & Canada)', timezone: 'America/New_York', offset: -5 },
-];

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/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/useAppEventListener.js

@@ -1,13 +0,0 @@
-import { useEffect } from 'react';
-export function useAppEventListener(eventName, handler) {
-    useEffect(() => {
-        const listener = (e) => {
-            const customEvent = e;
-            handler(...(customEvent.detail || []));
-        };
-        window.addEventListener(eventName, listener);
-        return () => {
-            window.removeEventListener(eventName, listener);
-        };
-    }, [eventName, handler]);
-}

package/build/hooks/useAppEventPublisher.js

@@ -1,7 +0,0 @@
-import { useCallback } from 'react';
-export function useAppEventPublisher(eventName) {
-    return useCallback((...args) => {
-        const event = new CustomEvent(eventName, { detail: args });
-        window.dispatchEvent(event);
-    }, [eventName]);
-}

package/build/hooks/useAppsInfo.js

@@ -1,21 +0,0 @@
-import { useCallback } from 'react';
-export const useAppsInfo = (segmentApps) => {
-    const getAppInfo = useCallback((appCode) => segmentApps.find((app) => app.code.toLowerCase() === appCode.toLowerCase()), [segmentApps]);
-    const getServiceInfo = useCallback(({ appCode, serviceCode }) => {
-        var _a;
-        return (_a = getAppInfo(appCode)) === null || _a === void 0 ? void 0 : _a.app_services.find(({ code }) => code.toLowerCase() === serviceCode.toLowerCase());
-    }, [getAppInfo]);
-    const getServiceFunctions = useCallback(({ appCode, serviceCode }) => {
-        var _a, _b;
-        return (_b = (_a = getServiceInfo({ appCode, serviceCode })) === null || _a === void 0 ? void 0 : _a.functions) !== null && _b !== void 0 ? _b : [];
-    }, [getServiceInfo]);
-    const getFunctionInfo = useCallback(({ appCode, serviceCode, functionCode }) => {
-        return getServiceFunctions({ appCode, serviceCode }).find(({ code }) => code.toLowerCase() === functionCode.toLowerCase());
-    }, [getServiceFunctions]);
-    return {
-        getAppInfo,
-        getServiceInfo,
-        getServiceFunctions,
-        getFunctionInfo,
-    };
-};

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/useCheckUserLoggedIn.js

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

package/build/hooks/useCountdown.js

@@ -1,50 +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);
-    // Stop the timer
-    const stopTimer = () => {
-        if (timerInterval.current) {
-            clearInterval(timerInterval.current);
-            timerInterval.current = null;
-        }
-    };
-    // Reset the timer
-    const resetTimer = () => {
-        stopTimer();
-        setTimer(0);
-    };
-    // Start the timer
-    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);
-    };
-    // Auto-stop and cleanup on unmount
-    useEffect(() => {
-        return () => {
-            stopTimer();
-        };
-    }, []);
-    return {
-        timer,
-        formattedTime,
-        startTimer,
-        stopTimer,
-        resetTimer,
-    };
-}

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.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.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/useNetworkState.js

@@ -1,112 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { useCallback, useEffect, useRef, useState } from 'react';
-export const useNetworkState = (options = {}) => {
-    const { checkUrl = '/status', checkIntervalMs = 30000, // poll /status only while offline
-    debounceMs = 800, timeoutMs = 5000, } = options;
-    const isBrowser = typeof window !== 'undefined' && typeof navigator !== 'undefined';
-    const [isOnline, setIsOnline] = useState(isBrowser ? navigator.onLine : true);
-    const [isChecking, setIsChecking] = useState(false);
-    const [error, setError] = useState(null);
-    const debounceTimer = useRef(null);
-    const intervalId = useRef(null);
-    const applyStatusWithDebounce = useCallback((nextOnline) => {
-        if (debounceTimer.current !== null) {
-            window.clearTimeout(debounceTimer.current);
-        }
-        debounceTimer.current = window.setTimeout(() => {
-            setIsOnline(nextOnline);
-            debounceTimer.current = null;
-        }, debounceMs);
-    }, [debounceMs]);
-    useEffect(() => {
-        if (!isBrowser) {
-            return;
-        }
-        let abortController = null;
-        const clearPolling = () => {
-            if (intervalId.current !== null) {
-                window.clearInterval(intervalId.current);
-                intervalId.current = null;
-            }
-        };
-        const checkConnectivity = () => __awaiter(void 0, void 0, void 0, function* () {
-            setIsChecking(true);
-            setError(null);
-            abortController === null || abortController === void 0 ? void 0 : abortController.abort();
-            abortController = new AbortController();
-            try {
-                const timeout = window.setTimeout(() => {
-                    abortController === null || abortController === void 0 ? void 0 : abortController.abort();
-                }, timeoutMs);
-                const res = yield fetch(checkUrl, {
-                    method: 'GET',
-                    cache: 'no-store',
-                    signal: abortController.signal,
-                });
-                window.clearTimeout(timeout);
-                const ok = res.ok;
-                applyStatusWithDebounce(ok);
-                if (ok)
-                    clearPolling();
-                else
-                    setError(`Health check failed with status ${res.status}`);
-                // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            }
-            catch (_err) {
-                applyStatusWithDebounce(false);
-                setError('Unable to reach network');
-            }
-            finally {
-                setIsChecking(false);
-            }
-        });
-        const handleOnline = () => {
-            // Browser says we're online: trust it, no /status request
-            clearPolling();
-            applyStatusWithDebounce(true);
-        };
-        const handleOffline = () => {
-            // Browser says we're offline: reflect that and poll /status until back
-            applyStatusWithDebounce(false);
-            clearPolling();
-            checkConnectivity();
-            intervalId.current = window.setInterval(checkConnectivity, checkIntervalMs);
-        };
-        window.addEventListener('online', handleOnline);
-        window.addEventListener('offline', handleOffline);
-        // If initially offline, start polling /status; if online, do not hit /status
-        if (!navigator.onLine) {
-            checkConnectivity();
-            intervalId.current = window.setInterval(checkConnectivity, checkIntervalMs);
-        }
-        return () => {
-            window.removeEventListener('online', handleOnline);
-            window.removeEventListener('offline', handleOffline);
-            if (debounceTimer.current !== null) {
-                window.clearTimeout(debounceTimer.current);
-            }
-            clearPolling();
-            abortController === null || abortController === void 0 ? void 0 : abortController.abort();
-        };
-    }, [isBrowser, checkUrl, checkIntervalMs, debounceMs, timeoutMs, applyStatusWithDebounce]);
-    if (!isBrowser) {
-        return {
-            isOnline: false,
-            isChecking: false,
-            error: 'Online status is only available in a browser environment.',
-        };
-    }
-    return {
-        isOnline,
-        isChecking,
-        error,
-    };
-};